/* reset */

table, tr, th, td {
border-collapse: collapse;
}
button, .button {
background-color: #204477;
}
textarea, input, select {
border-color: #cccccc;
}
textarea, input, select {
border-style: solid;
}
textarea, input, select {
border-width: 1px;
}
button, .button, dl ul input, img {
border-width: 0;
}
h1 {
color: #ed1c24;
}
button, .button {
color: #ffffff;
}
h2, a {
color: #204477;
}
div, h1, .h1, h2, .h2, h3, h4, p, ul, dl, dt, dd, button, .button, img {
display: block;
}
form, dl li input {
display: inline;
}
dt {
float: left;
}
h1, .h1, h2, .h2, h3, h4 big, p big, .dropdown ul, .dropdown li, .dropdown a, .contact dl, .contact dt, .contact dd, .submenu ul, .submenu li, .tabs ul, .tabs li, .tabs a {
font-family: arial, helvetica, sans-serif;
}
html, body, div, h4, p, ul, li, dl, dt, dd, textarea, input, select, option, button, .button {
font-family: verdana, arial, helvetica, sans-serif;
}
h1 big {
font-size: 36px;
}
h1, .h1, h2 big {
font-size: 24px;
}
h1 small, h2, .h2, h3 big {
font-size: 19px;
}
h3, p big, .dropdown ul, .dropdown li, .dropdown a, .contact dl, .contact dt, .contact dd, .submenu ul, .submenu li, .tabs ul, .tabs li, .tabs a {
font-size: 14px;
}
html, body, div, h2 small, h4, p, ul, li, dl, dt, dd, textarea, input, select, option, button, .button {
font-size: 11px;
}
h1, .h1, h2, .h2, h3, h4, p big, button, .button, .dropdown ul, .dropdown li, .dropdown a, .contact dl, .contact dt, .contact dd, .submenu ul, .submenu li, .tabs ul, .tabs li, .tabs a {
font-weight: bold;
}
dl li {
list-style: none;
}
h1, .h1, h2, .h2, h3, h4, p, ul, li, dl, dt, dd, textarea, input, select, option, button, .button, table, tr, th, td {
margin: 0;
}
dd, dd li {
margin-bottom: 6px;
}
dl li input {
margin-bottom: -3px;
}
.contact dt, .contact dd {
margin-bottom: 1px;
}
li {
margin-left: 18px;
}
dl li {
margin-left: 0;
}
dd {
margin-left: 72px;
}
.col.b .row .col.span2 dd, .col.b .row .col.span4 dd {
margin-left: 108px;
}
dl li input {
margin-right: 3px;
}
li, dt, dd, option, table, tr, th, td {
padding: 0;
}
h1, .h1, h2, .h2, h3, h4, p, ul, dl {
padding: 6px;
}
textarea, input, select {
padding: 1px;
}
button, .button {
padding: 6px 0;
}
dl ul, dl li input {
padding: 0;
}
th, td {
padding: 6px;
}
.contact dl {
padding-top: 0;
}
.button {
text-align: center;
}
.button {
text-decoration: none;
}
button, .button {
width: 108px;
}

/* listen live */

.listenlive {
background-color: transparent;
margin-left: 633px;
margin-top: 154px;
overflow: hidden;
position: absolute;
z-index: 90;
}
.listenlive, .listenlive a {
display: block;
height: 63px;
width: 63px;
}
.listenlive span {
display: none;
}

/* common */

html, body, .frame {
overflow-y: auto;
}
.restrict.x {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
.restrict.y {
height: 100%;
left: 0;
overflow: auto;
overflow-y: scroll;
position: absolute;
top: 0;
width: 100%;
}
.block {
display: none;
}
.lock .block {
background-color: transparent;
background-image: url(block.png);
background-position: top left;
background-repeat: repeat;
color: #ffffff;
display: block;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}

/* frame */

.frame {
background-color: #01b6c9;
color: #000000;
margin: 0;
overflow: hidden;
text-align: center;
}

/* container */

.container {
margin: 0 auto;
width: 948px;
}

/* grid */

.grid {
margin: 0 auto;
overflow: hidden;
text-align: left;
width: 948px;
}

/* row */

.row {
clear: both;
overflow: hidden;
}
.panel .row {
padding-top: 12px;
}
.panel .row:first-child {
padding-top: 0;
}

/* col */

.col {
float: left;
margin-left: 12px;
min-height: 1px;
overflow: hidden;
}
.col:first-child {
margin-left: 0;
}
.col.a {
width: 948px;
}
.col.a .col.logo {
width: 300px;
}
.col.a .col.rh, .col.a .col.rh .row {
width: 636px;
}
.col.a .col.advert, .col.a .col.advert-large {
float: right;
}
.col.a .col.advert {
width: 492px;
}
.col.a .col.advert-large {
width: 624px;
}
.col.a .panel .col.span1 {
width: 222px;
}
.col.a .panel .col.span2 {
width: 456px;
}
.col.a .panel .col.span3 {
width: 690px;
}
.col.b {
width: 636px;
}
.col.b .panel .col.span1 {
width: 144px;
}
.col.b .panel .col.span2 {
width: 300px;
}
.col.b .panel .col.span3 {
width: 456px;
}
.col.b .panel .col.span4 {
width: 612px;
}
.col.c {
width: 480px;
}
.col.c .panel .col.span1 {
width: 144px;
}
.col.c .panel .col.span2 {
width: 300px;
}
.col.c .panel .col.span3 {
width: 456px;
}
.homepage .col.c .panel .col.span1 {
height: 274px;
}
.col.d {
width: 456px;
}
.col.e {
width: 324px;
}
.col.f {
width: 300px;
}
.col.f .panel .col.span1 {
width: 82px;
}
.col.g {
width: 144px;
}
.col.float-right {
float: right;
margin-bottom: 12px;
margin-left: 12px;
}

/* panel */

.panel {
overflow: hidden;
}
.panel .panel {
margin-bottom: 0;
}
.panel .top {
height: 12px;
}
.panel .top .left, .panel .top .right {
height: 12px;
width: 12px;
}
.panel .bottom {
height: 24px;
}
.panel .bottom .left, .panel .bottom .right {
height: 24px;
width: 12px;
}
.panel .top .left, .panel .bottom .left {
float: left;
}
.panel .top .right, .panel .bottom .right {
float: right;
}
.panel .top {
background-position: top center;
}
.panel .top .left {
background-position: top left;
}
.panel .top .right {
background-position: top right;
}
.panel .middle {
background-position: top center;
}
.panel .middle .left {
background-position: center left;
padding: 0 0 0 12px;
}
.panel .middle .right {
background-position: center right;
padding: 0 12px 0 0;
}
.panel .bottom {
background-position: bottom center;
}
.panel .bottom .left {
background-position: bottom left;
}
.panel .bottom .right {
background-position: bottom right;
}

/* panel.xxxxxx */

.panel.blank .top, .panel.blank .left, .panel.blank .right, .panel.blank .middle, .panel.blank .bottom, .panel .panel.blank .top, .panel .panel.blank .left, .panel .panel.blank .right, .panel .panel.blank .middle, .panel .panel.blank .bottom {
background-image: url(panel.blank.gif);
color: #000000;
}
.panel.transparent .top, .panel.transparent .left, .panel.transparent .right, .panel.transparent .middle, .panel.transparent .bottom, .panel .panel.transparent .top, .panel .panel.transparent .left, .panel .panel.transparent .right, .panel .panel.transparent .middle, .panel .panel.transparent .bottom {
background-image: url(panel.transparent.gif);
color: #000000;
}

/* header */

.header {
background-position: bottom center;
}
.header h1, .header h2, .header h3, .header h4 {
padding-bottom: 6px;
padding-top: 0;
}
.header a {
text-decoration: none;
}
.header .top {
height: 6px;
}
.header .top .left, .header .top .right {
height: 6px;
width: 6px;
}
.header .top .left, .header .bottom .left {
float: left;
}
.header .top .right, .header .bottom .right {
float: right;
}
.header .top {
background-position: top center;
}
.header .top .left {
background-position: top left;
}
.header .top .right {
background-position: top right;
}

/* header.xxxxxx */

.header.fill, .header.fill .top, .header.fill .left, .header.fill .right {
background-image: url(header.fill.gif);
}
.header.dazzle, .header.dazzle .top, .header.dazzle .left, .header.dazzle .right, .header.dazzle a {
background-image: none;
}
.header.fill, .header.fill .top, .header.fill .left, .header.fill .right, .header.fill a, .header.fill h2 {
color: #ffffff;
}
.header.dazzle, .header.dazzle .top, .header.dazzle .left, .header.dazzle .right, .header.dazzle a, .header.dazzle h2 {
color: #ed1c24;
}

/* head */

.head {
background-image: url(head.jpg);
background-position: bottom left;
background-repeat: no-repeat;
color: #ffffff;
height: 229px;
margin-top: 12px;
}

/* logo */

.logo {
height: 142px;
}
.logo h1 {
display: none;
}
.logo h2 {
color: #ffffff;
font-size: 23px;
margin-left: 12px;
}
.logo a {
display: block;
height: 84px;
width: 300px;
}

/* advert */

.advert {
}

/* dropdown */

.dropdown ul, .dropdown li {
list-style: none;
margin: 0;
padding: 0;
}
.dropdown a {
background-color: transparent;
color: #204477;
display: block;
text-decoration: none;
}
.dropdown ul {
margin-top: 15px;
}
.dropdown ul li {
float: left;
margin-right: 6px;
}
.dropdown ul li a {
display: block;
padding: 6px 0;
text-align: center;
width: 72px;
}
.dropdown ul li ul {
display: none;
margin-top: 0;
position: absolute;
z-index: 99;
}
.dropdown ul li:hover ul, .dropdown ul li.hover ul {
display: block;
}
.dropdown ul li:hover a, .dropdown ul li.hover a  {
background-color: #ffffff;
color: #204477;
}
.dropdown ul li ul li {
float: none;
width: 144px;
}
.dropdown ul li ul li a {
background-color: #ffffff;
color: #204477;
padding: 6px;
text-align: left;
width: 132px;
}
.dropdown ul li a.active {
background-color: transparent;
background-image: url(menu.active.png);
color: #ffffff;
}
.dropdown ul li:hover a.active, .dropdown ul li.hover a.active, .dropdown ul li a.active:hover {
 /*   background-color: #ed1c24; */
}
.dropdown ul li:hover ul li a.active, .dropdown ul li.hover ul li a.active, .dropdown ul li ul li a.active {
background-color: #ed1c24;
background-image: none;
color: #ffffff;
}

/* submenu */

.row.submenu {
padding-top: 6px;
}
.submenu ul, .submenu li {
list-style: none;
margin: 0;
padding: 0;
}
.submenu li {
border-top: 1px dotted #cccccc;
padding: 6px;
}
.submenu li:first-child {
border-top: none;
}
.submenu a {
text-decoration: none;
}
.submenu a.active {
color: #ed1c24;
}

/* live */

.live h1, .live h2, .live a {
color: #ffffff;
}
.live h2 {
padding-bottom: 0;
}
.live h1 {
padding-top: 0;
}
.live a {
text-decoration: none;
}

/* contact */

.contact {
color: #204477;
}
.contact a {
color: #ed1c24;
text-decoration: none;
}

/* slideshow */

.slideshow, .slideshow ul, .slideshow li, .slideshow .slides a {
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0;
text-decoration: none;
}
.slideshow img {
border: none;
}
.slideshow, .slideshow .slides, .slideshow .slides ul, .slideshow .slides li, .slideshow .slides a, .slideshow .menu {
height: 250px;
overflow: hidden;
width: 432px;
}
.slideshow .slides, .slideshow ul {
position: relative;
}
.slideshow .slides ul {
width: 10000px;
}
.slideshow .menu {
height: 31px;
margin-top: -31px;
position: absolute;
}
.slideshow .menu ul {
float: right;
}
.slideshow .menu li {
background-color: transparent;
background-image: url(slideshow.inactive.png);
color: #ffffff;
cursor: pointer;
font-weight: bold;
height: 13px;
margin: 6px 0 0 6px;
padding: 6px 0;
text-align: center;
width: 25px;
}
.slideshow .menu li.active {
background-image: url(slideshow.active.png);
color: #ffffff;
}
.slideshow .h2 {
background-color: #ffffff;
color: #ed1c24;
cursor: pointer;
display: block;
height: 58px;
margin-top: 217px;
width: 432px;
}

/* scroller */

.scroller, .scroller ul, .scroller li, .scroller .slides a {
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0;
text-decoration: none;
}
.scroller img {
border: none;
}
.scroller {
width: 924px;
}
.scroller .slides {
margin-left: 6px;
}
.scroller .slides, .scroller .slides ul  {
width: 912px;
}
.scroller, .scroller .slides, .scroller .slides ul, .scroller .slides li, .scroller .slides a, .scroller .arrow, .scroller .arrow a {
height: 120px;
overflow: hidden;
}
.scroller .slides li, .scroller .slides a, .scroller .menu {
width: 120px;
}
.scroller .slides, .scroller ul {
position: relative;
}
.scroller .slides ul {
width: 10000px;
}
.scroller .slides li {
background-color: #cccccc;
margin-left: 12px;
}
.scroller .slides li:first-child {
margin-left: 0;
}
.scroller .mask {
margin-left: -132px;
margin-top: 120px;
position: absolute;
z-index: 998;
}
.scroller .arrow {
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
color: #ffffff;
cursor: pointer;
float: left;
overflow: hidden;
position: absolute;
width: 6px;
z-index: 999;
}
.scroller .arrow.prev {
background-image: url(scroller.arrow.prev.png);
margin-left: -6px;
}
.scroller .arrow.next {
background-image: url(scroller.arrow.next.png);
margin-left: 924px;
}

/* register */

.register .middle {
height: 250px;
}
.register dt, .register dd {
clear: both;
float: none;
margin: 0;
}
.register dt {
padding: 0 0 6px 0;
}
.register input {
margin-bottom: 6px;
width: 104px;
}

/* title */

.title .col {
border-bottom: 1px dotted #cccccc;
}

/* tabs */

.tabs {
border-bottom: 1px dotted #cccccc;
margin-bottom: 6px;
padding-bottom: 12px;
}
.tabs ul, .tabs li {
list-style: none;
margin: 0;
padding: 0;
}
.tabs a {
background-color: #90a1bb;
color: #204477;
display: block;
text-decoration: none;
}
.tabs ul li {
float: left;
margin-right: 6px;
}
.tabs ul li a {
display: block;
padding: 6px;
}
.tabs ul li a.active {
background-color: #ed1c24;
color: #ffffff;
}

/* image */

.image {
background-color: #cccccc;
overflow: hidden;
}
.image .container {
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
}
.image .container a {
background-color: transparent;
display: block;
overflow: hidden;
}

/* link */

.link ul, .link li {
list-style: none;
margin: 0;
padding: 0;
}
.link li {
background-image: url(arrow.gif);
background-position: 6px 7px;
background-repeat: no-repeat;
padding: 6px 6px 6px 18px;
}

/* grid */

.grid h3 {
margin-top: 6px;
padding-bottom: 0;
}
.grid h3 a {
color: #204477;
text-decoration: none;
}
.grid h2 {
margin-top: 3px;
padding-bottom: 0;
}
.grid h2 a {
color: #ed1c24;
text-decoration: none;
}

/* listing */

.listing .row {
border-top: 1px dotted #cccccc;
margin-top: 6px;
padding-top: 6px;
}
col.f .listing .row {
min-height: 62px;
}
.row:first-child {
border-top: 0;
}
.col.f .listing .row:first-child {
min-height: 63px;
margin-top: 12px;
}
.listing .image {
float: left;
margin-right: 6px;
}
.listing .text ul {
padding-top: 0;
}
.listing h3 a {
color: #204478;
text-decoration: none;
}
.listing.directory .row {
margin-top: 0;
padding-top: 0;
}
.listing.directory .highlight {
background-color: #ffffdd;
border: 6px solid #ffdd00;
margin: 6px 0;
padding: 6px;
}
.listing.directory .highlight .image {
float: right;
margin-right: 0;
}
.listing .buynow, .listing .download {
float: right;
margin-left: 12px;
margin-top: 6px;
}

/* mask */

.mask-468x60, .mask-300x250, .mask-120x600, .mask-144x96 {
background-color: transparent;
position: absolute;
}
.mask .tl, .mask .tr, .mask .bl, .mask .br {
background-color: transparent;
background-image: url(mask.png);
height: 6px;
position: absolute;
width: 6px;
z-index: 98;
}
.mask .tl {
background-position: top left;
}
.mask .tr {
background-position: top right;
}
.mask .bl,  .br {
margin-top: -6px;
}
.mask .bl {
background-position: bottom left;
}
.mask .br {
background-position: bottom right;
}
.mask.d468x60 .tl, .mask.d468x60 .tr {
margin-top: -60px;
}
.mask.d468x60 .tr, .mask.d468x60 .br {
margin-left: 462px;
}
.mask.d432x250 .tl, .mask.d432x250 .tr {
margin-top: -250px;
}
.mask.d432x250 .tr, .mask.d432x250 .br {
margin-left: 426px;
}
.mask.d300x250 .tl, .mask.d300x250 .tr {
margin-top: -250px;
}
.mask.d300x250 .tr, .mask.d300x250 .br {
margin-left: 294px;
}
.mask.d300x225 .tl, .mask.d300x225 .tr {
margin-top: -225px;
}
.mask.d300x225 .tr, .mask.d300x225 .br {
margin-left: 294px;
}
.mask.d144x96 .tl, .mask.d144x96 .tr {
margin-top: -96px;
}
.mask.d144x96 .tr, .mask.d144x96 .br {
margin-left: 138px;
}
.mask.d120x600 .tl, .mask.d120x600 .tr {
margin-top: -600px;
}
.mask.d120x600 .tr, .mask.d120x600 .br {
margin-left: 114px;
}
.mask.d132x88 .tl, .mask.d132x88 .tr {
margin-top: -88px;
}
.mask.d132x88 .tr, .mask.d132x88 .br {
margin-left: 126px;
}
.mask.d116x62 .tl, .mask.d116x62 .tr {
margin-top: -62px;
}
.mask.d116x62 .tr, .mask.d116x62 .br {
margin-left: 110px;
}
.mask.d84x84 .tl, .mask.d84x84 .tr {
margin-top: -84px;
}
.mask.d84x84 .tr, .mask.d84x84 .br {
margin-left: 78px;
}
.mask.d84x88 .tl, .mask.d84x88 .tr {
margin-top: -88px;
}
.mask.d84x88 .tr, .mask.d84x88 .br {
margin-left: 78px;
}

/* footer */

.footer {
background-color: #204477;
color: #ffffff;
}
.footer a {
background-color: transparent;
color: #ffffff;
}

/* modal */

.modal {
background-color: transparent;
text-align: left;
}
.modal.small {
margin: 50px auto 0 auto;
width: 338px;
}
.modal.large {
margin: 50px auto 0 auto;
text-align: center;
width: 636px;
}
.modal .header {
margin-bottom: 6px;
}
.modal input, .modal textarea {
width: 218px;
}
.modal input.checkbox {
width: 13px;
}
.modal .action {
text-align: right;
}
.modal .action .cancel {
float: left;
}
.modal .action button {
margin-left: auto;
}
.modal .confirm {
margin-top: 6px;
text-align: center;
}
.modal .confirm button {
margin-left: auto;
margin-right: auto;
}
.modal .error {
color: #ed1c24;
}

/* captcha */

.captcha {
margin-bottom: 6px;
}

/* button pmsg */

.button.enqmsg {
margin: 6px;
padding: 12px 0;
width: 264px;
}

/* button pmsg */

.button.pmsg {
margin: 6px 0;
padding: 12px 0;
width: 300px;
}

/* highlight */

.highlight {
background-color: #ffffdd;
border: 6px solid #204477;
margin: 6px 0;
padding: 6px;
}

/* zebra */

.zebra {
width: 100%;
}
.zebra tr.zebra0 td {
background-color: #ffffff;
}
.zebra tr.zebra1 td {
background-color: #e8ecf1;
}

/* toggles */

.toggles {
min-height: 225px;
}
/* poll */
.poll ul, .poll li{
list-style: none;
margin: 0;
padding: 0;
}
.poll ul {
padding: 3px 0;
}
.poll li {
clear: both;
padding: 3px 6px;
width: 100%;
}
.poll .checkbox {
background-image: url(checkbox.gif);
display: block;
height: 19px;
float: left;
width: 19px;
}
.poll .checkbox.checked {
background-image: url(checkbox.checked.gif);
}
.poll .background {
background-color: #cccccc;
display: block;
float: left;
margin-left: 3px;
overflow: hidden;
width: 100px;
}
.poll .foreground {
background-color: #ed1c24;
color: #ffffff;
display: block;
padding: 3px;
}
.poll .option {
display: block;
float: left;
margin-left: 12px;
padding: 3px 0;
}
.poll .option.bold {
font-weight: bold;
}