/* CSS Document */

body
{
margin: 0 0 0 0 ;
padding-top:5px;
background-image:url(images/bg_back.jpg); background-repeat:repeat-x;
background-color:#C8E3F1;
}

td.rightshadow
{
	background-image:url("images/right-shadow.png");
	background-repeat:repeat-y; 
	width:3px;

}
td.leftshadow
{
	background-image:url("images/left-shadow.png");
	background-repeat:repeat-y; 
	width:3px;
}

td.topleft
{
	background-image:url("images/corner-left.png");
	background-repeat:no-repeat; 
	width:17px;
	height:25px;
}

td.bg
{
	background-image:url("images/corner-center.PNG");
	background-repeat:repeat-x;	
	height:25px;

}

td.topright
{
	background-image:url("images/corner-right.png");
	background-repeat:no-repeat; 
	width:17px;
	height:25px;
}

td.bottomleft
{
	background-image:url("images/bottom-left.png");
	background-repeat:no-repeat; 
	width:15px;
	height:13px;
}

td.bottombg
{
	background-image:url("images/bottom-center.PNG");
	background-repeat:repeat-x;	
	height:13px;

}

td.bottomright
{
	background-image:url("images/bottom-right.png");
	background-repeat:no-repeat; 
	width:15px;
	height:13px;
}


td.mastheadbottom
{
	background-image:url("images/mast-head-down.PNG");
	background-repeat:repeat-x;
	vertical-align:top;	
	width:985px;	
	height:2px;
	padding-right:0px;
	padding-left:0px;
	
}


/*tab style*/

td.menu-back
{
	background: url(images/menu-back.PNG) repeat-x;
	margin-left:0px;
}

.glossymenu{	
	position: relative;
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
	background: url(images/main-menu.PNG) no-repeat; 
	height: 36px;	
	list-style: none;	

}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 0px; 
	height: 36px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a {
	float: left;
	display: block;
	padding: 0 0px 0 0px; 
}

.glossymenu li a:hover{
	color: #fff;
	background: url(images/main-menu-over.PNG) no-repeat; /*left tab image path*/
	background-position: left;
	text-decoration:none;
}

.glossymenu li.current a{
	color: #fff;
	background: url(images/main-menu-over.PNG) no-repeat; /*left tab image path*/
	background-position: left;
	text-decoration:none;
}

a.timeattendancemainmenu
{
	background-image:url("images/main-menu.PNG");
	background-repeat:no-repeat;
	width:122px;	
	height:36px;	
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;	
	line-height:36px;
	
}

a:hover.timeattendancemainmenu
{
	background-image:url("images/main-menu-over.PNG");
	background-repeat:no-repeat;
	width:122px;	
	height:36px;	
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;	
	
}


td.copyright
{
	
	font-family:Verdana,Arial, Helvetica, sans-serif;
  	font-size:8.5pt;
  	font-weight:normal;
   	color:#004E71;
   	text-decoration:none;

}

span.get-started
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	font-weight: bold;
	color: #024B77;
	text-decoration:none;
	text-align:center;	
	vertical-align:top;
	padding-left:5px;

}

a.menulinks
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #024B77;
	text-decoration: none;
	vertical-align:top;
	
}

a.menulinks:hover {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #D1160D;
	text-decoration: underline;

}

span.link-arrow
{
	list-style-image:url(images/link-arrow.png);	
	vertical-align:bottom;
}

ul.menus
{

	list-style-image:url('images/link-arrow.PNG');
	padding-left:0px;
	margin-left:20px;	
}


td.time-scheduler-devider
{
	background: url(images/time-scheduler-devider.PNG) repeat-y;
}

.submenu{	
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 20px;	
	list-style: none;	
	padding-top:10px;
	padding-bottom:10px;

}

.submenu li{
	float:left;
}

.submenu li a{
	float: left;	
	display: block;
	color:#024B77;
	text-decoration: none;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	padding: 0 5px 0 5px; 
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;	
	border-left:1px #CCCCCC solid;	
}

.submenu li a {
	float: left;
	display: block;
	padding: 0 3px 0 3px; 
}

.submenu li a:hover{
	color: #FFFFFF;
	background-color:#336699;
	/*background: url(images/main-menu-over.PNG) no-repeat; left tab image path*/
	background-position: left;
	text-decoration:none;
}

.submenu li.current a{
	color: #FFFFFF;
	background-color:#336699;
	/*background: url(images/main-menu-over.PNG) no-repeat; left tab image path*/
	background-position: left;
	text-decoration:none;
}
td.qdcontent
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #043552;
	text-decoration:none;
	text-align:left;	
	line-height:22px;

}

h2
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11pt;
    font-weight:bold;   
    text-decoration:none;
    padding-top:5px;
    color:#F16C13;
    font-style:normal;
}

td.formtitle
{
	background-color:#024B77;
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10pt;
    font-weight:bold;   
    text-decoration:none;    
    font-style:normal;
    color:#FFFFFF;
    padding:2px;
}

td.formlabel
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight:normal;   
    text-decoration:none;    
    font-style:normal;
    color:#024B77;
    padding:2px;
    text-align:left;
}