/* * __, http://__ * Copyright (c)2009, CSD * * Licensed under The MIT License * Redistributions of files must retain the above copyright notice. * * @filesource * @copyright Copyright (c) 2009, Qrupa * @backenddeveloper Piotr Kaniuk * @frontedndeveloper Krzysztof Safjanowski * @license http://www.opensource.org/licenses/mit-license.php The MIT License */ /* global reset */ html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, p {margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;} fieldset {border: 0;} body {font: 0.625em/1em arial, helvetica, sans-serif; background: #323232; color: #989898;} select {color: #cdcdc8; background-color: #464646; border: 1px solid #000; } /* accessibility */ #quick-navigation, .accessibility, .hidden, hr {position: absolute; left: -666em; top: 0; margin-left: -666em; overflow: hidden;} a {text-decoration: underline; color: #ffdc00;} a:hover, a:focus {text-decoration: underline; color: #ffdc00;} a span {text-decoration: underline;} a:hover span {text-decoration: underline; color: #ffdc00;} /* to fix flash player outline */ object { outline:none; } #admin-nav {position: relative; z-index: 1; margin: 0 auto; width:931px; height:40px; background: #fedc01; font-size:1.2em; color:black;} .admin-nav-right {position:absolute; top:13px; right:13px; width:465px; text-align:right;} .admin-nav-right a:link,.admin-nav-right a:visited {color:black; text-decoration:underline;} .admin-nav-right a:active,.admin-nav-right a:hover {color:black; text-decoration:underline;} .admin-nav-left {position:absolute; top:13px; left:13px; width:465px; text-align:left;} .admin-nav-left a:link,.admin-nav-left a:visited {color:black; text-decoration:underline;} .admin-nav-left a:active,.admin-nav-left a:hover {color:black; text-decoration:underline;} /* header */ #header {position: relative; z-index: 1; margin: 0 auto; width: 931px; height: 170px;} /* header - menu */ #header-menu {position: absolute; bottom: 23px; left: 0; text-transform: uppercase; font-size: 1.1em; list-style: none;} /* header - form-login */ #header-form-login {position: absolute; top: 7px; right: 0; width: 281px;} #header-form-login ol {list-style: none;} #header-form-login ol li {margin-bottom: 5px;} #header-form-login ol label {display: block; padding: 3px 0; text-transform: uppercase; color: #bebebe;} /* header - form - input[class='text'] */ #header-form-login ol .text {margin: 0; border: 1px solid #464646; padding: 0; width: 200px; background: #464646; color: #989898;} #header-form-login ol .submit {margin: 0; border: 0; border-bottom: 1px solid #bebebe; padding: 0; background: #323232; color: #bebebe; cursor: pointer;} #header-form-login ol p {} #header-form-login ol p a {margin: 0 10px 0 0; color: #d2d2d2;} #header-form-login ol p a:hover {color: #ffdc00;} #header-form-login ol p a#header-form-login-submit {color: #ffdc00;} #header-form-login ol #header-form-login-log-in {border-bottom: 1px solid #ffdc00; color: #ffdc00;} /* header - user */ #header-user {position: absolute; top: 7px; right: 0; width: 281px;} #header-user h2 {color: #ffdc00;} #header-user p {overflow: hidden;} #header-user p a {float: left; padding: 0 8px; background: url(../img/site/header-user.p.a.gif) 0 50% no-repeat; color: #989898;} #header-user p a:first-child {position: relative; margin: 0 0 0 -8px; background: none;} #header-user p a:hover {color: #ffdc00;} #header-user p span {padding: 0 8px; background: url(../img/site/header-user.p.a.gif) 0 50% no-repeat;} /* header - form-search */ #header-form-search {position: absolute; bottom: 23px; right: 0; width: 281px;} #header-form-search ol {list-style: none;} #header-form-search ol li {float: left;} #header-form-search ol li p {overflow: hidden; position: relative; width: 15px; height: 16px; display:block; } #header-form-search ol li p input {position: absolute; top: 0; left: 0; cursor: pointer; } #header-form-search ol li p:hover input {top: -16px; left: 0;} #header-form-search label {display: none;} /* header - form-search - input[class='text'] */ #header-form-search ol .text {margin: 0; border:none; padding: 0; width: 200px; font-size: 1.1em; background: #464646; color: #d2d2d2; height:16px;} /* header - logotype */ #header h1 {position: absolute; top: 10px; left: 0; width: 71px; height: 91px;} #header h1 a {display: block; overflow: hidden; width: 71px; height: 91px; text-indent: -666em; background: url(../img/site/header.h1.a.png) no-repeat;} /* header - quote */ #header blockquote {position: absolute; top: 10px; left:170px; width: 470px;} #header blockquote p {color: #b5b5b5;} #header blockquote p span {display: block;} /* header - clearfix */ #header:after {display: block; visibility: hidden; clear: both; height: 0; content: ".";} /* body */ #body {overflow: hidden; margin: 0 auto; width: 931px;} /* left side */ #main {float: left; width: 640px;} /* left side - header */ #main .main-header { clear: both; background-color:#323232;} #main .main-header h2 {overflow: hidden; width: 640px; line-height: 1em; font-weight: normal; text-transform: uppercase; background: #323232; color: #fff; font-size: 1.4em;} #main .main-header h2 span {font-family: Arial, Helvetica, sans-serif;float: left; padding: 3px 9px 3px 3px; background: #282828;} /* left side - body */ #main .main-body {padding: 5px; background: #282828; color: #f5f5f5; padding-bottom: 10px;} /* left side - main-body-download */ #main-body-download {overflow: hidden; font-size: 1.2em;} #main-body-download h3 {margin: 0 0 0 145px; padding: 10px 0; width: 280px; text-decoration: underline; color: #b4b4b4;} #main-body-download p {margin: 0 0 20px 145px; width: 280px; text-align: justify; color: #b4b4b4;} #main-body-download > ol {margin: 0 0 20px 145px; padding: 0 0 20px 0; list-style: none;} #main-body-download > ol > li {overflow: hidden; width: 614px;} /* left side - about */ #main-body-about {font-size: 1.1em; color: #b4b4b4; padding: 0 3px 0 3px;} #main-body-about p {margin: 0 0 1em;} /* left side - blog */ #main-body-blog {} #main-body-blog > ol {margin: 0 20px 0 0; padding: 20px 0 0 0; list-style: none;} #main-body-blog > ol > li {overflow: hidden; width: 614px;margin-bottom:20px;} #main-body-blog .header {float: right; width: 611px; font-size: 1.1em; color: #51514e; margin-bottom:20px;} #main-body-blog .header h3 {float: left; width: 300px; font-weight: normal; font-size: 1.2em; color:#FFDC00;} #main-body-blog .header p {float: right; margin: 2px 0 0 7px;} #main-body-blog .header p span {padding: 0 6px; background: url(../img/site/main-body-blog.header.p.span.gif) 0 50% no-repeat;} #main-body-blog .header p span img {margin: 0 4px 0 0;} #main-body-blog .header p a {color: #51514e;} #main-body-blog .header p a:hover {color: #ffdc00;} #main-body-blog .images {display:none} #main-body-blog .images ul {list-style: none;} #main-body-blog .body {float: right; width: 611px; font-size: 1.1em; color: #b4b4b4;} #main-body-blog .body p {margin: 0 0 1em;} #main-body-blog .footer {clear: both; margin: 1em 0 0 24px; border-top: 1px solid #646464; border-bottom: 1px solid #646464; padding: 4px 0; color: #51514e;} #main-body-blog .footer p {} #main-body-blog .footer p a {color: #51514e; text-decoration: none;} #main-body-blog .footer p a:hover {text-decoration: underline;} #main-body-blog .footer p span {padding: 0 6px; background: url(../img/site/main-body-blog.header.p.span.gif) 0 50% no-repeat;} #main-body-blog .footer p span:first-child {padding: 0 6px 0 0; background: none;} #main-body-blog .footer p span img {margin: 0 4px 0 0;} /* left side - main-body-blog-comments */ #main-body-blog-comments {overflow: hidden; padding: 0 20px 0 84px; width: 480px; background: url(../img/site/utilities/comment.gif) 21px 0 no-repeat;} #main-body-blog-comments h3 {margin: 0 0 18px; font-size: 1.1em; font-weight: normal; text-transform: uppercase;} #main-body-blog-comments > ol {list-style: none;} #main-body-blog-comments > ol > li {margin:0 0 10px 0} #main-body-blog-comments .header {display:block; float:left; margin: 0 0 4px; color: #939393; width:480px;} #main-body-blog-comments .header h4 {float: left; font-size: 1.1em; font-weight: normal; color: #f2db4b;} #main-body-blog-comments .header p {float: left; margin: 0 0 0 7px; font-size: 1.1em;} #main-body-blog-comments .body {color: #cacaca;} /* left side - main-body-blog-form */ #main-body-blog-form {overflow: hidden; margin-top: 20px; padding: 0 20px 0 134px; width: 480px;} #main-body-blog-form h3 {font-size: 1.1em; font-weight: normal; text-transform: uppercase;} #main-body-blog-form ol {list-style: none; padding: 10px 0 10px 0; overflow: hidden;} #main-body-blog-form ol > li {width: 200px; float: left;} #main-body-blog-form ol > li > label {display: block; font-size: 1.1em; color: #b4b4b4;} #main-body-blog-form ol > li > ol {margin: 0; padding: 0;} #main-body-blog-form ol > li > ol > li {margin-bottom: 10px;} #main-body-blog-form ol input {width: 170px; background: #464646; border: 0; color: #b4b4b4;} #main-body-blog-form ol textarea {width: 480px; height:100px; background: #464646; border: 0; color: #b4b4b4;} #main-body-blog-form ol #main-body-blog-form-comment {width: 300px; height: 147px; background: #464646; border: 0; color: #b4b4b4;} #main-body-blog-form p {margin: 0 0 15px 0;} /* left side - main-playlist */ #main-playlist {} #main-playlist ul {overflow: hidden; margin: 0;padding: 5px 0 5px 2px; list-style: none;} #main-playlist ul li {float: left;} #main-playlist ul li img {background: #464646;} #main-playlist ul li a {float: left; text-decoration: none; color: #b4b4b4;} #main-playlist ul li a:hover {color: #FFDC00;} #main-playlist-form {} #main-playlist-form dl {overflow: hidden; padding: 10px 0;} #main-playlist-form dl dt {float: left; color: #b4b4b4; font-size: 1.1em; margin-right: 15px;} #main-playlist-form dl dd {float: left;} /* left side - main-body-channels */ #main-body-channels {} #main-body-channels ul {overflow: hidden; margin: 0; padding: 5px 0 5px 2px; list-style: none;} #main-body-channels ul li {float: left;} #main-body-channels ul li a {float: left; margin: 0 5px 0 0; padding: 3px; text-decoration: none; background: #464646; color: #b4b4b4; text-transform:uppercase;} #main-body-channels ul li a:hover, #main-body-channels ul li a.active {background: #ffdc00; color: #231f20;} #main-body-channels-form {} #main-body-channels-form dl {overflow: hidden; padding: 10px 0;} #main-body-channels-form dl dt {float: left; color: #b4b4b4; font-size: 1.1em; margin-right: 15px;} #main-body-channels-form dl dd {float: left;} /* left side - main-newsletter */ #main-newsletter {} #main-newsletter .main-body-newsletter {overflow: hidden; margin: 1em 0 0; width: 634px;} #main-newsletter .main-body-newsletter:first-child {margin: 0;} #main-newsletter .newsletter-header {} #main-newsletter .newsletter-body {overflow: hidden; margin: 1em 0 0; width: 634px;} #main-newsletter .image {float: left; width: 192px;} #main-newsletter .image img {display: block; width: 192px; background: #9e9e9e;} #main-newsletter .body {float: right; margin: 0 19px 0 0; width: 397px; min-height: 125px; color: #b4b4b4;} #main-newsletter .menu {float: left; width: 192px;} /* left side - main-body-advanced-search */ #main-body-advanced-search {overflow: hidden; font-size: 1.2em;} #main-body-advanced-search h3 {margin: 0 0 0 145px; padding: 10px 0; width: 280px; text-decoration: underline; color: #b4b4b4;} #main-body-advanced-search p {margin: 0 0 20px 145px; width: 280px; text-align: justify; color: #b4b4b4;} #main-body-advanced-search-form ol {overflow: hidden; margin: 0 0 20px 5px; list-style: none;} #main-body-advanced-search-form ol > li {overflow: hidden; margin: 7px 0; color: #b4b4b4;} #main-body-advanced-search-form ol li label {float: left; width: 140px;} #main-body-advanced-search-form ol li input {margin: 0; border: 1px solid #464646; padding: 0; width: 275px; background: #464646; color: #d2d2d2;} #main-body-advanced-search-form ol li .select {width: 275px;} #main-body-advanced-search-form ol li ul {float: left; margin: 0; padding: 0; list-style: none;} #main-body-advanced-search-form ol li ul li {float: left; margin: 0px 20px 7px 0;} /* left side - main-body-results */ #main-body-results {margin-top: 10px; overflow: hidden;} #main-body-results > ul {margin: 8px; padding: 0; list-style: none;} #main-body-results > ul > li {position: relative; float: left; margin: 0px 0px 5px 0px; padding:5px; border-bottom: 1px solid #282828; width: 297px; color: #b4b4b4; cursor: pointer; display:block;} #main-body-results > ul > li:hover{background: #000;} #main-body-results > ul > li.active {background: #191919;} #main-body-results > ul li .header {float: right; width: 140px; font-weight: normal;} #main-body-results > ul li .header a {text-decoration: underline; color: #ffdc00; font-size: 1.2em;} #main-body-results ul li .video {float: left; border: 1px solid #464646; padding: 10px; width: 112px; background: #1b1b1b;} #main-body-results ul li .video img {margin-left: -1px; width: 115px; height: 92px; background: #0e0e0e;} #main-body-results ul li .video span {color: #676767;margin-left:3px;} #main-body-results ul li .video a {display:block; overflow:hidden; width:112px;} #main-body-results ul li .description {float: right; width: 140px; font-size: 1.1em; color: #7A7A7A;} #main-body-results ul li .date {position: absolute; bottom: 7px; left: 171px; font-size: 1.1em;} #main-body-results ul li .remove {position: absolute; left: 160px; bottom: 0; font-size: 1.1em; z-index:100} #main-body-results ul li .subscribe {position: absolute; left: 160px; bottom: 0; font-size: 1.1em; z-index:100} #main-body-results ul li .unsubscribe {position: absolute; left: 160px; bottom: 0; font-size: 1.1em; z-index:100} #main-body-results ul li img {display: block; border: 0;} /* utilities */ #main-body-results ul.utilities {position: absolute; top: 5px; left: 154px; list-style: none; display:none;} #main-body-results ul.utilities li {margin-bottom: 2px; clear: left; float: left;} /* left side - main-channels-results */ #main-channels-results {margin-top: 10px; overflow: hidden;} #main-channels-results > ul { width:618px; margin: 0 8px; padding: 0; list-style: none; } #main-channels-results > ul > li { position: relative; float: left; margin: 11px 0px 0px 0px; padding:5px; border: 1px solid #282828; width: 297px; color: #b4b4b4; cursor: pointer; display:block; } #main-channels-results > ul > li:hover{ border: 1px dotted #686868; } #main-channels-results > ul > li.active {background: #191919;} #main-channels-results > ul li .header {float: right; width: 150px; font-weight: normal;} #main-channels-results > ul li .header a {text-decoration: underline; color: #ffdc00; font-size: 1.2em;} #main-channels-results ul li .video {float: left; border: 1px solid #464646; padding: 10px; width: 112px; background: #1b1b1b;} #main-channels-results ul li .video img {margin-left: -1px; width: 115px; height: 92px; background: #0e0e0e;} #main-channels-results ul li .video span {color: #676767; margin-left:3px;} #main-channels-results ul li .video a {display:block; overflow:hidden;width:112px;} #main-channels-results ul li .description { float: right; width: 150px; font-size: 1.1em; color: #7A7A7A;} #main-channels-results ul li .date {display:block; float:right; width:150px; font-size: 1.1em; margin-top: 4px; color: #676767} #main-channels-results .buttons {width:150px; bottom: 6px; left: 152px; float: right; position: absolute; bacground-color:#B4B4B4; display:block;} #main-channels-results .buttons a {font-size: 1.1em; z-index:1000; color: #676767; text-decoration:none } #main-channels-results .buttons a:hover {color: #FFDC00;} #main-channels-results ul li .subscribe a { background-image: url(../img/site/add-to-playlist_on.gif); background-repeat: no-repeat; padding-left: 16px;} #main-channels-results ul li .subscribe a:hover { background-image: url(../img/site/add-to-playlist.gif); } #main-channels-results ul li .remove a, #main-channels-results ul li .unsubscribe a { background-image: url(../img/site/remove-from-playlist_on.gif); background-repeat: no-repeat; padding-left: 16px;} #main-channels-results ul li .remove a:hover, #main-channels-results ul li .unsubscribe a:hover { background-image: url(../img/site/remove-from-playlist.gif); } #main-channels-results ul li .share a { background-image: url(../img/site/share-it_on.gif); background-repeat: no-repeat; padding-left: 16px;} #main-channels-results ul li .share a:hover { background-image: url(../img/site/share-it.gif); } #main-channels-results ul li img {display: block; border: 0;} /* left side - main-downloads-results */ #main-downloads-results {margin-top: 10px; overflow: hidden;} #main-downloads-results > ul {margin: 14px 8px 0 8px; padding: 0; list-style: none; } #main-downloads-results > ul > li {position: relative; float: left; margin: 0px 7px 14px 0; border: 1px solid #282828; width: 618px; color: #b4b4b4; cursor: pointer; padding: 2px;} #main-downloads-results > ul > li:hover { border: 1px dotted #686868; } #main-downloads-results > ul > li.active {background: #191919;} #main-downloads-results ul li .video {float: left; border: 1px solid #464646; padding: 5px; background: #1b1b1b;} #main-downloads-results ul li .video a {width: 90px; height: 50px; background: #0e0e0e; border:0; overflow:hidden; display:block} #main-downloads-results ul li .video img {margin:0; background: #0e0e0e; border:0; margin-left:-11px; margin-top: -21px;} #main-downloads-results ul li .video span {color: #676767;} #main-downloads-results > ul li .header {float: right; width: 505px; font-weight: normal; margin-bottom:2px; } #main-downloads-results > ul li .header a {text-decoration: underline; color: #ffdc00; font-size: 1.2em;} #main-downloads-results ul li .status {float: right; width: 287px; font-size: 1.1em; color: #676767; } #main-downloads-results ul li .information {float: right; width: 218px; font-size: 1.1em; color: #676767; } #main-downloads-results ul li .date {position: absolute; bottom: 7px; left: 171px; font-size: 1.1em;} #main-downloads-results ul li .checkout {position: absolute; right: 6px; bottom: 0; font-size: 1.1em;} #main-body-results-pagination {margin-top: 15px; overflow: hidden;} #main-body-results-pagination .pagination-summary {font-size: 1.1em; margin:4px 4px 1px 4px;} #main-body-results-pagination .pagination-pages {font-size: 1.1em; margin-bottom:4px;} #main-body-results-pagination .pagination-pages a {color: #7A7A7A; padding:0px 0px 0px 4px;} #main-body-results-pagination .pagination-pages span {padding:0px 0px 0px 4px;} /* left side _ main_body_registration */ #main-body-registration {overflow: hidden; font-size: 1.2em;} #main-body-registration h3 {margin: 0 0 0 145px; padding: 10px 0; width: 280px; text-decoration: underline; color: #b4b4b4;} #main-body-registration p {margin: 0 0 20px 145px; width: 280px; text-align: justify; color: #b4b4b4;} #main_body_registration_form {} #main_body_registration_form div.error {display:block;width:275px;margin: 0 0 0 145px;padding:0;font-size:0.9em} #main_body_registration_form h4 {margin: 0 0 0 145px;} #main_body_registration_form ol {overflow: hidden; margin: 0 0 20px 5px; list-style: none;} #main_body_registration_form ol li {overflow: hidden; margin: 7px 0; color: #b4b4b4;} #main_body_registration_form ol li label {float: left; width: 140px} #main_body_registration_form ol li label.checkbox {float: none; margin: 0 0 0 140px; width: auto;} #main_body_registration_form ol li input {margin: 0; border: 1px solid #464646; padding: 0; width: 275px; background: #464646; color: #d2d2d2;} #main_body_registration_form img{border:0px;} #main_body_registration_form ol li input[type=checkbox] {margin: 0; border: 1px solid #464646; padding: 0; width: auto; background: #464646; color: #d2d2d2;} #main_body_registration_form #main_body_registration_form_preferences {} #main_body_registration_form #main_body_registration_form_preferences label {float: none; margin: 0 0 0 140px; width: auto;} #main_body_login_form {} #main_body_login_form div.error {display:block;width:275px;margin: 0 0 0 145px;padding:0;font-size:0.9em} #main_body_login_form h4 {margin: 0 0 0 145px;} #main_body_login_form ol {overflow: hidden; margin: 0 0 20px 5px; list-style: none;} #main_body_login_form ol li {overflow: hidden; margin: 7px 0; color: #b4b4b4;} #main_body_login_form ol li label {float: left; width: 140px} #main_body_login_form ol li label.checkbox {float: none; margin: 0 0 0 140px; width: auto;} #main_body_login_form ol li input {margin: 0; border: 1px solid #464646; padding: 0; width: 275px; background: #464646; color: #d2d2d2;} #main_body_login_form img{border:0px;} #main_body_login_form ol li input[type=checkbox] {margin: 0; border: 1px solid #464646; padding: 0; width: auto; background: #464646; color: #d2d2d2;} #main_body_login_form #main_body_login_form_preferences {} #main_body_login_form #main_body_login_form_preferences label {float: none; margin: 0 0 0 140px; width: auto;} /* left side _ main_body_registration */ #main-body-sub-accounts-list {width: 630px; overflow: hidden; font-size: 1.0em;} #main-body-sub-accounts-list p {margin: 0 0 20px 145px; width: 280px; text-align: justify; color: #b4b4b4;} #main-body-sub-accounts-list img {display: block; border: 0;} #main-body-sub-accounts-list h4 {margin: 0 0 0 145px;} #main-body-sub-accounts-list ol {overflow: hidden; margin: 0 0 20px 5px ; list-style: none;} #main-body-sub-accounts-list ol li {overflow: hidden; margin: 7px 0; color: #b4b4b4;} #main-body-sub-accounts-list .sub-accounts-list-c1{ float:left; width:140px; text-align:right; } #main-body-sub-accounts-list .sub-accounts-list-c2{ float:left; width:140px; } #main-body-sub-accounts-list .sub-accounts-list-c3{ float:left; width:140px; } #main-body-sub-accounts-list .sub-accounts-list-c4{ float:left; width:140px; } #main-body-sub-accounts-list .sub-accounts-list-c4 input.link { font-size:1.1em; font-family:arial,helvetica,sans; text-decoration:underline; color: #FC0; background:none; border:0; padding:0; margin:0; cursor:pointer } /* left side - main-body-create-new-playlist */ #main-body-create-new-playlist {overflow: hidden; font-size: 1.2em;} #main-body-create-new-playlist h3 {margin: 0 0 0 145px; padding: 10px 0; width: 280px; text-decoration: underline; color: #b4b4b4;} #main-body-create-new-playlist p {margin: 0 0 20px 145px; width: 280px; text-align: justify; color: #b4b4b4;} #main-body-create-new-playlist-form {} #main-body-create-new-playlist-form h4 {margin: 0 0 0 145px;} #main-body-create-new-playlist-form ol {overflow: hidden; margin: 0 0 20px 5px; list-style: none;} #main-body-create-new-playlist-form ol li {overflow: hidden; margin: 7px 0; color: #b4b4b4;} #main-body-create-new-playlist-form ol li label {float: left; width: 140px} #main-body-create-new-playlist-form ol li label.checkbox {float: none; margin: 0 0 0 140px; width: auto;} #main-body-create-new-playlist-form ol li input {margin: 0; border: 1px solid #464646; padding: 0; width: 275px; background: #464646; color: #d2d2d2;} #main-body-create-new-playlist-form ol li textarea {margin: 0; border: 1px solid #464646; padding: 0; width: 275px; height: 100px; background: #464646; color: #d2d2d2;} #main-body-create-new-playlist-form img{border:0px;} #main-body-create-new-playlist-form ol li input[type=checkbox] {margin: 0; border: 1px solid #464646; padding: 0; width: auto; background: #464646; color: #d2d2d2;} #main-body-create-new-playlist-form #main-body-create-new-playlist-form-preferences {} #main-body-create-new-playlist-form #main-body-create-new-playlist-form-preferences label {float: none; margin: 0 0 0 140px; width: auto;} /* left side - main-body-create-new-channel */ #main-body-create-new-channel {overflow: hidden; font-size: 1.2em;} #main-body-create-new-channel h3 {margin: 0 0 0 145px; padding: 10px 0; width: 280px; text-decoration: underline; color: #b4b4b4;} #main-body-create-new-channel p {margin: 0 0 20px 145px; width: 280px; text-align: justify; color: #b4b4b4;} #main-body-create-new-channel-form {} #main-body-create-new-channel-form h4 {margin: 0 0 0 145px;} #main-body-create-new-channel-form ol {overflow: hidden; margin: 0 0 20px 5px; list-style: none;} #main-body-create-new-channel-form ol li {overflow: hidden; margin: 7px 0; color: #b4b4b4;} #main-body-create-new-channel-form ol li label {float: left; width: 140px} #main-body-create-new-channel-form ol li label.checkbox {float: none; margin: 0 0 0 140px; width: auto;} #main-body-create-new-channel-form ol li input {margin: 0; border: 1px solid #464646; padding: 0; width: 275px; background: #464646; color: #d2d2d2;} #main-body-create-new-channel-form ol li textarea {margin: 0; border: 1px solid #464646; padding: 0; width: 275px; height: 100px; background: #464646; color: #d2d2d2;} #main-body-create-new-channel-form img{border:0px;} #main-body-create-new-channel-form ol li input[type=checkbox] {margin: 0; border: 1px solid #464646; padding: 0; width: auto; background: #464646; color: #d2d2d2;} #main-body-create-new-channel-form #main-body-create-new-channel-form-preferences {} #main-body-create-new-channel-form #main-body-create-new-channel-form-preferences label {float: none; margin: 0 0 0 140px; width: auto;} /* left side - main_body_profile */ #main-body-profile {overflow: hidden; font-size: 1.2em;} #main-body-profile h3 {margin: 0 0 0 145px; padding: 10px 0; width: 280px; text-decoration: underline; color: #b4b4b4;} #main-body-profile p {margin: 0 0 20px 145px; width: 280px; text-align: justify; color: #b4b4b4;} #main-body-profile p.message { background-color:#FFDC00; color:#333333; padding:2px; } #main_body_profile_form {} #main_body_profile_form div.error {display:block;width:275px;margin: 0 0 0 145px;padding:0;font-size:0.9em} #main_body_profile_form h4 {margin: 0 0 0 145px;} #main_body_profile_form ol {overflow: hidden; margin: 0 0 20px 3px; list-style: none;} #main_body_profile_form ol li {overflow: hidden; margin: 7px 0; color: #b4b4b4;} #main_body_profile_form ol li label {float: left; display:block; width: 140px; font-size:1em} #main_body_profile_form ol li label.checkbox {float: none; margin: 0 0 0 140px; width: auto;} #main_body_profile_form ol li input {margin: 0; border: 1px solid #464646; padding: 0; width: 275px; background: #464646; color: #d2d2d2;} #main_body_profile_form ol li input[type=checkbox] {margin: 0; border: 1px solid #464646; padding: 0; width:auto; background: #464646; color: #d2d2d2;} #main_body_profile_form #main_body_profile_form_preferences {} #main_body_profile_form #main_body_profile_form_preferences label {float: none; margin: 0 0 0 140px; width: auto;} /* main-body-submit */ #main-body-submit {position: relative; overflow: hidden; background: #282828;} /* left side - main_body_submit-work */ #main-body-submit-work {overflow: hidden; font-size: 1.2em; padding:0 3px;} #main-body-submit-work h3 {margin: 0 0 0 145px; padding: 10px 0; width: 280px; text-decoration: underline; color: #b4b4b4;} #main-body-submit-work p {margin: 0 0 0 140px; width: 280px; text-align: justify; color: #b4b4b4;} #main_body_submit_work_form {} #main_body_submit_work_form div.error {display:block;width:275px;margin: 0 0 0 145px;padding:0;font-size:0.9em} #main_body_submit_work_form h4 {margin: 0 0 0 145px;} #main_body_submit_work_form ol {overflow: hidden; margin: 0 0 20px 0px; list-style: none;} #main_body_submit_work_form ol li {overflow: hidden; margin: 7px 0; color: #b4b4b4;} #main_body_submit_work_form ol li label {float: left; display:block; width: 140px; font-size:1em} #main_body_submit_work_form ol li label.checkbox {float: none; margin: 0 0 0 140px; width: auto;} #main_body_submit_work_form ol li input {margin: 0; border: 1px solid #464646; padding: 0; width: 275px; background: #464646; color: #d2d2d2;} #main_body_submit_work_form ol li input[type=checkbox] {margin: 0; border: 1px solid #464646; padding: 0; width:auto; background: #464646; color: #d2d2d2;} #main_body_submit_work_form #main_body_submit_work_form_preferences {} #main_body_submit_work_form #main_body_submit_work_form_preferences div {margin:0 0 0 140px} #main_body_submit_work_form #main_body_submit_work_form_preferences div input {float:left; width:auto; margin:0 10px 0 0;} #main_body_submit_work_form #main_body_submit_work_form_preferences div label {width:430px; margin: 0 0 10px 0;} #main_body_submit_work_form #main_body_submit_work_form_upload {margin-left:140px;} /* left side - main-shop-box */ #main-shop-box {position: relative; overflow: hidden; background: #282828;} /* left side - main-video-info-box - header */ #main-shop-box .header {line-height: 1em; text-transform: uppercase; background: #323232; color: #f5f5f5;} #main-shop-box .header span {padding: 0 9px 0 3px; background: #282828;} /* left side - main-video-info-box - body */ #main-shop-box .body {overflow: hidden; padding: 20px 3px;} /* left side - main-shop-content */ #main-shop-content {float: right; width: 524px;} #main-shop-content > h3 span {font-size: 1.2em; color: #ffdc00; font-weight: bold; text-decoration: underline;} #main-shop-content .content-header {margin-top: 18px; font-size: 1.1em; color: #ffdc00; text-decoration: none;} #main-shop-content .content-header h3 a {text-decoration: none;} #main-shop-content .content-body {font-size: 1.1em;} #main-shop-content .content-body > ol {list-style: none; margin: 10px 0;} #main-shop-content .content-body p {/* margin: 10px 0 0; */} #main-shop-content .content-body em {color: #ffdc00; font-weight: bold; font-style: normal;} /* left side - main-shop-content - #main-shop-content-subscriptions*/ #main-shop-content #main-shop-content-subscriptions {} #main-shop-content #main-shop-content-subscriptions ol {margin: 24px 0 40px 0; list-style: none;} #main-shop-content #main-shop-content-subscriptions ol > li {overflow: hidden; margin: 0 0 20px 0; width: 524px; } #main-shop-content #main-shop-content-subscriptions ol > li .subscriptions-header {float: right; width: 384px;} #main-shop-content #main-shop-content-subscriptions ol > li .subscriptions-header h3 {font-weight: normal;} #main-shop-content #main-shop-content-subscriptions ol > li .subscriptions-header a {} #main-shop-content #main-shop-content-subscriptions ol > li .subscriptions-header .basket {color: #cacaca;} #main-shop-content #main-shop-content-subscriptions ol > li .subscriptions-basket {float: left; width: 110px;} #main-shop-content #main-shop-content-subscriptions ol > li .subscriptions-details {float: right; width: 384px;} #main-shop-content #main-shop-content-subscriptions ol > li .subscriptions-details ul {margin: 12px 0; list-style: none;} #main-shop-content #main-shop-content-subscriptions ol > li .subscriptions-details ul li {padding-left: 22px; background: url(../img/site/shop-content/subscriptions-details.ul.li.gif) 0 0.33em no-repeat;} #main-shop-content #main-shop-content-subscriptions ol > li a {color: #cacaca;} #main-shop-content #main-shop-content-subscriptions ol > li.download {} #main-shop-content #main-shop-content-subscriptions ol > li.download .subscriptions-header {float: none; margin-bottom: 15px;} #main-shop-content #main-shop-content-subscriptions ol > li.download .subscriptions-details {} #main-shop-content #main-shop-content-subscriptions ol > li.download .subscriptions-details ul {margin: 0;} /* left side - main-shop-menu */ #main-shop-menu {float: left; width: 104px; margin-left:5px;} #main-shop-menu ul {margin: 35px 0 0; list-style: none;} #main-shop-menu ul li {color: #b4b4b4;} #main-shop-menu ul li a {font-size: 1.1em; color: #b4b4b4;} #main-shop-menu ul li a:hover {color: #ffdc00;} #main-shop-menu ul li.contact {margin-top: 20px;} /* left side - main-video */ #main-video {position: relative; z-index: 0; height:380px; width:640px;} #main-video p {line-height: 1em;} #main-video p img {display: block;} /* left side - main-video-info-box */ #main-video-info-box {position: relative; overflow: hidden; padding-bottom: 10px; background: #282828; margin-top: 30px; } /* left side - main-video-info-box - header */ #main-video-info-box .header {line-height: 1em; text-transform: uppercase; background: #323232; color: #f5f5f5; font-size:1.4em; font-weight:normal;} #main-video-info-box .header span {padding: 0 9px 0 3px; background: #282828;} /* left side - main-video-info-box - body */ #main-video-info-box .body {padding: 0 3px;} /* left side - main-video-info-text */ #main-video-info-text {width: 430px; color: #bebebe; padding:0 4px;} #main-video-info-text ul {margin: 20px 0; font-size: 1.1em; list-style: none;} #main-video-info-text ul li {} #main-video-info-text ul li dl {overflow: hidden; width: 430px;} #main-video-info-text ul li dl dt {float: left; width: 230px;} #main-video-info-text ul li dl dd {float: left; width: 200px;} #main-video-info-text ul li dl dd a {color:#BEBEBE} #main-video-info-text ul li dl dd a:hover {color:#ffdc00} /* left side - main-video-info-text - description */ #main-video-info-text #main-video-info-description {font-size: 1.1em;} /* left side - #main-video-rating */ #main-video-rating {position: absolute; top: 25px; right: 0; width: 162px; font-size: 1.1em;} #main-video-rating #rating {margin:0 0 10px 0;} #main-video-rating #rating h3 {text-decoration: none;} #main-video-rating #rating p {color: #646464;} #main-video-rating ul.utilities {list-style: none; padding: 0; margin: 0;} #main-video-rating ul.utilities li {} /*#main-video-rating ul.utilities li:first-child {margin-bottom: 15px;} #main-video-rating ul.utilities li:first-child a {color: #646464;}*/ #main-video-rating ul.utilities li a {text-decoration: none; color: #b4b4b4;} #main-video-rating ul.utilities li a:hover {text-decoration: none;} #main-video-rating ul.utilities li a span {text-decoration: underline;} #main-video-rating ul.utilities li a:hover span {text-decoration: underline;} #main-video-rating ul.utilities li a img {margin: 3px 5px 0 0; border:0;} /* left side - main-video-related-videos */ #main-video-related-videos {margin: 20px 0;} #main-video-related-videos h2 {margin: 4px 0; padding: 0 40px 0 41px; width: 560px;} #main-video-related-videos h2 a {color: #ffdc00; text-decoration: none; text-transform:uppercase; font-size: 1em; font-weight:normal;} #main-video-related-videos h2 a:hover {text-decoration: underline;} #main-video-related-videos h3 {margin: 4px 0; padding: 0 40px 0 41px; width: 560px;} #main-video-related-videos h3 a {color: #ffdc00; text-decoration: underline; text-transform:uppercase; font-size: 1.1em; font-weight:normal;} #main-video-related-videos h3 a:hover {text-decoration: underline;} /* left side - maiv-video-related-videos - carousel */ #main-video-related-videos-carousel {position: relative;} #main-video-related-videos-carousel ul {overflow: hidden; padding: 0; width: 560px; height: 56px; list-style: none;} #main-video-related-videos-carousel ul li {float: left; margin: 0 15px 0 0;} #main-video-related-videos-carousel ul li:first-child {margin-left: 0;} #main-video-related-videos-carousel ul li a { display:block; height:50px; width:90px; overflow:hidden; border:1px solid #555555} #main-video-related-videos-carousel ul li a img {border: 0;width:105px; margin-top:-17px; margin-left:-7px;} /* left side - maiv-video-related-videos - carousel */ #main-video-related-videos-carousel .jcarousel-next-horizontal { position: absolute; top: 25px; left: 611px; width: 16px; height: 16px; cursor: pointer; background: transparent url(../img/site/related-videos/main-video-related-videos-right.gif) no-repeat 0 0;} #main-video-related-videos-carousel .jcarousel-prev-horizontal { position: absolute; top: 25px; left: 12px; width: 16px; height: 16px; cursor: pointer; background: transparent url(../img/site/related-videos/main-video-related-videos-left.gif) no-repeat 0 0;} #main-video-related-videos-carousel .jcarousel-item {width: 86px; height: 56px;} #main-video-related-videos-carousel .jcarousel-item-horizontal {} #main-video-related-videos-carousel .jcarousel-container-horizontal {width: 560px; height: 56px; padding: 5px 40px;} /* left side - main-body-video-comments */ #main-body-video-comments {overflow: hidden; padding: 0 20px 0 41px; width: 480px; background: url("../img/site/utilities/comment.gif") 11px 0 no-repeat;} #main-body-video-comments h3 {margin: 0 0 18px; font-size: 1.1em; font-weight: normal; text-transform: uppercase; } #main-body-video-comments > ol {list-style: none;} #main-body-video-comments > ol > li {margin:0 0 10px 0} #main-body-video-comments .header {display:block; font-size: 1em; float:left; margin: 0 0 4px; background:none; text-transform:none; color: #939393; width:480px;} #main-body-video-comments .header h4 {float: left; font-size: 1.1em; font-weight: normal; color: #f2db4b;} #main-body-video-comments .header p {float: left; margin: 0 0 0 7px; font-size: 1.1em;} #main-body-video-comments .body {color: #cacaca; padding:0;} /* left side - main-body-video-form */ #main-body-video-form {overflow: hidden; margin-top: 20px; padding: 0 20px 0 40px; width: 575px;} #main-body-video-form h3 {font-size: 1.1em; font-weight: normal; text-transform: uppercase;} #main-body-video-form ol {list-style: none; padding: 10px 0 10px 0; overflow: hidden;} #main-body-video-form ol > li {width: 200px; float: left;} #main-body-video-form ol > li > label {display: block; font-size: 1.1em; color: #b4b4b4;} #main-body-video-form ol > li > ol {margin: 0; padding: 0;} #main-body-video-form ol > li > ol > li {margin-bottom: 10px;} #main-body-video-form ol input {width: 170px; background: #464646; border: 0; color: #b4b4b4;} #main-body-video-form ol textarea {width: 560px; height:100px; background: #464646; border: 0; color: #b4b4b4;} #main-body-video-form ol #main-body-video-form-comment {width: 300px; height: 147px; background: #464646; border: 0; color: #b4b4b4;} #main-body-video-form p {margin: 0 0 15px 0;} /* homepage only editors choice related video */ #main-video-related-videos-bg { background-color:#000000; height:113px; width:640px; opacity: 0.8; opacity: .80; filter: alpha(opacity=80); position:absolute; top:248px; z-index:10; left: 0px; } #main-video #main-video-related-videos { margin:20px 0; position:absolute; top:231px; height:113px; width:640px; z-index:11; left: 0px; } /* left side - main-body-registration */ #main-body-contact {overflow: hidden; font-size: 1.2em;} #main-body-contact h3 {margin: 10px 0 0 20px; padding: 10px 0; width: 280px; text-decoration: underline; color: #b4b4b4;} #main-body-contact p {margin: 10px 0 20px 20px; width: 280px; color: #b4b4b4;} /* left side - main-body-sitemap */ #main-body-sitemap {overflow: hidden; font-size: 1.1em;} #main-body-sitemap ul {list-style: none; padding-left:5px} #main-body-sitemap ul > li {margin: 2em 0; list-style: none;} #main-body-sitemap ul > li dt {font-size: 1.09em; font-weight: bold;} /* right side */ #sidebar {float: right; width: 280px;} /* right side - sidebar-header */ #sidebar .sidebar-header {} #sidebar .sidebar-header h2 {overflow: hidden; width: 280px; font-weight: normal; font-size: 1.4em; line-height: 1em; text-transform:uppercase;} #sidebar .sidebar-header h2 span {font-family: Arial, Helvetica, sans-serif;float: left; padding: 3px; background: #282828; color: #fff;} /* right side - sidebar-body */ #sidebar .sidebar-body {overflow: hidden; width: 280px; background: #282828; color: #d2d2d2;} /* right side - video */ #sidebar-video {position: relative;} .sidethumb {width:90px; height:50px;overflow:hidden;border: solid 1px #555} #sidebar-video-pagination { width: 263px; height: 36px; padding: 5px 5px 10px 10px; font-size: 1.1em; border-left: 1px solid #444; border-right: 1px solid #444; border-bottom: 1px solid #444} #sidebar-video-pagination a {color:#999; padding:0 4px 0 0;} #sidebar-video-pagination p {line-height:1.3em} #sidebar-video-pagination a:hover {color: #FC0 } #sidebar-video-pagination span { padding:0 4px 0 0;} #sidebar-video-pagination input.link { color:#999; background:none; border:0; font-size:1.0em; padding:0; margin:0; cursor:pointer } #sidebar-video-pagination input.active { color: #FC0; } /* */ #sidebar-video .sidebar-video-header {overflow: hidden; border: none; width: 280px; font-size: 1.1em; background: none; list-style: none; height:25px;} #sidebar-video .sidebar-video-header li {float: left; margin: 0 0 0 3px; border: 1px solid #595959;} #sidebar-video .sidebar-video-header li:first-child {margin: 0;} #sidebar-video .sidebar-video-header li a {float: left; padding: 2px 20px 8px 20px; width: auto; text-decoration: none; background: #464646; color: #b4b4b4; text-transform:uppercase;} #sidebar-video .sidebar-video-header li a:hover {color: #ffdc00;} /* right side - sidebar video - carousel */ #sidebar-video .jcarousel-container {} #sidebar-video .jcarousel-container-horizontal {position: relative; padding: 0 20px; width: 240px; background: #323232;} #sidebar-video .jcarousel-container-horizontal .jcarousel-next-horizontal {position: absolute; top: 3px; right: 0; width: 17px; height: 17px; background: url(../img/site/related-videos/sidebar-video-header-right.png) no-repeat; cursor: pointer;} #sidebar-video .jcarousel-container-horizontal .jcarousel-prev-horizontal {position: absolute; top: 3px; left: 0; width: 17px; height: 17px; background: url(../img/site/related-videos/sidebar-video-header-left.png) no-repeat; cursor: pointer;} #sidebar-video .jcarousel-container-horizontal .jcarousel-clip {bottom: -1px;} #sidebar-video .jcarousel-container-horizontal .jcarousel-clip .ui-tabs-selected {border-bottom: 0} #sidebar-video .jcarousel-container-horizontal .jcarousel-clip .jcarousel-item {width: auto; height: auto;} #sidebar-video .jcarousel-container-horizontal .jcarousel-clip .jcarousel-item a {display: block;} /* right side - sidebar video - carousel */ #sidebar .ui-tabs .ui-tabs-hide {display: none !important;} #sidebar .ui-state-active {border-bottom: 0 !important;} #sidebar .ui-state-active a {padding-bottom: 7px !important; background: #282828 !important; color: #ffdc00 !important;} #sidebar-video ul.sidebar-video-list {padding: 0 8px; width: 262px; height: 332px; overflow-x: hidden; overflow-y: scroll; list-style: none;} #sidebar-video ul.sidebar-video-list > li {overflow: hidden; position: relative; margin: 5px 0; padding: 2px; border: 1px solid #282828; width: 251px;} #sidebar-video ul.sidebar-video-list > li:hover { border: 1px dotted #686868;} #sidebar-video ul.sidebar-video-list li .header {float: right; width: 155px; font-weight: normal; font-size: 1.1em; margin-top:-2px; line-height:1.3em} #sidebar-video ul.sidebar-video-list li .header a {color: #d2d2d2;} #sidebar-video ul.sidebar-video-list li .header a:hover {color: #ffdc00;} #sidebar-video ul.sidebar-video-list li .image {width: 90px;} #sidebar-video ul.sidebar-video-list li .header .date {color: #939393; font-size:1em;} #sidebar-video ul.sidebar-video-list li img {display: block; border: 0; margin-left:-12px; margin-top:-22px;} /* utilities */ #sidebar-video ul.utilities {position: absolute; top: 0; left: 95px; list-style: none; display:none} #sidebar-video ul.utilities li {margin-bottom: 2px; clear: left; float: left;} /* jScrollPannel */ #sidebar-video .jScrollPaneContainer {border: 1px solid #464646;} #sidebar-video .jScrollPaneContainer .jScrollPaneTrack {} #sidebar-video .jScrollPaneContainer .jScrollPaneTrack .jScrollPaneDrag {background: #a0a0a0 url(../img/site/sidebar-video/jscrollpanecontainer.jscrollpanetrack.jscrollpanedrag.gif) 50% 50% no-repeat;} /* right side - search-results */ #sidebar-search-results {margin-top: 36px;} #sidebar-search-results .sidebar-body {} #sidebar-search-results .sidebar-body > p {padding-left: 7px;} #sidebar-search-results .sidebar-body > p a {} #sidebar-search-results .sidebar-body > ul {margin: 0 8px; width: 265px; list-style: none;} #sidebar-search-results .sidebar-body > ul > li {overflow: hidden; position: relative; margin: 14px 0; border-bottom: 1px solid #282828; width: 265px;} #sidebar-search-results .sidebar-body > ul li .header {float: right; width: 155px; font-weight: normal;} #sidebar-search-results .sidebar-body > ul li .header a {color: #d2d2d2;} #sidebar-search-results .sidebar-body > ul li .header a:hover {color: #ffdc00;} #sidebar-search-results .sidebar-body ul li .image {float: left; width: 90px;} #sidebar-search-results .sidebar-body ul li .date {float: right; width: 153px; color: #d2d2d2;} #sidebar-search-results .sidebar-body ul li img {display: block; border: 0;} /* utilities */ #sidebar-search-results .sidebar-body ul.utilities {position: absolute; top: 0; left: 95px; list-style: none; display:none;} #sidebar-search-results .sidebar-body ul.utilities li {margin-bottom: 2px; clear: left; float: left;} /* right side - subscribe */ #sidebar-subscribe {margin-top: 18px;} #sidebar-subscribe .sidebar-header {} #sidebar-subscribe .sidebar-body {padding: 24px 0 0;} #sidebar-subscribe .sidebar-body > ul {margin: 0 10px; width: 260px; list-style: none;} #sidebar-subscribe .sidebar-body > ul > li {margin: 0 0 24px;} #sidebar-subscribe .sidebar-body > ul > li h3 {font-weight: normal; font-size: 1.1em;} #sidebar-subscribe .sidebar-body > ul > li p {margin: 12px 0 0;} #sidebar-subscribe .sidebar-body > ul > li ul {list-style: none; font-size: 1.2em;} #sidebar-subscribe .sidebar-body > ul > li ul li {padding: 0 0 0 10px; background: url(../img/site/sidebar-subscribe.sidebar-body.ul.li.ul.li.gif) 0 0.45em no-repeat;} /* right side - blog-archive */ #sidebar-blog-archive {margin-top: 36px;} #sidebar-blog-archive .sidebar-header {} #sidebar-blog-archive .sidebar-body {width: 261px; padding: 10px 10px 0 10px;} #sidebar-blog-archive .sidebar-body > ol {list-style: none;} #sidebar-blog-archive .sidebar-body > ol > li {margin: 10px 0;} #sidebar-blog-archive .sidebar-body > ol > li h2 {} #sidebar-blog-archive .sidebar-body > ol > li h2 a {font-size: 1.2em;} #sidebar-blog-archive .sidebar-body > ol > li .body {} #sidebar-blog-archive .sidebar-body > ol > li .body p {font-size: 1.1em;} #sidebar-blog-archive form {} #sidebar-blog-archive form select {width: 200px;} /* right side - shopping-basket */ #sidebar-shopping-basket {} #sidebar-shopping-basket .sidebar-header {} #sidebar-shopping-basket .sidebar-body {font-size: 1.1em; padding-left: 5px;} #sidebar-shopping-basket .sidebar-body em {color: #ffdc00; font-weight: bold; font-style: normal;} #sidebar-shopping-basket .sidebar-body > div {padding: 20px 0 0 0;} #sidebar-shopping-basket .sidebar-body ul.options {list-style: none; padding: 0; margin: 10px 0 10px 173px; overflow: hidden;} #sidebar-shopping-basket .sidebar-body ul.options li {float: left;} #sidebar-shopping-basket .sidebar-body ul.options li a {float: left; padding: 0 8px; background: url(../img/site/header-user.p.a.gif) 0 50% no-repeat;} #sidebar-shopping-basket .sidebar-body ul.options li:first-child a {background: none;} #sidebar-shopping-basket .sidebar-body table {width: 265px;} #sidebar-shopping-basket .sidebar-body table thead {line-height: 20px;} #sidebar-shopping-basket .sidebar-body table thead th {text-align: left;} #sidebar-shopping-basket .sidebar-body table tbody {line-height: 15px;} #sidebar-shopping-basket .sidebar-body table tbody td {border-bottom: 1px solid #646464;} #sidebar-shopping-basket .sidebar-body dl {overflow: hidden; margin: 15px 0 5px 0;} #sidebar-shopping-basket .sidebar-body dl dt {float: left;} #sidebar-shopping-basket .sidebar-body dl dd {float: right; margin-right: 18px; color: #ffdc00; font-weight: bold;} /* right side - sidebar-search-box */ #sidebar-search-box {} #sidebar-search-box .sidebar-search-box-header {overflow: hidden; list-style: none; padding: 0; margin: 0;} #sidebar-search-box .sidebar-search-box-header li {float: left;} #sidebar-search-box .sidebar-search-box-header li a {float: left; display: block; text-decoration: none; padding: 2px 9px; font-size: 1.1em; background: #464646; color: #b4b4b4;} #sidebar-search-box .sidebar-search-box-header li.ui-state-active a {background: none; color: #ffdc00;} /* right side - sidebar-search-box -- search-result */ #sidebar-search-box #search-results-tab {width: 260px; padding: 0 10px; font-size: 1.1em; color: #b4b4b4;} #sidebar-search-box #search-results-tab span {color: #ffdc00; font-weight: bold;} #sidebar-search-box #search-results-tab > p {margin: 10px 0 20px 0;} #sidebar-search-box #search-results-tab > dl {overflow: hidden;} #sidebar-search-box #search-results-tab > dl > dt {} #sidebar-search-box #search-results-tab > dl > dd {} #sidebar-search-box #search-results-tab > dl > dd ul {list-style: none; padding: 0; margin: 0;} #sidebar-search-box #search-results-tab > dl > dd ul li {float: left; margin-right: 5px;} #sidebar-search-box #search-results-tab .sidebar-search-box-option {list-style: none; padding: 0; margin: 0; overflow: hidden;} #sidebar-search-box #search-results-tab .sidebar-search-box-option li {float: left; margin: 0 10px 0 0;} #sidebar-search-box #search-results-tab .sidebar-search-box-option li a {float: left;} #sidebar-search-box #search-results-tab .sidebar-search-box-categories {list-style: none; padding: 0; margin: 10px 0; overflow: hidden;} #sidebar-search-box #search-results-tab .sidebar-search-box-categories > li {width: 129px; float: left;} #sidebar-search-box #search-results-tab .sidebar-search-box-categories > li:first-child {border-right: 1px solid #b4b4b4;} #sidebar-search-box #search-results-tab .sidebar-search-box-categories > li ol {list-style: none;} #sidebar-search-box #search-results-tab .sidebar-search-box-see-more {list-style: none; margin: 0 0 8px 0; padding: 0; overflow: hidden;} #sidebar-search-box #search-results-tab .sidebar-search-box-see-more li {float: left; margin-right: 8px;} #sidebar-search-box #search-results-tab .sidebar-search-box-see-more li a {float: left; color: #b4b4b4;} #sidebar-search-box #search-results-tab .sidebar-search-box-see-more li a.advanced {padding: 0 8px; background: url(../img/site/header-user.p.a.gif) 0 50% no-repeat;} /* right side - sidebar-choose-site */ .sidebar-choose-site {width: 260px !important; padding: 10px; font-size: 1.1em; color: #b4b4b4; margin: 5px 0;} .sidebar-choose-site > p {width: 130px; float: left;} .sidebar-choose-site span {color: #ffdc00; font-weight: bold;} .sidebar-choose-site dl.sidebar-choose-site-site {float: right;} .sidebar-choose-site dl.sidebar-choose-site-site dt {float: left; margin-right: 5px;} .sidebar-choose-site dl.sidebar-choose-site-site dd {float: left;} .sidebar-choose-site dl.sidebar-choose-site-site dd ol {list-style: none; padding: 0;} .sidebar-choose-site dl.sidebar-choose-site-site dd ol li {float: left; margin-right: 5px;} .sidebar-choose-site dl.sidebar-choose-site-site dd ol a {float: left; color: #b4b4b4;} .sidebar-choose-site dl.sidebar-choose-site-site dd ol a:hover {float: left; color: #ffdc00;} .sidebar-choose-site dl.sidebar-choose-site-site dd ol a.current {color: #ffdc00;} .sidebar-choose-site .sidebar-choose-site-sort-by {width: 260px; padding: 10px 0 0 0; overflow: hidden;} .sidebar-choose-site .sidebar-choose-site-sort-by dt {float: left; margin-right: 20px;} .sidebar-choose-site .sidebar-choose-site-sort-by dd {float: left;} .sidebar-choose-site .sidebar-choose-site-sort-by dd select {width: 165px;} /* Popup */ .popup {width: 270px; display:hidden; background: #464646; position: relative; color: #b4b4b4; padding-bottom: 10px;} .popup h3 {background: #6c6c6c; padding: 3px 0 3px 20px; color: #ffdc00; font-weight: normal; text-transform: uppercase; font-size: 1.2em;} .popup .close {position: absolute; top: 4px; right: 3px; } .popup .close a {background: url(../img/site/b_close.png) no-repeat 0px -12px; height: 12px; width: 12px; display:block; text-indent:100px; overflow:hidden;} .popup .close a:hover {background-position: 0 0;} .popup > dl {font-size: 1.1em; margin: 10px 10px 0 20px;} .popup > form > dl {font-size: 1.1em; margin: 10px 10px 0 20px;} .popup > form > dl > dt {margin-bottom: 10px;} .popup > dl > dt {margin-bottom: 10px;} .popup > form > dl > dd {margin-bottom: 15px;} .popup > dl > dd {margin-bottom: 15px;} .popup > form > dl > dd ul {list-style: none; overflow: hidden;} .popup > dl > dd ul {list-style: none; overflow: hidden;} .popup > form > dl > dd ul li {float: left; width: 120px; height: 25px;} .popup > dl > dd ul li {float: left; width: 120px; height: 25px;} .popup > form > dl > dd ul li a {float: left; font-size: 1.1em; color: #b4b4a8; text-decoration: none;} .popup > dl > dd ul li a {float: left; font-size: 1.1em; color: #b4b4a8; text-decoration: none;} .popup > form > dl > dd ul li a img {margin-right: 10px; border: 0;} .popup > dl > dd ul li a img {margin-right: 10px; border: 0;} #share-and-bookmark {position: absolute; top: 140px; right: 165px; z-index:999;} #add-to-my-playlist {position: absolute; top: 125px; right: 165px; z-index:999; display:none;} #add-to-my-playlist-form p {padding:20px; font-size:1.1em} #add-to-channel {position: absolute; top: 125px; right: 165px; z-index:999; display:none;} #add-to-channel-form p {padding:20px; font-size:1.1em} #give-rating {position: absolute; top: 125px; right: 165px; z-index:999;} #give-rating-form p {padding:20px; font-size:1.1em} #give-rating img {border:0;} #remove-from-my-playlist {position: absolute; top: 125px; right: 165px; z-index:999;} #remove-from-my-playlist-form p {padding:20px; font-size:1.1em} #remove-from-channel {position: absolute; top: 125px; right: 165px; z-index:999;} #remove-from-channel-form p {padding:20px; font-size:1.1em} #add-sub-account {position: absolute; top: 950px; right:50%; z-index:999;} #add-sub-account-form p {padding:20px; font-size:1.1em} /* footer */ #footer {overflow: hidden; margin: 0 auto; padding: 15px 0 15px; width: 931px;} #footer ul {list-style: none;} /* footer - partners-menu */ #footer dl.partners-menu {clear:both; float: none; margin-left:-4px} #footer dl.partners-menu dt {display: none;} #footer dl.partners-menu dd {float: left; margin-right: 11px;} #footer dl.partners-menu dd a {height: 33px; float: left; position: relative; overflow: hidden;} #footer dl.partners-menu dd a span {height: 33px; position: absolute; top: 0; left:0;} #footer dl.partners-menu dd a.xtreme {width: 34px;} #footer dl.partners-menu dd a.xtreme span {width: 34px; background: url(../img/site/partners-menu/xtreme.png) no-repeat;} #footer dl.partners-menu dd a.contagious {width: 30px;} #footer dl.partners-menu dd a.contagious span {width: 30px; background: url(../img/site/partners-menu/contagious.png) no-repeat;} #footer dl.partners-menu dd a.sohosoho {width: 60px;} #footer dl.partners-menu dd a.sohosoho span {width: 60px; background: url(../img/site/partners-menu/sohosoho.png) no-repeat;} #footer dl.partners-menu dd a.kinsale {width: 60px;} #footer dl.partners-menu dd a.kinsale span {width: 60px; background: url(../img/site/partners-menu/kinsale.png) no-repeat;} #footer dl.partners-menu dd a.qrupa {width: 45px;} #footer dl.partners-menu dd a.qrupa span {width: 60px; background: url(../img/site/partners-menu/qrupa.png) no-repeat;} /* footer - footer-menu */ #footer ul.footer-menu {margin-top: 10px; margin-left:-15px; clear:both; float:none; height: 30px} #footer ul.footer-menu li {float: left; background: url(../img/site/footer.ul.li.gif) 0 50% no-repeat;} #footer ul.footer-menu li:first-child {background: none;} #footer ul.footer-menu li a {float: left; margin: 0 14px; text-decoration: underline; color: #d2d2d2; font-size: 1.1em;} #footer ul.footer-menu li a:hover {color: #ffdc00;} /* jScrollPannel */ .jScrollPaneContainer {position:relative;overflow:hidden;z-index:1;} .jScrollPaneTrack {position:absolute; cursor:pointer;right:-1px;top:-1px; border: 1px solid #525252;height:100%;background:#1e1e1e;} .jScrollPaneDrag {position:absolute;background:#a2a2a2;cursor:pointer;overflow:hidden;} .jScrollPaneDragTop {position:absolute;top:0;left:0;overflow:hidden;} .jScrollPaneDragBottom {position:absolute;bottom:0;left:0;overflow:hidden;} a.jScrollArrowUp {display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:9px;} a.jScrollArrowUp:hover {/*background-color:#f60;*/} a.jScrollArrowDown {display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:9px;} a.jScrollArrowDown:hover {/*background-color:#f60;*/} a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover {/*background-color:#f00;*/} /* autocomplete (temp) */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; }