* { margin: 0px; padding: 0px; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #262626;
	background: #e3e3e3;
}
a {
	cursor: pointer;
	color: #576fd9;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

p {
	padding-bottom: 10px;
}

small {
	font-size: 10px;
	color: #898989;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 40px;
}
h2 a {
	font-size: 13px;
	display: block;
}
h2 small {
	font-size: 13px;
}

h3 {
	font-weight: normal;
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 13px;
}
h4 {
	position: relative;
	margin-bottom: 4px;
	padding-left: 13px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	background: #b0e4e9 url(/i/h3.gif) top repeat-x;
	font-weight: normal;
}
h4 small {
	position: absolute;
	top: 0px;
	right: 13px;
}
h5 {
	font-size: 14px;
	font-weight: normal;
}
h6 {
	margin: 20px 0px 10px 0px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dashed #999999;
}

/* --- */

.clear { clear: both; }

.i_sift { 
	padding-right: 25px;
	background: url(/i/filter.gif) right no-repeat;
}
.external {
	padding: 12px 12px 0px 0px;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	background: url(/i/external.png) no-repeat;
}

/* --- */

#header {
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #cdcdcd;
	padding: 17px 15px 17px 15px;
	min-width: 1028px;
	background: #FFFFFF;
}
#header h1 a {	
	display: block;
	width: 137px;
	height: 38px;
	text-indent: -789em;
	background: url(/i/logo.gif) center no-repeat;
}
#header .tag {
	display: block;
	margin-top: 12px;
	color: #c2c2c2;
}
#header p {
	display: block;
	position: absolute;
	width: 565px;
	left: 370px;
	top: 27px;
}

/* --- */

#nav {
	position: absolute;
	top: 7px;
	right: 13px;
	list-style: none;
}
#nav li {
	margin-bottom: 5px;
}
#nav li a {
	display: block;
	width: 157px;
	line-height: 24px;
	padding-right: 27px;
	text-align: right;
	background-position: right center;
	background-repeat: no-repeat;
}
#nav_rankings a { background-image: url(/i/star.gif); }
#nav_about a { background-image: url(/i/question.gif); }
#nav_sift a { background-image: url(/i/filter.gif); }

/* --- */

#wrapper {	
	padding: 14px 25px 25px 24px;
}

#container {
	position: relative;
	min-width: 675px;
	min-height: 700px;
	padding: 17px 15px 17px 368px;
	border: 1px solid #cdcdcd;
	background: #FFFFFF;
}
.content #container {
	padding-left: 15px;
}

/* --- */

#message {
	display: none;
	border: 1px dashed #666666;
	margin-bottom: 10px;
	padding: 10px;
	background: #FEF2C2;
	font-size: 13px;
}

.add {
	display: block;
	position: absolute;
	top: -15px;
	right: -1px;
	border-top: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	padding: 0px 16px 0px 16px;
	font-size: 13px;
	line-height: 28px;
	background: #FFFFFF url(/i/tab_left.gif) left no-repeat;
}
.add span {
	display: block;
	padding-right: 22px;
	background: #FFFFFF url(/i/edit2.png) right center no-repeat;	
}

#loading {
	position: absolute;
	top: 13px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	filter:alpha(opacity=75);-moz-opacity:.65;opacity:.65;
	z-index: 2000;
}
#loading span {
	display: block;
	height: 40px;
	margin-top: 100px;
	background: url(/i/loading.gif) center no-repeat;
}

#main {
}
.content #main {
	position: relative;
	padding: 20px;
}

#sidebar {
	position: absolute;
	top: 18px;
	left: 15px;
	width: 333px;
	z-index: 1;
}

/* --- */

.rankings #container {
	width: 1065px;
	min-height: 900px;
	padding-left: 15px;
	padding-right: 15px;
}
.rankings #main {
	float: left;
	width: 818px;
	margin-right: 9px;
}
.rankings #sidebar {
	float: left;
	position: static;
	margin-top: 25px;
	width: 185px;
}
.rankings #sidebar ul {
	list-style: none;
	margin: 10px 0px 0px 13px;
}
.rankings #sidebar ul li {
	margin-bottom: 4px;
}
.rankings #sidebar ul li.selected {
	font-weight: bold;
}

/* --- */

.nav_section {
	position: absolute;
	top: 20px;
	right: 20px;
	list-style: none;
}
.nav_section li {
	float: left;
	line-height: 21px;
	font-size: 11px;
	margin-left: 30px;
}	
.nav_section li.selected { font-weight: bold; }

.nav_under_h2 {
	position: relative;
	top: -41px;
	list-style: none;
	margin: 0px;
}
.nav_under_h2 li {
	float: left;
	line-height: 21px;
	font-size: 11px;
	margin-right: 30px;
}	
.nav_under_h2 li.selected { font-weight: bold; }


.section_note {
	position: absolute;
	top: 0px;
	right: 150px;
	font-size: 12px;
}

/* --- */

.filter {
	position: relative;
	margin-bottom: 4px;
	padding-top: 15px;
	height: 75px;
	text-align: center;
	background: #f2f2f2;
}
.filter .f_lo { left: 13px; }
.filter .f_hi { right: 13px; }

.filter input.f_lo,
.filter input.f_hi {
	position: absolute;
	top: 38px;
	width: 41px;
	height: 23px;
	padding: 8px 0px 0px 0px;
	border: 1px solid #a9a8a8;
	background: url(/i/filter_input.gif) no-repeat;
	text-align: center;
}
.filter small.f_lo,
.filter small.f_hi {
	position: absolute;
	top: 73px;
	width: 41px;
	text-align: center;
}

#filter_distance {
	display: none;
}
#filter_distance a {
	position: absolute;
	width: 333px;
	left: 0px;
	bottom: 5px;	
}
#distance_input {
	width: 150px;
	height: 19px;
	margin: 5px 0px 5px 0px;
	padding: 4px 0px 0px 0px;
	border: 1px solid #a9a8a8;
	background: #FFFFFF;
	text-align: center;
	color: #535252;
}
#distance_input.empty {
	color: #CCCCCC;
}
#distance_input_set {
	height: 26px;
}

/* --- */


.slider {
	position: relative;
	top: 12px;
	left: 81px;
	text-align: center;
	z-index: 50;
}
.slider,
.slider * {
	height: 19px;
	line-height: 19px;
}
.slider_ticks {
	position: relative;
	margin: 0px auto 0px auto;
}
.slider_handle {
	position: absolute;
	top: -3px;
	left: -8px;
	display: block;
	width: 20px;
	height: 23px;
	background: url(/i/slider_handle_blue.gif);
	z-index: 100;
	cursor: w-resize;
}
.slider_handle_2 { cursor: e-resize; }
.slider_track {
	position: relative;
	margin: 0px 1px 0px 1px;
	background: url(/i/slider_track.gif) center repeat-x;
	z-index: 50;
}
.slider_track span {
	display: block;
	position: absolute;
	top: 0px;
	left: -1px;
	width: 1px;
	font-size: 1px;
	background: url(/i/slider_track_cap.gif) center no-repeat;
}
.slider_track span.slider_track_r {
	left: auto;
	right: -1px;
}

/* --- */

#column_list {
	padding: 5px 0px 0px 13px;
}
#column_list fieldset {
	border: 0px;
	margin-bottom: 4px;
}
#column_list fieldset input {
	margin-right: 8px;
}



/* --- */

#edit {
	display: none;
}
#edit td {
	display: table-cell;
	text-align: left;
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#edit td .inner {
	position: relative;
}
#edit td .left {
	float: left;
	width: 345px;
	margin-right: 100px;
	margin-top: 20px;
}	
#edit td .right {
	float: left;
	width: 194px;
}
#edit small { font-size: 11px; }
#edit small.required { position: absolute; top: 0px; right: 0px; }
#edit .buttons {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#edit td fieldset {
	display: block;
	position: relative;
	border: 0px;
	margin-bottom: 10px;
}
#edit td fieldset small {
	display: inline;
}
#edit td .left fieldset input,
#edit td .left fieldset select {
	width: 245px;
	margin-left: 100px;
}	
#edit td .right fieldset span {
	margin-left: 125px;
}

#edit td fieldset label { 
	position: absolute;	
}
#edit td fieldset.required label { font-weight: bold; }
#edit td .left fieldset label {
	left: 0px;
}
#edit td .right fieldset label {
	left: 0px;
}

#edit td fieldset input { 
	background: #FFFFFF;
	border: 1px solid #a9a8a8;
}
#edit td fieldset.autoWidth input { 
	width: auto !important;
}
#edit td .left fieldset input { 
	width: 245px;
}
#edit td .right fieldset input { 
	width: 60px;
}

#edit td .right fieldset.note {
	margin-top: 20px;
	padding: 0px;
}
#edit td .right fieldset.note label { 
	position: static;
}
#edit td .right fieldset.note input { 
	width: 192px;
	margin-top: 3px;
}

#edit td .right h5 { margin-top: 0px; }

/* --- */

td.highlight { background: #c8edf1 !important; }

.basic {	
	width: 100%;
	border-collapse: collapse;
}
.basic thead,
.basic thead tr {	
	background: #afdfe4 url(/i/thead.gif) top repeat-x;
}
.basic th {
	padding: 0px 15px 4px 15px;
	text-align: center;
	height: 42px;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.basic tr {
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
.basic td {
	height: 54px;
	padding: 0px 15px 0px 15px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
}
.basic .alt td {
	background: #f2f2f2;
}
.basic .self td {
	background: #DFFCFF;
}
.basic th.al,
.basic td.al,
.basic td.name { text-align: left; }
.basic td.name { 
	font-size: 14px;
	text-align: left;
}
.basic small { display: block; }

.basic td.rank { 
	width: 1px;
	font-size: 20px;
}
.basic td.highlight { 
	font-size: 18px;
}
.basic td.bar { 
	border-top: 0px;
	border-bottom: 0px;	
	border-left: 1px solid #d9d9d9;
	padding: 0px;
	width: 150px;
	background: #FFFFFF;
	text-align: left;
}

.basic .short td { height: 26px; }
.basic .short td.rank { font-size: 18px; padding: 0px 2px 0px 2px; }
.basic .short td.name { font-size: 12px; }
.basic .short td.highlight { font-size: 15px; }
.basic .short td small { display: inline; }

.rankings tr { border-right: 0px; }


/* --- */

.grid {
	min-width: 675px;
}
.grid td {
	display: none;
}
.grid th {
	display: none;
	cursor: pointer;
}
.grid th.price_adult_weekend { padding-left: 3px; padding-right: 3px; }
.grid td.price { 
	font-size: 14px;
}
.grid td.price_adult_weekend { 
	font-size: 18px;
}
.grid td div { position: relative; }
.grid td div a.edit { 
	display: none;
	position: absolute;
	top: 2px;
	left: -55px;
	background: #FFFFFF url(/i/edit1.png) left center no-repeat;
	padding: 4px 4px 4px 20px;
	font-size: 13px;
	border: 1px dashed #CCCCCC;
	z-index: 1000;
}
.grid tr:hover td div a.edit,
.grid tr.sfhover td div a.edit { display: block; }

/* -- sort styles -- */

.sort_name td.name,
.sort_price_adult_weekend td.price_adult_weekend,
.sort_price_adult_weekday td.price_adult_weekday,
.sort_price_kid_weekend td.price_kid_weekend,
.sort_price_kid_weekday td.price_kid_weekday,
.sort_price_rental td.price_rental,
.sort_price_pass td.price_pass,
.sort_vertical td.vertical,
.sort_acres td.acres,
.sort_runs td.runs,
.sort_distance td.distance,
.sort_value_vertical td.value_vertical,
.sort_value_acres td.value_acres { background: #fcfecc; }

.sort_name1 th.name,
.sort_price_adult_weekend1 th.price_adult_weekend,
.sort_price_adult_weekday1 th.price_adult_weekday,
.sort_price_kid_weekend1 th.price_kid_weekend,
.sort_price_kid_weekday1 th.price_kid_weekday,
.sort_price_kid_pass1 th.price_pass,
.sort_price_kid_rental1 th.price_rental,
.sort_vertical1 th.vertical,
.sort_acres1 th.acres,
.sort_runs1 th.runs,
.sort_distance1 th.distance,
.sort_value_vertical1 th.value_vertical,
.sort_value_acres1 th.value_acres { background-image: url(/i/sort_down.gif); }

.sort_name-1 th.name,
.sort_price_adult_weekend-1 th.price_adult_weekend,
.sort_price_adult_weekday-1 th.price_adult_weekday,
.sort_price_kid_weekend-1 th.price_kid_weekend,
.sort_price_kid_weekday-1 th.price_kid_weekday,
.sort_price_pass-1 th.price_pass,
.sort_price_rental-1 th.price_rental,
.sort_vertical-1 th.vertical,
.sort_acres-1 th.acres,
.sort_runs-1 th.runs,
.sort_distance-1 th.distance,
.sort_value_vertical-1 th.value_vertical,
.sort_value_acres-1 th.value_acres { background-image: url(/i/sort_up.gif); }


/* -- column showing styles -- */

.show_name .name { display: table-cell; }
.show_price_adult_weekend .price_adult_weekend { display: table-cell; }
.show_price_adult_weekday .price_adult_weekday { display: table-cell; }
.show_price_kid_weekend .price_kid_weekend { display: table-cell; }
.show_price_kid_weekday .price_kid_weekday { display: table-cell; }
.show_price_pass .price_pass { display: table-cell; }
.show_price_rental .price_rental { display: table-cell; }
.show_vertical .vertical { display: table-cell; }
.show_acres .acres { display: table-cell; }
.show_runs .runs { display: table-cell; }
.show_distance .distance { display: table-cell; }
.show_value_vertical .value_vertical { display: table-cell; }
.show_value_acres .value_acres { display: table-cell; }


/* --- msgs --- */
#table_msg { display: none; }
#table_msg_td { display: table-cell; }


/* --- */

.factor_table {
	background: #f2f2f2;
	padding: 7px;
	margin-bottom: 55px;
}
.factor_table table {
	width: 100%;
	border-collapse:collapse;
}
.factor_table th {
	height: 31px;
}
.factor_table td {
	border: 3px solid #f2f2f2;
	height: 31px;
	padding: 0px 6px 0px 6px;
	background: #FFFFFF;
	text-align: center;
}
.factor_table td.highlight {
	width: 80px;
	text-align: center;
}

.factor_table th.c_rank { width: 95px; }

.factor_table td.c_rank { font-size: 14px; }

/* --- */

.bar div {
	color: #FFFFFF;
	line-height: 16px;
	font-size: 11px;
	padding: 0px 12% 0px 3%;
	background: #AFDFE4 url(/i/bar.gif) right no-repeat;
}


/* --- */

#idea_shower {
	display: block;
	margin-top: 15px;
	padding: 40px 0px 15px 0px;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	background: #000000 url(/i/idea_shower.gif) top center no-repeat;
}
#idea_shower a { color: #FFFFFF; text-decoration: underline; }
