/* LAYOUT COLUMNS (DEFAULT) */
#column_right { float: right; width: 230px; margin-top: 18px; }
#column_left { float: left; width: 665px; margin-top: 10px; }
#column_left h2 { font-size: 20px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin-bottom: 10px; }
#column_left span.secondary_title { padding-top: 8px;display:block; }

/* FORMS CSS */
.form_input { padding: 5px; border: 1px solid #999; color: #333; }

/* WYSIWYG EDITOR */
.vBulletin_editor { border: none !important; padding: 0 !important; }
.vBulletin_editor_full { width:100%; }
.wysiwyg { font-family: "Lucida Grande","Myriad Pro",Verdana; font-size: 12px; color:#000; background-color: #F9FEF3; }
.controlbar { padding: 0 !important; }
.controlbar iframe { border:1px solid #CCC !important; width:99.7% !important; }
.controlbar table { padding: 0px; border-top: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6; }
.controlbar table tr td { padding-left: 5px; }

/* COLORED BOXES */
.errorbox { background-color:#FFB9B0;border:1px solid #990000;margin-bottom:10px;padding:7px; }
.errorbox ol { list-style: inside; margin-bottom: 10px; margin-left: 10px; margin-top: 10px; }

/* LISTINGS LIST (DEFAULT) */
.listings_list { border-top-width: 1px;border-top-style: solid;border-top-color: #999;margin-bottom:5px; }
.listings_list li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding: 13px; overflow: hidden; }
.listings_list li p { margin-bottom: 5px; }

.listings_list_pic { float: left; margin-right: 10px; }
.listings_list_pic a:hover img { border: 1px solid #51B42A; }

.listings_list_text span.options { float: right; text-align:left; width: 170px; }
.listings_list_text span.options a { text-decoration: underline; }
.listings_list_text span.options a:hover { text-decoration: none;color:#006C34; }
.listings_list_text span.options p { padding-bottom: 4px; font-size: 11px; }
.listings_list_text span.controls { float: right; }
.listings_list_text span.controls ul { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.listings_list_text span.controls ul li { float: left; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-right-width: 1px; border-right-color: #CCC; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 7px; font-size: 11px; }
.listings_list_text span.controls a{ color: #666; }
.listings_list_text span.controls a:hover { color: #333; }
.listings_list_text span.title { display: block; font-size: 14px; font-weight: bold; margin-bottom: 4px; }
.listings_list_text span.title a { text-decoration:underline; }
.listings_list_text span.title a:hover { text-decoration:none; }
.listings_list_text span.review { float: right; }
.listings_list_text span.resortname { display: block; margin-bottom: 4px; }
.listings_list_text span.resortname a { color: #333; font-weight: bold; }
.listings_list_text span.resortname a:hover { text-decoration:underline; }
.listings_list_text span.description { display: block; margin-bottom: 6px; }
.listings_list_text span.meta { display: block; font-size: 11px; color: #666; }
.listings_list_text span.meta a { color: #006C34; text-decoration: underline; }
.listings_list_text span.meta a:hover { text-decoration: none; }
.listings_list_text span.meta ul { padding: 0px; margin: 0px; }
.listings_list_text span.meta li { float: left; padding: 0px 8px 0px 0px; margin-right: 8px; border-right: 1px solid #CCC; border-top-style: none; border-bottom-style: none; border-left-style: none; }

/* SIDEBAR (DEFAULT) */
.sidebar { margin-bottom: 22px; }
.sidebar ul.list li { overflow: hidden; padding: 9px; background: #F9FEF3; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
.sidebar ul.list li p { margin-bottom: 5px; }
.sidebar ul.list li.selected { background: #E8E8E8; font-weight: bold; }
.sidebar ul.list li.selected a { color: #000; }
.sidebar ul.list li.selected a:hover { text-decoration: underline; }
.sidebar span.title { display: block; border-bottom: 2px solid #5CA019; padding-bottom: 4px; font: bold 17px Arial, Helvetica, sans-serif; }
.sidebar span.title_secondary { float: right; font-size: 11px; }
.sidebar span.title_secondary a { color: #666; }
.sidebar span.title_secondary a:hover { text-decoration: underline; }
.sidebar div.avatar { float: left; margin-right: 10px; }
/*.sidebar a:hover img { border: 1px solid #51B42A; }*/
.sidebar span.username { display: block; font-size: 13px; font-weight: bold; margin-bottom: 3px; }
.sidebar span.meta { font-size: 11px; color: #666; }
.sidebar span.meta a { color: #666; }
.sidebar span.meta a:hover { color: black; }
.sidebar span.searchtype { color: #666; display: block; margin-bottom: 3px; font-weight: bold; }

/* VBMENU POPUP */
div.vbmenu_popup a { cursor: pointer; }
div.vbmenu_popup td.vbmenu_hilite { padding: 2px 6px 3px; border: 1px solid #090; background: #CEFBB9; font-size: 11px; }
div.vbmenu_popup td.vbmenu_option { padding: 2px 6px 3px; border: 1px solid #090; background: #BDE6A9; font-size: 11px; }

/* BLOGS CSS */
#column_left span.third_title { color: #666; margin-top: 3px; margin-bottom: 8px; display: block; font-size: 11px; }
#column_left div.messagecontent { padding-top: 13px; padding-bottom: 15px; clear: both; line-height: 20px; }
#column_left div.messagecontent ol li { margin-left: 21px; margin-bottom: 14px; }

#blogpost_header { border-bottom: 2px solid #CCC; overflow: hidden; padding-bottom: 10px; }
#blogpost_header div.avatar { float:left; margin-right: 10px; }

div#tags { margin-bottom: 15px;overflow:hidden; }
div#tags span.tagstitle { display: block; background: url(../images/tsj/icons/tag_green.png) no-repeat 0px 2px; font-weight: bold; padding-left: 22px; height: 18px; float: left; margin-right: 8px; padding-top: 2px; }
div#tags span.savedresorts { display: block; font-weight: bold; height: 18px; float: left; margin-right: 8px; padding-top: 2px; }
div#tags span.tagbit { display: block; float: left; padding: 2px 6px 3px; border: 1px solid #999; background: #F9FEF3; margin-right: 3px; font-size: 11px; font-weight: bold; }

div#attachmentlist { padding: 8px; border: 1px solid #D6D6D6; background: #F2F2F2; clear:both; }
div#attachmentlist span.phototitle { font-weight: bold; display: block; background: url(../images/tsj/icons/images.png) no-repeat; padding-left: 22px; margin-bottom: 8px; }

div#blogcomments { margin-top: 20px; }
div#blogcomments span.title { font-size: 18px; font-weight: bold; display: block; padding-bottom: 5px; }
div#blogcomments ul.list { margin-bottom: 28px; border-top: 2px solid #D6D6D6; }
div#blogcomments ul.list li { padding: 10px; border-bottom: 1px solid #CCC; overflow: hidden; }
div#blogcomments ul.list  li div.avatar{ float: left; width: 80px; }
div#blogcomments ul.list li span.username { display: block; font-size: 11px; margin-bottom: 3px; margin-top: 5px; }
div#blogcomments ul.list li span.juice { font-size: 11px; }
div#blogcomments ul.list li div.content { float: right; width: 550px; }
div#blogcomments ul.list li div.content span.meta { color: #999; display: block; margin-bottom: 5px; font-size: 11px; }
div#blogcomments div.postcomment { margin-top: 8px; }
div#blogeditor div.formbit { margin-bottom: 17px; }
div#blogeditor div.formbit input#title { font-size: 16px; background-color: #F9FEF3; width:653px; border: 1px solid #D6D6D6; }
div#blogeditor div.formbit label { color: #999; font-weight: bold; margin-bottom: 5px; display: block; }
div#blogeditor textarea { background-color: #F9FEF3;border: 1px solid #D6D6D6; padding:10px; font-size:12px; }

div#blogeditor div#youtube_popup { position: absolute; width:275px; display:block; padding:10px; background-color: white; border: 1px solid #999; margin-top:51px; margin-left:365px; }
div#blogeditor div#youtube_popup span.title { font-size: 13px; display: block; font-weight: bold; margin-bottom: 4px; }
div#blogeditor div#youtube_popup input.bginput { width:193px; height:16px; border: 1px solid #CCC; }

div#blogeditor div#youtube_popup_safari { position: absolute; width:275px; display:block; padding:10px; background-color: white; border: 1px solid #999; margin-top:65px; margin-left:365px; }
div#blogeditor div#youtube_popup_safari span.title { font-size: 13px; display: block; font-weight: bold; margin-bottom: 4px; }
div#blogeditor div#youtube_popup_safari input.bginput { width:193px; height:16px; border: 1px solid #CCC; }

div#blogpostentry h2 { border-bottom: 2px solid #999; padding-bottom: 8px; margin-bottom: 17px; }
div#blogtagpost ul.list li span { font-size: 11px; display: block; margin-top: 6px; color: #999999; }
div#blogtagpost ul.list li label { font-weight: bold; margin-bottom: 5px; display: block; }
div#blogcommentoptions ul.list li label input#cb_comments { margin-right: 7px; }
div#blogattach span.validfiles { font-size: 11px; display: block; margin-bottom: 7px; }
div#blogattach div.attachbutton { text-align: center; }
div#blogattach div.attachbutton img#manage_attachments_button { cursor: pointer; }
div#blogattach div.attachbutton a:hover img { border: none !important; }

div#share { margin-top:25px; margin-bottom:25px; }
div#share span.title { font-size:14px; font-weight:bold; clear:both; display:block; margin-bottom:8px; }

div#blograte div.rate { color:#006C34; }
div#blograte span.title { font-size:14px; font-weight:bold; clear:both; display:block; margin-bottom:8px; }
div#blograte div.limebox { margin: 0 !important; }
div#blograte span#limebox_text { float:right; width: 540px; color:#006C34; padding-top:5px; font-weight:bold; }

div.tabgroup_resort div#share span.title {clear:none !important;}

/* SIGNUP CSS (HOMEPAGE) */
div#signup h2 { margin-bottom: 10px; }
div#signup label { float: left; padding-top: 8px; width: 88px; display: block; text-align: left; font-size: 11px; }
div#signup input.form_input { width: 210px; font-size: 11px; }
div#signup ul { margin: 0px; padding: 0px; }
div#signup span.terms { font-size: 11px; float: left; }
div#signup span.submit { text-align: right; display: block; margin: 0px; padding: 0px; float:right; }

div#signup div#signup_antispam label { float:none;width:100%;padding-top:0px;padding-bottom:5px;clear:both; }
div#signup div#signup_antispam input.bginput { width:190px !important; }
div#signup div#signup_antispam div#refresh_imagereg { font-size: 11px; font-weight:normal; }
div#signup div#signup_antispam span.submit { float:left !important;text-align: left !important;padding-bottom:7px;padding-top:10px;clear:both; }

/* REGISTER CSS */
div#register { text-align: center; }div#register div.steps { width: 589px; margin: 20px auto 0px; padding: 18px; text-align: left; color: #444; background: #D1D1D1; border-top: 2px solid #999; }
div#register div.steps p { line-height: 17px; }
div#register div.steps span.active { font-size: 15px; font-weight: bold; color: #000; margin-bottom: 4px; display: block; }
div#register div.steps span.seperator { padding-left: 8px; padding-right: 8px; }
div#register div.box { width: 595px; margin: 0px auto; background: #EFEFEF; padding: 15px; border-top: 2px solid #999; text-align: left; overflow: hidden; }
div#register div.box h2 { font-size: 14px; margin-bottom: 10px; }
div#register div.box span.intro { display: block; margin-bottom: 25px; padding: 10px; background: #DEDEDE; line-height: 18px; }
div#register div.box ul.sectionlist li.sectionbit { clear: both; margin-bottom: 40px; overflow: hidden; }
div#register div.box div.container { float: right; width: 520px; }
div#register div.box span.icon{ float: left; margin-right: 15px; }
div#register div.box span.addresort { float: right;padding-top:14px; }
div#register div.box span.addresort a { cursor:pointer; }
div#register div.box span.title{ display: block; font-size: 16px; font-weight: bold; margin-bottom: 4px; }
div#register div.box span.subtext{ display: block; }
div#register div.box span.subtext ul { list-style: disc inside; margin-top: 4px; }
div#register div.box span.subtext ul li { margin-bottom: 4px; }
div#register div.box span.input { display: block; margin-top: 10px; }
div#register div.box span.notowner { display: block; margin-top: 4px; }
div#register div.box span.continue { float: right; }
div#register div.box span.skipstep { float: left; }
div#register div.box span.avatar { float: left; margin-right: 25px; height: 300px; }
div#register div.box div.container_alt { display: block; }

/* LOGIN PAGE CSS */
div#loginpage { text-align: center; }
div#loginpage div.container { width: 600px; margin: 20px auto 0px; text-align: left; background: url(../images/tsj/bglime.gif) no-repeat 0px 25px; height: 500px; }
div#loginpage div#fb { background: url(../images/tsj/bglime_fb.gif) no-repeat 0px 25px; }
div#loginpage div.container div.content { float: right; width: 415px; padding-top: 25px; }
div#loginpage div.container div.content span.title { color: #3E6B31; display: block; font: bold 17px Arial, Helvetica, sans-serif; margin-bottom: 10px; }
div#loginpage div.container div.content span.descr p { margin-bottom: 15px; line-height: 18px; color: #666; }
div#loginpage div.container div.content span.verify_image { display: block; }
div#loginpage div.container div.content span.verify_text { display: block; margin: 5px 0 5px 0; }
div#loginpage div.container div.content div.loginform { padding-bottom: 20px; }
div#loginpage div.container div.content div.loginform p { line-height: 18px; margin-bottom:10px; }
div#loginpage div.container span.note { display: block; margin-top: 15px; font-size: 11px; font-style: italic; color: #999; }
div#loginpage div.container div.content div.signup { border-top: 1px solid #CCC; padding-top: 15px; }
div#loginpage div.container div.content div.signup p { color: #333; line-height: 18px; }
div#loginpage div.container div.content div.loginform label { color: #666; display: block; margin-bottom: 4px; }
div#loginpage div.container div.content div.loginform input.inputbg{ margin-bottom: 15px; }

/* TOUR */
span.tourbutton { display:block;margin-top: 15px; }
div#tour div.title_bg { margin-top: 15px; }
div#tour div.title_bg span.signup { float: right; }
div#tour span.title { font: bold 18px Arial, Helvetica, sans-serif; }
div#tour_slides { clear:both; }
div#tour_slides ul li div.image { float: left; width: 450px; margin-right: 20px; height: 430px; }
div#tour_slides ul li h1 { color: #3DA927; font: normal 20px Arial, Helvetica, sans-serif; margin-bottom: 12px; }
div#tour_slides ul li h2 { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
div#tour_slides ul li p { color: #666; margin-bottom: 13px; font-size: 12px; line-height: 18px; display: block; }
div#tour_slides table { font-size: 11px; margin-bottom: 20px; }
div#tour_slides table tr td{ border-bottom: 1px solid #CCC; padding: 7px; }
div#tour_slides table tr td.tsj { background: #cdffb7; }
div#tour_slides table tr td span.table_name { font-size: 18px; color: #3DA927; font-weight: bold; }
div#tour_slides table tr td span.table_title { font-size: 14px !important; font-weight: bold; display: block; }
div#tour_slides table tr td span.subtitle { color: #999; display: block; }

/* TOUR SLIDER */
#tour_slides ul, #tour_slides li li{ margin:0; padding:0; list-style:none; }
#tour_slides li { width:921px; height:411px; overflow:hidden; }	
#tour_slides p#nextslide { float: right; }
#prevBtn, #nextBtn,	#tour_slides1next, #tour_slides1prev{ font-weight: bold; font-size: 15px; }	
#nextBtn, #tour_slides1next{ left:696px; }														


ol#controls{ margin:0em 0 2em; padding:0; height:29px; float: right; }
ol#controls li{ margin:0 4px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a{ float:left; height:29px; line-height:28px; background:url(../images/tsj/tour/tour_button_inactive.gif) no-repeat; color:#49B029; text-decoration:none; padding: 0 0px 0 11px; width: 19px; }
ol#controls li.current a{ background:url(../images/tsj/tour/tour_number_active.gif) no-repeat; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* CONTACT US FORM */
form#contactus div.humanverify label { display: block;margin-bottom:5px; }
form#contactus div.humanverify input.bginput { margin-bottom: 7px; }

/* COMMUNITY PAGE */
div#community div.community_header { border-bottom: 1px solid #999999; }
div#community div.community_header h2 { font-size: 20px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin-bottom: 5px; }
div#community div.community_header p { color:#666; margin-bottom: 10px; }

/* RESORT PAGE */
span.addtotravelagent { color: #666; font-weight: bold; }
span.addtotravelagent a { cursor: pointer; font-weight: normal !important; }

div#resort_availability h2 { font-size: 16px; margin-bottom: 5px; }
div#resort_availability ul.timeshares_list { border-top: 1px solid #E8E8E8; }
div#resort_availability ul.timeshares_list li { overflow: hidden; border-bottom:1px solid #CCCCCC; padding: 13px; }
div#resort_availability ul.timeshares_list li a { text-decoration: underline; }
div#resort_availability ul.timeshares_list li a:hover { color: #006C34;text-decoration: none; }
div#resort_availability ul.timeshares_list li span.options { display: block; float: right; width: 190px; font-weight:bold; }
div#resort_availability ul.timeshares_list li span.week { width: 120px; height: 35px; display: block; float: left; }
div#resort_availability ul.timeshares_list li span.title { display: block; font-weight: bold; margin-bottom: 4px; }
div#resort_availability ul.timeshares_list li span.member { display: block; }
div#resort_availability ul.timeshares_list li span.member img.juice { padding-left: 2px; }

div#resort_reviews div.likebutton { color:#666; }
div#resort_reviews div.likebutton a { cursor:pointer; }

/* UI BUTTONS */
a.uiButton { -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); background:#EEEEEE repeat scroll 0 0; border-color:#999999 #999999 #888888; border-style:solid; border-width:1px; color:#333333; cursor:pointer; display:inline-block; font-size:12px; font-weight:bold; line-height:normal !important; padding:5px 9px; text-align:center; text-decoration:none; vertical-align:middle; white-space:nowrap; margin-right:3px; }
a.uiButton_delete { border: 1px solid #900; color: #900; background: #FFB6B0; }
a.uiButton:active { background-color:#E4E4E4; }
a.uiButton span.img { float:left; }
a.uiButton span.text { float:right;padding-left:5px;padding-top:2px; }

a.uiButton span.small { font-size:11px; }
a.uiButton span.noicon { padding:0px; }

/* HOMEPAGE BANNER */
div#homepage_banner { margin: 35px 15px 20px; overflow: hidden; }
div#homepage_banner div.text { float: left; width: 650px; padding-left: 10px; }
div#homepage_banner div.signup_button { float: right; padding-right: 15px; padding-top: 10px; }
div#homepage_banner div.text h1 { background: url(../images/tsj/homepage/banner_headline.jpg) no-repeat; height: 39px; width: 576px; }
div#homepage_banner div.text h1 span { display: none; }
div#homepage_banner div.text span.subheadline { font-size: 16px; font-weight: bold; color: #999; margin-top: 2px; }