/*
*****************************************************************************************************************
PORNOPASSWORT.COM CSS
Jovica Aleksic 2008
*****************************************************************************************************************
*/

body, html {
  height:100%;
  width:100%;
}
body {
  background:#eef2fb url(../img/body_bg.gif) center top repeat-y;
  margin:0;
}
body.previews {padding:0;margin:0;background-image:url();background-color:white}

body, table, input {
  font-family:"Trebuchet MS", Arial;
  font-size:12px;
}
form {margin:0}
h1, h2, h3 {margin-top:0}
.headline {font-size:22px;font-weight:bold;margin-bottom:10px;}

a,a.visited {text-decoration:underline;color:#004eff}
a:hover {text-decoration:underline;color:#052b82}
a.imgSpan:hover {text-decoration:none}

a.imgSpan:hover span {text-decoration:underline}
input.radio {cursor:pointer}
input.check {cursor:pointer}
table {border-collapse:collapse;border-spacing:0px;table-layout:fixed;font-size:12px;}

.preload {display:none}
.tiny {font-size:10px}
.blue {color:#49abce}
.red, .error {color:#ca0000}
select.error {color:black;}
.darkred {color:#821e1e}
.orange {color:#fdc517}
.yellow {color:yellow}
.green {color:green}
.bold {font-weight:bold;}
.hidden {display:none;}
.lfloat {float:left}
.rfloat {float:right}
.clear {clear:both;line-height:0px;}
.margin {margin:10px}
.vmargin {margin:10px 0px}
.nomargin {margin:0}
.tmargin {margin-top:20px;}
.rmargin {margin-right:20px;}
.bmargin {margin-bottom:20px}
.padding {padding:10px;}
.padding.notop {padding-top:0px}
.padding.nobottom {padding-bottom:0px}
.first {margin-left:0px;margin-top:0px;}
.hr {border-top:1px solid #cccccc;height:0px;}
 .textfield {border:1px solid #8c99a9;padding:2px;}
.textfield:hover {border-color:#387c95}
.textfield.error {border-color:#ca0000;color:black}
.medLarge {font-size:16px}
input.textfield:focus, input.textfield.error:focus {border-color:#387c95;}

#pageholder {width:100%;}
#page {
    width:980px;
    background-color:white;
    border-left:1px solid black;
    border-right:1px solid black;
    text-align:left;
}
.lcol {
    float:left;
    width:642px;
    margin-right:18px;
}
.rcol {
    float:right;width:280px;
}
#header, #content, #footer {
    padding:20px;
}
#header {
  height:90px;

}
#login_top .textfield {
  width:125px;
}
#content {

}
#navi {
    background-color:#4c5051;
    padding:5px;
    overflow:hidden;
    width:100%;
}
#navi a {
    background-color:#4c5051;
    color:white;
    font-size:20px;
    text-decoration:none;
    margin:20px;
    font-family:"Trebuchet MS", Arial;
}
#navi a:hover {color:#e3eef3}
#navi a.selected {color:#e3eef3}

#flvplayer,#webcamframe {
  width:640px;
  height:552px;
  border:1px solid #4c5051;
  margin-bottom:20px;
}
#flvplayer{
  border:1px solid #bbd2de;
  margin-bottom:5px;
}
#flvplayer.widescreen {
  height:425px
}
.td_qselect {
  text-align:center;vertical-align:middle;
}
.td_qselect.selected {
  background-color:#cfd9df;
}
.td_qselect.selected a {
  text-decoration:none;
  font-weight:bold;
  color:#052b82;
  cursor:text;
}
#divx_container {
background-color:black;width:640px;height:378px;border:1px solid #000000;border-top:none;border-bottom:none; margin-bottom:20px;
}
h1, h2, h3 {
  color:#273239
}
.bluebox {
  background-color:#e3eef4;
  padding:10px;
}

.bluebox h2 {margin:0}

.rcol .bluebox .hr {
  margin:5px 25px ;
  border-color:#273239
}
img.border {
  border:1px solid #273239
}
.previews .col {
    float:left;
    width:210px;
    margin-right:5px;
}
.preview {float:left;padding:2px;background:#e3eef4;margin-bottom:10px;}
.preview.hover {background:#c8dae3}
.preview .logowrap_img {
  display:block;
  background:white url() no-repeat top left;
  width:205px;
  height:300px;
  margin:1px;
  text-align:right;
}
.logowrap_img .logo {
  position:relative;top:255px;margin:5px;border:none
}
.logowrap_img .logo.tmf {
  top:240px;
}
.logowrap_img .logo.bp {
  top:260px;
}
.preview a {text-decoration:none;cursor:pointer}
.preview a img {border:1px solid #c8dae3}
.preview a .nameholder {font-size:16px;display:block;text-align:center;font-weight:bold;padding:5px;text-decoration:underline;}
.preview a .dateholder {display:block;text-align:center;color:black;}

.buttons {overflow: hidden;width: 100%;}
.buttons a {cursor:pointer;background:transparent url(../img/button.gif) no-repeat top left; display:block; float:left; line-height:22px; height:30px; padding-left:4px;text-align:center; text-decoration:none; outline:none;}
.buttons a span {overflow:hidden;background: transparent url(../img/button.gif) no-repeat right top;display: block;padding: 4px 12px 4px 8px;  text-align:center;color:black }
.buttons a:link, .buttons a:visited, .buttons a:hover, .buttons a:active{text-decoration: none}
.buttons a:hover{background-position: left -30px;text-decoration:none;}
.buttons a:hover span{background-position: right -30px;text-decoration:none;}
.buttons a:active {background-position: left -60px;}
.buttons a:active span {background-position: right -60px;}
.buttons a.single {float:none;width:60%}
.buttons a span img {display:block;float:left;margin-right:5px;margin-top:3px;border:none;}
.buttons a span span {background-image:none;display:block;float:left;margin-top:1px;padding:0}
.buttons a.disabled {cursor:default;background-position: left bottom;}
.buttons a.disabled span {background-position: right bottom; color:#999999;overflow:hidden}
.buttons a.disabled:hover,
.buttons a.disabled:active {background-position: left bottom;}
.buttons a.disabled:hover span,
.buttons a.disabled:active span {background-position: right bottom;}

.bluebox .buttons a, .bluebox .buttons span {background-image:url(../img/button_bluebox.gif)}

.pagination {
    margin-top:10px;
    height:38px;
}
.pagination td {
  text-align:center;
  vertical-align:middle;
  width:34px;
  height:32px;
  padding:1px;
  margin:0;
}
.pagination td.labelCell {
  width:60px;
}
.pagination .pgLink {
  width:32px;
  height:32px;
  border:1px solid #4c5051;
}
.pagination td.labelCell .pgLink {
  width:auto;
}
.pgLink a, .pgLink span {
  display:block;
  padding:6px;
  color:black;
  text-align:center;
  text-decoration:none;
  margin-top:2px;
}
.pagination td span,.pagination td a:hover {
  background-color:#e3eef4;
  color:black;
  text-decoration:none;
}


.webcams_previews {overflow:hidden;width:620px}
.webcams_previews .preview {margin:5px;margin-bottom:15px;padding:1px}
.webcams_previews a.imgSpan span {text-decoration:underline;display:block;text-align:center}
.webcams_previews a.imgSpan img {width:140px;height:105px;}
.webcams_previews a.imgSpan:hover img {border-color:#999999}
.webcams_previews a.is_fav {color:green;text-decoration:underline}

#user_coins {font-size:24px;text-align:center;font-weight:bold;margin-bottom:10px;}

#fav_rows td div {padding:5px;}
#fav_rows .tdStatus.online {color:darkgreen;}
#fav_rows .tdStatus.offline {color:darkred;}

#fav_rows tr.alt {background-color:#cadee9}
#fav_rows a.delete {display:block;width:18px;height:18px;background-image:url(../img/btn_delete.gif);background-position:top left;text-decoration:none;}
#fav_rows a.delete:hover {background-position:bottom left;}

table.all_episodes {
  width:100%;
  border-spacing:0px;
  border-collapse:collapse;

}
#movielistFrame{
  width:260px;
  background-color:#e3eef4;
}
#movielist_controls a {visibility:hidden}

.trailers #movielistFrame{height:619px;margin-top:0px;margin-bottom:5px}
.trailers .movielist-paginate {margin-top:0px;width:100%;overflow:hidden}
.trailer #movielistFrame{height:1120px;}
.movies #movielistFrame{height:684px;margin-bottom:9px;}
.movie #movielistFrame{height:1256px;}
#movielist th,
#movielist .alt {background:#ccdbe3}

.account .bluebox , .age_ver .bluebox {
  float:left;
  width:290px;
  height:160px;
}
.account .bluebox .headline,.age_ver .bluebox .headline {
  font-size:16px;
  border-bottom:1px dashed #4c5051;;
  padding-bottom:3px;
}
.dashed.headline {
  /*border-bottom:1px dashed #cccccc;
  padding-bottom:3px;
  */
}
.account td.lbl {width:100px;}
.account td.data {font-weight:bold;}

.pwdbox .textfield {width:145px}


.twoColForm .label {
  float:left;
  margin-bottom:5px;
  width:120px;
}
.twoColForm .input {
  float:left;
  margin-bottom:5px;
}
.twoColForm br {clear:both}


.age_ver_pic .label{width:180px}
.err_msg {
position:relative;
top:-2px;
background:transparent url(../img/validate_arrow_up.gif) 2px -2px no-repeat;
padding-left:15px;
}
.bluebox .err_msg {
  background-image:url(../img/validate_arrow_up_bluebox.gif);
}

.reg1 .label {width:160px;}
.reg1 .textfield {width:180px;}
.reg2 .label {width:160px;}
.reg2 .textfield {width:265px;}
.login .textfield {width:180px;}
.coins_buy .label {width:160px;}
.coins_buy .textfield {width:265px;}


.err_msg.side  {
float:left;margin-left:5px;
padding-left:10px;padding-top:3px;
background:url(../img/validate_arrow_left.gif) no-repeat left 1px;
}
.bluebox .err_msg.side {
background-image:url(../img/validate_arrow_left_bluebox.gif);
}

#userpic {width:auto;height:165px;margin-bottom:5px;border:1px solid #8c99a9}

#livehelp_status_check {width:0px;height:0px;display:none;}
.livehelp {padding:2px;cursor:default;color:white;}
.livehelp.offline {background:grey;}
.livehelp.online {background:green;}
.livehelp.busy {background:orange;}

#other_trailers { }

#image_gallery {
  margin-top:10px;
}
#image_gallery a img {border:none}

#webcamframes {width:650px;overflow:hidden;}
#webcamframes iframe {background:black;width:325px;height:310px;border:none;float:left;}
#countdownHolder {background:#e3eef4;color:black;text-align:center;padding:5px;margin-bottom:10px}
.camholderbox {padding:15px;padding-top:0px;float:left;width:auto;}