body {background-color: #e6f2f8; margin: 0px; padding: 0px; font-family: Arial;} #wrapper {position: relative; width: 1050px; height: auto; margin-right: auto; margin-left: auto; } #wrapper-wide {position: relative; width: 1175px; height: auto; margin-right: auto; margin-left: auto;} #wrapper-wide_pay {position: relative; width: 1245px; height: auto; margin-right: auto; margin-left: auto;} #container {position: relative; top: 0px; left: 0px; width: 100%; height: auto;} p {font-family: Arial; margin: 0; padding: 0;} .gen-info {margin: 0; padding: 3px; font-size: 0.85em; color: #333;} .gen-info a {margin: 0; padding: 3px; font-size: 1em; color: #1283ad; text-decoration: none;} .gen-info a:hover {text-decoration: underline;} ul.gen-info {color: #1283ad; font-family: Arial; margin: 0px; padding: 10px; list-style-type: none;} ul.gen-info a {color: #1283ad; font-family: Arial; margin: 0px; padding: 10px;} ul.gen-info a:hover {color: #e3653d;} .gen-info2 {margin: 0; padding: 7px; font-size: 0.85em; color: #333;} .gen-info2 a {margin: 0; padding: 3px; font-size: 1em; color: #1283ad; text-decoration: none;} .gen-info2 a:hover {text-decoration: underline;} .browse {margin-right: 25px; padding: 3px; font-size: 1em; font-weight: bold;} .browse a {margin: 0; padding: 3px; font-size: 1em; color: #fff; text-decoration: none;} .browse a:hover {text-decoration: underline; color: #fff387;} ul.other-info {color: #333; font-family: Arial; font-size: 0.85em; margin: 0px; padding: 20px 30px 5px 30px; list-style-type: disc;} ul.other-info2 {color: #000; font-family: Arial; font-size: 0.80em; margin: 0px; padding: 20px 30px 30px 55px; list-style-type: circle;} label {font-family: Arial; margin: 5px; padding: 3px; font-size: 0.90em; color: #333;} p.channel-info {font-family: Arial; font-size: 0.7em; color: #999; margin: 0px; padding: 0px 3px; line-height: 1.1em;} h1 {font-family: Arial; color: #666; padding: 3px 3px 0px 3px; margin: 0px; font-size: 0.75em; font-weight: lighter; letter-spacing: 0.05em} h2 {font-family: Arial; color: #fff; padding: 3px; margin: 0em; font-size: 0.9em;} h3 {font-family: Arial; color: #000000; padding: 3px; margin-top: 1em; font-size: 0.8em;} h4 {font-family: Arial; color: #e3653d; padding: 3px; margin: 0em; font-size: 1em;} h4.submit {font-family: Arial; color: #e3653d; padding: 3px; margin: 0em 3em 0em 0em; font-size: 1em; text-align:right;} h4.submit a{font-family: Arial; color: #e3653d; text-decoration: none;} h4.submit a:hover{color: #fff; text-decoration: underline;} h5{font-family: Arial; color: #999; padding-bottom: 0.5em; margin: 0; font-size: 1em;} #headarea {position: relative; top: 0px; left: 0px; width:1044px; height: 280px; overflow: hidden; border-left: 3px solid #bcc5d2; border-right: 3px solid #bcc5d2; background: #fff;} #headarea-wide {position: relative; top: 0px; left: 0px; width:1175px; height: 280px; overflow: hidden; border-left: 3px solid #bcc5d2; border-right: 3px solid #bcc5d2; background: #fff;} #headarea-wide_pay {position: relative; top: 0px; left: 0px; width:1245px; height: 280px; overflow: hidden; border-left: 3px solid #bcc5d2; border-right: 3px solid #bcc5d2; background: #fff;} #mainlogo {position: absolute; top: 15px; left: 12px; width: 300px; height: 179px; padding: 0; margin: 0; background-image: url(../images-new/logo1.jpg); background-repeat: no-repeat;} #mainlogo a {position: absolute; top: 0px; left: 0px; width: 300px; height: 179px; padding: 0; margin: 0; background-image: url(../images-new/logo1.jpg); background-repeat: no-repeat;} #mainlogo a:hover {position: absolute; top: 0px; left: 0px; width: 300px; height: 179px; padding: 0; margin: 0; background-image: url(../images-new/logo_rollvr1.jpg); background-repeat: no-repeat;} #contest {position: absolute;top: 45px; left: 345px; width: 215px; height: 44px; padding: 0; margin: 0px; /*background-image: url(../images-new/contest-button_base.jpg);*/ background-repeat: no-repeat;} #contest a {position: absolute;top: 0px; left: 0px; width: 215px; height: 44px; padding: 0; margin: 0px; /*background-image: url(../images-new/contest-button_base.jpg);*/ background-repeat: no-repeat;} #contest a:hover {position: absolute;top: 0px; left: 0px; width: 215px; height: 44px; padding: 0; margin: 0px; /*background-image: url(../images-new/contest-button_over.jpg);*/ background-repeat: no-repeat;} /* topmenu is an include */ #topmenu {position: absolute; top: 142px; left: 349px; height: 42px; width: auto; padding: 0; margin: 0; } #topmenu ul {font-size: 0.75em; color: #999; font-weight: bold;list-style: none; font-family: Arial; padding: 0; margin: 8px 0px 0px 0px;} #topmenu ul li {display:block; float: left;padding: 7px 5px 7px 28px; background-repeat: no-repeat; background-position: left;} #topmenu ul li.blue { background-image: url(../images-new/bullet-blue.jpg);} #topmenu ul li.violet { background-image: url(../images-new/bullet-violet.jpg); } #topmenu ul li.yellow { background-image: url(../images-new/bullet-yellow.jpg); } #topmenu ul li.green { background-image: url(../images-new/bullet-green.jpg); } #topmenu ul li.orange { background-image: url(../images-new/bullet-orange.jpg); } #topmenu ul li a { color: #999; text-decoration: none; } #topmenu ul li a:hover { color: #6ac1df; text-decoration: none;} #infospace {position: absolute; top: 201px; left: 356px; margin: 0; height: 60px; width: 468px; padding: 0; background-color: #fff;} /* topfooter is also an include */ #topfooter {position: absolute; top: 195px; left: 12px; height: 30px; width: auto; padding: 0px; margin: 5px 0px 0px 11px; border-top: 1px solid #999;} #topfooter ul {text-align: center; margin: 0px; padding: 3px 0px 0px 0px; font-size: 0.7em; list-style: none;font-family: Arial;} #topfooter ul li {display: inline; padding: 3px 6px 0px 6px; border-right: 1px solid #999;} #topfooter ul li a {color: #999; text-decoration: none;} #topfooter ul li a:hover {color: #cc72b0; text-decoration: none;} #topfooter ul li.first {border-left: 1px solid #999; } #choose {position: absolute; top: 10px; left: 860px; width: 120px; height: 20px; padding: 12px 0px 0px 10px; margin: 0;} #prog-guide {position: absolute; top: 60px; left: 860px; width:175px; height: 50px; padding: 0; margin: 0px; background-image: url(../images-new/program-base.jpg); background-repeat: no-repeat;} #prog-guide a {position: absolute; top: 0px; left: 0px; width:175px; height: 50px; padding: 0; margin: 0px; background-image: url(../images-new/program-base.jpg); background-repeat: no-repeat;} #prog-guide a:hover { background-image: url(../images-new/program-over.jpg); background-repeat: no-repeat;} #search {position: relative; top: 146px; left: 853px; width: 160px; height: 75px; margin: 0px; padding: 0px; } #search fieldset { width: 175px; height: 75px; padding: 0px; margin: 0px; border: 0;} #search p {text-align: center; font-size: 0.8em; color: #182f7d; padding: 0px; margin: 0px;} #search ul {list-style: none; text-align: center; padding: 0; margin: 0;} #search ul li {display: block; margin: 0; padding-top: 5px;} #prog-guide-wide {position: absolute; top: 60px; left: 973px; width:175px; height: 50px; padding: 0; margin: 0px; background-image: url(../images-new/program-base.jpg); background-repeat: no-repeat;} #prog-guide-wide a {position: absolute; top: 0px; left: 0px; width:175px; height: 50px; padding: 0; margin: 0px; background-image: url(../images-new/program-base.jpg); background-repeat: no-repeat;} #prog-guide-wide a:hover { background-image: url(../images-new/program-over.jpg); background-repeat: no-repeat;} #choose-wide {position: absolute; top: 10px; left: 973px; width: 120px; height: 20px; padding: 12px 0px 0px 10px; margin: 0;} #search-wide {position: relative; top: 146px; left: 966px; width: 160px; height: 75px; margin: 0px; padding: 0px; } #search-wide fieldset { width: 175px; height: 75px; padding: 0px; margin: 0px; border: 0;} #search-wide p {text-align: center; font-size: 0.8em; color: #182f7d; padding: 0px; margin: 0px;} #search-wide ul {list-style: none; text-align: center; padding: 0; margin: 0;} #search-wide ul li {display: block; margin: 0; padding-top: 5px;} #mid-container { float:left; position:relative; width:1044px; border-left: 3px solid #bcc5d2; border-right: 3px solid #bcc5d2; border-bottom: 3px solid #bcc5d2; background-color: #fff;} #mid-container-wide { float:left; position:relative; width:1175px; border-left: 3px solid #bcc5d2; border-right: 3px solid #bcc5d2; border-bottom: 3px solid #bcc5d2; background-color: #fff;} #mid-container-wide_pay { float:left; position:relative; width:1245px; border-left: 3px solid #bcc5d2; border-right: 3px solid #bcc5d2; border-bottom: 3px solid #bcc5d2; background-color: #fff;} /* left column contents */ #leftcol {float:left; position:relative; padding:0; overflow:hidden; } #player-pos {position: relative; top: 0px; left: 0px; width: 850px; height: auto; background-color: #fff; margin: 0px; padding: 0px; } #player-pos-wide {position: relative; top: 0px; left: 0px; width: 960px; height: auto; background-color: #fff; margin: 0px; padding: 0px;} #player-pos-wide-pay {position: relative; top: 0px; left: 0px; width: 1040px; height: auto; background-color: #fff; margin: 0px; padding: 0px;} #playerbluearea {position: relative; width: 847px; height: auto;} #playerbluearea-wide {position: relative; width: 960px; height: auto; } #playerbluearea-wide_pay {position: relative; width: 1040px; height: auto; } #brightcove-pos {position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px 0px 0px 20px; width: 790px; height: 620px; } #brightcove-pos-wide {position: relative; top: 0px; left: 0px; margin: 0px; padding: 20px 0px 0px 10px; width: 927px; height: 620px; } #brightcove-pos-wide_pay {position: relative; top: 0px; left: 0px; margin: 0px; padding: 20px 0px 0px 10px; width: 998px; height: 620px; } #player-topimage {position: relative; top: 5px; left: 10px;width: 837px; height: 24px; background-image: url(../images-new/playerbg_top.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; } #player-topimage-wide {position: relative; top: 5px; left: 10px;width: 950px; height: 24px; background-image: url(../images-new/playerbg_top-wide.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; } #player-topimage-pale {position: relative; top: 5px; left: 10px;width: 837px; height: 24px; background-image: url(../images-new/playerbg_top-pale.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; } #player-topimage-pink {position: relative; top: 5px; left: 10px;width: 837px; height: 24px; background-image: url(../images-new/playerbg_top-pink.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; } #player-topimage-white {position: relative; top: 5px; left: 10px;width: 837px; height: 24px; background-image: url(../images-new/playerbg_top-white.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; float: left;} #player-topimage_pay {position: relative; top: 5px; left: 10px;width: 1030px; height: 24px; background-image: url(../images-new/playerbg_top_pay.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; } #player-mainarea {position: relative; top: 0px; left: 10px; height: auto; width:837px; background-image: url(../images-new/playerbg_middle.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; } #player-mainarea-wide {position: relative; top: 0px; left: 10px; height: auto; width:950px; background-image: url(../images-new/playerbg_middle-wide.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; } #player-mainarea-pale {position: relative; top: 0px; left: 10px; height: auto; width:837px; background-image: url(../images-new/playerbg_middle-pale.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; } #player-mainarea-pink {position: relative; top: 0px; left: 10px; height: auto; width:837px; background-image: url(../images-new/playerbg_middle-pink.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; } #player-mainarea-white {position: relative; top: 0px; left: 10px; height: auto; width:837px; background-image: url(../images-new/playerbg_middle-white.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; float: left;} #player-mainarea-white-blog {position: relative; top: 0px; left: 10px; height: 530px; width:837px; background-image: url(../images-new/playerbg_middle-white.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; float: left;} #player-mainarea_pay {position: relative; top: 0px; left: 10px; height: auto; width:1030px; background-image: url(../images-new/playerbg_middle_pay.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; } #player-botimage {position: relative; top: 0px; left: 10px;width: 837px; height: 24px; background-image: url(../images-new/playerbg_bottom.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px;} #player-botimage-wide {position: relative; top: 0px; left: 10px;width: 950px; height: 24px; background-image: url(../images-new/playerbg_bottom-wide.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px;} #player-botimage-pale {position: relative; top: 0px; left: 10px;width: 837px; height: 24px; background-image: url(../images-new/playerbg_bottom-pale.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px;} #player-botimage-pink {position: relative; top: 0px; left: 10px;width: 837px; height: 24px; background-image: url(../images-new/playerbg_bottom-pink.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px;} #player-botimage-white {position: relative; top: 0px; left: 10px;width: 837px; height: 24px; background-image: url(../images-new/playerbg_bottom-white.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; float: left;} #player-botimage_pay {position: relative; top: 0px; left: 10px;width: 1030px; height: 24px; background-image: url(../images-new/playerbg_bottom_pay.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px;} #chanbuttons {position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px 0px 0px 20px; width: 790px; height: auto;} #choosetitle {position: relative; top: 0px; left: 0px; text-align: right; width: 810px; height: auto;} .thumbs {position: relative; margin: 0px; padding: 1px;} #general-container {position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px 0px 0px 20px; width: 790px; height: auto; } #general-container2 {position: relative; top: 0px; left: 0px; margin: 0px auto; padding: 0px; width: 780px; height: auto; } /* advertising area */ #bottom {position:relative; float: left; padding:1em 0em; } #tell { position: relative; top: 0px; left: 20px; width: 825px; height: 35px; margin-bottom: 20px;} #tellfriends { float:left; position: relative; top: 1px; left: 0px; width: 153px; height: 29px; margin: 0px;} #tellnewsletter { position: absolute;top: 235px; left: 20px; width: 272px; height: auto; margin: 0px; padding: 3px; border: 1px solid #666; text-align: center;} #tellnewsletter a {font-family: Arial; color: #d46783; font-size: 0.8em; padding: 0.35em; margin: 0; text-decoration: none;} #tellnewsletter a:hover { color: #999;} #sponsers { position: relative; left: 20px; margin: 0px; border: 1px solid #ccc; padding: 0px; width: 825px; height: 330px;} #sponsers-wide { position: relative; left: 20px; margin: 0px; border: 1px solid #ccc; padding-left: 56px; width: 870px; height: 330px;} /* right column contents */ #right-column { /*float:left;*/ position:relative; padding:0em 0em 3em 0em; overflow:hidden; width: 194px;} #skyscraper {position: relative; top:12px; left: 13px; width: 160px; height: 600px; background-color: #fff; margin-bottom: 12px; padding: 0px;} #channels-seo {position: relative; left: 12px; top: 20px; height: auto; width: 160px; border: 1px solid #ccc; margin-bottom: 20px; padding: 0px;} #channels-seo ul {font-size: 0.70em; list-style: none; font-family: Arial; padding: 0em; margin: 0; text-align: left; width: 158px; } #channels-seo ul li {display: block; margin: 1px; width: 158px; background-color:#fae6dc; } #channels-seo ul li a {color: #999; display: block; width: 154px; padding: 0.2em 0em 0.2em 0.4em; text-decoration: none; } #channels-seo ul li a:hover {color: #000; background-color: #c7c2f0;} #seo-info {position: relative; left: 12px; top: 15px; height: auto; width: 144px; border: 1px solid #6f7658; background-color: #eaf5f1; margin-bottom: 12px; padding: 0.5em;} #contact {position: relative; top: 20px; left: 20px; width: 700px; height: auto; border: 1px solid red;} #footer {float:left; position:relative; top: 0px; left: 40px;padding-top: 1em;width: 760px; margin-left: auto; margin-right: auto;} #footer ul { font-size: 0.7em; list-style: none; font-family: Arial; padding: 0em 0em 0.3em 0em; margin: 5px; text-align: center; } #footer li {display:inline; margin: 0px; padding: 0px 8px 0px 8px; border-right: 1px solid #999;} #footer li a { color: #999;} #footer li a:hover {color: #6ac1df; text-decoration: none;} #footer li.last {border-right: none;} #footer p {font-size: 0.7em; font-family: Arial; padding-bottom: 0.6em;text-align: center; color: teal;} #footer p a { text-decoration: none; font-size: 1em; color: #999;} #footer p a:hover {color: #cc72b0;} #footerwide {float:left; position:relative; top: 0px; left: 98px;padding-top: 1em;width: 760px; margin-left: auto; margin-right: auto;} #footerwide ul { font-size: 0.7em; list-style: none; font-family: Arial; padding: 0em 0em 0.3em 0em; margin: 5px; text-align: center; } #footerwide li {display:inline; margin: 0px; padding: 0px 8px 0px 8px; border-right: 1px solid #999;} #footerwide li a { color: #999;} #footerwide li a:hover {color: #6ac1df; text-decoration: none;} #footerwide li.last {border-right: none;} #footerwide p {font-size: 0.7em; font-family: Arial; padding-bottom: 0.6em;text-align: center; color: teal;} #footerwide p a { text-decoration: none; font-size: 1em; color: #999;} #footerwide p a:hover {color: #cc72b0;} .tip {font:10px/12px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:240px;height: 180px; padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333; top:150px; left:-50px; background-color:#ffffcc; } .white_title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }