/* The Styles for SchoolFront.com */
/* Written by Jonathan Dorsey @ jonathandorsey.com */
/* Last Updated: 7/13/2006 */

/* ----------------------------- */
/* ->   Typography & Colors      */
/* ----------------------------- */
body{
   font:75% 'Trebuchet MS', Verdana, helvetica, sans-serif;
   color:#555;
   background:#dddac9;
}

sup, sub
{
    font-family: "Lucida Sans Unicode";
    font-size:70%;
}

.frmTextboxLabel
{
	width:135px;
	float:left;
	font-weight:bold;
}

input, select, textarea{font:95% Verdana, helvetica, sans-serif;}
h1, h2, h3, h4, h5, p{margin:0 0 4px 0;padding:0;}
h1{font-size:180%}
h2{font-size:160%;color:#e48600;
    text-align: left;
} 
h3{font-size:140%;color:#e48600}
h4{font-size:120%;color:#e48600}
h5{font-size:100%;color:#e48600}
a:link{color:#206ba4}
blockquote{margin:1px 0 2px 0;font-style:italic;}
.quotename{text-align:right;color:#54a4de;font-size:90%;margin-bottom:5px;}

/* you are here tab highlighting */
#technology .nav_technology,
#technology_hostedmodel .nav_technology,
#technology_security .nav_technology,
#technology_support .nav_technology,
#technology_systemenhancement .nav_technology,
#contact .nav_contact,
#vision .nav_vision,
#features .nav_features,
#features_teachers .nav_features,
#features_students .nav_features,
#features_parents .nav_features,
#features_administrators .nav_features,
#features_counselors .nav_features,
#features_mentors .nav_features{background:#fff;}

#features .nav_overview,
#features_teachers .nav_teachers,
#features_students .nav_students,
#features_parents .nav_parents,
#features_administrators .nav_admins,
#features_counselors .nav_counselors,
#features_mentors .nav_mentors,
#technology .nav_overview,
#technology_hostedmodel .nav_hostedmodel,
#technology_security .nav_security,
#technology_support .nav_support,
#technology_systemenhancement .nav_systemenhancement{background:#fff;color:Black;}

#header_login .loginform{font-size:90%;}
#header_login .loginform input{font-size:90%;}
form hr{background:#ccc;height:1px;border:0;color:#ccc;width:90%;margin:12px 0;text-align:left;padding:0}

div.CWD_Categories
{
    border-bottom:1px solid #bedf5d;
    border-top:1px solid #bedf5d;
    border-left:1px solid #bedf5d;
    background-color:White;
    width:190px;
}
th.CWD
{
	text-align:left;
	font-weight:normal;
}
div.CWD_Cat
{
    cursor:hand;    
}
div.CWD_Cat, div.CWD_CatActive
{
    border-bottom:solid 1px Gainsboro;
    padding:4px;
}
div.CWD_CatActive
{
    background:#ddeaa7;
    font-weight:bold;
    color:#e48600;
}
div.CWD_Details
{   
    width: 380px; 
    overflow: auto;
    background:#ddeaa7;
    border:1px solid #bedf5d;
    padding:4px;
}

#siteheader ul li{
    background:#fff url(images/tab_bkgnd.gif);
    border-top:1px solid #bedf5d;
    border-left:1px solid #bedf5d;
    border-right:1px solid #bedf5d;
    margin-bottom:-2px;
    }

#siteheader ul li a{
    color:black;
    text-decoration:none;
    font-weight:bold;}
    
#subnavigation ul{border-top:1px solid #fff;}
#subnavigation ul li{
    border-right:1px solid #bedf5d;
    border-top:1px solid #bedf5d;
    border-left:1px solid #bedf5d;
    background:url(images/tab_bkgnd.gif)}
    
#subnavigation ul li a{
    color:#485424;}

#header_login{
    background:#ebf4fa url(images/loginbox_bkgnd.gif);
    border:1px solid #bbd9ee;}
#testamonials{
    background:#FBF5D5 url(images/testamonials_bkgnd.gif) repeat-x;
    border:1px solid #f6e896;}
.ActiveRow, #featuredetails{
    background:#ddeaa7;
    border:1px solid #bedf5d;}
#header_login h4{color:#e48600}
#header_login label{color:#54a4de}
#header_login input.textbox{border:1px solid #bbd9ee}
#contentwrapper{
    background:#fffefa;
    border-top:2px solid #bdbaac;
    border-bottom:1px dotted #bdbaac;
    border-left:2px solid #bdbaac;
    border-right:2px solid #bdbaac;}    

#subpage_toplinks ul li{
    border-left:1px solid #d6eb9a;
    border-right:none;
    border-top:none;
    border-bottom:none;
    background:none;}
#subpage_toplinks ul li.first{border-left:none;}
#subpage_toplinks ul li a{
    display:inline;
    text-decoration:underline;
    color:#206ba4;}
#siteFooter{
    font-size:90%;
    background:#f1efe2;
    border-left:2px solid #bdbaac;
    border-right:2px solid #bdbaac;
    border-bottom:2px solid #bdbaac;}
#siteFooter li a{color:#555}
#siteFooter li{border-left:1px solid #dddac9}

.sidebar_section{}
.sidebar{border-left:1px dotted #d6eb9a}

.ErrorText, .SystemMessage, .error
{
	color:red;
	font-weight:bold;
}

/* ----------------------------- */ 
/*-> Layout, Sizing, and Spacing */
/* ----------------------------- */

form{padding:0;margin:0;}
p{margin-bottom:1em}
#contentwrapper{
    text-align:left;
    margin:0 auto;
    width:820px;
    padding:10px;
}
#siteheader{height:1%;padding:5px 0 0 0;margin:0;margin-left:50px;}  
#header_branding{margin-left:-50px;}
#siteheader ul{
    list-style:none;
    padding:5px 0 0 0;
    margin:0 0 0 10px;
    clear:both;
}
#siteheader ul li{
    float:left;
    margin-right:2px;
    position:relative;
}
#siteheader ul li.first a{
    margin:0 1px 0 0; 
}
#siteheader ul li a{
    display:block;
    width:8.5em;
    text-align:center;
    padding: .25em .5em;
    margin:0 1px 0 1px;  
}
    
/*For the site header, allow the drop-down menu to display */
#siteheader li ul{
    display:none;
    position: absolute; 
    top: 1em;
    left: 0;}

#siteheader:after, #contentwrapper:after, #subpage_toplinks:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
    
#header_branding{float:left;margin:0 0 0 5px;}
#header_login
{ 
	text-align:right;  
    width:180px;
    padding:5px;
    margin-bottom:0;}
#testamonials{
    width:180px;
    padding:5px;
    margin-bottom:10px;}
.loginform div.row, .passform div.row, .demoform div.row{margin-bottom:2px;}
.loginform input.textbox{width:10em;}
.loginform label{display:block;float:left;width:5.5em}
.passform input.textbox{width:20em;}
.passform label{display:block;float:left;width:3em}
.demoform label{display:block;float:left;width:13em;text-align:right;padding-right:4px;}
.demoform input.textbox{width:20em;}
.demoform input.textboxsmall{width:12em;}
.notabbanner{clear:both;text-align:center;padding-top:20px}
.subpagebanner{clear:both;text-align:center;margin-left:-50px;}
.homepagebanner{clear:both;text-align:center;}

#subpage_toplinks{float:right;margin-top:10px;}
#subpage_toplinks ul{list-style:none;padding:0;margin:0}
#subpage_toplinks ul li{display:inline;margin:0;padding:0}
#subpage_toplinks ul li a{
    width:auto;
    height:auto;
    background:none;
    padding:0 5px 0 5px;
    margin:0;}
    
#subnavigation{margin:0;margin-left:50px;}
#subnavigation ul{
    list-style:none;
    padding:0;
    margin:0px 0px 0px 10px;}
    
#subnavigation ul li{
    margin:2px 2px -2px 0px;
    float:left;
    position:relative;}

#subnavigation ul li a{
    display:block;
    text-decoration:none;
    padding: .25em .5em;
    width:6.5em;
    text-align:center;
    margin:0 1px;}

#subnavigation ul li.first a{margin:0 1px 0 0;}

.content{float:left;width:580px;padding:15px 0 5px 10px;}
.sidebar{float:right;width:200px;margin-top:10px;padding-left:15px;}
.sidebar_section{margin-bottom:10px;padding:5px;}
.simplelist{list-style:none;padding:0;margin:0}

#siteFooter{
    clear:both;
    text-align:center;
    margin:0 auto;
    width:820px;
    padding:10px;
    }
#siteFooter address{
    display:block;
    font-style:normal;}

#siteFooter ul{
    display: inline;
    list-style:none;
    padding:0;
}
#siteFooter ul li{
    padding:0 2px 0px 5px;
    display:inline;    
    margin:0 1px;}
#siteFooter ul li a{background:transparent;text-decoration:none;}   
/*For the site footer, hide drop-down menu */
#siteFooter li ul{
    display:none;}

/* Added 3/21/21 DA For Google Auth*/
.google-signin {
    background-image: url('images/Icons/GoogleAuth/GoogleAuthNormal.png');
    display: inline-block;
    background-size: 191px 46px;
    background-repeat: no-repeat;
    width: 191px;
    height: 46px;
    border: 0px;
}

.google-signin:hover {
    background-image: url('images/Icons/GoogleAuth/GoogleAuthFocus.png');        
    cursor: pointer;
}

.google-signin:active {
    background-image: url('images/Icons/GoogleAuth/GoogleAuthPressed.png');
}

.google-signin:disabled {
    background-image: url('images/Icons/GoogleAuth/GoogleAuthDisabled.png');
        
}

/* Added 4/29/21 DA For MS Auth*/

.ms-signin {
    background-image: url('images/Icons/MSAuth/ms-symbollockup_signin_light.png');
    display: inline-block;
    background-size: 215px 41px;
    background-repeat: no-repeat;
    width: 215px;
    height: 41px;
    border: 0px;
}

/* Added 7/18/22 TK For Okta Auth */

.okta-signin {
    background-image: url('images/Icons/sign-in-with-Okta.png');
    display: inline-block;
    background-size: 215px 41px;
    background-repeat: no-repeat;
    width: 215px;
    height: 41px;
    border: 0px;
}