html
{
	border-style:none;
	background:#000000;
	
}

body 
{
	margin: 0 auto;
	width: 100%;
	border-style:none;
	background:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72%;
	color:#C8C8C8;	
}

#tab,
#viewbar,
#content,
#footer
{
	width: 960px;
	margin: 0 auto;
}

#tab,
#content,
#footer
{
	background-color: Black;
}

#viewbar,
#footer
{
	padding: 0px 10px 0px 10px;	
	border: solid 1px #c0c0c0;	
}

#viewbar
{
	background-color: #666666;
	border-top: solid 1px #c0c0c0;
	border-bottom: none;
	width: 970px;
}

#content
{
	border: solid 1px #c0c0c0;	
	background-color: #202020;
	padding: 10px 10px 10px 10px;	
}

#header
{
	width: 982px;
}


#footer
{	
	background-color: #666666;
	border-top-style: none;
	height: 16px;
	font-size: 9px;
	text-indent: 10px;
}

legend
{
	padding-right: 6px;
	color: #C8C8C8;
	font-weight:bold;
}

fieldset
{
	border-color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
}

a
{
	color:#C8C8C8;
}

img
{
	border: 0px;
}

div.actionlink
{
	margin-left: 125px;
	font-size: 125%;
	font-weight:bold;
}

input[type="text"],
input[type="password"],
select
{
	width: 225px;
}
		
.currency input,
.resources input
{
	text-align: right;
}

/*Hides the little dots we use to make columns look like they contain something*/
.nothing
{
	color: #202020;
}

	.dashboard_column_left
	{
		float: left;
		width: 37%;	
		height: 100%;
		border-right: solid 1px #999999;
	}
	.dashboard_column_right
	{
		float: left;
		width: 58%;	
		height: 100%;
		padding-left: 20px;	
		padding-top: 25px;
	}
	
	.network_column_left
	{
		float: left;
		width: 97.5%;	
		height: 100%;	
	}
	.network_column_right
	{
		float: left;
		width: 2%;	
		height: 100%;	
	}
	
	.column_left
	{
		float: left;
		width: 49%;	
		height: 100%;	
	}
	.column_right
	{
		float: left;
		width: 49%;	
		height: 100%;	
	}
	
	.column_centre
	{		
		float: left;
		width: 2%;	
		height: 100%;	
	}
	
	.column_clearer 
	{
		clear: both;
		font-size: 1px;
	}

tbody.input
{
	border-color: #000000;
	background-color: Transparent;	
}

table
{
	border-color: #000000;
}

h1
{
	color: #e3e3e3;
	font-size: 100%;
}

h2
{
	font-size: 175%;
}

.summary_logo
{
	width: 95%;
	text-align: center;
}

#content
{
	background-image: url(images/content_fade.gif);
	margin-top: 26px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	float: none;
}

#header
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 100px;	
	padding-left: 0px;
}

#logo
{
	top: 15px;
	padding-right: 20px;
	height:69px;
	width: 138px;
	position: relative;
	background-image: url(images/logo_cdn2.png);
	background-repeat:no-repeat;
	float: left;
	margin: auto;
	overflow: visible;
	}

#footer
{
	width: 970px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 25px;
	background-image: url(images/viewbar_fade_new.gif);
	background-repeat: repeat-x;
	padding-left: 0px;
	float: none;
	
}

#viewbar
{
	padding-left: 0px;
	background-image: url(images/viewbar_fade_new.gif);
	background-repeat: repeat-x;
	height: 25px;
	float: left;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

.separator
{
	width: 0px;
	float: left;
}

#version
{
	font-size:95%;	
}

#version_image
{
	float:left;
}

.browserWarn
{
	color:#FF8C00;
}

#footer a:link, 
#footer a:hover, 
#footer a:visited 
{
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

#footer
{
	font-size: 10px;
	color: #333333;
}

#viewnormal
{
	background-color: #ffffff;
}

.actionicon,
.viewicon
{
	float: left;
	margin-right: 5px;
}

#loginstatus
{
	vertical-align: middle;
	float:right;
	padding: 2px 8px 0px 0px;
	color: #333333;
}

#company_right {
	float:right;
}

#company_left{
	float:left;
}

#company_left,
#company_right
{
	padding-top: 5px;
}

.viewnormal
{
	height: 25px;
	float: left;
	padding-left: 5px;
	padding-right: 7px;
	margin-right: 1px;
	background-image: url(images/orange_button_middle.gif);
	
}

.viewselected
{
	height: 25px;
	float: left;
	padding-left: 5px;
	padding-right: 7px;
	margin-right: 1px;
	background-image: url(images/orange_button_middle_down.gif);
	
}

.actionnormal
{
	height: 25px;
	float: left;
	padding-left: 5px;
	padding-right: 7px;
	margin-right: 1px;
	background-image: url(images/green_button_middle.gif);
	
}

.actionselected
{
	height: 25px;
	float: left;
	padding-left: 5px;
	padding-right: 7px;
	margin-right: 1px;
	background-image: url(images/green_button_middle_down.gif);
	
}

.viewlinknormal,
.actionlinknormal
{
	color: #333333;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.viewlinkselected,
.actionlinkselected
{
	color: #FFFFFF;
	font-style: italic;
}

.viewlinknormal:hover
{
	color: #FFFFFF;
}

.actionlinknormal:hover
{
	color: #FFFFFF;
}

.viewnormal p,
.viewselected p,
.actionnormal p,
.actionselected p
{
	margin-top: 4px;
}

#advanced_search
{
	width: 47%;
	height: 100%;
	padding: 10px 19px 10px 10px;
	margin: 0 0 20px 0;
	border-left: solid 0px #999999;
	border-top: solid 0px #999999;
	border-right: solid 0px #333333;
	border-bottom: solid 0px #333333;
	background-image: url(images/black_honeycomb.gif);
	background-repeat: repeat;
}

.honeycomb_panel
{
	width: 90%;
	height: 100%;
	padding: 10px 10px 10px 10px;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	border-right: solid 2px #333333;
	border-bottom: solid 2px #333333;
	background-image: url(images/black_honeycomb.gif);
}

#information
{
	width: 47%;
	height: 90px;
	float: right;
	padding: 10px 10px 10px 10px;
	margin: 0 0 20px 0;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	border-right: solid 2px #333333;
	border-bottom: solid 2px #333333;
	background-image: url(images/green_honeycomb.gif);
}

div.input_submit
	{
		margin-left: 5px;
		padding-top: 0px;					
	}
	
	.searchpanels
	{
		width: 340px;
		padding-top: 10px;
		cursor: default; 
		margin: 0 0 0 0;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	
	div.searchbox
	{
		float: left;
		text-align: right;
		padding-top: 4px;
		margin: 0 0 0 0;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	div.searchbox input
	{
		max-width: 130px;
		border: solid 1px #999999;
	}
	
	.SummaryInformationTitle
	{
		float: left;
		width: 115px;
		margin-right: 5px;
		text-align:right;
		font-weight:bold;
		color:#C8C8C8;	
	}
	
	.SummaryInformationData
	{
		width: 115px;
		
	}
	
	
	div.input_submit a
	{
		font-size: 115%;
		font-weight: bold;	
	}
	
	div.input_submit input,
	div.input_submit_flow input
	{
		background-color: #e8700c;
		color:#FFFFFF;
		font-style: normal;
		font-weight: bold;
		font-size: 105%;	
		border: solid 1px #000000;
		cursor: pointer;
	}
	
	div.input_submit_flow input
	{
		float:left;
	}
	
	/*div.input_submit input:hover,
	div.input_submit_flow input:hover
	{
		background-color: #000000;
		border: solid 1px #e8700c;
	}*/
	
		div.input_address input,
		div.input_text input,
		div.input_text_required input,
		div.input_freetext input,
		div.input_time input,
		div.input_fieldset input,
		textarea,
		select,
		option
		{
			color: #C8C8C8;
			border: solid 1px #999999;
			margin-bottom: 3px;
		}
		
		div.input_address label,
		div.input_text label,
		div.input_text_adjacent label,
		div.input_text_required label,
		div.input_freetext label,
		div.input_time  label,
		div.input_list label,
		div.input_list_required label,
		div.input_checkbox label,
		div.readonly_text label,
		div.readonly_text_highlight label,
		div.readonly_image label,
		div.input_fieldset label
		{
			float: left;
			width: 115px;
			margin-right: 5px;
			text-align:right;
			font-weight:bold;
			color:#C8C8C8;			
		}
		
		.mock_input_text_required
		{
			float: left;
			width: 115px;
			margin-right: 5px;
			text-align:right;
			color:#FF8C00;
			font-weight:bolder;			
		}
		
		div.input_address label,
		div.input_text label,
		div.input_text_adjacent label,
		div.input_text_required label,
		div.input_freetext label,
		div.input_time  label,
		div.input_list label,
		div.input_list_required label,
		div.input_checkbox label,
		div.input_fieldset label
		{
			position:relative;
			top:4px;
			margin-bottom: 0px;
		}
		
		div.input_text_required label,
		div.input_list_required label
		{
			color:#FF8C00;
			font-weight:bolder;
		}
	
		div.input_address input,
		div.input_text input,
		div.input_text_required input,
		div.input_freetext input,
		div.input_time  input,
		div.input_list input,
		div.input_checkbox input,
		div.input_fieldset input,
		textarea,
		select,
		option
		{
			background-color:Black;
			color:#C8C8C8;
			border:solid thin #666666;
		}
		
		div.input_text_adjacent input
		{
			width: 150px;			
		}
		
		div.input_checkbox input
		{
			border: solid 0px #999999;
		}
		
		div.pricing_text input
		{
		    width: 75px;
		}
		
		div.input_list select
		{
			border: solid 1px #999999;
			background-color: #000000;
			width: 227px; 
		}
		
		div.input_list select option
		{
			border: solid 0px #000000;
			background-color: #000000;
		}
		
		div.input_fieldset fieldset
	{
		width: 240px;
	}
	
	div.readonly_text_highlight
	{
		color:#FF8C00;
	}
		
		
	div.input_address input[type="button"],
	div.input_address input[type="submit"],
	div.input_text_required input[type="button"],
	div.input_text_required input[type="submit"],
	div.input_text input[type="button"],
	div.input_text input[type="submit"]
	{
		background-color: #e8700c;
		color:#FFFFFF;
		font-style: normal;
		font-weight: bold;
		font-size: 105%;	
		border: solid 1px #000000;
		cursor: pointer;
		text-align: center;
		height: 21px;
		
	}
	
	div.input_address input[type="button"]:hover,
	div.input_address input[type="submit"]:hover,
	div.input_text_required input[type="button"]:hover,
	div.input_text_required input[type="submit"]:hover,
	div.input_text input[type="button"]:hover,
	div.input_text input[type="submit"]:hover
	{
		background-color: #000000;
		border: solid 1px #e8700c;
	}
	
	#GridTitleDiv
	{
		font-size: 120%;
		
	}
				
div.Grid table 
{
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: Transparent;
	width: 100%;	
	line-height: 13px;
	border: solid 0px #000000;
}

div.Grid tbody input
		{
			background-image: url(images/filter_cdn.png);
			background-repeat:no-repeat;
			width: 100%;
			color: #FFFFFF;
			background-color: black;
			font-size: 1.2em;
			border: solid 0px #000000;
		}
		
		div.Grid tbody a
		{
			color:#FF8C00;
		}
		
		div.Grid tbody div a
		{
			text-decoration: none;
			color:#FFF;
		}
		
				
div.Grid tbody th
		{
			background-color: black;
		}
	
		
	div.Grid thead th 
	{
		text-align: left;
		background-image: url(images/charcoal_grid_header.gif);
		border: solid 0px #000000;
		border-bottom: solid 1px #cccccc;
		height: 25px;
	}
		
	div.Grid th 
	{
		padding: 0 0.5em;
		text-align: left;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
		
	div.Grid th+th
	{
		border: solid 0px #000000;
		border-bottom: solid 1px #cccccc;
	}
	
	div.Grid td+td 
	{
		border: solid 0px #000000;
		border-bottom: solid 1px #cccccc;
	}
	
	div.Grid td 
	{
		border: solid 0px #000000;
		padding: 0 0.5em;
		border-bottom: solid 1px #cccccc;
	}
		

	div.Grid thead
	{
		/*background-image: url(images/thead_fade.png);
		background-repeat: repeat;*/
		background-color: Transparent;
		color: #ffffff;
		padding: 5px 0px 5px 0px;
	}
	
	div.Grid thead div.gridtitle
	{
	    padding: 7px;
	    width: 99%;
	    color: Orange;
	}
	
	div.Grid thead td
	{
		border-bottom: solid 0px #000000;
	}
	
	div.Grid thead a
	{
			color: #FFFFFF;
	}

div.Grid td
{
	padding: 5px;
}

div.gridTitle
{
	float:left;
	color: #e3e3e3;
	font-size: 110%;
}

.underfield_text
{
	margin-left: 120px; 
	margin-bottom: 9px;
	font-size:x-small;
}

div.pager
{
	float:right;
}

div.filter
{
	background-color: Transparent;
}

.alternatingGridRow
{
	background-image: url(images/alt_row_tile.png);
	background-repeat: repeat;
}

.gridRow
{
	background-image: url(images/row_tile.png);
	background-repeat: repeat;
}

.alertsGridRow
{
	background-image: url(images/row_tile.png);
	background-repeat: repeat;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
}

.alternatingGridRowWhite
{
	background-color: Transparent;
	color: #FFFFFF;
}

.gridRowWhite
{
	background-color: Transparent;
	color: #FFFFFF;
}

.normalRow
{
	background-color: Transparent;
	border-bottom: solid 1px #cccccc;
}
.highlightedRow
{
	background-color: #333333;
	border-bottom: solid 1px #cccccc;
}

div.input_radiobutton label
		{
			float: none;		
			font-weight: normal;
			vertical-align: top;
			border: 0px;		
		}
		
		div.input_radiobutton input[type="radio"]
		{
			border: 0px;
			background-color: Transparent; 	
			vertical-align: top;	
		}
		
		div.input_fieldset div.input_list label,
		div.input_fieldset div.input_list_required label
		{
			float: left;
			width: 60px;
			margin-right: 5px;
			text-align: right;
			font-weight: normal;	
			
		}

		div.input_text .widetext input,
		div.input_text .widetext textarea
		{
			width: 75%;
		}
		
		div.input_text .widetext textarea
		{
			height: 200px;
		}
		
		div.input_text textarea,
		div.readonly_text textarea
		{		
			height: 48px;
			width: 265px;
		}

		div.input_address textarea
		{
			height: 80px;
			width: 265px;
		}

/*honeycomb panels  - full width pages*/

#EmailMessageForm
{
	width: 97.5%;
	height: 100%;
	padding: 30px 12px 50px 12px;
	border-left: solid 0px #999999;
	border-top: solid 0px #999999;
	border-right: solid 0px #333333;
	border-bottom: solid 0px #333333;
	background-image: url(images/black_honeycomb.gif);
}


/*honeycomb panels  - half width pages*/

#ContactDetailsDiv,
#CompanyInformationDiv,
#LogoUploadDiv,
#NewEntityDivInner,
#input_address,
#DevicesDiv,
#ActivitiesDiv,
#CreditDiv,
#HandlerDiv,
#ImportHandlerForm,
#NetworkForm,
#ResourceDiv
{
	width: 100%;
	height: 100%;
	padding: 30px 0px 50px 0px;
	border-left: solid 0px #999999;
	border-top: solid 0px #999999;
	border-right: solid 0px #333333;
	border-bottom: solid 0px #333333;
	background-image: url(images/black_honeycomb.gif);
}

#CreditDiv input,
#ResourceDiv input
{
	width: 60px;
}

#ResourceDiv label
{
	width: 130px;
}

/*honeycomb panels  - columned pages*/

.displayPanel
{
    padding: 30px 10px 50px 10px;
	border-left: solid 0px #999999;
	border-top: solid 0px #999999;
	border-right: solid 0px #333333;
	border-bottom: solid 0px #333333;
	background-image: url(images/black_honeycomb.gif);
}

#QuoteLookup,
#ImportData,
#JobDetailFormLeft,
#JobDetailFormRight,
#CollectionDetails,
#DeliveryDetails,
#ContactDetails,
#UserDetailsForm,
#RoleDetailForm,
#AccessRightForm,
#ReferenceDataForm,
#NomadicClientForm,
#RateCardForm,
#AreaRateDetailForm,
#UrgencyModifierForm,
#CdnInvoiceLeft,
#PricingArea
{
	width: 95%;
	height: auto;
	padding: 20px 13px 20px 11px;
	border-left: solid 0px #999999;
	border-top: solid 0px #999999;
	border-right: solid 0px #333333;
	border-bottom: solid 0px #333333;
	background-image: url(images/black_honeycomb.gif);
	margin: 0px;
}

#JobDetailFormLeft,
#JobDetailFormRight
{
	width: 96%;
	height: auto;
	padding: 20px 10px 20px 9px;
	border-left: solid 0px #999999;
	border-top: solid 0px #999999;
	border-right: solid 0px #333333;
	border-bottom: solid 2px #333333;
	background-image: url(images/black_honeycomb.gif);
}

.formheader
{
	font: 120% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	width: 180px;
}

.tabnormalblue,
.tabselectedblue,
.tabnormalbronze,
.tabselectedbronze,
.tabnormalgreen,
.tabselectedgreen,
.tabnormalred,
.tabselectedred,
.tabnormalpurple,
.tabselectedpurple {
    top: 20px;
	width: 99px;
	height: 32px;
	position: relative;
	padding: 0px;
	float: left;
	margin: 0px;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
}
.tabselectedblue,
.tabselectedbronze,
.tabselectedgreen,
.tabselectedred,
.tabselectedpurple {
    background-position: center center;
	background-repeat: no-repeat;
}
.tabnormalblue {
	background-image: url(images/menu_blue.png);
}
.tabselectedblue {
	background-image: url(images/menu_down.png);
}
.tabnormalbronze {
	background-image: url(images/menu_bronze.png);
}
.tabselectedbronze {
	background-image: url(images/menu_down.png);
}
.tabnormalgreen {
	background-image: url(images/menu_green.png);
}
.tabselectedgreen {
	background-image: url(images/menu_down.png);
}
.tabnormalred {
	background-image: url(images/menu_red.png);
}
.tabselectedred {
	background-image: url(images/menu_down.png);
}
.tabnormalpurple {
	background-image: url(images/menu_purple.png);
}
.tabselectedpurple {
	background-image: url(images/menu_down.png);
}

.tabnormal:hover
{
	color: #138ACB;
}

.tabLinkNormal,
.tabLinkSelected
{
	text-decoration: none;
	line-height: 24px;
}

.tabLinkNormal
{
	color: #e3e3e3;		
}

.tabLinkNormal:hover
{
	color: #FFFFFF;		
}

.tabLinkSelected
{
	color: #FFFFFF;
	font-size: 0.95em;	
}

.actionPanel {
	background-image: url(images/black_honeycomb.gif);
	overflow: hidden;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.collapsePanel {
	background-image: url(images/black_honeycomb.gif);
	overflow: hidden;
	margin: 0px;
}

.collapsePanel thead th
{
	display: none;
}

.collapsePanelHeader{
	width: 100%;
	height: 25px;
	color: #fff;
	background-image: url(images/charcoal_grid_header.gif);
	font-weight: bold;
}

.collapsePanelHeaderHalf{
	width: 50%;
	height: 25px;
	color: #fff;
	background-image: url(images/charcoal_grid_header.gif);
	font-weight: bold;
}

#master_content .collapsePanelHeader a {color:Black;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=20);
	opacity:0.2;
}

.modalPopup {
	background-image: url(images/green_honeycomb.gif);
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 15px;
	width: 490px;
	z-index: 500;
	clear: both;
	margin: 0px;
}

.modalPopupWide
{
	background-image: url(images/green_honeycomb.gif);
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 15px;
	width: 600px;
	z-index: 500;
	clear: both;
	margin: 0px;
}

.modalPopupWider
{
	background-image: url(images/green_honeycomb.gif);
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 15px;
	width: 950px;
	z-index: 500;
	clear: both;
	margin: 0px;
}

.modalPopupHeader {
	background-image: url(images/viewbar_fade_new.gif);
	padding: 6px;
}

/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
	visibility: hidden;
	margin: -3px;
	background-color: black;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	overflow: auto;
	height: 300px;
    text-align: left; 
    list-style-type: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 999999;
    clear: both;
    position: absolute;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.autocomplete_completionListElement
{
	margin-left: 2px;
	margin-top: 3px;
}
}

/*AutoComplete flyout */
.autocomplete_completionListElement_quotes 
{  
	visibility: hidden;
	margin: 0px;
	background-color: black;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	overflow: auto;
	height: 300px;
    text-align: left; 
    list-style-type: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 999999;
    clear: both;
    position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.autocomplete_completionListElement_quotes
{
	margin-left: 0px;
	margin-top: 0px;
}
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	width: 100%;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	width: 100%;
}

/*Textbox Watermark*/
.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:151px;
	padding:2px 0 0 2px;
	border:solid 1px #999999;
	background-color:#000;
}	

.demoarea {
	padding:20px;
	background:#FFF url(../_images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.vehicleCount input
{
	width: 70px;
}

.address_text span
{	
	position:relative;
	left: 120px;
}


span.flashy
{
    color:#FF8C00;
    font-weight:bold;
}

.dashboardBar
{
	width: 100%;
	height: 25px;
	background-image: url(images/white_button_middle.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.4em;
	font-style: oblique;
	font-weight: 400;
	padding-top: 5px;
	border-bottom: solid 1px #999999;
}

.dashboardBar a
{
	color: #FFFFFF;
	text-decoration: none;
	font-style: oblique;
	font-weight: 400;
}

.dashboardBar a: hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-style: oblique;
	font-weight: 400;
}

.dashboardBar a: visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-style: oblique;
	font-weight: 400;
}

.alertText a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 400;
}

.alertText a: hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 400;
}

.alertText a: visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 400;
}

.dashboardPanel
{
	background-image: url(images/black_honeycomb.gif);
	width: 99.8%;
	height: 260px;
	border: solid 1px #999999;
}

.reportsPanel
{
	background-image: url(images/black_honeycomb.gif);
	width: 99.8%;
	height: 200px;
	border: solid 1px #999999;
}

.dashboardSearchPanel
{
	background-image: url(images/black_honeycomb.gif);
	width: 99.8%;
	height: 50px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

.dashboardNoticePanel
{
	background-image: url(images/black_honeycomb.gif);
	width: 99.8%;
	height: auto;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	overflow: hidden;
}

.mins30
        {
            color: White;
            background-color: Green;
            background-image: url(images/green_fade.gif);
            background-repeat: repeat-x;
        }
        .hrs1
        {
            background-color: Yellow;
            background-image: url(images/yellow_fade.gif);
            background-repeat: repeat-x;
        }
        .hrs4
        {
            background-color: #ECB908;
            background-image: url(images/orange_fade.gif);
            background-repeat: repeat-x;
        }
        .hrs8
        {
            color: White;
            background-color: Red;
            background-image: url(images/red_fade.gif);
            background-repeat: repeat-x;
        }
        .hrs24
        {
            color: White;
            background-color: Gray;
            background-image: url(images/grey_fade.gif);
            background-repeat: repeat-x;
        }
        .hrsgrt24
        {
            background-color: White;
            filter: alpha(opacity=50); /* For IE*/
            opacity: 0.5; /* For everything else*/
            background-image: url(images/white_fade.gif);
            background-repeat: repeat-x;
        }
        .never
        {
            background-color: White;
            filter: alpha(opacity=20); /* For IE*/
            opacity: 0.2; /* For everything else*/
            background-image: url(images/white_fade.gif);
            background-repeat: repeat-x;
        }
        
.systemNoticeTitle
{
	font-size: 1.3em;	
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	width: 600px;
}

.systemNoticeBody
{
	width: 600px;
}

.alertBar
{
	width: 100%;
	height: 25px;
	background-color: #e6e6e6;
	background-image: url(images/alert_bar.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	color: #000000;
	letter-spacing: 0.10em;
	position: absolute;
	vertical-align: middle;
	left: 0px;
	bottom: 0px;
}

.fixedBar
{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
	padding: 0px;
	z-index: 200;
	overflow: hidden;
	overflow-y: hidden;
	width: 100%;
	z-index: 90000;
	}

.alertTableHeader
{
	background-image: url(images/orange_fade.gif);
	background-repeat: repeat-x;
	color: #000000;
}

.alertTableHeaderAction
{
	background-image: url(images/red_fade.gif);
	background-repeat: repeat-x;
}

.alertText
{
	float: right;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(images/alert_bar_orange.gif);
	background-repeat: repeat-x;
	height: 25px;
}

.alertSeperator
{
	float: right;
	display: inline;
	background-image: url(images/alert_seperator.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 2px;
}

.alertTableHeaderAction a
{
	color: #000000;
	text-decoration: none;
}

.alertTableHeaderAction a: hover
{
	color: #000000;
	text-decoration: none;
}

.alertTableHeaderAction a: visited
{
	color: #000000;
	text-decoration: none;
}

h3
{
	font-size: 1.0em;
}

.acInput {
        width: 200px;
}
.acResults {
        padding: 0px;
        border: 1px solid WindowFrame;
        background-color: Black;
        overflow: hidden;
}

.acResults ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
}

.acResults li {
        margin: 0px;
        padding: 2px 5px;
        cursor: pointer;
        display: block;
        width: 100%;
        font: menu;
        font-size: 12px;
        overflow: hidden;
}

.acLoading {
        background : url('_images/indicator.gif') right center no-repeat;
}

.acSelect {
        background-color: Highlight;
        color: HighlightText;
}


.handlerListA,
.handlerListB,
.networkSplitListA,
.networkSplitListB
 {
     background-image: url(images/green_honeycomb.gif);
	 padding: 10px 10px 10px 10px;
	 border-left: solid 0px #999999;
	 border-top: solid 0px #999999;
	 border-right: solid 0px #999999;
	 border-bottom: solid 0px #999999;
	 overflow: auto;
}

.splitListA,
.splitListB
 {
     background-image: url(images/black_honeycomb.gif);
	 padding: 10px 10px 10px 10px;
	 border-left: solid 0px #999999;
	 border-top: solid 0px #999999;
	 border-right: solid 0px #999999;
	 border-bottom: solid 0px #999999;
	 overflow: auto;
}

.networkSplitListA {
	 min-height: 300px;
	 height: 300px;
	 width: 320px;
	 float: left;
}

.networkSplitListB {
	 min-height: 300px;
	 height: 300px;
	 width: 320px;
	 float: right;
	 margin-bottom: 15px;
	 margin-right: 80px;
}

.splitListA {
	 min-height: 300px;
	 height: 300px;
	 width: 270px;
	 float: left;
}

.splitListB {
	 min-height: 300px;
	 height: 300px;
	 width: 270px;
	 float: right;
	 margin-bottom: 15px;
}

.handlerListA {
	 min-height: 200px;
	 height: 200px;
	 width: 160px;
	 float: left;
	 margin-right: 20px;
}

.handlerListB {
	 min-height: 200px;
	 height: 200px;
	 width: 160px;
	 float: left;
	 margin-bottom: 15px;
}

.splitListItem
{
	max-height: 15px;
	height: 15px;
	width: 245px;
	background-image: url(images/grey_fade_thin.gif);
	background-repeat: repeat;
	overflow: hidden;
	margin-top: 2px;
	cursor: pointer;
	padding: 1px;
	padding-left: 5px;
}

.networkSplitListItem
{
	max-height: 15px;
	height: 15px;
	width: 295px;
	background-image: url(images/grey_fade_thin.gif);
	background-repeat: repeat;
	overflow: hidden;
	margin-top: 2px;
	cursor: pointer;
	padding: 1px;
	padding-left: 5px;
}

.handlerListItem
{
	max-height: 15px;
	height: 15px;
	width: 140px;
	background-image: url(images/grey_fade_thin.gif);
	background-repeat: repeat;
	overflow: hidden;
	margin-top: 2px;
	cursor: pointer;
	padding: 1px;
	padding-left: 5px;
}

.splitListNetworkItem
{
	max-height: 15px;
	height: 15px;
	width: 245px;
	background-image: url(images/orange_fade_thin.gif);
	background-repeat: repeat;
	overflow: hidden;
	margin-top: 2px;
	cursor: pointer;
	padding: 1px;
	padding-left: 5px;
}

.splitJobLayout
{
	margin-right: 10px;
	width: 110px;
	float: left;
	color: Black;
}

.networkListLeft
{
	margin-right: 5px;
	width: 165px;
	float: left;
	color: Black;
}

.networkListRight
{
	margin-right: 0px;
	width: 120px;
	float: left;
	color: Black;
	text-align: right;
}

.handlerLayout
{
	margin-right: 10px;
	width: 95px;
	float: left;
	color: Black;
}

.splitJobHeader
{
	margin-right: 10px;
	width: 110px;
	float: left;
	padding-left: 15px;
	color: White;
}

.cssTable
{
	background-color: White;
	color: Black;
	border-bottom: solid 1px black;
}

.scrollableDiv
{
	height: 255px;
	width: 945px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: Black;
	padding: 2px;
}	

.scrollableDivBothWays
{
	height: 255px;
	width: 945px;
	overflow: auto;
}

.loader,
.loaderLite
{	
    width: 100%;
	height: 100%;
	z-index: 89000;
	position: fixed !important;
	position: absolute;
}

.loader
{
	background: url(images/spinner.gif) no-repeat center center;
}

.loaderLite
{
    left: 0;
	top: 0;
	background: url(images/transparent_pixel.png) no-repeat center center;
}

.actionButton
{
	background-image: url(images/action_button.png);
	background-repeat: no-repeat;
	min-width: 195px;
	min-height: 25px;
	padding-left: 35px;
	padding-top: 3px;
	margin-left: 25px;
	float: left;
	text-decoration: none;
	color: white;
	text-transform: capitalize;
	font-size: 0.3em;
}

.gridButton
{
	width: 126px;
	height: 23px;
	background-image: url(images/green_grid_button.png);
	background-repeat: no-repeat;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	padding: 4px 0 0 35px;
	overflow: hidden;
	text-decoration: none;
	text-decoration: inherit;
	
}



.signatureDiv
{

}

.columnWrapper
{
	height: 630px;
	
}

.content_fields
{
    height: auto;
}

.greenTextLink
{
    color: #13E80C;
    text-decoration: none;
}

.greenTextLink:hover
{
    color: #12FFB6;
}