/*CSS RESET SCRIPT*/

html, body, div, span, applet, object, iframe,
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.1;
	color: black;
	background: white;
	font-family:Georgia;
	min-height:800px;
	
}
.dBlock
{
 display:block;   
}
.buttonLook
{
    height:16px; 
    background-color:#DCDCDC;
    border:1px solid black;
    text-decoration:none;
    font-size:13px;
    padding-top:.5px;
    padding-bottom:.5px;
    padding-right:2px;
    padding-left:2px;
    color: Black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/********************** color:#333333;
/* END RESET SCRIPT */
#container
{
  
   
   color: #333333;
   width:900px;
   margin-right:auto;
   margin-left:auto;
}

#header
{
    color: GREEN;
    width:900px;
    height:100px;
    background-color: #cccccc;
    border-bottom:2px solid #EDECEF;
}
#headerLeft
{
    width:25%;
    float:left;
   
}
#headerRight
{
   
    width:74%;
    float:right;
    font-size:24pt;
    font-family:Georgia;
}
/*Info Bar - Login Status - Search */
#infoBar
{
    width:100%;
    border-bottom:5px solid #5E5E59;
    line-height:20px;
    height:30px;   
}
#loginStatus
{
    width:66%;
    float:left;
}
#infoSearch
{
    width:33%;
    float:left;
}
/* Navigation Bar */
#navBar
{
    height:40px;
    background-color:#A8CDF0;
    font-size:16pt;
    font-weight: bold;
    width:100%;
}
#navBar a
{
    color:#333333;
} 
#navBar a visited
{
    color:#333333;
}
#navbar a:hover
{
    background-color:#9ED7E8;
}
#navBar ul
{
    margin-top:5px;
    display:inline;
    float:left;
    list-style:none;
    width:100%;
    height:30px;
}
#navBar li a
{
    display:block;
    width:180px;
    height:30px;
    text-decoration:none;
}
#navBar li
{
    line-height:20px;
    float:left;
    text-align:center;
    width:180px;
    height:30px;
    
}
#navBar li a:hover
{
 background-color:#D8E4E8 ;
}
#leftProfile
{
    height:800px;
    min-height:800px;
}
#pageContent
{
   
}
.TaskList
{
    font-size:14pt;
    
    
}
.TaskList li
{
     
}
.TaskList li:hover
{
    background-color:#D8D9D3;
}
.TaskList a
{
    color:Black;
    text-decoration:none;
    width:100%;
    display:block;
    height:20px;
    padding:15px;
    
}
.TaskList a:hover
{
    
    text-decoration:underline;
}
.editMode
{
   background-color:#F5FAAC;
    border:5px solid #EFE458;
}
#ClassService {
    border: 5px solid #D8D9D3;
    padding: 10px;
}
#RelatedService
{
    border:5px solid #D8D9D3;
    padding:10px;
    
}
#AddRS
{
  border:2px solid #D8D9D3;  
  
  height:40px;
  vertical-align:middle;
}
.notVisible
{
   display:none;
}
.hover tr:hover
{
 background-color:#D8D9D3;
 
}
strong
{
    font-weight:bold;
}
.marginTop10
{
    margin-top:10px;
}
.marginBottom10
{
    margin-bottom:10px;
}
.marginTop25
{
    margin-top:25px;
}
.marginBottom25
{
    margin-bottom:25px;
}
.padding5
{
    padding:5px;
}
.padding10
{
    padding:10px;
}
.margin10
{
    margin:10px;
}
.height20
{
    line-height:20px;
    height:20px;
}
.textRight
{
    text-align:right;
}
.textLeft
{
    text-align:left;
}
.textCenter
{
    text-align:center
}
.w33
{
    width:33%;
}
.w66
{
    width:66%;
}
.w50
{
    width:50%;
}
.w100
{
    width:100%
}
.w90
{
    width:90%;
}
.w25
{
    width:25%;
}
.center
{
    margin-left:auto;
    margin-right:auto;
}
.bold
{
    font-weight:bold;
}
.lbold
{
    font-weight:bold;
    color:#A4BCC2;
}
h1
{
    font-size:18pt;
    font-family:Century Schoolbook;
    font-weight:bold;
    color:#5E5E59;
}
.f18
{
    font-size:18pt;
}
h3
{
 font-family:Century Schoolbook;
 font-weight:bold;
 color:#5E5E59;
 font-size:12pt;
}
.f10
{
    font-size:10pt;
}
.f8
{
    font-size:8pt;
}
.blackBorder
{
    border:1px solid black;
}
.bottomDashBorder
{
    border-bottom:2px;
    border-bottom-style:dashed;
    border-bottom-color:#9ED7E8;
  
}
.alignBottom
{
    vertical-align:bottom;
}
.grayBorder
{
    border:2px solid #D8D9D3;
}
.redBorder {
    border: 2px solid #FF0000;
}
.alignRight
{
    text-align:right;
}
.alignLeft
{
    text-align:left;
}
.floatRight
{
    float:right;
}
.floatLeft
{
    float:left;
}
.red
{
    color:Red;
   
}
.green
{
    color:Green;
}
.indent40
{
    margin-left:40px;
}
.upper
{
    text-transform:uppercase;
}
.indent20
{
    text-indent:20px;
}
.reportStatic
{
position:static;
}
.headerRow
{
 background-color:#D8D9D3;
 font-weight:bold;

}
.enrolledRelated
{
padding:10px;
background-color: #8ED16F;
border: 3px solid #77B05D;
}
.editText
{ 
line-height:22px;
font: arial;

font-weight:normal;
font-size:18px;
color:#29414D;
color:#3B382A;

}

.redBack
{
padding:10px;
background-color: #F7D0E1;
border: 3px solid #C22D6D;

}
.redBack2
{
padding:10px;
background-color: #F7D0E1;
border: 3px solid #C22D6D;
font-size:x-large;

}
.orangeBack
{
padding:10px;
background-color: #FFC182;
border: 3px solid #FF8E47;
}
.yellowBack
{
 background-color:#F5FAAC;
    border:3px solid #EFE458;
    padding:10px;

}
.yellowBackNo
{
 background-color:#F5FAAC;
    border:3px solid #EFE458;
    

}
.greenBack
{
 background-color:#8ED16F;
    border:3px solid #77B05D;
    padding:10px;

}
.blueBack
{
background-color:#D8E4E8;
padding:10px;
border:3px solid #9ED7E8;
}
.grayBack
{
 border:3px solid #C3BFB5;
    background-color:#EDF3F1;
    padding:10px;
}
.grayBack_selected
{
  border:3px solid #77B05D;
    background-color:#EDF3F1;
    padding:10px;
}

.modalPopup
{ 
    
    
    width:50%;
    padding:10px;
  border: 1px solid #C3BFB5; 
  background-color:White;
}

.modalBackground
{
    background-color:Gray;
    filter: alpha(opacity=70);
    opacity:0.7;
}
.redBack3
{
padding:5px;
background-color: #F7D0E1;
border: 3px solid #C22D6D;
}
.orange
{
    background-color:#FFA46E;
}
.red
{
    background-color:#FC9D9A;
    border: .5px solid #A61111;
}
.redText
{
    color:Red; 
}
.blueText
{
    color:Blue;   
}
.redError {
    color: Black;
    background-color: #FC9D9A;
    border: .5px solid #A61111;
    font-size: large;
    text-align: center;
}