@charset "utf-8";
/* CSS Document */

  body {
    background-color: #FFFFFF;
	background: url(../imgs/bg.jpg);
    color: #FFffff;
    font-family: Calibri;
    font-size: 20px;
  }

  
  .bd {
    background-color: #0;
    color: #004080;
    font-family: Calibri;
    font-size: 20px;
  }
  .tbl {
    background-color: #FFFFFF;
  }
  a:link { 
    color: #0;
    font-family: Calibri;
    font-size: 14px;
	text-decoration:none;
	border: none;
  }
  a:active { 
    color: #0000FF;
    font-family: Calibri;
    font-size: 12px;
	border: none;
  }
  a:visited { 
    color: #3769e7;
    font-family: Calibri;
    font-size: 12px;
	border: none;
  }
  .hr {
    background-color: #000;
    color: #fff;
    font-family: Calibri;
    font-size: 12px;
  }
  a.hr:link {
    color: #ffffff;
    font-family: Calibri;
    font-size: 16px;
	font-weight:900;
	text-decoration:none;
	border: none;
  }
  a.hr:active {
    color: #FFFFFF;
    font-family: Calibri;
    font-size: 12px;
	border: none;	
  }
  a.hr:visited {
    color: #0;
    font-family: Calibri;
    font-size: 12px;
	border: none;
	
  }
  .dr {
    background-color: #6da2d9;
    color: #000;
    font-family: Calibri;
    font-size: 15px;
	text-decoration:none;
  }
  .sr {
    background-color: #a0fac0;
    color: #000000;
    font-family: Calibri;
    font-size: 15px;
  }


#black{
color:#000000;
font-weight:bold;
}

#red{
color:#FF0000;
font-weight:bold;
font-style:oblique;
font-size:25px;
}

#reds{
color:#FF3333;
font-weight:bold;
font-size:20px;
font-style:oblique;
}

#blue{
color: #FFFF66;
font-weight:bold;
font-style:oblique;
}

#yellow{
color: #FFFF66;
font-weight:bold;
font-style:oblique;
font-size:25px;
margin-top:170px;
}

#twenty{
font-size:30px;
color:#FF0000;
font-weight:bold;
font-style:oblique;
}

#eight{
font-size:12px;
color:#FFFF99;
}
  
#logo{
background: url(../imgs/header/tei%20logo.png);
width:299px;
height:148px;
float:left;
}

#logoName{
background: url(../imgs/header/tei%20name.png);
width:896px;
height:98px;
float:left;
}

#empDesc{
background:url(../imgs/header/empDesc.png);
width:421px;
height:148px;
float:left;
}

#empDesc p{
color:#FFF;
margin-left:30px;
}

#red2{
color:#FF7777;
font-weight:bold;
}

right{
margin-left:100px;
}

#empPic{
background:url(../imgs/header/empPic.png);
width:145px;
height:148px;
float:left;
margin-left:10px;
}

#center2
{
position:relative;
left:0px;
}
#center3
{
position:relative;
left:65px;
}
#table2{
position:relative;
left:45px;
}

#btn{
background:url(../imgs/header/btn.png) no-repeat;
width:112px;
height:31px;
padding-top:5px;
padding-right:10px;
font-size:14px;
}

#btn:hover{
background:url(../imgs/header/btnHover.png) no-repeat;
width:112px;
height:31px;
padding-top:5px;
padding-right:10px;
font-size:14px;
}

#title{
background:url(../imgs/header/title.png) no-repeat;
width:446px;
height:53px;
position:relative;
left:50px;
top:40px;
padding-top:10px;
}

#title b{
color:#000000;
}

#title p{
position:relative;
bottom:40px;
}

#nt{
width:545px;
color:#333333;
}

#note{
background:url(../imgs/header/noteBody.png) repeat-y;
width:569px;
color:#333333;
} 

#noteDiv{
background:url(../imgs/header/noteDiv.png) no-repeat;
width:569px;
height:9px;
} 

#contentHead{
background:url(../imgs/header/contentHead3.png);
width:854px;
height:13px;
}

#contentBody{
background: url(../imgs/header/contentBody3.png);
width:854px;
min-height:700px;
}

#contentFoot{
background: url(../imgs/header/contentFoot3.png) no-repeat;
width:854px;
height:15px;
[margin-top:-10px;
margin-top:-10px;]
}

#contentHead2{
background:url(../imgs/header/contentHead1.png);
width:854px;
height:13px;
}

#contentBody2{
background: url(../imgs/header/contentBody1.png);
width:854px;
}

#contentBody2 b{
font-style:oblique;
color:#FFFF33
}


#contentFoot2{
background: url(../imgs/header/contentFoot1.png) no-repeat;
width:854px;
height:15px;
}

table #noteHead{
background:url(../imgs/header/noteHead.png);
width:297px;
height:62px;
}

table #noteHead2{
background:url(../imgs/header/noteHead2.png);
width:297px;
height:62px;
}

table #noteBody{
background:url(../imgs/header/noteBody.png);
width:297px;
}

table #noteBody p{
width:277px;
color:#DDDD00;
text-indent:30px;
margin:10px 0;
}

table #noteFoot{
background:url(../imgs/header/noteFoot.png);
width:297px;
height:19px;
}




#a{
color: #FF5f5f;
font-size:14px;
}

#a:hover{
color:#FFFFFF;
text-decoration:underline;
font-size:15px;
}

#ab{
color:#acacFF;
font-size:14px;
}

#ab:hover{
color: #0099FF;
text-decoration:underline;
font-size:15px;
}

#tableTitle{
color: #00CCFF;
}

#tableColor:hover{
background-color:#FFFFff;
color:#000000;
}

#tableBorder{
border-left:medium solid #999999;
border-right:medium solid #999999;
width:668px;
position:relative;
right:3px;
}

#attendance{
margin-left:250px;
}

#border{
border:medium double #000000;
}


/* fancyform styles */
.demo label{
display:block;
padding:0.5em;
padding-left:32px;
background-position:8px center;
background-repeat:no-repeat;
border:1px solid #252525;
clear:both;
cursor:pointer;

}

.checked{
background:url(../imgs/chk_off.png) no-repeat 10px;
}

.unchecked{
background:url(../imgs/chk_on.png)  no-repeat 10px;
}

.selected{
background:url(../imgs/rdo_on.png) no-repeat 20px;
width:60px;
}

.unselected{
background: url(../imgs/rdo_off.png) no-repeat 20px;
width:60px;
}



#tbl{
background: #393939;
width:800px;
}

#tableHead{
background: url(../imgs/tableHead.png) #272728 repeat-x;
height:29px;
color: #07a7dc;
}

#tablebody{
background: #343434;
}

#tablebody2{
background: #585858;
}

#tablebody a{
color:#ff5454;
}

#tablebody a:hover{
text-decoration:underline;
color:#ffa9a9;
}

#tablebody2 a{
color: #ff5454;
}

#tablebody2 a:hover{
text-decoration:underline;
color:#ffa9a9;
}