/*
 * CSS for flvio.com
 *
 * (c) Copyright Locayta Limited 2007.  All rights reserved.
 */

#wrap {
    background-color: white;
    margin: 0 auto;
    width: 777px;
/*    border-left: 1px solid #aaa;*/
/*    border-right: 1px solid #aaa;*/
}

#header {
  height: 80px;
/*  width: 767px;*/
/*  width: 400px;*/
  width: 8em;
  border: 1px dashed white;
/*  background: #67889B;*/
/*  background: #9AA796;*/
  background: #AAA796;
  margin: 10px auto 0 auto;
  color: #ffb100;
  font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
  font-size: 55px;
  text-align: center;
/*  padding-left: 10px;*/
}

#header a.link, #header a, #header a.active {
    color: #ffb100;
    text-decoration: none;
}

#flvio_i {
  vertical-align: 15%;
}

#flvio_o {
  vertical-align: -15%;
}

#film_icon {
  height: 70px;
  float: left;
/*  margin-left: 50px;*/
  margin-top: 5px;
}

.code {
  font-family: monospace;
}

span.code {
  font-weight: bold;
  background: #eee;
}

#status_block {
  margin: 0 auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  background: #cec URL('../images/ok.png') left center no-repeat;
  border: 1px solid #9c9;
  width: 450px;
  font-size: 120%;
  font-weight: bolder;
}

.notice {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #eef URL('../images/info.png') left center no-repeat;
  border: 1px solid #cce;
}

.fielderror {
    color: red;
    font-weight: bold;
}

#googleads {
    margin: 0.5em;
    padding-top: 1em;
/*    padding: 1em;*/
    float: right;
    width: 165px;
    background-color: white;
}

/* TGPriFlash Classes */
.flash_ok {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #cec URL('/static/images/flash_ok.png') left center no-repeat;
  border: 1px solid #9c9;
}

.flash_warning {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #eef URL('/static/images/flash_info.png') left center no-repeat;
  border: 1px solid #99c;
  font-size: 120%;
  font-weight: bolder;
}

.flash_alert {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #fd9393 URL('/static/images/flash_alert.png') left center no-repeat;
  border: 1px solid #e11;
  font-size: 120%;
  font-weight: bolder;
}

/* begin css tabs */

ul#tabnav { /* general settings */
  text-align: left; /* set to left, right or center */
  font: 13px verdana, arial, sans-serif; /* set font as desired */
  border-right: 1px solid #ffb100; /* set border COLOR as desired */
  list-style-type: none;
  width: 30%;
  float: left;
}

ul#tabnav li { /* do not change */
  display: block;
  margin-right: 0.4em;
}

body#tab1 li.tab1, body#tab2 li.tab2 { /* settings for selected tab */
  border-bottom: 1px solid #fff; /* set border color to page background color */
  background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 span, body#tab2 li.tab2 span { /* settings for selected tab link */
  background-color: #fff; /* set selected tab background color as desired */
  color: #000; /* set selected tab link color as desired */
  position: relative;
  top: 1px;
  font-weight: bold;
}

/* end css tabs */

div#instruction {
    margin: 0 0 0 30%;
    padding: 5px 0 0 40px;
}

.step_field {
  margin-left: 1.5em;
  font-size: 0.8em;
}

.captcha_field {
  width: 170px;
}

.field_error {
  border: 2px solid red;
  padding: 4px;
}

.step_field ul {
  list-style-type: none;
}

body{
    background: #8A9786 url('/static/images/version2_contact_02.gif') repeat-x top left;
    padding: 0;
    margin: 0;
    width: 100%;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:76%;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.7;
}

a#contact{
    color: #FBAE00;
    font-weight: bold;
}

img {
    border: 0px;
}

div, span{
    margin: 0;
    padding: 0;
    border: 0;
}

img#title{
    position: absolute;
    top: 11px;
    right: 50px;
}

img#title1{
    position: absolute;
    top: 12px;
    right: 156px;
}
img#title2{
    position: absolute;
    top: 10px;
    right: 20px;
}

ul#tabbar{
    margin: 102px 0 0 0;
    padding: 0 0 0 140px;
    list-style: none;
    background: url('/static/images/Nav_Bar.gif') repeat-x bottom left;
    height: 40px;
}

ul#tabbar li{
    float: left;
    margin: 0;
    padding: 0;
}

div#content{
    padding: 50px 0 50px 0;
    background-color: white;
    _height: 500px;
    min-height: 500px;
}

div#content ul{
    padding: 0;
    list-style: none;
}

div#content ul li{
    line-height: 30px;
    padding: 5px 0 0 40px;
    background-image: url('/static/images/Film_Logo_Bullets.gif');
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

div#about{
    margin: 30px 0 0 150px;
}

div.col{
    float: left;
    width: 35%;
    border-right: 1px solid #FBAE00;
    margin: 0 20px 0 0;
    padding-right: 10px;
}

div#description{
    float: left;
    width: 35%;
    margin: 20px 0 0 0;
}

h3{
    color: #FBAE00;
}

div#footer{
    background-color: #8A9786;
    height: 100px;
}

div#powered{
    margin-left: 10%;
    padding: 0 0 0 20px;
    height: 28px;
    display: block;
    float:left;
    background: white url('/static/images/powered_left.gif') no-repeat top left;
}

div#powered span{
    display: block;
    float: left;
    margin-top: 5px;
    color: grey;
}

div#powered a{
    background: white url('/static/images/powered_right.gif') no-repeat top right;
    padding: 0 20px 0 0;
    margin: 0 0 0 10px;
    border: 0;
    float: left;
}

div#powered a img{
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
}

div#copyright{
    float: right;
    color: white;
    margin: 0 0.5em 0 0;
}

div#contact, div#demo, div.main_column {
    margin: 0 150px 0 150px;
}

#status_block {
    margin: 1em 150px;
}

#contact th {
    text-align: left;
    width: 200px;
}

#contact td {
    width: 400px;
}

#contact .textfield, #contact .textarea {
    width: 90%;
}

.video_display {
    text-align: left; /* set to left, right or center */
    width: 420px;
    float: left;
    position: relative;
}

.right_hand {
    margin-left: 420px;
    padding-left: 25px;
    margin-top: 3.6em;
    padding-top: 10px;
    background-image: url('/static/images/videostream-background.png');
    background-repeat: no-repeat;
    width: 358px;
    min-height: 280px;
}


ul.video_thumbs {
    padding: 0px;
    max-width: 750px; /* Ensure maximum three images wide */
}
.video_thumbs .video_thumb {
    float: left;
    list-style-type: none;
    background-image: none !important;
    padding: 0px !important;
    position: relative;
    margin: 5px;
    clear: none;
}
.video_thumbs .video_thumb img {
    border: 0px;
}
.video_thumbs a {
    text-decoration: none;
    display: block;
}
.video_thumbs a .hover {
    position: absolute;
    background-color: black;
    opacity: 0.8;
    display: none;
    bottom: 0px;
    left: 0px;
    width: 100%;
    margin: 0px;
    color: white;
}
.video_thumbs a:hover .hover {
    display: block;
}
.video_thumbs a .hover p {
    background-image: url('/static/images/Film_Logo_Bullets_transparent.png');
    background-repeat: no-repeat;
    background-position: 2px 50%;
    line-height: 1.7;
    padding: 5px 5px 5px 33px;
    margin: 0px;
    font-size: x-small;
}

.details {
    background-image: url('/static/images/details-background.png');
    background-position: left top;
    background-repeat: no-repeat;
    margin-left: -15px;
    width: 348px;
    padding: 5px 8px;
    min-height: 113px;
}
.details p {
    padding: 3px 0px;
    margin: 0px;
}
.details p.underline {
    border-bottom: 1px solid #c8cac7;
}

#videostream {
    display: block;
    width: 224px;
    height: 80px;
    padding: 15px 15px;
    position: absolute;
}

#go_prev, #go_next, .overflow_wrapper {
    position: absolute;
}
#go_prev {
    left: 0px;
}
.overflow_wrapper {
    overflow: hidden;
    display: block;
    width: 224px;
    left: 38px;
}
#go_next {
    left: 262px;
}

.thumbnail_container {
    /* white-space: nowrap; */
    position: relative;
    height: 66px;
    left: 6px;
}

a.prev_video, a.next_video {
    position: absolute;
}

p#player {
  margin-top: 0;
}