/* RESET CSS by GS ON 22/06/09 */
* {margin: 0px; padding: 0px;}



/* ======= BODY BACKGROUND */
body {background: #f8f8f8 url('http://creative.myspace.com/au/customcommunities/cokebrr/images/bg2.jpg') no-repeat top center;}


/* ======= FONTS AND LINKS */
h1 {font-size:16px;}
/*#profile_friends h5.heading, .btext, .redbtext {display: none;}*/
h2.select {position: absolute; bottom: -45px; left: 0px; color:#C4040F; font-size: 14px; line-height: 18px; width: 300px;}
p {color: #646464;}
a {color: #646464;}
a:hover {color: #646464;}


/* ======= GENERAL LAYOUT BLOCK ITEMS - WRAP AND PROFILE AND FOOTER WIDTHS ALL NEED TO MATCH*/
#profile {border: 0px solid red; margin: 0px auto;}
#wrap {width: 960px; border: 0px solid #fff; margin: 0px auto;}
.profileWidth {width:780px !important;}

/* FOOTER STYLES - THE FOOTER NEEDS TO BE THE SAME WIDTH AS THE WRAP OTHERWISE IN IE IT WILL NOT CENTER*/
#footer {width:960px !important; border: 0px solid red; margin: 0px auto; text-align: center;}
#footer a {color: #fff;}


/* ======= NAVIGATION */
/* DON'T TOUCH THIS PLEASE */
.rail {display:none;}
#leftNav {float: none;}
/* TO CHANGE THE BACKGROUND COLOR OF THE NAVIGATION AND WIDTH */
#topnav {background: none !important; width:650px !important;}

#headerWrap {background: #c4040f; margin-bottom: 580px;}
#headerTable tbody tr td {background-color: #c4040f;}
/* TO CHANGE THE COLOR OF THE TEXT IN THE NAVIGATION */
#topnav ul li a:link, #topnav ul li a:active {background-color: transparent !important;}
/* TO CHANGE THE HOVER STATE OF THE NAVIGATION */
#topnav ul li a:hover {background: #fff !important; color:#000000 !important;}


/* ======= PROFILE URL */
#profile_url {color: #fff;}


/* ======= COKE PROFILE LAYOUT*/
.coke-wrapper {width: 960px;}

#row-1 {width:960px; }
#row-1 .col-a {width: 624px; height: 292px; float: left;}
#row-1 .col-a .flash-container {width: 623px; height: 251px;}
#row-1 .col-a .buttons {width: 623px; height: 41px; clear: left;}
ul.list li {list-style: none; display: inline;}	
ul.list li a {float: left; height: 41px;}	
ul.list li.add a{width: 198px; background: url('http://creative.myspace.com/au/customcommunities/cokebrr/images/buttons.gif') no-repeat; background-position: 0px -39px; text-indent: -9999px;}	
ul.list li.add a:hover {background-position: 0px 0px;}

ul.list li.subscribe a{width: 235px; background: url('http://creative.myspace.com/au/customcommunities/cokebrr/images/buttons.gif') no-repeat; background-position: -198px -39px; text-indent: -9999px;}	
ul.list li.subscribe a:hover {background-position: -198px 0px;}

ul.list li.send a{width: 190px; background: url('http://creative.myspace.com/au/customcommunities/cokebrr/images/buttons.gif') no-repeat; background-position: -434px -39px; text-indent: -9999px;}	
ul.list li.send a:hover {background-position: -434px 0px;}
#row-1 .col-b {width: 335px; float: left;}

#row-1 .col-b {float: left; width: 335px;}
#row-1 .col-b h2 {background: url('http://creative.myspace.com/au/customcommunities/cokebrr/images/show-us-what-you-got-and.gif') no-repeat -3px 0px; width: 335px; height: 51px; text-indent: -9999px; margin-bottom: 12px;}
#row-1 .col-b p{color: #646464;; padding: 0px 20px 14px 15px;}
#row-1 .col-b h3{color: #d71523; padding: 0px 20px 5px 15px;}
#row-1 .col-b p a{color: #646464;}

#video_cont #videoPlayer p a {width:100px; height: 100px; display: block; background: url('http://creative.myspace.com/au/customcommunities/cokebrr/images/vote-for-my-brr.gif') no-repeat; text-indent: -9999px;
position: absolute; bottom: -95px; right: 50px;}


#row-2 {width: 930px; height: 394px; clear: left; padding: 0px 10px 0px 20px; position: relative; margin-top: 40px; margin-bottom: 10px;}

#footer a, #footer {color: #646464;}

/* ======= COKE MODULES*/

/* TO CENTER THE FRIEND AND COMMENT MODULES YOU MUST WORK OUT THE LEFT MARGIN AND CENTERING THE DIV WON'T WORK IN IE */
#profile_friends, #profile_comments {width: 810px; margin: 0px auto 0px 75px;}
#profile_friends {margin-bottom: 30px; color: #646464;}
#profile_friends a {color: #646464;}
#profile_friends a.friendtext {font-weight: bold;}

#profile_comments {margin-bottom: 30px; color: #646464;}
#profile_comments a {color: #646464;}
#profile_comments a.friendtext {font-weight: bold;}

.friend {margin: 10px 0px 20px 0px;}
table.cols {margin-top: 30px; color: #646464 !important;}
h4.commentdate {color: #da2532;}


/*====================SCROLLER */
.clScrollerPanel{position:relative; height:102px; width:500px;}			
.clScrollerLeft{position:relative;height:102px;float:left;background-color:transparent;width:21px;margin-top:30px;}	
.clScrollerRight{position:relative;float:left;background-color:transparent;margin-top:30px;}	
.clScroller{position:relative;width:400px;height:102px;color:#000000;float:left;}			
.clScrollerWn{width:390px;height:102px;clip:rect(0px, 820px, 178px, 0px);position:relative;left:0px;top:0px;background-color:transparent;float:left;overflow:hidden;}			
.clScrollerCnt{position:absolute;left:0px;top:0px;color:#000000!important;;margin:0px;padding:0px;overflow:hidden;}			
.clScrollerImgs{position:relative;width:3500px;}		
.clScroller {margin-left:15px;width:397px;}

		
img {border:0px;}

.channelVideoItem{position:relative;width:169px;height:102px;float:left;font-family:Verdana;font-size:11px;padding:4px;text-align:left;}
.channelVideoImage{position:relative;width:165px;height:98px;padding-left:10px;}
.channelVideoImage img{width:120px;height:90px;}
.channelVideoTitle{position:relative;width:165px;height:20px;color:#000000;font-weight:bold;}
.channelVideoDescription{position:relative;width:165px;height:50px;color:#5b5b5b;font-weight:bold;color:#c3c3c3;}
.channelVideoEmbededCode{position:relative;width:165px;height:50px;color:#737373;}

/*--------SCROLLER--*/
.videoContainer div {float:left;width:130px;height:102px;margin:0px 0 0 0px;background:url(../images/thumb_bg.png) no-repeat;}
.videoContainer div img {width:99px;margin:11px 0 0 12px;position:absolute;}
#videoPlayer {}
#containerAll {position:relative;width:3500px;height:102px;vertical-align:middle;}
.FeedItemTitle {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#00693c;margin-top:20px;display:none;}	

/*---*/

#video_cont {width:483px;position:absolute;}
#feed_cont {position:absolute;margin:20px 0 0 475px;width:480px;}
#feed2_cont {position:absolute;margin:140px 0 0 475px;width:480px;}
#feed3_cont {position:absolute;margin:260px 0 0 475px;width:480px;}
#latestbrrrs {width:165px;height:41px;position:absolute;margin:-13px 0 0 520px;}
#winningbrrrs {position:absolute;margin:105px 0 0 520px;}
#randombrrrs {position:absolute;margin:228px 0 0 520px;}