body { font-size:12px; font-family: Verdana; margin: 0px; padding: 0px; margin-top: 10px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: Verdana; }
p, form { margin: 0px; padding: 0px; }
a img { border: none; }

#body, #header, #main, #content, #sidebar, #footer { position: relative; }

#body { width: 980px; margin: auto; }

#header { padding-top: 48px; }
#header h1 { position: absolute; left: 0px; top: 0px; }
#header #mainbaner { background-color: #f1f2f6;  font-size: 11px; color: #626260; padding-bottom: 3px; padding-top: 3px; text-align: center; }
#header #sitePath a { padding-right: 5px; padding-left: 5px; text-decoration: none; color: #04095a; }
#header #search { position: absolute; left: 300px; top: 3px; }
#header #search input { border: 2px solid #bcd9fb; width: 286px; height: 19px; padding: 2px; padding-top: 4px; margin-right: 5px; }
#header #search button { height: 25px; }
#header ul { position: absolute; list-style-type: none; margin: 0px; padding: 0px; cursor: default; }
#header li { display: inline; padding-left: 10px; padding-right: 10px; border-left: 1px solid #cccccc; }
#header li a { color: #0035c9; text-decoration: none; font-size: 12px; }

#header ul#accountMenu { top: 6px; right: 0px; }
#header ul#accountMenu li#createAccount { border-left: none; }

#header ul#actionsMenu { top: 6px; left: 680px; }

#main { background-image: url(../img/ot_bgdots.gif); background-repeat: repeat-y; margin-top: 35px; margin-bottom: 35px; }
#main:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
*+html #main { zoom: 1; clear: both; }
#main #content { float: left; position: relative; }
#main #sidebar { float: left; position: relative; }

#footer { font-size: 11px; }
#footer ul { list-style-type: none; margin: 0px; padding: 0px; text-align: center; background-color: #f1f2f6; color: #626260; padding-top: 3px; padding-bottom: 3px; }
#footer ul li { display: inline; padding-left: 7px; padding-right: 5px; border-left: 1px solid #626260; }
#footer ul li:first-child { border-left: none; }
#footer ul li a { color: #626260; text-decoration: none; }
#footer p#copyright{ text-align: center; margin-top: 10px; margin-bottom: 20px; color: #626260; }


/** Home */
.home #main { background-position: 495px 0px; }
.home #content { width: 478px; margin-right: 17px; float: left; }
.home #sidebar { width: 468px; margin-left: 17px; float: left; }

.home #content h2 { font-weight: normal; font-size: 18px; color: #000000; position: absolute; left: 0px; top: 0px; }
.home #content ul.tabs { list-style-type: none; margin: 0px; padding: 0px; border-bottom: 4px solid #0366ff; padding-left: 15px; width: 465px; position: relative; }
.home #content ul.tabs:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
*+html .home #content ul.tabs { zoom: 1; clear: both; }
.home #content ul.tabs li { display: block; font-size: 11px;  padding-top: 5px; padding-bottom: 7px; float: left; }
.home #content ul.tabs li a { display: block; padding-left: 15px; padding-right: 15px;  border-left: 1px solid #000000; text-decoration: none; color: #000000; }
.home #content ul.tabs li.sel { background-color: #0366ff; }
.home #content ul.tabs li.sel a { color: #FFFFFF; border: none; }
.home #content ul.tabs li.sel + li a { border: none; }
.home #content ul.tabs li#goto_newest a { border-left: none; }

.home #content #movie { width: 480px; height: 360px; overflow: hidden; position: relative; }
.home #content #movie .info { position: absolute; bottom: 0px; left: 0px; background-image: url(../img/ot_bgalpha.png); width: 450px; padding-left: 30px; height: 75px; padding-top: 10px; }
.home #content #movie .info .date { color: #cccccc; font-size: 12px; margin-bottom: 5px; }
.home #content #movie .info .title { margin: 0; padding: 0 0 2px 0; }
.home #content #movie .info .title a { color: #FFFFFF; font-size: 16px; text-decoration: none; }
.home #content #movie .info .zajawka { color: #FFFFFF; font-size: 11px; text-decoration: none; }

.home #content #more ul { list-style-type: none; margin: 0px; padding: 0px; }
.home #content #more ul li { height: 126px; width: 239px; float: left; background-image: url(../img/ot_bgdots.gif); background-repeat: repeat-x; background-position: left bottom; position: relative; }
.home #content #more ul li a { color: #000000; font-size: 12px; text-decoration: none; }
.home #content #more ul li img { width: 138px; height: 84px; border: 3px solid #ededed; position: absolute; left: 0px; top: 16px; }
.home #content #more ul li a.title { display: block; font-size: 12px; position: absolute; left: 153px; top: 21px; width: 80px; height: 86px; overflow: hidden; }
.home #content #more ul li a.title span { display: block; background-image: url(../img/ot_miniplay2.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 15px; }

.home #sidebar h2 { display: none; }
.home #sidebar h3 { font-size: 17px; font-weight: normal; color: #000000; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 3px solid #000000; }
.home #sidebar .cat_260 h3 { border-color: #00cd61; }
.home #sidebar .cat_64 h3 { border-color: #ff8800; }
.home #sidebar .cat_89 h3 { border-color: #00a6fc; }
.home #sidebar .cat_312 h3 { border-color: #bb6500; }
.home #sidebar .cat_18 h3 { border-color: #ffc200; }
.home #sidebar .cat_437 h3 { border-color: #99cce1; }
.home #sidebar .cat_203 h3 { border-color: #9acd00; }
.home #sidebar .cat_294 h3 { border-color: #01A6FF; }
.home #sidebar .cat_613 h3 { border-color: #BC6600; }


.home #sidebar .box {  margin-bottom: 10px; position: relative; }

.home #sidebar p.date { display: block; font-size: 11px; color: #000000; padding-left: 15px; background-image: url(../img/ot_miniplay.gif); background-repeat: no-repeat; background-position: left center; margin-top: 10px; }
.home #sidebar .subbox { min-height: 125px;  position: relative; }
.home #sidebar .subbox .play-ico { cursor: pointer; position: absolute; left: 344px; top:40px; width: 55px; height: 55px; background: url(../img/layout/ot_play2.png) center center no-repeat; }
.home #sidebar .subbox img { width: 190px; height: 130px; position: absolute; top: 0px; right: 0px; }
.home #sidebar .subbox a.img {display: none; }
.home #sidebar .subbox a.img-active {display: block; }
.home #sidebar .subbox p.title { padding: 1px 0 1px 18px; display: block; margin-top: 0px; width: 250px; overflow: hidden; background: url(../img/ot_miniplay.gif) 0 4px no-repeat; }
.home #sidebar .subbox p.title a { font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; }
.home #sidebar .subbox a.more { padding: 1px 0 1px 18px; display: block; margin-top: 2px; width: 250px; overflow: hidden; background: url(../img/ot_miniplay2.gif) 0 4px no-repeat; text-decoration: none;}


.home #sidebar .jumplinks { position: absolute; left: 0px; bottom: 0px; list-style-type: none; margin: 0px; padding: 0px; }
.home #sidebar .jumplinks:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
*+html .home #sidebar .jumplinks { zoom: 1; clear: both; }
.home #sidebar .jumplinks li { display: block; float: left; margin-right: 2px; }
.home #sidebar .jumplinks li a { display: block; color: #949494; border: 1px solid #949494; background-color: #FFFFFF; width: 19px; height: 15px; padding-top: 2px; text-decoration: none; text-align: center; font-size: 11px; }
.home #sidebar .jumplinks li.selected a { color: #FFFFFF; border: 1px solid #949494; background-color: #949494; }
/** End Home */



/** Movie */
.movie #main { background-position: 660px 0px; }
.movie #content { width: 643px; margin-right: 17px; float: left; }
.movie #sidebar { width: 303px; margin-left: 17px; float: left; }

.movie #content #movie { margin-bottom: 15px; padding-bottom: 20px; background-image: url(../img/ot_bgdots.gif); background-repeat: repeat-x; background-position: left bottom; }
.movie #content #movie h2 { font-weight: normal; font-size: 18px; border-left: 5px solid #0067ff; padding-left: 7px; margin-bottom: 10px; }
.movie #content #movie h2 span { display: block; font-size: 11px; font-weight: normal; color: #000000; }



h2.title { font-weight: normal; font-size: 18px; border-left: 5px solid #0067ff; padding-left: 7px; margin-bottom: 10px; }

.movie #content #comments h3 { color: #637484; font-weight: normal; font-size: 18px; margin-bottom: 20px; }
.movie #content #comments .box { padding-bottom: 5px; border-bottom: 1px dashed #cacaca; margin-bottom: 10px; position: relative; }
.movie #content #comments .box p.info { color: #637484; font-size: 11px; margin-bottom: 5px; position: relative; }
.movie #content #comments .box blockquote { margin: 0px; padding: 0px; color: #565656; font-size: 11px; }
.movie #content #comments .box .goto_quote { display: block; position: absolute; right: 0px; top: 0px; padding-right: 15px; padding-top: 5px; color: #ed0304; font-size: 11px; text-decoration: none; background-image: url(../img/ot_quote.gif); background-repeat: no-repeat; background-position: top right; }
.movie #content #comments #goto_comment { color: #fe7800; font-weight: bold; font-size: 11px; text-decoration: none; padding-left: 20px; background-image: url(../img/ot_comment.gif); background-repeat: no-repeat; background-position: left center; }

.movie #sidebar h2, .movie #sidebar h3 { border-left: 5px solid #ff8700; padding-left: 7px; }
.movie #sidebar h2 { font-size: 18px; font-weight: normal; color: #000000; padding-top: 2px; padding-bottom: 0px; }
.movie #sidebar h3 { font-size: 12px; font-weight: bold; color: #000000; padding-top: 8px; padding-bottom: 8px; margin-bottom: 12px; }

.movie #sidebar .box { position: relative; }

.movie #sidebar .subbox { position: relative; min-height: 55px; padding-left: 104px; padding-top: 3px; margin-bottom: 5px; }
.movie #sidebar .subbox a.img { position: absolute; left: 0px; top: 0px; border: 1px solid #969696; display: block; width: 94px; height: 58px; }

.movie #sidebar .subbox img { width: 90px; height: 54px; border: 1px solid #969696; margin: 1px; }
.movie #sidebar .subbox p.title a { color: #0035c6; text-decoration: none; font-size: 12px; font-weight: normal; margin-bottom: 5px; }
.movie #sidebar .subbox ul { list-style-type: none; color: #666666; margin: 0px; padding: 0px; font-size: 11px; }
.movie #sidebar .subbox ul li#username span { display: none; }

#movieDescription { margin-top: 20px; padding-top: 20px; background-image: url("../img/ot_bgdots.gif"); background-repeat: repeat-x; background-position: center top; }
#movieAuthor { margin-top: 20px; }

#movieCompany { font-size: 11px; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; background-image: url("../img/ot_bgdots.gif"); background-repeat: repeat-x; background-position: center bottom; text-align: right; }
#movieCompany img { max-width: 295px; margin-bottom: 10px; }
#movieCompany div { text-align: right; }
/** End: Movie */

tr.formRow input.text, tr.formRow textarea, tr.alertRow input.text, tr.alertRow textarea {
background-color: #fff;
border: 1px #aaa solid;
width: 220px;
padding: 2px;
}

tr.alertRow input.text, tr.alertRow textarea {
border-color: #f40;
}

tr.formRow td, tr.alertRow td {
border-bottom: 0px #bbb solid;
background-color: #fff;
padding: 2px 3px;
}

tr.formRow  textarea, tr.alertRow  textarea {
height: 60px;
}

tr.formRow td.label, tr.alertRow td.label {
border-right: 1px solid #E2E3E4;
padding : 2px 10px 2px 20px;
white-space: nowrap;
padding: 2px 10px 2px 20px;

}

tr.alertRow td.label {
background: #f9eded url(/img/form_alert.gif) center left no-repeat;
}

tr.formRow td.info, tr.alertRow td.info {
padding: 2px 10px;
}

tr.alertRow td.info {
color: #f40;
}

td.required {
color: #f40;
}


.news {
margin: 0 0 3px 0;
position: relative;
background: url(../img/dots2.gif) bottom repeat-x;
padding: 0 0 10px 0;
}

.oknoad-news {
padding: 4px 5px 10px 5px;
border: 1px #ddd solid;
background: url(../img/oknoad.gif) top center no-repeat;
margin-bottom: 6px;
text-decoration: none;
}

.oknoad-news a {
text-decoration: none;
color: #0035C6;
font-size: 11px;
}

.oknoad-news-head {
border-bottom: 1px #ddd solid;
height: 10px;
margin-bottom: 4px;
}

.movie #sidebar .news h3 {
margin: 0;
padding: 0 0 2px 0px;
border: 0;
}

.movie #sidebar .oknoad-news img {
width: 40px;
height: 40px;
}

.movie #sidebar .oknoad-news {
margin: 5px 0;
}



/*@left ramka*/
img.leftramka {
float: left;
margin: 0px 10px 10px 0px;
border: 1px #b9b7b7 solid;
padding: 1px 1px 1px 1px;
}
.news p {
margin: 0;
padding: 0 0 0px 0px;
}

.news h4 {
margin: 0;
padding: 0 0 2px 0px;
font-weight: normal;
color: #789;
line-height: 12px;
border: 0px green solid;
}

.displayCounter { font-size: 11px; background-color: #EAEAEA; border: 1px solid #DADADA; border-radius: 3px; padding: 2px; padding-left: 5px; padding-right: 5px; float: left; margin-left: 5px; margin-right: 5px; }