@font-face {
  font-family: songFont;
  src: url('ROCC____.TTF'),
     url('ROCC____.eot'); /* IE */
      font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; 	font-family: inherit; 	font-size: 100%; 	font-style: inherit; 	font-weight: inherit; 	margin: 0; 	outline: 0; 	padding: 0; 	vertical-align: baseline; }
:focus { outline: 0; }
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	font-weight: normal;	text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}
a img {	border: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }


/** global **/
body#pageHome { background:url(../images/page_back.jpg) center top no-repeat #15110d; font-size:62.5%; font-family:Arial, Helvetica, sans-serif;  }
div#holderPage { position:relative; margin:0 auto; width:950px; padding-bottom:50px; font-size:1.2em; color:#b0b0b0; }
img.header { display:block; margin-bottom:10px; }
.clearFix { clear:both; }
ul.nav li { display: inline; list-style:none; }




/** news **/
div#holderNews {  position:absolute; left:247px; top:14px; height:18px; width:690px; white-space:nowrap; overflow:hidden; }



/** login **/
div#holderLogin { position:absolute; left:15px; top:75px; height:90px; width:930px;  }
a#btnUserName { width:126px; height:38px; background:url(../images/btn_forgot_username.png); display:block; position:absolute; left:320px; top:0; }
a#btnRegister { width:75px; height:38px; background:url(../images/btn_register.png); display:block; position:absolute; left:450px; top:0; }
form#formLogin { width:360px; height:57px;  position:absolute; left:170px; top:50px; display:block; }
.inUserName { width:133px; height:19px; padding:5px; background:url(../images/in_username.png); font-size:1em; border:0; float:left; margin-right:4px;}
.inPassword { width:133px; height:19px; padding:5px; background:url(../images/in_password.png); font-size:1em; border:0; float:left;  }
.inBlank { background:url(../images/in_blank.png)!important; }
.btnLogin { width:59px; height:0; padding-top:50px; overflow:hidden; background:url(../images/btn_login.png); cursor:pointer; border:0; float:left; margin-top:-10px; }
div#holderContest { width:282px; height:62px; position:absolute; right:80px; top:30px; }
a#btnMoreInfo { width:62px; height:33px; position:absolute; right:20px; top:0; display:block; z-index:800; background:url(../images/btn_more_info.png); }


/** player **/
div#holderPlayer { position:absolute; left:35px; top:215px; height:90px; width:910px;  }



/** Gallery **/
div#holderGallery { position:absolute; left:179px; top:0; height:452px; width:598px;  }
div#holderGallery .top { width:569px; height:15px; background:url(../images/partner_overlay.png) -15px top no-repeat; position:absolute; left:15px; top:0; z-index:500; }
div#holderGallery .bot { width:569px; height:14px; background:url(../images/partner_overlay.png) -15px -437px no-repeat; position:absolute; left:15px; bottom:0; z-index:500; }
div#holderGallery .left { width:15px; height:452px; background:url(../images/partner_overlay.png) left top no-repeat; position:absolute; left:0; top:0px; z-index:500; }
div#holderGallery .right { width:14px; height:452px; background:url(../images/partner_overlay.png) -584px top no-repeat; position:absolute; right:0; top:0px; z-index:500; }
.slideMask { width:584px; height:437px; overflow:hidden; position:absolute; left:11px; top:10px; z-index:475; }
.tileImage { width:598px; height:auto; }

/** slider **/
div#slide { width:583px; height:0; position:absolute; left:0; bottom:0; background:url(../images/slide_back.jpg); z-index:450; overflow:hidden; }
a#btnClose { width:77px; height:37px; background:url(../images/btn_close.png); display:block; position:absolute; z-index:455; right:11px; top:8px; }
div#slide div.padding { padding:17px; position:absolute; left:0; right:0; top:0; bottom:0; }


.slide img {  }
#slides, .smallSlider { position:relative; z-index:400; }
div#holderHomeSlider { background:url(../images/drop_home_slide.png) center bottom no-repeat; position: relative; padding-bottom:11px; } 
div#holderHomeSliderContent  { margin-top:25px; }
ul.pagination { position:absolute; bottom:-52px; left:0px; z-index:600; padding:10px 5px 10px 10px;  width: 225px;}
.bottomBannerButtons ul.pagination {bottom:-70px;  }
ul.pagination li { display:inline; }
ul.pagination li a { background: url(../images/ico_light_brown_dot.png) center center no-repeat; width: 15px; height:15px; padding-top:20px; overflow:hidden; display: block; float:left; font-size:.2em;  margin-right: 5px; text-decoration:none; text-indent: -9999px; }
ul.pagination li.current a { background: url(../images/ico_dark_brown.png) center center no-repeat; color: #ff0000; }
.ajaxContent, #wrapper, #slides, .slides_container { height:350px; }
.smallSlider .slides_container { height:373px; }
.smallSlider { height:350px; width:250px; margin-left: 20px;  }


/** partners **/
div#holderPartnerRow { position:absolute; left:0; right:0; top:336px; height:452px;  }
div#holderPartners{ position:absolute; right:37px; top:25px; height:95px; width:140px; z-index:800; }
div.partnersPlaque { height:39px; width:82px; background:url(../images/ico_partners.png); position: absolute; left:400px; bottom:-25px; z-index:850;}



/** tool tip **/
#sponsNav li { position:relative; list-style:none; text-align:center; margin-bottom:5px; }
#sponsNav li.activeSlide img { border: solid #ff0000 3px; }
#sponsNav a:focus { outline: none; }
#sponsNav li.activeSlide a:after{
content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 15px solid transparent;
	border-left-color: #ff0000;
	left:3px;
	top: 35px;
}
li.tTip { position:relative; }
.toolTipTop { background:url(../images/tip_top.png) left top no-repeat; width:240px; height:14px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; }
div.toolTip { width: 237px; left: -210px; bottom:30%; overflow: hidden; display: none; position: absolute; z-index: 900; min-height:60px; }
.toolTip img { position:absolute; left:0; top:0; width:100%; height:auto; z-index:800; }
.toolTipCont { position:relative; left:0; top:0; z-index:900; background:url(../images/tip_back.png) left bottom no-repeat; text-align:left; padding:0 40px 20px 20px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; color:black; }

/** cols **/
div#holderCols{ position:absolute; left:15px; top:833px; height:440px; width:920px; padding-left:5px;}
.col { height:428px; width:271px; float:left; text-align:left; color:white; position:relative; }
.col1, .col2 { margin-right:40px; }

#holderBanLeft { width:130px; height:410px; overflow:hidden; position:absolute; left:29px; top:21px; }


/** updates **/
.homeColScroll { width:271px; height:340px; overflow:hidden; display:block; position:absolute; left:0; top:60px; }
.homeColScroll div.thumb { float:left; width:48px; margin-right:12px; }
.homeColScroll div.thumb img { border: solid 2px white; }
.homeColScroll div.cont {  }
.homeColScroll a { font-size:1.2em; color:#e4a300;}
.homeColScroll .from a { font-weight:bold; }
.homeColScroll div.whenWhere { font-size:.8em; color:#999; }
.homeColScroll div.text { margin:5px 0; word-wrap: break-word;}
div.tweet { border-bottom: solid 1px #423a32; padding:0 10px 10px 30px; margin-bottom:10px; background:url(../images/ico_twitter.png) left top no-repeat; }
div.fb { border-bottom: solid 1px #423a32; padding:0 10px 10px 30px; margin-bottom:10px; background:url(../images/ico_fb.png) left top no-repeat; }


/** scroller **/
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%; }
.jspVerticalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspTrack {	background: #3f382e; position: relative; }
.jspDrag { background: #c39e76; position: relative; top: 0; left: 0; cursor: pointer; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default;  background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }


/** footer **/
div#holderFooter { position:absolute; left:15px; top:1245px; height:40px; width:930px; padding-bottom:20px; text-align:center; }
div#holderFooter a { color:#504132; text-decoration:none; }




/** sub page **/
body#pageSub { background:url(../images/page_back_sub.jpg) center top no-repeat #15110d; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; }
body#pageSub div.top { width:1111px; height:189px; background:url(../images/sup_page_head.png) left top no-repeat; }
body#pageSub div.content { width:866px; background:url(../images/sup_page_back.png) center top repeat-y;  padding:10px 140px 10px 105px; }
body#pageSub div.bot { width:1111px; height:113px; background:url(../images/sup_page_bot.png) left top no-repeat; }

form.passForm { padding:20px; background:#290d0d; width:320px; margin:0 auto; color:#c48d8d; }
form.passForm h2 { font-size:2em; color:white; font-family:"Arial Black", Gadget, sans-serif; text-transform:uppercase; margin:0; }
.inBox { width:286px; height:24px; padding:5px; font-size:1.2em; margin-top:5px; }
form.passForm strong { color:white; }
form.passForm .btn { width:126px; height:0; padding-top:38px; overflow:hidden; background:url(../images/btn_reset_password.png); display:block; border:0; cursor:pointer; }


/*Added by BM 1/2/2012*/
#sponsNav img { width: 93px; }
#errorContainer
{
    clear:both;
    text-align: left;
    margin-top: -10px;
}
.errorMessage {
    color:Red;
    font-weight:bold;
    font-size: 10px;
}
#loginPanel
{
    width: 400px;
    text-align: left;
    float: left;
}
#userPanel
{
    color: #ffffff;

    width: 400px;
    text-align: left;
    float: left;
    margin-left: 225px;
    margin-top: 40px;

}
#userPanel a
{
    color:#ff0000;
}
/*Song History Begin*/
  #songHistoryContainer
        {
            position: absolute;
            font-weight: bold;
            font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif;
            font-size: 1.2em;
            color: #ffffff;
            top: 85px;
            margin-left: 586px;
            border: 1px outset #D3B365;
            -moz-border-radius: 10px;
border-radius: 10px;
            background-color: #300801;
            padding: 3px;
            display: none;
             z-index: 900;
        }
        .time
        {
            color: #D3B365;
            width: 70px;
        }
        .historyButton
        {
position: absolute;
            top: 60px;
            left: 680px;
            z-index: 100;

        }
/*Song History End*/
/*Current Song Begin*/
 #currentSongContainer
        {
            position: absolute;
            top: 20px;
            left: 233px;
            font-family: songFont, Georgina, 'Trebuchet MS', Helvetica, Arial, sans-serif;
            font-size: 2.2em;
            color: #ffffff;
            font-weight:normal;
          }
/*Current Song End*/
/* cycle slideshow */
#controls { width: 200px; height: 25px }
#slideshow,#controls { margin: auto }
#prev { float: left; }
#next { float: right; }
#nav { width: 100px; height: 100%; background: yellow; clear:both;  }
#nav li { width: 100px; height: 100px; float: left;  list-style: none }
#nav a { width: 100px; height: 100px; display: block;  float: left;  }

#nav img { border: none; display: block; width 100px; }

#controls a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}

.next {
right: 20px;
background: url(../images/slideshowControls.png) no-repeat -43px -32px;
}
.prev {
left: 20px;
background: url(../images/slideshowControls.png) no-repeat 0 -32px;
}
.prev:hover {
	background-position: 0 0;
}

.next:hover {
	background-position: -43px 0;
}
#pause 
{
    position: absolute;
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/slideshowControls.png) -86px -44px no-repeat;
	margin: 0 3px;
	bottom: 20px;
	right: 40px;
	z-index: 9999;
}

#pause:hover,
#pause.active {
	background-position: -86px -33px;
}
#play 
{
    position: absolute;
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/slideshowControls.png) -86px -11px no-repeat;
	margin: 0 3px;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
}

#play:hover,
#play.active {
	background-position: -86px 0;
}
#hiddenIframe{
position: absolute;
left: -9999px
}