/* ==== GENERAL STYLES ==== */

#cMiddle {width:597px;margin:0 9px 5px 9px;padding:0;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;font-size:14px;line-height:150%;}
#cMiddle p{margin-bottom:15px;}


/* ==== SEARCH RESULT STYLES ==== */	
.searchresult-container{
  width:574px;
  padding:0 3px 10px 18px;
  margin-bottom:25px;
  float:left;
  border:1px solid #3f7fc2;
  overflow:hidden;
  background:#EBF3F8;
}
#theme-searchresult-container{
  width:565px;
  padding:15px 15px 0 15px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
  margin-bottom:25px;
  float:left;
  border:1px solid #3f7fc2;
  overflow:hidden;
  background:#EBF3F8;
}
#theme-searchresult-container img{
	border:2px solid #FFCC00;
}
#theme-searchresult-container img:hover{
	border:2px solid #FF0000;
}


/* ==== NEW RELEASES ==== */	

.new-bk-container{
	width:574px;
  	padding:10px 3px 10px 18px;
  	margin-bottom:25px;
  	float:left;
  	border:1px solid #C73727;
  	overflow:hidden;
  	background:#FEF7F7 url("../images/bg_grad_red.gif") repeat-x bottom left;
}
.library-button{
	text-align:center;
	padding:0px 17px 0 0;
}
/*Floating placeholders for CK and GBK containers*/
#new-release-left{width:292px;margin:0 6px 0 0;padding:0;float:left;}
#new-release-right{width:291px;margin:0 0 0 6px;padding:0;float:left;}
	#new-ck-container{
		width:271px;
		padding:17px 4px 10px 17px;
		margin-bottom:25px;
		float:left;
		border:1px solid #3f7fc2;
		overflow:hidden;
		background:#F3F7FA url("../images/bg_grad_blue.gif") repeat-x bottom left;
	}
	#new-gbk-container{
		width:270px;
		padding:17px 4px 10px 17px;
		margin-bottom:25px;
		float:center;
		border:1px solid #800080;
		overflow:hidden;
		background:#FBF5FC url("../images/bg_grad_purple.gif") repeat-x bottom left;
	}
  
/* ==== LIBRARY STYLES ==== */	 
  
#library-container{
  width:574px;
  padding:0 3px 10px 18px;
  margin-bottom:5px;
  float:left;
  border:1px solid #3f7fc2;
  overflow:hidden;
  background:#EBF3F8;
}

ul.library-list, ul.library-list-tbk{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.library-list li, ul.library-list-tbk li{
	float:left;
	display:block;
	width:100px;
	height:100px;
	margin:10px 10px 0 0;
	padding:0;
	border:2px solid #FFCC00;
	position:relative;
	overflow:hidden;
}
ul.library-list li.bk{
	margin:0 10px 10px 0;
}
ul.library-list li.ck,ul.library-list li.gbk{
	margin:0 12px 10px 12px;
}
ul.library-list li:hover{
	border:2px solid #FF0000;
} 
ul.library-list li img, ul.library-list-tbk li img{
	float:left;
	margin:1px;
	padding:0;
	position:relative;
	overflow:hidden;
	display:block
}
ul.library-list li a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}


/* ==== LIBRARY MENU TABS ==== */	

#library-tabs {
  float:left;
  width:597px;
  font-size:93%;
  line-height:normal;
  font: bold 11px/1.5em Verdana;

  }
#library-tabs ul {
  margin:0;
  padding:0 0 0 0px;
  list-style:none;
  }
#library-tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#library-tabs a {
  float:left;
  background:url("../images/nav-tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#library-tabs a span {
  float:left;
  display:block;
  background:url("../images/nav-tabright.gif") no-repeat right top;
  padding:7px 15px 6px 5px;
  color:#FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#library-tabs a span {float:none;}
/* End IE5-Mac hack */
#library-tabs a:hover span {
  color:#FFF;
  background-position:100% -42px;
  }
#library-tabs a:hover {
  background-position:0% -42px;
  }
#library-tabs a:hover span {
  background-position:100% -42px;
  }
#library-tabs a.selected  {background-position:0% -42px;}
#library-tabs span.selected  {background-position:100% -42px;}


/* ==== THEMES/REDEMPTIONS ==== */	

#themes-container{
  width:593px;
  padding:5px 1px 10px 1px;
  margin-bottom:15px;
  float:left;
  border:1px solid #3f7fc2;
  overflow:hidden;
  background:#EBF3F8;
  text-align:center;
}

#themes-container img{
	border:1px solid #FFCC00;
	margin-top:5px;
	padding:0;
	display:inline;
	width:278px;
	height:100px;
}
#themes-container img:hover{
	border:1px solid #FF0000;
}


/* ==== MUTATION STYLES ==== */	 
 
#mutation-container{
  width:574px;
  padding:0 3px 5px 18px;
  margin-bottom:15px;
  float:left;
  border:1px solid #3f7fc2;
  overflow:hidden;
  background:#EBF3F8;
}
ul.mutation-list{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.mutation-list li{
	float:left;
	display:block;
	width:150px;
	height:150px;
	min-height:150px;
	margin:10px 20px 0 14px;
	padding-bottom:3px;
	border:2px solid #FFCC00;
	position:relative;
	font-size:10px;
	text-align:center;
	line-height:normal;
	background:#FFFFFF;
	font-weight:bold;
}
ul.mutation-list li:hover{
	border:2px solid #FF0000;
}
ul.mutation-list li a.thickbox{
	color:#FF9900;
}
.special{font-weight:bold;color:#FF0000;margin:0;padding:0;}


/* ==== BADGE STYLES ==== */	 
 
.badge-container{
  width:574px;
  padding:0 3px 10px 18px;
  margin-bottom:15px;
  float:left;
  border:1px solid #3f7fc2;
  overflow:hidden;
  background:#EBF3F8;
}
ul.badge-list{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.badge-list li{
	float:left;
	display:block;
	width:100px;
	margin:10px 16px 0 16px;
	padding:2px;
	border:2px solid #FFCC00;
	position:relative;
	font-size:10px;
	text-align:center;
	line-height:normal;
	background:#FFFFFF;
	font-weight:bold;
}
ul.badge-list li:hover{
	border:2px solid #FF0000;
}
ul.badge-list li a{
	color:#FF9900;
}


/* ==== LIBRARY VIEWING ==== */	

.library-nav-left{
	padding-top:15px;
	float:left;
}
.library-nav-right{
	float:right;
	padding:15px 13px 0 0;
}
p.view{
	padding:15px 0 0 0;
	text-align:center;
	font-weight:bold;
	margin:0;
}
p.pages{
	padding-top:15px;
	text-align:center;
	margin:0;
}

#find-out-more img{position:relative;margin-top:-5px;width:20px;height:20px;}


/* ==== BK TIMES STYLES ==== */	

#bktimes-container{
  width:574px;
  padding:10px 3px 0px 18px;
  margin-bottom:20px;
  float:left;
  border:1px solid #3F7FC2;
  overflow:hidden;
  background:#EBF3F8;
}
ul.bktimes-list{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.bktimes-list li{
	float:left;
	display:block;
	width:128px;
	margin:0px 10px 10px 2px;
	line-height:150%;
	padding-bottom:3px;
	position:relative;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	background:#FFFFFF;
	border:1px solid #999999;
}
ul.bktimes-list li a{
	color:#FF9900;
}
ul.bktimes-list li img.view{border:none;padding-top:3px;}
.bktimes-new {color:#FF0000;}


/* ==== TAG HISTORY STYLES ==== */	 

.tag-container{
  width:594px;
  padding:10px 0px 10px 0px;
  margin-bottom:15px;
  float:left;
  border:1px solid #3f7fc2;
  overflow:hidden;
  background:#EBF3F8;
}
ul.swing-tag-list{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.swing-tag-list li{
	float:left;
	display:block;
	width:140px;
	height:160px;
	margin-left:3px;
	padding:2px;
	position:relative;
	font-size:10px;
	line-height:normal;
	font-weight:bold;
}
ul.swing-tag-list li p{padding-top:3px;text-align:center;margin:0;}

ul.tush-tag-list{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.tush-tag-list li{
	float:left;
	display:block;
	padding:0;
	position:relative;
	font-size:10px;
	height:115px;
	font-weight:bold;
	margin:0 10px 10px 10px;
	width:auto;
}