/* ==============================================================
MBD COLORS
#7f561b - darker brownish 
#ede0c0 - beige-y background color
#a49400 - goldish-greenish color
============================================================== */


/* ==============================================================
   GENERAL DEFINITIONS:
   ============================================================== */

html
{
	min-height: 100%;
	margin: 0;
}

body
{
	padding: 0;
	background-color: #ede0c0; /* MBD BG color */
	/*margin: 0;*/
	height: 100%;
}

a:link	{ color: Blue; text-decoration: none; }		/* Unvisited */
a:visited { color: #800080; text-decoration: none; }	 /* Previously visited */
a:hover   { color: Blue;  text-decoration: underline; }  /* Mouse over */

input,
select,
button
{
	font-family: Verdana,sans-serif;
	font-size: 8pt;	
	text-align: left;
	line-height: 9pt;
	border: 1px solid #A9B3C2;  /* JobTracker medium grey */
	z-index:1;
}

div, p
{
	font-family: Verdana,sans-serif;
	font-size: 8pt;
}

.ActionImgButton  /* Used for <img> "buttons"  */
{
	margin-right: 5px;
}

.ActionButton  /* Used for real buttons to make them match Marina's image buttons (except they won't have her hover images) when running under XP */
{
	margin-right: 5px;
	font-family: Verdana,sans-serif;
	font-size: 8pt;
	line-height: 8pt;
	font-weight: bold;
	height: 19px;  /* Set 2px higher than real images */
	text-align: center;	
	border: 1px solid #666666;  /* JobTracker navigation text grey */	
	background: url("../../images/buttonbackground.gif") top left repeat-x;
	padding: 0 8px 0 8px;
}
* html .ActionButton { padding: 0; }  /* I.E.-specific hack */

.FloatContainer:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.FloatContainer {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.FloatContainer {display: block;}
/* End hide from IE-mac */

td.PageTitle
{
	font-family: Verdana,sans-serif;
	font-size: 18pt;
	line-height: 20pt;
	font-weight: normal;
	font-style: normal;
	color: #DC661D;  /* JobTracker orange */
	padding: 2px 0 0 0;
}

div.TitleSeparator
{
	background-color: Blue;
	background: url("../images/groove.gif") top left repeat-x; 
	margin-top: 3px;
	height: 40px;
}

#Tooltip
{
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid black;
	background-color: #FFFFE1; /* Windows tooltip color */
	padding: 1px 3px 2px 3px;
	font-family: Tahoma,Verdana,sans-serif;
	font-size: 8pt;
	line-height: 10pt;
	visibility: hidden;
	z-index: 10000;
}
* html #Tooltip { white-space: nowrap; }  /* I.E. hack: Force single-line or tooltip window will visibly resize as it's fading in. */

#BehindTooltip
{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	z-index: 9999;
}

.MainContentDiv
{
	width:1020px;
	height:100%;
}


/* ==============================================================
   FILTER STYLES:
   ============================================================== */


#FilterRegion
{
	width: 100%;
}
html[xmlns]	#FilterRegion { margin-top: 15px; }  /* Mozilla-only setting */

.FilterBox
{

	width: 100px;
}

#FilterRegion .Title
{
	height: 21px;
	padding: 0px 0 2px 0;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
	color: #7f561b;  /* MBD BG Tan */
	font-weight: bold;
	display: block;
	background: url("../images/groove.gif") bottom left repeat-x; 
}

.FilterContainer
{
	width: 100%;
	font-family: Verdana,sans-serif;
	background: url("../images/groove.gif") bottom left repeat-x; 
	background-color: #CDD1D7;  /* JobTracker filter-panel grey */
	font-size: 8pt;	
	margin: 0 0 30px 0;
}

.FilterSubpanel
{
	float: left;
	border-right: 1px solid White;
	padding: 6px 11px 0 11px;
}

.Last
{
	border-right: none;
}

.ProjectFilter
{
	width: 70px;
}

.FilterContainer input
{
	height: 14px;
	padding: 2px;
	border: 1px solid #7f561b;  /* MBD BG Tan */
}

.FilterContainer input.FilterButton
{
	width: 45px;
	height: 19px;
	padding: 0;
	margin-bottom: 6px;
}

.FilterContainer select
{
	height: 18px;
	padding: 1px;
	line-height: 9px;
	border: 1px solid #7f561b;  /* MBD BG Tan */
}

.FilterContainer .Label
{
	margin-bottom: 2px;
}

.FilterContainer .Float
{
	float: left;
	margin-right: 8px;
	margin-bottom: 11px;
}

.FilterContainer .Clear
{
	clear: both;
	margin-bottom: 11px;
}

#FilterRegion .ActionButton
{
	width: 60px;
	margin-bottom: 10px;
	height: 24px;
}


/* LEFT NAVIGATION */

.Logo
{
	margin-top: 10px;
	margin-left: 6px;
}


/* LEFT NAVIGATION */

.LogoCell 
{
	
	 width: 199px;  /* LeftNavContainer width + 13 px */ 
	padding: 0 0 5px 0px;
}

.UserInfo
{
	border-top: 2px solid #333333;  /* JobTracker charcoal */
	background-color: #7f561b;  /* MBD BG Tan */
	color: White;
	font-family: Verdana,sans-serif;
	font-size: 9pt;
	line-height: 9pt;
	padding: 5px 14px;
	height: 17px;
}

span.ShowHideButtonRegion
{
	 padding: 0px 0px 0px 200px;
	  
	 
}



html[xmlns]	.UserInfo { height: 31px; }  /* Mozilla-only setting */

.UserInfo .UserName
{
	font-weight: bold;
}

.UserInfo .UserFact
{
	font-weight: normal;
	font-size: 8pt;
	border-left: 1px solid white;
	margin-left: 14px;
	padding-left: 14px;
	margin-top: -10px;
}

.StatusPanel
{
	height: 25px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-top: 4px;
	
	
	text-align: left;
	font-family: Verdana,sans-serif;
	font-size: 9pt;
	line-height: 10pt;
	color: #333333;  /* JobTracker charcoal */
	background-color: #ede0c0;  /* MBD body background color */
}

.DateTime
{
	text-align: left;
	font-family: Verdana,sans-serif;
	font-size: 9pt;
	color: #333333;  /* JobTracker charcoal */
	background-color: #ede0c0;  /* MBD body background color */
	padding-left:22px;
	height: 37px;
}

.StatusPanel ul
{
	float: right;
	margin: 0;
}

.TopSpacer
{
height:10px;
}
.StatusPanel ul li
{
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0 0 0 8px;
	float: left;
	border-left: 1px solid #333333;  /* JobTracker charcoal */
	font-size: 9pt;
}

.StatusPanel ul li:first-child
{
	border-left: none;
}

.StatusPanel a
{
	color: #333333;  /* JobTracker charcoal */	
	text-decoration: none;
}

.StatusPanel a:hover
{
	text-decoration: underline;
}


/* LEFT NAVIGATION */

#ShowLeftNavButton
{
	position: absolute;
	top: 53px;
	left: 22px;
}

#LeftNavContainer
{
	width: 165px;  /* Must keep synchronized with .left of #ContentArea  */
	padding: 10px 5px 3px 0px;
}

#LeftNavContainer .navGroup
{
	font-family: Verdana,sans-serif;
	font-size: 9pt;
	font-weight: bold;	
	color: #7f561b;  /* MBD standard brown text*/	
	border-top: 2px solid #a49400;  /* MBD goldish/green*/
	text-indent: 3px;
	padding: 4px 3px 4px 3px;
}

#LeftNavContainer .navGroup
{
	font-family: Verdana,sans-serif;
	font-size: 9pt;
	font-weight: bold;	
	color: #7f561b;  /* MBD standard brown text*/	
	border-top: 2px solid #a49400;  /* MBD goldish/green*/
	text-indent: 3px;
	padding: 4px 3px 4px 3px;
}

div.SummaryStatus
{
	font-family: Verdana,sans-serif;
	font-size: 9pt;
	font-weight: bold;	
	color: #7f561b;  /* MBD standard brown text*/	
	text-indent: 3px;
	padding: 4px 3px 4px 3px;
}

#LeftNavContainer .LeftNavSpacer
{
	display: block;
	height: 5px;
	font-size: 1px;
}

#LeftNavContainer .navGroup a
{
	display: block;
	border-top: 1px solid #ede0c0;  /* MBD body background color */
	font-weight: normal;
	text-decoration: none;
	color: #7f561b;  /* MBD standard brown text */
	padding: 4px 9px 5px 0px;
	text-indent: 4px;
}

#LeftNavContainer .navGroup a:focus
{
	outline: 1px solid #A9B3C2;  /* JobTracker medium grey */
}

#LeftNavContainer .navGroup a.navLinkItemSelected
{
	color: White;
	background-color: #7f561b;  /* MBD BG Tan */
}


#LeftNavContainer .navGroup a:hover
{
	background-color: #ede0c0;  /* MBD body background color */
	text-decoration: underline;
	cursor: pointer;	  /* Pointer and Hand type for CrossBrowser compatibility */
	cursor: hand;
}


/* BODY AREA */
#main {
	min-height: 100%;
	position: absolute;
	top: 0;
	width:100%;
}
* html #main {
	height: 100%;
	width:100%;
}
#main {
	padding-top: 50px; /* the height of the footer */
	margin-top: -50px; /* the height of the footer */
	min-height: 100%;
	position: absolute;
	top: 0;
}

#content {
	/*padding-bottom: 50px; */
	background-color: #ede0c0;  /* MBD body background color */
	padding-bottom: 50px; /* the height of the footer */
	vertical-align: top;
	width:100%;
}

TD.ContentArea
{
	width:100%;
	vertical-align: top;
}

.centered
{
	text-align: center;	
}


/* FOOTER */
#footer 
{
	width: 100%;
	height: 45px;
	position: absolute;
	bottom: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #7f561b;  /* MBD BG Tan */
	text-align: center;	
	border: none;
	border-top: 2px solid #333333;  /* JobTracker charcoal */	
	border-bottom: 2px solid #333333;  /* JobTracker charcoal */	
}

#footer p
{
	margin: 4px 16px;
	height: 15px;
	background-color: #7f561b;  /* MBD BG Tan */
	color: White;
	font-family: Verdana,Tahoma,sans-serif;
	font-size: 9pt;	
	line-height: 9pt;
}

#footer tr
{
 border-bottom : 2px solid #a49400;  /* JobTracker charcoal */
 
	
}


.TopNavSpacer
{

	  color: #A9B3C2  ;	 
	  height: 2px;
	  padding:0px;
	
}

/* Open Orders  MAX HEIGHT:960*/
DIV.openOrders
{
	overflow:auto;
	width:100%;
	/*overflow-x: hidden;*/
	height:400px;
	width:770px;
}
.openOrders TABLE
{ 
	width: 100%;
	padding-right: 5px;
}
.openOrders TH
{
	position:relative;
	background:#ede0c0;
	z-index:20;
}
.hidden
{
	display:none;
}
.openOrdersHover:HOVER
{
	cursor:pointer;
}
.openOrders .Selected
{
	background:#c4b420;
}
.openOrdersTextArea
{
	width:99%;
	height:150px;
	margin-bottom:10px;
}

.icon
{
	background-color: White;
}

.icon:hover
{
	background-color: #A49400;
}

.icon:active
{
	background-color: #7F561B;
}

/* tabs */
.tabPage
{
	width:570px;
	background:#ddd0b0;
	border: 1px solid #A9B3C2;  /* JobTracker medium grey */
	border-top:none;
	margin-bottom:10px;
	clear:both;
}
.tabButtons
{
	width:572px;
	border: 0px solid #A9B3C2;  /* JobTracker medium grey */
	border-bottom:1px;
}
.tabButtons a
{
	text-decoration: underline;
	color: #333333;  /* JobTracker charcoal */	
	text-decoration: none;
	border: 1px solid #A9B3C2;  /* JobTracker medium grey */
	display:block;
	float:left;	
	margin-right:5px;
	padding:2px;
	margin-bottom:-1px;

}
.tabButtons a:hover
{
	text-decoration: underline;
}
.tabButtons A.Selected
{
	border-bottom-color: #ddd0b0;
	background-color:#ddd0b0;
}
.tabButtons A.NotSelected
{
	background-color:#e8dbbb;
	border-bottom-color: #A9B3C2;
}

/* DhtmlDialog style */
.DhtmlDialog
{
	background: #fdf0d0;
	display:none;
	border: 3px solid #A9B3C2;
	position:absolute;
	padding:10px;
	top:40%;
	left:33%;
	width:33%;
	z-index:6;
}

.DhtmlDialog INPUT 
{
	margin-bottom: 10px;
}
.DhtmlDialog SELECT
{
	margin-bottom: 10px;
}
.DhtmlDialog .title
{
	font-weight:bold;
	padding-bottom:10px;
}