﻿/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, form,td,th,fieldset, a, img, button  {
    margin: 0;
    /*padding: 0;*/
    border: 0;
    font-family: Tahoma, Arial,"Trebuchet MS",  Verdana,  Helvetica, sans-serif;
    font-size: 8pt;
}



/*  SLAOR WEB SITE THEMES */

.PageContent
{
	padding: 16px;
}

.fmeSt { border: groove darkgreen; border-width: 1px;font-family:Verdana,Arial;font-size:8pt;}

.fmeSt2 { border: groove darkgreen; border-width: 1px; background-color: efefe7;font-family:Verdana,Arial;font-size:8pt;}

/* END OF SLAOR WEB SITE THEMES */

#AppTD { padding: 0px; }

#Application
{	    
	width:100%;
	height:100%;
	/*background-image:url(Images/raterBGlight.jpg);	*/
}

#bodyCell 
{
    padding-left: 6px;
    padding-right: 6px;   
    padding-bottom: 0px;   
    vertical-align: top;
}

#contentTable {
    width: 100%;
    height: 100%;
	border: 1px solid black;	
	background-color: White;
}

#contentCell 
{    vertical-align:top;   }


h1 {
	margin:0.5em 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
    margin:0.5em 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
    margin:0.5em 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.9em;
	font-weight: bold;
}
p  {
	margin: 1em 0;
	line-height: 1.5em;
}

a {text-decoration:underline;}

a:hover {text-decoration:none;}

#wrapper
{
    position:absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	margin:0 auto;	
	text-align:left;
}
#headSpace
{
	height:16px; 
	position:relative;
}
#header{
	height:48px; 
	position:relative;
	background-repeat: repeat; 
	z-index: 1000
}
#homeContent
{
    padding: 2px 0px 0px 2px;
    position:relative;
	height:726px; 	
}

#logo{
	position:absolute;
	top:0px;
	left:0px;
	width:48px;
}

#login{
	position:absolute;
	top:0px;
	right:24px;
}

#banner
{
    position:absolute;
	top:0px;
	right: 0px;
}
#menu
{
	position:absolute;
	top:0px;
	left:152px;
}

#search
{
	position:relative;
	top:2px;
	left:2px;
}

.spell { width:20px;height:20px;cursor:pointer}

/* START OF COLUMN LAYOUT */

#columnleft
{
    width: 136px;
    float: left;
    vertical-align: top;
    height: 100%;
    
}

#columnright
{    
    padding: 0px 0px 0px 8px;
    margin-left: 140px;
    height:300px;
}


#boxleft
{
    font-size: 8pt;
    width: 320px;
    float: left;
    vertical-align: top;
    margin: 0 8px 8px 0;
    border: gray 1px solid;
    position: relative;
}

#boxleft #title
{
    background-color: #f1f7ee; /*#99cc99;*/
    font-weight:bold;
    width: 320px;
    height:20px;
    padding: 2px 0 0 6px;
    position: relative;
    
}

#boxright
{    
    width: 320px;
    float: right;
    vertical-align: top;
    border: gray 1px solid;
    margin: 0 8px 8px 0;
}

#boxright #title
{
    background-color: #f1f7ee; /*#99cc99;*/
    font-weight:bold;
    width: 320px;
    height:20px;
    padding: 2px 0 0 6px;
}

#boxright td
{
    padding: 2px 2px 2px 4px;
}
#boxleft td
{
    padding: 2px 2px 2px 4px;
}

#boxleft u
{
    padding-bottom:6px;
}



/* END OF COLUMN LAYOUT */

.txtBox {
    border:1px solid #CCCC66;
    background-color:#F7F7E8;
}

.txtBox:focus
{
    background-color: #f0f8ff;
}


/* \*/
* html #rightcolumn {
	margin-left: 0px; 
	margin-right: -500px; 
	mar\gin-right: -152px;
	padding-top:25px;
}
/* */


#footer
{
    height: 14px;
    position: relative;   
	font-size:0.8em;
	padding-left: 8px;
}

#footerLeft
{
    font-size:1em;
    height: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: right;
    padding-left: 8px;
    
    
}


#footerRight
{
     font-size:1em;
    position:absolute;
	top:0px;
	right:0px;
}


#footer a 
{
     font-size:1em;
	margin:1px 5px;
}
.btn, #btn
{
    color: black;
    cursor: pointer;
    background-color: #F7F7DE;
    font-size: 1em;
    border:#d4b06b 1px solid;
}



@media print 
{	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}		
	
	#box,#contentTable  {border-style:none !important;
		border-width:0;}

    #columnright
    {    
    padding: 0px 0px 0px 8px;
    margin-left: 0px;
    }
	#columnleft, #menu,#login,#buttonPanel,#logo,#banner {display:none;}
	
	.btn {display: none;}
	
	

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer {
		background:transparent;
	}
	#centercolumn {
		float:none;
		margin:0 1em 0 2.5em;
	}	

	#breadcrumbs {position:static;}

	#copy .container{
		margin:0;
		margin:0;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}

	#footer {		
		border-style:none !important;
		border-top:1px solid #000000;
	}
}




/* START Menu Items Style */

.MenuMain 
{   
	cursor:pointer;
	font-size:0.98em;
	font-weight:bold;
	background-color:#E7E7D6;
   
}
.StaticMenuItemStyle 
{
	color:Black;
	cursor:pointer;
	background-color:#E7E7D6;
}

.DynamicMenuStyle
{
	border:outset 1px cream;  
	background-color: #E7E7D6;
	color:Black;
	cursor:pointer;
	width: 64px;
}

.DynamicMenuItemStyle
{
	color:Black;
	background-color:White;
	cursor:pointer;
}

.DynamicHoverStyle
{
	color:Black;
	background-color:#E7E7D6;
}

/* END Menu Items Style */

.TblHdr 
{
	font-weight:bold;
	letter-spacing: 1;	
	color:black;
	background-color:#E7E7D6;	
}

.cssE {
	background-color:	#DAD4DA;	
}

.LgndEnd
{
	height: 16px;
	width:	16px;
	background-color: #DAD4DA;
}

.cssP {
	background-color: #D2F7D2;	
}

.cssI {
	background-color: tomato;	
}

.cssF {
	background-color: LightSteelBlue;	
}

 .TblFtr 
{	
	letter-spacing: 1;
	font-weight:bold;
	background-color:#C0DCC0;
}

.cltbl {
	border: 		solid #808000 1px; 	
}

.undl {
	border-bottom: solid purple 1px;
}
.dblUndl 
{	
	border-bottom: double #556B2F 3px;
}
.owrl {
	border-top: solid #C0DCC0 1px;
}

.hlBtn 
{
	border: solid #808000 1px; font-family:verdana; font-size:xx-small;
	background-color:buttonface;
	color: black;
	padding-left: 3px;
	padding-right	: 3px;		
}

HR  { height: 1px; color: purple;}

.XPinp { border: solid #808000 1px;}
.XPinpMoney { border: solid #808000 1px; font-family:verdana;text-align:right;}
.ro { border:none; font-family:verdana; }		
.roMoney { text-align:right; border:none;  }		
.btn {cursor:	hand; font-family:verdana; font-size:xx-small;}
.DelBtn {cursor:hand;font-family:verdana; width:42px;}
.XProSub { border:solid 1px #BDB76B;font-family:verdana; }		
.XProTot { border:solid 2px navy;}		

.legTitle 
{
	border: solid black 1px;	
	color:purple;
	font-family:verdana; 
	font-weight:bold;
	letter-spacing: 1;
	padding: 4px;
}

/* Styles for the Login Custom Control*/
.LGHdr {font-family:verdana; letter-spacing:1;font-weight:bold;BACKGROUND-COLOR:E7E7D6;}
.LGowrl {border-top: solid darkgreen 1px;}
.LGtbl {border: outset black 1px;font-family:verdana; } 
.LGinp {font-family:verdana; }
.LGbtn {cursor:	hand; font-family:verdana; }
/* END OF Styles for the Login Custom Control*/

HR.dash {border-style: dotted #99cc99; height:1px; }

HR { color: #99cc99; height:1px; }

.selectList { font-family:verdana; font-size:8pt;}

A.Smpl:link,A.Smpl:visited 
{
	color: white;
	text-decoration: none; 
}  
A.Smpl:active 
{
	text-decoration: underline;
	color: tomato ;
}
A.Smpl:hover {
	color: Gold;
	text-decoration: underline;
}

A.Blk:link,A.Blk:visited 
{
	color: black;
	text-decoration: none; 
}  
A.Blk:active 
{
	text-decoration: underline;
	color: Green ;
}
A.Blk:hover {
	color: Blue;
	text-decoration: underline;
}

.bullet {    color: #000000;}


.status { color:Red }

.message { color:Blue }

.boldLabel { font-weight: bold; }

/* START GRID STYLES */
.gridFirstItem {
	border-top: #696969 1px solid;
	border-left: nonel;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 1px;
}


.gridItem 
{
	border-top: #696969 1px solid;
	border-left: #696969 1px double;
    
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 1px;
}


.gridLastItem {
	border-top: #696969 1px solid;
	border-left: #696969 1px solid;
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 1px;
}



.gridHeader
{
    border-bottom: #696969 1px solid;
    font-weight: bold;
    font-size: 0.8em;
    color: coral;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

.gridLink
{
    font-weight: bold;
    font-size: 0.8em;
    color: darkslateblue;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


.gridHeader a:active {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:link {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:visited {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:hover {
	color: darkred;
	text-decoration: none;
}

/* END GRID STYLES */


.AppTbl
{
	/*BORDER: black 1px solid; */
	height:		100%; 
	width:		100%;
}


.pagebreak 
{	
	font-family: verdana;
	font-size:8pt;
	page-break-after: always;
}


.RepTable {
	font-family:verdana; 
	font-size:8pt;	
}


.RepLabel
{
	color: White;
	background-color:black;
	font-family:verdana; 
	font-size:8pt;	
	font-weight: bold;
}

.RepFtr 
{
	FONT-WEIGHT: bold; LETTER-SPACING: 1px; BACKGROUND-COLOR: white;
}

.RepSummary
{
	color: White;
	background-color:black;
	font-family:verdana; 
	font-size:8pt;	
	font-weight: bold;
}


.BlueIcon
{
	color:		white;
	background:	blue;
	font-family:verdana;
	width:		12px;	
	height:	    12px;	
	text-align:center;
}


/*  part for updating the system to a new XHTML compliant mode */

.divTR
{
    display: inline-block;
	width:100%;
	padding-bottom:2px;
	text-align:left;
}

.divTD
{
	padding:2px;
	float:left;
}

.divTDR
{
	padding:2px;
	float:right;
}

/* Header like div elements; used where Table Header would have been used */
.divHTD
{
	padding:2px;
	float:left;
    font-weight:bold;
	letter-spacing: 1;	
	color:black;
	background-color:#E7E7D6;	
}

.divHTR
{
    display: inline-block;
	width:100%;
	padding-bottom:2px;
	text-align:left;
	font-weight:bold;
	letter-spacing: 1;	
	color:black;
	background-color:#E7E7D6;	
}

.divTRBT
{
    border-top: solid #C0DCC0 1px;
    display: inline-block;
	width:100%;
	padding-bottom:2px;
	text-align:left;
}

.divTbl {
	border: 		solid #808000 1px; 	
}


table 
{
    text-align: left;
}
