/******* globally used ****************************/
body { background: url(../images/bg_dkblue.gif) repeat-x #64A2B4; /*#187A93; #C2BFB3;*/ background-attachment: fixed; font-family: arial, san-serif; font-size: 12px; margin: 0 10px; padding: 0; text-align: center; }
#whole { background: url(../images/bg_shadow.png) repeat-y; margin: 0 auto; position: relative; text-align:left; width:960px; padding: 0 4px; }

/* !!!! duplicated in landing.css -  yes on purpose !!!! */
#requirements { position: absolute; top: 120px; left: 0; z-index: 90; display: none; }
#requirements .outer,
noscript .outer { margin: 0 auto; width: 620px; border: solid 8px #DC1200; }
#requirements .inner,
noscript .inner { position: relative; background: url(/images/icons/exclamation.png) 12px 16px no-repeat #FED45C; padding: 20px 20px 20px 50px; text-align: left; font-size: 12px; color: #DC1200; }
#requirements .title,
noscript .title { font-size: 18px; } 
#requirements .req,
noscript .req { font-weight: bold; }
#requirements a.close_req,
#requirements a.close_req:hover,
#requirements a.close_req:visited { display: block; padding: 0 3px; position: absolute; top: 8px; right: 8px; color: #fff; background: #DC1200; font-weight: bold; text-decoration: none; }
#requirements a,
noscript a,
#requirements a:visited,
noscript a:visited,
#requirements a:hover,
noscript a:hover { color: #DC1200; }
noscript { position: absolute; z-index: 2; top: 0; left: 0; }

h2 { font-size: 18px; }
h3 { font-weight: bold; font-size: 14px; margin: 0 0 10px 0; color: #2D3A3F; }

a { color: #0081d6; text-decoration: none; }
a:visited { color: #005B97; }
a:hover, a:active { color: #ff6600; text-decoration: underline; }

img { border: none; }
.clear_div { clear: both; margin:0; padding:0; font-size: 0; line-height: 0; height: 0; }
.graphic_text { display: none; }
.small { color: #666; font-weight: normal; font-size: 11px; }
.feedback_text { color: #005B97; font-weight: bold; }

/*
input.styled, textarea.styled { font-size: 11px; color: #3A5869; border-top: solid 1px #C2C6CB; border-left: solid 1px #C2C6CB; border-right: solid 1px #C2C6CB; border-bottom: solid 2px #ABBBC6; margin-bottom: 6px; padding: 3px 5px; }
input.active { background-color: #FEFEB7; }
*/
input.styled,
textarea.styled { border-top: solid 1px #6D6F70; border-left: solid 1px #C9CBCC; border-right: solid 1px #C9CBCC; border-bottom: solid 1px #C9CBCC; margin: 2px 0; }
select.styled { border-top: solid 1px #6D6F70; border-left: solid 1px #C9CBCC; border-right: solid 1px #C9CBCC; border-bottom: solid 1px #C9CBCC; margin: 2px 0; }

textarea { font-family: verdana, arial, san-serif; font-size: 11px; }

/*select { font-size: 11px; border-top: solid 1px #C2C6CB; border-left: solid 1px #C2C6CB; border-right: solid 1px #C2C6CB; border-bottom: solid 2px #ABBBC6; margin-bottom: 6px; padding: 3px 5px; }*/

#top { background: #fff; position: relative; height: 105px; }
#top h1.logo { display: block; position: absolute; top: 12px; left: 18px; width: 180px; height: 61px; background: url(../images/logo.gif) no-repeat; text-indent: -5000px; margin: 0px; }
#top .user_signin { position: absolute; top: 80px; left: 20px; }
#top .user_signin a { text-decoration: none; }
#top .user_signin a:hover { text-decoration: underline; }
#top .promo { position: absolute; right: 0; height: 105px; width: 475px; }
#top .kass_boots { background: url(../images/kass_boots.gif) no-repeat; padding: 60px 10px 0 115px; }
#top .links { position: absolute; right: 20px; top: 10px; }
#top .maps_btn { position: absolute; right: 20px; top: 40px; width: 222px; height: 22px; background: url(../images/maps_btn.gif) no-repeat; padding: 34px 0 0 16px;  }
#top .ad_top { position: absolute; right: -233px; top: -2px; width: 720px; height: 105px; overflow: hidden; }

#nav_bar { background: url(../images/bg_nav.gif) repeat-x; height: 41px; position: relative; }
#nav { display: inline; }
#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav li { margin: 0; padding: 0; display: inline; }
#nav li a, #nav li a:visited { position: relative; z-index: 1; float: left; height: 28px; padding: 13px 14px 0; border-right: solid 1px #ABBBC6; text-decoration: none; color: #2D3A3F; font-size: 13px; }
#nav li a.on, #nav li a:hover, #nav li a:active { background: url(../images/btn_over.gif) repeat-x #0C9EFF; color: #fff; }
#nav li a.first, #nav li a.first:visited, #nav li a.first:hover, #nav li a.first:active { padding-left: 16px; }

#search { position: absolute; top: 8px; left: 250px; }
#search input { color: #000; }
#search .searchBtn { vertical-align: -0.5em; margin-left: 10px; }
#search input.empty { color: #999; }
.search_sorry { padding: 5px 10px; }

#nav_right { float: right; width: 190px; height: 31px; line-height: 39px; color:#666666 }
#nav_right .share_this_frame { display:inline; padding-left:5px; vertical-align:-4px; overflow:hidden; }
/*
a.signin_btn, a.signin_btn:visited { position: relative; float: left; display: block; z-index: 1; height: 23px; padding: 8px 17px 0; margin-right: 10px; font-weight: bold; text-decoration: none; color: #2D3A3F; }
a.signin_btn:hover, a.signin_btn:active { background: url(../images/btn_over.gif) repeat-x; color: #fff; }
a.btn_arw { position: relative; z-index: 1; float: left; display: block; height: 23px; padding: 8px 20px 0; background: url(../images/btn_arw.gif) 0px 8px no-repeat; padding-left: 20px;}
*/
#loggedin { position: relative; z-index: 2; float: right; margin: 8px 20px 0 0; }

/*.floater { position: absolute; visibility: hidden; top: 136px; right: 3px; width: 212px; background: #fff; border-left: solid 1px #ABBBC6; border-bottom: solid 2px #A8A8A8; border-right: solid 2px #A8A8A8;  padding: 20px 10px 20px 20px; z-index: 30; }
.floater a, .floater a:visited { text-decoration: none; }
.floater a:hover, .floater a:active { text-decoration: underline; }
.floater a.close { position: relative; float: right; top: -10px; background: #eee; }
.floater a.close:hover { background: #22A7FF; color: #fff; text-decoration: none; }
.floater .feedback { padding: 10px; }*/

a.joinnow,
a.joinnow:visited { display: block; width: 183px; height: 26px; background: url(/images/btns/join_now.gif) 0 0 no-repeat; }
a.joinnow:hover { background-position: 0 -26px; }

ul.signup_reasons { margin: 0 0 5px 0; padding: 0 0 7px 0; list-style: none; }
ul.signup_reasons li { padding: 5px 0 7px 33px; margin: 0; }
ul.signup_reasons li.pin { background: url(/images/icons/signin_pin.png) top left no-repeat; }
ul.signup_reasons li.share { background: url(/images/icons/signin_share.png) 0 3px no-repeat; }
ul.signup_reasons li.mcomment { background: url(/images/icons/signin_comment.png) top left no-repeat; }
ul.signup_reasons li.link { background: url(/images/icons/signin_link.png) top left no-repeat; }
ul.signup_reasons li.connect { background: url(/images/icons/signin_connect.png) top left no-repeat; }

a.mail_btn_yahoo { display: block; width: 207px; height: 26px; background: url(/images/btns/go_mail.gif) 0 0; text-indent: -900px; }
a.mail_btn_yahoo:hover { background-position: 0 -26px;  }
a.mail_btn_hotmail { display: block; width: 181px; height: 26px; background: url(/images/btns/go_mail.gif) 0 -52px; text-indent: -900px; }
a.mail_btn_hotmail:hover { background-position: 0 -78px;  }
a.mail_btn_gmail { display: block; width: 165px; height: 26px; background: url(/images/btns/go_mail.gif) 0 -104px; text-indent: -900px; }
a.mail_btn_gmail:hover { background-position: 0 -130px;  }

.signin_content input.styled { font-size: 16px; margin: 2px 0 10px; padding: 2px 4px; }

.signin_content a.signin,
.signin_content a.signin:visited { display: block; width: 90px; height: 26px; background: url(/images/btns/signin.gif) 0 0 no-repeat; margin-top: 21px; }
.signin_content a.signin:hover { background-position: 0 -26px; }

.signin_content a.sendreminder,
.signin_content a.sendreminder:visited { display: block; width: 80px; height: 26px; background: url(/images/btns/send2.gif) 0 0 no-repeat; }
.signin_content a.sendreminder:hover { background-position: 0 -26px; }

#resorts_menu { top: 106px; width: 300px; }
#resorts_menu select { margin-bottom: 4px; }

#login { position: absolute; top: 46px; left: 172px; }
#create { position: absolute; top: 70px; left: 172px; }

#content { background: url(../images/bg_content.gif) repeat-y top left #fff; position: relative; }
#content.doublerightbg { background: url(../images/bg_content_doubleright.gif) repeat-y top left #fff; }
#content .left { display: inline; float: left; width: 239px; }
#content .left .content { padding: 15px; }
#content .middle { display: inline; float: left; width: 480px; }
#content .middle .content { padding: 12px 20px 20px; }
#content .right { display: inline; float: left; width: 240px; }
#content .doubleleft { display: inline; float: left; width: 719px; background: url(../images/bg_content_doubleleft.gif) repeat-y; }
#content .doubleleft .content { padding: 20px; }
#content .doubleright { display: inline; float: left; width: 720px; }
#content .doubleright .content { padding: 20px; }
#content .wood { background: url(../images/bg_wood.jpg); }
#content .aboutleft { padding: 10px; }
#content .aboutright strong { font-size: 12px; }
#content .ad_center { position: absolute; width: 468px; height: 60px; bottom: 6px; left: 245px; overflow: hidden; display: none; }
#content .right .ad_right { padding: 10px 10px 10px 70px; display: none;  }
#content .onecol { background: #fff; padding: 20px; }

.column { position: relative; float: left; }

.col { background: url(../images/bg_col.gif) repeat-x bottom #fff; border-bottom: solid 1px #ABBBC6; padding: 12px 20px; }
.col_ttl { font-weight: bold; margin-bottom: 12px; font-size: 12px; color: #2D3A3F; }
.col_ttl2 { font-weight: bold; margin-bottom: 12px; font-size: 16px; color: #2D3A3F; }
.col_ttl a { font-size: 11px; font-weight: normal; }

.col_w_nav { background: url(../images/bg_col.gif) repeat-x bottom #fff; border-bottom: solid 1px #ABBBC6; }
.col_w_nav .nav { background: url(../images/bg_nav_sm.gif) repeat-x; height: 30px; position: relative; overflow: hidden; }
.col_w_nav .nav a, 
.col_w_nav .nav a:visited { display: block; position: relative; z-index: 1; float: left; height: 22px; padding: 7px 23px 0; border-left: solid 1px #ABBBC6; text-decoration: none; color: #2D3A3F; }
.col_w_nav .nav a.on, 
.col_w_nav .nav a:hover, 
.col_w_nav .nav a:active { background: url(../images/btn_over.gif) repeat-x #0C9EFF; color: #fff; }

.col_w_nav .content { padding: 12px 20px; }

#subnav { float: left; display: inline; background: url(../images/bg_nav.gif) repeat-x; height: 31px; width: 478px; border-right: solid 1px #ABBBC6; border-left: solid 1px #ABBBC6; }
#subnav ul { margin: 0; padding: 0; list-style-type: none; }
#subnav li { margin: 0; padding: 0; display: inline; }
#subnav li a, #subnav li a:visited { position: relative; z-index: 1; float: left; height: 23px; padding: 8px 20px 0; border-right: solid 1px #ABBBC6; text-decoration: none; color: #2D3A3F; }
#subnav li a:hover, #subnav li a:active { background: url(../images/btn_over.gif) repeat-x; color: #fff; }

#bottom_left_spacer { height: 200px; }
#bottom_left { position: absolute; bottom: 0; left: 4px; padding: 12px 20px 20px; width: 199px; }
.copy { font-size: 10px; } 
.quote { padding-bottom: 50px; }

#bottom_right_spacer { height: 132px; }

#doubleright_bottom { position: absolute; bottom: 0; left: 244px; border-top: solid 1px #ABBBC6; width: 720px; }

#doubleright_bottom #bottom_right { position: relative; bottom: 0; border-top: none; border-left: solid 1px #ABBBC6; left: 479px; padding: 12px 20px 20px; width: 199px; }
#bottom_right { position: absolute; bottom: 0; left: 724px; border-top: solid 1px #ABBBC6; padding: 12px 20px 20px; width: 199px; }
#bottom_right ul { margin: 0px; padding: 0; list-style: none; }
#bottom_right li { margin: 3px 0; }
#bottom_right a, #bottom_right a:visited { text-decoration: none; }
#bottom_right a:hover, #bottom_right a:active { text-decoration: underline; }

#bottom { background: url(../images/bottom.png) no-repeat; width: 968px; height: 7px; margin: 0 auto; width: 968px; padding: 0; }

a.btn-mdwhite, 
a.btn-mdwhite:visited { position: relative; display: block; float: left; background: url(/images/btns/sprite.gif) no-repeat 100% -52px; color: #000; margin: 0; padding: 0; text-decoration: none; font-weight: bold; font-size: 15px; line-height: 26px; }
a.btn-mdwhite span,
a.btn-mdwhite:visited span { position: relative; display: block; float: left; background: url(/images/btns/sprite.gif) no-repeat 0 -52px; padding: 0px 17px 0 21px; margin: 0 7px 0 0; cursor: pointer; }
a.btn-mdwhite:active, 
a.btn-mdwhite:hover { background-position: 100% -52px; }
a.btn-mdwhite:active span, 
a.btn-mdwhite:hover span { background-position: 0 -52px; color: #0081D6; }

a.btn-mdblue, 
a.btn-mdblue:visited { position: relative; display: block; float: left; background: url(/images/btns/sprite.gif) no-repeat 100% 0; color: #fff; margin: 0; padding: 0; text-decoration: none; font-weight: bold; font-size: 15px; line-height: 26px; }
a.btn-mdblue span,
a.btn-mdblue:visited span { position: relative; display: block; float: left; background: url(/images/btns/sprite.gif) no-repeat 0 0; padding: 0px 17px 0 21px; margin: 0 7px 0 0; cursor: pointer; }
a.btn-mdblue:active, 
a.btn-mdblue:hover { background-position: 100% -26px; }
a.btn-mdblue:active span, 
a.btn-mdblue:hover span { background-position: 0 -26px; color: #000; }

/******* styles specific to page content ****************************/

ol.explanation { font-weight: bold; font-size: 16px; color: #189BF3; }
ol.explanation li { margin-bottom: 16px; }

ol.locations { font-size: 12px; margin: 5px 0 10px 12px; padding: 0; }
ol.locations li { margin: 4px 0 4px 10px; padding: 0; }

.photo_thm { clear: both; margin-bottom: 20px; }
.photo_thm img { float: left; margin-right: 10px; }

a.user_thm { position: relative; float: left; width: 54px; margin: 0 10px 10px 0; }

a.resort_link, a.resort_link:visited { font-size: 14px; font-weight: bold; text-decoration: none; }
a.resort_link:hover, a.resort_link:active { text-decoration: underline; }

/*.comment { position: relative; margin: 8px 0; padding: 6px 6px 12px 65px; border-bottom: solid 1px #ccc; color: #333; line-height: 16px; }*/
.comment { position: relative; margin: 2px 0 10px; padding: 6px 6px 6px 65px; border-bottom: solid 1px #ccc; color: #333; line-height: 16px; }
.comment .context { color: #999; }
a.delete_comment { position: absolute; top: 0px; right: 0; width: 15px; height: 16px; background: url(/images/close_sm_lt.png) no-repeat; }
a:hover.delete_comment { background: url(/images/close_sm_lt.png) no-repeat 0 -16px; }
.user_photo { position: absolute; top: 4px; left: 0; }
.comment_input .comment_form { margin: 0; }
.comment_input textarea { background: #FFFFCD; border: solid #6F6F6F 1px; padding: 4px 6px; color: #000; width: 350px; height: 56px; margin-bottom: 4px; }
.comment_input textarea.empty { color: #A4A373; }
.comment_input a.add_comment, 
.comment_input a.add_comment:visited { display: block; background: url(/images/btns/add_comment.gif) no-repeat; width: 118px; height: 24px; }
.comment_input a.add_comment:hover, 
.comment_input a.add_comment:active { background: url(/images/btns/add_comment.gif) no-repeat 0 -24px; }
.comment_input em { color: #666; font-size: 10px; }
.comment_input .comment_form_left { float: left; }
.comment_input .comment_form_right { float: left; margin-left: 10px; }
.comments .new { display: none; }
.comments .loaded { background: #BCDBFF; }
.comments .comment_resort { margin-top: 6px; color: #999; }

.more_comments { text-align: right; color: #999; }

.comments_media { background: #fff; border: solid 1px #49505A; height: 100px; overflow: auto; padding: 4px; }
.comments_media .comment { position: relative; margin: 0 0 2px 0; padding: 0 3px 6px 36px; color: #333; font-size: 11px; border: none; /*line-height: 16px;*/ }
.comments_media .comment .user_photo { position: absolute; top: 0; left: 0; }

.media_highlights { width: 199px; over-flow: auto; }
.media_highlight { margin: 0 -15px 10px 0; color: #333; }
.media_highlight a.location, 
.media_highlight a.location:visited { display: block; font-weight: bold; font-size: 13px; text-decoration: none; margin-bottom: 2px; }
.media_highlight a.location:hover, 
.media_highlight a.location:active { text-decoration: underline; }
.media_highlight a.thumbnail { float: left; position: relative; margin: 3px 7px 8px 0; }
.media_highlight .title,
.media_highlight a.title, 
.media_highlight a.title:visited { display: block; font-weight: bold; font-size: 13px; color: #333; text-decoration: none; margin-bottom: 4px; }
.media_highlight a.title:hover, 
.media_highlight a.title:active { text-decoration: underline; }

.media_highlight .views { color: #999; }

#screen { display: none; height: 500px; left: 0; position: fixed; top: 0; width: 100%; z-index: 90; }
* html #screen { position: absolute; }
/*.overlayMacFFBGHack { background:transparent url(/images/macFFBgHack.png) repeat scroll 0 0; }*/
#screen #loading { position: absolute; background: #000; padding: 20px; }

.popup { position: absolute; top: 0px; left: 0px; width: 400px; display: none; z-index: 91; }
.popup .top, .popup .bottom { line-height: 0; margin:0; padding:0; font-size: 0; }
.popup .top .left { float: left; position: relative; width: 50%; height: 9px; background: url(/images/popup_top_left.png) top left no-repeat; }
.popup .top .right { float: left; position: relative; width: 50%; height: 9px; background: url(/images/popup_top_right.png) top right no-repeat; }
.popup .middle .left { background: url(/images/popup_left_shadow.png) top left repeat-y; }
.popup .middle .right { background: url(/images/popup_right_shadow.png) top right repeat-y; margin-left: 4px; }
.popup .middle .inner { background: url(/images/popup_inner_bg.gif) top left repeat-x #96D5E4; margin-right: 4px; padding: 1px 20px 20px 20px; text-align: left; position: relative; }
.popup .title { font-size: 14px; font-weight: bold; color: #2D3A3F; text-align: center; margin: 0 20px 10px 0; }
.popup .bottom .left { float: left; position: relative; width: 50%; height: 9px; background: url(/images/popup_bottom_left.png) bottom left no-repeat; }
.popup .bottom .right { float: left; position: relative; width: 50%; height: 9px; background: url(/images/popup_bottom_right.png) bottom right no-repeat; }
.popup a.close { display: block; position: absolute; top: -10px; right: -10px; width: 29px; height: 31px; background: url(/images/close.png) 0 0 no-repeat; z-index: 92; }
.popup a.close:hover { background: url(/images/close.png) 0 -31px no-repeat; }
.popup .logo { display: block; position: absolute; top: 14px; right: 20px; width: 167px; height: 41px; background: url(/images/logo_popup.png) 0 0 no-repeat; z-index: 2; }

.alert .top .left { background: url(/images/alert_top_left.png) top left no-repeat; }
.alert .top .right { background: url(/images/alert_top_right.png) top right no-repeat; }
.alert .middle .inner { background: #6c0; color: #fff; }
.alert .logo { background: none; }

.popup h3,
.profile_edit h3 { color: #660033; }

.popup .you_tube_video_wrapper { margin: 10px 0; width: 425px; height: 355px; text-align: center; }
.popup .vimeo_video_wrapper { margin: 10px 0; width: 425px; height: 355px; text-align: center; }

/*.popup .signup_content .scrollable { height: 480px; overflow: auto; }*/

.signup_steps { width: 128px; height: 50px; background: url(/images/signup_steps.gif) no-repeat top left; }
.signup_steps.step_one { background-position: 0 0; }
.signup_steps.step_two { background-position: 0 -50px; }
.signup_steps.step_three { background-position: 0 -100px; }

.profile_edit .signup_col { float: left; width: 210px; margin: 0 10px 6px 0;  }
.profile_edit .signup_col2 { float: left; width: 360px; margin: 0 10px 6px 0;  }
.profile_edit .signup_col3 { float: left; width: 90px; margin: 5px 5px 10px;  }

.profile_edit .accounts_logo { position: relative; top: 8px; margin-right: 10px; }
.profile_edit hr { border: none; background: #999; margin: 15px 0; height: 1px; }

.profile_edit #resort_list { margin-bottom: 20px; }
.profile_edit #resort_list .fav { padding: 2px 0; }
.profile_edit #resort_list .fav .name { position: relative; float: left; font-weight: bold; border-bottom: solid 1px #999; padding: 6px 4px; width: 460px; }
.profile_edit #resort_list .fav .links { position: relative; float: left; border-bottom: solid 1px #999; padding: 6px 4px; }

.profile_edit .feedback { padding: 20px 0pt 10px 30px; /*background: transparent url(/images/icons/exclamation_sm.png) no-repeat scroll 0 15px;*/ }

.profile_edit .error_msg { background: url(/images/icons/exclamation.png) 12px 12px no-repeat #FED45C; color: #DC1200; font-weight: bold; padding: 10px 10px 10px 50px; border: solid 2px #DC1200; }
ul.errors { padding: 0 10px; }
ul.errors li { margin: 8px 12px; }
.profile_edit .error_msg a { color: #DC1200; }

.highlight,
a.highlight,
.highlight a,
.highlight .display { background: #6c0; color: #fff; }

.larger { font-size: 16px; font-weight: bold; color: #005B97; }

/*a.contact_send { width: 10px; height: 40px; background: url(image-url.gif) no-repeat; }*/

/************************ signup-v2 ***************************************/
.profile_v2 h2 { font-weight: bold; font-size: 18px; color: #FD1DA0; }

.profile_v2 .space { height: 20px; }

.profile_v2 .signup_row { overflow: hidden; width: 100%; margin-bottom: 10px; }
.profile_v2 .signup_row label { font-size: 14px; color: #333; }
.profile_v2 .signup_row .inpt { position: relative; display: block; float: left; width: 220px; }
.profile_v2 .signup_row .vald { position: relative; display: block; float: left; width: 460px; }
.profile_v2 .signup_row .vald .icon { position: absolute; top: 0; left: 0; z-index: 2; }

.profile_v2 .good .vald .icon { top: 8px; width: 24px; height: 18px; background: url(/images/icons/valid-sprite.gif) no-repeat 0 0; }
.profile_v2 .bad .vald .icon { top: 5px; width: 24px; height: 25px; background: url(/images/icons/valid-sprite.gif) no-repeat 0 -25px; }
.profile_v2 .note .vald .icon { top: 3px; width: 7px; height: 30px; background: url(/images/icons/valid-sprite.gif) no-repeat 0 -50px; }

.profile_v2 .good .vald .msg { font-size: 12px; font-weight: bold; color: #00A600; margin-left: 30px; padding: 8px 0; }
.profile_v2 .bad .vald .msg { font-size: 12px; font-weight: bold; color: #E1000B; margin-left: 30px; padding: 8px 0; }
.profile_v2 .note .vald .msg { font-size: 12px; font-weight: bold; color: #63754F; background: #E9F4DD; border: solid 1px #C0C0C0; margin-left: 6px; padding: 7px; }

.profile_v2 .signup_row input.styled { border-top: solid 1px #6D6F70; border-left: solid 1px #C9CBCC; border-right: solid 1px #C9CBCC; border-bottom: solid 1px #C9CBCC; font-size: 14px; font-weight: bold; margin: 2px 0; padding: 4px; width: 202px; }
.profile_v2 .good input.styled { background: #DAF3F9; }
.profile_v2 .bad input.styled { background: #FFE6DD; }
.profile_v2 textarea.styled { border-top: solid 1px #6D6F70; border-left: solid 1px #C9CBCC; border-right: solid 1px #C9CBCC; border-bottom: solid 1px #C9CBCC; font-size: 14px; font-weight: bold; margin: 2px 0; padding: 4px; width: 540px; background: #DAF3F9; }
.profile_v2 hr { background: #ccc; border: none; height: 1px; margin: 15px 0 5px; }

.profile_v2 .instruct { font-weight: bold; font-size: 14px; }
.profile_v2 .instruct span.small { font-weight: normal; font-size: 12px; }
.profile_v2 .like_todo { overflow: hidden; width: 100%; }
.profile_v2 .like_col { position: relative; float: left; width: 130px; }

/************************ become_member ***************************************/

ul.become_member { list-style: none; padding: 0 0 0 20px; }
ul.become_member li { padding: 5px 0 10px 46px; margin: 5px 0; font-size: 17px; color: #333; }
ul.become_member li.pin { background: url(/images/icons/member_pin.gif) top left no-repeat; }
ul.become_member li.share { background: url(/images/icons/member_share.gif) 0 3px no-repeat; }
ul.become_member li.mcomment { background: url(/images/icons/member_comment.gif) top left no-repeat; }
ul.become_member li.link { background: url(/images/icons/member_link.gif) top left no-repeat; }
ul.become_member li.connect { background: url(/images/icons/member_connect.gif) top left no-repeat; }

.actions { width: 280px; margin: 20px auto; }
.actions .btn { position: relative; float: left; width: 177px; text-align: center; font-size: 11px; color: #333; }
.actions .btn a.join_btn,
.actions .btn a.join_btn:visited { background: url(/images/btns/join_today.gif) 0 0 no-repeat; display: block; width: 177px; height: 35px; }
.actions .btn a.join_btn:hover { background: url(/images/btns/join_today.gif) 0 -35px no-repeat; }
.actions .link { position: relative; float: left; width: 72px; text-align: right; padding-top: 10px; }

/************************ mypage ***************************************/

#content .left .profile { padding: 15px; color: #495760 }
.profile input, .profile textarea, .profile select { font-size: 11px; color: #334B14; background: #E1FCBF; border-bottom: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; border-left: solid 2px #AEAEAE; border-top: solid 2px #AEAEAE; margin-bottom: 6px; }
.profile input { padding: 3px 5px; }
.profile textarea { padding: 3px 0 3px 5px; height: 60px; }
.profile .chckbx { vertical-align: -0.7em; }

.profile strong { color: #2D3A3F; }

.profile a.expander { font-weight: bold; color: #2D3A3F; text-decoration: none; }
.profile a.expander:hover { text-decoration: underline; }

.username { font-weight: bold; font-size: 15px; color: #2D3A3F; margin-bottom: 10px; }
.profile .photo { margin: 10px 0; position: relative; cursor: hand; }
.profile .photo .edit_photo { position: absolute; width: 183px; left: 4px; bottom: 4px; background: #6c0; color: #fff; text-align: center; display: none; cursor: pointer; cursor: hand; }
.completeness { background: url(/images/completeness_bg.gif) top left no-repeat; height: 19px; margin: 4px 0 10px; }
.completeness .percnt { position: relative; top: 2px; float: right; color: #73A11D; font-weight: bold; }
.completeness .complete { position: relative; left: 12px; height: 19px; background: url(/images/complete_bg.gif) -60px 0 no-repeat;  }
.profile_indent { margin: 5px 0 10px 10px; }
.form { display: none; }

.fav_map_wrapper { background: url(/images/bg_wood.jpg); padding: 15px 10px; }
.fav_map_wrapper.highlight { background: #66CC00; }
.fav_map_wrapper h2 { margin-top: 0; color: #660033; }

.fav_list { background: #fff; padding: 10px; }
.fav_list .fav { position: relative; float: left; width: 216px; font-weight: bold; margin: 0 4px 6px 0; }
#fav_map { width: 460px; height: 220px; border: solid 1px #fff; background: #fff; overflow: hidden; }

.fav_resorts_top { float: right; }
.fav_resorts_top a { color: #fff; text-decoration: underline; }
.fav_resorts_top a:hover { text-decoration: none; }
.fav_resorts_top .loading { visibility: hidden; position: relative; top: -5px; }

a.choose_favorites { display: block; position: relative; margin-top: 5px; float: right; background: url(/images/btns/choose_favorites.png) 0 0 no-repeat; width: 148px; height: 24px; }
a.choose_favorites:hover { background-position: 0 -24px; }

h2.intro { font-size: 16px; }
.intro_bullets { margin: 0 0 0 20px; line-height: 24px; font-weight: bold; }

a.profile_edit { font-weight: bold; }
a.save_edit { font-weight: bold; display: none; }
a.cancel_edit { font-weight: bold; color: #c00; display: none; }

.profile_image_wrapper { height: 700px; width: 679px; overflow: hidden; border: solid 2px #ccc; background: #eee; }
.profile_image_frame { position: relative; width: 193px; height: 193px; overflow: visible; top: 30px; left: 30px; }		
.profile_image_frame #imageContainer { cursor: move; /*border: solid 1px #f00;*/ }
.profile_image_frame #theImage { position: relative; top: 0px; left: 0px; /*top: -25px; left: -6px; width: 333px; height: 250px; border: solid 1px #0f0;*/ }
.profile_image_frame #matte_top { position: absolute; top: 0; left: 0; background: url(/images/matte_top.png); width: 193px; height: 7px; }
.profile_image_frame #matte_right { position: absolute; top: 7px; right: 0; background: url(/images/matte_right.png); width: 7px; height: 179px; }
.profile_image_frame #matte_bottom { position: absolute; bottom: 0; left: 0; background: url(/images/matte_bottom.png); width: 193px; height: 7px; }
.profile_image_frame #matte_left { position: absolute; top: 7px; left: 0; background: url(/images/matte_left.png); width: 7px; height: 179px; }
.profile_image_frame #frame_instruc { position: absolute; top: 149px; left: 4px; background: url(/images/frame_instruc.png); width: 183px; height: 13px;  }
.profile_image_frame .frame_crop a { position: absolute; top: 166px; left: 11px; background: url(/images/frame_preview.png); width: 87px; height: 18px; cursor: pointer; }
.profile_image_frame .frame_crop a.exit { background: url(/images/frame_preview.png) 0 -17px; }
.profile_image_frame .frame_save a { position: absolute; top: 166px; left: 110px; background: url(/images/frame_save.png); width: 67px; height: 18px; cursor: pointer; }
.profile_image_frame .controls { margin-bottom: 10px; z-index: 30; padding: 2px 4px; background: #000; color: #fff; }
.profile_image_frame .controls a { color: #fff; }

.profile_edit_nav a.on { font-weight: bold; text-decoration: none; color: #2D3A3F; }

ul.sales { font-weight: bold; font-size: 12px; color: #1C5184; margin: 30px 0; }
ul.sales li { margin-bottom: 14px; }

h3.no_bottom_margin { margin: 0px; }
.users_media { margin: 20px 0; }

.view_media { overflow: hidden; width: 100%; }
.view_media a.media { display: block; margin: 0 10px 10px 0; text-align: center; float: left; font-size: 10px; text-decoration: none; }	
.view_media .media_thumb { border: solid 1px #ABBBC6; padding: 3px; } 
.view_media a.media:hover .media_thumb { background: #22A7FF; }

.view_media .page_nav { overflow: hidden; width: 100%; font-size: 14px; margin: 10px 0; }
.view_media .page_nav .ellipses { position: relative; float: left; padding: 2px 4px; margin: 2px; color: #666;}
.view_media .page_nav a,
.view_media .page_nav a:visited { position: relative; float: left; padding: 2px 4px; margin: 2px; border: solid 1px #22A7FF; text-decoration: none; }
.view_media .page_nav a:hover, 
.view_media .page_nav a:active,
.view_media .page_nav a.on { background: #22A7FF; color: #fff; text-decoration: none; }


.view_friends a.friend { display: block; margin: 0 10px 10px 0; text-align: center; float: left; font-size: 10px; text-decoration: none; }	
.view_friends .friend_thumb { border: solid 1px #ABBBC6; padding: 3px; } 
.view_friends a.friend:hover .friend_thumb { background: #22A7FF; }

.view_friends a.friend .delete_friend { background: url(../images/close_sm.png) no-repeat; }

/************************ resorts ***************************************/
#resorts_map_wood { background: url(../images/bg_wood.jpg); padding: 20px 14px 13px 20px; border-bottom: solid 1px #ABBBC6; }

#resorts_map_wood #search_results { display: none; background: #fff; border-top: 1px solid #ABBBC6; border-left: 1px solid #ABBBC6; margin-bottom: 20px; overflow: hidden; }
#resorts_map_wood #search_results a.result,
#resorts_map_wood #search_results a.result:visited { display: block; float: left; position: relative; padding: 4px 8px; width: 206px; background: url(/images/bg_nav.gif) 0 -1px repeat-x #fff; border-right: solid 1px #ABBBC6; border-bottom: solid 1px #ABBBC6; }
#resorts_map_wood #search_results a.result:hover { background: url(/images/btn_over.gif) top left repeat-x #0C9EFF; text-decoration: none; color: #fff; }

#resorts_map_wrapper { }
#resorts_map_wrapper .top { height: 16px; width: 923px; background: url(/images/resorts-white-bg.png) 0 0 no-repeat; }
#resorts_map_wrapper .middle { padding: 0 18px 0 12px; width: 893px; background: url(/images/resorts-white-middle-bg.png) repeat-y; } 
#resorts_map_wrapper .bottom { height: 23px; width: 923px; background: url(/images/resorts-white-bg.png) 0 100% no-repeat; }
#resorts_map_wrapper .resorts-search { overflow: hidden; position: relative; margin-bottom: 13px; }
#resorts_map_wrapper .resorts-search .worldwide { float: left; margin: 4px 0 0 4px; width: 535px; height: 19px; background: url(/images/headers/resorts-num.gif) no-repeat; text-indent: -9999px; }
#resorts_map_wrapper .resorts-search #searchResorts { margin: 0; }
#resorts_map_wrapper .resorts-search .search-input { float: left; width: 350px; }
#resorts_map_wrapper .resorts-search .search-input #search-btn { position: absolute; top: 0px; right: 10px; }

#resorts_map_wrapper .resorts-nav { overflow: hidden; position: relative; margin-top: 20px; }
#resorts_map_wrapper .resorts-nav .nav-input { float: left; width: 600px; } 
#resorts_map_wrapper .resorts-nav .explore { float: left; margin: 0 20px 0 4px; width: 269px; height: 20px; background: url(/images/headers/resorts-explore.gif) no-repeat; text-indent: -9999px; }
#resorts_map_wrapper .view { float: right; margin: 0 0 0 10px; font-weight: normal; font-size: 12px; }
.location_feedback { visibility: hidden; }

#resorts_map_wrapper #resort-location { font-weight: bold; font-size: 14px; margin-bottom: 8px; }
#resorts_map_wrapper #resort-location .fav,
#resorts_map_wrapper #resort-location a.fav { float: right; padding-left: 30px; background: url(/images/icons/star.png) no-repeat; font-size: 12px; font-weight: normal; line-height: 27px; position: relative; top: -5px; color: #0081D6; }
#resorts_map_wrapper #resort-location span.fav { color: #005B97; }

#resorts_map_wrapper #user_scroll { padding: 6px 0; }
#resorts_map_wrapper #user_scroll img { margin: 0 2px; }

#resorts_map { width: 889px; height: 400px; border: solid 2px #225e71; background: url(/images/resorts-world-map.jpg) no-repeat -35px -200px; position: relative; }
#resorts_map.nobg { background: #eee; }
#resorts_map a.super_region,
#resorts_map a.super_region:visited { display: block; position: absolute; background: url(/images/icons/resort-target.png) no-repeat 0 0; width: 87px; height: 44px; padding: 12px 5px 0 54px; color: #fff; line-height: 13px; font-size: 11px; }
#resorts_map a.super_region:hover,
#resorts_map a.super_region:active { background-position: 0 -56px; text-decoration: none; }
#resorts_map a.super_region .name { font-weight: bold; }
#no_resort_map { background: url(/images/no_resort_map_bg.gif) repeat-x #B2C7D4 top; color: #4D4D4D; text-align: center; height: 40px; margin: 4px 0 0; padding: 40px 10px; font-weight: normal; font-size: 14px; width: 873px; }
#resorts_map a, #resorts_map a:visited { color: #ccc; }

#resorts_map_wrapper select { font-size: 12px; }

#resorts_map_wrapper a.map_go,
#resorts_map_wrapper a.map_go:visited { display: block; position: relative; top: -1px; width: 58px; height: 22px; background: url(../images/btns/go.gif); margin-left: 5px;}
#resorts_map_wrapper a.map_go:hover { background-position: 0 -22px; }

/************************ resort ***************************************/
#trail_map_wood { background: url(../images/bg_wood.jpg); padding: 20px; border-bottom: solid 1px #ABBBC6; }

#trail_map_wood #search_results { display: none; background: #fff; border-bottom: solid 1px #8C7555; margin-bottom: 20px; overflow: hidden; }
#trail_map_wood #search_results a.result,
#trail_map_wood #search_results a.result:visited { display: block; float: left; position: relative; padding: 4px 8px; width: 213px; background: url(/images/bg_nav.gif) 0 -1px repeat-x #fff; border-right: solid 1px #ABBBC6; border-bottom: solid 1px #ABBBC6; }
#trail_map_wood #search_results a.result:hover { background: url(/images/btn_over.gif) top left repeat-x #0C9EFF; text-decoration: none; color: #fff; }

#trail_map_wrapper { padding: 5px 9px 10px 9px; background: #fff; color: #2D3A42; font-weight: bold; font-size: 14px; border-top: solid 1px #C1A276; border-left: solid 1px #C1A276; border-right: solid 1px #8C7555; border-bottom: solid 1px #8C7555; }
#trail_map_wrapper .view { float: right; margin: 0 0 0 10px; font-weight: normal; font-size: 12px; }
.location_feedback { visibility: hidden; }
#trail_map_wrapper #user_scroll { padding: 6px 0; }
#trail_map_wrapper #user_scroll img { margin: 0 2px; }

#trail_map { width: 898px; height: 420px; margin: 4px 0 0 0; text-align: center; border: solid 2px #ABBBC6; }
#no_trail_map { background: url(/images/no_resort_map_bg.gif) repeat-x #B2C7D4 top; color: #4D4D4D; text-align: center; height: 40px; margin: 4px 0 10px 0; padding: 40px 10px; font-weight: normal; }
#trailt_map a, #trail_map a:visited { color: #ccc; }

#trail_wrapper select { font-size: 12px; }


#yelp_biz { margin-bottom: 4px; }
#yelp_biz .biz { padding: 10px 0; border-bottom: solid 1px #B9C7D0; }
.yelp_link { margin: 0 0 20px 20px; }

.tweet_container { position: relative; width: 194px; height: 100px; overflow: hidden; }
/*** 194+10 = 204 * 5 = 1020 ***/
.tweets { position: relative; top: 0px; left: -816px; width: 1020px; overflow: hidden; }
.tweet { position: relative; float: left; width: 194px; margin-right: 10px; }
.tweet .date { margin: 0 0 6px; color: #666; font-style: italic; font-weight: bold; }

.tweet_nav { overflow: hidden; }
.tweet_nav a#tweet_nav_prev { position: relative; float: left; }
.tweet_nav a#tweet_nav_next { position: relative; float: right; }
.tweet_nav a.inactive { text-indent: -999px; cursor: default; }


.weather_container { position: relative; width: 194px; height: 100px; overflow: hidden; }
/*** 194+10 = 204 * 5 = 1020 ***/
.weather_days { position: relative; top: 0px; left: 0px; width: 1020px; overflow: hidden; } /*-816*/
.weather_day { position: relative; float: left; width: 194px; margin-right: 10px; }
.weather_day .date { margin: 0 0 6px; color: #666; font-style: italic; font-weight: bold; }
.weather_day img { float: left; margin-right: 5px; }
.weather_day .summary { margin: 0 0 6px; font-weight: bold; }

.weather_day_nav { overflow: hidden; }
.weather_day_nav .title { margin: 6px 0 3px; font-weight: bold; font-size: 13px; }
.weather_day_nav a { float: left; font-size: 10px; text-align: center; margin-right: 5px; }
.weather_day_nav a img { border: solid 2px #fff; }
.weather_day_nav a.active { color: #666; }
.weather_day_nav a.active img { border: solid 2px #0081D6; }
.weather_day_nav a:hover,
.weather_day_nav a.active:hover { text-decoration: none; }

.weather_nav { overflow: hidden; }
.weather_nav a#weather_nav_prev { position: relative; float: left; }
.weather_nav a#weather_nav_next { position: relative; float: right; }
.weather_nav a.inactive { color: #666; text-decoration: none; cursor: default; }

/************************ media display ***************************************/
.media_display { text-align: center; }
.media_display .media_top { position: relative; text-align: left; }
.media_display .media_top h2 { margin-bottom: 5px; width:360px;}
.media_display .media_top .action { color:#666; font-size: 11px; font-weight: bold; position: relative; left: 6px; }
.media_display .media_top .share_photo { vertical-align: -2px;  position: relative; left: 6px; }
.media_display .media_top .share_link { vertical-align: -2px;  position: relative; left: 6px; }
.media_display .media_top .share_this_frame { padding-left:7px; vertical-align:-6px; overflow:hidden; }
.media_display .media_top .user { position: absolute; top: 0; left: 355px; width: 147px; font-size: 11px; color: #666; text-align: right; }
.media_display .media_top .user img { float: right; position: relative; margin-left: 5px; }
.media_display .description { font-weight:bold; }
.media_flickr_full { border: solid 1px #49505A; margin: 5px 0 7px; }

.shareThis { display: none; position: absolute; top: 23px; left: 0; width: 325px; text-align: left; z-index: 95; }
.shareThis .link,
.shareThis .photo { display:none; }
.shareThis .photo .top { padding: 2px 3px 2px 2px; background: #efefef; border-top: solid 1px #49505A; border-left: solid 1px #49505A; border-right: solid 1px #49505A; width: 15px; font-size: 11px; font-weight: bold; position: relative; top: 1px; left:62px; line-height: 13px; }
.shareThis .link .top { padding: 2px 3px 2px 2px; background: #efefef; border-top: solid 1px #49505A; border-left: solid 1px #49505A; border-right: solid 1px #49505A; width: 15px; font-size: 11px; font-weight: bold; position: relative; top: 1px; left:82px; line-height: 13px; }
.shareThis a.share_close { float: right; background: url(/images/btns/share_close.gif) no-repeat; position: relative; top: -2px; }
.shareThis a.share_close:hover { background: url(/images/btns/share_close.gif) no-repeat 0 -16px; }
.shareThis .content { padding: 5px; background: #efefef; border: solid 1px #49505A; }
.shareThis .content .box { padding: 5px; border: solid 1px #D7D7D7; background: #fff; }
.shareThis .content .title { font-weight: bold; margin-bottom: 6px; font-size: 12px; text-align: left; line-height: 11px; }
.shareThis .content .feedback { margin: 5px 0; }

.ride_style_container { width: 460px; margin: 0 10px; }
.ride_style { width: 130px; float: left; }
.apparatus_col { float: left; width: 270px; margin: 0 10px; }
.gear_edit hr { background:#999999; border: none; height: 1px; margin: 15px 0; }