body { padding:0; margin:10px 16px 0 16px; font-size: 10pt; color:#000; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; background:url(../../player_rf/images/bg.gif) repeat-x bottom left;} body {behavior: url(../../player_rf/css/scripts/csshover.htc);} body.framed { margin:0; background:none;} #leftside {float:left;} #rightside{width: 270px; float:right;} /**** LEFT SIDE CONTENT ****/ #teamvision_logo{} #wmplayer{ border:3px solid #bbb; height:304px;} #cc_reflect{ width:434px; height:110px; background:url(../../player_rf/images/player_reflect.gif) no-repeat; margin-top:2px; position:relative} #cc_close{ z-index:1;cursor:pointer; width:410px; background:#bbb; position:absolute; top:100px; left:12px; border-bottom:3px solid #bbb; color:#fff; font-size:10px; font-weight:bold; text-align:right;} #cc_close span {padding-right:10px;} #ccbox{ width:410px !important;; background-color:#FFFFFF; border:3px solid #bbb; position:absolute; top:22px; left:12px; z-index:2;} #cc1{ height:70px; font-size:14px; overflow:hidden; line-height:18px; margin:5px 5px 0 5px; text-align:left;} #cc_open{ width:100% !important; background:#bbb; cursor:pointer; color:#fff; font-size:10px; font-weight:bold; text-align:right;} #cc_open span {padding-right:10px;} /**** RIGHT SIDE CONTENT ****/ #options { width: 260px; height: 24px; text-align:right;} #options img {margin:0 1px 0 1px;} #player_title {font-size:32px; color:#49166d;} #player_date { font-size:12px; color:#bbb;} #chapters {} #chapters table.tmarkers { width:260px; height:180px;} #chapters table.tmarkers a{ color:#000000; font-size:12px; text-decoration: none; font-weight: bold;} #chapters table.tmarkers span{ width:100%; border-top:solid 1px #fff; border-bottom:solid 1px #fff; padding-left:5px; line-height:14px;} #chapters table.tmarkers a img{ filter: alpha(opacity=50); border:0px; } #chapters table.tmarkers tr.chaplink1:hover span { border-top:solid 1px #49166d; border-bottom:solid 1px #49166d; border-right:solid 1px #49166d; color:#000000; background-color:#b6a2c5; } #chapters table.tmarkers tr.chaplink1:hover img, { filter: alpha(opacity=100); } #chapters table.tmarkers ul { list-style-image:url(http://teamvision.tsl.telus.com/portal/bullet.gif); color:#000; font-size:12px; font-weight:bold; } #links_title {font-size:24px; color:#49166d; font-weight:normal; margin-top:5px;} #links {} #links table.tlinks { width:260px; height:90px;} #links ul {list-style:square url(../../player_rf/images/square_bullet_green.gif);margin:0; margin-left:18px; padding:0;} #links li { font-size: 11px; } #links ul a { text-decoration: none; color: #000; } #links ul a:hover { color: #555; } #questions {} #questions p { color:#49166d; font-size: 11px;} #questions a { color:#49166d; text-decoration:none;font-weight:bold;font-size: 11px;} #questions a:hover { color:#a48ab6} #option_server, #option_language,#option_quiz, #option_download, #option_email, #option_feedback { height: 300px; width:265px; z-index:100; display:none; background-color:#fff; position:absolute; top: 110px; left:473px; } #option_comments { z-index:100; display:none; background-color:#fff; position:absolute; top: 110px; left:472px; } #commentbox { border:2px solid #f2f2f2; padding:5px; width:250px; margin-bottom:10px; margin-top:10px;} #commentbox span.commenter { font-size:12px; font-weight:bold; color:#49166d;} #commentbox span.commentdate { font-size:10px; color:#888;} #commentbox p { color:#555; margin-top:5px; font-size:11px;} #commentbox p label { color:#555; font-size:11px; font-weight:bold; margin-bottom:5px;} a.comments { color:#49166d; margin:5px 0; font-weight:bold; text-decoration:none;} a.comments:hover { color:#a48ab6;} #commentform {border:10px solid #f2f2f2; width:240px; background:#f2f2f2;} #commentuserform {font-size:11px; font-weight:bold;} #commentuserform label { text-align:right;margin-right:4px;} #commentuserform input {width: 70px; font-size:10px;} #commentuserform select, #commentuserform option{font-size:10px;} #option_server ul { margin-left:0px; } #option_server li { display: block; list-style-type: none; font-size:10px; margin-left:0px; width:150px; } #option_server li.active { border:solid 1px #FFFFFF; background-color:#E7F7D7; } #option_server li a:link, #option_server li a:visited { color: #000000; text-decoration: none; width:150px; border:solid 1px #FFFFFF; } #option_server li a:hover {border:solid 1px #66CC00;} /*ul#nav_lang {margin: -15px 10px 0 10px; padding-left: 0;}*/ /****** STAR RATING *****/ div#ratethis {left:270px; position:absolute; top:5px; background-color:##ffffff; font-size:11px; font-weight:bold; color:#49166d} div#ratethis span.total {color:#bbb; margin-left:10px; font-weight:normal} .star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{ background: url(../../player_rf/images/stars.gif) left -1000px repeat-x;} .star-rating{ position:relative; width:80px; height:16px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating li{ display: inline; } .star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:16px; line-height:16px; outline:none; overflow:hidden; border: none; } .star-rating a:hover,.star-rating a:active,.star-rating a:focus{ background-position: left bottom; } .star-rating a.one-star{ width:20%; z-index:6; } .star-rating a.two-stars{ width:40%; z-index:5; } .star-rating a.three-stars{ width:60%; z-index:4; } .star-rating a.four-stars{ width:80%;z-index:3;} .star-rating a.five-stars{ width:100%; z-index:2;} .star-rating .current-rating{ z-index:1; background-position: left center;} .inline-rating{ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle;} #nav_lang li {display: block;list-style-type: none;} #nav_lang a:link, #nav_lang a:visited { color: #000000; text-decoration: none; border:solid 1px #FFFFFF; width:100%; } #nav_lang a:hover, {width:100%; border:solid 1px #66CC00;} #nav_lang li.active { border:solid 1px #FFFFFF; background-color:#E7F7D7; } #option_download input.btn { color:#050; font-weight:bold; background-color:#E7F7D7; border:1px solid; border-top-color:#696; border-left-color:#696; border-right-color:#363; border-bottom-color:#363; } #email_a_friend span.formtag { font-weight:bold; color:#66CC00; } .btn { background:#b2e57f; color:#333; font-size:12px; font-weight:bold; border: 1px solid #6c0; padding:0px; -moz-border-radius:4px; margin-top:4px; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash player_title {visibility: hidden; }