body 
{font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
overflow:visible;
height: 100%; 
max-height: 100%; 
font-size:9pt;
}

/* form elements */
fieldset {  width: 550px; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}
ol { FONT-SIZE:8pt ; font-family: Arial, Helvetica, sans-serif }
a {	color:#1D207D;  /*dark blue */}
input{font-size:100%;}
select{	font-size:100%}
span{	/*background-color:Red;*/}


/* Misc. Selectors */
H1 { COLOR: #000066; FONT-SIZE: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif}
H2 { COLOR: #000066; FONT-SIZE: 110%; font-weight: 200; font-family: Arial, Helvetica, sans-serif}
H3 { COLOR: #000066; font-weight: 900; font-size: 80%; font-family: Arial, Helvetica, sans-serif}
P { FONT-SIZE: 80% ; font-family: Arial, Helvetica, sans-serif}
UL { FONT-SIZE: 80% ; font-family: Arial, Helvetica, sans-serif}
li ul {  font-size: 100%}
td {  FONT-FAMILY: Arial, Helvetica, sans-serif; vertical-align:middle;}
th {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; text-transform: capitalize; color: #000000; background-color: #CCCCCC} 
textarea {  FONT-FAMILY: Arial, Helvetica, sans-serif; }

td.tddashboard { vertical-align:top;}

.editcheckbox
{
	position:relative; left:-4px;
}
.editdate
{
 width:70pt;
}


/*tabs */
.tabMiddleon  
{
	background-color:White; font-size: 90%; font-weight: bold; text-transform: capitalize; text-decoration: none; letter-spacing: 0px; line-height: 90%
	;border-right-style:dotted; border-right-width:1pt; border-right-color: Black
	; color:Lime;
	
}

/*  faded grey image background */
.tabMiddleoff   
{
	font-size: 90%; font-weight: bold; text-transform: capitalize; text-decoration: none;  letter-spacing: 0px;line-height: 100%
	; border-right-style:dotted; border-right-width:1pt; border-right-color: Black
	; background-image:    url(Images/tabgradiant.jpg); background-repeat: repeat-x
	; color: White;
}



.TabLinkBtn {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt; /* 100%;*/
    FONT-WEIGHT: normal;
    text-decoration: none;
}


/* buttons - new, delete, save, close, etc */
.LinkBtn {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size:90%;
    FONT-WEIGHT: normal;
    color:white;
    text-decoration: none;
	padding-left:2pt;
	padding-right:4pt;
	border-right: dotted white 1px;
	cursor:hand;
}

.LinkBtn:hover {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size:90%;
    FONT-WEIGHT: normal;
    color:#FACD2D;
    text-decoration: none;
	padding-left:2pt;
	padding-right:4pt;
	border-right: dotted white 1px;

}

.LoginBtn {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size:90%;
    FONT-WEIGHT: normal;
    text-decoration: none;
	padding-left:2pt;
	padding-right:4pt;
	border-right: dotted white 1px;
	cursor: hand;
}


/* host.aspx color bars*/
.hostFraming
{
	background-image:    url(Images/tabgradiant.jpg); background-repeat: repeat-x
}

/* table styles */
th a:link {  color: #000000}
th a:visited {  color: #000000}

.tblHdr { BACKGROUND-COLOR: #FFFFFF; COLOR: #000066; FONT-SIZE: 90% ; font-weight: bold}
.tblRowA { font-size: 80%; padding-right: 5px; padding-left: 5px; height: 18px; font-weight: normal; background-color: #E7E7E7}
.tblRowB { font-size: 80%; padding-right: 5px; padding-left: 5px; height: 18px; font-weight: normal; background-color: #FFFFFF}
.tblRowHighlight { font-size: 80%; padding-right: 5px; padding-left: 5px; height: 18px; font-weight: normal; background-color: Teal} /*used on user defined form*/
.tdBottomBorder { border-bottom-style:dotted; border-bottom-width:1pt; border-bottom-color: Black; font-weight:bold }



.tblPageHdr 
{
	/*background-image:    url(Images/bluebar.jpg); background-repeat: repeat-x;*/
	background-color: #13244a
	; COLOR: white
	; FONT-SIZE: 100% 
	; font-weight: bold
	; border-style:none
	; vertical-align:middle    
	; padding:none    
}
/* BACKGROUND-COLOR: #00477F*/

/* user defined form table */
.tblUdf
{
	FONT-SIZE: 100% 
	; border-style:none
}

/*dashboard table headers */
.thSPfilter {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; text-transform: capitalize ; background-color:White
      ; text-align:left
      ; border-bottom-color: black; border-bottom-style: solid; border-bottom-width:thin
      ; padding:0px
      ; width: auto
      }
      
 .thSPfilter:hover { 	cursor:hand;      }    

 .tdTotalblack {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold
      ; text-transform: capitalize ; background-color:White
      ; border-top-color: black; border-top-style: solid; border-top-width:thin
      ; text-align:left
      ; padding-left: 3px
      }
 .tdDblTotalblack {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold
      ; text-transform: capitalize ; background-color:White
      ; border-top-color: black; border-top-style: double; border-top-width:thin
      ; text-align:left
      ; padding-left: 3px
      }
.thSPblackNum {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; text-transform: capitalize ; background-color:White
      ; border-bottom-color: black; border-bottom-style: solid; border-bottom-width:thin
      ; text-align:right
      ; padding-left: 3px
      }       
.thSPblack {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold
      ; text-transform: capitalize ; background-color:White
      ; border-bottom-color: black; border-bottom-style: solid; border-bottom-width:thin
      ; text-align:left
      ; padding-left: 3px
      }
.thSPblackTop {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold
      ; text-transform: capitalize ; background-color:White
      ; border-bottom-color: black; border-bottom-style: solid; border-bottom-width:thin
      ; text-align:left
      ; padding-left: 3px
      }      
.thSPblackBottom {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold
      ; text-transform: capitalize ; background-color:White
      ; border-bottom-color: black; border-bottom-style: solid; border-bottom-width:thin
      ; text-align:left
      ; padding-left: 3px
      ; vertical-align:bottom;
      }      
.thSPblackVertical {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold
      ; text-transform: capitalize ; background-color:White
      ; border-top-color: black; border-top-style: solid; border-top-width:thin
      ; padding-left: 3px
      ; writing-mode:tb-rl
      ; filter: flipv fliph;  
      }
.thSPgreen {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; text-transform: capitalize ; background-color:White
      ; border-bottom-color: #629632; border-bottom-style: solid; border-bottom-width:thin
      ; text-align:left
      ; padding-left: 2pt
      }
.thSPyellow {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; text-transform: capitalize ;  background-color:White
      ; border-bottom-color: #FFC125; border-bottom-style: solid; border-bottom-width:thin
      ; text-align:left
      }
.thSPred {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; text-transform: capitalize ;  background-color:White
      ; border-bottom-color: #B22222; border-bottom-style: solid; border-bottom-width:thin
      ; text-align:left
      }      
.tblCaption { text-align:left; font-size:10pt; font-weight:bold; vertical-align:top;}
.tdDashboardHdr  
{
	border-bottom-style:dotted
	 ; border-bottom-width:1pt
	 ; border-bottom-color: Black
	 ; font-weight:bold 
	 ; font-family: Calibri
	 ; font-size: 11pt
	 ; font-weight: bold
	 
}
/* Sortable tables */
table.sortable th {
    cursor: hand;
}
table.xsltbl th {
    cursor: hand;
}




/*dashboard icons */
.dashboardIcon
{
	height:10pt;
	border-style:none;
}

/* colors */
.SPblue {background-color:#003EFF;}
.SPgold {background-color:#FFA812;}
.SPgreen{background-color:#629632;}  /*current*/
.SPyellow{background-color:#FFC125;} /*pending*/
.SPred {background-color:#B22222;}   /*expired*/

/* foreground colors */
.colorSPblue { color:#003EFF; cursor:hand;}
.colorSPgold {color:#FFA812; cursor:hand;}
.colorSPgreen{color:#629632; cursor:hand;}  /*current*/
.colorSPyellow{color:#FFC125; cursor:hand;} /*pending*/
.colorSPred {color:#B22222; cursor:hand;}   /*expired*/
.colorSPblack {color:black; cursor:hand;}   /*expired*/


/*current  #629632 */
/*pending  #FFC125 */
/*expired  #B22222 */
/* tans f6ebb9  f5e698 */    

/* other stuff */
.scrolling {height:450pt; OVERFLOW: scroll;}
.NextPrev {cursor:hand; text-decoration:underline; }
.NextPrevWhite {cursor:hand; text-decoration:underline; color:White; }
.hidden {display:none}

.Hdr 
{
	color:#1D207D; 
	font-size:10pt;
   	font-family: Arial, Helvetica, sans-serif;
}
.btn {width:50pt;}
.Note {font-size:8pt}
.reqd {color:Red;}
.msg {color:Red;}


/* locations */
.Loc  {color:#00477F; font-weight:bold;}
.Loc1 {color:#00477F; font-weight:bold;}
.Loc2 {color:#4C88BE; font-weight:bold;}
.Loc3 {color:#8DC3E9; font-weight:bold;}
.Loc4 {color:#47697E; font-weight:bold;}
.Loc5 {color:#688B9A; font-weight:bold;}



/* field label - put all data field labels in this class */
.FldLbl{font-size:100%; vertical-align:middle; text-align: left; }
.FldLblTop{font-size:100%; vertical-align:top; text-align: left; }

/* popup menus */
.popupDiv 
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	overflow: auto;
	height: 100%; 
	max-height: 100%; 
	font-size:8pt;
	padding:2pt;
	border-bottom: dotted #1D207D 1px;
	border-right: dotted #1D207D 1px;
	border-left: dotted #1D207D 1px;
	background-color:white;
	text-align:left;
	cursor:hand;
}

/* popup menus hoverExtender  if do display:none to hide on load, IE shows way below where it should the second time the mouse goes over */
.popupDiv100 
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	overflow: auto;
	height: 100; 
	max-height: 100%; 
	font-size:8pt;
	padding:2pt;
	border-bottom: dotted #1D207D 1px;
	border-right: dotted #1D207D 1px;
	border-left: dotted #1D207D 1px;
	background-color:white;
	text-align:left;
	cursor:hand; 
	width:93px;
}

/* popup menus hoverExtender  if do display:none to hide on load, IE shows way below where it should the second time the mouse goes over */
.popupDiv300 
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	overflow: auto;
	height: 50%; 
	max-height: 100%; 
	font-size:8pt;
	padding:2pt;
	border-bottom: dotted #1D207D 1px;
	border-right: dotted #1D207D 1px;
	border-left: dotted #1D207D 1px;
	background-color:white;
	text-align:left;
	cursor:hand; 
	width:93px;
}

/* popup menus hoverExtender   display:none to hide on load*/
.popupDivNotes
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	overflow: auto;
	height: 100; 
	max-height: 100%; 
	font-size:8pt;
	padding:2pt;
	border-bottom: dotted #1D207D 1px;
	border-right: dotted #1D207D 1px;
	border-left: dotted #1D207D 1px;
	background-color:white;
	text-align:left;
	cursor:hand; 
	width:300px;

}

.popupDivFullBorder
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	font-size:8pt;
	padding:2pt;
	border: solid #1D207D 1px;
	background-color:white;
	text-align:left;
	overflow:auto;
	cursor:hand;
}

.popupDivFullBorderProfile
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	overflow: hidden;
	height: 100px; 
	max-height: 100%; 
	font-size:8pt;
	padding:2pt;
	border: solid #1D207D 1px;
	background-color: White;
	text-align:left;
	overflow:auto;
	cursor:hand;
    width: 80pt;
    display:none;
}

.popupDivFullBorderMenu
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	overflow: hidden;
	height: 250px; 
	max-height: 100%; 
	font-size:8pt;
	padding:2pt;
	border: solid #1D207D 1px;
	background-color: White;
	text-align:left;
	overflow:auto;
	cursor:hand;
    width: 100pt;
    display:none;
}


.QuickLink {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT:bold;
    COLOR:#1D207D;
    cursor:hand;
    text-align:left;
    text-decoration:none;
}

.QuickLinkWhite {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT:bold;
    COLOR:White;
    cursor:hand;
    text-align:left;
    text-decoration:none;

}

.QuickLinkItem {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT:normal;
    COLOR:#1D207D;
	font-size:8pt;  /*xx-small;*/
	text-decoration:none;
	width:100%;
	vertical-align:top;
}
.QuickLinkItem:hover { COLOR: #009; TEXT-DECORATION: none; background-color:#FFCC33; }


.QuickLinkItemHdr {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT:bold;
    COLOR:#1D207D;
	font-size:8pt; /*xx-small;*/
	width:100%;

}

.QuickLinkItemHdr:hover { COLOR: #009; TEXT-DECORATION: none; background-color:#FFCC33;
}

.QuickLinkItemSmall {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT:normal;
    COLOR:#1D207D;
	font-size:6pt;  /*xx-small;*/
	text-decoration:none;
	width:100%;
	vertical-align:top;
}
.QuickLinkItemSmall:hover { COLOR: #009; TEXT-DECORATION: none; background-color:#FFCC33; }

/* end popup menus */



/*privacy stmt */
.PrivStmt {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT:bold;
    COLOR:Black;
    cursor:hand;
    text-align:left;
    text-decoration:none;
}

/* search results output */
.scope{}
.numrecs{}

/*icons*/
.magnifyicon
{
	height:16pt;
}



/* popup filter window */
.filterHdr {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT:bold;
    COLOR:#1D207D;
    text-align:left;
}
.filterText {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
}
.filterBtn {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    width:50pt;
}

.filterWin
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 2;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	font-size:8pt;
	padding:2pt;
	border: solid #1D207D 1px;
	background-color:white;
}

.filterBackground  
{
	background-color:#FACD2D; font-size: 8pt; font-weight: normal; text-transform: capitalize; text-decoration: none;  letter-spacing: 0px
	; line-height: 100%
	; border-right-style:dotted; border-right-width:1pt; border-right-color: Black
	; background-image:    url(Images/filtergradiant.gif); background-repeat: repeat-x

}

.sorticon
{
	height:5pt;
}

.cal
{
	position:absolute; z-index:99; background-color:White;
}

.sortCol {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal;
    text-decoration: none;
    vertical-align: middle;
}

.header {
	background:url(images/header-bg.jpg) repeat-x;
	height:81px;
	position: relative;
}

.loginText
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 100%;
    letter-spacing: 2px;
    text-transform: uppercase; 
}

.config
{
    position: absolute; left: 20; top: 20; z-index: 1; visibility:visible;
     border-style:solid; border-width: medium; border-color:black;
     background-color: ActiveBorder;
}

.tooltip
{
    position: absolute; left: 20; top: 20; z-index: 1; visibility:visible;
     border-style:solid; border-width: thin; border-color:black;
     background-color: white;
}

.tblOutline
{
    border-left: solid 1pt #B22222
    ; border-right: solid 1pt #B22222
    ; border-top: solid 1pt #B22222
    ; border-bottom: solid 1pt #B22222
}


.link
{
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}


.suggestion_list 
{
	background: white;
	border: 0px solid; 
	width: 255px;
} 

.suggestion_list ul 
{ 
	padding: 0; 
	margin: 0; 
	list-style-type: none; 
	border: 1px solid; 
} 

.suggestion_list ul li
{ 
	border-bottom: 1px solid; 
	border-color: #CCCCCC;
} 

.suggestion_list a 
{ 
	text-decoration: none; 
	color: navy; 
} 

.suggestion_list .selected 
{ 
	background: navy; 
	color: white; 
} 

.suggestion_list .selected a 
{ 
	color: white; 
} 

#autosuggest 
{ 
	display: none; 
	height:1px;
	font-family: Arial, Times New Roman, Sans-Serif;
	font-size: 11px;
}    

.acRoot
{
    text-align: left;
    cursor: default;
    list-style: none;
    padding: 0px;
    margin: 0px;
    border: 1px solid buttonshadow;
    background: white;
    color: WindowText;
}

.acLi
{
    padding: 0px;
    text-align: left;
    border-bottom: 1px solid #E2E2E2;
    text-overflow: ellipsis;
}

.acTable
{
    border-color: #E2E2E2;
    padding: 0px;
}

.acRow
{
}

.acHeaderCell
{
}

.acDataCell
{
}

.acGreen
{
    background: white;
    /*background: RGB(198,239,206);
    color: RGB(0, 97, 0); */
}

.acYellow
{
    background: RGB(255,235,156);
    color: RGB(156, 101, 0);
}

.acRed
{
    background: RGB(255,199,206);
    color: RGB(156, 0, 6);
}

.acHighlight
{
    background: highlight;
    color: highlighttext;
}