/*-----------------------------------------------------------------------*/
/* General Page Styles																		 */
/*-----------------------------------------------------------------------*/

.FullHeight { height:100%; }
.FullWidth { width:100%; }
.HalfWidth { width:50%; }
.SkinWidth { width:100%; }
.Background { background:#c2c2c2; }
.lightbackground { background:#eeeeee; }
.CopyrightContainer { }
html { height:100%;}
#body { background:#ffffff; margin:0;}
.center { text-align:center; }
.right { text-align:right; }
.top { vertical-align:top; }

p, div, ul, li { font-family:verdana,arial,helvetica; font-size:11px; color:#07324e;}
table, tr, td { font-family:verdana,arial,helvetica; font-size:11px; margin:0 0 0 0; color:#07324e; vertical-align:top;}
H1 { font-family:verdana,arial,helvetica; font-size:20px; color:#07324e; font-weight:bold; }
img { padding:0; margin:0; margin:0 0 0 0; border:none;}
td.big { font-family:verdana,arial,helvetica; font-size:20px; color:#07324e; font-weight:bold; }

/*----------------------------------------------------------------------*/
/* sections																						 */
/*----------------------------------------------------------------------*/
td.section { font-weight : bold; color : white;	padding: 5px; background:#07324e;}
td.section2 { font-weight : bold; color : white; padding: 5px; background:#a4a4a4;}
td.section3 { font-weight : bold; padding: 5px; background:#c4c4c4;}
td.section4 { font-weight : bold; padding: 5px; background:#d9d9d9;}
td.section5 { font-weight : bold; padding: 2px; background:#eeeeee;}

/*----------------------------------------------------------------------*/
/*alternating row colors																		 */
/*----------------------------------------------------------------------*/
.altrow1 { background:#ffffff; }
.altrow2 { background:#f1f1f1; }

/*----------------------------------------------------------------------*/
/* Grid Layout             																	 */
/*----------------------------------------------------------------------*/
.GridHeader { font-weight: bold;	}
.GridLabel { font-weight: bold; text-align:right; }
.GridData { text-align:left; }

/*----------------------------------------------------------------------*/
/* Page Layout																				 */
/*----------------------------------------------------------------------*/


.DividerHeight { height:11px; }
.DividerWidth { width:11px; }
.DividerFooterNavWidth { width:4px; }
.Divider { background:#07324e; margin:0 0 0 0; font-size:7px;}
.DividerTable { border-collapse:separate; border-spacing:0px 0px; }
.DividerNav { background:#07324e; width:150px; height:10px}
.DividerMiddle { width:130px; }
.DividerCornerT { width:11px; height:11px; padding:0; margin:0; vertical-align:top; margin:0 0 0 0; border:none; }
.DividerCornerB { width:11px; height:11px; padding:0; margin:0; vertical-align:bottom; margin:0 0 0 0; border:none; }
img.DividerGradient { width:100%; height:11px; padding:0; margin:0; vertical-align:top; margin:0 0 0 0; border:none; }
img.DividerGradientFooter { width:100%; height:11px; padding:0; margin:0; vertical-align:bottom; margin:0 0 0 0; border:none; }
.DividerHeader { height:11px; margin:0 0 0 0; font-size:8px; }
.DividerFooter { height:11px; margin:0 0 0 0; background:#ffffff; font-size:7px;}

/*-------------------------------------------------------------------*/
/* Header																					 */
/*-------------------------------------------------------------------*/

#HeaderContainer { margin:0 auto; background:#ffffff; height:80px; }
#HeaderLogoContainer { vertical-align:middle; }
#HeaderInfoContainer { font-family:arial,helvetica,verdana; float:right; width:300px; text-align:right; font-size:11px; color:#353535;  }
#HeaderPortalSelectContainer { font-family:arial,helvetica,verdana; float:right; width:300px; text-align:right; font-size:11px; color:#353535; }
#HeaderWelcomeContainer { font-family:arial,helvetica,verdana; float:right; width:300px; text-align:right; font-size:11px; color:#353535; }
#HeaderCartContainer { font-family:arial,helvetica,verdana; float:right; width:300px; text-align:right; font-size:11px; color:#353535; }
#HeaderLoginContainer { font-family:arial,helvetica,verdana; float:right; width:300px; text-align:right; font-size:11px; color:#353535; }

a.Header:link, a.Header:visited, a.Header:active { font-family:arial,helvetica,verdana; color:#353535; font-size:11px; text-decoration:none; }
a.Header:hover { color:red; text-decoration:underline; }

a.Section:link, a.Section:visited, a.Section:active { font-family:arial,helvetica,verdana; color:white; font-size:11px; text-decoration:none; font-weight: bold; text-align:right;}
a.Section:hover { color:white; text-decoration:underline; }

a.Section2:link, a.Section2:visited, a.Section2:active { font-family:arial,helvetica,verdana; color:white; font-size:11px; text-decoration:none; font-weight: bold; text-align:right;}
a.Section2:hover { color:white; text-decoration:underline; }

a.gray:link, a.gray:visited, a.gray:active { color:gray; text-decoration:underline;}
a.gray:hover { color:gray; text-decoration:underline; }

a.green:link, a.green:visited, a.green:active { color:green; text-decoration:underline;}
a.green:hover { color:green; text-decoration:underline; }

a.red:link, a.red:visited, a.red:active { color:red; text-decoration:underline;}
a.red:hover { color:red; text-decoration:underline; }

/*----------------------------------------------------------------------*/
/* Project Actions Layout																	 */
/*----------------------------------------------------------------------*/
a.ProjectAction:link, a.ProjectAction:visited, a.ProjectAction:active { font-family:arial,helvetica,verdana; color:#353535; font-size:11px; text-decoration:none; font-weight: bold; text-align:right;}
a.ProjectAction:hover { color:#353535; text-decoration:underline; }
td.ProjectAction { background:#d9d9d9; }
.ProjectActionTL { height:15px; width:15px; background:url(images/ltgrey-tl.png); }
.ProjectActionTR { height:15px; width:15px; background:url(images/ltgrey-tr.png); }
.ProjectActionBR { height:15px; width:15px; background:url(images/ltgrey-br.png); }
.ProjectActionBL { height:15px; width:15px; background:url(images/ltgrey-bl.png); }

/*-----------------------------------------------------------------------*/
/* Page Structure																			 */
/*-----------------------------------------------------------------------
#PageContainer { height:100%; width:100%; text-align:center; display:table; }
#OuterContainer{ height:100%; margin:0 auto; display:table; }
*/
.InnerContainer{ margin:0 auto; background:#ffffff; height:100%; width:100%; }
/*-----------------------------------------------------------------------*/
/* Images																 */
/*-----------------------------------------------------------------------*/
img.CornerTop { width:30px; height:27px; }
img.CornerBottom { width:30px; height:30px; }

/*-----------------------------------------------------------------------*/
/* Boxed																 */
/*-----------------------------------------------------------------------*/
.BoxedTable { height:100%; }
.BoxedTL { width:30px; height:27px; }
.BoxedT { height:27px; background:url(images/boxed-t.png) repeat-x top left; }
.BoxedTR { width:30px; height:27px; }
.BoxedL { width:18px; background:url(images/boxed-l.png) repeat-y top left; }
.BoxedL2 { width:12px;  background:#ffffff; }
.BoxedM { background:#ffffff; width:100%; }
.BoxedR { width:30px; background:url(images/boxed-r.png) repeat-y top right; }
.BoxedBL { width:30px; height:30px; vertical-align:top; }
.BoxedB { height:30px; background:url(images/boxed-b.png) repeat-x top left; }
.BoxedBR { width:30px; height:30px; vertical-align:top; }

/*-----------------------------------------------------------------------*/
/* Links																 */
/*-----------------------------------------------------------------------*/
a:link, a:visited, a:active { color:#c00000; text-decoration:underline; }
a:hover { color:#910000; text-decoration:underline; }

/*-----------------------------------------------------------------------*/
/* Login																							 */
/*-----------------------------------------------------------------------*/

.LoginToken, a.LoginToken:link, a.LoginToken:visited, a.LoginToken:active { color:#ffffff; font-size:11px; font-weight:normal; text-decoration:none; height:12px; padding:0 0 0 18px; margin:0; }
a.LoginToken:hover { color:#ffffff; font-weight:normal; font-size:11px; text-decoration:none; }

/*-----------------------------------------------------------------------*/
/* Forms															                            	 */
/*-----------------------------------------------------------------------*/
select, input { font-family:arial,helvetica,verdana; font-size:11px; color:#333333; }
input.expand { font-family:arial,helvetica,verdana; font-size:8px; color:#333333; }

/*-----------------------------------------------------------------------*/
/* Copyright, privacy, terms										                     	 */
/*-----------------------------------------------------------------------*/
.Footer { color:#ffffff; font-size:11px; }
a.Footer:link, a.Footer:visited, a.Footer:active { font-family:arial,helvetica,verdana; color:white; font-size:11px; text-decoration:none;}
a.Footer:hover { color:white; text-decoration:underline; }







.message { 
 	/*font-weight: bold;*/
 	color: Red;
	text-align:center; 
 }

.top { vertical-align:top; }

.form	{text-align:right;}

.formreq { 
 	font-weight: bold;
	text-align:right; 
 }

.formreqleft { 
 	font-weight: bold;
	text-align:left; 
 }

.forminc { 
 	font-weight: bold;
 	color: Red;
	text-align:right; 
 }

.formincleft { 
 	font-weight: bold;
 	color: Red;
	text-align:left; 
 }

.bold {
	font-weight: bold;
}


td.warn {
	font-size: 8pt;
	color: orange;
	font-weight : bold;
}

td.late {
	font-size: 8pt;
	color: red;
	font-weight : bold;
}

div.comment {
	margin-left: 12px ;
  	margin-right: auto ;
	width: 98%;
}

table.commentmeta {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	padding: 3px;
	width: 100%;
}

td.comment {
	font-size: 8pt;
	color: 102C73;
	border-bottom: 1px solid #CCCCCC;
}

.red {
	color: red;
}

.green {
	color: green;
}

td.gray {
	color: gray;
}

span.permissiontemplate {
	writing-mode: tb-rl;
	filter: flipV() flipH();
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
	font-size: 10px;
	color: #c00000;
}

td.permissiondesc {
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
	font-size: 8pt;
	color: #353535;
}