/** Styles for main template **/
.menuText {
	font-size: 14px;
	font-weight: bold;
	background-image: url("../img/tab/glbnav_background.gif");
        color:#999999;
}
.subMenuText {
	font-size: 10px;
	font-weight: bold;
	background-image: url("../img/tab/glbnav_background.gif");
}
.leftMenuText {
	font-size: 10px;
	font-weight: bold;
	background-image: url("../img/tab/glbnav_background.gif");
}
.invisible {
    display: none;
}
body {
    margin: 0em;
    padding: 0em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12; color: #333333; line-height: 1.166;
    background: #FFFFFF;
}


#pageBody {
	position: absolute;
	top: 114px;
	left: 0px;
	width: 100%;
	height: 400px;
    overflow-x:auto;
	z-index: 1;
	background: #FEFFFC;
}
/*

#leftMenuBody {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 400px;
    overflow-x:visible;
	z-index: 2;
}
*/

/*#rightBody {
	position: absolute;
	padding-top:  0px;
	padding-left: 0px;
	top: 90px;
	right: 0px;
	height: 400px;
	overflow:auto;
	overflow-x:auto;
	z-index: auto;
	float: right;
}*/

#content {
    position: relative;
	margin-left: 25px;
	margin-right: 30px;
    padding:15px;
}
#hcontent {
        margin-left:35px; margin-top:32px; margin-right:0px; background:#FEFFFC;
}

/** ####################################################################### **/
/** Generic globals **/
h1 { color: #1A498F; font-size: 18px; font-weight: bold; text-align: center; text-transform: Capitalize; vertical-align: middle; }
h2 { color: #1A498F; font-size: 16px; font-weight: bold; text-align: center; text-transform: Capitalize; vertical-align: middle; }
h3 { color: #3561a2; font-size: 14px; font-weight: normal; text-align: center; vertical-align: middle; }
h4 { color: #3561a2; font-size: 12px; font-weight: normal; text-align: left; vertical-align: middle; }
p.normal { color: #3561a2; font-size: 12px; text-align: left; vertical-align: middle; }
.normal { color: #3561a2; font-size: 12px; text-align: left; vertical-align: middle; }
.normal2 { color: #3561a2; font-size: 10px; text-align: left; vertical-align: middle; }
.required { color: #FF0000;}
.label1{font-size: 14px;   text-align: left; vertical-align: middle; }
.label { font-weight: bold; vertical-align: bottom;}
.sample { font-weight: normal; font-size: 10px}


a:link, a:visited {color:#0000FF}
a:hover {color:#FF8800}
input, select, td, th, textarea { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
form {display:inline;}
label { font: bold 1em; color: #334d55; }
button { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; height: 28px; }
.box {	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; }
.subhead {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color: #9999FF; background-position: center; text-align: center;}
.readonlyfield {background-color: #DDDDDD; border: 1px solid #000000;}
/** The following are for the Export options of the display tag **/
div.exportlinks { background-color: #eee; border: 1px dotted #999; padding: 2px 4px 2px 4px; margin: -10px 0 10px 0; width: 79%; }
span.export { padding: 0 4px 1px 20px; display:inline; display:inline-block; cursor: pointer; }
span.excel { background-image: url(../img/displaytag/ico_file_excel.png); background-repeat: no-repeat; }
span.csv { background-image: url(../img/displaytag/ico_file_csv.png); background-repeat: no-repeat; }
span.xml { background-image: url(../img/displaytag/ico_file_xml.png); background-repeat: no-repeat; }
/** The following where for the display tag and referenced in the Properties file. **/
table.isis {text-align: left;}
table.isis acronym { border-bottom: 1px dashed #000000; cursor: help; }
table.isis td { padding: 2px 4px 2px 4px; text-align: left; vertical-align: top; }
table.isis th { padding: 2px 4px 2px 4px; text-align: left; vertical-align: top; }
table.isis th.sorted { background-color: #FFA500; }
table.isis th.sortable { background-color: #D48B00; }
/* ---------------------- Start Changes ---------------------- */
/**
table.isis th.order1 a   { background-image: url("../img/displaytag/arrow_down.png"); }
table.isis th.order2 a   { background-image: url("../img/displaytag/arrow_up.png"); }
table.isis th.sortable a { background-image: url("../img/displaytag/arrow_off.png"); }
table.isis th.sortable a { background-position: right; background-repeat: no-repeat; display: block; width: 100%; }
table.isis th.sorted a   { background-position: right; background-repeat: no-repeat; display: block; width: 100%; }
**/
/**  @todo: Cant get the span to work correctly.
th.sorted a, th.sortable a {
	display: inline;
	width: 100%;
}
th.sortable a#help { }
th.order1   a#help { }
th.order2   a#help { }
th.sortable a#img  { }
th.order1   a#img  { }
th.order2   a#img  { }
th.sortable span#help, th.order1 span#help, th.order2 span#help {
	position: relative;
	float: left;
}
th.sortable span#img , th.order1 span#img , th.order2 span#img  {
	position: relative;
	float: right;
}
**/
/* ---------------------- End Changes ----------------------  */
table.isis thead { background-color: #FFCC00; }
table.isis tr.even { background-color: #FFEEAA; }
table.isis tr.odd { background-color: #FFFFFF; }
/** table.outermargin { margin: 20px 10px 20px 0px; }     **/
table.noom { margin: 0px 0px 0px 0px; }

/** screen.cs End **/
/** ####################################################################### **/
/** create_item_markup.css Start **/
/** The following were for the Parameterized Input Layout and the outer table decoration such as the tabs, etc. most likely used by the developers **/
.internal_tab { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  border: 1px solid Black;  }
.outlinebox_contents { background: White; padding: 2px 2px 2px 2px; }
.outlinebox_outsidetab { font-size: 10px; font-weight: bold; color: White; background-color: Gray; padding: 2px 2px 2px 2px; border: 0px none; }
.outlinebox_tab { color: White; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;  background-color: Black;  text-align: left;   }
/** More Parameter Tables **/
table.texttable { background-color: White; border: 0px solid #D4D8F1; }
table.texttable caption { background-color: #ffffff; color: #3561a2; font-size: 14px; font-weight: bold; text-align: center; text-transform: Capitalize; }
table.texttable td { color: #3561a2;  text-align: left; vertical-align: middle; }
table.texttable td.nostyle {  }
table.texttable th { color: #000000; font-size: 14px; font-weight: normal; text-align: center; text-transform: Capitalize; vertical-align: middle; }
table.texttable .iconText { font-size: 9px; }
table.texttable thead { color: 3561a2; font-size: 14px; font-weight: normal; vertical-align: middle; background: #ffffff; text-transform: Capitalize;  }
table.texttable .componenttitle    {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; color:#FFFFFF; background-color: #000066; }
table.texttable .componentactions  {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; color:#FFFFFF; background-color: #3366CC; }
/** More Parameter Tables **/
table.parametertable { BACKGROUND-COLOR: white;	border: 3px solid;	border-color: #3366CC; }
table.parametertable caption { background-color: #E6F0F9; color: #83A5D6; font-size: 14px; font-weight: bold; text-align: center; text-transform: Capitalize; }
table.parametertable td { color: #000000; font-size: 12px;  text-align: left; vertical-align: middle; }
table.parametertable td.nostyle {  }
table.parametertable th { color: #1A498F; font-size: 12px; font-weight: normal; text-align: right; text-transform: Capitalize; vertical-align: middle; }
table.parametertable .iconText { font-size: 9px; }
table.parametertable thead { font-size: 12px; font-weight: normal; vertical-align: middle; background: #B4B4B4; color: White; }
table.parametertable .componenttitle    {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; color:#FFFFFF; background-color: #000066; }
table.parametertable .componentactions  {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; color:#FFFFFF; background-color: #3366CC; }
label.actions { color: White; }
table.titletable { BACKGROUND-COLOR: white; BORDER-RIGHT: 3px solid;	border-color: #3366CC; BORDER-LEFT: 3px solid;	border-color: #3366CC;BORDER-TOP: 3px solid;	border-color: #3366CC;}
table.titletable { padding: 2px; }
table.titletable .componenttitle    {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; color:#FFFFFF; background-color: #3366CC; }
table.titletable .componentactions  {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; color:#FFFFFF; background-color: #D4D8F1; }
/** create_item_markup.css End **/
/** ####################################################################### **/
/** psms_markup.css Start **/
.box { border-style: solid; border-width: 1px; border-color: Black; }
.button-add { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #009900; text-align: center; margin: 0px; padding: 0px; height: 20px; width: 20px; }
.button-delete { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #FF0000; height: 20px; width: 20px; text-align: center; margin: 0px; padding: 0px; }
.button-sm1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; height: 20px; width: 60px; background-color: #6699FF; }
.content { background-color: #FFFFFF; }
/** used for the Task List and places where Change control is used **/
.icon { border: 1px solid #000000; font: normal normal normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: bold; height: 20px; text-align: center; width: 40px; }
.icon.add { background-color: #00FF00; }
.icon.change { background-color: #FFFF00; }
.icon.delete { background-color: #FF0000; }
/** Pop-up body look and feel **/
body.popup { background: #D3D3D3; color: Black; font-family: Arial,sans-serif; line-height: 1.166; margin: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; }
/** psms_markup.css End **/
/** ####################################################################### **/
/************** Page Name and Site Name styles ****************/
#pageName { padding: 5px 5px 5px 5px; margin: 0px; font-size: 16px; }
#siteName { FONT-SIZE: large; COLOR: silver }
/************* DC PACK styles *************/
.mixed {
	background-color: #9999CC;
	padding: 5px;
	border: 1px dotted #000000;
	margin: 1px;
}
/************* Tabs *************/
/** used by the Open source Java Script tab **/
.tabs { border: none; font-size: 10px; font-weight: bold; width: 100%; }
.tabs .calign { text-align: center; }
.tabs .hlink { cursor: hand; }
.tabs .upbartabdim { height: 30px; width: 150px; valign: middle;filter:alpha(opacity=75)}
.tabs .lowbardim { height: 17px; }
.tabs .uppad { padding: 0px 0px 0px 0px; }
/** .tabs .lowpad { padding: 1px 1px 1px 20px; }   **/
.tabs .activebtnimg { background-image: url('../img/tab/active_micronav.gif'); background-repeat: no-repeat; border: none; filter:alpha(opacity=25)}
.tabs .inactivebtnimg { background-image: url('../img/tab/inactive_micronav.gif'); background-repeat: no-repeat; border: none; filter:alpha(opacity=60)}
.tabs .bottomactivebtnimg { background-image: url('../img/tab/bottom_active_micronav.gif'); background-repeat: no-repeat; border: none; }
.tabs .bottominactivebtnimg { background-image: url('../img/tab/bottom_inactive_micronav.gif'); background-repeat: no-repeat; border: none; }
.tabs .lowbarimg { background-image: url('../img/tab/lowerbar_micronav.gif'); background-repeat: repeat-x; border: none; }

/************* Navigation *************/
/** following are for the Sub Navigation **/
a.glink, a:visited.glink { font-size: 12px; color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; border-right: 1px solid #8FB8BC; }
/** tabNav2 was going to be used in CreateTemplate.jsp **/
#tabNav2 { position: relative; margin: 0px; padding: 0px; width: auto; left: 10px; top: 112px; height: 40; margin-right: 40px; background: transparent url("../img/subnavbar/tab_tile.gif") fixed; }
/************** siteInfo styles ****************/
#copyright {
    clear: both;
    border-top: 1px solid #cccccc;
    font-size: 11px;
    color: #cccccc;
    padding: 10px 10px 10px 10px;
    margin-top: -1px;
}
/************** Message Window styles ****************/
.messageheader {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.systemmessages {
        color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* Set table header to a fixed position (WinIE 6.x only)                                            */
/* In WinIE 6.x, if any element with a position property set to relative is a child of an element   */
/* that has an overflow property set, then the relative value translates into fixed.                */
/* See above - the parent element DIV with a class of tbl-container has an                          */
/* overflow property set to auto. Remove overflow/position relationship to disable static header.   */
/* The top:expression provides a significant rendering performance increase for very large tables.  */
.fixedHeader {
    top: expression(document.getElementById("pageBody").scrollTop);
    z-index: 20;
    position:relative;
    cursor: default;
}
/************************ Workflow error styles *****************************/
.type-Error {
	color: #FF0000;
	font-weight: bold;
}
.type-Warning {
	color: #D18318;
	font-weight: bold;
}


table.usertable { }
table.usertable th { color: #1A498F; font-size: 10px; text-align: left; vertical-align: middle; }
table.usertable td { color: #1A498F; font-size: 10px; text-align: right; vertical-align: middle;}
table.usertable input { background-color:#d4d8f1; font-size: 10px;}