@charset "utf-8";
/* CSS Document */

.thrColHyb, .twoColHyb, .oneColHyb {
	width: 985px;
	margin:0 auto;
	text-align:left;
}

.thrColHyb H1, .twoColHyb H1, .oneColHyb H1 {
	color: #363636;
	font-size:20px;
	font-weight:700;
	padding:9px;
}

.thrColHyb #tabContent, .twoColHyb #tabContent, .oneColHyb #tabContent {
	background:url(../images/content_area_bg.png) top left repeat-x #f3f3f3;
	width:965px;
	padding:10px;
	margin: 0 auto;
	text-align: left;
} 
.thrColHyb #sidebar1, .twoColHyb #sidebar1 {
	float: left; 
	width: 225px;
}
.thrColHyb #sidebar2 {
	float: right; 
	width: 245px; 
}

.thrColHyb #mainContent {
  margin: 0 255px 0 235px;
  padding: 0; 
} 
.twoColHyb #mainContent {
  margin-left:235px; 
  padding: 0; 
}
.oneColHyb #mainContent {
	width:600px;
  margin:0 auto; 
  padding: 0; 
} 

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* MESSAGE BOX */
.cbsResponseMessage {
	border:1px solid #339966;
	margin:0 0 10px 235px;
	background-color:#E0FFE4;
	padding:4px;
	text-align:center;
}

.cbsResponseMessage2 {
	border:1px solid #339966;
	margin:5px 0 10px 0px;
	background-color:#E0FFE4;
	padding:4px;
	text-align:left;
}

.ugPhotoResponseMessage {
	border:1px solid #339966;
	margin:0 0 10px 0px;
	background-color:#E0FFE4;
	padding:4px;
	text-align:left;
}

/* USER CARD */

.sectionBox {
	padding:10px;
	margin:0 0 10px 0;
	color:#666;
	float:left;
}

.oneColHyb .sectionBox {
	padding:10px;
	margin:0 0 10px 0;
	color:#666;
	float:none;
}

#sidebar1 .sectionBox {
	padding:4px;
}

/*start Kyle's stuff*/	
#mainContent .big{
	min-height:230px;
}
#mainContent .sectionBox.small{
	color: #444;
}
#mainContent .ftitle {
	font-size: 1.3em;
	line-height: 35px;
	font-weight: bold;
}
#mainContent .usertitle {
	font-size: 1.8em;
		line-height: 40px;
}
.ptcolor {
	color: #FF8B00;
}
#mainContent .flvl {
	font-weight: bold;
}
#mainContent .badge {
	margin:10px 20px;
	float: left;
}
#mainContent .prgbar {
	height: 50px;
	margin: 14px 0px;
	font-size: 0.9em;
}
#mainContent .pbar {
	border: 2px inset #FDA;
	width: 310px;
	height: 30px;
	float: left;
	background-color: #FFC;
	margin-right: 20px;
	line-height: 31px;
}
#mainContent .fill {
	width: 0px;
	background-color: #FF7000;
	text-align: right;
	height: 30px;
	padding-right: 5px;
	margin-right: 3px;
	line-height: 31px;
	color: white;
	float: left;
	visibility: hidden;
}
#mainContent .info {
float:right;
}
#mainContent .badgebox {
	min-height:170px;
	overflow:auto;
	margin-top:10px;
}
#mainContent .info2 {
font-size: 0.9em;
float:right;
margin-bottom:20px;
}
/*end Kyle's stuff*/

.sectionBox div.heading {
	padding:0px;
	margin:0 0 10px 0;
	border-bottom:1px solid #999;
	font-size:16px;
	color:#666;
	font-weight:700;
}
.sectionBox div.heading SPAN {
	font-size:12px;
	color:#999;
	font-weight:normal;
	margin-left:4px;
}

.sectionBox div.subSection {
	 margin-bottom:10px;
	 padding:0px 0px 10px 0;
	 background-position:0 .15em;
	 border-bottom:1px solid #f1f1f1;
	 float:left;
}
.sectionBox div.subSection DIV {
	margin-top:4px;
	text-indent: 0px;
}

.sectionBox  div.subSection IMG {
	float:left;
	border:1px solid #666;
	margin:6px 6px 0 0;
}

.subSection .userInfo {
	 margin:0 0 0 8px;
	 float:left;
	 }
.subSection .userInfo DIV {
 margin-bottom:2px;
 }

/* FAVORITES */
.favoriteBlock div.heading {
	padding:0px;
	margin:0 0 10px 0;
	border-bottom:1px solid #eeeeee;
	font-size:14px;
	color:#666;
	font-weight:700;
}
.favoriteBlock div.heading SPAN {
	font-size:11px;
	color:#999;
	font-weight:normal;
	margin-left:4px;
}
.favoriteBlock {
	float:left;
	width:335px;
	/*border:1px solid red;*/
	padding:10px;
	}
.favoriteBlock .userCard {
	margin-bottom:15px;
	}

.favoriteBlock .userCard IMG {
	border:1px solid #999999;
	}
.favoriteBlock .userInfo {
	/*border:1px solid green;*/
	width:200px;
	}




.fanIcon {
	 background:url(../images/icons/fan.png) left top no-repeat;
	 text-indent:16px;
}
.feedItem {
	padding-left:18px
	}
.feedItem FORM {
	display:inline;
}


/* widths - need this cause everything's floated within the columns */
/*.thrColHyb #mainContent .sectionBox {
	width:455px;
} Kyle: taken out*/
.twoColHyb #mainContent .sectionBox {
	width:710px;
}
.thrColHyb #mainContent .sectionBox div.subSection {
	width:455px;
}
.twoColHyb #mainContent .sectionBox div.subSection {
	width:710px;
}
#sidebar1 .sectionBox {
	width: 217px;
}
#sidebar2 .sectionBox {
	width: 225px;
}
#sidebar2 .sectionBox div.subSection {
	width:225px;
}
/* float clears */
/*.sectionBox div.subSection:after {
    content: "."; 
    display: block; 
	height: 0;
    clear: left; 
	visibility: hidden;
}*/
/*.sectionBox:after {
    content: "."; 
    display: block; 
	height: 0;
    clear: left; 
	visibility: hidden;
}*/

/* sectionBox Colors */
.white {
	background-color:#fff;
	}
.grey {
	background-color:#f7f7f7;
	}

/* profile pictures*/
.profilePics IMG {
	border:1px solid #666;
	display:block;
	}
.profilePics .primary {
	float:left;
	padding-right:20px;
}
.profilePics .secondary {
	float:left;
	padding:0 6px 6px 0;
}
.profilePics:after  {
    content: "."; 
    display: block; 
	height: 0;
    clear: left; 
	visibility: hidden;
}

/*profile link icons*/
.iconLink {
	padding-left:20px;
	line-height:20px;
	}
.seeAllPhotos {
	background:url(../images/icons/see_all_photos.png) left top no-repeat;
	}
.friends {
	background:url(../images/icons/friends.png) left top no-repeat;
	}
.compliments {
	background:url(../images/icons/compliments.png) left top no-repeat;
	}
.comments {
	background:url(../images/icons/comments.png) left top no-repeat;
	}
.photos {
	background:url(../images/icons/photos.png) left top no-repeat;
	}
.addAsFriend {
	background:url(../images/icons/add_as_friend.png) left top no-repeat;
	}
.sendACompliment {
	background:url(../images/icons/send_a_compliment.png) left top no-repeat;
	}
.sendAMessage {
	background:url(../images/icons/send_a_message.png) left top no-repeat;
	}
.star {
	background:url(../images/icons/star.png) left top no-repeat;
	}


/* SCORE BOX*/


.scoreBox {
	padding:6px;
	margin:0 0 10px 0;
	color:#666;
}
.scoreBox div {
	border-bottom:1px solid #d5d5d5;
	line-height:22px;
	}
.scoreBox .header {
	border-bottom:1px solid #999;
}
.scoreBox .last {
	border-bottom:none;
}
.scoreBox .score {
	float:right;
	border:none;
	}
.scoreBox .total {
	border-bottom:none;
	border-top:1px solid #cc6600;
	}
.scoreBox .totalScore {
	float: right;
	border-bottom:none;
}
.scoreBox .totalScore .left {
	background:url(../images/score_total_bg_left.png) bottom left no-repeat;
	padding-left:4px;
	border-bottom:none;
}
.scoreBox .totalScore .right {
	background:url(../images/score_total_bg_right.png) bottom right no-repeat;
	padding:0 4px 2px 2px;
	border-bottom:none;
	}
.scoreBox .totalScore .number {
	background:url(../images/cbs_logo_com_score.png) center left no-repeat;
	padding-left:18px;
	color:#fff;
	font-weight:700;
	border-bottom:none;
	}

/*TABS*/
   #profileTabs {
      width:985px;
	  margin: 0 auto;
      line-height:normal;
      }
    #profileTabs ul {
      margin:0 0 0 0;
	  padding-left:0px;
      list-style:none;
      }
    #profileTabs li {
	  display:inline;
      margin:0;
      padding:0;
      }
    #profileTabs a {
      float:left;
      background:url("../images/left_both.png") no-repeat left top;
	  background-position:0 150px;
      margin:0 10px 0 0;
      padding:0 0 0 3px;
      text-decoration:none;
      }
    #profileTabs a span {
      float:left;
	  font: 700 15px/20px Arial, Helvetica, sans-serif;
	  color:#363636;
	  display:block;
      background:url("../images/right_both.png") no-repeat right top;
	  background-position:100% 150px;
      padding:5px 8px 5px 6px;
	  cursor:pointer;
      }
    #profileTabs a:hover span {
      color:#333;
      }
    #profileTabs #currentTab a {
      background-position:0 -150px;
      border-width:0;
      }
    #profileTabs #currentTab a span {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#fff;
      }
    #profileTabs a:hover {
      background-position:0% 0px;
      }
    #profileTabs a:hover span {
      background-position:100% 0px;
      }

/* 404 styles */

.errorContainer {
	background:url("../images/404_image.png") top left no-repeat #ccc;
	width:278px;
	height:311px;
	margin:0 auto;
	text-align:left; 
	padding: 40px 20px 20px 682px;
	}
	
/* Friends Page with table*/

#friends {
		width:100%;
		margin-top:20px;
	}
	#friends A {
		color:#333;
		text-decoration:none;
		}
	#friends A:hover {
		color:#cc6600;
		text-decoration:underline;
		}
	#friends IMG {
		float:left;
	}
	#friends TD {
		font:Arial, Helvetica, sans-serif;
		padding-bottom:30px;
		font-size:12px;
		color:#999;
		}
	#friends .userInfo {
		 margin-left:8px;
		 float:left;
		 }
	#friends .userInfo DIV {
	 margin-bottom:2px;
	 }

.online {
		color:#cc6600;
		font-weight: bold;
		}
.offline {
		color:#666666;
		font-weight: bold;
		}
	#friends .removeFriend {
		margin:4px 0;
	}

/* PHOTOS PAGE */

.photo {
	text-align:center;
	}

.photoThumbnails {
	background:url(../images/photo_thumb_bg.png) top left repeat-x;
	margin:0 4px 20px 0;
	padding:4px;
	float:left;
	width:160px;
	min-height:120px;
	}
.photoThumbnails IMG {
	margin:0 4px 4px 0;
	float:left;
	}
.photoThumbnails A {
	font-size:9px;
	line-height:16px;
	color:#666;
	text-decoration:none;
	}
.photoThumbnails A:hover {
	font-size:9px;
	color:#333;
	text-decoration:underline;
	}
.photoThumbnails .remove {
	color:#999999;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/photo_icons_sprite.gif) 0px 0px no-repeat;
}

.photoThumbnails .remove:hover {
	text-decoration:underline;
	color:#333333;
	padding-left:10px;
	background:url(../images/photo_icons_sprite.gif) 0px -70px no-repeat;
}
.photoThumbnails .setPrimary {
	color:#999999;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/photo_icons_sprite.gif) 0px -140px no-repeat;
}

.photoThumbnails .setPrimary:hover {
	text-decoration:underline;
	color:#333333;
	padding-left:10px;
	background:url(../images/photo_icons_sprite.gif) 0px -210px no-repeat;
}
.photoThumbnails .changeCaption {
	color:#999999;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/photo_icons_sprite.gif) 0px -280px no-repeat;
}

.photoThumbnails .changeCaption:hover {
	text-decoration:underline;
	color:#333333;
	padding-left:10px;
	background:url(../images/photo_icons_sprite.gif) 0px -350px no-repeat;
}
/* COMPLIMENTS PAGE */

.compliment {
	border-bottom:1px solid #cccccc	;
	margin-bottom:10px;
	color:#666666;
	padding-bottom:10px;
}
.compliment IMG {
	float:left;
	}
.compliment .complimentBody {
	 margin-left:8px;
	 float:left;
	 /*border:1px solid red;*/
	 width:550px;
}
.compliment .complimentBody DIV {
	 margin-bottom:4px;
}
.compliment .date {
	font-size: 11px;
	color:#999999;
}
.complimentBody A {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	}
.complimentBody A:hover {
	text-decoration:underline;
	color:#333333;
	}

.accept {
	font-size:10px;
	color:#999999;
	padding-left:10px;
	background:url(../images/accept.png) 0px 1px no-repeat;
}

.accept:hover {
	padding-left:10px;
	background:url(../images/accept.png) 0px -69px no-repeat;
}
.remove {
	font-size:10px;
	color:#999999;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/remove_x.gif) 0px 0px no-repeat;
}

.remove:hover {
	text-decoration:underline;
	color:#333333;
	padding-left:10px;
	background:url(../images/remove_x.gif) 0px -70px no-repeat;
}

/* ACTIVITIES PAGE */

/* FAVORITES */

.activitiesBlock {
	margin: 20px 0;
}
.activitiesBlock div.heading {
	padding:0px;
	margin:0 0 10px 0;
	border-bottom:1px solid #eeeeee;
	font-size:14px;
	color:#666;
	font-weight:700;
}
.activitiesBlock div.heading SPAN {
	font-size:11px;
	color:#999;
	font-weight:normal;
	margin-left:4px;
}
.activitiesBlock .userCard {
	margin-bottom:15px;
	}

.activitiesBlock .userCard IMG {
	border:1px solid #999999;
	}

.activitiesBlock .userInfo {
	 margin-left:8px;
	 float:left;
	 }
.activitiesBlock .userInfo DIV {
 margin-bottom:2px;
 }
	 
	 
	.cbsScore {
		background:url(../images/cbs_score_bg.png) top left no-repeat;
		padding-left:16px;
		color:#eee;
		font-size:11px;
		width:50px;
		height:14px;
	}
	.pagingControls {
		float:right;
		font-size:12px;
	}
	
.floatRight {
	float:right;
	}
.clear {
	clear:both;
	}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* USER CARD */
.userCard IMG {
		float:left;
	}
	
.userCard .userInfo {
	 margin-left:8px;
	 float:left;
	 }
.userCard .userInfo DIV {
 margin-bottom:2px;
 }

.userName {
	margin:0;
	}
.userName A {
	font-weight:700;
	color:#333;
	font-size:14px;
	text-decoration:none;
	}
.userName A:hover {
	color:#cc6600;
	text-decoration:underline;
	}

.friendsPage {
	float:left;
	width:230px;
	min-height:80px;
	margin-bottom:20px;	
	}
	
.favoritesPage {
	float:left;
	width:210px;
	min-height:80px;
	margin-bottom:20px;	
	margin-right:20px;
	}
	
	.userBlock {
		position:relative;
		top:-16px;
		left:53px;
	}
	.sideCar {
		position:relative;
		top: -15px;
		left:200px;
	}
	
.sectionBox div.subSection:after, .sectionBox:after, .userCard:after, .favoriteBlock:after, .activitiesBlock:after, .genericFloatClear {
    content: "."; 
    display: block; 
	height: 0;
    clear: left; 
	visibility: hidden;
}

/*  Global Footer Styles  */

				#cbsi_f {
					font-size: 11px;
					text-align: left;
					color:#9c9c9c;
				}
				#cbsi_f a {
					/*color: #d67606;*/
					color:#9c9c9c !important;
				}
				#cbsi_f form {
					float: right;
					text-align: right;
				}
				#cbsi_f select, #cbsi_footer input {
					border: 1px solid #ccc;
					margin-left: 2px;
					padding: 2px;
					color:#666666;
				}
				#cbsi_f label {
					display: block;
					font-size: 95%;
					margin-bottom: 2px;
				}
				#cbsi_f input:hover {
					/*background-color: #333;
					color: #ddd;*/
				}
				#cbsi_f_pop {
					margin-bottom: 8px;
				}
				
/*  END Global Footer Styles  */