div#header {
  width: 100%;
  height: 100px;
  background-image: url(/images/headgrad.gif); 
  background-repeat: repeat-x;
}

div#topbar {
  height: 21px;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 20px;
}

span#topbarleft {
  float: left;
}

span#topbarright {
  float: right;
}

div#topbar a {
  color: white;
  font-weight: bold;
  text-decoration: none;
  padding-left: 5px;	
  padding-right: 5px;	
}

div#topbar a:hover {
  text-decoration: underline;
}
	
div#logobar {
  width: 98%;
  height: 76px;
  background-image: url(/images/mainlogo.gif); 
  background-repeat: no-repeat;
  background-position: center 9px;
}

div#body {
	padding: 15px;
}

div#body_index {
}

div#footer {
  width: 100%;
  height: 16px;
  text-align: center;
  font-size: 77%;
  clear: both;
  background-image: url(../images/botgrad.gif); 
  background-repeat: repeat-x;
  color: white;
  padding-top: 2px;
}

div#footer a {
  color: white;
  text-decoration: none;
  padding-left: 5px;	
  padding-right: 5px;	
}

div#footer a:hover {
  text-decoration: underline;
}

div#distance-search {
	padding-left: 10px;
	padding-right: 10px;
}

div#menu {
  width: 304px;
  float: left;
}

div#map {
  border: 1px solid #333333;
}

div#main {
  width: 700px;
  float: right;
}

div.plus {
  background-image: url(/images/plus.gif); 
  background-repeat: no-repeat;
  background-position: 4px 6px;
}

div.minus {
  background-image: url(/images/minus.gif); 
  background-repeat: no-repeat;
  background-position: 4px 6px;
}

div.menu_item {
  border: 1px solid #333333;
  padding: 2px;
  padding-top: 3px;
  padding-left: 20px;
  font-weight: bold;
  background-color: #92A943;
  color: #2F3224;
  height: 18px;
}


div.place_item {
  border: 1px solid #333333;
  padding-left: 20px;
  padding: 2px;
  background-color: #B1CB55;
  color: #2F3224;
  height: 16px;
}

span.place_name {
  float: left;
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 0px;
}

span.place_distance, span.place_count {
  float: right;
  padding-right: 2px;
  font-weight: normal;
}

div.menu_item:hover {
  color: white;
  background-color: #82973B;
}

div.place_item:hover {
  color: white;
  background-color: #758735;
}

div.menu_depth_0 {
  margin-left: 4px;
  margin-right: 34px;
  clear:left;
}

div.menu_depth_1 {
  margin-left: 14px;
  margin-right: 24px;
}

div.menu_depth_2 {
  margin-left: 24px;
  margin-right: 14px;
}

div.menu_depth_3 {
  margin-left: 34px;
  margin-right: 4px;
}


div.iw_attr_name {
	font-weight: bold;
	font-size: 123.1%;
	padding-bottom: 4px;
	margin-top: -3px;
}

div.iw_row {
	clear: left;
}

div.iw_pair_k, div.iw_pair_bar_k {
	width: 160px;
	float: left;
	padding-bottom: 3px;
        font-weight: bold;
	clear: left;
}

div .iw_pair_v {
	float: left;
	padding-bottom: 3px;
}

div .iw_pair_bar_v {
	width: 50px;
	float: left;
	padding-bottom: 3px;
}

div.iw_link_single {
	padding-bottom: 3px;
	font-weight: bold;
	clear: left;
}

div.menu_group {
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 116%;
}

div.menu_link {
	padding-bottom: 4px;
	font-weight: normal;
}

div.menu_heading {
	padding-bottom: 4px;
}

/* Range bars*/

span.bar-no-arrows {
	margin-left: 2px;
	padding-left: 3px;
	display: inline-block; 
	font-size: 2px; 
	width: 125px; 
}

span.bar-arrows {
	margin-left: 2px;
	display: inline-block; 
	font-size: 2px; 
	background-image: url(/images/bar_arrows.png); 
	background-repeat: no-repeat;
	padding-left: 3px;
	padding-top: 3px; 
	padding-bottom: 3px; 
	width: 120px; 
}
span.bar-outer {
	display:inline-block; 
	border: 1px solid black; 
	width: 110px; 
	height: 13px;
}
	
span.bar-range {
	display:inline-block; 
	background-color: #FFA3A3; 
	height: 13px;
}

span.bar-value {
	display:block; 
	background-color: black; 
	width: 2px; 
	height: 13px;
}


/* Core layout */

table.displayrows, table.inputrows {
    border: 0px;
    border-spacing: 0px;
    padding-left: 10px;
    clear: left;
}

tr.inputrow, tr.displayrow {
    clear: left;
    height: 23px;
}

td.key {
    width: 200px;
    font-weight: bold;        
    vertical-align: top;
    padding: 0px;
}

td.value {
    vertical-align: top;
    padding: 0px;
}

span.value_fixed_width {
    display: inline-block;
    width: 150px;
    vertical-align: top;
}

span.value_chart {
    margin: 0px;
}

/* Compare resorts page */

span.value_compare_form {
    display:inline-block; 
}

/* All areas page */

table.areas {
	border: 0px solid black;
}

table.areas td {
	vertical-align: text-top;
	padding-left: 10px;
	padding-right: 10px;
        width: 150px;
}

table.areas td h2 {
        text-align: center;
}

div#footer_links {
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

input, select, textarea {
	border: 1px solid #454B2D;
	font-size: 110%;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 3px;
}

input.button, input#resort_submit, input#area_submit, input#user_submit, input#link_submit, input#linkgroup_submit, input#submit, input#state_submit, input#visit_submit, input#user_rating_submit, input#search_submit, input#forum_submit, input#forum_member_submit {
	float: left;
        clear: left;
	margin-top: 2px;
	background-color: #B1CB55;
}

input#compare_resort_submit {
    margin-left: 10px;
    background-color: #B1CB55;
}

input.go_button {
    margin-top: 2px;
    margin-left: 10px; 
    height: 22px; 
    padding-bottom: 2px;
    background-color: #B1CB55;    
}

input#friendship_submit {
    margin-top: 2px;
    margin-left: 20px;
    background-color: #B1CB55;
}

div#distance-results {
  margin-top: 10px;
}

div#google_map {
  border: 1px solid black;
  clear: right;
}

div#errorExplanation {
  background-color: #eeeeee;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;  
}

div#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  background-color: #c00;
  color: #fff;
  padding: 4px;
}

div#errorExplanation p {
  color: #333;
}

div#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* Tabs */

ul.subsection_tabs {
	list-style:none;
        margin-left: -4px;
	padding-top:10px;
	padding-left:10px;
	border-bottom:2px solid #555;
	height:28px;
	clear:both;
}

ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
}

ul.subsection_tabs li.tab a {
	display:block;
	height:26px;
	padding:0 8px 0 8px;
	background-color:#fff;
	font-size: 130%;
	font-weight: bold;

	background-color:#fff;
	border-top:2px solid #555;
	border-left:2px solid #555;
	border-right:2px solid #555;
	border-bottom:2px solid #555;
        text-decoration: none;
        background-color: #555;
        color: white;
}

ul.subsection_tabs li.tab a:hover {
        text-decoration: underline;
}

ul.subsection_tabs li.tab a.active {
	height:26px;
	background-color:#fff;
	border-top:2px solid #555;
	border-left:2px solid #555;
	border-right:2px solid #555;
	border-bottom:2px solid #fff;
        text-decoration: none;
        color: #454B2D;
}

/* Front Page */

div.front_page_strap {
  font-size: 24px;
  text-align: center;
  padding-bottom: 10px;
}

div.front_page_strap span {
  font-weight: bold;
}

table.front_page {
  width: 100%;
  border: 0px;
}

table.front_page tr {
}

table.front_page td {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}

tr.front_page_table_heading td {
  padding-top: 0px;
  font-size: 24px;
  font-weight: bold;
}

/* Link checking */

a.linkcheck404, a.linkcheck403, a.linkcheck401, a.linkcheck400, a.linkcheck408, a.linkcheck408 {
  color: red;
}

a.linkcheck301 {
  color: #FFB413;
}

a.linkcheck200, a.linkcheck303, a.linkcheck302, a.linkcheck304 {
  color: green;
}

/* Visit Status Popup*/


div#resort_visit_status {
  width: 150px; 
  float: right;
  text-decoration: underline;
  background-color: #FCFEF6;
  margin-bottom: 10px;
  margin-right: 75px;
}

div.resort_visit_status_option_u {
  border: dashed gray 2px;
  margin-bottom: 4px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: 3px 2px;
  padding-left: 38px;
  padding-right: 2px;
  padding-top: 10px;
  font-weight: bold;
  font-size: 12px;
  color: gray;
  text-align: center;
  background-color: white;
}

div.resort_visit_status_option_u:hover, div.resort_visit_status_option {
  border: solid black 2px;
  font-weight: bold;
  color: black;
}

div.resort_img_liked_visit_u {
  background-image: url(/images/likedvisitu.png); 
}

div.resort_img_liked_visit_u:hover, div.resort_img_liked_visit {
  background-image: url(/images/likedvisit.png); 
}

div.resort_img_to_visit_u {
  background-image: url(/images/tovisitu.png); 
}

div.resort_img_to_visit_u:hover, div.resort_img_to_visit {
  background-image: url(/images/tovisit.png); 
}

div.resort_img_unrated_u {
  background-image: url(/images/unratedu.png); 
}

div.resort_img_unrated_u:hover, div.resort_img_unrated {
  background-image: url(/images/unrated.png); 
}

div.resort_img_dont_visit_u {
  background-image: url(/images/dontvisitu.png); 
}

div.resort_img_dont_visit_u:hover, div.resort_img_dont_visit {
  background-image: url(/images/dontvisit.png); 
}

div.resort_img_disliked_visit_u {
  background-image: url(/images/dislikedvisitu.png); 
}

div.resort_img_disliked_visit_u:hover, div.resort_img_disliked_visit {
  background-image: url(/images/dislikedvisit.png); 
}

table.user_description {
    
}


table.user_description td.user {
  font-weight: bold;
  padding-left: 20px;
  vertical-align: top;
  border-bottom: 1px solid black;
}

table.user_description td.description {
  font-style: italic;
  border-bottom: 1px solid black;
  background-color: white;
}

/* Resort comparison table */

table.resort_comparison {
    
}

table.resort_comparison td.title {  
  font-weight: bold;
}

table.resort_comparison td.best {  
  font-weight: bold;
}

table.resort_comparison td, table.resort_comparison th {  
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: right;
}

table.resort_comparison tr#remove_row td {
  text-align: center;
}

div.permalink {
  padding-top: 5px;
  font-size: 80%;
}

span.fake_button {
    display: inline-block;
    margin-top: 2px;
    background-color: #B1CB55;
    border: 1px solid #454B2D;
    padding: 3px;
    font-weight: bold;
}

span.fake_button a:link, span.fake_button a:visited {
    text-decoration: none; 
}

span.fake_button a:hover, span.fake_button a:active {
    text-decoration: underline; 
}

#slideshow_outer {
  margin-top: 10px;
  clear: right;
  float: right;
  background-color: white;
  margin-bottom: 10px;
}

#slideshow_caption {
  text-align: center;
  font-size: 80%;
}

#slideshow {
  width: 300px;
  height: 225px;
}

div#overview {
    
}

div#overview span.snippet {
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 15px;
  white-space: nowrap;
  float: left;
  font-size: 120%;
}

div#overview span.snippet span.value {
  font-weight: bold;
  font-size: 110%;
}

div.contact {
  padding-bottom: 6px;
}

div.faq div.q {
  padding-bottom: 6px;
  font-weight: bold;
}    

div.faq div.a {
  padding-bottom: 12px;
}    

div.faq div.a div{
  padding-top: 2px;
  padding-left: 40px;
}    

img.bar {
  border: solid 1px black; 
  margin-top: 1px;
}


#tweet_outer {
  margin-top: 10px;
  clear: right;
  float: right;
  background-color: white;
  margin-bottom: 10px;
  width: 288px;
  border: solid 1px black;
  padding-left: 6px;
  padding-right: 6px;
}

#tweet li {
  list-style-type: none;
  list-style-position: outside;
  margin-top: 6px;
  margin-bottom: 6px;
}

span.day_date {
  padding-top: 6px;
  display: inline-block;
  width: 37px;
  height: 30px;
  text-align: center;
  background-image: url(/images/day.png); 
  background-repeat: no-repeat;
}

span.day_date span.day {
  font-weight: bold;
  color: red;
  font-size: 90%;
}

span.day_date span.weekday {
  font-weight: bold;
  font-size: 77%;
}

div#resorts_countries span.country {
  font-size: 120%;
  padding-right: 10px;
}

span.username {
  font-weight: bold;
}

span.points {
  font-size: 77%;
}

table.edit_resort {
}

table.edit_resort td.description {    
  padding-top: 4px;
  font-style: italic;
  border-top: 1px solid black;
}

table.edit_resort td.name {
  font-weight: bold;   
}

table.edit_resort td.old_value {
    
}

table.edit_resort td.new_value {
    
}

/* Link Table */

input.up_score, input.down_score {
    border:0px; 
    float: left; 
    padding-top: 5px;
}

span.score_number {
  float: left; 
  width: 30px; 
  text-align: center; 
  font-weight: bold;    
}