/** 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/subMenuButtonBG.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: "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px; color: #1A498F; line-height: 1.166;
    background: no-repeat #ffffff url("../img/mainlayout/psms_bkg_Long.jpg");
    /*background-position: 0px 82px;*/
    overflow-x:hidden;
    overflow-y:auto;
    };


#pageHeader {
	position: absolute;
	/*width: 100%;*/
	height: 82px;
	left: 0px;
	top: 0px;
    background-color:#d4d8f1;
}
#logo {
	position: absolute;
	/*width: 790px;*/
	height: 82px;
	width:1015px;
	top: 0px;
    background:no-repeat  url("../img/mainlayout/pss_top_nav_01.gif");
    background-position:right top;
}
#pageBody {
	position: absolute;
	top: 82px;
	left: 0px;
	width: 1015;
	height: 400px;
	z-index: 1;
}

#leftMenuBody {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 400px;
	z-index: 2;
}
/** !!!!!!!!! top: 102px;  SHOULD BE THE SAME AS IN TemplateHead.js**/
/** !!!!!!!!! top: 102px;  SHOULD BE THE SAME AS IN TemplateHead.js**/
/** !!!!!!!!! top: 102px;  SHOULD BE THE SAME AS IN TemplateHead.js**/
/** !!!!!!!!! top: 102px;  SHOULD BE THE SAME AS IN TemplateHead.js**/
#rightBody {
	position: absolute;
	padding-top:  0px;
	padding-left: 0px;
    font-family: "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
	top: 108px;
	left: 215px;
	height: 400px;
    width:800px;
	z-index: auto;
	float: right;
	visibility: visible;
}


#content {
    position: relative;
	margin-left: 25px;
	margin-right: 25px;
    padding:5px;
}
#menuBar {
    position: absolute;
    left: 220px;
    top: 88px;
    z-index: 3;
    height: 77px;
    width:800px;
}
#hcontent {
        margin-left:10px; margin-right:26px;
}

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


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: 12px; }
form {display:inline;}
label { font-weight: 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;}
.subbuttontext {color: #071D47; text-transform: Capitalize; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; 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: justify; vertical-align: middle; }
table.texttable td.nostyle {  }
table.texttable th { color: #3561a2; font-size: 12px; font-weight: bold; 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 { BORDER: #c5d0e3 1px solid; BACKGROUND-COLOR: white }
table.parametertable caption { FONT-WEIGHT: bold; FONT-SIZE: 14px; text-align: center; VERTICAL-ALIGN: middle; COLOR: #1A498F;  text-transform: Capitalize; background-image:url("../img/tab/subMenuButtonBG.gif") }   /**background-color: #D4D8F1; **/
table.parametertable td { color: #1A498F;  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-WEIGHT: normal; FONT-SIZE: 12px; text-align: left; VERTICAL-ALIGN: middle; COLOR: #1A498F; background-color: #D4D8F1;  }
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; }

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;}

table.pricetable { }
table.pricetable caption { FONT-WEIGHT: bold; FONT-SIZE: 14px; text-align: center; VERTICAL-ALIGN:middle; COLOR: #1A498F;  text-transform: Capitalize; }
table.pricetable td { color: #1A498F; font-size: 14px; text-align: left; vertical-align: middle; height:22px}
table.pricetable th { color: #1A498F; font-size: 16px; font-weight: bold; text-align: left; vertical-align: middle; }
table.pricetable th.center { text-align: center;}
table.pricetable th.right { text-align: right;}
table.pricetable td.center { text-align: center;}
table.pricetable td.r { color: #1A498F; font-size: 14px; text-align: right; vertical-align: middle; height:22px}
table.pricetable td.top { vertical-align: top;}
table.pricetable p { text-align: justify;}
table.pricetable i { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14}

table.copyrightlinks {}/* border-bottom-color:#cccccc; border-bottom-style:solid; border-bottom-width:thin;}*/
table.copyrightlinks td { color: #1A498F; font-size: 10px; text-align: center;}
table.copyrightlinks th {color: #1A498F; font-size: 10px; font-weight:normal; text-align: center; text-transform: Capitalize;}
table.copyrightlinks a {color: #1A498F; text-decoration:none; padding-left:5px; padding-right:5px;}
table.copyrightlinks a:hover {background-image: url("../img/tab/subMenuButtonBG.gif");}


table.bordertable { }
table.bordertable caption { FONT-WEIGHT: bold; FONT-SIZE: 14px; text-align: center; VERTICAL-ALIGN: middle; COLOR: #1A498F;  text-transform: Capitalize;  background-color: #D4D8F1; }
table.bordertable td { BORDER:solid #d4d8f1 2px; color: #1A498F; font-size: 12px; text-align: left; vertical-align: middle; height:22px;}
table.bordertable th { BORDER:solid #d4d8f1 2px; color: #1A498F; font-size: 12px; font-weight: bold; text-align: left; text-transform: Capitalize; vertical-align: middle;  background-color: #D4D8F1; }

label.actions { color: White; }
table.titletable { border: 3px solid #D4D8F1; }
table.titletable { padding: 3px; }
table.titletable .componenttitle    {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; color:#FFFFFF; background-color: #000066; }
table.titletable .componentactions  {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold; color:#FFFFFF; background-color: #3366CC; }
/** 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-style: 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: pointer; }
.tabs .upbartabdim { height: 30px; width: 150px; vertical-align: 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 {
    /*position: absolute;*/
    bottom: 0px;
    left: 225px;
    width: auto;
    height: 8px;
    margin-top: 50px;
    margin-bottom: 0px;
    padding: 8px;
    z-index: 55;
    visibility: visible;
    text-align:center;

    clear: both;
    border-top: 1px solid #d4d8f1;
    font-size: 10px;
    color: #cccccc;
}
/************** Message Window styles ****************/
.messageheader {
    text-align: left;
    COLOR: #1A498F;
    background-color: #D4D8F1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 40px;
}
.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.sidebox {
    width: 315px;
    border: 0;
	padding: 0;
	margin: 0; }

table.sidebox td {
    font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
    padding: 0;
	margin: 15px 10px 10px 10px;
    font-size: 14px;
    background: #F2F3FA;
    border-left: 1px solid #1A498F;
	border-right: 1px solid #1A498F;
	vertical-align: top; }

table.sidebox td.edges {
    vertical-align: top;
    font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
    padding: 0;
	margin: 15px 10px 10px 10px;
    font-size: 14px;
    background: #F2F3FA;
	border: 0; }

table.sidebox h1 {
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;    text-transform:none;
	font-size: 16px;
	color: #3561a2;
	margin: 0px 10px 6px 10px; }

table.sidebox h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #3561a2;
	margin: 15px 10px 3px 10px; }

table.sidebox h3 {
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #3561a2;
	margin: 15px 10px 3px 10px; }

table.sidebox p {
	font-size: 12px;
	color: #3561a2;
	line-height: 15px;
	margin: 10 10px 10px 10px; }

table.sidebox span.coming {
	font-size: 10px;
	line-height: 10px;
	margin: 0 10px 10px 10px;
	color: #ff0000;
	font-weight: bold; }

td.left {
	width: 315px;
	vertical-align: top; }

td.right {
	width: 315px;
	padding-left: 30px;
	vertical-align: top; }

td.center {
    width: 315px;
    vertical-align: top;
    text-align: center;
}