/*
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;}

*/


/* Spacers */

.vspacer5px
{
	
width: 100%;
height: 5px;
margin: 0px;
padding: 0px;
font-size: 5px;
line-height: 5px;}

.vspacer10px
{
width: 100%;
height: 10px;
margin: 0px;
padding: 0px;
font-size: 10px;
line-height: 10px;
}

.vspacer20px
{
width: 100%;
height: 20px;
margin: 0px;
padding: 0px;
font-size:20px;
line-height: 20px;
}

/* General Page Styles */

body {background-color: #ffffff;}

#pdotable {
	font-size: 12px;
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-collapse: collapse;}
	
.pdotabletitle {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;}

#pdotable .headers {
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	height: 30px;
	background: transparent url('Grid/headers.gif') repeat-x;
	font-weight: bold;
	color: #434343;}

#pdotable .data {
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-collapse: collapse;
	padding: 10px 4px 10px 0px;}

#pdotable .pdoinnertable td {
	border: 0px solid #cfcfcf;}

/***************** Widget Styles  ****************/

.widget {font-size: 12px;}

.widgeterror {
background: url('images/errormsgbg.png') no-repeat;
font-size: 12px;	
width: 559px;
height: 157px;
border: 1px solid #a1a1a1;
clear: both;
margin-top: 80px;
margin-left: 15px;
margin-bottom: 60px;}

.widgetname {
	font: 200% Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 20px;
	color: #979797;
	font-weight: bold;}

.widgettitlebar1 {
	width: 100%;
	height: 30px;
	background: transparent url('Grid/headers.gif') repeat-x;
	border: 1px solid #cfcfcf;
	font-weight: bold;
	color: #434343;
	margin-top: -1px;}

.widgetcellodd {
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #cfcfcf;
	height: 100%;
	margin-top: -1px;}

.widgetcelleven {
	width: 100%;
	height: auto;
	background-color: #F1F1F1;
	border: 1px solid #cfcfcf;
	margin-top: -1px;}

.widgetspacer {
width: 100%;
height: 5px;
margin: 0px;
padding: 0px;
line-height: 5px;}


.widgettitle {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 8px 4px 10px 10px;}

.widgetreadoutxx {
font: 325% Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 4px 7px 10px;
color: #999999;}

.widgetreadoutx {
font: 150% Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 4px 5px 10px;
color: #999999;}

.widgetreadoutm {
font: 125% Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 4px 5px 10px;
color: #999999;}

.widgetreadoutreg {
font: 90% Arial, Helvetica, sans-serif;
text-align: left;
color: #000000;}

.widgetreadouts {
font: 85% Arial, Helvetica, sans-serif;
text-align: left;
margin: 3px 4px 10px 10px;
color: #999999;
text-decoration: underline;}

.widgetreadoutgrn {
font: 150% Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 4px 0px 10px;
color: #86a24e;
padding: 0px;}

.widgetreadoutgrnx {
font: 175% Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 4px 0px 10px;
color: #86a24e;
padding: 0px;}

.widgetreadoutgrnxx {
font: 325% Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 4px 5px 10px;
color: #86a24e;}

.widgetreadoutrngx {
font: 175% Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 4px 0px 10px;
color: #E99C15;}


.formheading {
color:#444444;
font-size: 100%;
font-weight: bold;
margin: 0px 0px 8px 1px;
padding-left: 21px;
text-align: left;
background: transparent url(http://www.ascd.org/ASCD/images/siteASCD/common/orangearrow.png) no-repeat scroll left center;
}

.customfontsize12 {
	font-size: 12px;
	color: #666666;}

.customgridbg {
	background-color: #ff0000;
	border: 10px solid #ff0000;}

#catalogPageDiv {}

.floatR {float: right;}

.margin90pxR {
	width: 90px;
	float: right;
	border: 1px solid #ff0000;}

.formElementradnumeric {
  border: 1px solid #ff0000;
  width : 250px;
  margin: 1px 0 0 0;
  padding: 3px 0px; 
  border: 0px solid #ff0000;
  overflow: hidden;}

.pdoFooterLogo {
	height: 26px; 
	width: 76px; 
	background: url('images/ascdlogo_on_gray3.gif') no-repeat top left;}
	
.sectionheader {
	margin: 15px 0;
	overflow: hidden;
	}
	.sectiontitle {
		display: block;
		float: left;
		width: 65%;
		color: #444;
		font-size: 18px;
		font-weight: bold;
		line-height: 22px;
		}
	.sectionrightcoltxt,
	.sectionhelp {
		float: right;
		width: 35%;
		}
		.sectionhelp a {
			padding: 5px 25px 5px 0;
			float: right;
			color: #e99400;
			background: url("images/icon_help.png") 100% center no-repeat;

			-webkit-transition: color 0.3s ease-in-out;
			-moz-transition:	color 0.3s ease-in-out;
			-ms-transition:		color 0.3s ease-in-out;
			-o-transition:		color 0.3s ease-in-out;
			transition:			color 0.3s ease-in-out;
			}
			.sectionhelp a:hover {
				color: #a66900;
				text-decoration: none;
				}

.sectionSubtitle {font: bold 14px/14px Arial, Helvetica, sans-serif;color:#e99c15; text-align: left; margin-bottom: 10px;}
.sectionMaintext {font: normal 12px/18px Arial, Helvetica, sans-serif;color:#444444; text-align: left; margin-bottom: 20px;}

.enrollButtonDiv {text-align: right; width: auto;}

.alignRight {text-align: right;}
.alignLeft {text-align: left;}

.userFeedbackMsg {
	color: #ff0000; 
	font: 12px/18px bold Arial, Helvetica, sans-serif; 
	width: auto; 
	font-weight: bold;
	padding: 7px 18px 8px 18px; 
	position: relative;
	top: 7px;
	z-index: 1000;
	}

.gridContainer {margin-bottom: 15px;}
div.RadGrid_Default, .rgHeader, .rgPagerCell {border: 0px  !important; border-bottom: 0px  !important; border-top: 0px  !important;}
#GridContainer100pc {width:100%;}
#GridContainer580 {width:580px;}
.containerLeft {float:left;width:332px;margin-right:15px;}
.containerRight {float:left;width:332px;}

.catalogModalClose {border: 1px solid #f00; float: right; padding: 0px; }
.modalFeedbackMsg {border: 1px solid #f00; margin-left: 10px; position: relative; top: 2px; line-height: 18px; height: 18px;}
.buttonRowAlignLeft {text-align: left; border: 0px solid #f00; overflow: visible; margin-top: 20px; clear: both;}
.buttonRowAlignCenter {text-align: center; border: 0px solid #f00;  overflow: visible; margin-top: 20px;}
/*.modalButton {padding: 4px 8px; height: 29px; font-size: 12px;}*/
.GridRow_PDO td.modalButtonRowTD {background-color: Transparent; margin: 0px; padding: 0px; border: 0px solid #f00;}
.modalButtonRowTD {border: 0px solid #f00;}
.verticleAlignMiddle {vertical-align: middle; padding-top: 8px;}
.GridRow_PDO td.verticalAlignMiddle {padding-top: 8px;}

.modalCloseButton {padding: 0px; float: right; margin: 2px 5px 0 0;}
.smallButton {background-color: #f7edc4; color: #444;  padding: 0px 5px; font-size: 12px; line-height: 16px; margin-left: 2px; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.textboxalign {margin-top: 4px;}
.dropdownList {padding-right: 10px;}
.regularDropdownList {
	margin: 0;
	padding: 1px;
	width: 100%;
	height: 25px;
	color: #444;
	font-size: 12px;
	line-height: 25px;
	border: 1px solid #cfcfcf;

	-webkit-border-radius:	2px;
	-moz-border-radius:		2px;
	border-radius:			2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	}
.regularTextBox {border: 1px solid #cfcfcf; padding: 1px; margin: 0px; height: 17px; color: #444; font-size: 12px;}
.regularButton {cursor: pointer; background: transparent url(http://www.ascd.org/ASCD/images/siteASCD/common/nav_off.gif) repeat-x scroll 0 0; text-align: center; border-color: #e5e5e5; background-color: #e5e5e5; color: #444; vertical-align: bottom; padding: 6px 10px; font-size: 12px; font-weight: bold; margin: 0px 5px 0px 0px; border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.modalButton {background: url('images/modalButtonBG.png') repeat-x 0 0; color: #e4e5f0; vertical-align: bottom; padding: 6px 10px; font-size: 12px; margin: 0px 5px 0px 0px; border-width: 2px; outline-width: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.loginButton {padding: 0px; text-align: right;}
.regularFormLabel { padding: 2px 0px 4px 0px; margin: 0px 0px 5px 0px; color: #444; height: 15px; line-height: 18px; font-size: 12px; font-weight: bold;}
.regularCheckBox { margin: 5px 10px 5px 10px; padding: 0px; border: 0px solid #f00;}
.valignTop {vertical-align: top;}
.valignMiddle {vertical-align: middle; }
.modalScrollableText { background: url('images/modalScrollableTextBG.png') repeat-x 0 0; margin-right: 10px; overflow-y: scroll; height: 200px; width: 490px; border: 2px solid #fff; padding: 10px; font-size: 11px; line-height: 16px; background-color: #f5f5f5;}

.wrapUploadControl:first-child input {border: 1px solid #f00;}
.wrapUploadControl {border: 0px solid #ffaeae; float: left; /* width: 525px; */}
.wrapUploadControl table td {padding-top: 6px; width: 10%; }
.wrapUploadControl table td:first-child input {background: transparent url(http://www.ascd.org/ASCD/images/siteASCD/common/nav_off.gif) repeat-x scroll 0 0; text-align: center; border-color: #e5e5e5; background-color: #e99c15; color: #444; vertical-align: bottom; padding: 6px 10px; font-size: 12px; font-weight: bold; margin: 0px 5px 0px 0px; border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.wrapUploadControl table td:last-child {text-align: left; width: 70px; padding-left: 10px;}
#uploadImportControlHelp {color: #000000; clear: both; padding-top: 10px;}
#uploadImportControlHelp ul li {margin-bottom: 10px; font-weight: normal;}

.wrapUploadControl div ul {clear: both; padding-top: 10px; }
.wrapUploadControl div ul li { font-weight: bold;}
ul.CommonSidebarList {padding-top: 5px;}


catalogConfirmWindow {border: 1px solid #f00;}

 input#ckbAllSelected {border: 0px solid #ff0000; background-color: Transparent;}
 input#ctl00_cphLMSMaster_pdoEditPreapproval_rgdMembers_ctl00_ctl04_ckbSelected {border: 0px solid #ff0000; background-color: Transparent;}
 
 
 
 #iconWrapper {position: relative; border: 0px solid #ff0000; vertical-align: baseline;  margin: 0px; padding: 0px;}
 table.iconWrapper td {padding: 0px 10px 0px 0px; margin: 0px;}
 
 
/* ************************************************************** DODae Styles */
         .clear {
            clear: both;
            }



/* ************************************************************** Demographic, Default.aspx Page Styling */
div.pdo_dodea_page_title {
    margin: 0 0 15px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    }

/* Field Container Wrapper */
div.pdo_dodea_field_wrapper {
    position: relative;
    }
    
    .pdo_dodea_output_name,
    .pdo_dodea_output_email {
        margin: 0;
        padding: 3px 0;
        display: block;
        float: left;
        width: 100px;
        color: #000;
        font-size: 12px;
        font-weight: normal;
        text-align: left;
        }
    
    /* Label Styling */
    div.pdo_dodea_field_wrapper label.pdo_dodea_primary_labels,
    div.pdo_dodea_field_wrapper label.pdo_dodea_content_taught_label {
        margin: 0;
        padding: 3px 7px 3px 0;
        display: block;
        float: left;
        width: 100px;
        color: #000;
        font-size: 12px;
        font-weight: bold;
        text-align: right;
        }
        div.pdo_dodea_field_wrapper label.pdo_dodea_content_taught_label {
            margin: 10px 0 0;
            float: none;
            width: 250px;
            text-align: left;
            }
    
    /* Validation Notices */    
    span.pdo_dodea_validation_notice,
    span.pdo_dodea_validation_notice_positiontitle {
        position: absolute;
        top: 2px;
        left: 360px;
        z-index: 3;
        padding: 3px 3px 3px 25px;
        display: block;
        color: #f00 !important;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
        background: transparent url("/PDONet/App_Themes/PDO/images/icon_validation_x.png") 3px center no-repeat;
        }
        span.pdo_dodea_validation_notice_positiontitle {
            left: 260px;
            }
    
    /* Course Area(s) Taught */        
    /* Adjust the width of the table and td depending on how many columns you want */
    table.pdo_dodea_content_areas_taught_wrapper {
        margin: 0 0 15px 107px;
        width: 300px;
        }
        table.pdo_dodea_content_areas_taught_wrapper td {
            width: 100px !important;
            }
    
    /* Grade Levels */
    /* Adjust the width of the table   */      
    table.pdo_dodea_grade_levels_wrapper {
        margin: 0 0 15px 107px;
        width: 400px;
        }
        table.pdo_dodea_grade_levels_wrapper td {}
            table.pdo_dodea_grade_levels_wrapper td input {
                float: left;
                display: block;
                }
            table.pdo_dodea_grade_levels_wrapper td label {
                padding: 2px 0 0;
                float: left;
                display: block;
                color: #000;
                font-size: 12px;
                font-weight: normal;
                text-align: left;
                }
    
    /* RadComboBox Styling */
    .pdo_dodea_combobox_role,
    .pdo_dodea_combobox_headquarter,
    .pdo_dodea_combobox_area,
    .pdo_dodea_combobox_district,
    .pdo_dodea_combobox_school,
    .pdo_dodea_combobox_positiontitle {
        margin: 3px 5px 0 0 !important;
        float: left !important;
        display: block !important;
        width: 250px !important;
        color: #000 !important;
        font-size: 12px !important;
        font-weight: normal !important;
        text-align: left !important;
        }
        .pdo_dodea_combobox_positiontitle {
            width: 150px !important;
            }
                                    
    /* Update Profile Button */
    .bttn_update_profile {
        margin: 20px 5px 0 105px;
        padding: 6px 10px;
        color: #444;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        vertical-align: bottom;
        background: #e5e5e5 url("/PDONet/App_Themes/PDO/images/nav_off.png") 0 0 repeat-x;
        border: 2px solid #e5e5e5;
        cursor: pointer;
        
        /* CSS3 */
        border-radius: 5px;
        }
        .bttn_update_profile:hover {
            color: #111;
            background: #e5e5e5 url("/PDONet/App_Themes/PDO/images/nav_over.png") 0 0 repeat-x;
            }
            
    #ctl00_cphLMSMaster_yearsTeaching_wrapper {
        margin: 3px 0 0 !important;
        display: block !important;
        float: left !important;
        }



/* ************************************************************** Reports/DemographicReport.aspx Page */
a.teacher_email_address {
    color: #687a81 !important;
    text-decoration: none !important;
    }
    a.teacher_email_address:hover {
        color: #6cbede !important;
        text-decoration: none !important;
        }

div.pdo_dodea_page_title {
    margin: 0 0 15px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    }

/* Field Container Wrapper */
div.pdo_dodea_field_wrapper {
    position: relative;
    }
    
    /* Label Styling */
    div.pdo_dodea_field_wrapper label.pdo_dodea_primary_labels,
    div.pdo_dodea_field_wrapper label.pdo_dodea_primary_labels_long {
        margin: 0;
        padding: 3px 7px 3px 0;
        display: block;
        float: left;
        width: 100px;
        color: #000;
        font-size: 12px;
        font-weight: bold;
        text-align: right;
        }
        div.pdo_dodea_field_wrapper label.pdo_dodea_primary_labels_long {
            margin: 10px 0 0;
            float: none;
            width: 250px;
            text-align: left;
            }
    
    /* Validation Notices */    
    span.pdo_dodea_validation_notice,
    span.pdo_dodea_validation_notice_positiontitle {
        position: absolute;
        top: 2px;
        left: 360px;
        z-index: 3;
        padding: 3px 3px 3px 25px;
        display: block;
        color: #f00 !important;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
        background: transparent url("/PDONet/App_Themes/PDO/images/icon_validation_x.png") 3px center no-repeat;
        }
        span.pdo_dodea_validation_notice_positiontitle {
            left: 260px;
            }
    
    /* Select Boxes Styling */
    div.pickerWrapper_WebBlue {
        float: left !important;
        margin-right: 36px !important;
        }
        input.radEnabledCss_WebBlue {
            padding: 2px 3px !important;
            float: left !important;
            display: block !important;
            width: 150px !important;
            }
            input.radFocusedCss_WebBlue,
            input.radHoverCss_WebBlue {
                padding: 2px 3px !important;
                float: left !important;
                display: block !important;
                width: 150px !important;
                }
        
    /* Date Picker Styling */
    #ctl00_cphLMSMaster_startDatePicker_dateInput {}
    
    /* RadComboBox Styling */
    .pdo_dodea_combobox {
        margin: 3px 5px 0 0 !important;
        float: left !important;
        display: block !important;
        width: 250px !important;
        color: #000 !important;
        font-size: 12px !important;
        font-weight: normal !important;
        text-align: left !important;
        }
        .pdo_dodea_combobox_positiontitle {
            width: 150px !important;
            }
                                    
    /* Generate Report Button */
    .bttn_generate_report {
        margin: 10px 5px 10px 0;
        padding: 6px 10px;
        color: #444;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        vertical-align: bottom;
        background: #e5e5e5 url("/PDONet/App_Themes/PDO/images/nav_off.png") 0 0 repeat-x;
        border: 2px solid #e5e5e5;
        cursor: pointer;
        
        /* CSS3 */
        border-radius: 5px;
        }
        .bttn_generate_report:hover {
            color: #111;
            background: #e5e5e5 url("/PDONet/App_Themes/PDO/images/nav_over.png") 0 0 repeat-x;
            }
            
    /* Export PDF Button */
    .bttn_export_pdf {
        margin: 10px 5px 10px 7px;
        padding: 6px 10px;
        color: #444;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        vertical-align: bottom;
        background: #e5e5e5 url("/PDONet/App_Themes/PDO/images/nav_off.png") 0 0 repeat-x;
        border: 2px solid #e5e5e5;
        cursor: pointer;
        
        /* CSS3 */
        border-radius: 5px;
        }
        .bttn_export_pdf:hover {
            color: #111;
            background: #e5e5e5 url("/PDONet/App_Themes/PDO/images/nav_over.png") 0 0 repeat-x;
            }
            
    .RadGrid_WebBlue, 
    .DetailTable_WebBlue {
        border-bottom: 0 solid #898d8f !important;
        border-left: 1px solid #898d8f !important;
        border-right: 1px solid #898d8f !important;
        border-top: 1px solid #898d8f !important;
        }



#leftNav {
	margin-top: 5px;
	margin-bottom: -1px;
	padding-bottom: 1px;
	}

/* Log In Styling */
div.log_in_title_container {
	margin-left: 12px;
	width: 235px;
	height: 35px; 
	color: #fff;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	border-bottom: 1px solid #a8c3ba;
	background: #599399;
	}
	.username_input_field,
	.password_input_field {
		width: 135px !important;
		border: 1px solid #ccc;
		background: #fff;
		}
		.username_input_field:hover,
		.password_input_field:hover {
			background-color: #fffdea;
			
			/*CSS3 */
			box-shadow: 0 0 5px #fffabe inset;
			}
		.username_input_field:focus,
		.password_input_field:focus {
			background-color: #fffdea;
			
			/*CSS3 */
			box-shadow: 0 0 5px #fff580;
			}



/* Login Button Lg */
.loginButton {
	margin-right: 18px;
	display: block;
	float: right;
	width: 89px !important;
	height: 28px !important;
	line-height: 20em;
	overflow: hidden;
	background: transparent url("../../images/contentimages/bttn_login_lg_off.png") center center no-repeat !important;
	}
	.loginButton:hover {
		background: transparent url("../../images/contentimages/bttn_login_lg_over.png") center center no-repeat !important;
		}
	
/* Already Enrolled in a Classic Course Styling */
div.already_enrolled_in_a_classic_course_wrapper {
	margin: 0; 
	width: 235px; 
	height: 43px; 
	border-top: 1px solid #f3b39a; 
	background: #e85f29;
	}
	div.already_enrolled_in_a_classic_course_content_left {
		float: left; 
		/* width: 135px; */
		text-align: left;
		}
		div.already_enrolled_in_a_classic_course_text {
			padding: 15px 0 0 15px; 
			color: #fff; 
			font-size: 11px; 
			font-style: normal; 
			font-weight: normal; 
			line-height: 12px; 
			text-align: left !important;
			}
			div.already_enrolled_in_a_classic_course_text a {
				color: #ffe1b3 !important;
				font-weight: bold !important;
				}
			
			div.already_enrolled_in_a_classic_course_text a.already_enrolled_info_click {
				position: absolute;
				top: 21px;
				right: 21px;
				display: block; 
				float: right;
				width: 12px; 
				height: 11px; 
				background: transparent url("../../images/contentimages/icon_informational.png") center center no-repeat;
				}
	div.already_enrolled_in_a_classic_course_content_right {
		float: left; 
		width: 100px;
		}
		div.already_enrolled_in_a_classic_course_content_right a {
			margin: 12px 5px 0 0;
			display: block;
			float: right;
			width: 89px;
			height: 23px;
			background: transparent url("../../images/contentimages/bttn_login_sm_off.png") center center no-repeat;
			}
			div.already_enrolled_in_a_classic_course_content_right a:hover {
				background: transparent url("../../images/contentimages/bttn_login_sm_over.png") center center no-repeat;
				}

/* Don't have an Account Styling */
div.dont_have_an_account_wrapper {
	margin: 8px 0 0; 
	width: 235px; 
	height: 43px; 
	border-top: 6px solid #fff; 
	border-bottom: 1px solid #f3b39a; 
	background: #e85f29;
	}
	div.dont_have_an_account_content_left {
		float: left; 
		width: 130px; 
		text-align: left;
		}
		div.dont_have_an_account_text {
			position: relative;
			padding: 15px 0 0 15px; 
			color: #fff; 
			font-size: 11px; 
			font-style: normal; 
			font-weight: normal; 
			line-height: 12px; 
			text-align: left;
			}
			div.dont_have_an_account_text a {}
	div.dont_have_an_account_content_right {
		float: left; 
		width: 105px;
		}
		div.dont_have_an_account_content_right a {
			margin: 12px 5px 0 0;
			display: block;
			float: right;
			width: 89px;
			height: 23px;
			background: transparent url("../../images/contentimages/bttn_create_account_off.png") center center no-repeat;
			}
			div.dont_have_an_account_content_right a:hover {
				background: transparent url("../../images/contentimages/bttn_create_account_over.png") center center no-repeat;
				}



/* ********************************************************************************************* */
/* Homepage Styles ***************************************************************************** */
/* ********************************************************************************************* */
div.new_courses_purchase_a_course_wrapper {
	position: relative;
	z-index: 1;
	margin: 5px 0; 
	padding: 5px 0 0;
	font-family: Arial, Helvetica, sans-serif; 
	background: #fff;

    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
	}
	
	/* New Courses Left Column */
	div.column_home_prods_left {
		position: relative;
		margin: 0;
		float: left;
        width: 74.5%;
		max-width: 694px;
		border: 1px solid #c4c2ab;

        -webkit-box-sizing: border-box;
        -moz-box-sizing:    border-box;
        box-sizing:         border-box;
		}
		div.new_courses_title_container {
			margin: 0;
			padding: 15px;
			}
            div.new_courses_title_container img {
                width: 100%;
                max-width: 500px;
                }
		
		div.product_listing_line_container {
			margin: 0 13px;
			padding: 15px 0 9px;
			border-top: 1px solid #bfbebe;

            -webkit-transition: background-color 0.3s ease-in-out;
            -moz-transition:    background-color 0.3s ease-in-out;
            -ms-transition:     background-color 0.3s ease-in-out;
            -o-transition:      background-color 0.3s ease-in-out;
            transition:         background-color 0.3s ease-in-out;
            -webkit-box-sizing: border-box;
            -moz-box-sizing:    border-box;
            box-sizing:         border-box;
			}
			div.product_listing_line_container:hover {
				background-color: #f6f7ee;
				}
			
			div.product_listing_tmb_container {
				float: left;
                width: 16.5%;
				max-width: 110px;
				}
                div.product_listing_tmb_container img {
                    margin: 0 auto;
                    display: block;
                    width: 100%;
                    max-width: 92px;
                    }
			div.product_listing_info_container {
				position: relative;
				padding: 0 10px 25px 10px;
				float: right;
                width: 83.5%;
				max-width: 558px;
				color: #535353;
				font-size: 12px;
				font-style: normal;
				font-weight: normal;
				text-align: left;

                -webkit-box-sizing: border-box;
                -moz-box-sizing:    border-box;
                box-sizing:         border-box;
				}
				div.product_listing_info_title {
					margin: 0 0 5px;
					font-size: 13px;
					font-weight: bold;
					text-transform: uppercase;
					}
				div.product_listing_info_description {
					font-size: 12px;
					}
				
				div.product_description_and_purchase_container {
					position: absolute; 
					bottom: 0; 
					right: 15px; 
					font-size: 11px; 
					font-style: normal; 
					font-weight: bold;
					}
					div.product_description_and_purchase_container a {
						padding: 0 3px;
						}
						div.product_description_and_purchase_container a:hover {}
	
	/* Purchase a Course Right Column */
	div.column_purchase_a_course_right {
		position: relative;
		margin: 0;
        padding: 0 0 0 15px;
		float: right;
        width: 25.5%;
		max-width: 245px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing:    border-box;
        box-sizing:         border-box;
		}
		div.purchase_a_course_column_wrapper {
			border: 1px solid #c4c2ab; 
			background: #fff;
			}
			div.purchase_a_course_title_wrapper {
				min-height: 34px; 
				background: #6cc4d7;
				}
				div.purchase_a_course_title_styling {
					padding: 11px 0 0 19px; 
					color: #fff; 
					font-size: 12px; 
					font-style: normal; 
					font-weight: bold; 
					line-height: 12px; 
					text-align: left; 
					text-transform: uppercase;
					}
		
			div.purchase_a_course_information_container {
				padding: 10px 19px; 
				color: #535353; 
				font-size: 11px; 
				font-style: normal; 
				font-weight: normal; 
				border-bottom: 1px solid #bebba2;
				}
			div.purchase_a_course_links_container {
				padding: 10px 0;
				}
				div.purchase_a_course_links_container a.purchase_a_course_link_right {
					margin: 0 auto;
                    display: block;
					width: 153px;
					height: 40px;
					background: transparent url("../../images/contentimages/bttn_view_course_catalog_off.png") center center no-repeat;
					}
					div.purchase_a_course_links_container a.purchase_a_course_link_right:hover {
						background: transparent url("../../images/contentimages/bttn_view_course_catalog_over.png") center center no-repeat;
						}
				
			div.purchase_a_course_contact_us_container {
				margin: 5px 0 0; 
				font-size: 11px; 
				font-style: normal; 
				font-weight: normal; 
				line-height: 12px; 
				text-align: right;
				}
				div.purchase_a_course_contact_us_container span {
					margin-right: 15px; 
					float: right;
					}
					div.purchase_a_course_contact_us_container span a {}

            img.hpawardimg {
                margin: 15px auto;
                display: block;
                width: 100%;
                max-width: 167px;
                }


/* Left Column Editor Styling */
div.new_courses_homepage_editor_wrapper {
	z-index: 10000; 
	overflow: hidden; 
	margin-top: 130px; 
	width: 973px;
	}
	div.new_courses_homepage_editor_wrapper div.new_courses_editor_pane {
		position: relative;
		z-index: 1;
		width: 973px !important;
		}



@media screen and (min-width: 0) and (max-width: 740px) {
        div.column_home_prods_left {
            float: none;
            width: 100%;
            max-width: 740px;
            }
			div.product_listing_info_title {
				font-size: 15px;
				}
			div.product_listing_info_description {
				font-size: 13px;
				}
        div.column_purchase_a_course_right {
            padding: 15px 0 0;
            float: none;
            width: 100%;
            max-width: 740px;
            }
			div.purchase_a_course_title_styling {
				font-size: 15px;
				}
            div.purchase_a_course_information_container {
                font-size: 14px;
                }
    }