/*======================================= layout help colours 

#wrap{
background:#eaeaea;
}

#banner-top{
background:#f00;
}

#head{
background:#00CC99;
}

div.login-container{
background-color:#00CCCC;
}

#nav-container{
background:#CC33CC;
}

#leftbar{
background:#CCFF00;
}

#content{
background:#0066CC;
}

#rightside{
background:#CCFF99;
}

/*======================================= layout help colours */


/*======================================= html */

html{
background-image:url(/images/html-bg-tile.gif);
background-position:top left;
background-repeat:repeat-x;
}

body{
background-image:url(/images/background.jpg);
/*background-image:url(/images/html-bg.png);*/
background-position:top center;
background-repeat:no-repeat;
}

/*======================================= container */

#container a{
color:#de477e;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

/*======================================= rightside */

ul.black-bar li{
background-image:url(/images/black-bar-bg.gif);
background-position:-300px 0;
background-repeat:repeat-y;
}

ul.black-bar li.top{
height:70px;
padding-top:30px;
background-position:top left;
border-bottom:1px dotted #1f3889;
background-repeat:no-repeat;
}

ul.black-bar li.bottom{
height:43px;
background-position:-600px 0;
background-repeat:no-repeat;
}

ul.black-bar li ul.inner li {
color:#3f5392;
border-bottom:1px solid #e8dba6;
background:none;
}

ul.black-bar li ul.inner li.onair {
color:#d3171c;
font-weight:bold;
}

/*======================================= titles */

h3{
color:#fff;
background-color:#1aafb5;
overflow:visible;
background-position:left center;
background-repeat:repeat-x;
}

h3 span{
width:auto;
padding:0 10px;
letter-spacing:1px;
padding-bottom:11px;
background-position:bottom left;
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
line-height:28px;
text-transform:uppercase;
font-weight:lighter;
}

h3.green{
background-color:#3d904c;
background-image:url(/images/green-bg-tile.png);
}

h3.orange{
background-color:#e88f31;
background-image:url(/images/orange-bg-tile.png);
}

h3.purple{
background-color:#b23e93;
background-image:url(/images/purple-bg-tile.png);
}

/*======================================= head nav */

#nav-container div.prime-nav ul li a{
background-color:#0881b4;
background-image:url(/images/prime-nav-tab-tile.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

#nav-container div.prime-nav ul li a:hover{
text-decoration:none;
background-image:none;
background-color:#fff;
color:#de477e;
}

#nav-container div.prime-nav ul li.active a{
background-color:#fff;
background-image:none;
color:#de477e;
}

#nav-container div.sub-nav{
margin-bottom:4px;
}

div.sub-menu{
color:#de477e;
}

#nav-container div.sub-nav ul li a.active{
text-decoration:none;
background:#0881b4;
color:#fff;
}

div.login-container button{
background:#1aafb5;
}

/*======================================= foot */

#foot-container div.footbar{
background-image:url(/images/purple-bg-tile.png);
background-position:left center;
background-repeat:repeat-x;
}

#foot-container div.footbar span{
color:#fff;
}

/*======================================= dj list */

ul.dj-list li div{
background-color:#e14a68;
}

ul.dj-list li div span.name, div.dj-details div span.name{
color:#fff;
}

ul.dj-list li div span.time, div.dj-details div span.time{
color:#ffc18c;
}

ul.dj-list li span.show, div.dj-details span.show{
color:#8e0fa1;
}

div.sub-menu ul li a{
color:#455bbe;
}

#container div.sub-menu ul li a.active{
color:#fff;
background-color:#455bbe;
background-image:url(/images/sub-menu-bg.gif);
background-position:top left;
background-repeat:repeat-x;
}

/*======================================= dj details */

div.dj-details span.show{
text-transform:uppercase;
letter-spacing:normal;
}

div.dj-details div{
background-color:#e14a68;
}

/*============================================================================ GALLERY */

ul.gallery li{
border:1px solid #bababa;
background-image:url(/images/gallery-bg.gif);
background-position:top left;
background-repeat:repeat-x;
}

ul.gallery li img{
padding:1px;
border:6px solid #ea720a;
}

/*======================================= GALLERY step2 */

div.gallery-folder a{
border:6px solid #ea720a;
}

div.gallery-folder a:hover{
border:6px solid #8e0fa1;
}

/*============================================================================ TOP 20 */

ul.chart li{
background-position:top right;
background-repeat:no-repeat;
background-image:url(/images/chart-bg.gif);
}

ul.chart li div.pic{
background-position:top left;
background-repeat:no-repeat;
}

ul.chart li.position-1 div.pic{
background-image:url(/images/position-1.gif);
}

ul.chart li.position-2 div.pic{
background-image:url(/images/position-2.gif);
}

ul.chart li.position-3 div.pic{
background-image:url(/images/position-3.gif);
}

ul.chart li.position-4 div.pic{
background-image:url(/images/position-4.gif);
}

ul.chart li.position-5 div.pic{
background-image:url(/images/position-5.gif);
}

ul.chart li.position-6 div.pic{
background-image:url(/images/position-6.gif);
}

ul.chart li.position-7 div.pic{
background-image:url(/images/position-7.gif);
}

ul.chart li.position-8 div.pic{
background-image:url(/images/position-8.gif);
}

ul.chart li.position-9 div.pic{
background-image:url(/images/position-9.gif);
}

ul.chart li.position-10 div.pic{
background-image:url(/images/position-10.gif);
}

ul.chart li.position-11 div.pic{
background-image:url(/images/position-11.gif);
}

ul.chart li.position-12 div.pic{
background-image:url(/images/position-12.gif);
}

ul.chart li.position-13 div.pic{
background-image:url(/images/position-13.gif);
}

ul.chart li.position-14 div.pic{
background-image:url(/images/position-14.gif);
}

ul.chart li.position-15 div.pic{
background-image:url(/images/position-15.gif);
}

ul.chart li.position-16 div.pic{
background-image:url(/images/position-16.gif);
}

ul.chart li.position-17 div.pic{
background-image:url(/images/position-17.gif);
}

ul.chart li.position-18 div.pic{
background-image:url(/images/position-18.gif);
}

ul.chart li.position-19 div.pic{
background-image:url(/images/position-19.gif);
}

ul.chart li.position-20 div.pic{
background-image:url(/images/position-20.gif);
}

/*============================================================================ MOVIE */

ul.movie{
border-bottom:6px solid #ea720a;
}

ul.movie li p{
border-top:6px solid #8e0fa1;
}

ul.blog li.movie{
border-bottom:6px solid #ea720a;
}

#container ul.blog li.movie a.frame{
background-image: url(/images/frame.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul.news li.movie-news{
border-bottom:6px solid #ea720a;
}

/*============================================================================ REG */

form.reg{
background-color:#f1f6ff;
background-image:url(/images/reg-bg.gif);
background-position:top left;
background-repeat:no-repeat;
border:1px solid #b9dbee;
}

input.text {
border:1px solid #b5b8c9;
}

textarea.terms{
color:#999;
background:#fff;
border:1px solid #d1d1d1;
}

ul.reg-form li div.button{
background-color:#170037;
}

ul.reg-form li div.button input{
background:none;
background-image:url(/images/btn-tile.gif);
background-repeat:repeat-x;
color:#fff;
}

/*======================================= concert */

ul.concert{
border-top:1px dotted #000;
}