body {margin-top: 10px;  padding: 0; color: #444; text-align: justify; font-size: 12px; line-height: 13px; background: #d0ddf0 url(images/site_bg.png);}

* {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}

a {color: #434c8c; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}

ul, li, dl, form, #header, #logo, #headerLeft img, #headerRight, #headerRight p {padding: 0;margin: 0;}
li {list-style-type: none;}
dl dt, dl dd {float: left;}
/* commented backslash hack for mac-ie5 \*/
dl dt {clear: both;}
/* end hack */

td {font-size: 11px;}
input, textarea, select {font-size: 11px; border: 1px solid #bac5cc; background-color: #e8f6ff; padding: 2px 4px;}
/*#page {width: 770px; margin: 0 auto; background-color: #e1eeee; margin: 0 -385px; position: absolute; left: 50%; z-index: 100;}*/
#page {width: 770px; margin: 0 auto; background-color: #e1eeee;}

/* header */
#header {border-bottom: 1px solid #fff;}
#headerLeft {padding: 0; margin-right: 1px; float: left; width: 301px; background-color: #fff;}
#headerLeft img {float: left;}
#logo {float: left; width: 301px;}

#live {width: 301px; height: 140px; float: left;}
#slogan {width: 149px; position: absolute; z-index: 2; top: 61px; height: 189px; background: url(images/header_banner_bg.gif) bottom repeat-x;}
html> body #slogan {margin-left: 152px;}
#slogan p {padding: 25px 15px; margin: 0; clear: both;}
#headerRight {float: right; width: 468px; background-color: #fff;}
#nowPlaying {font-size: 11px; padding: 9px 0 11px 5px; margin: 1px 0; background: url(images/now_playing_bg.gif) repeat-x;}
html> body #nowPlaying {padding: 8px 0 12px 5px;}
/* header end */

/* main menu */
#mainMenu {padding: 0; margin: 1px 0; height: 41px; background: #332f26 url(images/main_menu_lines.gif) bottom repeat-x;}
#mainMenu ul {padding-top: 10px; height: 31px; background: url(images/main_menu_bg.jpg) no-repeat;}
#mainMenu ul li {display: inline; margin: 0 13px;}
#mainMenu ul li a {color: #fff; font-weight: bold; font-size: 12px;}
/* main menu end */

div.clear {clear: both;}

/* content */
#outer, #homepageOuter, #newsOuter {border-left: 336px solid #96b1e0; border-right: 364px solid #e1eeee; background-color: #e1eeee; width: 20px; position: relative;}
#outer {border-left: 150px solid #96b1e0; border-right: 440px solid #e1eeee; background-color: #e1eeee; width: 10px; position: relative;}

#outer > #inner, /* mozilla hack for liquid left area */
#homepageOuter > #homepageInner, #newsOuter > #newsInner {border-bottom: 1px solid #e1eeee;}

#inner, #homepageInner, #newsInner {margin: 0; padding: 0; width: 20px; position: relative;}
#inner {width: 10px;}
#container {margin: 0; padding: 20px;}
#genericContent {width: 730px;}

#banner160 {position: absolute; top: 300px; left: 100%; margin-left: -170px;}

.banner {padding: 0; margin: 0;}
.banner p {padding: 0 0 20px; margin: 0;}

h1 {font-size: 13px; color: #323264; padding: 15px 0 10px 10px; margin: 0;}
h2 {font-size: 11px; color: #555; padding-bottom: 3px; margin: 0;}
h3, h4 {font-size: 12px; color: #333; padding-bottom: 7px; margin: 0;}
h4 {color: #59648C; font-weight: bold;}

#homepageNews, #submenu {padding: 0; margin-left: -336px; width: 336px; position: relative; font-size: 11px; float: left; background: url(images/block_line.gif) top repeat-x;}
#submenu {margin-left: -150px; width: 150px;}
#submenu p {margin: 0; padding: 0;}
#homepageNews ul, #submenu ul {padding-left: 10px;}
#submenu ul {padding: 10px;}
#homepageNews ul li, #submenu ul li {margin-right: 5px; list-style-type: none;}
#homepageNews ul li {clear: both; padding: 5px 0; color: #222;}
#homepageNews ul li strong {color: #282882;}
#submenu ul li {padding-left: 8px; margin-bottom: 9px; text-align: left; background: url(images/submenu_bullet.gif) left 4px no-repeat;}
#submenu ul li.active {font-weight: bold;}
#submenu ul li.completeList {font-weight: bold; background: none; padding: 15px 10px 10px 0;}
#homepageNews ul li p {padding: 4px 0 0 0; margin: 0;}
#homepageNews ul li p a {color: #313782;}
#submenu ul li a {color: #333;}
#submenu ul li ul {padding: 0;}
#submenu ul li ul li {padding: 0; background: none; font-size: 11px; margin: 1px 0 2px 0;}
#submenu ul li ul li a {color: #434c8c;}
#homepageNews ul li img {padding: 0; margin: 0 5px 5px 0; border: 1px solid #fff; float: left;}

#content, #homepageBanners {padding: 0; float: right; margin-right: -369px; width: 369px; position: relative;}
#content {margin-right: -570px; width: 570px;}
#homepageBanners p {padding: 0; margin: 10px 5px 0 0; float: left;}
#homepageBanners p.size120x60 {width: 125px;}
#homepageBanners p.size234x60 {margin-right: 0; width: 234px;}
#homepageTop30, #homepageLast, #homepageAllTime {display: none; padding-bottom: 5px; color: #d20000; background: #ffddaa url(images/homepageBlock_btm_corners.gif) bottom no-repeat;}
#homepageLast {display: block; color: #b40000; background-color: #ebc882;}
#homepageAllTime {color: #960000; background-color: #ebb46e;}
.homepageBlock {width: 230px; min-height: 175px; //height: 175px; margin-right: 10px; font-size: 10px; text-align: left; clear: both;}
.homepageBlock ol {padding: 10px 5px 0 10px; margin: 0; clear: both;}
.homepageBlock ol li {padding: 0 0 4px 0; margin: 0 0 0 15px; list-style-type: decimal; line-height: 12px;}
.homepageBlock span {margin: 5px 10px; display: block;}
.homepageBlock span a {color: #333;}
#homepageTabsContainer {float: left; width: 240px; margin-top: 10px;}
#homepageTabs p {padding: 0; margin: 0 1px 0 0; border-bottom: 1px solid;}
#homepageTabs p a span {padding: 7px 7px 4px; background: url(images/tab_left_corner.gif) top left no-repeat;}
#homepageTabs p.last a span {padding-right: 6px;}
#homepageTabs p a {font-weight: bold; color: #330000; background: url(images/tab_right_corner.gif) top right no-repeat;}
#homepageTabs p a:hover {color: #993300;}
#homepageTabs p.homepageLast a:hover {color: #663300;}
#homepageTabs p.homepageAllTime a:hover {color: #333300;}
#homepageTabs p a:hover span {background: url(images/tab_left_corner.gif) top left no-repeat;}
#homepageTabs p a:hover {background: url(images/tab_right_corner.gif) top right no-repeat; text-decoration: none;}
#homepageTabs p.last {border-bottom-color: #ebc882;}
#homepageTabs p.top30, #homepageTabs p.alltime {border-bottom-color: #e1eeee;}
#homepageTabs p.top30 a, #homepageTabs p.top30 a:hover {background-color: #ffddaa;}
#homepageTabs p.last a, #homepageTabs p.last a:hover {background-color: #ebc882;}
#homepageTabs p.alltime a, #homepageTabs p.alltime a:hover {background-color: #ebb46e;}
#homepageTabs p a, #homepageTabs p a span {display: block; float: left}

/* Commented backslash hack hides rule from IE5-Mac \*/
#homepageTabs p a, #homepageTabs p a span {float: none;}
/* End IE5-Mac hack */

.homepageBlock ul li {padding: 5px 0 2px 5px;}
#banners {width: 120px; float: right;}
#banners p {padding: 0 0 10px; margin: 0;}
#banners div, .searchform {padding: 5px 5px 0; text-align: left; font-size: 11px; width: 108px; background: #ddd; border: 1px solid #ccc; margin-bottom: 10px;}
.searchform {margin-top: 10px; float: left;}
#banners div a, .searchform a {margin: 8px 0 0 3px; display: block; float: left; width: 10px;}
#banners input, .searchform input {width: 80px; margin: 5px 0; float: left;}

#navigation {padding: 0; margin: 0; width: 440px; font-size: 11px; background: #96b1e0 url(images/block_line.gif) top repeat-x;}
#genericContent #navigation {width: 600px;}
#genericContent #article {width: 580px;}
#navigation ul {padding: 15px 0 10px 10px;}
#navigation ul li {margin-right: 2px; display: inline; padding-left: 10px; color: #59648c; background: url(images/navigation_bullet.gif) 2px center no-repeat;}
#navigation ul li.current {font-weight: bold;}

#article, #sitemap, #restArticles, #schedule, #links, #frequencies, #producers, #producersNew,
#coreArtists, #moreArtists, #kissPlaces, #sponsorsSummary, #wallpapers {padding: 10px; color: #333; font-size: 12px; line-height: 16px; float: left; width: 420px; background: #d0ddf0;}
#sitemap, #links {width: 580px;}

#article, #schedule, #producers, #producersNew, #coreArtists, #moreArtists, #kissPlaces, #wallpapers {padding-bottom: 20px;}
#coreArtists, #moreArtists {width: 430px; padding-right: 0;}
#article .photos {float: left; width: 107px; margin-right: 5px;}
#article .photos img, #article .photos-free img {border: 1px solid #fff; margin: 0 5px 5px 0; float: left;}
#article .verified img {border: 0; margin-left: 5px; float: none;}
#article p.date {padding: 2px 0; width: 100px; margin-top: 10px; font-size: 11px; color: #fff; background-color: #C1CCD4; text-align: center;}
#article p.email, #article p.url {clear: both; padding: 0 0 0 16px; margin-top: 10px; font-size: 11px; color: #666; background: url(images/email_icon.gif) left 5px no-repeat;}
#article p.url {background-image: url(images/url_icon.gif); margin: 0;}
#restArticles {background: #ffddaa; border-top: 1px solid #fdf4e5; line-height: 14px;}
#restArticles ul {font-size: 11px;}
#restArticles ul li {padding-left: 8px; margin: 0 10px 2px 0; background: url(images/restarticles_bullet.gif) left 5px no-repeat; text-align: left;}
#restArticles ul.artists li {float: left; margin: 0 20px 10px 0; w1idth: 190px;}
#restArticles ul li.group {padding-left: 0; margin-top: 15px; background: none; font-weight: bold;}
#restArticles ul li a {color: #333;}

#relatedArticles, #relatedSections, #relatedSponsors, #relatedProducers {padding-top: 10px;}
#relatedSections, #relatedSponsors, #relatedProducers {width: 200px; float: left; margin-right: 10px;}
#relatedSponsors {margin-right: 0;}
#relatedArticles h4, #relatedSections h4, #relatedSponsors h4, #winners h4, #relatedProducers h4 {border-left: 7px solid #97a1c5; padding: 3px 0 3px 4px; margin-bottom: 3px;}
#relatedArticles p {padding: 0 0 10px 0; margin: 0;}

#wallpapers li {margin-bottom: 10px; display: block;}
#wallpapers li img, #wallpapers li p {float: left; margin-right: 5px;}
#wallpapers li p {margin: 0; width: 275px;}

#sitemap ul {float: left; width: 280px;}
#sitemap ul li {font-weight: bold; margin: 4px 0;}
#sitemap ul li a {padding: 0 6px 0 4px; margin: 0; border: 1px solid #d0ddf0;}
#sitemap ul li a:hover {border: 1px solid #a9b4ba; background-color: #c1cce8; color: #000; text-decoration: none;}
#sitemap ul ul  {margin: 0 0 10px 15px; float: none;}
#sitemap li li {font-weight: normal; background: none;}
#links li {padding: 2px 0;}
#links li a {background: url(images/restarticles_bullet.gif) left center no-repeat; padding: 4px 0 3px 9px;}

#producers img, #producersNew img, #coreArtists img {margin: 5px;}
#kissPlaces img {padding: 5px; margin: 0 5px 5px 0; background-color: #c1ccd4; float: left;}
.verified {float: right;}
.verified a {display: block; width: 100px; height: 60px; background: url(images/verified_icon.png) no-repeat;}

#kissPlaces div {clear: both; border-top: 2px solid #fff; margin-top: 10px; padding-top: 10px;}

#producers li, #producersNew li, #coreArtists li, #moreArtists li {float: left; width: 200px; text-align: center; margin: 0 5px 5px 0; font-weight: bold;}
#producersNew li {width: 135px;}
#coreArtists li {width: 100px; font-size: 11px;}
#moreArtists li {font-weight: normal; text-align: left; padding-left: 7px; background: url(images/restarticles_bullet.gif) left 5px no-repeat;}
#sponsors li {float: left; margin: 0 5px 5px 0; font-weight: bold;}
#sponsorsSummary li {margin: 0; font-weight: bold; clear: both; display: block; height: 1%; text-align: left;}
#sponsorsSummary li a {padding: 5px 10px; float: left; display: block; height: 1%;}
#sponsorsSummary img {float: left; margin-right: 5px;}
#coreArtists li p, #coreArtists li p {width: 100px; padding: 0; margin: 2px 0 10px 0; font-weight: normal; text-align: center;}

#producers li a, #producersNew li a, #coreArtists li a {display: block; background-color: #c1ccd4;}
#producers li a {height: 100px; padding-bottom: 5px;}
#producersNew li a {padding-bottom: 5px; height: 175px;}
#producers li a:hover, #producersNew li a:hover, #coreArtists li a:hover, #sponsorsSummary li a:hover {text-decoration: none; background: #c1cce8; color: #fff;}
#coreArtists li a:hover {background: #8da4c8;}

#frequencies img {float: left; margin-right: 7px;}
#frequencies table {clear: both; width: 100%; margin-top: 15px;}
#frequencies td {white-space: nowrap; background-color: #ccd9e0; padding: 6px 7px 5px; border-bottom: 1px solid #a9b4ba;}
#frequencies td.frequency {border-left: 1px solid #a9b4ba; border-right: 15px solid #d0ddf0;}
#frequencies dl {width: 160px; float: left;}
#frequencies dl dt, #frequencies dl dd {width: 100px; padding: 6px 7px 5px 7px; margin: 1px 0; background-color: #ccd9e0; text-align: left;}
#frequencies dl dd {width: 30px; border-left: 1px solid #a9b4ba; background-color: #ccd9e0;}
#frequencies dl.satellite {width: 400px;}
#frequencies dl.satellite dt {width: 160px;}
#frequencies dl.satellite dd {width: 145px;}
#article dl {width: 250px;}
#article dl dt, #article dl dd {width: 120px; padding: 8px 7px 7px 7px; margin: 0 0 1px; background-color: #c1ccd4; text-align: left;}
#article dl dd {width: 80px; border-left: 1px solid #a9b4ba; background-color: #ccd9e0; text-align: center; font-weight: bold;}

#winners {clear: both; padding-top: 20px;}
#winners h4 {font-weight: bold;}
#schedule dl {width: auto;}
#schedule dl dt, #schedule dl dd {width: 80px; padding: 6px 7px 5px 7px; margin: 3px 0; background-color: #c1ccd4; text-align: center;}
#schedule dl dd {width: 300px; padding-left: 15px; border-left: 1px solid #a9b4ba; background-color: #ccd9e0; text-align: left;}
#schedule h3 {padding-bottom: 2px;}
#schedule a {color: #000;}
#schedule a:hover {text-decoration: none; color: #59648c;}
#schedule p.sponsors {padding: 0; margin: 0;}
#schedule p.sponsors img {float: left; margin: 5px 5px 0 0;}
/* content end */

/* footer */
#footer {background: url(images/footer_bg.jpg) no-repeat; height: 41px;}
#footer ul {padding: 15px 0; text-align: center;}
#footer li {display: inline; margin: 0 10px;	color: #fff;}
#footer li a {color: #fff; font-size: 12px;}

#credits {padding-top: 10px; font-size: 10px; text-align: center; color: #777;}
/* footer end */

#formText {padding-bottom: 15px; //padding: 0;}

#chart {border-left: 1px solid #fff; border-top: 1px solid #fff; font-size: 11px; width: 100%; table-layout:fixed;}
#chart th, #chart td {overflow: hidden; white-space: nowrap;}
#chart th {background: #96b1e0; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; padding: 9px 3px; line-height: 12px; font-size: 10px;}
#chart .line1 {background: #d0ddf0;}
#chart .line2 {background: #ffeabf;}
#chart img {border: 0; margin: 0 3px;}
#chart td {padding: 3px; text-align: left; border-bottom: 1px solid #fff; border-right: 1px solid #fff; vertical-align: top;}
#chart .week {text-align: center;}
#chart .mp3, #chart .sms {text-align: center; padding: 0;}

.ftextarea {width: 370px;}
.fsend, .freset, .classsubmit {background-color: #7d8cb3; border-color: #fff; color: #fff;}

input:hover { /* NN, FF, MOZ/WIN */  border-color: #7d8cb3;}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { /* NN, FF, MOZ/WIN */ 
	border-color: #fff;}

#playMP3 {position:absolute; left: 375px; overflow:hidden; z-index:999; width: 1px; height: 1px;}
#infoRING, #infoREAL {position:absolute; left: 402px; overflow:hidden; visibility: hidden; z-index:997; border: 1px solid #fff; background: #a1bccc; color: #fff; font-size: 11px; width: 150px; padding-bottom: 10px;}
#infoREAL {left: 402px; z-index:998; background-color: #a0a0be;}
#infoRING p, #infoREAL p {padding: 3px 5px 0 10px; margin: 0; text-align: left;}
#infoRING p.close, #infoREAL p.close {text-align: right; padding: 0;}
#infoRING p.close a, #infoREAL p.close a {background-color: #c80000; color: #fff; font-weight: bold; padding: 5px 4px 3px 5px;}
#infoRING p.close a:hover, #infoREAL p.close a:hover {text-decoration: none; background-color:  #fff; color: #c80000;}
#submitEmail label {width: 60px; clear: both; float: left; padding: 4px 0;}
#submitEmail input {float: left;}

.sendForm, .classsubmit {margin: 10px 0 0 0; display: block;}
.sendForm a {background-color: #7d8cb3; border: 1px solid #fff; color: #fff; padding: 5px 10px;}
.sendForm a:hover {text-decoration: none; color: #000;}
.classsubmit {clear: both;}

.votetable td {padding-bottom: 5px;}
.votebutton {padding-top: 10px;}
.votepercent {padding-left: 5px; font-weight: bold;}
.voteres {font-weight: bold; color: #323264;}

.draws {padding-bottom: 20px; overflow: hidden; width: 100%;}
.draws.live {padding-top: 30px;}
.draws.live h4 {font-weight: normal; background: #59648C; color: #fff; padding: 5px 10px; float: left;}
.draws.live h4 a {font-weight: bold; color: #fff;}

/* video full page */
.video#content {margin: 0; width: 730px;}
.video#content #navigation {width: 700px; padding: 15px 15px 10px; font-weight: bold;}
.video#content #article {width: 710px; padding: 10px;}
/* video full page end */