@charset "utf-8";
/* CSS Document */

body{
	color: #062e3a;
	background: url(../images/bg_calvin.jpg) repeat-x  #fff;
	font-size: 10pt;
	margin: 0px auto 0px auto;
	font-family: Verdana, sans-serif;
	}
	
a{
	color:#062e3a;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover{
	text-decoration:underline;
	}
	
img{
	border:none;
	}

h1, h2, h3{
	padding-left:10px;
	}

.main{
	width:950px;
	margin:0px auto 0px auto;
	}	
	
.header{
	float:left;
	width:950px;
	height:100px;
	padding-bottom:10px;
	}
	
.home_content{
	float:left;
	width:635px;
	}
	
.content, #message_center{
	float:left;
	width:635px;
	}

#secondPromo{
	float:left;
	width:415px;
	}
	
.updates{
	float:right;
	width:215px;
	padding:0px;
	margin:5px 0px 0px 0px;
	}
	
.video_callOut{
	float:left;
	width:140px;
	height:185px;
	background:url(/images/video_bg.jpg) no-repeat;
	margin:10px 5px;
	}
	
.video_callOut img{
	margin-left:10px;
	margin-top:9px;
	border:1px solid #fff;
	}
	
.video_callOut_text{
	float:left;
	width:120px;
	padding:5px 10px;
	font-weight:bold;
	font-size:12px;
	color:#80e1f2;
	text-align:center;
	height:55px;
	}
	
.video_callOut a{
	color:#cfe7ff;
	text-decoration:none;
	}
	
.video_callOut a:hover{
	text-decoration:underline;
	}	
	
.playVideo{
	float:left;
    width: 140px; 
	height: 25px;
    margin: 0px; 
	padding: 0px;
    position: relative;
}
		
.playVideo li, .playVideo a {
	float:left;
    margin: 0px; 
	/*padding: 25px 0px;*/ 
	list-style: none;
	display: block;
	}

/*   videoSort btn   */

.playVideo_btn a{
	width: 140px;
    height: 20px;
	padding:0px;
	margin:0px;
	background-image:url(/images/watchVideo_btn.jpg);
	}
	
/*   end videoSort btn   */

#rx-rating-and-duration{
	display:none;
	}

#rx-added-field, #rx-tag-list {
	clear:both;
	float:left;
	white-space:nowrap;
	font-size:12px;
}

#rx-tag-list{
	padding-top:10px;
	}

#rx-views-field {
	border-left:1px solid #002345;
	float:left;
	margin-left:10px;
	padding-left:10px;
	text-align:left;
	white-space:nowrap;
	font-size:12px;
}	

#rx-video-share{
	font-size:10px;
	}

#rx-video{
	float:left;
	margin:10px 0px;
	width:480px;
	height:360px;
	}
	
#rx-video-description, #rx-video-share{
	float:left;
	width:480px;
	margin:10px 0px;
	}	
	
#rx-video-description{
	font-weight:bold;
	margin-bottom:10px;
	}
#rx-video-back-btn{
	width:150px;
	}

/*   ads    */
.right_column{
	float:right;
	width:300px;
	padding-left:10px;
	}

	
.ads{
	float:right;
	width:300px;
	}
	
.ad_sep{
	height:10px;
	}
	
/*   end   */
	
/*   content pages   */
	
.floatright{
	float:right;
	padding:0px 0px 10px 10px;
	}

#charityVideo{
	float:right;
	width:345px;
	height:375px;
}

#liwVideo{
	float:right;
	width:345px;
	height:300px;
}

#tvVideo{
	float:left;
	width:344px;
	height:340px;
	margin:10px 145px;
	}

.title{
	float:left;
	width:610px;
	height:20px;
	padding-right:20px;
	padding-top:5px;
	}

#sec_nav{
	float:left;
	width:606px;
	height:20px;
	padding-right:24px;
	text-align:right;
	}

/*   end   */

/* gallery - lytebox */
.img_gallery {
	margin:10px 0px 0px 5px;
}
.img_gallery h2 {
	display:none;
}
a.photo_thumb img {
	margin:3px;
}

.gal_btn{
	float:right;
	padding-right:24px;
	}
	
.gal_btn img{
	padding-left:5px;
	}
	
.galleryTitle {
	float: left;
	margin-top:8px;
	margin-left: 6px;
	font-size:16px;
	font-weight:bold;
}

.video_clip, #coma {
	float: left;
	margin:15px 0px 25px 75px;
}
#photo_gal_title, #photo_galtext_top {
	display:block;
}
#photo_gal_title {
	margin:10px 0 0 0;
	font-size:16px;
	font-variant:small-caps;
	font-weight:bold;
}
#photo_galtext_top {
	padding-bottom:10px;
}
a.gallery_back_btn {
	float:right;
	padding:5px 33px 0 0;
}
div.img_gallery a img {
	margin:0 5px 10px 0;
}
/*---end---*/	
	
	
	
/*footer*/
	
.footer{
	float:left;
	width:950px;
	text-align:center;
	margin-top:25px;
	padding-bottom:20px;
	}	
	
.footer_logo{
	float:left;
	width:90px;
	height:40px;
	}
	
.footer_top{
	float:left;
	width:770px;
	margin-left:20px;
	text-align:center;
	padding-bottom:10px;
	}
	
.footer_top a{
	color:#062e3a;
	text-decoration:none;
	font-weight:bold;
	}
	
.footer_top a:hover{
	text-decoration:underline;
	}
	
.footer_btm{
	float:left;
	width:770px;
	margin-right:20px;
	text-align:center;
	}
	
.footer_btm a{
	color:#062e3a;
	text-decoration:none;
	font-weight:normal;
	}
	
.footer_btm a:hover{
	text-decoration:underline;
	font-weight:normal;
	}
	
/*   end   */	
	
	
/**Cassie Fan Club Message Center Sub Navlist******/

ul#navapps {
	/*float:left;*/
	/*font-family: Arial, sans-serif;*/
	/*font-weight: bold;*/
	padding-left: 0;
	padding-bottom: 0px;
	white-space: nowrap;
	}

#navapps li {
display: inline;
list-style-type: none;
margin-left: -10px;
}

#navapps li a { 
	padding: 3px 10px 3px 10px; 
	/*background: #3e474f;*/
	}

#navapps li a:link {
	color: #000000;
	font-size: 9pt;
	font-family: Times, Roman;
	text-decoration: none;
	}

	
#navapps a:visited {
	color: #000000;
	text-decoration: none;
	font-size: 9pt;
		font-family: Times, Roman;
	}

#navapps a:hover {
	
	background-color: #cde7fd;
	color: #000000;
	text-decoration: none;
	}

ul#navapps li a.current {
	background-color: #cde7fd;
	color: #000000;
	text-decoration: none;
}

/*******end  navapps**********/
/**Cassie Appearances Sub Navlist******/

ul#navapps2 {
	float:right;
	/*font-family: Arial, sans-serif;*/
	font-weight: bold;
	margin-right: 10px;
	padding-left: 0;
	margin-top: 5px;
	padding-bottom: 0px;
	white-space: nowrap;
	}

#navapps2 li {
display: inline;
list-style-type: none;
margin-left: -10px;
}

#navapps2 a { 
	padding: 3px 10px; 
	}

#navapps2 a:link {
	color: #fab979;
	font-size: 10pt;
	text-decoration: none;
	/*background-color: #285363;*/
	}

	
#navapps2 a:visited {
	color: #fab979;
	text-decoration: none;
	}

#navapps2 a:hover {
	
	/*background-color: #9cf0fa;*/
	color: #fff;
	text-decoration: none;
	}

ul#navapps2 li a.current {
	color: #fff;
	text-decoration: none;
}

/*******end  navapps2**********/

/****************RX Messsage Center*******************/
	
#rx-mc-header1 {

}
#rx-mc-header2 {

}
#rx-messages .subheading_pins, #rx-messages .subheading_messages {
	background-color: #202b31;
	color: #c3d1dc;
}
#rx-messages .pinned_header {
	background-color: #d0e7f7;
	color: #1c2d37;
}
#rx-messages .message  {
	background-color: #d0e7f7;
	color: #213647;
}
#rx-messages .message .heading {
	background-color: #212a33;
	color: white;
}
#rx-messages .message .msg_meta  {
	background-color: #212a33;
	color: #cad1d7;
}
#rx-messages .message .msg_meta label {
	color: #aab8c3;
}
#rx-messages .message .actions  {
	background-color: #0f1922;
	color: white;
}
#rx-messages .message .actions a  {
	color: white;
}
#rx-messages .response  {
	background-color: #d0e7f7;
	color: #0f1922;
}
#rx-messages .response .heading {
	background-color: #7a8e8d;
	color: #0f1922;
}
#rx-messages .response .msg_meta  {
	background-color: #7a8e8d;
	color: white;
}
#rx-messages .response .msg_meta label {
	color: #354856;
}
#rx-messages .response .actions  {
	background-color: #0f1922;
}
#rx-messages .response .actions a  {
	color: white;
}

/****************END RX Messsage Center*******************/

/****************RX Registration*******************/
#rxfrm-register h2 {
	color: #0f1922;
}
#rxfrm-register h3 {
	color: #7a8e8d;
}
#rxfrm-register .section, #rxfrm-register .section h2 {
	background-color: #0f1922;
	color: white;
}
#membershipBenefits {
	background-color: #d0e7f7;
	color: #0f1922;
}
#membershipBenefits .mbHeader {
	background-color: #d0e7f7;
}
#membershipBenefits .mbHeader h2 {
	color: #0f1922;
}
#membershipBenefits .mbHeader h3 {
	color: #0f1922;
}
#membershipBenefits ul li p span.footnote {
	color: #0f1922;
	font-weight: bold;
}
#membershipBenefits .mbFooter span.footnote {
	color: #0f1922;
	font-weight: bold;
}
form#rxfrm-register ul.errors {
	background-color: #d0e7f7;
}
form#rxfrm-register ul.errors li {
	color: #0f1922;
}
/****************END RX Registration*******************/

/*************** RX-Profile ****************/

/*- LEFT NAVBAR -*/

	/* entire navbar container border */
		#settings_notebook ul { 
			background-color: #0f1922;
		}
	/* settings and options background & text */
		#settings_notebook h3 {
			background-color: #0f1922;	
			color: #d0e7f7;
		}
	/* inactive navbar links */
		#settings_notebook a {
			background-color: #d0e7f7;	
			color: #0f1922;
		}
	/* active navbar links */
		#settings_notebook a.active {
			background-color: #2a3c4c; 
			color: #ffffff;
		}

/*- ACCOUNT INFO PANE -*/

	/* 'account info' & 'personal info' headers */
		#acct_pane h3 {
			background-color: #2a3c4c;
			color: #ffffff;
		}
	/* 'account info text color' */
		#acct_pane .acct_header .auth_button {
			color: #2a3c4c;
		}
	/* 'edit email & password' button */
		#acct_pane .acct_header .auth_button a {
			background-color: #2a3c4c;
			color: #ffffff;	
			border: 2px solid #0f1922;
		}
	/* 'personal information' pane */
		#acct_pane .acct_info {
			background-color: #0f1922;
			color: #d0e7f7;	
		}
	/* 'booeep collects this info...' text color */
		#acct_pane .dob_explain_field {
			color: #ffffff;
		}
	
/*- EDIT EMAIL & PASSWORD PANE -*/

	/* header */
		#auth_pane h3 {
			background-color: #2a3c4c;
			color: #ffffff;
		}
	/* overall pane BG & text color */
		#auth_pane .container {
			background-color: #0f1922;	
			color: #d0e7f7;
		}
	/* 'Password:' & 'Edit Email:' sub headings */
		#auth_pane h4 {
			color: #ffffff;
		}
	
/*- AVATARS PANE -*/

	/* headers */
		#avatar_pane h3 {
			background-color: #2a3c4c;
			color: #ffffff;
		}
	/* 'Avatars:' container */
		#avatar_pane .custom_avatar {
			background-color: #0f1922;
			color: #d0e7f7;
		}
	/* 'Current Avatar:' & 'Avatar Uploader' labels */
		#avatar_pane .custom_avatar H4 {
			color: #ffffff;
		}
	/* 'More Avatars:' container */
		#avatar_pane .more_avatars {
			background-color: #0f1922;
			color: #d0e7f7;
		}
	/* NON-Selected tile color */
		#avatar_pane .more_avatars .tile {
			border: 3px solid #2a3c4c;	
		}
	/* SELECTED tile color */
		#avatar_pane .more_avatars li.selected {
			border: 3px solid #d0e7f7;
		}

/*- EMAIL NOTIFICATIONS PANE -*/

	/** HACK FOR CALVIN!! REMOVE OTHERWISE... **/
		#alert_list .alert_item .types div.updates {
			float: none;
			width:auto;
			padding:0;
			margin:0;
		}
	/** END HACK **/

	/* headers */
		#alert_pane h3 {
			background-color: #2a3c4c;	
			color: #ffffff;
		}
	/* general font color */
		#alert_pane div {
			color: #d0e7f7;
		}
	/* existing alert bg color */
		#alert_pane div.pane_header, #alert_list .alert_item {
			background-color: #0f1922;
		}
	/* site domain color */
		#alert_list .alert_header span {
			color: #ffffff;
		}
	/* 'click below to adjust... ' hint text color */
		#alert_list .hint {
			color: #ffffff;
		}
	/* site thumb image border color */
		#alert_list .alert_item .image img {
			border: 1px solid white;
		}
	/* current site footer BG color */
		#alert_list .action_row {
			background-color: #2a3c4c;
		}
	/* 'Remove site' Button */
		#alert_list .alert_item div.actions, #alert_list .alert_item div.actions a {
			background-color: #666666;
			color: #ffffff;
		}
	/* 'Remove site' Button width */	
		#alert_list div.alert_item div.actions a {
			width: 146px;
		}
	/* 'Remove site' Button text positioning */
		#alert_list div.alert_item div.actions a span {
			left:20px;
		}
	/* 'Remove site' Button box positioning */
		#alert_list div.alert_item div.actions {
		padding-left:35px;
		}	
	/* 'Additional Sites' BG color */
		#alert_pane div.additional_header, #alert_pane #sites_list {
			background-color: #0f1922;
		}
	/* site thumb image border color */
		#sites_list .siteThumb {
			border: 1px solid white;
		}
		
	/* Previous & Next buttons */
		#sites_list a {
		color: #FFFFFF;
		}
		
/*- ERRORS!!! ID10T -*/

	#settings_container ul.errors {
		background-color: #d0e7f7;
		color: red; 
	}
	
	
/*************** END RX-Profile ****************/
	
#rxfrm-profile label, #rxfrm-advertise label, #rxfrm-register label {
	font-weight: bold;
	display: block;
}

#rx-synopsis {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: left;
}

#rx-synopsis-wrapper {
	padding: 10px;
	}
	
#rx-synopsis li {
	padding: 0 0 .5em;
	margin: 0 0 .5em;
	border-bottom: 1px dashed #fff;
}

#rx-synopsis li .author { 
	font-size: 11px; 
	color: #aaa;
	}

#rx-synopsis li .author img {
	float: left;
	padding: 2px;
	border: 1px solid #7f668a;
	margin: 0 .5em .5em 0;
}

#rx-synopsis li .message { margin: 1em; }

#tooltip {
	background: #f0f0f0;
	font-size: 11px;
	font-color: #740403;
	color: #740403;
	border: 2px solid #6c865e;
	width: 375px;
	padding: .67em;
}

#tooltip strong { font-size: 1em; color: #740403;}

#rxfrm-profile .gallery-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#rxfrm-profile .gallery-list li {
	float: left;
	padding: 0 0 1em;
}

#rxfrm-profile .gallery-list li img { padding: .5em; }

#rxfrm-profile #avatar-lbl { clear: left; padding-top: 1em; }

/*************** RX-Appearances ****************/
ul.rx-appearances {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
ul.rx-appearances li {
	width:600px;
    border-bottom:1px solid #deddd8;
    overflow: hidden;
}

ul.rx-appearances li img{
	float: right;
	margin-right:10px;
	margin-left: 10px;
	}
p.appearance-date {
	display: none;
}

hr{
	margin-bottom:15px;
	width:98%;
	}

.rx-pages{
	float:left;
}

.rx-pages li{
	list-style-type:none;
	float:left;
	padding-right:8px;
	}

/*************************/




	

/* POLLS */
#poll-viewport a { display: inline; background: transparent; color: #fff; border: none; text-decoration: underline; }
#poll-wrapper #poll-viewport #poll-results .thebar { background: url(../../images/poll_bg.gif) top left repeat-x #2F7FB0  !important; }

#calvinBeachShoot {
	margin-left:68px;
	margin-bottom:25px;
}

.floatleft{
	float:left;
	width:280px;
	}

#music_content{
	display:block;
	}
		
.music_header{
	float:left;
	width:260px;
	margin:45px 0 0 15px;
	}
	
#audio_player{
	float:left;
	width:350px;
	}
	
.clear{
	clear:both;
	}
	
#theVideo{
	float:left;
	margin:15px 80px;
	width:480px;
	height:360px;
	clear:both
	}

