﻿
body {
	background-color: #FFFFFF;
	background-image:url(../../images/lightbluelongfade.jpg);
    margin-left: 2px;
	margin-top: 5px;
	color: #78786A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
a {   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #67B345;
    font-weight:bold;}

a:active {   
    color: #67B345;}

a:hover {   
    color: #7C633A;
    text-decoration: underline;}
    
.bodybold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}


.mainheader {  
    font-family: Futura, Futura Std Book, Arial, sans-serif;
	font-size: 21px;
	color: #345d65;
	border-bottom:  dashed 2px #F7931E;
    padding: 5px;} 
    
    
.extradivider   {
	height: 31px;} 
	
.whiteheaderongray
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            background-color: #666666;
            height: 25px;
        }
	
	
.subheader_steps {
    font-family: Futura, Futura Std Book, Arial, sans-serif;
    font-size: 16px;
    font-weight:bold;
    color: #F7931E;}

.subheader_BOLD {
    font-family: Futura, Futura Std Book, Arial, sans-serif;
    font-size: 13px;
    color: #0C3543;
    font-weight: bold;}
 
.arialrounded_white{
    font-family: Arial Rounded MT Bold, Arial, Sans-Serif;
    font-size: 12px;
    color: #ffffff;}

.arialrounded_gray{
    font-family: Arial Rounded MT Bold, Arial, Sans-Serif;
    font-size: 12px;
    color:#716558;}
 
.arialrounded_blue{
    font-family: Arial Rounded MT Bold, Arial, Sans-Serif;
    font-size: 12px;
    color:#1B75BC;}  
    
.arialrounded_orange{
    font-family: Arial Rounded MT Bold, Arial, Sans-Serif;
    font-size: 12px;
    color:#F7931E;}     
    
    
    
.subheader {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #589AC9}  

.helpheaders {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #F7931E}      

.datagridheader{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;} 
        
.homelinks{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #AFDFE5;} 
    
.homelinks a {
    color:#AFDFE5; 
    text-decoration:none;} 

.homelinks a:hover {
    color:#AFDFE5;
    text-decoration: underline; }  
    
.whitetext{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;}     
    
.whitetext a {
    color:#74CEE4; 
    text-decoration:none;} 

.whitetext a:hover {
    color:#74CEE4;
    text-decoration: underline; }  
    
.helptipbig{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style:italic;
    color: #71AD3A;}  
    
.helptip{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style:italic;
    color: #95CB66;}     
    
.helptip a {
    color:#95CB66; 
    font-style:italic;
    text-decoration:none;} 

.helptip a:hover {
    color:#95CB66;
    font-style:italic;
    text-decoration: underline;}     
     
.dropdownlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #78786A;
    height: 22px;}
    
.checklist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;}
    
.checklist label {padding-bottom:2px;}

.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #78786A;
	height: 17px;}

.buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #631A22;
}

.warningmessage{   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #BF1E2D;}

.verticaldivider{
    border-bottom:solid 2px #7C633A;}

#scroll, #scroll td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	overflow: auto;
	width: 750px;
	height: 160px;
	background-color: whitesmoke;
	border: 1px solid #666666;
	padding: 20px;
	text-align: justify;
}


/* Login Images CSS */

.mainimageandlogo{
    background-image: url(../../images/kidshome.jpg);
    background-repeat: no-repeat;
    background-position:left top;}
    
.sideboxbluebackground{
    background-image: url(../../images/bluefade.jpg);
    background-repeat: repeat-x;
    background-position:left top;} 
    
.sideboxgraybackground{
    background-image: url(../../images/grayfade.jpg);
    background-repeat: repeat-x;
    background-position:left top;} 
    
.orangebackground{
    background-image: url(../../images/orangefade.jpg);
    background-repeat: repeat-x;
    background-position:left top;}
    
.orangetagline{
    background-image: url(../../images/orangetagline.jpg);
    background-repeat: repeat-x;
    background-position:left top;}   
     
.gradientbordertop{
    background-image: url(../../images/lightbluefade.jpg);
    background-repeat: repeat-x;
    background-position:left top;}     
 
  
 
.gradientborderbottom{
    background-image: url(../../images/lightbluefade_flip.jpg);
    background-repeat: repeat-x;
    background-position:left bottom;}      
    
.footer{
    background-image: url(../../images/footer.jpg);
    background-repeat: repeat-x;
    background-position:left top;} 

.login_divider{
    background-image:url(../../images/login_divider.jpg);
    background-repeat: repeat-y;
    background-position:left top;} 



/* Interior CSS */

 .headerrepeat{
    background-image: url(../../images/headerrepeat.jpg);
    background-repeat: repeat-x;
    background-position:left top;}  
    
.headerbackground{
    background-image: url(../../images/header.jpg);
    background-repeat: repeat;
    background-position:left bottom;}
    
.menubackground{
    background-image: url(../../images/menubkg.jpg);
    background-position:left top;}
	
.maintable {
    width: 100%;
    float: left;}
    
.insidetable {
    background-color: #FFFFFF;
    margin-top: 16px;
    width: 100%;}
    
.table {
    width: 98%;
    margin-left:7px;
    margin-right:7px;}
    
.static{
    width: 850px;
    margin-left:7px;
    margin-right:7px;
}
    
    
.Commentstable {
    width: 100%;
    float: left;
    background-color: #eaeaea;}
    

     
/* MENU CSS */

.menu {
height:20px; 
color:#333333; 
text-align:left; 
font-family:Arial; 
font-size:12px; 
font-weight:normal; 
text-decoration:none; 
border-style:solid; 
border-color:#D1C0A7; 
border-width:1px 1px 0px 1px; 
 }

.menu a {
color:#333333; 
text-decoration:none;} 

.menu a:hover {
color:#FFFFFF; 
} 

.adjustedZIndex {
    z-index: 1;
}
/* BEGIN AJAX CSS */



/* Accordion */
.accordionHeader
{
    border-bottom:solid 2px #d2e8c8;
    color: #387D65;
    background-color:#EFEFEF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform:uppercase;
    padding: 5px;
    margin-top: 1px;
    cursor: pointer;
	
}
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border-bottom:solid 2px #d2e8c8;
    color: #387D65;
    background-color: #EFEFEF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform:uppercase;
    padding: 5px;
    margin-top: 1px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    vertical-align: middle;
    height: 12px;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url(images/Question.png);
	overflow:hidden;
	cursor:help;
}

.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}



.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}

/* Style classes for Update Progress Indicator */
.PageUpdateProgress
{
    color: #DA7271;
    width: 150px;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
}

/* Style classes for Update Progress Indicator */
.WaterMarkText
{
	text-align: right;
	vertical-align: middle;
	color: #707070;
}

/* Rating */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar
{
    background-image: url('../../images/FilledStar.png');
}

.emptyRatingStar
{
    background-image: url('../../images/EmptyStar.png');
}

.savedRatingStar {
    background-image: url('../../images/SavedStar.png');
}
/* END AJAX CSS */