/* 
CSS Document 
Wink Hosting (www.winkhosting.com)
Designed By Alexis Corredor
alexis.corredor@gmail.com
*/
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:13px;
}

/*HEADER*/
#header{
	width: 800px;
	position:relative; 
	height: 162px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
}
/*COMPANY NAME IN HEADER*/
#companyname {
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	margin-top:25px;
	margin-left:35px;
	left: 0px;
	top: 0px;
}
/*MENU IN HEADER*/
#menu{
	position:absolute;
	bottom: 20px;
	right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}

/*LEFT PANEL (News, Links, etc.)*/
#leftpanel{
	float:left;
	width:200px;
}

/*CONTENT*/
#content{
	width: 800px;
}
#contenttext{
	padding-left:8px;
	padding-right:8px;
	float:right;
	width: 580px;
}

/*FOOTER*/
.footer{
	width: 779px;
	height: 32px;
	background-image:url(images/bg_footer.gif);
	background-repeat:no-repeat;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	vertical-align:middle;padding-top:5px;padding-bottom:5px;
}
/*FOOTER LINKS*/
.footer a,.footer a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}

/*TABLE*/
.table_top{
	width: 204px; 
	height: 27px;
	background-image:url(images/table_top.jpg);
	background-repeat:no-repeat;
}
.table_content{
	width: 204px;
	background-image:url(images/table_content.jpg);
	background-repeat:repeat-y;
}
.table_text{
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
}
.table_bottom{
	width: 204px; height: 23px;
}

/*TEXT STYLES*/
.news_date {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
}
.body_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.news_more {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF9900;
	font-weight: bold;
}
.news_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;word-break:break-all;
}

.subtitle_gray {	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 14px;
	color: #CCCCCC;
}
.title_blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 26px; color: #7DA5E0; }
.title_panel {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
/*Modify By Daniel @ 2009.07.20*/

a,a:visited{color:#0000FF;text-decoration:none;}
a:hover{color:#FF0000;text-decoration:underline;}

select {
   font-size:95%;
   background:#E3FFFF;
}

#contenttext h3 {padding:10px;font-size:16px;text-align:left;border:1px solid #DFE8F7;color:#008800;background-color:#FFFFE0;clear:both;}
#contenttext .note {font-size:13px;text-align:left;color:#FF0000;margin:5px;}
#contenttext .note1 {font-size:13px;text-align:left;color:#FFCC00;margin:5px;}
#contenttext .note2 {font-size:13px;text-align:left;color:#00FF00;margin:5px;}
#contenttext h3.error_title {padding:10px;font-size:16px;text-align:left;border:1px solid #DFE8F7;color:#FF0000;clear:both;}
#contenttext h3.warn_title {padding:10px;font-size:16px;text-align:left;border:1px solid #DFE8F7;color:#FFFFFF;background-color:#FF0000;text-align:center;clear:both;}
#contenttext h3.title {padding:10px;font-size:16px;text-align:left;border:1px solid #DFE8F7;color:#FFFFFF;background-color:#FF88CC;clear:both;}
#contenttext hr {border:2px dotted #808080;clear:both;}
#contenttext .msg_no {color:#FF0000;}
#contenttext .msg_ok {color:#008800;}
#contenttext .msg_null{color:#A0A0A0;}
#contenttext .msg_th{color:#7DA5E0;}
#contenttext .msg_tab{padding-left:50px;}

#BoxDep p {width:150px;float:left;}
#BoxGrade p {width:60px;float:left;}
#BoxClass p {width:60px;float:left;}

#TabBox {width:100%;text-align:center;clear:both;}
#TabBox div {float:left;width:19%;height:20px;margin:1px;padding-top:5px;text-align:center;color:#808080;background-color:#E0E0E0;border:1px solid #000000;}
#TabBox div.TabBoxIn {color:#000000;background-color:#FF0000;}
#TabBox a,#TabBox a:visited{color:#000000;text-decoration:none;}
#TabBox a:hover{color:#000000;text-decoration:underline;}

.PageBox {width:100%;text-align:left;padding:3px 0px 3px 0px;line-height:200%;color:#FF0000;}
.Page {text-align:center;border:1px solid #E0E0E0;margin:1px;padding:3px;font-weight:bold;}

.bgCV {background-color:#FFFF88;}
.bgCC {background-color:#F0F0F0;}

.tdDep {text-align:left;border:1px solid #E0E0E0;padding-left:3px;}
.tdGrade {width:60px;text-align:center;border:1px solid #E0E0E0;}
.tdClass {width:60px;text-align:center;border:1px solid #E0E0E0;}
.tdDel {width:80px;float:left;}

.btnRed {width:80px;color:#FF0000;}
.btnBlue {width:80px;color:#0000FF;}
.btnGreen {width:80px;color:#008800;}

.inputRC {text-align:center;}
.inputROnly {color:#000088;background-color:#FFFFE0;}
.selRed {color:#FF0000;}
.selBlue{color:#0000FF;}

.th01 {font-size: 13px;line-height:180%;padding-left:5px;background-color:#7DA5E0;color:#FFFFFF;text-align:center;}
.td01 {font-size: 13px;line-height:180%;padding-left:5px;border:1px solid #E0E0E0;text-align:center;}

.th02 {font-size: 13px;line-height:180%;padding-left:5px;background-color:#7DA5E0;color:#FFFFFF;width:130px;text-align:left;}
.td02 {font-size: 13px;line-height:180%;padding-left:5px;text-align:left;border:1px solid #E0E0E0;}

.th03 {font-size: 13px;line-height:180%;padding-left:5px;background-color:#808080;color:#FFFFFF;width:130px;text-align:left;}
.td03 {font-size: 13px;line-height:180%;padding-left:5px;text-align:left;border:1px solid #E0E0E0;}

.th04 {font-size: 13px;line-height:180%;padding-left:5px;background-color:#808080;color:#FFFFFF;text-align:left;}
.td04 {font-size: 13px;line-height:180%;padding-left:5px;text-align:left;border:1px solid #E0E0E0;}