@import url("../pages/sitepage.css");


.mainarea_cnt h2{
color:#7d287f;
}

.mainarea_cnt p{
padding:12px 0px;
text-align:justify;
}

.mainarea_cnt .text{
padding:0px 12px 0px 0px;
}

.mainarea_cnt .dest_header{
color:#bbd531;
}
.mainarea_cnt .photos{
float:left;
text-align:center;
margin:0px 8px 5px 0px;
}

.mainarea_cnt .photos .dest_mainphoto{
background:url('../graphics/backgrounds/destinations/mainphoto_bg.png') no-repeat;
width:236px;
height:200px;
padding:7px;
display:block;
}

.gallery_anchor{
display:block;
}

.photoview{
background: url("../graphics/icons/photoview.png") no-repeat;
padding-left: 30px;
text-decoration: none;
}


.grey_textbox_top{
padding-top:10px;
background:url("../graphics/backgrounds/destinations/grey_textbox_top.png") no-repeat top left;
width:250px;
float:left;
}

.grey_textbox_btm{
padding-bottom:10px;
background:url("../graphics/backgrounds/destinations/grey_textbox_btm.png") no-repeat bottom left;
}

.grey_textbox{
background:#e5e5e5;
padding:0px 10px;
}

.temper_header{
padding:0px;
}

.temper_header .icon{
padding:14px 0px 14px 20px;
background:url("../graphics/icons/thermometer.png") no-repeat left center;
}

.bottom_area{
margin-top:20px;
}

#locate_on_map{
background: url("../graphics/icons/locate_map_bg.png") no-repeat scroll 0 0 transparent;
border: medium none;
color: #772579;
cursor: pointer;
height: 55px;
margin: 15px 0px 0px 20px;
padding: 20px 30px 16px 50px;
width: 170px;
}

#locate_on_map:hover{
background:url('../graphics/icons/locate_map_bg.png') no-repeat 0px -55px;
border:none;
cursor:pointer;
}

.grey_textbox a{
padding:4px 0px 4px 20px;
background:url("../graphics/icons/arrows/arrow-pointer-right.png") no-repeat left center;
text-decoration:none;
}

.grey_textbox a:hover{
text-decoration:underline;
}

.videosview{
float:left;
margin-left:8px;
width:350px;
}

.videosview h2{
background:url("../graphics/backgrounds/destinations/subheader.png") no-repeat;
color:#fff;
padding:0px 14px;
}

.videosview .icon{
display:block;
background:url("../graphics/icons/video.png") no-repeat left;	
padding:12px 10px 12px 30px;
}

.videosview .thumb{
padding:2px;
border:1px solid #666;
}

.video_wrapper{
text-align:center;
margin-top:16px;
}

.min_temps{
width:12px;
height:12px;
background:#6a921f;
border:1px solid #333;
}

.max_temps{
width:12px;
height:12px;
background:#007fa3;
border:1px solid #333;
}

.temp_meanings{
float:right;
margin-right:20px;
margin-top: 15px;
}

.min_temps,.max_temps{
float:left;
margin-right:8px;
position:relative;
top:3px;
}

.min_max_header{
margin-top:30px;
}

.resort_links{
padding:15px;
}

.resort_links a{
font-size:11px;
display:block;
text-decoration:none;
}

.resort_links a:hover{
text-decoration:underline;
}

.reviews_header{
padding:0px;
}

.reviews_header .icon{
background:url("../graphics/icons/white_bubble.png") no-repeat left center;
padding: 14px 0 14px 30px;
}

.comment_post_wrapper{
padding:0px 0px 20px 50px;
background:url("../graphics/icons/person.png") no-repeat 0px 10px;
min-height:50px;
}

.comment_post_top{
padding-top:26px;
background:url("../graphics/backgrounds/destinations/reviews_bubble_top.png") no-repeat top left;
}

.comment_post_btm{
padding-bottom:17px;
background:url("../graphics/backgrounds/destinations/reviews_bubble_btm.png") no-repeat bottom left;
}

.comment_post{
padding:0px 25px;
background:#e4e4e4;
margin: 0 34px 0 13px;
}

.comment_post *{
font-size:13px;
}

.comment_post h3{
color:#772579;
}

.comment_post .author_mail{
color:#772579;
}

.comment_post .date{
float:right;
color:#772579;
}

.comment_post .readmore{
float:right;
text-decoration:none;
}

.comment_post .readmore:hover{
text-decoration:underline;
}

#reviews_form{
padding-bottom:30px;
}

#reviews_form input[type="text"],
#reviews_form input[type="password"],
#reviews_form input[type="file"],
#reviews_form select, 
#reviews_form textarea {
background:url("../graphics/backgrounds/forms/fields.png") repeat-x top #e5e5e5;
}

#reviews_form input[type="text"]:focus,
#reviews_form input[type="password"]:focus,
#reviews_form input[type="file"]:focus,
#reviews_form select:focus, 
#reviews_form textarea:focus {
background:#fbe8ff;
}

#reviews_form .four_fifths {
display: block;
float: left;
width: 78%;
margin-bottom:12px;
}

#reviews_form .one_third {
display: block;
float: left;
width: 31%;
margin-bottom:12px;
}