/* Main Things */
*{margin:0;padding:0}
body
{
	padding:0 0 20px;
	background: #fff url("images/body_bg.gif") repeat-x 0 100%;
	color:#333;
	font:83%/1.5 arial, tahoma, verdana, sans-serif;
}
/* Links */
a,a:link,a:link,a:hover
{
	background:transparent;
	text-decoration:underline;
}
a:link{color:#000a99}
a:visited{color:#999}
a:hover,a:active{color:#069}

#Welcome1_DataGrid1 td.tbhead a:link, td.tbHead a{color:#fff}
.tbHead a:visited{color:#fff;}
.tbHead a:hover,.tbHead a:active{color:#d6d6d6}

	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/bluefile.gif") no-repeat;padding-left:21px}
		a.morelink:hover {background: transparent url("images/redfile.gif") no-repeat;padding-left:21px;}
		.morelink span {position:absolute;left:-9999px;width:900px}

/*Logout Button*/
#logout a span{padding:2px;}
#logout { width:59px; height:12px; background-color:#eee; color:#000; font-size:.9em; padding:1px; padding-bottom:0; border:1px solid #999; border-bottom:none; margin-left:10px; margin-bottom:10px;}
#logout a:link,#logout a,#logout a:visited{ color:#fff; text-decoration:none;font-weight:bolder; display:block; background-color:#000a99;}
#logout a:hover{background-color:#eee; color:000a99; text-decoration:underline;}

/*Typography*/
p, ul, ol{margin:0 0 0 0}
h1,h2,h3,h4,h5,h6{ font-family: Arial, verdana, Sans-Serif; letter-spacing:-.05em; margin:1em 0 0 0; color:#000; border-bottom:1px solid #eee; padding-bottom:1em;}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%; border-bottom:1px solid #eee; }
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.orange { color:#d0a825; font-weight:bold;}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#333;display:block;letter-spacing: 1px}
.bold {font-weight:bold;}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

/*General*/
img {border:none}
hr {margin: 1em 0;background:#f2f2f2;height:2px;color:#666;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header {background: #666 url("images/header1.gif") repeat-x 0 100%;margin: 0 0 25px 0;padding: 0 0 8px}
	#header #site-name {font: 265% tahoma;letter-spacing: -.05em;margin:0 0 0 20px;padding:3px 0;color:#fff;border:none}	
	#header #company-name {font: 165% verdana;letter-spacing: -.05em;margin:0 0 0 20px;padding:3px 0;color:#eee;border:none}	
		#extra-head {color:#fff;font-weight:bold;position:absolute;top:55px;right:20px}
/* LAYOUT - main body of page */
#wrap {min-width:770px;margin: 0 auto;position:relative}
#content-wrap {position:relative;width:100%}
	#utility {position:absolute;top:0;left:10px;width:185px;border-top: 5px solid #999;padding-bottom: 40px;}
	.adminlink{font: 115%; font-weight:bolder; text-decoration:none; padding: 5px 0 5px 23px; display:block; border:1px solid #bbb;margin-top:10px; background: #f4f4f4;}
	#sidebar 
		{
			position:absolute;
			top:0;
			right:15px;
			width:185px;
			border-top: 5px solid #999;
			
			padding-top: 1px;
			padding-bottom: 40px
		}
	.usrBoxTxt{ font-size: 0.85em;}
	#usrBox{border-bottom: 2px solid #999; margin-bottom:3px;background: url("images/headGrad1.gif") repeat-x 0 0; padding-left:5px; padding-right:5px; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
#content {background: url("images/headGrad1.gif") repeat-x 0 0; width:auto; margin: 0 30px;border-top: 5px solid #999;border-bottom: 2px solid #999; border-right:1px solid #d7d7d7; padding-right:15px; padding-left:15px;}
	.EmpContactInfo{ border-bottom:2px solid #d7d7d7; border-top:3px solid #999; padding:3px 5px 3px 10px;  margin:0 0 10px 0; width:100%;}
	#EmpInfoDiv{ border-top: 2px solid #d7d7d7;border-bottom: 1px solid #d7d7d7; margin-bottom: 5px;}
	.featurebox {color:#333;padding: 10px 5px 15px;border-bottom: 5px solid #999;border-top: 1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7; margin: 0 0 1.5em; background: #f6f6f6 url("images/rightGrad.gif") repeat-x 0 0; }
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 0;border:none;color:#000a99}
	.featurebox h4 {margin-bottom:-1em;}
	.featurebox h4 .date{font-size:.7em;}
	.featurebox h4 .added{font-size:.6em;}
	.featurebox p {border-bottom:1px solid #fff;margin: 0 0 1em;color:#444; padding-bottom:3px;}
	.featurebox a {font-weight:bold}
	

	
	#CnmNews{border:1px solid #999; width: auto; *width:100%; margin-top:5px; margin-bottom:15px; border-top: 3px solid #999;}
	#CnmNews H4{ color:#fff; padding:3px 2px 6px 2px; background-color:#000a99;font: 105%; border-bottom: 1px solid #fff;border-top: 1px solid #fff; margin-bottom:2px; }
	#CnmNews H4 a{text-decoration:none; color:#fff;}
	
	#CnmNews H4 a:hover{color:#eee; text-decoration:underline;}
	
	#CnmNews ul{margin:0 0 0 0;position:static}
	#CnmNews li{margin:0 0 0 0;padding:0 0 0 0; border-bottom:1px solid #666; line-height:1.1em;}
	#CnmNews li a {width:auto; font-size:80%; display:block; background-color:#fff;margin:0 0 1px 0;padding:0 0 0 5px; border-bottom:1px solid #999; }
	#CnmNews li a:link{color:#000a99; text-decoration:none;}
	#CnmNews li a:visited{color:#000a99; text-decoration:none;}
	#CnmNews li a:hover{color:#fff; text-decoration:underline;background-color:#000a99;}
	
#content h3, #content h1 {color:#000a99; padding:0; margin-bottom:10px; border-bottom:1px solid #ddd; }

.ContactHead
{
	color:#E17000;
	border:none;
	padding-bottom:0px;
}

dl {margin: 0 0 1em 0}
dt {font-weight:bold; font-size: 115%;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}
	/* TABLES */
	
	
	table {font-size:95%;}
	.table1, #Welcome1_DataGrid1 {border: 2px solid #000a99;border-collapse:collapse;}
		.table1, #Welcome1_DataGrid1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border-bottom: 1px solid #900}
		.table1, #Welcome1_DataGrid1 th {text-align:left;border: 1px solid #fff}
		.table1, #Welcome1_DataGrid1 .tbhead {color:#fff;font-size:110%;background: #000a99;padding: 5px 6px}
		.table1, #Welcome1_DataGrid1 .tbbody {color:#000;font-size:95%;background: #fff;padding: 6px}
		.table1, #Welcome1_DataGrid1 tbody th.sub {font-size:100%;color:#000;background: #efefef;padding: 6px}
	#Welcome1_datalist2{ width:auto; font-size:1em;}
	#AdminContactControl1_dlistContact{width:550px;}
	
	#dgDepts .tbBody, #dgDepts .tbHead{padding:3px;}
	#dgDepts .tbBody {border:1px solid #ddd;}
	#dgDepts{border:0px;}
	#dgDepts tr {border:0px;}
	#dgDepts .tbHead {font-weight:bolder; font-size:1.2em;border:1px solid #ddd;}
	/* NEWS */
		.NewsItem p, .NewsItem h1, .NewsItem h2, .NewsItem h3, .NewsItem h5, .NewsItem h6 {margin: 0 0 .3em;color:#000a99}
		 .NewsItem h4{margin: 0 0 .2em;color:#333;}
		.NewsItem p {border-bottom: 1px dotted ##000a99; padding-bottom:10px; }
		#newsHead {border:none; margin:0 0 0 0;}
		.newsSubHead {border:none; margin:0 0 0 0; padding:0 0 0 0;}
		.NewsItem {margin: 0 0 10px 0; border-bottom:1px solid #ddd;}
		#NewsTitle {margin:5px 0 5px 0; padding:0 0 0 0;}
		#NewsFull p {margin: 10px; border-bottom:1px dotted #ccc;}
		.ItemTxt {padding:5px 0px 5px 10px;}
	/* LAYOUT TYPE C */
	
	#emp-portal1 #content-wrap {background:url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#emp-portal1 #content {margin: 0 25% 0 213px}
	
/* Menu Headers */
	#AdminMHead, #AdminEHead
	{
		background: #000a99;
		color: #fff;
		margin:0 0 0 0;
		padding:3px 7px 3px 7px;
	}
/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #dddddd url("images/menu1.gif") repeat-x 0 0;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#000a99;background:#d0d5eb url("images/menuover.gif") repeat-x 0 0;} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right:1px solid #ccc;}
	
	
	#poweredby {width:96px;height:63px;position:absolute;top:-110px;right:5px}
/* LAYOUT - FOOTER */
#footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999}
	#footer p {margin:0}
	#footer a:link {color:#999}
/* FORMS */
form {margin: 0 0 1.5em; padding:0; min-width:400px; max-width:700px; width:auto; width:100%;}
form fieldset 
{
	clear:both;
	font-size:100%;
	border-color:#000;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	padding: 10px;
	margin: 0 0 0 0;
}

form fieldset legend
{
	font-size:150%;
	font-weight:normal;
	color:#000;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;	
}

form div 
{
	clear:left;
	display:block;
	width: 400px;
	margin: 5px 0 0 0;
	padding:1px 3px;
}

form fieldset div.notes
{
	width:auto;
	height:auto;
	margin: 0px 0px 10px 0px;
	padding:0 5px 5px 5px;
	border:1px solid #666666;
	background-color: #ffffe1;
	color:#666666;
	font-size:85%;
}

form fieldset div.notes h4 
{
	background:url("images/icon_info.gif") no-repeat;
	/*background-image:url(/images/icon_info.gif);
	background-repeat: no-repeat;*/
	margin: 3px 0 0 0;
	background-position: top left;
	padding: 0px 0px 1px 27px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	font-size:110%;
}
	
form fieldset div.notes p
{
	margin: 0em 0em 1.2em 0em;
	color: #666666;
}

form fieldset div.notes p.last
{
	margin:0em;
}

form div fieldset
{
	clear:none;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	margin: 0 0 0 142px;
	padding: 0 5px 5px 5px;
	width: 197px;
}
form div fieldset legend
{
	font-size:100%;
	padding:0 3px 0 9px;
}

form div.required fieldset legend
{
	font-weight:bold;
}

form div.required label, label.required
{
	font-weight:bold;
}
form div.optional label, label.optional
{
	font-weight:normal;
}

form div label
{
	display:block;
	float:left;
	width:130px;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align:right;
}

form div label.LongQ
{
	
	display:block;	
	width:auto;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align:right;
}


form div label.labelCheckbox
{
	float:none;
	display:block;
	width:200px;	
	padding:0px;
	margin: 0 0 5 142px;
	text-align:left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio
{
	margin: 0 0 5px 0;
	width:170px;
}

form div fieldset #chkRoles1, form div fieldset #chkRoles2, input.inputCheckbox
{
	display:inline;
	height:14px;
	width:14px;
	background-color:Transparent;
	border-width:0px;
	padding:0px;
	margin:0 0 0 14px;
}

textarea
{
	overflow:auto;
}
form div textarea
{
	width:200px;
	padding: 1px 3px;
	margin: 0 0 0 0;
}
form div fieldset textarea.inputTextarea
{
}

form div.wide textarea
{
	width:348px;
	height: 200px;
	margin:0;
}

.uname{color:#000a99}
#DataList1{width:100%}
.centered{text-align:center;}
#frmQues p label {margin-left:10px;}
/*
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {padding: 5px 0}
label br {clear:left}*/