/*-------------impromptu---------- */
.jqifade{ position: absolute; background-color: #aaaaaa; }
div.jqi{ width: 400px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
div.jqi .jqicontainer{ font-weight: bold; }
div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: #2F6073; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi button:hover{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton{ background-color: #BF5E26; }
.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }
/*-------------------------------- */


.subPaneHeader
{
	font-size:14px;
	font-family: Arial,Verdana , Helvetica, sans-serif;
	font-weight: normal;
	color:#000000;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px 1px; 
	vertical-align: middle;	
	background-color:#FFFFFF;
}

body {
	margin: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}

body.popup
{
	margin: 0px 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}

.datazone 
{
   font-size: 11px;
}

.welcome
{
/*Welcome text ("Welcome Username") presented to user before/after login*/
	color: #444444;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}

.welcomeMessage
{
/*Welcome message presented to user before/after login*/	
	font-size: 11px;
	padding-left: 20px;
}

.posseerror  
{
	color: #630000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 12px; 
	padding: 2px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

input.hiddenSubmit 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	text-decoration: none;
	color:ButtonFace;
	background-color:Transparent;
	border-style: none;
	width:1px;
}

table.hiddenSubmit 
{
	/*forces tabs to stay in line rather than stacking ontop of each other*/
	display: inline;
}

input.date {
	width: 7em;
}

input.readonly {
	background-color: #EBEFE4;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #7F9DB9;
	height: 19px;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #00509A;
}

a:hover {
	color:#FF6B09;
}

a.rowmenu:hover {
	color: #FF6B09;
}

a.button:hover {
	color: #FF6B09;
	text-decoration: none;
}

a.button {
	text-decoration: none;
	color: #00509A;
}

a.boldButton {
	text-decoration: none;
	color: #00509A;
	font-weight: bold;
	white-space: nowrap;
}

td.boldButton
{
	background-image:url(../Images/button_middle.gif);
}

a.boldButton:hover {
	color: #FF6B09;
	text-decoration: none;
	font-weight: bold;	
}

.boldButtonDisabled 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #C0C0C0;
	text-decoration: none;
	font-weight: bold;	
}

a.button:visited {
	text-decoration: none;
}

a.button:active {
	text-decoration: none;
}

a.footerLink 
{
	color: #000000;
}

.menuheader
{
	color: #00509A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:2 3 2 3;
}

a.menuheader
{
	text-decoration: underline;
}

.menutext
{
	color: #00509A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.plain
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	padding-top: 1px;
	padding-bottom: 1px;
}

table.bottomFunctionBand
{
	padding: 0 0 0 0;
	width: 100%;	
}

.version
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	padding-top: 1px;
	padding-bottom: 1px;	
}

.tabnormal 
{
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: bottom;
	text-align: center;
	padding: 0px 0px 3px 0px;    
	border-top-width: 1px;
	border-top-color: #9D9B9B;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9D9B9B;
	border-bottom-style: solid;
}

.tabnormalred
{
	color: #EEEEEE;
	background-color: #EE0505;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: bottom;
	text-align: center;
	padding: 0px 0px 3px 0px;    
	border-top-width: 1px;
	border-top-color: #9D9B9B;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9D9B9B;
	border-bottom-style: solid;
}

.tabnormalyellow
{
	background-color: #EEEE05;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: bottom;
	text-align: center;
	padding: 0px 0px 3px 0px;    
	border-top-width: 1px;
	border-top-color: #9D9B9B;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9D9B9B;
	border-bottom-style: solid;
}

.tabRowFiller{
	border-bottom-width: 1px;
	border-bottom-color: #9D9B9B;
	border-bottom-style: solid;
}

.tabselect
{
	color:#444444;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: bottom;
	text-align: center;
	padding: 0px 0px 3px 0px;
	border-top-width: 1px;
	border-top-color: #9D9B9B;
	border-top-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #9D9B9B;
	border-bottom-style: solid;
}

.tabselectred
{
	color: #EEEEEE;
	background-color: #EE0505;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: bottom;
	text-align: center;
	padding: 0px 0px 3px 0px;
	border-top-width: 1px;
	border-top-color: #9D9B9B;
	border-top-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #9D9B9B;
	border-bottom-style: solid;
}

.tabselectyellow
{
	color:#444444;
	background-color: #EEEE05;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: bottom;
	text-align: center;
	padding: 0px 0px 3px 0px;
	border-top-width: 1px;
	border-top-color: #9D9B9B;
	border-top-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #9D9B9B;
	border-bottom-style: solid;
}

table.tab 
{
	/* forces tabs to stay in line rather than stacking ontop of each other */
	margin: 1 0 1 0;
	display: inline;
}

.tabtextx 
{
	color:#CCCCCC;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: bottom;
	text-align: center;
	padding: 0px 0px 3px 0px;    
	border-top-width: 1px;
	border-top-color: #9D9B9B;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9D9B9B;
	border-bottom-style: solid;
}

.tableCell{
/**/
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 2px; 
	vertical-align: middle;
}

.tableCellMultiLine
{
/**/
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 2px; 
	vertical-align: top;
}

.ReportPane {
  height: 600px;
  width: 100%;
}

.possebold 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.PosseLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.PosseRequired
{
/*
This is the mandatory label class
*/
	color: #F60000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

.PosseRequiredTableCell
{
	color: #F60000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	vertical-align: top;
}

.helptext
{
/*
This is the helptext label class
*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #6f6f6f;
	padding-top: 1px;
	padding-bottom: 1px;
}

.boxtext
{
    /*class to put an organge box around some text.  
      Best if placed in a div: <div class="boxtext"> </div>*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    background-color: #E6A970;  
    border: 1px solid #DC8334;
	padding: 15px 10px;
    margin: 10px;   
}

th.possebold
{
/*
Due to the fact that TH tags and spans are assigned the cssClass that you can assign
the label in stage, we need this class to strip the image from the th so that it only
shows up once (in the span)
*/	
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align:top;	
	padding-left: 12px;
	background-image: none;
}

.posseboldMultiLine
{
/*
For two line labels we must turn off the image background for the span and enable it
for the TH tag, set this in config (cssClass property)
*/
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align:top;	
	padding-left: 0px;
	background-image: none;
}

th.posseboldMultiLine
{
/*
*/	
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/asterisk.gif);
	margin-left: -1em; /*hack to keep image to left of text*/
	padding-left: 12px;
	font-weight: normal;
	font-size: 11px;
}

th.possedetail
{
/*
This is the non-mandatory label class
*/
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align:top;	
	padding-left: 12px;
}

.possedetail  
{ 
/*
This is the class applied to the spans that are inside the td
*/
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
}


/* Because IE does not allow know the child ('>') selector, we would like to do
  .datazone > table.possedetail {width: 100%;}
but instead we have to do the following two elements. */
/*.datazone table.possedetail
{
	width: 100%;
}

.datazone table.possedetail table.possedetail
{
	width: auto;
}*/

td.possedetail  
{ 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
}

.possegrid
{
/*
Span surrounding items in a grid
*/
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 	
}

table.possegrid
{
	empty-cells: show;
	width: 100%;
}

td.possegrid    
{
/*
Grid details
*/
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 2px; 
	vertical-align: middle;
}

th.possegrid
{
/*
Grid header rows
*/
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 2px; 
	vertical-align: bottom;
	color: #444444;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

img.possegrid
{
	border-bottom: 0px;
}

.tableRowColor{
/*general row color*/
	background-color:#EEEEEE;
}

.tableFooter{
/**/
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 2px; 
	vertical-align: middle;	
}

.titleHeader
{
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 2px; 
	vertical-align: middle;	
	background-color:#FFFFFF;
	color:#000000;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menupaneheader
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
}

.title
{
/*Applied to font/text for Page Titles*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.sectionTitleText
{
/**/
	background-color: #EEEEEE;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
}

td.sectionTitleLink
{
	text-align:right;
}

.sectionTitleLink{
	/**/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00509A;
	background-color:#EEEEEE;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 2px;	
	text-align:right;
}

.headerText{
/**/
	color: #444444;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.headerLinkText{
/*Used for links in grey headers (i.e. Add new group)*/
	color: #00509A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}

.pageTable{
	width: 780px;
}

.spacer
{
	height:5px;
}

.banner
{
	/*background-image:url(../images/ita_header_repeat.gif);*/
}

.menuRowColor
{
	background-color:#DDDDDD;
}

.posseband_1
{
	background-color:#FFFFFF;
}

.posseband_2
{
	background-color:#EEEEEE;
}

.invisible
{
	visibility: hidden;
}
.toDoListBold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

}

.loginMiddleColumn
{
    padding: 3px 20px;
    width: 130px;
}

.PosseSubHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  color: #00509A;
  font-weight: bold;
}

.PosseMinorHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #00509A;
  font-weight: bold;
}

.FoundationFail
{
    font-size:smaller;
    background-color:  #FFA07A; /*LightSalmon*/
}
.FoundationFail ol
{
  padding-bottom: 10px;
}
.FoundationFail li 
{
  font-size:smaller;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom:2px;
}
.FoundationFail span
{
  font-size:smaller;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom:2px;
}
.FoundationPartialFail
{
    font-size:smaller;
    background-color: #FFFFE0; /*LightYellow*/
}
.FoundationPartialFail ol
{
  padding-bottom: 10px;
}
.FoundationPartialFail li 
{
  font-size:smaller;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom:2px;
}
.FoundationPartialFail span
{
  font-size:smaller;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom:2px;
}
.FoundationPass
{
    font-size:smaller;
    background-color:  #ADD8E6; /*LightBlue*/
}
.FoundationPass ol
{
  padding-bottom: 10px;
}
.FoundationPass li 
{
  font-size:smaller;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom:2px;
}
.FoundationPass span
{
  font-size:smaller;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom:2px;
}