/*---members section CSS for Carling.com----*/


li.competition {
  clear:both;
  padding-bottom:3px;
}

li.competition img {
  float:left;
}

li.competition span {
  display:block;
  float:right;
  width:250px;
}

div#competition p {
padding-bottom:8px;
}

div#competition img {
margin-left:10px;
margin-bottom:10px;
float:right;
}

div#competition select {
margin:10px 0;
}

div#competition input.submit {
margin:10px 0 20px 0;
}

div.login_form {
margin:10px 0;
}

div.login_form label {
float:left;
margin:0 10px;
}

div.login_form input.text {
float:left;
}

div.login_form input.submit {
clear:both;
margin-left:10px;
}

div.artist_search a {
color:#DC241F !important;
font-weight:bold;
display:block;
font-size:16px;
float:left;
margin:4px 4px 4px 5px;
}

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

ul.music_list li {
margin:5px 0;
}

ul.music_list a {
color:#DC241F !important;
}

div.cowboy_text {
font-size:108%;
color:#a59b77 !important;
font-weight:bold;
}

div.cowboy_text a {
color:#a59b77 !important;
}

div.cowboy a:hover {
color:#a59b77 !important;
}


/* New Members Page CSS */

body.index {
 /* font-size:0.7em; */
 font-size:11px;
}

div#centermembers {
  width:554px; /*638*/
  float:left;
  margin-right:6px;
}

div#rightcolmembers {
  width:271px;
  float:left;
}

div#centermembers .row, div#rightcolmembers .row {
 margin-bottom:6px;
}

div#centermembers .row {
 width:555px;
 clear:both;
 
 float:left;
}

div#rightcolmembers .row {
 width:100%; 

}

div#rightcolmembers .picholder {
 height:300px;
}

#contentsnippet1 {
 width:316px;
 width:319px;
 float:left; 
 margin-right:6px;
 margin-right:0px;
 margin-bottom:6px;
 
 background:url(/media/top-tabs-bg.jpg) no-repeat 0px 0px;
}

#contentsnippet2 {
 width:235px;
 float:left;
  margin-bottom:6px;
  background:url(/media/top-tabs-bg.jpg) no-repeat top right;
}

div.textholder {
  height:auto!important;
  display:inline;
}

div.text-content {
  height:auto!important;
  display:inline;
}


#contentsnippet1 .tab {
 background-color:#f25c2a;
}

#contentsnippet2 .tab {
 background-color:#672e8f;
}

#contentsnippet3 .tab {
 background-color:#672e8f;
}

#contentsnippet4 .tab {
 background-color:#ffc425;
}

#contentsnippet5 .tab {
/* background-color:red; */
 background-color:#187ac3;
}

div#centermembers .tab, div#rightcolmembers .tab {
 padding-top:3px;
 padding-left:5px;
 height:17px;
 color:#FFFFFF;
 font-family:arial, verdana, sans-serif;
 font-weight:bold;
}

div#centermembers .tab {
 width:145px;
}

div#rightcolmembers .tab {
 width:175px;
}

div#centermembers .content, div#rightcolmembers .content {
 background-color:white; 
}

#contentsnippet1 .content {
 width:310px;
}

#contentsnippet2 .content {
 width:229px;
 margin-left:0px !important;
}


div#centermembers .standardheight {
 _height:auto;/*--ie6--*/
 _padding-bottom:10px;/*--ie6--*/
 min-height:144px;
}

div#centermembers .standardheight .content {
 _height:120px;/*--ie6--*/
 min-height:120px;
 margin-bottom:5px;
 
 
 float:left;
}

div#centermembers div#promos {
 min-height:158px!important;
}

div#centermembers .standardheight div#promos .content {
 width:274px;
 float:left;
 padding-left:0px;
 min-height:160px;
 background-color:white !important;
 background-repeat:repeat-y !important; 
 /*--ie6--*/
 _height:145px!important;
 
 /*--allow positioning within this--*/
 position:relative;
}

div#centermembers .standardheight div#promos div#promosnippet1 .content {
 margin-right:6px;
 margin-bottom:6px;
}

div#threetabs .content {
 background-color:black; 
 clear:left; 
 float:left; 
 /*width:537px;*/
 width:554px;
 color:#FFFFFF;
 position:relative;
}

div#threetabs .outertab, div#picarrayholder .outertab {
float:left;
}

div#threetabs .tab {
 width:155px;
 margin-right:0px;
}

div#threetabs .long, div#picarrayholder .long {;
 margin-right:0px;
 padding-right:0 !important;
}

div#threetabs .tab a {
 color:#AAAAAA;
 padding:10px 10px 10px 0;
}

div#threetabs #classic a {
 padding-right:20px;
}

div#threetabs #knowledge a {
 padding-right:40px;
}

div#threetabs .tab a:hover, div#picarrayholder .tab a:hover {
 color:#FFFFFF;
}

div#threetabs h3 {
 margin-top:3px;
 display:block;
}

div#picarrayholder .tab  {
 width:121px;
}

div#picarrayholder .tab a {
 color:#AAAAAA;
 padding:10px 15px 10px 0;
}

div#picarrayholder #totp a {
 padding-right:15px;
}

div#picarrayholder #onetowatch a

div#picarrayholder .tab a:hover {
 padding-right:20px;
}

div#picarrayholder .content {
 background-color:#494b46; 
 clear:left; 
 float:left; 
 height:266px; 
 width:271px;
 padding:5px 0;
}

div#picarrayholder .content img {
 margin-top:5px;
 margin-left:8px;
}

.content .textcontent {
 padding: 5px 5px;
 padding-left:0;
 margin-top:5px;
 
 /*--ie6--*/
 _padding:5px 5px 0px 5px;
 
 height:auto!important;
 display:block;
 margin-left:30px;

}

.content .textcontent p {
 /*padding:3px 0 !important;*/
 padding:3px 6px 3px 0 !important;
 line-height:1.2em;
 
}

.promo div.sidetitleholder {
 display:block;
 position:absolute;
 left:0;
 bottom:0;
}

div.sidetitleholder {
 display:block;
 position:absolute;
 left:0;
 bottom:0;
}

#promosnippet1 div.heading-holder {
 margin-left:32px;
}

.promo div.heading-holder {
 margin-left:32px;
}

.content img.sidetitle {

}

div#rightcolmembers .standardheight {
 _height:140px;
 min-height:140px;
}

div#rightcolmembers .standardheight .content {
 _height:120px;
 min-height:120px;
}

div#rightcolmembers .standardheight #contentsnippet4 .content {
 _height:119px;
 min-height:119px;
}

div#contentsnippet3 div.text-holder {
  overflow:visible!important;
  height:auto!important;
}

.header-holder {
  
}

/*--canogram--*/
div#contentsnippet5 div.text-holder {
  overflow:visible!important;
  height:auto!important;
  display:inline;
}

#contentsnippet5 div.imgholder {
  width:160px;
  display:block;
}

div.text-holder {
  height:auto!important;
  
}

div#rightcolmembers .largermargin {
 margin-bottom:13px;

}

div#rightcolmembers div#picarrayholder {
 height:286px;
 position:relative;
}

div#rightcolmembers div#picarrayholder p#thirdparty {
 position:absolute;
 color:white;
 display:block;
 margin:0 10px;
 top:230px;
 width:251px;
}

.leftimg {
 padding:0 5px 0 0;
}

.leftimg .imgholder {
 float:left; 
 margin-right:5px;
}


.leftimg .imgholdermts {
 float:left; 
 margin-right:5px;
 padding-top:5px;
}

/*--fix ie6 random white border--*/
.leftimg .imgholder {
 _float:left; 
 _margin-right:5px;
 _height:120px;
 _margin-left:5px;
 _overflow:hidden;
 _width:160px; 
}



.rightimg {
 padding:0 0 0 5px;
}

.rightimg .imgholder {
 float:right; 
 margin-left:5px;
}

.rightimg .imgholdermts {
 float:right; 
 margin-left:5px;
 /*padding-top:5px;*/
}


/*--ie6 fix--*/
#contentsnippet1 .rightimg .imgholder {
 float:right; 
 margin-left:5px;
 _display:block;
 _height:87px;
 _width:120px;
 _overflow:hidden;
 
}

#contentsnippet1 .rightimg textholder {
  height:121px;
  overflow:hidden;
}





/*--specifics--*/
#promosnippet1 .rightimg .imgholder {
 /*float:right; 
 margin-left:5px;*/
 display:block;
float:right;
height:130px;
margin-left:5px;
overflow:hidden;
width:87px;
}

#promosnippet2 .rightimg .imgholder {
  /*float:right; 
  margin-left:5px;*/
  display:block;
  float:right;
  height:130px;
  
  height:auto;
  
  margin-left:5px;
  overflow:hidden;
  width:84px;
  /*--new styles added--*/
  width:auto;
  margin-right:0px;
}

#promosnippet1 .rightimg .imgholder {
  display:block;
  float:right;
  height:130px;
  height:auto;
  margin-left:5px;
  margin-right:0;
  overflow:hidden;
  width:auto;
}



.noimg {
 padding: 0 5px 0 5px;
}

.content .lpheading {
 color:#808483; 
 font-size:14px; 
 font-weight:bold;
}

div.snippetnav {
 position:absolute; 
 right:43px; 
 bottom:5px;
 font-weight:bold;
}

img.moresnippets {
 margin-left:3px;
 float:right;
} 

div#threetabs div.snippetaggs {
 float:right;
 width:150px;
 font-weight:bold;
 padding-top:5px;
}

div.snippetnav .inactive {
 color:gray;
}

div#morepicsholder {
 position:relative; 
 float:left; 
 width:743px; 
 background-color:#FFFFFF; 
 padding:20px 40px;
}

div#morepicsholder .morepics {
 width:505px; 
 height:360px; 
 float:left;
}

div#morepicsholder .details {
 width:200px; 
 height:150px; 
 padding-left:30px; 
 float:left;
}

div#morepicsholder .buttons {
 position:relative; 
 left:50px; 
 width:180px; 
 height:100px; 
 top:100px; 
 float:left;
}

div#morepicsholder .aggregators {
 position:relative;
 left:45px;
 top:86px;
 width:180px; 
 height:100px;  
 float:left;
}

div#moresnippetsholder h1#mainheading {
 float:left;
 display:inline;
 margin-right:10px;
}

div#moresnippetsholder img.listimage {
 float:left;
 margin-right:10px;
 margin-bottom:10px;
}

div#moresnippetsholder .snippetinfo {
 width:75%;
 float:left;
 margin-right:10px;
}

div#moresnippetsholder span.title {
 font-size:1.2em;
 font-weight:bold;
}

div#moresnippetsholder span.subheading {
 font-size:1.1em;
 font-weight:bold;
 color:#666666;
}

div#threetabs .aggregator-button-holder {
 margin:0 !important;
}

div#moresnippetsholder .aggregator-button-holder {
 width:130px;
 float:right;
}

div#moresnippetsholder div.pageselect {
 width:100%;
 text-align:center;
}

div#moresnippetsholder a.backlink {
 float:right;
}

div.greenmp {
 border:4px solid #3CB54B;
}

div.redmp {
 border:4px solid #C2272D;
} 

div.pageselect {
 
 width:510px;
 text-align:right;
}

div.pageselect a:link {
 color:red !important;
}

div.pageselect a:visited {
 color:red !important;
}

div.pageselect a:hover {
 color:black !important;
}

div.pageselect a:active {
 color:black !important;
}

a.blockbutton {
 display:block; 
 width:160px; 
 height:20px; 
 padding-top:7px; 
 text-align:center; 
 color:#ffffff !important;
}

a.greenmp {
 background-color:#3CB54B;
}

a.redmp {
 background-color:#C2272D;
}

a.blockbutton:hover {
 color:#cccccc !important;
}

div#centerwide div.login_box a.redbutton {
 position:relative;
 left:200px;
}

div#centerwide div.login_box input.submit {
margin-left:5px;
float:none;
background-color:red !important;
color:#FFFFFF !important;
display:inline;
padding:1px 4px;
}

div.black_821 div.box_interior {
  background:url(/media/black_831_mid.png) repeat-y;
  width:791px;
  #width:791px;
  _width:801px;
}

div#toploginbox {
 position:relative;
 display:block;
 margin-left:6px;
 width:821px;
}

/* ---------->>> global settings needed for thickbox <<<----------------------------------------*/



/* ---------->>> thickbox specific link and font settings <<<-----------------------------------*/

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #3CB54B; font-weight:bold;}
#TB_window a:visited {color: #3CB54B; font-weight:bold;}
#TB_window a:hover {color: #000; font-weight:bold;}
#TB_window a:active {color: #3CB54B; font-weight:bold;}
#TB_window a:focus{color: #3CB54B; font-weight:bold;}


/* ---------->>> thickbox settings <<<----------------------------------------------------------*/

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/media/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#FFFFFF;
	height:21px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


div.main-content-holder-otc {
  width:275px;
  float:left;
  clear:left;
}


div.vert-banner-holder-otc {
  width:25px;
  height:100%;
  _height:147px;/*--ie6--*/
  min-height:145px;
  float:right;
  clear:right;
  display:block;
}
div.vert-banner-holder-otc a img {
  margin-right:0px;
  #margin-left:-5px;
}


#promosnippet1 {
  background:url(/media/promos-bg-strip.jpg) top left no-repeat;
}

#promosnippet2 {
  background:url(/media/promos-bg-strip.jpg) top right no-repeat;
}



#rightcolmembers .row #contentsnippet5 .content .text-holder {
  overflow:hidden!important;
}


/* Refresh */

.outertab img {  display:none!important;  }
div#picarrayholder .content { background:#171717; }
div#centermembers .standardheight { color:#000000; }
.rightimg { /* background:#ffffff!important; */ color:#ffffff; }
div#centermembers .standardheight .content { margin-bottom:0px; padding-bottom:10px;}
#contentsnippet1, #contentsnippet2 { background-image:none; }

div#contentsnippet1 { width:314px; margin-right:0px; overflow:hidden; }
div#contentsnippet2 { margin-left:5px; }
div#contentsnippet3 p { color:#000000!important; }
div#contentsnippet4 .text-content { color:#000000!important;  }

div#threetabs .content { background-color:#ffffff; padding-bottom:0px!important; margin-bottom:0px; }
div#threetabs .content .content {  }

div#picarrayholder .content img { display:inline; }

/* Refresh */

.outertab img {  display:none!important;  }
div#picarrayholder .content { background:#171717; }
div#centermembers .standardheight { color:#000000; }
.rightimg { /* background:#ffffff!important; */ color:#ffffff; }
div#centermembers .standardheight .content { margin-bottom:0px; padding-bottom:6px;}
#contentsnippet1, #contentsnippet2 { background-image:none; }

div#contentsnippet1 { width:314px; margin-right:0px; overflow:hidden; }
div#contentsnippet1 .content { height:345px; }
div#contentsnippet2 { margin-left:6px; }
div#contentsnippet3 p { color:#000000!important; }
div#contentsnippet4 .text-content { color:#000000!important;  }

div#promosnippet1 .content { height:187px; }

div#threetabs .content { background-color:#ffffff; padding-bottom:0px!important; margin-bottom:0px; }
div#threetabs .content .content { min-height:120px; }
div#threetabs .aggregator-button-holder img {display:inline; }

div#picarrayholder .content img { display:inline; }

div#centermembers h3 { color:#666666!important; margin-top:6px; }

#formelements .redbutton { margin-left:20px; }
#formelements .text { margin-right:5px; }

#competition-list { margin:0px; padding: 0px; }

.morepics a.thickbox { float:left; }