/*---------------------------------------------------------------------------------
							Header
  ---------------------------------------------------------------------------------*/

#divHeader .divRadiusSearch{
	position: absolute;
	right: 10px; top: 10px;

	width: 454px; height: 84px;
	padding: 20px 0 10px 30px ;
	
	background: transparent url(../images/RadiusSearch_bg.gif) top left no-repeat;
}

.divRadiusSearch { 
	font-size: 10px;
	color: #6F6F6F;
}

.divRadiusSearch .RadiusSearchTitle {
	display: block;
	width: 352px; height: 19px;
	background: transparent url(../images/radius_search_label.gif) top left no-repeat;
	text-indent: -3000px;
}

#divHeader .divRadiusSearch input.textbox {
	width: 220px;
}

.divRadiusSearch .btnSearch {
	margin-bottom: -7px;
	margin-top: 4px;
}

.divRadiusSearch #sampleLink{
	color: #999999;
	text-decoration: none;
}

.divRadiusSearch #sampleLink:hover{
	text-decoration: underline;
}

/*---------------------------------------------------------------------------------
																Zoom Levels Pages
  ---------------------------------------------------------------------------------*/

#TrendAndMapContainer {
	position: relative;
	height: 656px;
}

#TrendAndMapContainer #trendSection{
	position: absolute;
	width: 175px;	height: 600px;
	padding-left: 10px; padding-right: 10px; /* reduce horizontal padding */		
	z-index: 100;
}

#trendSection h2 {
	margin-left: -6px;	margin-right: -6px; /* reduce negative margins to compensate for reduced margin */
}

#TrendAndMapContainer #mapSection{
	position: absolute;
	left: 205px;
	width: 650px;	height: 440px;
	padding-bottom: 0;
}

#TrendAndMapContainer #subscribeSection{
	position: absolute;
	left: 205px; top: 471px;
	width: 650px;	height: 155px;
	padding-bottom: 0;
}

.sectionLinkList {
	width: 855px;
}

/*---------------------------------------------------------------------------------
																Trend Section
  ---------------------------------------------------------------------------------*/

/* In the zoom levels pages, the month selector that "hides" behind the section was showing through.
To fix it, we use a div that is positioned absolutely, the same size of the section, with white-background.
We also need to set every element in the section to a z-index higher than this div */
#trendSection .CoverBackground {
	position:  absolute;
	z-index: 0;
	left: 0; top: 0;
	width: 195px; height: 646px;
	background-color: White;
}

#trendSection * {
	position: relative;
	z-index: 1;
}

/*-----------------*/

#divTotals h3 {
	margin-top: 11px;
	padding-top: 12px;
	margin-bottom: 3px;
	border-top: 2px solid #ccc;
	color: #666;
	font-size: 12px;
	background: none;
}

/*--------*/

.TrendTotal {
	height: 52px;
	padding: 16px 0 0 78px;

	border-top: 1px solid #EAEAEA;

	background: transparent url(../images/trendsection/InMover.gif) 5px 8px no-repeat;
}

#InTotal { 	border-top: none; }
#BuyTotal { 	border-top: none; border-bottom: 1px solid #EAEAEA; }

#InTotal { background-image: url(../images/trendsection/InMover.gif); }
#OutTotal { background-image: url(../images/trendsection/OutMover.gif); }
#WithinTotal { background-image: url(../images/trendsection/WithinMover.gif); }
#BuyTotal { background-image: url(../images/trendsection/BuyMover.gif); }


#BuyTotal { 
	padding: 8px 0 15px 75px;
}

.TrendHSeparator {
	height: 7px;
	background: transparent url(../images/trendsection/h_separator.gif) top left repeat-x;
}


/*--------*/

.TrendTotal .TotalVariable,
.TrendTotal .MovedText,
.TrendTotal .PlaceVariable {
	display: block;
}

.TrendTotal .TotalVariable { font-size: 14px; font-weight: bold; }
.TrendTotal .MovedText { font-weight: bold; }
.TrendTotal .PriceVariable { font-size: 17px; font-weight: bold; }
.TrendTotal .DiscountPriceVariable { font-size: 17px; font-weight: bold; }

#BuyTotal .MovedText { margin-right: -10px; } /* This one is a bit wider than the others */


#InTotal .TotalVariable { color: #02C22C; }
#OutTotal .TotalVariable { color: #E31616; }
#WithinTotal .TotalVariable { color: #4551BD; }
#BuyTotal .TotalVariable, #BuyTotal .PriceVariable  { color: #3B9160; }
#BuyTotal .PriceVariable.NewPrice  { color: Red; font-size: 12px; text-decoration: line-through;} /* this is applied when there is a discount code */
#BuyTotal .DiscountPriceVariable { color: #3B9160; display:none; } 

.Page_radiussearch_aspx #BuyTotal .DiscountPriceVariable { display:block; } /* do not hide it on radius search */

/*--------*/

#divBuyButtons {
	margin: 10px 0 0 0;
}

#divBuyButtons .InterButtonText {
	display: block;
	margin: 5px 25px;
	text-align: center;
}

#divBuyButtons img {
	cursor: pointer;
}

/*---------------------*/

#trendSection #MonthSelectorContainer {
	position: absolute;
	left: 98px; /* 195px when open */
	bottom: 220px;
	
	width: 97px;
	
	padding: 13px 0;
	z-index: -1;
}

#trendSection #MonthSelectorTop,
#trendSection #MonthSelectorBottom {
	position: absolute;
	top: 0; left: 0;
	width: 97px; height: 13px;
	background: transparent url(../images/trendsection/MonthSelectorTop.gif) top right no-repeat;
}
#trendSection #MonthSelectorBottom {
	top: auto; bottom: 0;
	background-image: url(../images/trendsection/MonthSelectorBottom.gif);
}
#trendSection #MonthSelectorMiddle { background-color: #EAEAEA; }

/*---------------------*/

#trendSection #MonthSelectorContainer #MonthSelectorTab {
	position: absolute;
	width: 17px; height: 95px;
	right: -17px; bottom: 80px;
	background: transparent url(../images/trendsection/monthselectortab.gif) top right no-repeat;
	cursor: pointer;
}

/*---------------------------------------------------------------------------------
																Month Selector
  ---------------------------------------------------------------------------------*/


.MonthSelector .month {
	border-top: 1px solid white;
	padding: 4px 0 3px 5px;
	color: #555;
}

.MonthSelector .firstMonth { border: none; }

.MonthSelector .subscribeMonth { 
	text-align:center;
	line-height: 1.4em;
	border-top: 1px solid white;	
}


.MonthSelector .SelectedMonth {
	background-color: #FEE682;
}

.MonthSelector .month label {
	position: relative;
	bottom: 3px;
	margin-left: 2px;
}

/*---------------------*/

.MonthSelector .SelectAllLinks {
	margin-top: -5px;
	margin-bottom: 7px;
}

.MonthSelector .SelectAllLinks a {
	display: block;
	text-align: center;
	font-size: 10px;
	padding: 2px 0 1px 0;
	color: #555;
}

/*---------------------------------------------------------------------------------
																Subscribe Section
  ---------------------------------------------------------------------------------*/

#subscribeSection p {
	font-size: 12px;
	line-height: 1.4em;
	margin: -4px 0 0 -4px;
}

#subscribeSection p.PrivacyStatement {
	font-size: 9px;
	
	position: absolute;
	margin: 0;
	bottom: 8px; left: 16px;
	width: 400px;
}

#subscribeSection p.PrivacyStatement a { color: Black; }

#subscribeSection .SubscribeButton {
	position: absolute;
	bottom: 10px;
	right: 20px;
	cursor: pointer;
}

/*---------------------------------------------------------------------------------
																Home Page
  ---------------------------------------------------------------------------------*/


.Page_default_aspx #LeftColumn,
.Page_default_aspx #RightColumn {
	float: left;
	width: 350px;
	padding: 0 20px 10px;
	width: 403px;
	margin-top: 15px;
}

.Page_default_aspx #LeftColumn { margin-left: -15px; 	margin-right: 0; border-right: 1px solid #ccc; }
.Page_default_aspx #RightColumn { margin-right: -15px; 	margin-left: 0; }

.Page_default_aspx #LeftColumn h2,
.Page_default_aspx #RightColumn h2 {
	margin: 0 -10px 10px -10px;
}

.Page_default_aspx .TutorialVideoLink {
	color: #007bc4;
	font-weight: bold;
	background: transparent url(../images/tutoriallink_arrow.gif) 0 1px no-repeat;
	padding: 0 0 0 20px;
}
.Page_default_aspx .TutorialVideoLink span {
	padding: 0 0 4px 0;
	background: transparent url(../images/tutoriallink_dottedline.gif) bottom left repeat-x;	
}

/*---------------------*/

.Page_default_aspx #RightColumn .divRadiusSearch{
	padding: 25px 0 0 0;
	
}

.Page_default_aspx #RightColumn .divRadiusSearch input.textbox {
	width: 240px;
	border: 1px solid #888;
}


/*---------------------------------------------------------------------------------
																	USA Map
  ---------------------------------------------------------------------------------*/

.Page_usa_aspx #TrendAndMapContainer {
	height: 516px;
}

.Page_usa_aspx #TrendAndMapContainer #trendSection {
	height: 467px
}

.Page_usa_aspx #TrendAndMapContainer #mapSection{
	height:486px;
}

.Page_usa_aspx #trendSection .TableContainer {
	margin: 20px 5px 0 5px;
	padding: 10px 0 10px 8px;
	border: 2px solid #D6D6D6;
}

.Page_usa_aspx #trendSection .TableContainer table {
	border-collapse: collapse;
}

.Page_usa_aspx #trendSection .TableContainer .firstRow td{
	background-color: #FEE682;
	padding: 3px;
}

.Page_usa_aspx #trendSection table{
	margin: 0;
}

.Page_usa_aspx #trendSection table td {
	text-align: right;
	padding: 4px 2px;
	color: #666;
}

.Page_usa_aspx #trendSection table td.NumMovers {
	font-weight: bold;
	text-align: right;
	width: 80px;
}



/*---------------------------------------------------------------------------------
							State Page
  ---------------------------------------------------------------------------------*/

.Page_state_aspx #countiesList{
	margin-top: 10px;
}

/*---------------------------------------------------------------------------------
							County Page
  ---------------------------------------------------------------------------------*/

.Page_county_aspx #zipCodesList{
	margin-top: 6px;
}

.Page_county_aspx .sectionLinkList ul li {
	width: 56px;
	background: none;
	padding-left: 0;
	text-align: center;
}


/*---------------------------------------------------------------------------------
						Radius Search Page
  ---------------------------------------------------------------------------------*/

.Page_radiussearch_aspx .notification span.number {
	font-weight: bold;
	color: #FF7F00;	
}

/*------------------*/

.Page_radiussearch_aspx ul.addresses li{
	list-style-type: none;
	margin-bottom: 10px;
}

.Page_radiussearch_aspx span.address{
	display: block;
	padding-left: 10px;
	background: transparent url(../images/radius_link_arrow.gif) 0px 4px no-repeat;
}

.Page_radiussearch_aspx span.address a{
	color: #0087BA;	
	font-weight: bold;
}

/*------------------------------------------------------------------*/

#RadiusSearchColumnsContainer {
	position: relative;
	height: 718px;
	margin: 0 -20px;
}

#RadiusSearchColumnsContainer #LeftColumn{
	position: absolute;
	width: 175px;	height: 640px;
	padding-left: 10px; padding-right: 10px;
}

.Page_radiussearch_aspx #MonthSelectorContainer {
	width: 150px;
	margin: 38px 0 20px 17px;
}

#RadiusSearchColumnsContainer #MapContainer {
	position: absolute;
	left: 205px;
	width: 690px;	height: 445px;
}

#RadiusSearchColumnsContainer #subscribeSection{
	position: absolute;
	left: 195px; top: 455px;
	width: 650px;	height: 155px;
	padding-bottom: 0;
}

/*------------------------------------------------------------------*/


.Page_radiussearch_aspx #MonthSelectorContainer .MonthSelectorLabel {
	font-weight: bold;
	font-size: 10px;
	
	display: block;
	text-align: center;
	padding-bottom: 4px;
}

.Page_radiussearch_aspx #MonthSelectorTop,
.Page_radiussearch_aspx #MonthSelectorBottom {
	width: 150px; height: 13px;
	background: transparent url(../images/trendsection/MonthSelectorTop.gif) top right no-repeat;
}
.Page_radiussearch_aspx #MonthSelectorBottom {
	background-image: url(../images/trendsection/MonthSelectorBottom.gif);
}
.Page_radiussearch_aspx #MonthSelectorMiddle { background-color: #EAEAEA; }


.Page_radiussearch_aspx #MonthSelectorMiddle .btnMonthSearch {
	display: block;
	margin: 8px auto -5px;
}



/*---------------------------------------------------------------------------------
															Shopping Cart
  ---------------------------------------------------------------------------------*/

td.negativeNumber { color: Red; }
td.tdAmount, td.tdUnitPrice, td.tdNumRecords { text-align: right; }
td.tdMonth{ text-align: right; padding-right: 10px; width: 55px; }
td.tdDelete{ width: 55px; }

table.ShoppingCart{
	border-collapse: collapse;	
	width: 100%;
	margin-bottom: 20px;
}

table.ShoppingCart tr th{
	border: none;
	border-left: solid 2px white;
	background-color: #9F9F9F;
	
}

table.ShoppingCart tr td{
	border: none;
	border-left: solid 2px white;
	padding: 1px 10px 1px 10px;
}

table.ShoppingCart tr td.tdDescription{ width: 300px; }
table.ShoppingCart tr td.tdMonth{ width: 65px; padding-right: 20px; }


table.ShoppingCart tr td.tdCheckbox{ text-align: center; padding-left: 0; padding-right: 0; }

table.ShoppingCart tr td a.deleteLink{
	display: block;
	background: transparent url(../images/sc_delete_x.gif) center left no-repeat;
	padding-left: 15px;
	color: #777777;
}

td.tdDescription a{ color: black; }

table.ShoppingCart tr.zebra0 td{ background-color: #ECEBE7;}
table.ShoppingCart tr.zebra1 td{ background-color: #FFFFFF;}

table.ShoppingCart tr.trTotal td { 
	padding: 5px 0px 5px 0px;
	font-size: 150%; 
	font-weight: bold; 
	background-color:#ECEBE7; 
	border: none; 
}

table.ShoppingCart tr.trTotal td.totalAmount{ text-align: right; }
table.ShoppingCart tr.trTotal td.totalMovers{ text-align: right; }

#imgbtnDeleteSelected{ cursor: pointer;	}
#imgbtnEmptySC{ cursor: pointer; }
#imgbtnApplyDiscountCode {cursor: pointer; vertical-align:middle;}

.PaymentMethod{
	display:block;
	border-top: 1px dotted #CCCCCC; 
	padding: 3px;
	padding-bottom: 7px;
}

.PaymentMethodLast{
	border-bottom: 1px dotted #CCCCCC; 
	margin-bottom: 10px;
}

.PaymentMethod input{
	position:relative;
	top:3px;
}

.PaymentMethodNotes {
	background-color: #FBFBFB;
	border: solid 3px #F5F5F5;
	width: 650px;
	padding: 10px;
}


/*---------------------------------------------------------------------------------
													Login Signup Dialog
  ---------------------------------------------------------------------------------*/

#LoginSignup {
	width: 625px;	height: 213px;
	background-color: #fbfbfb;
	z-index: 9999;
}

#LoginSignup { 
	position: absolute; 
	border: 3px solid #ccc;
}
.Page_viewcart_aspx #LoginSignup { 
	position: relative; 
	border: 3px solid #f5f5f5;
	height: 177px;
}


#LoginSignup .btnClose {
	position: absolute;
	width:12px; height: 11px;
	top: 5px; right: 5px;
	background: transparent url(../images/dialogclose.gif) top left no-repeat;
	cursor: pointer;
}
/*----------------*/

#divSignUp,
#divLogin {
	float: left;
	position: relative;
	width: 270px; height: 177px;
	margin-top: 14px;
	padding: 5px 14px;
}

#divLogin {
	padding-right: 24px;
	border-right: 1px solid #ccc;
}
#divSignUp {
	padding-left: 24px;
}


.Page_viewcart_aspx #divSignUp,
.Page_viewcart_aspx #divLogin {
	height:141px;
}

/*----------------*/

#LoginSignup h2 {
	font-size: 20px;
	color: #454545;
	margin: 0 0 0 0; 
	border: none; 
}

#LoginSignup .subTitle {
	display: block;
	margin-top: 2px;
}

/*----------------*/

#divLogin table { margin-top: 17px; }
#divSignUp table { margin-top: 17px; }

#LoginSignup table .tdLabel { width: 52px; }

#LoginSignup table input.textbox { width: 200px; }

#LoginSignup  table td input.txtSignupPhoneNr {
	width: 140px;
}

/*----------------*/

#LoginSignup .btnLogin,
#LoginSignup .btnSignup {
	position: absolute;
	bottom: 1px; right: 26px;	
}