/*
###################################################################################
# Attention developers!! When adding styles please check for appropriate section, #
# if appropriate section does not exist, start new section at bottom of document. #
###################################################################################
*/
/* MozBoxSizing forces FF not to make container sizes larger when padding is added */
/********************//********************/
div, table, th, td, body,
{
-moz-box-sizing: border-box;
}
/* Header Styles */
/********************//********************/
.LearnMoreHeader
{
	font-size: 23px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 4px;
	color: #44869A;
}
.SectionHeader1
{
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 4px;
}
.SectionHeader2
{
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 4px;
}
.SectionHeader2 .header
{
	font-size: 20px;
}
.SectionHeader3
{
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 4px;
}
/* Grey Boxes with border */
/********************//********************/
div.ShadedBox
{
	background-color: #eee;
	margin: 15px 10px;
	border: 2px solid #868686;
	padding: 10px;
	-moz-box-sizing: border-box;
}
div.ShadedBox100
{
	background-color: #eee;
	margin: 0px 0px 8px;
	border: 2px solid #868686;
	padding: 8px;
	width: 100%;
	-moz-box-sizing: border-box;
}
.InformationBox
{
	color: #000;
	font-size: 13px;
	border: 1px solid #ccc;
	margin: 10px 0px;
	padding: 2px;
}
/* Grey error box's */
/********************//********************/
.ErrorInformationBox
{
	color: #ff0000;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 10px 0px;
	padding: 2px;
}
div.ErrorBox
{
	border: 2px solid #868686;
	padding: 10px;
	background-color: #eee;
	margin: 10px 0px;
}
div.WarningBox
{
	border: 2px solid #868686;
	padding: 10px;
	background-color: #FFFFCC;
	margin: 10px 0px;
}

/* Use with any tag style to get red text for error meeage */
.Warning
{
	font-weight: bold;
	color: red;
	font-size: 120%;
}
/* Grey box with greyed out text */
/********************//********************/
.ReadOnly
{
	margin: 0px;
	padding: 3px; 
	background: #eee; 
	border: 1px solid silver;
}
/* Random Styles */
/********************//********************/
.Left
{
	padding: 6px;
	float: left;
	width: 80%
}
/* General Table styles */
/********************//********************/
table.General
{
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	background-color: #ffffff;
	font-size: 15px;
	-moz-box-sizing: border-box;
}
table.General th.Normal_Wide
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #ffffcc;
	padding: 2px;
}
table.General th.Normal_Bold
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #ffffcc;
	padding: 2px;
	font-size: 80%;
}
table.General th a 
{
	font-size: 75%;
	text-align: center;  
	font-weight: normal;
	text-decoration: none;  
}
table.General th a:hover
{
	text-decoration: underline;    
}
	table.General th
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #ffffcc;
	padding: 2px;
	font-size: 14px;
}
table.General td
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px;
	text-align: left;
}
table.General td.Normal_Tab
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px 2px 2px 16px;
}
table.General td.LinkSmall 
{
	font-size: 75%;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px;
	text-align: center;  
}
table.General td.LinkSmall a
{
	text-decoration: none;    
	/* used by dynamically created links */
	cursor: pointer;
}
table.General td.LinkSmall a:hover
{
	text-decoration: underline;    
}
table.General td.Link
{
	font-size: 90%;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px;
	text-align: center;  
}
table.General td.Link a
{
	text-decoration: underline;    
}
table.General td.Link a:hover
{
	text-decoration: underline;    
}
table.General td.General_Dark
{
	background-color: #eaeaea;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}
table.General td.TextRight
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 3px;
	text-align: right;
}
table.General td.TextCenter
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 3px;
	text-align: center;
}	
table.General td.Empty
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 3px;
	text-align: center;
}
table.General td.InputCenter
{
	text-align: center;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
table.General td.InputRight
{
	text-align: right;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
table.General td.InputLeft
{
	text-align: left;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
table.General td.Number
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 3px;
	text-align: right;
}
table.General td.NumberPos
{
	color: Green;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 3px;
	text-align: right;
}
table.General td.NumberNeg
{
	color: Red;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 3px;
	text-align: right;
}
/* Used for putting a 2px grey border on right of any General table. */
table.General td.BorderDarkRight
{
	border-right: 2px solid grey;
}
table.General th.BorderDarkRight
{
	border-right: 2px solid grey;
}
/* Grean back ground with light grey text to indicated disabled. */
table.General tr.Disabled
{
	background-color: #EEFFEE;
	color:  #808080;
}
table.General tr.Disabled_WhiteBackground
{
color: Silver;
text-decoration : line-through;
}
/* tr.Up is a green background with black text */
table.General tr.Up
{
	background-color: #EEFFEE;
}
/* tr.Dowm is a red background with black text */
table.General tr.Down
{
	background-color: #FFDDDC;
}
table.General tr.Footer
{
	background-color: #EEEEEE;
}
table.General tr.FooterBold
{
	background-color: #EEEEEE;
	font-weight: bold;
}
table.General th.Footer_ThinGrey
{
	background-color: #EEEEEE;
	font-size: 4px;
}
table.General td.BorderThick_Bottom
{
	background-color: #fff;
	border-bottom:  2px solid #868686;
}	
/* Mouse rollover classes for a General table */
table.General tr.mouseOver {
	background: #FFFF99;
}
table.General tr.mouseOut {
	background: #FFF;
}

/* Project Up and Down */
/********************//********************/
td.Project_Up
{
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px;
	background-color: #DDFFCC;
	text-align: right;
}
td.Project_Down
{
	border-right:1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px;
	background-color: #FFDDDC;
	text-align: right;
}	
/* Job Detail Table Styles */
/********************//********************/
table.JobDetail
{
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
	font-size: 120%;
	-moz-box-sizing: border-box;
}
table.JobDetail th
{
	border-left: 2px solid #808080;
	border-top: 2px solid #808080;
	background-color: #ffffcc;
	padding: 7px 0px; 
	font-size: 120%;
}
table.JobDetail td.SectionHeader
{
	border-left: 2px solid #808080;
	border-top: 2px solid #808080; 
	background-color: #EEEEEE;
	font-weight: bold;
	padding: 2px 4px;
}
table.JobDetail td.Caption
{
	border-left: 2px solid #808080;
	border-top: 1px solid #C0C0C0; 
	padding: 2px 4px;
}
table.JobDetail td.Number
{
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0; 
	text-align: right;
	padding: 2px 4px;
}
table.JobDetail td.NumberPos
{
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0; 
	color: green;
	text-align: right;
	padding: 2px 4px;
}
table.JobDetail td.NumberNeg
{
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0; 
	color: red;
	text-align: right;
	padding: 2px 4px;
}
table.JobDetail td.FooterHeader
{
	border-left: 2px solid #808080;
	border-top: 2px solid #808080; 
	background-color: #DDDDEE;
	font-weight: bold;
	padding: 2px 4px;
}
table.JobDetail tr.Footer
{
	background-color: #F0F0F8;
}
table.JobDetail td.Bold
{
	font-weight: bold;
}
/* Dark table styles are a light and dark grey */
/********************//********************/
table.Dark
{
	border-top: 2px solid #eaeaea;
	border-left: 2px solid #eaeaea;
	-moz-box-sizing: border-box;
}
table.Dark th.Dark
{
	background-color: #CCCCCC;
	padding: 5px 5px;
	border-bottom: 2px solid #eaeaea;
	border-right: 2px solid #eaeaea;
}
table.Dark th.Dark_Small
{
	background-color: #CCCCCC;
	border-bottom: 2px solid #eaeaea;
	border-right: 2px solid #eaeaea;
	font-size: 12;
}
table.Dark td.Dark
{
	background-color: #DDDDDD;
	padding: 3px 0px;
	border-bottom: 2px solid #eaeaea;
	border-right: 2px solid #eaeaea;
}
td.num_thr_gry_bar
{
	background-color: #eaeaea;
	border-top: 2px solid #868686;
	border-right: 2px solid #868686;
}
/* ContactDetail */
/********************//********************/
table.ContactDetail
{
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	-moz-box-sizing: border-box;
}
table.ContactDetail th
{
	background-color: #FFFFCC;
	padding: 6px 5px;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	text-align: left;
	vertical-align: top;
}
table.ContactDetail td.Label	
{
	background-color: #FFFFCC;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding-right: 6px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
Table.ContactDetail td
{
	background-color: #fff;
	padding: 3px 6px 3px 6px;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	vertical-align: top;
}
Table.ContactDetail td.Number
{
	background-color: #fff;
	padding: 3px 0px 3px 6px;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	text-align: right;
	vertical-align: top;
}
/* buttons styles */
/********************//********************/
.ButtonBar
{
	margin: 10px 0px;
}
input.Button
{
	background-color: #bbb;
	color: #000;
	font-weight: bold;
}
input.Button_Bright
{
	background-color: #bbb;
	color: #0000ff;
	font-weight: bold;
}
input.Button_6x6
{
	background-color: #caefff;
	color: #000;
	font-weight: bold;
	padding: 1px;
	width: 160px;
	font-size: 11px;
	letter-spacing: 1px;
	border: 2px outset #666;
}
input.Button_Cancel
{
	background-color: #bbb;
	color: #a00;
	font-weight: bold;
	clear: none; 
}
input.Button_Small
{
	background-color: #ccc;
	color: #000;
	font-weight: bold;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px;
}
input.Button_Small_Bright
{
	background-color: #ccc;
	color: #0000ff;
	font-weight: bold;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px;
}
input.Button_Small_Cancel
{
	background-color: #ccc;
	color: #a00;
	font-weight: bold;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px;
}
input.Button_Small_Light
{
	background-color: #CAEFFF;
	color: #000;
	font-weight: bold;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px;
}
/* genaric link styles */
/********************//********************/
a.LinkSmall 
{
	font-size: 10px;
	padding: 2px;
}
a.LinkSmall
{
	text-decoration: none;    
}
a.LinkSmall:hover
{
	text-decoration: underline;    
}
a
{
	color: #0000ff;
}
a:visited
{
	color: #0000ff;
}
a:hover, a.Underline_None:hover
{
	color: red;
	text-decoration: underline;
}
a.Underline_None
{
	text-decoration: none;
}
/* input text styles */
/********************//********************/
input.Text 
{
	border: 1px solid #868686;
	font-family: verdana;
	padding: 1px;
	background-color: #FFFFEE;
	font-size: 13px;
}
input.TextNumber
{
	border: 1px solid #868686;
	font-family: verdana;
	padding: 1px;
	text-align: right;
	background-color: #FFFFEE;
}
input.readonly
{
	background-color: #ECE9E9;
}
input.readnormal
{
	background-color: #FFFFFF;
}
select.Text
{
	border: 1px solid #868686;
	font-family: verdana;
	padding: 1px;
	background-color: #FFFFEE;
	font-size: 13px;
}
input.Error
{
	border: 1px solid red;
}
input.InputLong
{
	width: 100%;
}
/* Text Area */
/********************//********************/
textarea.TextareaClean
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid grey;
	background-color: #ffffee;
}
textarea.readonly
{
	background-color: #ECE9E9;
}
/* Note styles */
/********************//********************/
.BigNote
{
	font-weight: bold;
	color: black;
	font-size: 120%;
}
.SmallNote
{
	font-size: 10px;
	color: grey;
}	
/*onclick styles for New*/
/********************//********************/
.ml
{
	border-top: 1px solid silver; 
	padding: 2px 2px 2px 10px; 
}
Select.Style1
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: ;
	border: 1px solid grey;
	background-color: #ffffee;
	padding: 2px;
}
/*		Span Clasess		*/
/********************//********************/
span.NumberPos
{
	color: green;
}
span.NumberNeg
{
	color: red;
}
/* Ul bullet styles */
/********************//********************/
ul.GreenSquare
{
	font-size: 15px;
	list-style: url(Bullet.png) disc;
}
ul.GreenSquare li
{
	margin: 10px;
}
ul.RedDot
{
	font-size: 15px;
	list-style: url(/Media/Main/RedDot.jpg) disc;
	font-size: 12px;
}
ul.RedDot li
{
	margin-left: -12px;
}
/* Tab Handler styles */
/********************//********************/
div.TabHandler 
{
}
div.TabHandler div.Tab
{
	float: left;
	border: 2px solid #808080;
	font-weight: normal;
	cursor: pointer;
	padding: 5px;
	position: relative;		
	top: 2px;
	background-color: #ccc;
	margin-right: 3px;
	font-weight: bold;
}
div.TabHandler div.TabActive
{
	float: left; 
	border: 2px solid #808080;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
	border-bottom: 2px solid #eee;
	position: relative;
	top: 2px;
	margin-right: 3px;
	background-color: #eee;
}
div.TabHandler div.Content
{
	display: none;
	clear: both;
}
div.TabHandler div.ContentActive
{
	display: block;
	border: 2px solid #808080;
	clear: both;
	padding: 8px;
	background-color: #eee;
	height: 200px;
}
/*  */
/********************//********************/
/* Monospace text */
.Monospace {
	font-family: monospace !important; 
	font-size: 12px !important;
}

select.Wide {
	width: 100%;
}

/********************//********************/
/* Print Styles */
.BreakAfter {
	page-break-after: always; 
}
/********************//********************/
/* Header styles */
h2.header
{			
	color: #44869a;
	font-size: 23px;
	padding: 0px;
	margin: 0px;
}