/**************************************************************/
/*           MSIT-Extranet Styles                              *
/*           DATE: 11/11/04                                    *
/*           MODIFIED: 1/06/2005
/*           AUTHOR: Lunaweb Inc.                              *
/***************************************************************/

body {
	margin: 0;
	background: #FFF url('../images/header_tile.gif');
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #333;
	}

a {
	color: #0054BC
	}
	
a:hover {
	
	}
	
/***************************************************************** 
 *      MAIN CONTAINERS 
 *
 *****************************************************************/
 #content {
 	background: url('../images/left_tile.gif');
	background-position: left;
	background-repeat: repeat-y;
	vertical-align: top;
	}
 #left {
 	position: absolute;
	left: 0;
	width: 258px;
	top: 93px;
	background: #FAF2E4;
	}
	
 #right {
 	margin-left: 265px;
	}
	
 #home_container
 {
	width: 600px
 }
	
 #right_master {
 	width: 100%;
	}
	
 #right_master td {
 	vertical-align: top;
	}
 
 
 
 
/***************************************************************** 
 *      BLOCKS/BLOCK ELEMENTS (SEARCH REFERRER, NEWS, ETC) 
 *
 *****************************************************************/
 
 .block, .box {
 	font-size: 11px;
	width: 95%;
	border: 1px solid #4A8AB2;
	background: #C7D6DE;
	cursor: default;
	}
	
 .box {
 	margin-bottom: 20px;
	}

 .block .thead, .box .thead {
 	background: url('../images/h_tile.gif');
	background-repeat: repeat-x;
	font-weight: bold;
	color: #FFF;
	height: 22px;
	}

 .block td, .box td {
 	background: #F5FBFE url('../images/dot.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 3px;
	}
	
 .box td {
 	background: #F5FBFE;
	}
	
 .block tr.light td , .box tr.light td {
 	background: #FFFCF7 url('../images/dot.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 3px;
	}

 /*Only works with Firefox */
 .block td:hover {
 	background: #FFFFFF url('../images/dot.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 3px;
	}

 .block tr.subhead th, .box tr.subhead th {
 	background: #FFF;
	font-weight: bold;
	padding: 0 5px;
	text-align: left;
	}
	

/***************************************************************** 
 *      FORM ELEMENTS 
 *
 *****************************************************************/
 input, select, textarea {
 	background: #FFF;
	border: 1px solid #3067C2;
	color: #616161;
	font-faamily: Arial, Verdana, Helvetica;
	font-size: 9pt;
	}
	
  input.btn {
 	background: #D6E7FF;
	border: 1px solid #3067C2;
	color: #1C4989;
	width: auto;
	margin-right: 5px;
	}
	
 input.adminbtn {
 	background: #D6E7FF;
	border: 1px solid #3067C2;
	color: #1C4989;
	width: 300px;
	text-align: center;
	margin-right: 5px;
	}
 	
 form {
 	margin: 0;
	padding: 0;
	}
	
/***************************************************************** 
 *      NEWS STYLES, EMPLOYEE DETAIL 
 *
 *****************************************************************/
  .news {
	width: 500px;
	}
 h4.news_title, h1.name {
    font-size: 12px;
 	color: #0054BC;
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 2px dotted #CCC;
	}
 h1.name {
 	font-size: 12pt;
	}
	
 div#details {
 	background: #FFFCF7;
	}

 td.label {
 	font-weight: bold;
	}
	
 tr.cathead th {
 	background: #F5FBFE url('../images/dot.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 3px;
	text-align: left;
	color: #3366CC;
	}
 /***************************************************************** 
 *      HEAD STYLES 
 *
 *****************************************************************/
 #welcome {
 	position: absolute;
	z-index: 50;
	top: 73px;
	left: 10px;
	width: auto;
	height: 20px;
	color: #FFF;
	}
	
	
/***************************************************************** 
 *      MISC STYLES 
 *
 *****************************************************************/
 
 .error
 {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
 }
 
 .center {
 	text-align: center;
	}
 .right {
 	text-align: right;
	}
	
 .offright {
 	margin-right: 18px;
	}
 
 .lmargin {
 	margin-left: 5px;
	}
 .lnk_top {
 	float:right;
	width:30px
	}
 .lnk_top a {
 	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	}

/***************************************************************** 
 *      CALENDAR STYLES 
 *
 *****************************************************************/

.calendar {

width: 98%;
border: 1px solid #4A8AB2;
margin: 0px auto;

}

.calendar th {

width: 100px;
background-color: #e0e0e0;

}

.calendar td {


border: 1px dotted #c0c0c0;
vertical-align: top;

}

.daynumber {

font-weight: bold;
display: block;
padding: 3px;
background-color: #D6E7FF;
width: 12px;
text-align: center;

}

.day {
height: 175px;

}

.noday {
height: 100px;
background-color: #FAF2E4;

}

.calhead {

background-color: #4A8AB2;
height: 10px;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 14px;

}

.calevent {
display: block;
margin-top: 2px;
margin-left: 4px;
font-size: 9px;
}

.calendarlist {

width: 98%;
border: 1px solid #4A8AB2;
margin: 0px auto;
margin-bottom: 10px;
}

.calendarlist th {

width: 100px;
background-color: #4A8AB2;
color: #fff;
text-align: left;
font-weight: bold;
font-size: 14px;

}

.calendarlist td {

font-size: 12px;
padding: 6px;

}