@import "jquery-ui.css";
/* Style Screen (Vidhandlr Main Stylesheet) */

/* 
(C)2009 BASHTON / FIRSTBASEDESIGN

Created: Mon 26 Oct 2009
Author: Marc Remblance
Version: 1.0
*/


/* ----- Layout / Structure -----  */


* { 
	margin : 0;
	
	padding : 0;
	
	}


html body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Verdana, sans-serif;
}

#wrapper {

	width: 100%;

	height: 100%;
  
  text-align: left;

	margin: 0 auto;
	

	}
	

#headerOuter {

	 width: 100%;
	 
	 height: 141px;
    
	 background: url(../images/header_background_plain.png);
     
	 }
	 

#headerTop {

	position: relative;

	background-image: url(../images/header_plain.png);

	width: 970px;
	
	height: 141px;
	
	margin: 0px auto;

	}
	

#headerBottom {

	background-image: url(../images/header_bottom.png);

	width: 970px;
	
	height: 281px;
	
	margin: 0px auto;

	}	
	
	
#mainContainer {

	width : 970px;

	background: #fff repeat-y;

  padding-bottom: 46px;

  margin: 0px auto;

  height: 100%;

  height: auto !important;

  min-height: 80%;

	}

	
#content {

	float: left;

	width: 970px;

	padding: 30px 10px 10px 10px;
	
	margin: 0;

  background: #fff;

	}
	
	
#sidebar {

	float: right;
	
	width: 280px;

	padding: 30px 0 0 0;
	
	margin: 0;

	}
	

#innerNews {

	background-color: #c6e4ed;
	
	border: 1px solid #94a8c5;

	width: 90%;
	
	height: 100%;

	margin: 0 0 30px 0;

	padding: 10px;

  font-size: 1.2em;

	}
	
#footerOuter {

	width: 100%;
	 
	height: 83px;
    
	background: url(../images/footer_background.png);
	
	margin: 0;
	
	padding: 0;
    
	}
	

#footer {

  	width: 970px;

	height: 83px;
	
	background: url(../images/footer_bottom.png);
    
	margin: 0px auto;
    
	padding: 0;
	
	}
	

.clear {

	clear: both;
	
	}
	

/* ----- Typography  -----  */


p {

	font-size: 1em;
	
	line-height: 1.6em;
	
	color: #1d170f;
	
	padding: 0 15px 10px 10px;
	
	margin: 15px 0 10px 0;

	}
	
	
h1 {

	padding: 0 0 0 10px;
	
	font-family: Arial, Verdana, sans-serif;
	
	font-size: 1.6em;
	
	color: #328ca5;
	
	border-bottom: 1px dotted #55b6d1;
	
	margin-bottom: 20px;
	
	}
	
h1 span {
	
	font-size: 1.7em;
	
	color: #205e6f;
	
	}
	
h2 {

	padding: 5px 0 0 10px;
	
	font-family: Arial, Verdana, sans-serif;
	
	font-size: 1.2em;
	
	color: #2b555d;
	
	border-bottom: 1px dotted #826949;
	
	margin-bottom: 10px;
	
	}
	
h3 {

	padding: 5px 0 0 10px;
	
	font-family: Arial, Verdana, sans-serif;
	
	font-size: 1em;
	
	color: #2b555d;
	
	margin-bottom: 10px;
	
	}
	
h4 {

	padding: 5px 0 0 10px;
	
	font-family: Arial, Verdana, sans-serif;
	
	font-size: .8em;
	
	color: #2b555d;
	
	margin: 0;
	
	}
	
#innerNews p {

	font-size: .7em;
	
	line-height: 1.6em;
	
	color: #1d170f;
	
	padding: 0;
	
	margin: 15px 0 10px 0;
	
	}
	
#homeLink {
	
	position: absolute;
	
	top: 20px;
	
	left: 20px;
	
	height: 100px;
	
	width: 365px;
	
	background-color: transparent;

	}
	
#homeLink img {

	border: none;
	
	}
	

#homeLink span {

	display: none;
	
	}
	
.largeBulletPoints {

	margin: 0;
	
	padding: 5px 0 5px 0;

        border: 0;
	
	}
	
.largeHandwritingText {

	margin: 0;
	
	padding: 10px 0 10px 0;

        border: 0;
	
	}
	
#signUpIcon {

	float: right;

	margin: 75px 60px 0 0;
	
	padding: 0;

        width: 300px;
        height: 120px;
	
	}
	
#signUpIcon img {

	border: none;
	
	}

#signUpIcon span {
        display: none;
      }

#signUpIcon a {
        width: 300px;
        height: 120px;
        display: block;
        background:url(/static/images/sign_up_icon.png) 0 0 no-repeat;
      }

#signUpIcon a:hover {
        background:url(/static/images/sign_up_icon.png) -0px -120px no-repeat;
}
	
#footer a {

	color: #fff;
	
	}
	
	
#footer #left {

  color: #fff;

  float: left;

  padding-left: 20px;

  font-size: .6em;	
  
  margin-left: 10px;

  margin-top: 55px;
	
	}

#footer #right {

  color: #fff;

  float: right;

  padding-right: 20px;

  font-size: .6em;

  margin-left: 10px;

  margin-top: 55px;

}


#footer #left a, #right a {
	
	color: #93c6c2;
	
	text-decoration: none;

	border-bottom: 1px dotted;
	
	}
	
#footer a:visited, #footer a:hover {
	
	color: #fff;
	
	border-bottom: 1px dotted;
	
	}


/* ----- Header Navigation  -----  */


#headerNavigation {

	position: relative;
	
	width: 400px;
	
	padding: 0;

	margin: 0 0 0 600px;
	
	font-size: .8em;
	
	font-weight: bold;
	
	color: #fff;
	
	}
	
#headerNavigation li {

	list-style: none;

	float: left;
	
	padding: 20px 10px 0 10px;
	
	}
	
	
#headerNavigation a {
	
	color: #fff;
	
	text-decoration: none;
	
	padding: 0;
	
	}
	
	
#headerNavigation a.active, #headerNavigation a:hover {
	
	color: #fff;
	
	border-bottom: 1px dotted #55b6d1;
	
	}
	

ul {

        padding-left: 30px;
        }

li {
        padding-bottom: 10px;
}
	
/* ----- Front page specific CSS  -----  */


#frontPage {

	margin: 0;
	
	padding: 0;
	
	height: 100%;
	
	}


#frontPage #wrapper {

	width: 100%;

	height: 100%;
  
  text-align: left;

	margin: 0 auto;
	
	}
	
#frontPage #headerOuter {

	 width: 100%;
	 
	 height: 421px;
    
	 background: url(../images/header_background.png);
     
	 }
	
	
#frontPage #headerTop {

	position: relative;

	background-image: url(../images/header_top.png);

	width: 970px;
	
	height: 141px;
	
	margin: 0px auto;

	}
	
#frontPage #headerBottom {

	background-image: url(../images/header_bottom.png);

	width: 970px;
	
	height: 281px;
	
	margin: 0px auto;

	}
	
	
#frontPage #mainContainer {

  margin: 0px auto;

	height: 100%;
  
  height: auto !important;

  min-height: 40%;

  width : 970px;

	background: #fff repeat-y;
	
	}

	
#frontPage #content {

	float: left;

	width: 650px;

	padding: 10px 10px 10px 10px;
	
	margin: 0;
	
	}
	
	
#frontPage #footerOuter {

	width: 100%;
	 
	height: 83px;
    
	background: url(../images/footer_background.png);
	
	margin: 0;
	
	padding: 0;
    
	}
	

#frontPage #footer {
	
	width: 970px;

  height: 83px;
	
	margin: 0px auto;
	
	}
	
	
#frontPage #footer #left {

	color: #fff;

  float: left;

  padding-left: 20px;

  font-size: .6em;

  margin-left: 10px;

  margin-top: 55px;

	} 

#frontPage #footer #right {

  color: #fff;

  float: right;

  padding-right: 20px;

  font-size: .6em;

  margin-left: 10px;

  margin-top: 55px;

}


#frontPage #headerNavigation {

	position: relative;
	
	width: 400px;
	
	padding: 0;

	margin: 0 0 0 600px;
	
	font-size: .8em;
	
	font-weight: bold;
	
	color: #fff;
	
	}
	
#frontPage #headerNavigation li {

	list-style: none;

	float: left;
	
	padding: 20px 10px 0 10px;
	
	}
	
	
#frontPage #headerNavigation a {
	
	color: #fff;
	
	text-decoration: none;
	
	padding: 0;
	
	}
	
	
#frontPage #headerNavigation a.active, #signUpPage #headerNavigation a:hover {
	
	color: #fff;
	
	border-bottom: 1px dotted #55b6d1;
	
	}
	
	
#frontPage #content ul {
	
	margin: 25px 0 0 0;
	
	}
	
#frontPage #content ul li {
	
	list-style-type: none;
	background: url(../images/large_bullet.png) 5px 0px no-repeat;
	height: 54px;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 70px;
	font-size: 1.5em;
	color: #205e6f;
	
	}

.frontpagevideo {
  float: left;
  margin-top: 20px;
}

.frontpageformcontainer {
  float: left;
  margin-top: 10px;
  margin-left:40px;
  padding: 10px 20px 5px 20px;
}

.frontpageform {
  float: left;
}

.frontpagesubmit {
  float: left;
  clear: left;
  text-align: center;
}

.frontpagesubmitbutton {
  float: left;
  clear: left;
  text-align: center;
}

.formfields {
  float: left;
  margin-right: 20px;
}

#signupform {
  width: auto;
  padding-bottom: 5px;
}

#signupform input {
  width: 13em;
}

.validation-working {
  background: #fff url('/static/images/validation-working.gif') right center no-repeat;
}

.validation-ok {
  background: #fff url('/static/images/validation-ok.png') right center no-repeat;
}

.validation-error {
  background: #fff url('/static/images/validation-error.png') right center no-repeat;
}

#signupform label {
  width: 13em;
  color: #d4e7ea;
}

.frontpagesubmitbutton input {
  width: 12em;
}

#recaptcha_widget {
  float: left;
  padding: 20px 5px 5px;
}

.frontpagedisclaimer {
  padding-top: 15px;
  clear: left;
  text-align: center;
  font-size: 0.6em;
  color: #2b555d;
}

.poweredby {
  color: #2b555d;
  clear: left;
  font-size: 0.6em;
}

#refresh-button, #audio-button, #image-button, #help-button {
  float: left;
}

#refresh-button a img, #audio-button a img, #image-button a img, #help-button a img {
  border: none;
}

#themeform {
width: 90%;
}

#uploadform {
  width: 90%;
}

/* ----- Sign Up Form  -----  */


form {
	 
	 width: 600px;
	 
	 margin: auto;
	 
	 padding-bottom: 20px;
	 
	 color: #930;
	 
	 }

fieldset {
     
	 position: relative;
	 
	 margin-bottom: 10px;
	 
	 padding: 0 0 1em 0;
	 
	 background-color: #bed872;
	 
	 border: none;
	 
	 border-bottom: 1px solid #999;
	
	 }

form > fieldset:first-child {

	 background-color: #c6e4ed;
	
	 }

legend {
	 
	 padding-left: 10px;
	 
	 font-size: 1em;
	 
	 font-weight: bold;
	 
	 letter-spacing: .4em;
	 
	 font-family: Arial, Helvetica, sans-serif;
	 
	 color: #2b555d;
	 
	 }

legend span {  
	 
	 position: absolute;  
	 
	 left: 0.6em;  
	 
	 top: 0;  
	 
	 margin-top: 0.5em;  
	 
	 font-size: 1.3em;
	 
	 border-bottom: 1px dotted #6b573d;
	
	 }

form ol {
 
 	 padding: 20px;

	 }

fieldset ol {  
	 
	 padding: 3.5em 1em 0 1em;  
	 
	 list-style: none;
	 
	 }

fieldset.submit {  
	 
	 border: none;
	 clear: both; 
	 background-color: transparent;
	 
	 }
	 
	.submit {
		
		border: none;
		
		}

form p {
	 
	 margin: 10px;
	 
	 font-size: .8em;
	
	 }

form li {
	 
	 list-style-type: none;
	 
	 border-bottom: 1px dotted #000; 
	 
	 padding-bottom: 10px;
	 
	 margin-bottom: 2px;
	
	 }

label {
	 
	 display: block;
	 
	 width: 200px;
	 
	 font-size: 1em;
	 
	 font-weight: bold;
	 
	 color: #2b555d;
	 
	 padding: 2px 0 2px 0;
	
	 }

label img {
  float: right;
}


span.label {
 
 	 font-weight:bold;

	 }

li.radioContainer label {
	 
	 float: none;
	 
	 font-weight: normal;
	
	 }

input {
 	
	border: 1px solid #C6E4ED;
	
	padding: 5px;
	
	margin: 0;
	
	color: #333;

	}

#headerLower { 
  clear: left; 
} 
   
#lowerHeaderNavigation  { 
  position: relative; 
  padding: 0; 
  padding-bottom: 50px;
  width: 600px;
  text-align: center;
  margin: 0 auto; 
  font-size: .8em; 
  font-weight: bold; 
  color: #2B555D;
} 
    
#lowerHeaderNavigation li { 
  list-style: none; 
  float: left; 
  padding: 5px 10px 0 0; 
} 
      
#lowerHeaderNavigation a { 
  color: #2B555D; 
  text-decoration: none; 
  padding: 0; 
} 
   
#lowerHeaderNavigation a:hover { 
  color: #2B555D; 
  border-bottom: 1px dotted #2B555D; 
} 



/* ----- Blog  -----  */

.item h1 {
  
  margin-bottom: 5px;

  color: #2B555D;

  }

.item h1 a{

  color: #2B555D;

  text-decoration: none;

  }

.item .descr {

  padding-left: 10px;

  }

/* ----- Control Panel  -----  */

table.control {
  width:100%;
  border-top:1px solid #C6E4ED;
  border-right:1px solid #C6E4ED;
  border-left:1px solid #C6E4ED;
  margin:1em auto;
  border-collapse:collapse;
}

table.control th {
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-size:1.2em;
  color: #FFF;
  background:#2B555D;
  border-bottom:1px solid #C6E4ED; 
}

table.control td {
  color:#333;
  border-bottom:1px solid #C6E4ED;
  border-left:1px solid #C6E4ED;
  padding:.3em 1em;
  text-align:center;
}

table.control tr.encoderow td input {
  font-size: 1.2em;
  font-weight: bold;
  background:#ddd;
  text-align: center;
}

table.control tr.odd {

}

table.control tr.even {
  background:#ded6cd;
}

table fieldset {
  text-align:left;
}

pre {
  text-align:left;
}

.credits {
  float: right;
  color: #fff;
  margin: 5px;
}

.negbalance {
  color: #900;
  float: right;
  margin: 5px;
}

.posbalance {
  color: #fff;
  float: right;
  margin: 5px;
}

p.posbalance {
  color: #000;
  text-align: center;
  float: none;
}

#showAdvanced, #showBasic {
  cursor: pointer;  
}

.database {
  padding:2px;
}

.database-disabled {
  padding:2px;
  color: #fff;
}

.dbuser {
  margin-left: 24px;
}

.dbuser-disabled {
  color: #fff;
  margin-left: 24px;
}

.startlink {
  background:transparent url(/media/images/start.png) no-repeat scroll 0 0.2em;
  padding-left:20px;
  padding-bottom: 24px;
  cursor: pointer;
}

.stoplink {
  background:transparent url(/media/images/stop.png) no-repeat scroll 0 0.2em;
  padding-left:20px;    
  padding-bottom: 24px;      
  cursor: pointer;
}

.infolink {
  background:transparent url(/media/images/down.png) no-repeat scroll 0 0.2em;
  padding-left:20px;
  padding-bottom: 24px;
  cursor: pointer;
  float: right;
}

.addlink {
  background:transparent url(/adminmedia/img/admin/icon_addlink.gif) no-repeat scroll 0 0.2em;
  font-size: 1.2em;
  padding-left:12px;
  margin-right:12px;
  cursor: pointer;
}

.changelink {
  background:transparent url(/adminmedia/img/admin/icon_changelink.gif) no-repeat scroll 0 0.2em;
  padding-left:12px;
  padding-bottom: 24px;
  margin-right:12px;
  cursor: pointer;
}

.deletelink {
  color:#CC3434;
  font-size: 1.2em;
  background:transparent url(/adminmedia/img/admin/icon_deletelink.gif) no-repeat scroll 0 0.2em;
  padding-left:12px;
  margin-right:12px;
  margin-top:12px;
  cursor: pointer;
}


a, a:visited {
  cursor: pointer;
  color: #333;
}

#currency {
  display: inline;
}

form#currencyform {
  padding-top: 5px;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: 750px;
  color: #333;
  width: 200px;
}

input.disabled {
  color:#CCC;
}

/* ----- Checkout  -----  */

table.checkout {
  width:50%;
  border-top:1px solid #C6E4ED;
  border-right:1px solid #C6E4ED;
  border-left:1px solid #C6E4ED;
  margin:1em auto;
  border-collapse:collapse;
}

table.checkout th {
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-size:1.2em;
  color: #EEE;
  background:#2B555D; 
  border-left:1px solid #C6E4ED;
}

table.checkout td {
  color:#333;
  border-bottom:1px solid #C6E4ED;
  border-left:1px solid #C6E4ED;
  padding:.3em 1em;
}

/* Yes, the left-right swap is deliberate */

table.checkout td.left{
  text-align:right;
}

table.checkout td.right{
  text-align: left;
}


table.checkout tr.total {
  background:#ded6cd;
}

form#billinguserprofileform {
  color: #000;
  width: 30%;
  margin: auto;
  font-size: 75%;
}

#future {

	border: 1px solid #bac2cf;

	width: 50%;

        margin: 1em auto;
	
	padding: 10px;

	}

#checkoutfooter {
        margin: 1em auto;
        width: 80%;
      }

.proceed {
        text-align: center;
        font-size: 1.4em;
      }

.proceed a img{
       border: none;
     }

/*  KuTicket */

.ticketheader {
        font-size: 0.7em;
        color: #444;
      }

.ticketbody{
        margin: 0px;
        font-size: 0.9em;
        background:#ded6cd;
}

.odd{
        background:#ded6cd;
}

.even {
        background:#bad6cc;
}

/* User Guides */

img.centered {
  display:block;
  margin: auto;
}



/* Video Details */
.video {
  padding-bottom: 3em;
}

h1.videotitle {
  border-bottom: 0px;
  font-size:1.2em;
  text-align:center;
  color:#000000;
  padding-top: 1em;
  padding-bottom: 0;
  white-space:normal;
}

.videotitle { 
  font-size:2em;
  text-align:center;
  color:#328CA5;
  padding-bottom: 1em;
  white-space:normal;
} 

.thumbnail {
  float:left;
  padding-right: 3em;
  padding-bottom: 3em;
  clear: both;
}

.thumbnail a img {
  border: none;
}

.pagination {
  clear: both;
  text-align: center;
  padding-top: 3em;
  font-size: 1.2em;
}

.pagination .current {
   
}

#toggle_encodings {
  cursor: pointer;
}

.videoframe {
  float:left;
  text-align: center;
  width: 100%;
}

.videosettings {
  float: left;
  margin-right: 2em;
  margin-left: 4em;
  margin-top: 1em;
}

.videosettings .setting {
  clear: both;
  float: left;
}
 
.videosettings .settingname {
  float: left;
  font-weight: bold;
  font-size: 1.4em;
  margin-right: .8em;
  text-align: center;
}
 
.videosettings .settingvalue {
  float: left;
  margin-right: .8em;
  clear: both;
}
 
.videosettings .settingedit {
  float: left;
}

.horizstat {
  float: left;
  text-align: center;
  width: 30%;
}

.mainstats {
  float: left;
  text-align: center;
  width: 100%;
}

.mainstats .statname {
  font-size: 1.1em;
  text-align: center;
}

.mainstats .statvalue {
  font-size: 4em;
  font-weight: bold;
  text-align: center;
}

.stats {
  padding-top: 3em;
  float: left;
  width: 500px;
}

.stats .statname {
  font-size: 1.4em;
  text-align: center;
}

.stats .statvalue {
  font-size: 4em;
  font-weight: bold;
  text-align: center;
}

.encodings {
  clear: both;
}

.embedcodes {
  clear: both;
}

p.embed {
  border: 1px solid #000;
  padding: .5em;
  background: #EFEFEF;
}

.breadcrumb {
  font-size: .8em;
  padding-bottom: .4em;
}
.breadcrumb a {
  text-decoration: none;
}

.themeplayer {
  margin: auto;
  text-align: center;
}

.formCPicker {
  float: left;
  padding-right: 2em;
  height: 5em;
  width: 15em;
}

.formCPicker label {
  width: 90%;
  font-size: 1em;
}

.formCPicker input {
 width: 6em; 
}

#uploadstatus {
  font-size: 2em;
  color:#2B555D;
  float: left;
}

.progress-text {
  font-size: 1.5em;
  vertical-align:middle;
  float: left;
}

.theme .theme_name {
  clear: both;
  float: left;
  font-weight: bold;
  margin-right: .8em;
}

.theme .themeedit {
  float: left;
}

.formelement {
  margin: 1em;
}

.size .formelement {
  clear: left;
}

.radiogroup {
  float: left;
  clear: both;
}

.radiogroupname {
  color: #2B555D;
  font-size: 1.2em;
  font-weight: bold;
}

.size {
  float:left;
}

.question {
  font-weight: bold;
  margin-left: 5px;
}

.answer {
  margin: 0 15px 0 15px;
  text-align: justify;
  font-size: 0.9em;
}

p.negbalance {
  color: #f00;
}

/* Encodings table */
table.encodings {
  width:90%;
  border-top:1px solid #000;
  border-right:1px solid #000;
  border-left:1px solid #000;
  margin:1em auto;
  border-collapse:collapse;
}
 
table.encodings th {
  padding: .3em;
  text-align: center;
  font-size:1.1em;
  color: #FFF;
  background:#2B555D;
  border-bottom:1px solid #000;
}
 
table.encodings td {
  color:#333;
  background: #FFF;
  border-bottom:1px solid #000;
  border-left:1px solid #000;
  padding:.3em 1em;
  text-align:center;
  font-size: 2em;
  font-weight: bold;
}

table.encodings td.actions {
  border-bottom:1px solid #000;
  border-left:1px solid #000;
  padding:.3em 1em;
  text-align:center;
  font-size: 1em;
  font-weight: normal;
}

table.encodings td.plays {
  width: 25%;
}

table.encodings td.title {
  font-size: 1.5em;
}

table.encodings td.bitrate {
  font-size: 1.5em;
  width: 25%;
}

table.encodings tr.odd {

}

table.encodings tr.even {
  background:#fff;
}

/* Please wait page */
.notice h1 {
  padding-top: 3em;
  border-bottom: 0px;
  text-align: center;
}

.stats .notice h1 {
  padding-top: .5em;
  border-bottom: 0px;
  text-align: center;

}

.notice .waiting {
  text-align: center;
}

.notice .info {
  font-size: .9em;
  text-align: center;
  padding-top: 3em;
}

#learn_more {
  clear: both;
  font-size: 14px;
  height: 210px;
  margin: 0px auto;
  position: relative;
  width: 95%;
  padding-left: 30px;
  color: #aaa;
}


.learn_more_block {
  float: left;
  margin-left: 10px;
  margin-right: 30px;
  width: 240px;
}

h5 {
  font-size: 1em;
  color: #000;
  margin-bottom: 10px;
}

#signup_today {
  width: 500px;
  margin: 0px auto;
  font-size: 1.3em;
}