A.navagation_link_normal:visited
{
	color: blue;
}

body, td, span, .maintext
{
	font-family: verdana;
	font-size: 8pt;
	SCROLLBAR-FACE-COLOR: #FFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #CCC;
	SCROLLBAR-SHADOW-COLOR: #FFF;
	SCROLLBAR-ARROW-COLOR: #CCC;
	SCROLLBAR-TRACK-COLOR: #F9F8F7;
	SCROLLBAR-DARKSHADOW-COLOR: #CCC;
	SCROLLBAR-BASE-COLOR: #FFF;
	z-index: 1;
}

.netfinity
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	text-align: center;
	color: #9C6;
	padding-top: 5px;
}

.netfinity a:link
, .netfinity a:hover
, .netfinity a:visited
{
	color: #9C6;
	font-weight: bold;
}

.boldmaintext
{
	font-family: verdana;
	font-size: 10pt;
	font-weight:bold;
	color: #ff0000;
}
.feedback
{
	font-family: verdana;
	font-size: 7pt;
	color: dimgray;
}
.redtext
{
	color: #F00;
}
.greentext
{
	font-size: 8pt;
	color: forestgreen;
	font-family: verdana;
	font-weight:bold;
}
.site_link
{
	font-weight: normal;
	font-size: 8pt;
	color: dimgray;
	font-family: verdana;
	text-decoration: none;
}
.site_link_bold
{
	font-weight: bold;
	font-size: 8pt;
	color: dimgray;
	font-family: verdana;
	text-decoration: none;
}

.country-links
{
	margin: 0 10px 0 0;
	float: right;
}

.country-links a:link
, .country-links a:hover
, .country-links a:visited
{
	color: #FFF;
	font-weight: bold;
}

span.country_link
, a.country_link
{
	float: right;
	font-weight: normal;
	font-size: 8pt;
	color: #FFF;
	font-family: verdana;
	text-decoration: none;
	margin: -14px 2px 4px 2px;
}
a.country_link_bold
{
	float: right;
	font-weight: bold;
	font-size: 8pt;
	color: #FFF;
	font-family: verdana;
	text-decoration: none;
	margin: -14px 2px 4px 2px;
}

.creditCards
{
	float: right;
	width: 185px;
	margin: auto;
	text-align: center;
}

.creditCards2
{
	float: right;
}

.norton {
    float: left;
}



.greentext_sm
{
	font-size: 7pt;
	color: forestgreen;
	font-family: verdana;
}
.text_sm
{
	font-size: 7pt;
	font-family: verdana;
}
h1
{
	font-family: verdana;
	font-size: 10pt;
}
h1#Heading1
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	float: left;
	width: 350px;
}
h2
{
	font-family: verdana;
	font-size: 9pt;
	font-weight:bold;
}
h3
{
	font-family: verdana;
	font-size: 10pt;
	font-weight:bold;
}
h4
{
	font-family: verdana;
	font-size: 8pt;
}
OL 
{
	margin-bottom: 10px;
	margin-top: 5px;
}	
OL LI
{
	margin-top: 5px;
	margin-bottom: 10px;
	list-style-type: decimal;
}	
a:hover
{
	text-decoration: underline;
}

.crumbs A
{
	font-weight: bold;
	font-size: 10px;
	color: dimgray;
	font-family: Verdana;
	text-decoration: none;
}
.crumbs 
{
	font-weight: bold;
	font-size: 10px;
	color: dimgray;
	font-family: Verdana;
	text-decoration: none;
}
.crumbs_lite
{
	font-weight: normal;
	font-size: 9px;
	color: #000;
	font-family: Verdana;
	text-decoration: none;
}

.button1
{
	border-right: buttonshadow 1px solid;
	border-top: buttonshadow 1px solid;
	font-weight: bold;
	font-size: 11px;
	border-left: buttonshadow 1px solid;
	color: #000;
	border-bottom: buttonshadow 1px solid;
	font-family: Verdana;
	background-color: #9C3;
}
.button3
{
	border-right: buttonshadow 1px solid;
	border-top: buttonshadow 1px solid;
	font-weight: bold;
	font-size: 11px;
	border-left: buttonshadow 1px solid;
	color: #000;
	border-bottom: buttonshadow 1px solid;
	font-family: Verdana;
	background-color: gainsboro;
}

.button2
{
	border-right: buttonshadow 1px solid;
	border-top: buttonshadow 1px solid;
	font-weight: bold;
	font-size: 10px;
	border-left: buttonshadow 1px solid;
	color: #000;
	border-bottom: buttonshadow 1px solid;
	font-family: Verdana;
	background-color: #9C3;
}



.pctable
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
}

.mailtable
{
	border-right: #009933 1px solid;
	border-top: #009933 1px solid;
	border-left: #009933 1px solid;
	border-bottom: #009933 1px solid;
}
.inputText
{
	border-bottom: solid 1px #666;
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	font-family: Verdana;
	font-size: 8pt;
	height: 20;
}

.select
{
	
	font-size: 11px;

}

.selectCompressed
{
	
	font-size: 11px;
	/*margin-bottom: -14px;
	padding-bottom: -14px;*/

}

/* -- backend rate styles start here -- */
td.ratecellbase
{
border-right: darkgray 1px solid;
border-left: darkgray 1px solid;
border-top: darkgray 1px solid;
border-bottom: darkgray 1px solid;
width: 40px;
height: 25px;
FONT-SIZE: 10px; 
COLOR: #000; 
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
background-color: #ffff66;
}
td.ratecellbase_bd
{
border-right: darkgray 1px solid;
border-left: #FFF 1px solid;
border-top: #FFF 1px solid;
border-bottom: #FFF 1px solid;
width: 42px;
height: 25px;
FONT-SIZE: 10px; 
COLOR: #000; 
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
background-color: #FFF;
}
td.ratecellclear
{
border-right: darkgray 1px solid;
border-left: darkgray 1px solid;
border-top: darkgray 1px solid;
border-bottom: darkgray 1px solid;
width: 40px;
height: 25px;
FONT-SIZE: 10px; 
COLOR: #000; 
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";

}

td.ratecellinvisible
{
width: 40px;
height: 25px;
FONT-SIZE: 10px; 
COLOR: #000; 
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
}

td.voldesccell
{
width: 140px;
}

td.categorycelltop
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	vertical-align:middle;
	margin-left: 3px;
	margin-right: 5px;
	padding-left: 3px;
	padding-right: 5px;
	width: 120px;
}

td.categorycellbottom
{
	border-right: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	margin-left: 3px;
	margin-right: 5px;
	padding-left: 3px;
	padding-right: 5px;
}
td.ratecell
{
border-right: darkgray 1px solid;
border-left: darkgray 1px solid;
border-top: darkgray 1px solid;
border-bottom: darkgray 1px solid;
width: 39px;
height: 25px;
FONT-SIZE: 10px; 
COLOR: #000; 
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
}

td.datecell
{
border-right: darkgray 1px solid;
border-left: darkgray 1px solid;
border-top: darkgray 1px solid;
border-bottom: darkgray 1px solid;
width: 39px;
FONT-SIZE: 10px; 
COLOR: #000; 
background-color:#efefef; 
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
vertical-align:middle;
text-align: center;
height: 40;
}
td.ratecellinvisible
{
width: 39px;
height: 25px;
FONT-SIZE: 10px; 
COLOR: #000; 
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
}
td.ratecell2head
{
	border-top: darkgray 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: darkgray 1px solid;
	color: #000;
	border-bottom: darkgray 1px solid;
	font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
	background-color: #FFF;
	width: 39px;
}
td.ratecelledit
{
border-right: darkgray 1px solid;
border-left: darkgray 1px solid;
border-top: darkgray 1px solid;
border-bottom: darkgray 1px solid;
width: 39px;
height: 25px;
FONT-SIZE: 10px; 
COLOR: #000;
background-color:#ccff66; 
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
}
td.ratecelleditBase
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 10px;
	border-left: darkgray 1px solid;
	width: 39px;
	color: #000;
	border-bottom: darkgray 1px solid;
	font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
	height: 25px;
	background-color: #ffff66;
}
td.ratecellalt
{
border-right: darkgray 1px solid;
border-left: darkgray 1px solid;
border-top: darkgray 1px solid;
border-bottom: black 1px solid;
width: 40px;
height: 25px;
FONT-SIZE: 10px; 
COLOR: #000;
background-color:#FFF; 
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
}


td.sideborder
{
	border-right: darkgray 1px solid;
}


.rateinput
{
	font-size: 9px;
	width: 25px;
	font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
	height: 18px;
	background-color: #FFF;
}

.stockinput
{
	background-color:#FFF;
	border-collapse: collapse;
	font-size: 9px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	height:18px;
	width:25px;
}

/* -- backend rate head styles start here -- */
td.ratecellhead
{
	
	font-weight: bold;
	font-size: 10px;
	
	color: #000;
	border-bottom: darkgray 1px solid;
	font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
	background-color: #FFF;
	width: 95px;
}

td.ratecellheadalt
{
	border-top: darkgray 1px solid;
	font-weight: bold;
	font-size: 10px;
	border-left: darkgray 1px solid;
	color: #000;
	border-bottom: darkgray 1px solid;
	font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
	background-color: #efefee;
	width: 95px;
}

td.ratecellheadedit
{
	border-top: darkgray 1px solid;
	font-weight: bold;
	font-size: 10px;
	border-left: darkgray 1px solid;
	color: #000;
	border-bottom: darkgray 1px solid;
	font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
	background-color: #ccff66;
	width: 95px;
}

td.ratecellhead2alt
{
	border-top: darkgray 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: darkgray 1px solid;
	color: #000;
	border-bottom: darkgray 1px solid;
	font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
	background-color: #efefee;
	width: 40px;
}

td.ratecell2headedit
{
	border-top: darkgray 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: darkgray 1px solid;
	color: #000;
	border-bottom: darkgray 1px solid;
	font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
	background-color: #ccff66;
	width: 40px;
}



.ratetable
{
border-right: darkgray 1px solid
}

.chkList
{
	background-color: #edeeeb;
}

div.stdBlock
{
	display:block;
	vertical-align:top;
}

div.stdInline
{
	display:inline;
	vertical-align:top;
} 

div.WasteTypes
{
	display:block;
	height: 60px;
}

/************************************************************************
SERVICE ZONES & PERMITS
************************************************************************/

.FormMain
{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.ServiceAndPermitMajorHeading
{
	font-size: 11pt;
	font-weight:bolder;  
}

.ServiceZonesContainer
{
	margin-top: 20px;
	width: 195px;
	float: left;
}

/*- Menu 11--------------------------- */

ul.PricingZoneList 
{
	width: 185px;
	border-style: solid solid none solid;
	border-color: #7BAA18;
	border-size: 2px;
	border-width: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.PricingZoneList li
{
	border-bottom: #7BAA18 1px solid;
	margin: 0;
	padding: 0;
	background-color: #EDF9ED;
}

ul.PricingZoneList li a 
{
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 20px;
	text-decoration: underline;
	font-weight: bold;
	display: block;
	margin: 4px;
}

ul.PricingZoneList li a img
{
	border: none;
	padding: 0;
	margin: 0;
}

ul.PricingZoneList  li a:link, ul.PricingZoneList  li a:visited 
{
	color: #7BAA18;
	border: none;
	/*display: block;*/
	padding: 0;
	margin: 0;
}

ul.PricingZoneList li a:hover
{
	color: #7BAA18;
	border: none;
	padding: 0;
	margin: 0;
}

ul.PricingZoneList li input.ServiceZoneDisabled
{
	padding: 0;
	margin: 1px;
	border: none;
	width: 140px;
	background-color: #EDF9ED;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: #666;
}

ul.PricingZoneList li input.ServiceZoneEnabled
{
	margin: 1px;
	width: 138px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.PostCodesContainer
{
	border-left: #7BAA18 2px solid;
	margin-top: 20px;
	width: 700px;
	float: left;
	padding-left: 10px;
}

.PostCodeTree
{
	width: 200px;
	float: left;
}

.keyColumnLeft
{
	width: 20px;
}

.keyColumnRight
{
	text-align: justify;
}

.PostCodePricing table.main
{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	border: #7BAA18 2px solid;
	width: 470px;
}

.PostCodePricingLeft
{
	border-right: #7BAA18 1px solid;
	text-align: right;
	width: 120px;
}

#tdSupplierArrange
{
	text-align: center;
	width: 95px;
}

#tdCustomerArrange
{
	text-align: center;
	width: 95px;
	border-left: #7BAA18 solid 1px;
	border-bottom: #7BAA18 solid 1px;
}

#tdNoArrange
{
	text-align: center;
	border-left: #7BAA18 solid 1px;
	border-bottom: #7BAA18 solid 1px;
}

#tdNoPermit
{
	text-align: center;
	border-left: #7BAA18 solid 1px;
	border-bottom: #7BAA18 solid 1px;
	width: 70px;
}

#td1To7
{
	text-align: center;
	width: 105px;
}

#td8To14
{
	text-align: center;
	width: 105px;
}

#td15To28
{
	text-align: center;
}

#tdDaysRequired
{
	text-align:left;
	border-bottom: #7BAA18 solid 1px;
}

.SupplierDetails
{
	width: 100%;
}

.SupplierDetails table.main
{
	float: left;
	margin-left: 10px;
	border: #7BAA18 2px solid;
	width: 48%
}

.SupplierDetailsLeft
{
	border-right: #7BAA18 1px solid;
	width: 150px;
	text-align: right;
}

.SupplierDetailsBottom
{
	border-bottom: #7AA18B 1px solid;
}

.SupplierDetailsRight
{
	border-bottom: #7AA18B 1px solid;
}

.ServiceAndPermitHeading
{
	padding-left:30px;
	padding-top:10px;
}

.SupplierHeading
{
	font-weight:bold;  
}

.DisabledTextBox
{
	color: #000;
	border: solid 1px #A5ACB2;
	padding: 2px;
	background-color: #EBEBE4;
}

.MultiLineTextBox
{
	color: #000;
	border: solid 1px #A5ACB2;
	padding: 2px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	width: 200px;
	height: 80px;
}

.Summary
{
	border: #7BAA18 3px solid;
}

.SummaryItems
{
	border: black 1px solid;
}

.SmallButton
{
	margin-left: 2px;
	margin-right: 2px;
}

.BranchLocationPanel
{
	height: 400px;
	border: #7BAA18 2px solid;
	overflow: auto;
}

.inlineImage
{
	padding: 0;
	margin: 0;
}

a.BranchLocation
{
	font-size: 10pt;
	font-weight:bold; 
	color:#000; 
	text-decoration: none;
}

a.BranchLocationSelected
{
	font-size: 13pt;
	color:#000;
	font-weight:bold;
	text-decoration: none;
}

.LocationDetailsBox
{
	border: #7BAA18 2px solid;
	background-color: #D6EBAD;
	text-align:left; 
}

.LocationDetailsSection
{
	border: #94cf29 2px solid;
	background-color: #D6EBAD;
}

.LocationDetailsDescription
{
	background-color: #FFF;
	text-align: justify; 
}

.BorderBottom
{
	border-bottom: #7BAA18 2px solid;
}

.BorderRight
{
	border-right: #7BAA18 2px solid;
}

.LocationDetailsPriceZone
{
	border-bottom: #7BAA18 3px solid;
	border-top: #7BAA18 3px solid;
}

.PriceZoneDDL
{
	border: solid 1px #666;
	text-align:center;  
}

.LocationDetailsPermit
{
	border-bottom: #7BAA18 3px solid;
	border-top: #7BAA18 3px solid;
}

.LocationDetailsPermitArrangement
{
	border-right: #7BAA18 3px solid;
}

.LocationDetailsPermitETA
{
	border-left: #7BAA18 3px solid;
}

.LocationDetailsButtons
{
	border-top: #7BAA18 3px solid;
}

.FeeWeekAmount
{
	border: solid 1px #666;
	text-align: center;
	width: 60px;
}

.DaysRequired
{
	border: solid 1px #666;
	width: 100px;
}

.btn
{
	border: buttonshadow 1px solid;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	background-color: #9C3;
	width: 100px;
}

.btnWide
{
	border: buttonshadow 1px solid;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	background-color: #9C3;
	width: 150px;
}

.btnDisabled
{
	border: buttonshadow 1px solid;
	font-weight: bold;
	font-size: 11px;
	color: #666;
	background-color: #9C3;
	width: 100px;
}

.Hidden
{
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	display: none;
}

/***********************************
    TOOLTIP
***********************************/

a#keyHover 
{
	border-bottom: 1px solid #7BAA18;
	text-decoration: none;
	color: #7BAA18;
	font-weight: bold;
	margin-top: 4px;
}

a#keyHover:hover 
{
	position: relative;
}

a#keyHover span 
{
	display: none;
}

a#keyHover:hover span 
{
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	width: 350px;
	height: 120px;
	background-color: #FFF;
	border: 1px solid #7BAA18;
	color: #7BAA18;
	font-weight: normal;
}

a#keyHover:hover span img
{
	border: 0;
	margin: 2px 2px 0 2px;
}

/*****************************************
	Grey Boxes
*****************************************/

.topLeftCell
{
	background-image: url('../images/grey_table_r1_c1.gif');
	width: 15px;
	height: 15px;
}

.topMiddleCell
{
	background-image: url('../images/grey_table_r1_c6.gif');
	height: 15px;
}

.topRightCell
{
	background-image: url('../images/grey_table_r1_c9.gif');
	width: 17px;
	height: 15px;
}

.middleLeftCell
{
	background-image: url('../images/grey_table_r7_c1.gif');
	width: 15px;
}

.middleMiddleCell
{
	background-image: url('../images/grey_table_r12_c3.gif');
}

.middleRightCell
{
	background-image: url('../images/grey_table_r6_c9.gif');
	width: 15px;
}

.bottomLeftCell
{
	background-image: url('../images/grey_table_r13_c1.gif');
	width: 15px;
	height: 19px;
}

.bottomMiddleCell
{
	background-image: url('../images/grey_table_r13_c6.gif');
	height: 19px;
}

.bottomRightCell
{
	background-image: url('../images/grey_table_r13_c9.gif');
	width: 15px;
	height: 19px;
}

.PCTitleText 
{
    color: #F00;
}

.PCTitleTextDone
{
    color: #000;
}


h2.title {
    font-size: 20px;
}

h2.title strong {
    font-size: 20px;
    color: #F00;
}

h3.description {
    font-size: 16px;   
}

.loadingOverlay {
    z-index: 200;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
}
.loadingContainer {
    position:fixed;
    top: 25%;
    left: 50%;
    /*background: url('../images/large-loader.gif') no-repeat left center;*/
    width: 240px;
    background-color: white;
    height: 40px;
    padding: 5px;
    margin-left: -110px;
}
.loadingImage {
    width: 40px;
    height: 40px;
    float: left;
}
.loadingMessage {
    float: right;
    line-height: 40px;
}


