body {
	/*background:url(../images/cloudbgrev3.jpg) repeat-x bottom #e6f7ff;*/
	background:url(../images/cloudbgrev3.jpg) repeat-x bottom #c8e5f3;	
	font-family:Arial;
	color:#4d4e4e;
	font-size:12px;
}

h3{
	font-size:14px;
}

.box{
    width:100%;
}

.container{
	/*width:960px;*/
	width:1020px;
	margin:0 auto;
}

#header{
    height:160px; width: 100%;
	background: #006599 url(../images/rotator/rotate.php) no-repeat;
	position:relative;
	text-align:center;	
}

#header .tabs{
	position:absolute;
	bottom: 1px; left: 1em;
}

#header #searchbar{
	position:absolute;
	top:40px;
	left:642px;
	background:url(../images/searchred.jpg) repeat-x #7B0252;
	width: 328px;
}

#searchbar ul{
	padding:0 10px 0 10px;
}

#searchbar li{
	float:left;
	display: inline;
}

#searchbar .s{
	width:208px;
	padding:5px;
	margin-top:8px;
	border:none;
}

#navigation{
}

#rightsidebar{
	float:right;
	width:162px;
	margin-right:25px;
}

#content{
}

#footer{
}

.ad72 li{
	float:left;
	padding:0 0 0 5px;
}

.col-2{
    width:480px;
}

.col-3{
    width:320px;
}

.col-4{
    width:240px;
}

.left{
    width:178px;
}

.left ul{
    list-style:none;
    padding:0;
    margin:0;
}

.left h2, .far-right h2{
    font-size:14px;
    font-weight:bold;
	margin-top:5px;
}

.left h3{
    font-size:12px;
}

.left h2, .left h3{
    color:#515151;
}


.right{
    width:760px;
	float:right;
}

.width-580{
	width:580px;
	float:left;
}

.width-600{
	width:600px;
	float:left;
}

.width-760{
	width:760px;
	float:left;
}

.col-2, .col-3, .col-4, .left{
    float:left;
}

.right h1{
	font-weight:bold;
	font-size:18px;
}

.right h2{
	font-weight:bold;
	font-size:20px;
}

.right p{
	font-size:12px;
}

.right .date{
	font-size:11px;
}

.right .horizline{
	background:none;
	border-bottom:1px solid #eaeaea;
}

.right .yellow_box{
	background:#ffffcc;
	width:60px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}

.far-right{
	float:right;
	width:165px;
}

.clear-all{
    clear:both;
}

.white{
    background:#fff;
    padding:10px 0 10px 0;
}

.white h2{
    color:#980065;
    float:right;
    width:80%;
    font-size:12px;
    font-weight:bold;
}
.white p{
    color:#4C4C4C;
    font-size:11px;
    line-height:1.2em;
    float:right;
    width:80%;
}

.white img, .yellow img{
    float:left;
}

.white h1{
    color:#333333;
    font-size:16px;
    font-weight:bold;
    padding:0px 0 0px 0;
}

.yellow_box_nw{
	background:#FEFFE6;
	padding:2px 5px 17px 17px;
	border:1px solid #f7e26f;
	margin-bottom:5px;
}

.yellow_box_close_icon{
	 width:100%;
	 text-align:right;
	 color:red;
	 padding:0;
	 vertical-align:top;
	 cursor:pointer;
}

.yellow_box_close_icon_a:link,
.yellow_box_close_icon_a:active,
.yellow_box_close_icon_a:visited{
	background-color:#ffffff;
	color:red;
	padding:0 3px 0 3px;
}

.yellow_box_close_icon_a:hover{
	background-color:red;
	color:#ffffff;
	padding:0 3px 0 3px;
}

.yellow{
    background:#FEFFE6;
    padding:5px 0 5px 0;
}

.yellow h2{
    float:left;
    width:80%;
    margin-left:10px;
    color:#980065;
    font-size:14px;
}

.top-20{
    margin-top:20px;
}

.dollotrips{
    background:url(../images/yellowboxleft.png) no-repeat;
    width:162px;
    
}

.horizline{
    background:url(../images/horizline.png) repeat-x;
    height:5px;
}

.magenta{
    color:#980065;
	font-weight:bold;
}

.blue{
	 color:#006699;
}

.grey{
	color:#4d4d4d;
}
.stats li{
    font-size:14px;
	padding-bottom:5px;
}

.triptags li{
     background:url(../images/greybutton.png) no-repeat;
     height:30px;
     line-height:30px;
     padding:0 5px 0 10px;
	 margin:0 0 10px 0;
     font-size:12px;
     color:#4D4D4D;
     font-weight:bold;
}

.triptags2 li{
     background:url(../images/triptagsbtn.jpg) no-repeat;
     height:31px;
	 width:84px;
	 margin-right:10px;
     line-height:31px;
     text-align:center;
     font-size:12px;
     color:#4D4D4D;
     font-weight:bold;
	 float:left;
}

.green-button{
	margin:0 0 5px 0;
}

.content-sections{
	background:#fff;
	padding:10px;
	padding-bottom:8px;
	margin-bottom:10px;
	-webkit-border-radius:5px; 
	-webkit-box-shadow: 0px 3px 4px #a5bcc7;
	-moz-border-radius:5px;
	-moz-box-shadow:0px 3px 4px 0px #a5bcc7;
}

.right h4{
	font-size:12px;
}

.col-135, .col-145, .col-65, .col-561, .col-485, .col-455, .col-450, .col-120, .col-100, .col-335, .col-435, .col-490, .col-100, .col-330, .col-360, .col-70, .col-50, .col-620, .col-640, .col-570, .col-30, .col-350, .col-80, .col-85, .col-400, .col-520{
	float:left;
}

.col-135{
	width:135px;
	padding-right:3px;
}

.col-145 {
	width: 145px;	
}

.col-561{
	width:561px;
}

.col-400{
	width:400px;
}

.col-490{
	width:490px;
}

.col-485{
	width:485px;
}

.col-455{
	width:455px;
}

.col-450{
	width:450px;
}

.col-335{
	width:335px;
}
.col-100{
	width:100px;
}

.col-350{
	width:350px;
}

.col-120{
	width:120px;
}

.col-435{
	width:435px;
}

.col-85{
	width:85px;
}

.col-80{
	width:80px;
}

.col-65{
	width:65px;
}

.col-360{
	width:360px;
}

.col-330{
	width:330px;
}

.col-400{
	width:400px;
}

.col-70{
	width:70px;
}

.col-50{
	width:50px;
}

.col-620{
	width:620px;
}

.col-640{
	width:640px;
}

.col-570{
	width:570px;
}

.col-520{
	width:520px;
}

.col-30{
	width:30px;
}

.bold{
	font-weight:bold;
}

.darkgrey{
	background:#323232;
	color:#fff;
}

.darkgrey p{
	padding:7px;
}

.footer{
	background:url(../images/footer_bg.jpg) repeat-x #000;
	font-size:11px;
	padding-top:20px;
}

.footer h3{
	font-weight:bold;
	font-size:15px;
}

.footer, .footer a{
	color:#fff;
	text-decoration:none;
}

.footer .last{
	text-align:right;
}

.footer ul{
	list-style:none;
}

.footer li{
	line-height:17px;
}
	
.footer a{
	font-size:12px;
}

.footer_link{
	color:#fff;
	text-decoration:none;
}

.ad728{
	margin-bottom:20px;
	text-align:center;
}

.content-tabs{
	
}

.content-tabs ul{
	list-style:none;
}

.content-tabs li{
	float:left;
}

.content-tabs a{
	padding:5px 15px 5px 15px;
	font-weight:bold;
	color:#4d4d4d;
	text-decoration:none;
	font-size:15px;
}

.content-tabs a:hover{
	background:#b3b3b3;
	color:#fff;
}

.content-tabs .current{
	background:#fff;
	color:#980065;
	margin-left:10px;
}

.content-tabs .last{
	float:right;
}

.dollotrips{
	padding:5px 10px 20px 10px;
}

.dollotrips h1{
	font-size:24px;
}

.show{
	list-style:none;
}

.show li{
	float:left;
}

.show, .show li, .show a{
	font-size:12px;
	font-weight:bold;
	color:#980065;
	padding:2px 5px 2px 5px;
	text-decoration:none;
	height:22px;
}

.show .current{
	background:url(../images/greytab.jpg) repeat-x;
	color:#fff;
}

.avatars li{
	float:left;
	width:64px;
	margin-right:15px;
}

.avatars h4{
	color:#006699;
	font-weight:bold;
}

.form_input{
	float:left;
	background:url(../images/frm_input.jpg) no-repeat;
	width:479px;
	height:42px;
	position:relative;
}

.form_input input{
	border:none;
	position:absolute;
	top:13px;
	left:20px;
	font-size:14px;
	background:none;
	width:400px;
	color:#980065;
}

.form_submit{
	margin-top:2px;
	width:62px;
	float:left;
}

.input_546{
	position:relative;
	background:url(../images/frm_input_546.jpg) no-repeat;
	height:35px;
	margin-bottom:5px;
}

.input_546 input{
	border:none;
	position:absolute;
	top:8px;
	left:20px;
	font-size:14px;
	background:none;
	width:500px;
	color:#980065;
}

.input_266{
	width:266px;
	height:35px;
	background:url(../images/frm_input_266.jpg) no-repeat;
	position:relative;
}

.input_266 input{
	border:none;
	position:absolute;
	top:8px;
	left:20px;
	font-size:14px;
	background:none;
	width:260px;
	color:#980065;
}

.input_546_big{
	position:relative;
	background:url(../images/frm_input_546_big.jpg) no-repeat;
	height:105px;
	margin-bottom:5px;
}

.input_546_big textarea{
	border:none;
	position:absolute;
	top:8px;
	left:20px;
	font-size:14px;
	background:none;
	width:520px;
	color:#980065;
	height:90px;
}

.halfcol{
	width:49%;
	float:left;
}

.float-right{
	float:right;
}

.float-left{
	float:left;
}

.whitepad{
	background:#fff;
	margin:20px 0 10px 0;
	padding:10px;
	overflow-x: hidden; 
  	overflow-y: hidden; 
 	-webkit-border-top-left-radius: 11px 11px; 
 	-webkit-border-top-right-radius: 11px 11px; 
 	-webkit-border-bottom-left-radius: 11px 11px; 
 	-webkit-border-bottom-right-radius: 11px 11px;
}

.whitepad-half-left{
 	-webkit-box-shadow: 0px 4px 12px #a5bcc7;
 	-moz-box-shadow: 0px 4px 12px #a5bcc7;
	background:#fff;
	margin:20px 0 10px 0;
	padding:10px;
	overflow-x: hidden; 
  	overflow-y: hidden; 
 	-webkit-border-top-left-radius: 11px 11px;  
 	-webkit-border-bottom-left-radius: 11px 11px;
}

.whitepad-half-right{
 	-webkit-box-shadow: 0px 4px 12px #a5bcc7;
 	-moz-box-shadow: 0px 4px 12px #a5bcc7;
	background:#fff;
	margin:20px 0 10px 0;
	padding:10px;
	overflow-x: hidden; 
  	overflow-y: hidden;  
 	-webkit-border-top-right-radius: 11px 11px;  
 	-webkit-border-bottom-right-radius: 11px 11px;
}


.sidebarsearch{
	background:url(../images/search_icon.png) no-repeat top;
	padding-top:28px;
}

.sidebarsearch, .sidebarad{
	margin-bottom:10px;
}

.sidebarsearch p, .sidebarsearch input{
	margin-bottom:5px;
}

.sidebarsearch input{
	float:right;
}

.sidebarsearch .inputtext{
		width:160px;
		padding:3px;
		border:1px #e5e5e5 solid;
}

.li_form li{
	margin-bottom:10px;
	font-size:14px;
}

.yellow_input{
	background: #ffffce;
	padding:5px;
	border:3px solid #e3e3e3;
	margin:5px 5px 5px 0;
	width:700px;
	color:#980065;
	font-size:14px;
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/
div.scrollable {
    
    /* required settings */
    position:relative;
    overflow:hidden;        
    width: 480px;   
    height:90px;      
    
    /* custom decorations */
    padding:0;          
	margin:0;     
}

/* 
    root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {  
    /* this cannot be too large */
    width:20000em;  
    position:absolute;
    clear:both;     
    
    /* decoration */
}

div.scrollable div.items h2{
	font-size:1.5em;
	font-weight:bold;
	color:#0061A9;
}

div.scrollable div.items img{
	float:left;
	margin-right:5px;
}

/* single scrollable item */
div.scrollable div.items div {
    float:left;
    
    /* custom decoration */
    width:480px;
    padding:0;
}

/* active item */
div.scrollable div.items div.active {

}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
    float:left; 
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
    display:block;
    width:13px;
    height:13px;
    background:url(../images/arrowleftsmall.jpg) no-repeat;
    float:left;
    margin:10px 10px;
    cursor:pointer;
    font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
    background-position:-13px 0px;      
}

/* disabled navigational button */
a.disabled {
    visibility:hidden !important;       
}

/* next button uses another background image */
a.next, a.nextPage {
    background:url(../images/arrowrightsmall.jpg) no-repeat;
    clear:right;    
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
    margin-left:328px;
    width:200px;
    height:20px;
}


/* items inside navigator */
div.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
div.navi a:hover {
    background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
    background-position:0 -16px;     
}   

/* root element for tabs  */
ul.tabs { 
    list-style:none; 
    margin:0 !important; 
    padding:0;
    height:39px;
}

/* single tab */
ul.tabs li { 
    float:left;  
    text-indent:0;
    padding:0;
    margin:0 7px;
    list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
    background: url(../images/navblack.jpg) repeat-x;
    font-size:16px;
	font-weight:bold;
    display:block;
    height: 39px;  
    line-height:39px;
    text-align:center;  
    text-decoration:none;
    color:#fff;
    padding:0 20px 0 20px;
    margin:0px; 
    position:relative;
    top:1px;
}

ul.tabs a:active {
    outline:none;
	     
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    color:#ccc; 
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background:#fff;
    cursor:default !important; 
    color:#006699 !important;
}

ul.tabs li.red a{
	background:url(../images/navred.jpg) repeat-x;
	position:relative;
	left:350px;
}
/* @dec1-09 */

.datasubs{
	margin:0;
	padding:0px 0px 0px 0px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
}

.datasubs ul{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#ras_opt_lbl{
	font:bold 12px  Arial, Helvetica, sans-serif;
	/*color:#;*/
	text-align:left;
	padding-right:10px;
	display:inline-table;
}

#ras_opt{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#86044c;
	text-align:left;
	padding-left:10px;
	display:inline-table;
}

a.ras_type_menu1:active,
a.ras_type_menu1:visited,
a.ras_type_menu1:link, 
a.ras_type_menu1:focus{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#86044c;
	text-decoration:none;
}

a.ras_type_menu1:hover{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#666666;
}

a.ras_type_menu:hover,
a.ras_type_menu:active,
a.ras_type_menu:visited, 
a.ras_type_menu:link, 
a.ras_type_menu:focus{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}

#ras_opt2{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	padding-left:10px;
	display:inline-table;
}

#ras_opt_selleft{
	background:url(../images/ras_left.jpg) no-repeat left;
	padding:10px 4px;
}

#ras_opt_selright{
	background:url(../images/ras_right.jpg) no-repeat left;
	padding:10px 4px;
}

#ras_opt_sel{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	padding:3px 4px;
	background:url(../images/ras_mid.jpg) repeat-x;
}

.tag-block {
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#006699;
	width: 125px;  
	overflow: hidden; 
	word-wrap:break-word;
	padding: 6px; 
	background: #dadada; 
	margin: 8px 2px; 
	border: 1px solid #dadada; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}

.tag-block-2 {
/*	width: 150px; */ 
	overflow: hidden;
	word-wrap:break-word; 
	padding: 6px; 
	background: #dadada; 
	margin: 8px 2px; 
	border: 1px solid #dadada; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	display:inline-table;
}

.curvy-current {
	/*width: 150px;*/  
	overflow: hidden; 
	word-wrap:break-word;
	padding: 6px; 
	background: #808080;
	margin: 8px 2px; 
	border: 1px solid #808080;
	color: #fff; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}

.account_tag_val{
	padding-right:7px;	
}

.account_tag_del{
	font-weight:bolder;
	padding-left:7px;
	padding-right:7px;
	cursor:pointer;
}

.account_tag_del:hover{
	font-weight:bolder;
	background-color:#333333;
	color:#ffffff;
	padding-left:7px;
	padding-right:7px;
	cursor:pointer;
}

#left_trip_tags{
	padding-bottom:10px;
}

.account-options{
	margin: 6px; 
	padding: 2px; 
	color: #980065; 
	background: #fffccf; 
	height: 24px; 
	width: 256px; 
	border: none;	
}

.account_profile_photo{
	max-width:160px;
	max-height:200px;
}

.account_profile_photo_container{
	max-width:160px;
	max-height:200px;
	width:160px;
	/*height:200px;*/
}

.form-button{
	cursor:pointer;
}

.form-tabs{
	display:none;
}

.f_trip_details_avatar{
	max-height:150px;
	max-width:145px;
	border:none;
}

#ras_dtl_data{
	color:#4d4c4d;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
}

#ras_dtl_title{
	color:#9f0061;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:left;
}

#ras_req_dtl li{
	width:110px;
	padding:10px 0px;
}

#ras_author{
	color:#4597c6;
}

.wrap_txt_top{
	vertical-align:top;
	display:inline-table;
}

.reqpic{
	max-height: 178px;
	max-width: 267px;
}

#width_100{
	width:100px;
	padding-left:5px;
}

#width_320{
	width:320px;
}

.members_rewards_pic{
	max-height:39px;
	max-width:39px;
	height:39px;
	width:39px;
}

.members_attraction_pic{
	max-height:39px;
	max-width:39px;
	height:39px;
	width:39px;
}

.members_attraction_trip_pic{
	max-height:28px;
	max-width:27px;
	height:28px;
	width:27px;
}

.attraction-trip-toggle{
	cursor:pointer;
}

.attraction-trip-show{
	cursor:pointer;
	padding:0px 5px 0px 5px;
}

.right_item{
	width:45%;
	position:relative;
	text-align:right;
}

.left_item{
	width:55%;
	position:relative;
	text-align:left;
}

.attraction_link{
	background:#FEFFE6;
	padding:2px 5px 10px 10px;
	border:1px solid #f7e26f;
	margin-bottom:5px;
}

.attraction_link_close_icon{
	 width:100%;
	 text-align:right;
	 color:red;
	 padding:0;
	 vertical-align:top;
	 cursor:pointer;
}

.attraction_link_close_icon_a:link,
.attraction_link_close_icon_a:active,
.attraction_link_close_icon_a:visited{
	background-color:#ffffff;
	color:red;
	padding:0 3px 0 3px;
}

.attraction_link_close_icon_a:hover{
	background-color:red;
	color:#ffffff;
	padding:0 3px 0 3px;
}


/*** links ***/
.upper_links {
	font: 11px Arial, Helvetica, sans-serif;
	color:  #64b3d5;
	text-align: right;
	padding: 12px 51px 0 0;
	/*position: absolute;
	left: 630px;*/
	margin: 0 auto 0 auto;	
}

.upper_links a, .upper_links a:hover{
	font-style: none;
	color: #64b3d5;
}

.upper_links #white {
	color: #ffffff;
}

.upper_links li{
	display: inline-table;
	list-style: none;
}

.pink-callout {
	background: url(../images/pink-callout.png) no-repeat;
	color: #ffffff;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding-top: 3px;
	width: 27px;
	height: 27px;
	text-align: center;
	vertical-align: top;
	margin: 0 0 5px 0;	
}


.view-map-text{	
	color:rgb(2, 106, 143); 
	font-size: 11px;
	padding: 5px 0px 0px 3px;
}

.view-map-text a, a:hover{
	color:rgb(2, 106, 143);	 
}

.notes {
	background: #f7eaf3;
	width: 111px;
	padding: 6px 0 6px 9px;
	vertical-align: middle;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.notes-text-area{
	margin: 9px 5px 9px 5px;
	border: 1px solid #f3f1f2;
	width: 109px;
	max-width: 109px;
	height: 100px;
	max-height: 100px;
	font: italic 12px Arial, Helvetica, sans-serif;
}

.links-agenda {
	float: left;
	/* width: 620px;*/
	width: 580px;
	text-align:right;
}

.links-agenda li {
	display:inline-table;
	list-style: none;
	margin: 0 0 0 10px;
	font: bold 11px Arial, Helvetica, sans-serif;
}

.links-agenda-a{
	color: #4d4e4e;
}

.links-agenda-a:hover{
	text-decoration: underline;
}

.blue-header {
	color: #ffffff;
	background-color: #1d79ab; 
	height: 14px;
	padding: 5px 9px 9px 9px;
	margin: 0px 25px 0px 9px;
}

.blue-header #big{ 
	font: bold 15px Arial, Helvetica, sans-serif;
	text-align: left;
	width: 361px;	
	display: table-cell;
}

.blue-header #small{
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: right;
	width: 50%;
	display: table-cell;
}

.blue-header #small a{
	color: #ffffff;
}

.blue-header #small a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.border-top {
	background:none;
	border-top:1px solid #eaeaea;
}

.account_profile_link:link,
.account_profile_link:active,
.account_profile_link:visited{
	color: rgb(81, 81, 81);
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
}
.account_profile_link:hover{
	text-decoration:underline;
}

.breadcrumb{
	font-size:14px;
}