/* Theme Colors
		History (brown) 	#5E412F					text in drop downs, input boxes, btns
		Black Tea (baze) 	#FCEBB6		bgColor2	sub column headings
		tweakedTurqouise 	#78C0A8		bgColor4			Menu table row borders	table borders			
		Full orange			#F07818		bgColor3	btn borders, fieldsets, 
		Joustiq Gold		#F0A830		bgColor		column headings
*/

	
body {
	font-family:Verdana, Arial, Helvetica; 
	font-size: 100%;
	font:menu;	/* get the default windows menu font */
	font-weight:400;
	/* background:silver; */
	background-color:#f2efe8;	/* ivory */
	background-repeat:no-repeat;
	
}

h1 {
	font-size: 1.5em; /* 24px / 16px  recommended by responsive design */		
}
span {
/*	font-size: .5em;  #12px / 24px  recommended by responsive design */
}


header {
	margin:auto; 
	width:100%;
	text-align:center;	
}

footer {
	margin:auto; 
	width:100%;
	text-align:center;	
}
fieldset.red {
	border-color:red;		/* Joustiq Gold */
	border-style:ridge;
	border-width:thick;
}
fieldset {
	border-color:#78C0A8;		/* Joustiq Gold */
	border-style:ridge;
	border-width:thin;
}
legend.red {
font-weight:900;
color:red;				/* Joustiq Gold */
}
fieldset.center {margin-left:auto; margin-right:auto}
legend {
font-weight:700;
color:#78C0A8;				/* Joustiq Gold */
}
.fieldset-auto-width { display: inline-block}

hr {
color:#1ca7ee;
font-weight:bolder;
}


input:focus { 
    background-color: silver;
    outline: solid 5px #78C0A8;
}
select:focus { 
    background-color: white;
    outline: solid 5px #78C0A8;	/* green */
}
textarea:focus {
	background-color: white;
    outline: solid 5px #78C0A8;
}

input[type=text] {
	border-radius:2px;
	border: 2px solid #78C0A8;		/* Full orange */
	color: #5E412F;			/* History (brown) */
	/* padding: 5px 5px; */ 
	background-color:white;
	display: inline-block;
}
input[type=submit], input[type=button] {
	border-radius:12px;
	border: 2px solid #78C0A8;		/* Full orange */
	color: #5E412F;			/* History (brown) */
	padding: 5px 5px; 
	background-color:white;
	display: inline-block;
}
input:hover{
	box-shadow: 0 12px 16px 0 rgba(0,0 ,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
select {
	border: 2px solid #78C0A8;		/* Full orange */
	color: #5E412F;			/* History (brown) */
	border-radius: 4px;
	
}
option:checked, option:hover {background-color: #F07818}

input.disabled {
	background-color: #dcdcdc;
	color:#999999;	
}

li {
list-style-position:inside;
margin:.5em 10% .5em 0;
}

ul {
list-style-type:disc;
line-height:1.5;
}

ul ul {
list-style-type:square;
}

/* popup styling */
tr.popupTitle {
background-color:#1ca7ee;
font-weight:bold;
}
tr.popupBody {
background-color:#fffbc6;
}
ul.popup{
list-style-type:square;
padding:0px;
margin-left:0px;
}

.nobr {white-space: nowrap}


form{margin:0;}

table {
	/* border-collapse:separate;	/* without this border-spacing does not work */
	/* margin-left:auto;		/* same as align=center */
	/* margin-right:auto;		/* same as align=center  using this on the webserver screws up the popup calendar*/
	/*padding:0px !important;			/* same as cellpadding - not inherited */
	border-width:1px;		/* set outside border */

	border-color:#78C0A8;	/* Full orange */
	border-style:solid;				
	border-spacing:0px !important;		/* cellspacing for tables only - inherted */
	border-collapse:collapse;

}
tbody.scrollable {
	display:block;
	overflow-y:scroll;
	overflow-x:hidden;
}
thead tr.scrollable {
	display:block;	
	position:relative;
}

table.fullHeight {height:100%;}	/* used by quick quote image menu */
table.center { margin-left:auto; margin-right:auto}
table.left {margin-right:auto;}
table.right {margin-left:auto;}
table.standard {
	padding:6px;
	margin-left:auto; 
	margin-right:auto;
	border-collapse:collapse;
	border-color: #78C0A8;	
}
/* Extra selectors needed to override the default styling */
table.tablesorter tbody tr.normal-row td {
  background: #888;
  color: #fff;
}
table.tablesorter tbody tr.alt-row td {
  background: #555;
  color: #fff;
}
table.rules td, table.rules th {
	border-style: solid;
	border-width: thin;
}

table.menu {
	border:3px solid #F0A830;
}
td.menuCategory {
	 border-bottom:none; 
	 border-color:#78C0A8;

}
td.menu {
	border-color:#78C0A8;	
}
input.menu-btn {
	border-radius:12px;
	border: 2px solid #78C0A8;		/* Full orange */
	color: #5E412F;	/* History (brown) */
	padding: 10px 10px; 
	width: 250px;
	display: inline-block;
	
}
.menu-btn:hover{
	box-shadow: 0 12px 16px 0 rgba(0,0 ,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.menu-btn:active {
	background-color:#FCEBB6;
	color:white;
}
.menuImage {
	background-color:blue;
	position:relative; 
	background:url(../images/menu_doc_image.png); 
	width:110px;	/* 110 ^ 86 */ 
	height:86px; 
	background-repeat:no-repeat;
}
.menuImage div {
	position:absolute; 
	top:0px; 
	left:0px; 
	color:black; 
	padding-left:10px;
	padding-right:10px;
}
#menu td{ width:92px }	/* menu bar in html header */
	
.capital {text-transform: capitalize;}

th, td {
border-color:#78C0A8;		
padding:5px;
border-collapse:collapse;
}


/* tabular tables with the header rows frozen */

table.tableContainer { /* table that contains other tables in cells - this is the wrapper */
	margin-left:auto;
	margin-right:auto; 
	padding:0;
	border-collapse:collapse;
	border: 1px solid #78C0A8;		/* Full orange */

}
.tableHeader {/* this is the table with the header rows */
	margin-left:0;
	padding:0; 
	border-width: 1px;
	background-color:#F0A830;		/* Joustiq Gold */ 
	border-collapse:collapse;
	color:white;
}
a.tableHeader:link, a.tableHeader:visited {
	color: white;
}

.tableHeader th {
	width:80px;
#	border: 1px solid #F07818;		/* Full orange */
	border-spacing:1;
	margin-left:0;
	padding:5;
	margin-bottom:0;
}
.overflowSpace {
	overflow:hidden; 
	overflow-x:hidden; 
	width:5px;
	#border: 1px solid #F07818;		/* Full orange */
}	
.scroll {
	height:500px; 
	overflow:scroll;
}
.tableDetail { /* this is the table with the scrollable rows */
	margin-top:0;
	margin-left:0;
	border-collapse:collapse;

}
.tableDetail td {
	border:1px solid #78C0A8;		/* Green */
	padding:5;
		
}
.tableDetail a:link {
	color:black;
	font-weight:normal;
}
tr.highlightedrow{  
	border-right: solid 1px #aaa;  
	border-bottom: solid 1px #aaa;  
	/*color: red; */ 
	background-color: #FCEBB6; 
	font-weight:bolder;  
}  

td.acct_no, th.acct_no { width:80px; text-align:center }
td.acct_id, th.acct_id { width:20px; text-align:center }
td.acct_desc, th.acct_desc { width:200px; }
td.acct_type, th.acct_type { width:50px; margin-left:auto; margin-right:auto; width=100% }
td.money_small, th.money_small {width:65px; text-align:right; white-space:nowrap}
td.money_big { width:90px; text-align:right;  white-space:nowrap }
th.money_big { width:90px;  white-space:nowrap}
td.money_ex_big { width:120px; text-align:right;  white-space:nowrap }
th.money_ex_big { width:120px;  white-space:nowrap}
tr.row_color { background-color:#FCEBB6 }

th.left {text-align:left}
th.right {text-align:right}

div.right, h1.right, h2.right, h3.right, h4.right, h5.right, h6.right, tr.right, td.right, span.right {text-align:right}
div.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, tr.center, td.center, span.center {text-align:center}
div.left, h1.left, h2.left, h3.left, h4.left, h5.left, h6.left, tr.left, td.left, span.left {text-align:left}

p.right, input.right  {text-align:right}
p.center, input.center {text-align:center}
p.left, input.left {text-align:left}

h3 span.right {text-align:right}
th a {
/*display:block;*/
color:black;
text-decoration:underline;
}

* html th a {
height:1px;
}
a.contract:link {
	background-color:#F0A830; 	/* gold brown */
	color: black;
}
a.contract:visited {
	background-color:#F0A830; 	/* gold brown */
	color: black;
}
.bgColor {		
background-color:#F0A830;  /* Jobstig Gold */
color: #FFFFFF;
}
a.bgColor:link {
text-decoration:underline;
color: #FFFFFF;		/* #5E412F History (brown) */
font-style:normal;
}
a.bgColor:visited {
text-decoration:underline;
color: #FFFFFF;		/* #5E412F History (brown) */
font-style:normal;
}

a:link{
	color: #5E412F;
	font-weight:900;
	font-style:italic;
}
a:visited {
	color:#78C0A8;
}
.noColorChg a:visited {color:#5E412F;}
a.menu:link {
text-decoration:underline;
font-style:normal;
color:#5E412F;		/* brown */
text-align:left;
}

a.selector:link {
text-decoration:none;
border-style:none;
}
/*a.selector:visited {
text-decoration:none;
border-style:none;
}*/
a.selector:active {
text-decoration:none;
border-style:none;

}
.noUnderline {text-decoration: none}

.selector {
border-style:solid;
border-color:#F07818;   /* Full Orange */
border-width:1px;
color:#5E412F;			
text-align:center;
font-size:small;	
}
.bgColor2 {
background-color:#FCEBB6;	/* Black Tea */
}
.bgColor3 {
background-color:#F07818;	/* Full Orange */
}
.bgColor4 {
background-color:#78C0A8;	/* Full Orange */	
}
.bgRed {
background-color:red;
}

div.center_all {
text-align:center;
vertical-align:middle;
}
.quote a:link, .quote a:visited {
	color: white;
}

.content {
margin-left:5px;
margin-right:5px;
}

u.doubleU, .doubleUnderline {
text-decoration:underline;
border-bottom:1px double #000;
}
.singleUnderline {
text-decoration:underline;
#border-bottom:1px double #000;
}

.estimate {
font-style:italic;
color:gray;
}

tr.estimate {
font-style:italic;
}

.fieldset {
border-right:1px solid #75736E;
border-bottom:1px solid #75736E;
border-left:1px solid #F2F0EE;
border-top:1px solid #F2F0EE;
padding:10px 3px 3px;
}
.indent {
	padding-left:50pt;
	padding-right:50pt;
}
.outer {
border-left:1px solid #75736E;
border-top:1px solid #75736E;
border-right:1px solid #F2F0EE;
border-bottom:1px solid #F2F0EE;
/* z_width:200px;*/
}

.legend {
float:left;
margin-left:15px;
margin-top:-8px;
padding-left:5px;
padding-right:5px;
font-weight:700;
background:#FFF;
}

.noDisplay { display:none  }
.noPrint { display:block }

.httpFolder {
/* behavior:url(#default#httpFolder); */
}
.error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding:1px 20px 1px 20px;
}
.home_page {
font-size:large;
font-weight:700;
}

th.homePageAdv {
border-spacing:5px;
border-style:ridge;
padding:7px;
}

.learnMore {
font-family:verdana, arial, sans-serif;
color:#c00;
text-decoration:none;
border:#c00 solid 1px;
font-size:smaller;
padding:0 2px;
}

a.learnMore:hover {
text-decoration:underline;
color:#1ca7ee;
}

.letter li {
margin:1em 0;
}

table.border {
border-color:#78C0A8;	/* tweakedTurqouise  */
border-style:solid;
border-width:thin;
}

table.noBorder,th.noBorder,td.noBorder {
!important;border-style:none;
border-width:0;

}

th.noFill {
background-color:transparent;
color:#000;
}

table.po {
border-color:#1ca7ee;
border-style:solid;
}

.small_font {
font-size:60%;
}

.subHeading {
color:maroon;
}

thead.sort {
border-left:1px solid #FFF;
background-color:#39F;
background-repeat:repeat-x;
color:#FFF;
text-align:center;
padding:.5em;
}

tbody.sort {
border-left:1px solid #FFF;
background-repeat:repeat-x;
/*color:#000;*/
/* border-color:blue; */
padding:.5em;
}

table.sortable {
border-collapse:collapse;
font-size:80%;
font-family:Arial, Helvetica, sans-serif;
/* border-color:blue;  */
}

td.fs_amt:hover {text-decoration: underline}

.fs_amt{
text-align:right;
white-space:nowrap;
color:#000;
font-style:normal;
}

td.fs_amt, td.fs_amt a:link, td.fs_amt a:visited,  th.fs_amt, th.fs_amt a:link, th.fs_amt a:visited {
width:60px;
text-decoration:none;
text-align:right;
white-space:nowrap;
font-style:normal;
color:black;
font-weight:normal;
}	

td.fs_per, th.fs_per {
text-align:center;
width:30px;
white-space:nowrap;
}



.fs_desc {
text-indent:1em;
}
.fs_sub_total_label, td.fs_sub_total_label {
	font-weight:bold;
	text-align:right;
}
.fs_sub_total {
border-bottom-style:solid;
border-bottom-color:#000;
border-bottom-width:1px;
border-top-style:solid;
border-top-color:#000;
border-top-width:1px;
text-align:right;
width:70px;

}
.fs_sub_total_single {
border-bottom-style:solid;
border-bottom-color:#000;
border-bottom-width:1px;
border-top-color:#000;
border-top-width:1px;
text-align:right;
width:70px;

}

.fs_total {
border-bottom-style:double;
border-bottom-color:#000;
border-bottom-width:3px;
text-align:right;
width:70px;
}
.fs_top_total {
border-bottom-style:double;
border-bottom-color:#000;
border-bottom-width:3px;
border-top-style:solid;
border-top-color:#000;
border-top-width:1px;
text-align:right;
width:70px;
}
.fs_top {
border-top-style:solid;
border-top-color:#000;
border-top-width:1px;
text-align:right;
width:70px;
}

.columnHeadLabel {
font-family:Arial,Verdana,Helvetica, sans-serif;
font-style:normal;
font-weight:700;
font-size:12pt;
color:#FFF;
}

.regItem {
font-family:Arial,Verdana,Helvetica, sans-serif;
font-style:normal;
font-weight:400;
font-size:10pt;
}

.noBG {
background-color:#FFF;
}

.shadedBG {
background-color:#EEE;
}

div#navBar {
font-size:medium;
font-style:italic;
font-weight:700;
text-decoration:none;
}

option,textarea {
border-color:#78C0A8;
}

/*th.a:link, th.a:visited, td.a:link, td.a:visited {
color:black;
text-decoration:underline;
}*/

.flag,.negativeNumber,.special_offer,td.warning,.warning {
color:red;
}
.lineHelp {
	font-size:small;
	color:maroon;	
}
.heading,.columnHeadBG {
background-color:#63bdb5;
background-position:center center;
text-align:center;
}
img.center {
	display:block;
	margin-left: auto;
	margin-right: auto;
	width: 50%
}
a.learnMore:link, a.learnMore:visited, div#navBar a:link, div#navBar a:visited, div#navBar a:hover, div#navBar a:active {
text-decoration:none;
color:#1ca7ee;
}

/*.fs_amt a:link,.fs_amt a:visited {
text-decoration:none;
color:#000;
}*/

/* pop up menu bar stuff */
#nav_bar, #nav_bar ul {		/* nav_bar starts in a <ul> */
    padding: 0;
    margin: 0;
    list-style: none;
}
#nav_bar a {
    display:block;		/*forces the <a> text to be displayed as a block rather than inline */
    width: auto;
    margin: 10px;
}
#nav_bar li {
    float: left;	/* makes the first <li> tags display on one line rather than downward */
    margin-right:auto; /* put a little space between each li horizontally */
    margin-top:.01em;
    margin-bottom:0.01em;
    padding:0.05em;
    
}
#nav_bar li:hover ul, #nav_bar li:active ul, #nav_bar li.sfhover ul {
    left: auto;		/* sets the left position of an element as long as the position:static is not set - auto lets the browser calc the edge*/
}
#nav_bar li > a {	/* applies to <a tags inside an li   ie <li> is parent and <a> is the child */
	width: auto;
	margin: 0.1em;
}
/*Note that you need to specify a width in the #nav li selector or else Opera will chuck a wobbly. Also remember that because we're floating things, the content underneath the dropdowns also needs to be cleared (clear: left).

We obviously need to hide the lists that we want to 'drop down' but to make things as accessible as possible we need to avoid using display: none, which, as is commonly mentioned in image replacement write-ups, hides elements from some screen readers. You might think that there are a multitude of ways to deal with this, but having exhaustedly experimented with widths, heights, margins, top and clip across a large number of browsers, the best solution (accommodating multiple level lists anyway) lies in manipulating the left property.

The CSS specs say that top, right, bottom and left values should offset an absolutely positioned box from its containing block. But unfortunately Opera decides to offset absolutely positioned boxes in relation to the page and that's why the original Suckerfish Dropdowns didn't work on Opera - because they relied on the top and left properties with explicit lengths.

So instead of display: none we use left: -999em to propel the dropdown list out of view and then left: auto (rather than left: 0) to bring it back: */


#nav_bar li ul {	/* hides the stuff to the left when not hovering for <ul> children of parent <li> */
    position: absolute;
    width: 10em;
    left: -999em;
}
#nav_bar li:hover ul, nav_bar li:active ul {	/* displays the <li> when hovering */
    left: auto;
}
#nav_bar li ul ul {
    margin: -1em 0 0 10em;
}
#nav_bar li:hover ul ul, #nav_bar li.sfhover ul ul {
    left: -999em;
}
/*Now, this rule can be contradicted so that it is displayed when the corresponding list item is hovered over by expanding on the displaying of the dropdown (which with the single level dropdown was #nav li:hover ul, #nav li.sfhover ul { left: auto; }): */


/* #nav_bar li:hover ul, #nav_bar li li:hover ul, #nav_bar li li:contact ul, #nav_bar li.sfhover ul, #nav_bar li li.sfhover ul {
    left: auto;
}*/

/* Because we can't explicitly specify the top of the absolutely positioned boxes, they will sit below the line of the hovered list item, which is why the top 
margin of the next level of lists needs to be set to -1em. But this won't pull the menus up far enough the be in line with the corresponding list item because 
by default line heights are greater than 1em (usually 1.2em), so we need to add a little something to the initial ul rule set:
*/

#nav_bar, #nav_bar ul {
    padding: 0;
    margin: 0;
    list-style: none; 
    line-height: 1;
}
/*Due to the cascading effect whereby upon the second level list being displayed, the third level list would also be revealed, we also need to explicitly hide that 
third level list (remember that we need to duplicate the :hover pseudo class with the .sfhover class):
*/

#nav_bar li:hover ul ul,  #nav_bar li.sfhover ul ul {
    left: -999em;
}

/*Now, this rule can be contradicted so that it is displayed when the corresponding list item is hovered over by expanding on the displaying of the dropdown 
(which with the single level dropdown was $nav_bar li:hover ul, $nav_bar li.sfhover ul { left: auto; }):
*/

#nav_bar li:hover ul, #nav_bar li li:hover ul, #nav_bar li li li:hover ul,#nav_bar li.sfhover ul, #nav_bar li li.sfhover ul, #nav_bar li li li.sfhover ul {
    left: auto;
}

.dragme { cursor: move }

.dropMenuDiv {
	display:none;
	
}
/* Menu bar on html header */
#menu, #menu ul { padding:0; margin:0;  list-style:none; display:inline; position:relative;}
#menu a {display:block;  width:100%; color:#5E412F;}
#menu li {float:left;  width:11em;  padding:0; margin:0;position:relative; text-align:left;}
#menu li ul {position:absolute;  width:11em; left:-999em;}
#menu li:hover ul {left:0; display:block; text-align:center; background:#FFFFCC;padding-left:0; margin:0;}	/* changed left:auto to left:0 for ie7 problem */
#menu li:hover ul li{text-align:left; list-style-position:outside; width:100%;padding:0; margin:0;}

/* following used in conjuntion with javascript to highlight cols and rows in a table */
.hlt {	/* highlighted column or row heading */
	background-color: black;
	color: #ff0;
}
.hlt-col { /* highlighted cell in column */
	background-color: #ff0;
	color: black;
}
.hlt td { /* highlighted cell in row */
	background-color: #ffo;
	color: #fff;
}
.hlt .hlt-col { /* cell highlighted by both column and row */
	border: 1px solid #f90; /* Makes cell look larger */
	background-color: #f90;
	color: #000;
}

a.calendar:link{
	color: rgb(0, 0, 90);
}
a.calendar:visited{
	color: rgb(0, 0, 90);
}
a.calendar:hover{
	color: rgb(0, 0, 90);
}
a.calendar:active{
	color: rgb(0, 0, 90);
}
.hidden { display: none;}

.uline {text-decoration: underline;} 

/*
a.morelink {
	text-decoration:none;
	outline: none;
}
.morecontent span {
	display: none;
}
.comment {
	width: 400px;
	background-color: #f0f0f0;
	margin: 10px;
}
*/