/*----------------------------- SPECIFIC STYLING -----------------------------*/
.clear { clear: both !important; }
/* hack to permanently show scroll bar for mozilla (don't forget to put a blank div at the start of all pages with an id of "scroll" */
#scroll { position:absolute; width:1em; top:0px; z-index:-1; bottom:-0.1px; }
.clear { clear: both; }
.content h1 { margin: 2px 0 4px 0; font-size: 1.2em; font-weight: bold; color: #182D51; }
.content h2 { margin-top: 0; }
.content h3 { margin-top: 0; }
.content h4 { margin-top: 0; }
.content h5 { margin-top: 0; }
.content h6 { margin-top: 0; }
.content p { margin-top: 0 !important; }
body {
	background-color: #fff;
	font-family: Tahoma;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}
div
{
	overflow:visible;
}

input[type=text], input[type=password], textarea
{
	font-family: Tahoma;
	font-size: 1.0em;
	border: solid 1px #CCCCCC;
	padding: 2px 4px 2px 4px;
}

input[type=text][disabled], textarea[disabled]
{
	background-color : #CCCCCC;
}

input[type=checkbox], input[type=radio]
{
	border: solid 0px #000000;
}

input[type=file]
{
	width: 300px;
}

.hidden { display: none !important; }

/* --------------------------- Main Layout ----------------------------*/
.displayNone { display:none; }
.content 
{
	font-size: 0.95em;
}
.content #headerdiv {
	height: 110px;
}
.content #headerdiv .header_graphic_left {
    float: left;
    padding: 16px 0px 0px 10px;
}
.content #headerdiv .header_graphic_right {
    float: right;
    padding: 18px 10px 0px 0px;
}

.content #contentdiv #actualContentPlaceHolder { padding: 1em; font-size: 0.6em; margin: 0 0 0 0; }
.content #contentdiv #actualContentPlaceHolderFull { padding: 1em; font-size: 0.6em; margin: 0 0 0 0; }

/* MENU
----------------------------------------------------------*/

div.menuBar
{
    background-color: #ddd;
    height: 35px;
}

.menu
{
    margin-top: -21px;
    padding: 4px 0px 4px 8px;
}

.menuItemLevel1, .menuItemLevel2
{
    background-color: #f8991f;
    border: 1px solid #ccc;
    color: #fff;
    font-size: 0.7em;
    font-weight: bold;
    padding: 4px 4px;
}

.menuItemHover, .menuItemSelected
{
    background-color: #fff;
    border: 1px solid #f8991f;
    color: #000;
}

/* buttons */
.actionButtonNew { padding: 4px; font-size: 11px; font-weight: bold; text-decoration: none; color: #1879B5; }
.actionButtonCancel { padding: 4px; font-size: 11px; font-weight: bold; text-decoration: none; color: #EF1C18; }
.actionButtonSave { padding: 4px; font-size: 11px; font-weight: bold; text-decoration: none; color: #317942; }
.actionButtonHelp { padding: 4px; font-size: 11px; font-weight: bold; text-decoration: none; color: #000000; }
.content .MasterUserControls { float: right; font-size: 0.6em; padding: 75px 15px 0px 0px; text-align: center; }
.content .MasterUserControls ul { list-style: none; display: inline; margin: 0; padding: 0; }
.content .MasterUserControls ul li { display: inline; padding: 0 0 0 8px; }
.content .MasterUserControls ul li a:link,
.content .MasterUserControls ul li a:visited
{ font-weight: bold; color: #000000; }
.content .MasterUserControls .loginType { color: #FFFFFF; font-size: 0.9em; background: #3aa33a; padding: 2px; font-weight: bold; }
.content .MasterUserControls .userMessageHolder { margin: 6px 0 0 0; }
.content .MasterUserControls .userMessageAction 
{
	padding: 4px 4px 4px 22px; font-weight: bold; font-size: 0.9em; 
	background: transparent url(../images/exclamation.png) no-repeat 2px 2px; color: #FF0000;
}
.content .MasterUserControls .userMessageAction a:link,
.content .MasterUserControls .userMessageAction a:visited { color: #E76152; }
.content .MasterUserControls .userMessageAction a:hover,
.content .MasterUserControls .userMessageAction a:active { color: #FF0000; }

/************************* FORMS *************************/
.formTip 
{
	display: block; border: solid 1px #E1E1AE; background: #FFFFCC; 
	padding: 1em; border-bottom: solid 4px #E1E1AE; color: #398ABD; margin: 0 0 1em;
}
.rdoList input { padding: 0 0 0 0; margin: 0 10px -2px 3px; }
.extraFormInfoHolder { }
.userMessage { padding: 0.5em; font-size: 1.1em; margin: 0 0 15px 0; width: 820px; }
.userMessageWarning { color: #C60C10; margin: 0 0 15px 0; }
.RowStyleEmpty { color: #000000; font-size: 1.2em; font-weight: bold; margin: 0 0 15px 0; }
.msgGood { border: solid 1px #9CBE10; background: #F7FFDE; color: #424542; }
.msgBad { border: solid 1px #C60C10; background: #FFDFDE; color: #424542; width: 820px; padding: 1em 1px 0 1px; }
.badInformation { color: #C60C10; }
.textInformation { color: #949294; padding: 4px 0 4px 0; font-size: 0.9em; }
.textNote { font-style: italic; color: #949294; padding: 4px 0 4px 0; }
.actionMessage { border: solid 1px #9CBE10; background: #F7FFDE; color: #424542; padding: 1em; }
.actionButtons { padding: 0 0 1em 0; margin: 1em 0 1em 0; border-bottom: dotted 1px #E1E1AE; width: 100%; }
.searchForm { padding: 0 0 0.6em 0; margin: 1.6em 0 1.6em 0; border-bottom: dotted 1px #E1E1AE; width: 100%; }
.innerForm 
{
	padding: 0.6em 0 0.6em 0; margin: 1.6em 0 1.6em 0; 
	border-top: dotted 1px #E1E1AE; 
	border-bottom: dotted 1px #E1E1AE; 
	width: 100%; 
}
.GridView { background: #FFFFCC; }
.GridView,
.GridView td 
{
	padding: 4px; border: solid 0px #FFFFCC; 
	border-bottom: solid 1px #E1E1AE;
	border-right: solid 1px #E1E1AE;
}
input, select, textarea { font-size: 11px; }
.GridView th 
{
	background: #E1E1AE; padding: 4px; 
	border: solid 1px #E1E1AE;
}
.GridView tr 
{
	border-bottom: solid 1px #E1E1AE;
	border-right: solid 1px #E1E1AE;
	padding: 8px;
}
.GridView tr:hover { background: #E1E1AE; }
.RowStyleAlt { background: #E7EFF7; }
.dataGridList { margin: 0 0 15px 0; }
.dataGridList table { }
.formInsertNewItem 
{
	display: block; margin: 0 0 15px 0; padding: 8px; width: 480px;
	border: solid 1px #9CBE10; background: #F7FFDE; color: #424542; 
}
.contactsDEForm { padding: 1em; margin: 0 0 1em 0; }
.contactsControlHolder { margin: 2em 0 0 0; }

.paginationStyle { border: solid 0px; }
.paginationStyle td { border: solid 0px; font-weight: bold; }


/************************* PRICES *************************/
.jobtypeForm { margin: 0.3em 0 1em 0; }

/************************* DASHBOARD *************************/
.overdue { color: #FF0000; background: #FFFFCC; }
.ontime { color: #008200; background: #FFFFCC; }

/************************* SITE WORKS REQUEST *************************/
fieldset { background: #FFFFCC; border: solid 1px #E1E1AE; padding: 1em; margin: 1em 0 0 0; width: 100%; }
fieldset legend { font-size: 1.2em; font-weight: bold; color: #EF9242; }
.asSectionBox { float: right; margin: -30px 0px -30px 0px; }
fieldset.wizardPg1 table td input { width: 200px; }
fieldset.wizardPg1 table td.label { width: 140px; }
fieldset.wizardPg1 table td.control { width: 200px; }
fieldset.wizardPg2 table td label { width: 140px; display: block; float: left; padding: 2px 0 0 0; }
fieldset.wizardPg2 table td { vertical-align: top; }
fieldset.wizardPg2 table td input { margin: 2px 0 0 4px; }
.nolabelwidth { width: auto !important; padding: 0 0 10px 0; }
.nolabelwidth label 
{ 
	width: auto !important; display: inline !important; float: none !important; 
	padding: 2px 4px 0 0; margin: 0;
}
.noinputwidth label { width: 140px !important; display: block; float: left; }
.noinputwidth input {  width: auto !important; }
.nolabelwidth table { margin: 0; padding: 0; }
.nolabelwidth table td { margin: 0; padding: 0; }

.pageSiteWorksRequest select.dupDDL { font-size: 10px; color: #777777 !important; }
.pageSiteWorksRequest .nowUsingDataFromAnotherBlock { padding: 8px 20px 8px 20px; text-align: center; font-size: 12px; font-weight: bold; }
.pageSiteWorksRequest .extraOptionsButtons { float: right; margin: 5px 10px 10px 0; }

/************************* REQUEST MANAGER *************************/
.pageRequestManager fieldset { background: #FFFFCC; border: solid 1px #E1E1AE; padding: 1em; margin: 1em 0 0 0; width: 99%; }
.pageRequestManager fieldset legend { font-size: 1.2em; font-weight: bold; color: #EF9242; }
.pageRequestManager fieldset .asSectionBox { float: none; margin: 0 0 0 0; }
.pageRequestManager fieldset.wizardPg table td input { width: 200px; }
.pageRequestManager fieldset.wizardPg table td.label { width: 140px; }
.pageRequestManager fieldset.wizardPg table td.control { width: 200px; }
.pageRequestManager fieldset.wizardPgOpt table td label { width: 140px; display: block; float: left; padding: 2px 0 0 0; }
.pageRequestManager fieldset.wizardPgOpt table td { vertical-align: top; }
.pageRequestManager fieldset.wizardPgOpt table td input { margin: 2px 0 0 4px; }
.pageRequestManager fieldset.wizardPgOpt table .nolabelwidth { width: auto !important; padding: 0 0 10px 0; }
.pageRequestManager fieldset.wizardPgOpt table .nolabelwidth label 
{ 
	width: auto !important; display: inline !important; float: none !important; 
	padding: 2px 4px 0 0; margin: 0;
}
.pageRequestManager fieldset.wizardPgOpt table .nolabelwidth table { margin: 0; padding: 0; }
.pageRequestManager fieldset.wizardPgOpt table .nolabelwidth table td { margin: 0; padding: 0; }

.pageRequestManager select.dupDDL { font-size: 10px; color: #777777 !important; }
.pageRequestManager .nowUsingDataFromAnotherBlock { padding: 8px 20px 8px 20px; text-align: center; font-size: 12px; font-weight: bold; }
.pageRequestManager .extraOptionsButtons { float: right; margin: 5px 10px 10px 0; }
.pageRequestManager .requestDate { margin: 1em 0 0 0; font-size: 1.4em; }
.pageRequestManager .requestDate .date { color: #317942; }

.pageRequestManager .subSearchForm 
{
	margin: 1em 0 0 0;
}
.pageRequestManager .trTitle { font-size: 1em; font-weight: bold; padding: 0 0 1em 0; vertical-align: top; }
.pageRequestManager .trTitle input { width: auto !important; }
.pageRequestManager .trTitle .trItemTitleID { color: #317942; }
.iconColumn { font-size: 0.9em; color: #949294; }

.requestConnection { float: right; }
.prefCompletionDate { margin: 1.5em 5px 0 0; }
.prefCompletionDate input { font-weight: bold; color: #317942; }

/* QUERIES PAGE */
.queryDetails label { font-weight: bold; display: block; padding: 0 0 1em 0; font-size: 1.2em; }
.QuerySearchResults { margin: 1em 0 0.5em 0; }

/* CONTRACTOR QUOTATION */
.jobTypeIDTitle { font-weight: bold; }
.dateGood { font-weight: bold; width: 80px; background: #317942; padding: 2px; color: #FFFFFF; border: solid 2px #CEEBD6; }
.dateBad { font-weight: bold; width: 80px; background: #EF1C18; padding: 2px; color: #FFFFFF; border: solid 2px #FFB6B5; }
.h3NoQuotes { text-align: center; color: #EF1C18; border: solid 1px #EF1C18; background: #FFEBEF; padding: 10px; }
.viewQuotationHolder { text-align: center; margin: 0.6em 0 0.6em 0; }
.quotationAcceptTerms { font-size: 1.2em; font-weight: bold; text-align: center; padding: 0.6em; }
.viewQuotationHolder input { font-size: 1.8em; font-weight: bold; color: #1879B5; }
.tandcFrame { overflow: auto; width: 100%; height: 200px; background: #FFFFFF; border: solid 1px #E1E1AE; padding: 0.4em; }

select.Listbox50
{
	border: solid 1px #CCCCCC;
	width: 50px;
}

select.Listbox75
{
	border: solid 1px #CCCCCC;
	width: 75px;
}

select.Listbox100
{
	border: solid 1px #CCCCCC;
	width: 100px;
}

select.Listbox125
{
	border: solid 1px #CCCCCC;
	width: 125px;
}

select.Listbox150
{
	border: solid 1px #CCCCCC;
	width: 150px;
}

select.Listbox200
{
	border: solid 1px #CCCCCC;
	width: 200px;	
}

select.Listbox250
{
	border: solid 1px #CCCCCC;
	width: 250px;	
}

select.Listbox300
{
	border: solid 1px #CCCCCC;
	width: 300px;
}

select.Listbox400
{
	border: solid 1px #CCCCCC;
	width: 400px;
}

select.Listbox500
{
	border: solid 1px #CCCCCC;
	width: 500px;
}

select.Listbox600
{
	border: solid 1px #CCCCCC;
	width: 600px;
}

select.Listbox700
{
	border: solid 1px #CCCCCC;
	width: 700px;
}

select.Listbox800
{
	border: solid 1px #CCCCCC;
	width: 800px;
}

input.Textbox25
{
	width: 25px;
}

input.Textbox50
{
	width: 50px;
}

input.Textbox75
{
	width: 75px;	
}

input.TextboxUpper75
{
	width: 75px;
	text-transform: uppercase;
}

input.Textbox100
{
	width: 100px;
}

input.Textbox150
{
	width: 150px;
}

input.Textbox200
{
	width: 200px;
}

input.Textbox300, textarea.Textbox300
{
	width: 300px;
}

textarea.Textbox300x150
{
	width: 300px;
	height:150px;
}

input.Tab_White
{
	background-color: White;
	border: solid 1px Black;
	width: 90px;
}

input.Tab_LightGrey
{
	background-color: #CCCCCC;
	border: solid 1px Black;
	width: 90px;	
}

input.Tab_LightRed
{
	background-color: #FF9999;
	border: solid 1px Black;
	width: 90px;
}

input.Tab_LightYellow
{
	background-color: #FFFF99;
	border: solid 1px Black;
	width: 90px;
}

input.Tab_LightGreen
{
	background-color: #99FF99;
	border: solid 1px Black;
	width: 90px;
}

input.Tab_LightBlue
{
	background-color: #9999FF;
	border: solid 1px Black;
	width: 90px;
}

input.Tab_XLightGrey
{
	background-color: #DDDDDD;
	border: solid 1px #CCCCCC;
	color: #182D51;
	width: 90px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

input.Tab_XLightGrey:hover
{
    background-color: #182D51;
	border: solid 1px #999999;	
	color: #DDDDDD;
}

input.Tab_XLightRed
{
	background-color: #FFCCCC;
	border: solid 1px Black;
	width: 90px;
}

input.Tab_XLightYellow
{
	background-color: #FFFFCC;
	border: solid 1px Black;
	width: 90px;
}

input.Tab_XLightGreen
{
	background-color: #CCFFCC;
	border: solid 1px Black;
	width: 90px;
}

input.Tab_XLightBlue
{
	background-color: #CCCCFF;
	border: solid 1px Black;
	width: 90px;
}

.Pointer
{
	cursor: pointer;
	color: #000000;
	text-decoration: none;
}

.Pointer:visited
{
	color: #000000;
}
.Pointer:link
{
	color: #000000;
}
.Pointer:hover
{
	text-decoration: underline;
}

.Trimmer:visited
{
	color: #000000;
}
.Trimmer:link
{
	color: #000000;
}
.Trimmer:hover
{
	text-decoration: underline;
}

div.Instructions
{
	width: 100%;
	border: solid 1px #E1E1AE; 
	background-color: #FFFFCC; 
}

img.HighlightButton, input[type=image].HighlightButton
{
	border: solid 2px transparent;
	margin-bottom: -3px;
}

img.HighlightButton:hover
{
	border: solid 2px #9999FF;
}

td.SelectedTab
{
	border: solid 0px #E1E1AE;
	border-left: solid 2px #000000;
	border-top: solid 2px #000000;	
	background-color: #FFFFFF;
	padding: 2px 16px 2px 16px;
	white-space: nowrap;
}

td.UnselectedTab
{
	border: solid 0px #E1E1AE;
	border-left: solid 2px #E1E1AE;
	border-top: solid 2px #E1E1AE;	
	border-bottom: solid 2px #E1E1AE;
	background-color: #FFFFCC;
	padding: 2px 16px 2px 16px;
	white-space: nowrap;
}

td.SpacerTab
{
	border: solid 0px #000000;
	border-left: solid 2px #E1E1AE;
	border-bottom: solid 2px #E1E1AE;
	width: 99%;
}

td.StarterTab
{
	border-top: solid 0px #000000;
	border-left: solid 0px #000000;
	border-right: solid 0px #000000;
	border-bottom: solid 1px #000000;
	width: 50px;
}

.TabPointer
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.TabPointer:hover
{
	text-decoration: underline;
}

td.nowrap
{
	white-space: nowrap;
}

td.filler
{
	width: 99%;
}

div.ControlGroup
{
	width: 99%;
	background-color: #FFFFCC;
	border: solid 1px #E1E1AE;
	padding: 5px 5px 5px 5px;
}

td.ControlGroup
{
	background-color: #FFFFCC;
	border: solid 1px #E1E1AE;
	padding: 5px 5px 5px 5px;
}

div.SiteWorksHelp
{
	width: 99%;
	background-color: #EEEEEE;
	border: solid 1px #CCCCCC;
	padding: 5px 5px 5px 5px;
}

a.HelpLink
{
	color: Blue;
	cursor: help;
	text-decoration: none;
}

a.HelpLink:visited
{
	color: Blue;
}

a.HelpLink:link
{
	color: Blue;
}

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

strong.helpLink, a.helpLink
{
	cursor: help;
	text-decoration: none;
}

a.helpLink:visited
{
	color: #000000;
}

a.helpLink:link
{
	color: #000000;
}

.NoResults
{
	font-weight: bold;
	font-style: italic;
}

.ErrorLabel
{
	color: Red;
}

input[type=button].Transparent, input[type=submit].Transparent
{
	border-style: none;
	border-width: 0px;
	margin: 1px, 1px, 1px, 1px;
	background-color: Transparent;
	color: Blue;
	text-decoration : underline;
}
div.Terms
{
	padding-left: 40px;
}

div.TermsGroup
{
	margin-top: 30px;
}

div.PleaseWait
{
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	width: 100%;
	height: 500px;
}

div.PleaseWait table
{
	height: 100%;
}

div.PleaseWait table tr td
{
	width: 100%;
}

div.ConfirmText
{
	font-size: 14px;
}

td.FormLabel
{
	font-weight: bold;
}

td.FormLabelNoWrap
{
	font-weight: bold;
	white-space: nowrap;
}

td.FormLabel150
{
	font-weight: bold;
	width: 150px;
}

h1.SectionHeading
{
	background-color: #FFFFFF;
	padding: 4px 0px 4px 4px;
	border: solid 1px #CCCCCC;
}

table.outlined
{
	border: solid 1px #000000;
}

td.Moneybox
{
	width: 100px;
	background-color: White;
	border: solid 1px #CCCCCC;
	text-align: right;
}

div.BrandLogoListItem
{
	margin-bottom: 12px;
}

div.BrandLogoListTitle
{
	font-weight: bold;
	margin-bottom: 4px;
}

div.BrandLogoListImage
{
	margin-bottom: 4px;
}

div.BrandLogoListImage img
{
	border: solid 1px #000000;
	padding: 2px 2px 2px 2px;
}

textarea.FormText
{
	overflow: scroll;
}

.uppercase
{
    text-transform: uppercase;
}

#divCustomerRequest .heading
{
    font-size: 16px;
    color: #F8991F;
}

#divCustomerRequest .subheading
{
    font-size: 14px;
    color: #182D51;
}

#divCustomerRequest .normal
{
    font-size: 14px;
    color: #182D51;
}

#divCustomerRequest .mandatory
{
    color: #F8991F;
}

.modalBackground
{
    background-color: #666;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #fff;
    border: solid 2px #000;
    padding: 8px;
}

.idleWarningModalPopup
{
    text-align: center;
    width: 300px;
}

.deferModalPopup
{
    text-align: center;
    width: 300px;
}

.appendScriptsModalPopup
{
    height: 80%;
    width: 80%;
}

.helpModalPopup
{
    width: 300px;
}