@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tfoot, thead {
	margin: 0;
 	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}


body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup
Carmine: Commented out. Causing havoc with firefox.
The comment above is only true for IE.  with this style 
FF ignores any cellspacing/cellpadding attrs on the tables.
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
caption, th, td {
	/* Carmine text-align: left;*/
	font-weight: normal;
	/*padding:0;*/
	margin:0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

table.aboveGrid {margin:10px 0px 5px 15px;}
table.aboveGrid td {padding-right:15px; vertical-align:middle}
table.aboveGrid input, table.aboveGrid select {vertical-align:middle}

.dhtmlxTabBar .gridbox {margin:5px;}

.dhx_tabcontent_zone p {margin:5px 15px;}
.dhx_tabcontent_zone .formTable {margin-left:8px;}

.dhx_tabcontent_zone h3 {margin:15px 0px 0px 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#006699}

div.formArea {margin-bottom:4px; padding-bottom:8px;}
div.green {background-color:#ebf7eb;}

div.whitebg {background-color:#fff}

.formArea h2 {font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:16px; padding:5px 15px; color:#FFFFFF; font-weight:normal; position:relative;}

.green h2 {background-color:#358439}

.blue h2 {background-color:#042758}



h2 span.help {float:right; position:absolute; top:4px; right:8px;}
h2 span.progressCircle {float:left; position:relative; top:-5px; left:-15px;}

.tableContainer td.tc {padding:8px 0px 8px 0px; vertical-align:top}
/* carmine Causing some major issues with grids. div.formArea table {margin:11px 11px 0px 8px;} */
div.formArea .tableContainer {margin-top:0px}
div.formArea td.tc table {margin-top:0; margin-left:0}
table.formTable td {padding:2px 3px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}


/* input.longName, select.longName {width:220px; text-transform:capitalize;}
input.normalName {width:130px; text-transform:capitalize;}
*/
input.longName, select.longName {width:220px;}
input.normalName {width:130px;}
input.smallDate {width:25px;}
input.smallDate2 {width:40px;}

td.nowrap, label {white-space:nowrap}

h2 span.exportSpan {float:right; position:absolute; top:4px; right:8px;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.top {vertical-align:top;}

div.formArea td.label, .label {font-weight:bold; white-space:nowrap;}

.mediumSelect {width:200px;}
.dirButton {width:30px;}

div.buttonRow { padding:5px 10px 0px 0px; margin:0px 0px 0px 0px}
.green .buttonRow {border-top:1px solid #c1d9c2;}

.green .vrr {border-right:1px solid #c1d9c2;}

.formButton1 {
	width:100px;
}



div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon {
	background-image: url(../img/navindi.gif);
	background-repeat: no-repeat;
	background-position: 15px 0px;
}
#navMain #logo {
	float: left;
	width: 69px;
}





body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

p  { line-height:16px;} 


#navMain img.logo {
	float: left;
}
#container {
	width: 959px;
	margin-right: auto;
	margin-left: auto;
	height: 500px;
}

#container #content table td {line-height:13px;}

#container #content {margin-top:8px;} /* Carmine:  can change this to reduce content margin */

#container #content td {font-size:11px; font-family:Arial, Helvetica, sans-serif;}

#logotype {float:left}
#adminLinks {text-align:right; height:13px;}
#adminLinks a {padding-left:8px;}
#header #navMain {
	clear: both;
}
#navGlobal a, #navGlobal {
	font-size: 10px;
	color: #99cc99;

}

#menuObjGlobal div {display:inline; margin-left:8px; text-decoration: underline; 	cursor:pointer;}

#navMain ul {display:block; height:52px;}
#navMain li {
	float: left;
	width: 89px;
}

#menuObj {}

#breadCrumbs {
	background-image: url(../img/breadcrumbbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:32px;
	clear:both;
	position:relative; top:3px;
}
#breadCrumbs ul {margin:0px 0px 0px 8px;}
#breadCrumbs li {float:left;padding:5px;}
#breadCrumbs li a{display:block; }



#leftNav {
	width: 193px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
	background-color:#e2eedf;
	border-bottom:10px solid #e2eedf;
	margin-top:5px;
}
#content {
	float: left;
	width:751px;
	border:0px solid red;
}


#nonav #content {width:959px;}
#nonav #leftNav {display:none}


#leftNav .mainTasks {
	border: 5px solid #c2dcbb;
	background-color: #FFFFFF;
	padding-bottom:10px;
	padding-top:3px;
}

#leftNav a {color:#0d387a;}

#leftNav .mainTasks li {
	margin:8px 10px 6px 10px;
	font-size:11px;
	line-height:15px;
	padding-bottom:6px;
	font-weight:bold;
}


#leftNav .secondaryTasks {
	background-image:url(../img/navfade.jpg);
	background-repeat: repeat-x;
	margin:0px 0px 0px 10px;
	padding:4px 0px 6px 6px;
}
#leftNav .secondaryTasks li {
	margin:4px;
	font-size:11px;
	line-height:15px;
	padding-bottom:3px;
}

#leftNav h3 {font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:15px 10px 15px 12px; color:#81b376;}


#loginBox div {
	background-color: #6c8acd;
	background-image: url(../img/logintop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:20px 0;
}

.loginTable {margin:20px 20px 10px 20px}

#container #content .loginTable td {
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#loginBox span {display:block; background-image: url(../img/loginbtm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:12px;}
	
input.loginput {background-image: url(../img/logindrop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:210px; height:26px; border:0px; padding:3px 4px;
	background-color: #6c8acd;}
	
p.loginCopy {width:380px; background-color:#FFFFFF; padding-top:15px;}