/********************************************/
/*Global Styles for GIS Renovation          */
/********************************************/

BODY {
	/*background: #F9F7F0 url("backTile.gif");*/
	FONT-FAMILY: Verdana,Arial,Helvetica;
	FONT-SIZE: 10px;
	/*scrollbar-base-color:  #FEFBEB;*/
	/*scrollbar-face-color: #FEFBEB;*/
	/*scrollbar-shadow-color: #E2E8CA;*/
	/*scrollbar-highlight-color:  #FEFBEB;*/
	/*scrollbar-3dlight-color:   #E2E8CA;*/
	/*scrollbar-darkshadow-color:  #E2E8CA;*/
	/*scrollbar-track-color: #FEFBEB;*/
	/*scrollbar-arrow-color: #E2E8CA;*/
	padding: 0;
	margin: 0;
	
	behavior:url("csshover.htc");
}

TD {
	/*I guess we need to specify it here as well for inheirentance*/
	FONT-SIZE: 10px;
	padding: 0;
	margin: 0;
}

TH {
	/*I guess we need to specify it here as well for inheirentance*/
	FONT-SIZE: 10px;
	padding: 0;
	margin: 0;
	text-align: left;
}

TEXTAREA {
	/*FONT-SIZE: 18px;*/
	/*width: 500px;*/
}

INPUT, OPTION, TEXTAREA{
	FONT-SIZE: 10px;
}

BR.page { page-break-after: always }


A, A:visited {
	color: #CC3200;
	text-decoration: none;
}

A:hover {
	color: #AA2A00;
	text-decoration: none;
}


/* Default anchor treatments in the table headers */
THEAD TH A, THEAD TH A:visited {color: #ccccff;}
THEAD TH A:hover {color: #ccccff;}

IMG {
	/* this vertical-align closes a gap so the images are tight*/
	vertical-align: top;
	border: 0;
	padding: 0;
	margin: 0;
}

P {
	margin: 0;
	/*how much space above paragraphs*/
	margin-top: 5px;
}

.title {
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
}	

.mini {
	FONT-SIZE: 4px;
}
/********************************************/

.titleBar {
	/*border: 5px solid red;*/
	border: 0;
	padding: 5px 10px;
	margin: 0;

	/* default color for titleBars */
	background: #3a3d60;
	color: #ffffff;
}

.titleBar#siteHeader {
	padding: 0;
	border: solid 0 #FCFCFC;
	border-bottom-width: 1px;

	height: 100px;

	background: #4F513C /*url("./images/blueHeader.gif")*/;
	
	/*This should be under the title class but IE5 don't like it*/
	color: #000000;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
}

.titleBar#siteHeader .title {
	color: #000000;
}

.titleBar#siteHeader IMG {
	/* this vertical-align closes a gap so the images are tight*/
	text-align: right;
	border: 5;
}

.titleBar#siteHeader IMG#rtHead {
	border: 0 solid #c0c0c0;
}

.titleBar#reportList {
	background: #9194c3;
}

.titleBar .titleContent {
	border: solid 2px;
	background: #ffffee;
}

.titleBar#reportList .titleContent#reportContent {
	padding: 5px;
	color: #000000;
	height: 150px;
}

.titleBar#reportList .titleContent#reportContent .helpBox {
	display: block;
	float: right;
}

.titleBar#clientSearch .titleContent#clientContent {
	padding: 5px;
	color: #000000;
	height: 100px;
}

/********************************************/

.titleBar#mainNav {
	background: #7A7C54;
	margin: 0;
	padding: 0 0 0 20px;
	border: solid 0 #FCFCFC;
	border-bottom-width: 1px;
	/*clear: both;*/
}

#mainNav ul {
	/*display: block;*/
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	border: solid 0 #FCFCFC;
	border-left-width: 1px;
}
	
#mainNav li {
	display: table-cell;
	float: none !important;
	/*float for IE5 Hack*/
	float: left;
	position: relative;
	margin: 0;
	padding: 5px 0px;


	width: 100px;
	text-align: center;
	/*background: url("./images/dkBlue_tab.gif") no-repeat;*/
	background: #7A7C54;

	border: solid 0 #FCFCFC;
	border-right-width: 1px;
}

#mainNav #rtAlign {
	text-align: right;
	width: 350px;
	background: #7A7C54;
	border: 0;

}

#mainNav #rtAligned {
	border: 0;
}


#mainNav #currentPage{
	background: #A6A98A;
	color: #ffffff;
}

#mainNav A, #mainNav A:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px;
}

#mainNav  #mainNav A:hover {
	background: #A6A98A;
	color: #ffffff;
	text-decoration: none;
}

.titleBar#subNav {
	background: #7A7C54;
	margin: 0;
	padding: 0 0 0 20px;
	border: solid 0 #FCFCFC;
	border-bottom-width: 1px;
	/*clear: both;*/
}

#subNav ul {
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	border: solid 0 #FCFCFC;
	border-left-width: 1px;
}
	
#subNav li {
	display: table-cell;
	float: none !important;
	/*float for IE5 Hack*/
	float: left;
	position: relative;
	margin: 0;
	padding: 5px 0px;
	/*height: 30px;*/
	width: 100px;
	text-align: center;
	/*background: url("./images/mdBlue_tab.small.gif") no-repeat;*/
	background: #A6A98A;

	border: solid 0 #FCFCFC;
	border-right-width: 1px;
}

#subNav #currentPage{
	background: #CED1C0;
	color: #ffffff;
}


#subNav A, #subNav A:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 0px;
}

#subNav  #subNav A:hover {
	background: #CED1C0;
	color: #ffffff;
	text-decoration: none;
}


/********************************************/

.mainTD {
	/* Sets the background behind the leftTable on regions page*/
	background: #ccccff;
}

.sideTD {
	/* Sets the background behind the sideTable on regions page*/
	background: #ccccff;
}

/********************************************/
/* The right sideContent (similar to the following default entireContent) */

.sideContent {
	border: 0;
	padding: 10px;
}

.sideContent TABLE {
	background: #ffffe2;
	border: 1px solid;
}

.sideContent THEAD TH, .sideContent TFOOT TH {
	padding: 2px;
	font-size: 9px;
	color: #ffffff;
	font-weight: bold;
	background: #442062;
}

.sideContent TD {
	padding: 2px;
	font-size: 9px;
	background: #ffffe2;
}

/********************************************/
/* This is the default treatment for the pages */

.entireContent {
	/* display: block; */
	/* float: right; */
	border: 0;
	
	/*IE5 Hack included*/
	/*width without padding or border*/
	#width: 780px !important;
	#width: 800px;
	#width/**/:/**/780px;
	width: 100%;

	padding: 10px;
	background: #cccccc;
}

.entireContent#leftSide {
	/*IE5 Hack included*/
	/*width without padding or border*/
	width: 480px !important;
	width: 500px;
	width/**/:/**/480x;
}

.entireContent .title {
	color: #ffffff;
}

.entireContent THEAD TH, .entireContent TFOOT TH {
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	background: #AF1809;
	color: #ffffff;
	border: 0;
}

/**********************/
/* different background for the various headers on tableBodies */
/* the region names for example */

.entireContent TBODY TH {
	padding: 2px;
	background: #999999;
	border-top: solid 2px #000000;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

.entireContent TD {
	padding: 2px;
	background: #ffffe2;
	vertical-align: top;
	#border-top: solid 1px #ffffff;
}


/**********************/
/* different border treatment for the region and ordering pages */


.entireContent TABLE#franchiseTable TD {
	border-top: solid 1px #ffffff;
}

.entireContent TABLE#orderTable TD {
	border-top: solid 3px #ffffff;
}

/**********************/
/* different treatment for interior divs on client page */

.entireContent .cReport {
	padding: 2px;
	background: #ffffe2;
}

.entireContent .cReport .dateList{
	padding: 2px;
	background: #ffffff;
}
/* USE THIS TO HIGHLIGHT ROWS: EXAMPLE USAGE: <tr class="RED" > */
tr.RED td {
	background-color: #CC9999; color: black;
}
tr.BLUE td {
	background-color: #9999CC; color: black;
}
tr.GREY td {
	background-color: #CCCCCC; color: black;
	#border-top: solid 0px #ffffff;
}




/***************************/
/*  GIS MENU               */
/***************************/

#GISmenu{
width: 100%;
}

#GISmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}

#GISmenu ul{
border: 0px solid #BBB;
width: 100%;
/*background: url(chromebg.gif) center center repeat-x; /*Theme Change here*/ 
background-color: #F8F8F8;
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: bold 12px Verdana;
}


#GISmenu ul li{
display: inline;
}


#GISmenu ul li a{
float: left;
color: #7F7F7F;
font-weight: bold;
padding: 0px 12px 0px 0px; /*This Adjust the Space around the menu and inbetween Menu Items */
text-decoration: none;
background: url(divider.gif) center right no-repeat; /*Theme Change here*/
}

#GISmenu ul li a:hover{
color: #494949;
}

#GISmenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: "v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*Theme Change here*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;

width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*Theme Change here*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #F0F0F0;
}


/***************************/
/* END GIS MENU            */
/***************************/









<!--[if gte IE 5]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
	behavior: url( IEmen.htc );
}
ul.makeMenu ul {  /* copy of above declaration without the > selector */
	display: none; position: absolute; top: 2px; left: 78px;
}
</style>
<![endif]-->