/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
body 
{
	font: 13px/1.5em Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #7a7a7a;
	background-color: #ffffff;
	line-height: 1.5em;
}
a:link, a:visited {
	color: #444444;
	text-decoration: underline;
}
a:hover {
	color: #990033;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {color:#336799;}
/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	color: #EA1313;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	}

h2 {
	color: #990033;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px; 
	font-weight: bold; 
	margin-bottom: 0px;
	margin-top: 0px;
	}

h3 {
	color: #444444; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 6px;
	}
.h3Row {}

h4 {
	color: #444444; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	margin-bottom: 2px;
	}

h5 {
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: bold; 
	margin-bottom: 1px;
	}
	
LI {
	LIST-STYLE-TYPE: square; 
	margin-left: 6px; 
	MARGIN-BOTTOM: 2px;
	}
	
UL {
	MARGIN-TOP: 2px;
	}
	
hr {
	height: 1px;
}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.button {
	border: 1px solid #999999;
	background-color: #d0d1d0;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	background-image: url(Images/formButtonBg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
	
.buttonOn, .button:hover, .button:focus, .buttonOn:focus {

	border: 1px solid #444444;
	background-color: #ffffff;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	background-image: url(Images/formButtonBgOn.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-color: #758a9e;
}
	
input,select {
	border: 1px solid #999999;
	font-size: 13px;
	background-color: #fafafa;
}
	
input:focus,textarea:focus, select:focus, input.sffocus { 
	background-color: #DEEFFF;
	border-color: #758a9e;
}
	
.checkbox,.radio 
{
    font-size: 11px;
	border:0px;
	background-color: transparent;
	margin: 5px 5px 5px 0;
	vertical-align: bottom;
}

.checkbox INPUT, .radio INPUT
{
	border:0px;
	background-color: transparent;
	margin: 5px 5px 5px 0;
	vertical-align: bottom;
}

textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #999999;
	font-size: 12px;
	background-color: #fafafa;
}
	
.formInput
{
	border: 1px solid #999999;
	font-size: 11px;
	background-color: #fafafa;
}
.formInput:focus 
{
	background-color: #DEEFFF;
	border-color: #758a9e;
}
.formInputReadOnly {
	font-size: 12px;  
	color: #444444; 
	border: none;
	background-color: #fafafa;
	font-weight: normal; 
	padding: 5px 10px 5px 6px;
	vertical-align: top;
}

table.leftColumnModuleHead th {
/*left column styles*/
	font-size: 12px;
	color: #444444;
	text-align: left;
	background-repeat: repeat-x;
	background-position: top;
	background-image : url(Images/moduleTab_middle.gif);
	background-color: #d4d4d4;
	border-bottom: 1px solid #9E9E9E;
}
.leftColumnModuleHead{
/*left column styles*/
	font-size: 12px;
	color: #444444;
	text-align: left;
	background-repeat: repeat-x;
	background-position: top;
	background-image : url(Images/moduleTab_middle.gif);
	background-color: #d4d4d4;
	border-bottom: 1px solid #9E9E9E;
}	
.subMenu
{
	font-size: 11px;
	color: #ffffff;
	background-color: #efefef;
	border-bottom: 1px solid #9E9E9E;
	border-left: 1px solid #9E9E9E;
	border-right: 1px solid #9E9E9E;
}
	
.subMenuTDIcon {
	font-size: 11px;
	color: #ffffff;
	background-color: #efefef;
	padding-bottom: 2px;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 3px;
	border-right: 1px solid #fefefe;
}

.subMenuTD
{
	font-size: 11px;
	color: #ffffff;
	background-color: #efefef;
	padding-bottom: 2px;
	padding-top: 1px;
	border-bottom: 1px solid #EDEDED;
}

.subMenuTDMouseOver
{
	background-color: #ffffff;
	font-size: 11px;
	color: #ffffff;
	padding-bottom: 2px;
	padding-top: 1px;
	border-bottom: 1px solid #EDEDED;
}
	
a.subMenuLink:link, a.subMenuLink:visited {
	color: #444444;
	text-decoration: none;
	border-bottom: 0px;
	padding-left: 0px;
}
	
a.subMenuLink:hover {
	color: #666666;
	text-decoration: none;
	border-bottom: 0px;
}

.dataLabel {
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
}
/* misc font displays */
	.todaysTask {
		color: #FF7800
	}
	.overdueTask {
		color: #ff0000;
	}
	.required {
		color: #ff0000;
	}
	.error {
		color: #ff0000;
	}
	.success {
		color: #00ee00;
	}
	.answer 
	{
		color: #FF7800;
	}
/* myArea is for my account, admin, logout, an about links*/
.myArea {
	font-size: 11px;
	font-weight: normal;
}
.myAreaBg {
	background-color: #d1dae4;
	color: #9fb4c8;
	padding-left: 2px;
	padding-right: 10px;
	border-bottom: 1px solid #ffffff;
	background-image : url(Images/myAreaBg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.myAreaLink 
{
    font-size: 14px;
    font-weight: bold;   
}

a.myAreaLink:link, a.myAreaLink:visited {
	color: #000000;
	text-decoration: none;
}
a.myAreaLink:hover {
	color: #990033;
	text-decoration: underline;
}
.moduleTitle {
	background-image: url(Images/moduleTitleHR.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.tabForm {
	border: 1px #9E9E9E solid;
	border-collapse: collapse;
	/*background-image : url(Images/searchFormBg.gif);*/
	background-repeat: repeat-x;
	background-position: top;
	background-color: #eef3f8;
	font-size: 13px;
	color: #000000; 
    padding: 10px;
}
.tabDetailView {
		border: 1px solid #666666;
		background-color: #cccccc;
}
.tabDetailView .listViewPaginationTdS1 .listViewPaginationLinkS1
{
font-size: 11px; 
}

.tabDetailView .listViewPaginationTdS1 .listViewPaginationLinkS1:hover, .tabDetailView .listViewPaginationTdS1 .tabDetailViewDFLink:hover 
{
text-decoration: underline;
color: #000000;
}
.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL 
{
border: none; 
background-color: #f8f7f7;
background-image: url(Images/detailViewPaginationBg.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-top: 3px;
font-size: 11px; 
}
.tabDetailView .listViewPaginationTdS1 .tabDetailViewDFLink 
{
font-size: 11px; 
text-decoration: none;
color: #444444;
}

.tabDetailViewDL {
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
	background-color: #eeeeee;
	padding: 5px 6px 5px 6px;
	vertical-align: middle;
	text-align: right;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #dfdfdf;
}

h4.tabDetailViewDL {
	color: #444444; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	margin-bottom: 0px;
	text-align: left;
	border: none;
}

.tabDetailViewDF {
	font-size: 12px;  
	color: #444444; 
	border-bottom: 1px solid #dfdfdf;
	background-color: #fafafa;
	font-weight: normal; 
	padding: 5px 10px 5px 6px;
	vertical-align: middle;
}

a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
	color: #000000;
	font-size: 12px;  
	text-decoration: underline;
	}
a.tabDetailViewDFLink:hover {
	color: #990033;
	}
	
.tabDetailView2 {
	border: 1px solid #999999;
	background-color: #cccccc;
}
.tabDetailViewDL2 {
    font-size: 12px; 
	color: #000000;
	font-weight: normal;
	padding: 3px 6px 4px 6px;
	vertical-align: middle;
	border-top: 1px solid #ffffff;
	background-color: #fafafa;
}
.tabDetailViewDF2 {
    font-size: 11px;  
	color: #444444; 
	background-color: #eeeeee;
	border-left: 2px solid #dfdfdf;
	font-weight: normal; 
	padding: 4px 10px 4px 6px;
	vertical-align: middle;
}
a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
	color: #444444;
	font-size: 11px;
	text-decoration: underline;
	}
a.tabDetailViewDL2Link:hover {
	color: #990033;
	}
/*for the main screen navigation tabs*/
.currentTab {
	font-size: 11px;
	color: #6e6e6e;
	font-weight: bold;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 5px;
	padding-top: 4px;
	background-image : url(Images/currentTab_middle.gif);
	}	
.currentTabLeft
{
	background-image: url(Images/currentTab_left.gif);
	background-repeat: no-repeat;
}
	
.currentTabRight
{
	background-image: url(Images/currentTab_right.gif);
	background-repeat: no-repeat;
}

.otherTabLeft {
	background-image : url(Images/otherTab_left.gif);
	background-repeat: no-repeat;
}
	
.otherTabRight {
	background-image : url(Images/otherTab_right.gif);
	background-repeat: no-repeat;
}

a.currentTabLink:link, a.currentTabLink:visited {
	color: #990033;
	text-decoration: none;
	}
a.currentTabLink:hover {
	color: #990033;
	text-decoration: none;		
	}
	
.otherTab {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	background-image : url(Images/otherTab_middle.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 3px;
	padding-right: 5px;
	padding-top: 3px;
	}
a.otherTabLink:link, a.otherTabLink:visited {
	color: #444444;
	text-decoration: none;
	padding-top: 3px;

	}
a.otherTabLink:hover {
	color: #990033;
	text-decoration: none;
	}
img.tabSeparator
{
	width: 0px;
	height: 0px;
}
img.tabLeft
{
	width: 5px;
	height: 25px;
}
img.tabRight
{
	width: 2px;
	height: 1px;
}
.welcome {
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	background-color: #ffffff;
	border-bottom: 1px solid #dfdfdf;
	padding-left: 10px;
	background-image: url(Images/welcomeBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	vertical-align: bottom;
	padding-bottom: 2px;
}
tr.tabHeight
{
	height: 20px;
}

/*right main content (suffix S1 stands for Style 1) */
.listView 
{
	border: 1px solid #9E9E9E;
}

.lastView 
{
	color: #666666;
	padding-left: 10px;
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #444444;
	background-image : url(Images/lastViewBg.gif);
	background-repeat: repeat-x;
	background-color: #fafafa;
	height: 22px;
	padding-top: 2px;
}

table.listView th 
{
	/* this definition should be exactly the same as .listViewThS1 */
	font-size: 11px;
	color: #33485c;
	font-weight: bold;
	text-align: left;
	background-color: #f8f7f7;
	background-image: url(Images/listViewBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 1px 5px 2px 5px;
	border-bottom: 1px solid #b0cbe2;
	border-top: 1px solid #ffffff;
	height: 20px;
}

.listViewThS1
{
	font-size: 11px;
	color: #33485c;
	font-weight: bold;
	text-align: left;
	background-color: #f8f7f7;
	background-image: url(Images/listViewBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:  1px 5px 2px 5px;
	border-bottom: 1px solid #b0cbe2;
	border-top: 1px solid #ffffff;
	height: 20px;
}

.listViewHRS1 {
	background-color: #cccccc;
}

.listViewSubHeadS1 
{
	background-color: #ffffff;
}

h5.listViewSubHeadS1 
{
	color: #33485c; 
	font-size: 13px; 
	font-weight: bold; 
	margin-top: 1px;
	margin-bottom: 1px;
}

table.listview th a:link, table.listview th a:visited 
{
	/* this definition should be exactly the same
		as a.listViewThLinkS1:link, a.listViewThLinkS1:visited */
	color: #33485c;
	font-weight: bold;
	text-decoration: none;
}

table.listview th a:hover 
{
	/* this definition should be exactly the same
		as a.listViewThLinkS1:hover */
	color: #2666af; 
	text-decoration: none;
}

a.listViewThLinkS1:link, a.listViewThLinkS1:visited 
{
	color: #33485c;
	font-weight: bold;
	text-decoration: none;
}

a.listViewThLinkS1:hover 
{
	color: #2666af; 
	text-decoration: none;
}

a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited 
{
	font-size: 12px;
	color: #002780;
	text-decoration: none;
}

a.listViewTdLinkS1:hover 
{
	color: #000000;
	text-decoration: underline;
}

a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited 
{
	text-decoration: none;
}

a.listViewTdToolsS1:hover 
{
	text-decoration: none;
}
		
.evenListRowS1 {
	font-size: 11px;
	color: #000000;
	background-color: #fdfdfd;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-top: 2px;
}

.oddListRowS1 {
	font-size: 11px;
	color: #000000;
	background-color: #f1f1f1;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-top: 2px;
}
  
.selectedListRowS1
{
	font-size: 11px;
	color: #000000;
	background-color: #ffffcc;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-top: 2px;
}

.oddListRowS1:hover, .oddListRowS1Hover { 
	background: #ffffcc; 
	/*background: #ffffcc url(images/bg_row_hover.gif) bottom right no-repeat; */
	border-top-color: #F8F8F8;
	border-left-color: #F8F8F8;
	border-bottom-color: #D0D0D0;
	border-right-color: #D0D0D0;
}

.evenListRowS1:hover, .evenListRowS1Hover { 
	background: #ffffcc; 
	border-top-color: #F8F8F8;
	border-left-color: #F8F8F8;
	border-bottom-color: #D0D0D0;
	border-right-color: #D0D0D0;
}

.footerListRowS1 
{
    background: #FFEFEF url(images/cellpic1.gif) top left repeat-x;
	color: #455995;
	font-weight: bold;
	font-size: 11px;
	height: 24px;
	padding: 0 5px;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	white-space: nowrap;
}

.pageNumbers {
	color: #444444;		
}
.listViewPaginationTdS1 {
	font-size: 10px;
	color: #999999;
	background-color: #eeeeee;
	padding-right: 5px;
	padding-left: 5px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #9E9E9E;
}
a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
	color: #E90000;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	}
a.listViewPaginationLinkS1:hover {
	color: #ff0000;
	font-size: 10px;
	text-decoration: none;
	}
a.listViewCheckLink:link, a.listViewCheckLink:visited {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	}
a.listViewCheckLink:hover {
	font-size: 10px;
	text-decoration: none;
	}

.updateProgress {
    z-index: 5;
    left: 25%;
    position: absolute;
    top: 30%;
    padding: 5px;
    width: 300px;
    border: solid 1px #000000;
    font-size: 11px;
    font-weight: bold;
    color: #A5B2BA;
    background-color: #ffffff;
    text-align: center;
}
#contentrow {
	padding: 8px;
	width: 100%;
	margin: 0 auto;
}
/* Footer */
#wrapfooter {
	text-align: center;
	color: #CCC;
	padding-top: 10px;
}

.copyright {
	color: #7D8AA0;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.2em;
}
.copyright a, .copyright a:visited {
	color: #AEB3C5;
	text-decoration: underline;
}
.copyright a:hover { color: #7D8AA0; }