/* reset ========================================>> */
html, body, div, span, h1, h2, h3, h4, h5, h6, hr, p,
a, img, small, strike, sub, sup, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  text-align: left;
  vertical-align: baseline;
  }
h1,h2,h3,h4,h5,h6,p{
  -moz-opacity:.99;
  text-shadow:0 0 0 #000;
}
input{
  margin: 0;
  padding: 0;
  }
ol, ul{
  list-style: none;
  }
table{
  border-collapse: collapse;
  border-spacing: 0;
  }
caption, th, td{
  text-align: left;
  font-weight: normal;
  }
a{
  text-decoration: none;
  }
hr{
  height: 0;
  margin-bottom:1em;
}
/* elements =================================>> */
body{
  font: 12px/1.333em arial, sans-serif;
  background: url(/images/bgBody.gif) repeat-x ;
  color: #868c90;
  text-align:center; /* for safari ?? */
  }
a{
  color: #868c90;
  border-bottom:#ccc 1px dotted;
  }
a:hover{
  color: #35b1de;
  border-bottom:#aaa 1px dotted;
  }
p{
  margin-bottom:1em;
  }
em{
  color: #35b1de;
  }
small{
  font-size:.8em;
  }
hr{
  border-top:1px solid #ddd;
  }
/* FORMS */
fieldset{
  border: 1px solid #ddd;
  padding: 1em;
  margin-bottom: 1em;
  overflow: auto;
  }
dl.form, dl.form dt, dl.form dd{
  clear: left;
  display: block;
  vertical-align: middle !important;
}
dl.form dd{
  margin-bottom: 1em;
}
dl.form label{
  margin: 0px !important;
  padding: 0px;
}
dl.form input, dl.form textarea{
  width: 95%;
}
dl.form span.info{
  color: #ccc;
  font-style: italic;
}
.error-message {
  padding: 2px 5px;
  color: red;
  font-weight: bold;
}
.error-message SPAN {
  color: black;
  font-weight: normal;
}

#runtime-mode {
  float: left;
  background: red;
  color: white;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 0px;
  padding: 2px 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#runtime-mode.stage {
  background: #86b940;
}

.video-listing TABLE {
  margin: 25px;
  width: 820px;
  border: collapse;
}

.video-listing THEAD {
  background: #FFFFFF url(/images/BgCategory.gif) repeat-x scroll right bottom;
}

.video-listing TH {
  padding: 3px;
  border: 0px;
  margin: 0px;
}
.video-listing TR.even {
  background: #F0F0F0;
}
.video-listing TD {
  padding: 2px;
}
.video-listing TD A {
  color: black;
}

/* @group Layout Module ======================>> */
#wrapper{
  border: solid 1px #d8f2fc;
  padding: .5em .5em 0 .5em;
  width: 860px;
  margin:0 auto;
  background:#fff;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
  text-align: left;
  }
h2{
  font-size: 20px;
  margin-bottom:18px;
  margin-top: 1em;
  }
h4{
  font-size: 16px;
  margin-bottom: 18px;
  margin-top: 0em;
}
.ConstrainWidth > h2{
  XXpadding-left: 1em; /* TODO what is this? */
}
.ColumnGroup:after,
.ClearFix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
.ColumnGroup,
.ClearFix{
  *display: inline-block;
  }
.subcontent{
  margin-left: 160px;
}
/* Margin Setters =========> */
.MarginTop{
  margin-top: 20.0px;
  }
.MarginRight{
  margin-right: 20.0px;
  }
.MarginBottom{
  margin-bottom: 20.0px;
  }
.MarginLeft{
  margin-left: 20.0px;
  }
.MarginAll{
  margin: 20.0px;
}
/* Column Dividers ==================================================>> */
/* Even */
.ColumnOneWhole{
  float: left;
  width: 100%
  }
.ColumnOneHalf{
  float: left;
  width: 50%;
 *width:49.99%;
  }
.ColumnOneQuarter{
  float: left;
  width: 25%;
 _width: 24.99%;
  }
.ColumnThreeQuarters{
  float: left;
  width: 75%;
 _width:74.99%;
  }
/* Odd */
.ColumnOneThird{
  float: left;
  width: 33.33%;
 _width: 33.23%;
  }
.ColumnTwoThirds{
  float: left;
  width: 66.66%;
 _width: 66.56%;
  }
/* @end ==========>> */
.toggleOn{
  display: block;
  }
.toggleOff{
  display: none;
  }
.instructions{
  clear: both;
  }
.clearfix{
  clear: both;
  text-indent: -9999px;
  display: block;
  }
.realClearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }
.realClearfix{
  display:inline-block;
  }
#flash{
  font: 15px arial,sans-serif;
  color: red;
  padding: 3px;
  margin: 3px;
  border: 1px solid red;
  text-align: center;
  }
/*Header ==========>> */
h1{
  background: #65caf3;
  }
h1 a{
  display: block;
  height: 30px;
  padding-top: 20px;
  text-indent: -999em;
  background: #65caf3 url(/images/bgH1.gif) repeat-x top center;
  border: 1px solid #fff;
  border-bottom: 1px solid #65caf3;
  }
p#accountControls{
  color: #3cbfef;
  text-align: right;
  margin-bottom: 0;
  margin-right: .5em;
  }
/* Delivery ====================>> */
div#delivery{
  border: 1px solid #eee;
  padding: 1px;
  min-height:350px;
 _height:360px;
  }
div#delivery:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }
/* Search Bar ===============================>> */
ul#SearchBar{
  margin-bottom:.5em;
  }
ul#SearchBar li{
  background: #fff url(/images/BgCategory.gif) repeat-x bottom right;
  border-bottom: 1px solid #ddd;
  color: #5e5952;
  padding:.5em 0.2em;
  }
ul#SearchBar form{
  text-align: right;
  padding-right: 0.5em;
}
ul#SearchBar .search-field{
  width: 10em;
  margin-right: 0.3em;
  border: 1px solid #aaa;
}
ul#SearchBar input, ul#SearchBar label{
  vertical-align: middle;
}
.searchResults{
  padding: 0em 2em;
}
/* Categories Nav Menu========================== */
/* ==============================>> */
ul.Nav *{
  margin:0;
  padding:0;
  }

ul.Nav h4{
  margin-bottom: 10px;
}

ul.Nav {
  display: block;
  XXwidth: 12em;
  z-index: 9998;
/*  border: 1px solid #ddd;*/
  }
ul.Nav ul {
  XXwidth: 10em;  /*IE6 needs this??*/
  }
ul.Nav li {
 background: #fff;
/*  border: 1px solid #ddd;*/
 margin-top: 0px;
 display: block;
  XXlist-style: none;
  position: relative;
  width: 12em;
  z-index: 9999;
  }
ul.Nav a {
  display: block;
  text-decoration: none;
  border-bottom: none;
 *zoom:1;
  padding: 0em 0em;
  whitespace:nowrap;
  font-weight: 300;
  padding-bottom: 5px;
  }
ul.Nav li span{
  border-bottom: #ccc 1px dotted;
}
ul.Nav span.SubGrouper a{
  background:#ebf6fa;
  padding-left:2em;
  }
ul.Nav li ul {
  border: 1px solid #ddd;
  top: -999em;
  position: absolute;
  XXwidth: 14em;
  }
ul.Nav li:hover,
ul.Nav li.sfHover,
ul.Nav a:focus,
ul.Nav a:hover,
ul.Nav a:active {
  background: #fff url(/images/bgButton.gif) repeat-x bottom left;
  }
ul.Nav li:hover ul,
ul.Nav li.sfHover ul {
  left: 12em;
  top: 0;
  }
ul.Nav li:hover li ul,
ul.Nav li.sfHover li ul {
  top: -999em;
  }
ul.Nav li li:hover ul,
ul.Nav li li.sfHover ul {
  left: 12em;
  top: 0;
  }
ul.Nav li li:hover li ul,
ul.Nav li li.sfHover li ul {
  top: -999em;
  }
ul.Nav li li li:hover ul,
ul.Nav li li li.sfHover ul {
  left: 12em;
  top: 0;
  }
/* Category Options =Menu ====================>> */
.delete-button {
  color:red;
}

a {
  color:#000000;
  font-weight:700;
}

span.file input{
  margin-right: 5px;
}

span.folder input{
  margin-right: 5px;
}


ul#category{
  margin-bottom:.5em;
  }
ul#category a{
  display: block;
  background: #fff url(/images/BgCategory.gif) repeat-x bottom right;
  border: 1px solid #ddd;
  color: #5e5952;
  padding:.5em 0.2em;
  }
ul#category a:hover{
  /*background: #fff url(/images/BgCategoryOver.gif) no-repeat bottom right;*/
  }
ul#category ul{
  position: absolute;
  margin-left: -999em;
  width: 20em;
  border: 1px solid #ddd;
  border-top: 0;
  background:#fff url(/images/bgLightBlueGrad.gif) no-repeat bottom right;
  min-width: 330px;
  min-height: 356px;
  z-index: 9999 !important;
  }
ul#category:hover ul,
ul#category.Hover ul{
  margin-left: 0;
  }
ul#category ul a{
  background: 0;
  border: 0;
  }
ul#category ul a:hover,
ul#category ul a.selected{
  color: #000;
  background: #f0f8fe;
  }
ul#category ul a.selected{
  font-weight: 700;
  }

ul#category-list{
  float: left;
  width: 145px
}
ul#category-list h4{
  margin-left: 0.3em ;
}
ul#category-list a{
  color: #18bcee;
  margin-left: 0.6em ;
}
ul#category-list a.selected{
  color: #000;
}

ul#transcoder-list li{
  margin-left: 0.6em;
  padding: 0.5em;
}

ul#transcoder-list li a{
  margin-right: 0.4em;

}

ul#syndication-list li{
  margin-left: 0.6em;
  padding: 0.5em;
}

ul#syndication-list li a{
  margin-right: 0.4em;
  font-size: 14px;
}
/* MainMenu ============================================================>> */
.MainMenu{
  display:block;
  background:#65caf3;
  text-align:right;
  font-family: 'lucida grande' tahoma;
  border: 1px solid #fff;
  border-bottom:3px solid #86b940;
  line-height:2em;
  }
.MainMenu li{
  display:inline;
  }
.MainMenu li a{
  padding:.4em 1em;
  line-height:1em;
  color:#fff;
  background:#65caf3;
  border: 1px solid #65caf3;
  border-top: 0;
  font-weight:700;
  border-bottom:0;
  margin-top: -1px;
  }
.MainMenu li a:hover{
  background:#86b940;
  border: 1px solid #fff;
  border-bottom-color: #86b940;
  }
.UserMenu{
  display:block;
  background:#86b940;
  text-align:left;
  font-family: 'lucida grande' tahoma;
  border: 1px solid #fff;
  border-bottom:3px solid #65caf3;
  line-height:2em;
  }
.UserMenu li{
  display:inline;
  }
.UserMenu li a{
  padding:.4em 1em;
  line-height:1em;
  color:#fff;
  background:#86b940;
  border: 1px solid #86b940;
  border-top: 0;
  font-weight:700;
  border-bottom:0;
  margin-top: -1px;
  }
.UserMenu li a:hover{
  background:#65caf3;
  border: 1px solid #fff;
  border-bottom-color: #65caf3;
  }


/*** END MENU WORK ***/
div#delivery h3{
  width: 164px;
  height: 38px;
  background: url(/images/title-deliveryOptions.gif) no-repeat top left;
  text-indent: -9999px;
  margin: 0 0 5px 0;
  }
/*** =Flash Container Styling ***/
div#flash_player_container{
  width:324px;
  height:264px;
  }
div#flash_player_container #flash_player{
  }
div#delivery h4{
  font-size: 14px;
  margin-right:38%;
  }
.videoDescription{
  margin: 0 50% 10px 0;
  *margin-right: 42%;
  }
h2#sign_up{
  background: #86b940 url(../images/bgH2green.gif) bottom right;
  border:1px solid #679f29;
 -webkit-border-radius:4px;
 -moz-border-radius:3px;
  font-size:1.2em !important;
  padding: 5px 10px;
  text-align: center;
  display:block;
  float:right;
  max-width:29%;
  margin-top:3px;
  }
h2#sign_up a{
  color: #fff;
  text-shadow: 0 0 3px #154601;
  border-bottom:0;
  }
#pagination, #publish_pagination{
  position:absolute;
  right:.5em;
  top:.4em;
  font-size: .9em;
  color:#ddd;
}
#pagination a,
#publish_pagination a{
  padding: .1em .5em;
  border:0;
  color:#fff;
 -webkit-border-radius:4px;
 -moz-border-radius:3px;
}
#pagination a:hover,
#pagination a:focus,
#publish_pagination a:hover,
#publish_pagination a:focus{
  background:#629827;
}
/***language Picker ==========> */
.LanguagePicker{
  display:block;
  height:2em;
  margin:-1.5em 0 1em 0 ;
  }
.LanguagePicker li{
  float: right;
  font-size: .8em;
  font-family:geneva;
  line-height:1em;
  }
.LanguagePicker a{
  background: #86B940 url(../images/bgH2green.gif) repeat scroll right bottom;
  border: 1px solid #679f29;
  margin:-1px 0 0 -1px;
  color: #fff;
  display: block;
  padding:4px 12px;
  opacity:.60;
  filter: Alpha(Opacity=60);
  }
.LanguagePicker a:hover{
  color:#fffb8c;
  opacity:.75;
 *filter: Alpha(Opacity=75);
  text-shadow: 0 0 3px #154601;
  }
.LanguagePicker a.active{
  opacity:.90;
 *filter: Alpha(Opacity=90);
  text-shadow: 0 0 3px #154601;
  }
.disabled-msg {
  background: #E1E1E1;
  color: #515151;
  padding: 10px;
  margin: 0px 5px;
}
/***DeliveryOptions Styling******************/
#deliveryOptions{
  width:325px;
  height: 244px;
  float: right;
  background: #fff url(/images/bgLightBlueGrad.gif) no-repeat bottom right;
 -webkit-border-radius:4px;
 -moz-border-radius:3px;
  border: 1px solid #ddd;
  padding: 10px;
 _padding: 10px;
  margin-bottom: 1em;
  }
#deliveryOptions h5{
  font-size: 13px;
  margin: 0 0 8px 0;
  }
#deliveryOptions a{
  border-bottom:none;
  }
#deliveryOptions p{
  margin: 0;
  width: 320px;
  }
#deliveryOptions ul{
  margin: 5px 0;
  }
#deliveryOptions ul li{
  display: inline;
  margin-right: 5px;
  }
#deliveryOptions #instant_ftp label{
  background: url(/images/icon-email.gif) left center no-repeat;
  clear: left;
  display: block;
  float: left;
  height: 20px;
  text-indent: -9999px;
  width: 27px;
  }
#deliveryOptions #instant_ftp input{
  display: block;
  float: left;
  margin: 5px 0;
 *width:14em;
  }
#deliveryOptions .submit{
  clear: left;
  margin-top: 10px;
  }
#instant_ftp_info{
  padding: 20px;
  }
#instant_ftp_info dl{
  margin: 10px 0; overflow: auto;
  }
#instant_ftp_info dt{
  clear: left;
  display: block;
  float: left;
  font-weight: bold;
  width: 10em;
  }
#instant_ftp_info dd{
  float: left;
  }
ul#videoListing{
  clear: both;
  width: 100%;
background:#ddd;
  margin: 15px 0 0 0;
  }
li.videoEntry:after,
div.videoMeta a img:after{
  content: "";
  clear: both;
  height: 0px;
  visibility: hidden;
  display: block;
  }
div#wrapper ul#videoListing li.videoEntry{
  width:32%;
  height: 106px;
  display: block;
  float: left;
  margin: 0 5px 20px 0;
  }

div#publish_video_listing ul#videoListing li.videoEntry{
  width:32%;
  height: 74px;
  display: block;
  float: left;
  margin: 0 5px 20px 0;
  }

div#publish_video_listing{
  margin-left: 20px;
  }

li.videoEntry div.videoMeta{
  height: 74px;
  font-size: 11px;
  color: #8C9296;
  overflow: hidden;
  }
div.videoMeta a img{
  margin-right: 5px;
  float: left;
 *zoom: 1;
  }
.videoMeta a img:empty{
  background:#eee;
  height:74px;
  width:100px;
  }
div.movieTitle{
  font-weight: bold;
  margin: 0px;
  }
div.movieDescription{
  margin: 0px;
  line-height: 1.1em;
  font-size: 10px;
  }
ul.movieFormats li{
  display: inline;
  }
ul.movieFormats a{
  border-bottom:0;
  }
.format-item {
  margin-bottom: 5px;
}
.format-item *{
  vertical-align: middle !important;
}
.format-item label{
  padding: 0px;
}
.marked-for-removal{
  color: red;
}
div.delete-video-action{
  display: inline;
}
div.delete-video-action a{
  color:#fff;
  padding: 3px 10px;
  background: maroon;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
  border: 0px;
}
div.delete-video-action a:hover{
  background: red;
}
#thumbnail_notice{
  padding: 1em 0em;
  color: #000;
}
/* --- generic styles ----------------------------------------> */
input[type='text'],
input[type='password'],
textarea{
  text-indent: .2em;
  border: #eee 1px inset;
  }
h2.latestVideos{
  position:relative;
  background:#86B940 url(../images/bgH2green.gif) bottom right;
  border:1px solid #679f29;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
  padding: 5px 10px;
  color:#fff;
  text-shadow: 0 0 3px #154601;
  font-size: 1.2em !important;
  }
.loginStyle{
  color: #fff;
  background: url(/images/bgLogin.jpg) no-repeat;
  width: 537px;
  padding: 20px;
  height:200px;
  margin: 2em auto 10em auto;
  line-height: 1.9em;
 *zoom:1;
  }
.loginStyle h2{
  font-weight: 100;
  }
.loginStyle a{
  color:#fff;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  }
.loginStyle .formRow{
  display: block;
  clear:both;
  }
.loginStyle label{
  display: block;
  float: left;
  width: 40%;
  margin-right: 3%;
  text-align: right;
  }
.loginStyle input{
  border: 1px solid #fff;
  margin: -1px;
  width: 48%;
  text-indent: .3em;
  }
.loginStyle input:focus,
.loginStyle input:active{
  background: #ffd;
  }
.loginStyle .button{
  background: transparent;
  text-transform: capitalize;
  font-size: 1em;
  font-weight: 700;
  color: #fff;
  padding: .25em .5em;
  width: auto;
  margin: .5em 0;
  text-indent: 0;
  cursor:pointer;
  }
.signupStyle{
  background: url(/images/bgSignup.jpg) no-repeat;
  padding-top: 40px;
  }
.signupStyle label{
  width:70%;
  }
.signupStyle .formRow{
  display:block;
  width:100%;
  }
.signupStyle .formRow .button{
  width:auto;
  margin:1em auto auto 20em;
  }
.copyright{
  font-size: 10px;
  margin-bottom:1em;
  margin-top: 2em;
  text-align: center;
  clear: both;
 *zoom: 1;
  }
.copyright a{
  margin: .5em;
  line-height: 2em;
  }
.colorPrimary{
  color: #3cbfef ;
  }
/* PROFILE */
#profile{
  overflow: auto;
  padding: 20px;
  padding-top: 0px;
  }
#profile #content{
  float: left;
  }
#profile #sidebar{
  float: right;
  width: 200px;
  }
#profile #sidebar strong{
  font-weight: bold;
  }
#profile .errors{
  color: #900;
  }
#profile .errors strong{
  font-weight: bold;
  }
#profile form{
  width: 500px;
  }
#profile fieldset{
  border: 1px solid #ddd;
  padding: 1em;
  margin-bottom: 1em;
  overflow: auto;
  }
#profile fieldset h3{
  margin-bottom: .5em;
  }
#profile label{
  display: block;
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
  width: 220px;
  }
#profile label.required{
  font-weight: bold;
  }
#profile label input{
  display: block;
  margin-top: 2px;
  width: 100%;
  }
#profile label.narrow{
  width: 100px;
  }
dl.form input.dimensions{
  width: 4em;
}

dl.form input#width{
  float: left;
}

legend{
  font-size: 18px;
  z-index: 9999;
}
fieldset .title{
  z-index: 9999;
  position: relative;
  bottom: 20px;
  margin: 0;
  padding: 0;
  background: #fff;
  float: left;
}

.duration{
  white-space: pre;
  }
.button-delete{
  color: white;
  background-color: maroon;
}
.button-delete:hover{
  background: red;
}
.button-group{
  clear:both;
 *zoom:1;
  padding: 15px;
  background: #F0F0F0;
}
.button-group a{
  color: maroon;
}
#menu{
  position: absolute;
  top: -500px;
  z-index: 9999 !important;
  }
/* @group Utility Styles ======================================>> */
.TextRight{text-align:right}
.TextLeft{text-align:left}
.TextCenter{text-align:center}
.FloatLeft{float:left}
.FloatRight{float:right}
.Inline{display:inline}
.Block{display:block}
.HideOLD{display:none}
.Hide{ left: -100px; }
.Relative{position:relative}
.AbsoluteTop{position:absolute;top:0}
.AbsoluteRight{position:absolute;right:0}
.AbsoluteBottom{position:absolute;bottom:0}
.AbsoluteLeft{position:absolute;left:0}
/* @end  ==========>> */