/*
*****************************************************************************************************************
TOPMODELFALLE.COM CSS STYLES
Jovica Aleksic 2008
*****************************************************************************************************************
*/

    body, html {height:100%;width:100%;}
    body {background:url(../img/body_bg.gif);background-color:#222222;margin:0;}
    body, table, input {font-family:Trebuchet MS, Myriad, Arial;font-size:12px;}
    h3 {font-size:16px;}
    .leftcol {float:left;width:245px;}
    .rightcol {float:left;width:477px;}
    .bluearea a {font-weight:bold;color:yellow;text-decoration:underline}
    .bluearea a:hover {text-decoration:none; }
    a,a.visited {text-decoration:none;color:#49abce}
    a:hover {text-decoration:underline;}
    a.imgSpan:hover {text-decoration:none}
    a.imgSpan:hover span {text-decoration:underline}
    input.radio {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 {color:red}
    .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}
    .floatholder {width:100%;overflow:hidden;}
    .clear {clear:both;line-height:0px;}
    .nomargin {margin:0}
    .bmargin {margin-bottom:2px}
    .padding {padding:20px;}
    .padding.notop {padding-top:0px}
    .padding.nobottom {padding-bottom:0px}
    .first {margin-left:0px;margin-top:0px;}
    .hr {border-top:1px solid #cccccc}
    .hr.dashed {border-top:1px dashed #cccccc}
    .textfield, select {border:1px solid #387c95;padding:2px;}
    .textfield:hover {border-color:#f8b330}
    input.textfield:focus,  input.textfield.error:focus {background-color:#a8d7e7;border-color:white;}
    .textfield.error, select.error {border-color:red }
    label.error {background-color:white;color:red;padding:3px;}
    .textfield.good {  }
    .whiteBgPad {padding:5px;background:white;color:black;}
    .bluearea .whiteBgPad a {color:#49abce}

    .grey_bar {background-color:#dadada;height:35px;}
    .grey_bar .inner {font-size:20px;font-weight:bold;padding:4px;padding-left:10px}
    .grey_bar.hr {height:2px;}
    .small_headline {font-size:1.2em;color:#49abce;font-weight:bold;overflow:hidden;}
    .headline {color:#313131;font-weight:bold;font-size:2em;padding:5px 0 5px 0;overflow:hidden; text-align:center;margin-top:10px;margin-bottom:10px;}
    .first.headline {margin-top:0px;padding-top:0}
    .trailer .headline {text-align:center;}

    #pageholder {width:100%;}
    #page {width:936px;background:white url(../img/content_bg.gif) top left repeat-y;border-left:2px solid #333333;border-right:2px solid #333333;height:100%;}
    #login #page {background-image:url();}



    #header {background-color:white;overflow:hidden;width:100%;padding-bottom:2px;}
    #top_row {background-color:#252525;text-align:center;padding:5px;margin-bottom:2px;width:100%;}
    #header_image_row {background:#222222 url(../img/header_image.jpg) top left no-repeat;margin-bottom:2px;height:444px;overflow:hidden;}
    #header_info_row {height:80px;overflow:hidden;}
    
    .headerbox {float:left;background-color:#252525;height:80px;color:white;}
    .darkbox {background-color:#252525;padding:10px;color:white}
    .darkbox .headline {font-size:16px;text-align:left;color:white;margin-top:0px;}
    #hbox1 {width:490px;margin-right:2px;font-size:12px}
    #hbox2 {width:232px;margin-right:2px;}
    #hbox3 {width:210px;}

    a.imglink {
      display:block;
      background-repeat:no-repeat;

    }
    a.imglink:hover {
      background-position:bottom left;
      text-decoration:none;
    }
    a.imglink.join {
      width:232px;
      height:80px;
      background-image:url(../img/btn_mitmachen_top.gif);
    }
    a.imglink.logjoin {
      width:144px;
      height:44px;
      background-image:url(../img/btn_login_mitmachen.gif);
    }
    a.imglink.logsupport {
      width:164px;
      height:44px;
      background-image:url(../img/btn_login_support.gif);
    }
    a.imglink.login {
      width:210px;
      height:80px;
      background-image:url(../img/btn_login_top.gif);
    }

#navi {margin-top:2px; background-color:#252525;overflow:hidden;}
#navi a {float:left;color:white;font-size:16px;padding:10px;font-weight:bold;}
#navi a.selected {color:#fdc517}
#navi a:hover, #navi a.clicked {background-color:white;color:#49abce;text-decoration:none;}


    #content {
    }

    #main {float:left;width:724px;margin-right:2px;text-align:left;}
    #login #main {width:auto;float:none;}
    #login #header {height:144px;}


        #this_episode {
          margin-left:2px;
          text-align:left;
        }

        #this_episode .movie {
          background-color:#ffffff;
          margin-bottom:2px;
          height:455px;
          overflow:hidden;
        }
        #this_episode .pics {
          height:466px;
          overflow:hidden;
          margin-bottom:2px;
        }
        #this_episode .pics .column {
          float:left;
          margin-right:2px;
        }
        #this_episode .pics img {
          display:block;
          border:1px solid #252525;
          margin-bottom:2px;
        }
        #videoplayer {
          width:720px;
          height:453px;
          border:1px solid #252525;
        }

        #webcamframe {
          width:720px;
          height:560px;
          border:1px solid #252525;
          background-color:#252525;
          margin-top:2px;
          margin-left:1px;
        }
        #vplayer_div {
          text-align:center;
          border:1px solid #252525;
          height:560px;
          background-color:#2f2f2f;
          color:white
        }

        .visitor_buttons {
          height:100px;
          overflow:hidden;
          margin-bottom:2px;
        }
        .visitor_buttons .column {
          float:left;
          width:361px;
          height:100px;
          background-color:#252525;
        }

        .previewframe {
          margin-left:2px;
          width:724px;
          height:520px;
        }
        .previews {
            width:724px;
            overflow:hidden;
            margin-left:0px;
          }

          .previews .preview {
            float:left;
            width:360px;
            overflow:hidden;
            margin-right:2px;
            margin-bottom:2px;
          }

          .previews a {
            color:#49abce;
            display:block;
            cursor:pointer;
          }


          .preview .imageborder
          {
            display:block;
            width:360px;
            height:220px;
            background-color:#252525;
            margin-bottom:2px;
            overflow:hidden;
          }
          .preview .imageholder {
            display:block;
            width:350px;
            height:210px;
            margin:5px;
            overflow:hidden;
            text-align:center;
            background-color:#666666;
          }
          .previews .title {
            display:block;
            width:360px;
            height:50px;
            background-color:#252525;
            font-size:1.6em;
            font-weight:bold;
            text-align:center;
            line-height:2.7em;
            margin-bottom:2px;
          }
        .previews a:hover .title {text-decoration:underline}
        .previews img {border:none;}
        
        
        .pagination {margin-top:30px;}
        .pagination td {text-align:center;vertical-align:middle;width:31px;height:31px;}
        .pagination td span {cursor:default;}
        .pagination td.fixed {width:60px;}
        .pagination td.fixed span {width:46px;}
        .pagination td a,
        .pagination td span {display:block;width:16px;height:16px;padding:7px;color:black;border:1px solid #252525;text-align:center;}
        .pagination td span,.pagination td a:hover {background-color:#252525;color:white;text-decoration:none;}



    #side {float:left;width:210px;height:100%;overflow:hidden;text-align:justify;color:white; background-color:#252525;}
    #side .inner {padding:10px;}
    #side a  {color: #fdc517;text-decoration:none;}
    #side a span.image {border:1px solid #fdc517;display:block;width:164px;height:121px;margin-bottom:5px;}
    #side a:hover span {text-decoration:underline;}
    .or-brd {border:1px solid #fdc517;}

    #footer {text-align:left;margin-top:35px;}
    #footer .separator_line {width:726px;border-top:1px solid #252525;height:0px;}
    #login #footer .separator_line {width:auto;}
    #footer .inner {padding:40px 20px 25px 20px;}
    #footer .inner .lfloat.bold {width:100px;}
    #footer a {color:#41add4;}

    .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;}
    .buttons.whitebg a,.buttons.whitebg span {background-image:url(../img/button_whitebg.gif)}
    .buttons.greybg a,.buttons.greybg span {background-image:url(../img/button_greybg.gif)}
    .buttons.dadada a,.buttons.dadada span {background-image:url(../img/button_dadada.gif)}


.supporticon {display:block;width:66px;height:72px;background-repeat:no-repeat;background-image:url(../img/tmp_supporticons.jpg);}
.about {background-position:left center}
.help {background-position:center center}
.chat {background-position:right center}


.marginbox {margin:28px 20px 20px 20px;}
.bluearea {background-color:#49abce;color:white;padding:20px;}
.bluearea .headline {text-align:left;color:white}
.bluearea .hr {border-color:white}

.livesupport_bar {padding:5px;height:auto;background-color:#49abce}
.livesupport_bar a {text-decoration:underline;color:white}
.livesupport_bar a:hover {color:#fdc517}


.paymentBox {border:1px solid #666666;background-color:white;padding:10px;margin:1px;background-color:#efefef;}
.paymentBox.selected {border:1px solid #49abce;background-color:#a8d7e7;}
.paymentToggle {float:left;padding:3px 0 3px 0;}
.paymentToggle.hover {text-decoration:underline;}
.selected .paymentToggle {cursor:default;}
.selected .paymentToggle:hover {text-decoration:none}
.paymentToggle .type {font-weight:bold;font-size:15px;}
.radioHolder {margin-top:5px;width:28px;float:left;}

.formRow {width:100%;overflow:hidden;margin-bottom:5px;}
.formLabel {float:left;width:120px;padding-top:4px;}
.formInput {float:left;width:277px;}
.formInput .textfield {width:271px;}
.formInput select, .formInput select.textfield {width:277px;}
.formError {clear:both;padding-left:120px;}
.formError .errMsg {background:white url(../img/validate_arrow_up.gif) 2px 5px no-repeat;color:red;padding-left:15px;border:1px solid #387c95;}
.formError.black .errMsg {color:black;}
.reg1 .formLabel {float:left;width:170px;padding-top:4px;}
.reg1 .formInput {float:left;width:227px;}
.reg1 .formInput .textfield {width:221px;}
.reg1 .formError {clear:both;padding-left:170px;}
.login .formLabel {float:left;width:170px;padding-top:4px;}
.login .formInput {float:left;width:227px;}
.login .formInput .textfield {width:221px;}


.accountbox {padding:10px;float:left;margin:5px;background-color:#49abce;color:white;height:170px;}

.accountbox .formLabel {float:left;width:140px;padding-top:0px;font-weight:bold;}
.accountbox .formInput {float:left;width:194px;}
.accountbox .formInput .textfield {width:188px;}
.accountbox .formError {padding-left:140px;}
.accountbox .headline {text-align:left;color:white;border-bottom:1px dashed white;font-size:14px;margin-top:0px;padding-top:0px;}

.dashed.headline {text-align:left;color:white;border-bottom:1px dashed white;margin-top:0px;padding-top:0px;}

.bluebox {padding:10px;margin:5px;background-color:#49abce;color:white;}
.bluebox .headline {color:white;border-bottom:1px dashed white;margin-top:0px;padding-top:0px;}
.bluebox a {color:white}


.webcamtitle {text-align:center;background-color:#252525;padding:5px;color:white;}
.webcamtitle a {color:white;}
.webcambox a img {border:1px solid #333333}

.webcambox {padding:15px;padding-top:0;background-color:#252525}

.cancelation#login     #page,
.reactivate#login  #page,
.webcam_not_verified#login      #page,
.webcam_not_enough_coins#login      #page,
.webcam_not_online#login      #page,
.age_verification#login #page,
.age_verification_picture#login #page,
.age_verification_mail#login    #page,
.age_verification_key#login    #page,
.coins_buy#login    #page,
.has_sidebar #page
{
  background:white url(../img/content_bg.gif) top left repeat-y;
}
.reactivate#login #main,
.cancelation#login      #main,
.webcam_not_verified#login      #main,
.webcam_not_enough_coins#login      #main,
.webcam_not_online#login     #main,
.age_verification#login #main,
.age_verification_picture#login #main,
.age_verification_mail#login    #main,
.age_verification_key#login     #main,
.coins_buy#login     #main,
.has_sidebar#login #main {
  float:left;
  width:724px;
}



#fav_rows {width:100%;}
#fav_rows td {padding:2px}
.tdName {width:60%;text-align:left}
.tdStatus {width:30%;}
.tdDelete {width:16px;}
#fav_rows a.delete {display:block;width:16px;height:16px;background-image:url(../img/icon_delete.gif);background-position:top left;text-decoration:none;}
#fav_rows a.delete:hover {background-position:bottom left;}
.is_fav {color:#5be300}


.image_gallery  {width:912px;margin-top:5px;margin-bottom:0px;}
.image_gallery a {width:142px;float:left;margin:5px;}
.image_gallery a:hover img {border-color:#49abce;}
.image_gallery img {border:1px solid #252525;width:140px;height:120px;}


.HD_previews {height:136px;background-color:#252525;}
.HD_previews .images {}
.HD_previews .title {clear:both;text-align:center;color:white;padding-bottom:3px;}
.HD_previews .preview {width:110px;height:90px;float:left;margin:9px;margin-right:0;background-color:#666666;overflow:hidden;}

#livehelp_status_check {width:0px;height:0px;display:none;}

.livehelp {padding:2px;cursor:pointer;color:white;}
.livehelp.offline {background:transparent;color:black;}
.livehelp.online {background:green;}
.livehelp.busy {background:orange;}


.idcheck {display:block;text-align:center;width:auto;float:none;cursor:pointer;}
.idcheck.error {padding:5px;background-color:white;color:red;border:1px dashed red}
.idcheck.error a {color:#49abce}


#acc_sitelist {
border:1px solid #D9D9D9;
border-bottom:none;
border-collapse:collapse;
}
#acc_sitelist a {color:white;text-decoration:underline;font-weight:bold;}
#acc_sitelist td {
padding:5px;
margin:0px;
border-bottom:1px solid #D9D9D9;
}
#acc_sitelist th {
padding:5px;
background-color:#0B478F;
color:white;
}

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