/*
colors: yellow = #ffc519
*/

/* html defaults */
body {background-color:black;background-image:url(../img/sitebg.gif);padding:0;margin:0;font-family:Arial;font-size:12px;overflow-x:hidden;}
a {color:#ffc519;}
img {border:none;}
hr {border:none;border-top:1px solid #666666 /*#ffc519*/;margin-bottom:20px;margin-top:20px;}
hr.huge {border:none;border-top:1px solid #ffc519;border-top-width:20px}
br.clearing, br.clear {height:0px;clear:both}

input[type=text],
input[type=password],
textarea {font-family:Arial;font-size:12px;padding:2px;border:1px solid #666666}
input:focus, textarea:focus {border:1px solid #ffc519}

input[type=submit], button{padding:5px;outline:1px solid #333333;cursor:pointer}
button.textlink {padding:0;background-color:transparent;color:#ffc519;border:none;outline:none;cursor:pointer;margin-top:3px}
button.textlink:hover {color:white}
button.textlink span {text-decoration:underline;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child {margin-top:0;}
h1,h2,h3,h4 {color:#ffc519}
h1 a, h2 a, h3 a {text-decoration:none}
a > h1, a > h2, a > h3, a > h4 {text-decoration:underline}
h4 {font-style:italic}

/* basic classes */
#wrapper {width:950px;height:100%;background-color:black;color:white;margin-left:auto;margin-right:auto;border:3px solid #333333;border-top:none;border-bottom:none;padding:0px;}
#content {margin-left:30px;margin-right:30px;}
.invisible {visibility:hidden;}
.hand {cursor:pointer}
.bold {font-weight:bold}
.ghost, .hidden {display:none}
.floating, .lfloat {float:left}
.rfloat, .floating.right, .right.floating {float:right}
.clearing, .clear {clear:both}
.grey {color:#666666}
.red {color:red}
.yellow {color:#ffc519}
.yellowbg {background-color:#ffc519;color:black;}
.yellowborder {border:1px solid #ffc519}
.yellowoutline {outline:1px solid #ffc519}
.white {color:white}
.whitebg {background-color:white}
.black {color:black}
.blackbg {background-color:black}
.greybg {background-color:#222222}
.tiny {font-size:9px;}
.large {font-size:15px}
.huge {font-size:25px}
.rightalign {text-align:right}
.padding {padding:10px;}
.tmargin {margin-top:5px;} .double.tmargin {margin-top:10px;} .triple.tmargin {margin-top:15px;}
.rmargin {margin-right:5px;}
.lmargin {margin-left:5px;}
.bmargin {margin-bottom:5px;} .double.bmargin {margin-bottom:10px;} .triple.bmargin {margin-bottom:15px;}
.normal {font-weight:normal}
.automargin {margin-left:auto;margin-right:auto;}
.autow {width:auto}
.autoh {height:auto}
.centered {text-align:center}
.error {font-size:11px; line-height:14px; color:white; position:relative; top:-3px;text-decoration:underline}
.error_title {color:#ff5a00;font-weight:bold;margin-bottom:10px;}
.error_outline {outline:1px solid #b00000;background-color:red;color:white;}
 
/* forms */
form label, form input, form select {display:block;float:left;margin-bottom:4px;margin-top:4px;}
form label {position:relative;top:3px;}
form br {clear:both;}

/* boxes */
.box, .formbox, .greybox {padding:5px;background-color:#222222;border:1px solid #333333;background-repeat:no-repeat;background-image:url(../img/formbg_plain.png)}
.formbox {width:868px; min-height:498px;background-image:url(../img/formbg_split.png);background-position:top left}
.gradbox {background-image:url(../img/formbg_plain.png)}
.greybox {background-image:url()}
.formbox form, .formbox .inner {width:395px;}
.formbox label{width:100px}
 
h1.set_title, h2.set_title, h3.set_title {background-color:#ffc519;color:black;margin:0;padding:10px;margin-bottom:5px;overflow:hidden}
h1.set_title {font-size:25px;background-image:url(../img/logo_sk_medium_yellowbg.jpg);background-repeat:no-repeat;background-position:right}

iframe.trailers {width:100%;height:750px;}

.box.title {margin:0px;margin-top:15px;padding:5px;background-image:url(../img/formbg_plain.png);background-position:0px -80px;border:1px solid #333333;border-bottom:none;cursor:default}
a > .box.title:hover {background-position:0px 0px}



/* header */
/*
#header {  margin-bottom:5px;}
*/

#reg1 {min-height:436px;}
#reg1 .regformcontent {position:relative; left:50px;top:20px;}
#reg1 label {width:140px;}
#reg2 label {width:100px;position:relative;top:4px;}
#reg2 button {padding:5px;width:390px;font-weight:bold;margin-top:10px;}
#reg2 hr {margin:0px}

/* login page */
.loginpage {
 /* background-image:url(../img/formbg_login.jpg) */
}
.loginpage form { width:305px;}
.loginpage label { width:107px; font-weight:bold;text-align:right;padding-right:5px;}
.loginpage input { width:180px;}

/* set episode view */
.set {width:890px;}
.vplayerframe {width:640px;height:520px;display:block;border:1px solid #333333}
.set #previewpics {position:relative;left:-2px;top:1px}
.set #previewpics img {display:block;width:240px;height:170px;outline:1px solid #333333;}
.set .greybox {float:left;width:auto;height:120px;margin-top:5px;padding:5px;background-color:#222222;color:white}
.set .description {}
.set_rbar {float:left;width:240px;margin-left:5px;}
.set_rbar_top,.set_rbar_descr,.set_rbar_cam {text-align:center;background-color:#222222;border:1px solid #333333;padding:10px;margin-bottom:5px;}
.set_rbar_top {height:100px;}
.set_rbar_descr {height:300px}
.set_rbar_cam {height:46px;}
.set_rbar_cam a {position:relative;top:10px;font-size:20px;font-weight:bold}
/* comments */
/*.comments iframe {width:100%;height:240px;border:1px solid #333333;}*/
.commentholder {/*height:240px;overflow-x:hidden;overflow-y:scroll;*/ }
.commentholder label {width:100px}
 
/* set previews */
.set_previews {width:auto;text-align:center;margin-left:auto;margin-right:auto;}
.set_previews img {width:240px;height:170px;}
.set_previews .set_title {width:240px;height:30px;background-color:#b80505;border-bottom:3px solid black;color:white;}
.set_previews .set_title h2 {position:relative;top:5px;left:5px;}
.set_preview {width:240px;float:left;margin-bottom:23px;margin-right:23px;border:20px solid #222222; outline:1px solid #333333}

.set_previews.bp .set_title {background-color:#1D4C77;}
.set_previews.bp h2 {text-decoration:none; color:white}

/* account page */
.accountbox {width:330px;height:180px;padding:10px;background-color:#222222;border:1px solid #333333;background-repeat:no-repeat;}
.accountbox h1, .accountbox h2, .accountbox h3 {color:white;border-bottom:1px dashed white;font-style:italic}
.accountbox td.lbl {font-weight:bold;width:100px;text-align:right;padding-right:5px;}
.age_verification {}
.age_verification.st1 {background-image:url();background-color:#333333;padding:10px;border:1px solid #222222}
.age_verification select {margin-right:5px}
.age_verification input {width:207px;} 
.age_verification.st1 form {display:block;width:400px;float:left;border:1px solid #222222;background-color:#444444;padding:10px}
.age_verification.st1 form p {height:30px}
/* footer */
.footer {height:165px;background-image:url(../img/footer_image.jpg);background-position:right;background-repeat:no-repeat;margin-top:15px;margin-bottom:0px;font-size:12px}
.footer label {font-weight:bold;display:block;float:left;width:100px;top:0px;}

.webcamtitle {width:190px;text-align:center;font-weight:bold;font-size:14px;background-color:#333333;border:1px solid #333333;background-image:url(../img/formbg_plain.png);padding:5px;margin-bottom:0px;}
.webcambox {padding:10px;text-align:center;width:180px;border:1px solid #333333;background-image:url(../img/formbg_plain.png)}


.webcam .icon {position:relative; top:4px}
.pagination .label, .pagination .button {border:1px solid #ffc519;padding:5px;text-align:center}
.pagination .label, .pagination .button:hover {border:1px solid #ffc519;background-color:#ffc519;color:black}
.pagination .label {cursor:default;}


.leftarrow, .rightarrow {  display:block;  float:left;  width:24px;  height:110px;  margin-top:30px;  text-align:center;  text-decoration:none;background-repeat:no-repeat;}
.leftarrow {background-image:url(../img/arrow_left.png);  background-position:center center;}
.leftarrow:hover {background-image:url(../img/arrow_left_hover.png);}
.rightarrow {background-image:url(../img/arrow_right.png);  background-position:center center;}
.rightarrow:hover {background-image:url(../img/arrow_right_hover.png);}

.previewrow {
 padding-bottom:10px;
  padding-top:0px;
  height:150px;
}
.previewpic {
  width:138px;
  height:98px;
}
.previewrow .preview {
  float:left;
  width:150px;
  margin-right:10px;
}
/*.previewrow .preview img {width:100%; height:100%;}*/

.coins_buy {padding-top:15px;background-image:url(../img/bg_cams.jpg)}
.coins_buy form {width:367px;margin-left:10px}
.coins_buy input[type=text] {width:260px}
.coins_buy .camside {float:left;position:relative;left:62px}
.coins_buy .camside img {border:1px solid #333333; margin-bottom:10px;margin-right:20px}

a.delete {display:block;width:16px;height:16px;background-image:url(../img/icon_delete.png);background-position:bottom;text-decoration:none;}
a.delete:hover {/*background-position:bottom;*/}

.webcam_favs td {padding:5px}
.webcam_favs tr:hover {background-color:#333333}

.bg1 {background-image:url(../img/bg1.jpg)}
.bg_reg {background-image:url(../img/bg_reg.jpg);height:520px}
.bg2 {background-image:url(../img/bg2.jpg)}
.bg3 {background-image:url(../img/bg3.jpg)} .bg3b {background-image:url(../img/bg3b.jpg)}
.bg4 {background-image:url(../img/bg4.jpg)}
.bg5 {background-image:url(../img/bg5.jpg)}
.bg6 {background-image:url(../img/bg6.jpg)}
.bg7 {background-image:url(../img/bg7.jpg)}
.bg8 {background-image:url(../img/bg8.jpg)}
.bg9 {background-image:url(../img/bg9.jpg)}
.bg10 {background-image:url(../img/bg10.jpg)}
.bg11 {background-image:url(../img/bg11.jpg)}
.bg12 {background-image:url(../img/bg12.jpg)}
.bg_kontakt {background-image:url(../img/bg_kontakt.jpg)}
 

#visitor_menu, #member_menu {
  list-style-type:none;
  list-style-position:outside;
  padding:0;
  margin:0;
  position:relative;
  top:40px;
}
#visitor_menu li, #member_menu li {margin-left:0;display:inline;padding-left:0;padding-right:15px;}
#visitor_menu a, #member_menu a {padding-left:7px;background-image:url(../img/grfx_linkarrow.png);background-position:0px 5px; background-repeat:no-repeat;text-decoration:none;padding-bottom:1px;}
#visitor_menu a:hover, #member_menu a:hover {text-decoration:underline}
#member_menu{ width:490px;left:5px; } 

.header {
  padding:0px;margin:0px;
  margin-top:-5px;
}
.header#visitor{}
.header#member {height:280px;overflow:hidden;}
a:hover {
  text-decoration:none;
}
.login_div {
  padding:0px;
  width:390px;
  height:90px;
  background-image:url(../img/header_logout_03.png);
  background-repeat:no-repeat;
}
.login_div form {
  position:relative;
  top:20px;
  left:30px;
  padding:0px;
  margin:0px;
}
.login_label {
  margin-top:2px;
}
.login_div .textinput {
  width:100px;
  height:15px;
  font-size:11px;
}
.login_div .login_button {
  padding-top:0px;
  padding-bottom:0px;
  font-size:12px;
  width:100px;
  height:19px;
  margin-top:22px;
  margin-left:10px;
  margin-bottom:2px;
}
.forgot_pwd_link {
  padding-left:10px;
  font-size:11px;
}
.header_logout_right {
  width:259px;
  height:373px;
  background-image:url(../img/header_logout_04.jpg);
}
.header_login_right {
  width:259px;
  height:270px;
  background-image:url(../img/header_login_04.jpg);
}
.header_btn_reg {
  display:block;
  width:150px;
  height:150px;
  margin-top:140px;
  margin-left:95px;
  text-decoration:none;
}
.header_welcome_graphic {
  margin-top:-15px;
}
.header_btn_help {
  display:block;
  width:90px;
  height:90px;
  margin-top:-30px;
  margin-left:50px;
  text-decoration:none;
}
#webcamframe {
border:0;
margin:0px;
background-color: #111111;
padding:0px;
width:630px;
height:490px;
}

  #acc_sitelist {
    border:1px solid #333333;
    border-bottom:none;
    margin-left:1px;
    border-collapse:collapse;
  }
  #acc_sitelist tr:hover td {
    background:#333333;
  }
  #acc_sitelist td {
    padding:5px;
    margin:0px;
    border-bottom:1px solid #333333;
  }



.episodesBlock {padding:10px;width:865px;margin-bottom:15px;overflow:hidden;background-color:#222222;color:white}
.episodesBlock .titleRow {width:100%;overflow:hidden;margin-bottom:15px}
.tabsContent {min-height:506px}

.episodePreviews {overflow:hidden; width:100%; margin-bottom:5px;}
.episodePreview {float:left;padding:2px;margin:2px;border:none;cursor:pointer;background:#222222}
.episodePreview.hover {background:#333333;color:white;border-color:#d0d0d0;}
.episodePreview.selected {background-color:#666666}
.episodePreview .title {text-align:center;font-weight:bold;font-size:14px;padding:3px;width:152px;overflow:hidden;}
.episodePreview .date {text-align:center; font-size:10px}


#webcamframes {width:640px;float:left;overflow:hidden;margin-right:5px;}
#webcamframes iframe {background:black;width:640px;height:410px;border:none;text-align:center}}
#countdownHolder {background:#003162;color:white;text-align:center;padding:5px;}
#countdownHolder a {color:#ffc519;text-decoration:underline;font-weight:bold}
.camholderbox {padding:15px;padding-top:0px;float:left;width:auto;}