* { padding:0; margin:0; }
html, body { height:100%; }
body
{
	background:#78abbf url(../images/bg.jpg) no-repeat top center;
	font:10pt/150% Arial, sans-serif;
	margin:0;
	text-align:center;
}
h1, h2, h3, h4 { padding:0;margin:0;margin: 0 0 .75em 0; }
h1 
{
	font-size:32px;
	font-weight:normal;
	letter-spacing:-.05em;
	font-family: Arial, Sans-Serif;
	color:#082b52;
	
}
h2 
{
	color:#5e5e5e;
	font-weight:normal;
	font-size:26px;
	letter-spacing:-.05em;
	font-family: Arial, Sans-Serif;
}
h3 
{
	font-size:16px;
	font-weight:bold;
	color:#83b300;
}
p  { margin: 0 0 1.5em 0; }
a { color:#004e84;font-weight:bold;text-decoration:none; }
a:hover { text-decoration:underline; }
ul.green { padding-left:20px; }
.green li {  list-style-image:url(../images/bullet_green.png);margin-bottom:12px;
	font-size:14px;
	letter-spacing:-.005em;
	font-family: Arial, Sans-Serif;}
img { border:0; }
#wrapper 
{
	width:960px;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -135px;
}
#header 
{
	height:150px;
	
}
#headertabs {margin-right:50px;height:40px;float:right; }
#headertabs p { float:right; color:#e5f7ff; line-height:37px; margin-right: 20px; font-size:14px;}
#header ul.tabs { height:37px;margin:0;padding:0; list-style-type:none;float:right;  }
#header ul.tabs  li {height:37px;line-height:37px; float:left;margin-right:3px;padding-left:20px;background:url(../images/tab_l_flip.png) no-repeat top left;}
#header ul.tabs  li div { background:url(../images/tab_r_flip.png) top right;padding-right:22px; }
/*#header ul.tabs  li:hover, #console ul.tabs  li.sel {float:left;padding-left:20px;background:url(../images/tab_sel_l_flip.png) no-repeat top left;}
#header ul.tabs  li:hover div, #console ul.tabs  li.sel div { background:url(../images/tab_sel_r_flip.png) top right; }
*/
#header ul.tabs  li a { display:inline-block; font-size:14px; font-weight:bold;color:#545454; }
#header ul.tabs  li a:hover { text-decoration:none;color:#666666; }

#logo 
{
	float:left;
	margin-top:30px;
}
#menu 
{
	float:left;
	margin-left:40px;
	margin-top:30px;
}
#menu ul {  list-style-type:none;margin:0px;padding:0px;overflow:hidden;}
#menu ul li {   float:left;margin-right:20px;}
#menu ul li.backLava { background:url(../images/menu_bg.png) repeat-x bottom left; width:9px;position:absolute; }
#menu a { color:White;font-weight:bold;
text-decoration: none;
text-align: center;
z-index: 10;
display: block;
padding:6px 0px;
font-size:14px;
position: relative;
margin: auto 5px; }
#menu a:hover { color:#87b900; }
#login 
{
	float:right;
	width:302px;
	height:56px;
	background:url(../images/login.png) no-repeat top left;
	font-size:11px;
	padding: 0 15px;
}
#login label { float: left; }
#login .text { margin-right: 8px; border: solid 1px #000; width: 100px; }
#banner
{
	background:url(../images/content_top_t.png) no-repeat top left;
	padding:25px;
	height:307px;
	text-align:center;
}
#banner_bottom
{
	background:url(../images/content_top_b.png) no-repeat top left;
	height:19px;
}

#content {background:#fff;padding:0 25px;}
#content_top {  margin-top:25px; background:url(../images/content_t.png) no-repeat top left; height:24px;}
#content_bottom { background:url(../images/content_b.png) no-repeat top left; height:32px;}
#slidertabs 
{
	height:64px;
}
#slidertabs a { display:block;width:232px;height:64px;}
#slidertabs a.selected img {  }
#slidertabs li.selected { background:url(/images/tab_encode_m.png) no-repeat top left; }
#slidertabs ul { list-style-type:none;padding:0;margin:0;}
#slidertabs ul li {float:left;width:232px;height:64px;}
#footer, .push {height: 160px;}
#footer 
{
	height:115px;
	margin-top:50px;
	padding-top:20px;
	font-size:11px;
	text-align:center;
	background: url(../images/footer_t.png) repeat-x top left;
}
.scrollButtons { cursor:pointer; }
.scrollButtons.left { position:absolute;left:-50px;top:180px;}
.scrollButtons.right { position:absolute;right:-50px;top:180px;}
#slider 
{
	margin:0 auto;
  width: 810px;
  position:relative;
  text-align:left;
}

.scroll {
  height: 300px;
  position:relative;
}

.scrollContainer div.panel {
  padding: 0 20px;
  height: 260px;
  width: 770px; /* change to 560px if not using JS to remove rh.scroll */
}
#slidertabs .inactive {display:none;}
#slidertabs .selected {display:block;}
.col3 { float:left;width:290px;margin-right:20px; }
.col3.last { margin-right:0px; }
.button
{
	text-align:center;
	line-height:23px;
	height:29px;
	display:block;
	font-size:12px;
	letter-spacing:-.01em
}
.short { width:90px; }
a.short
{
	color:black;
	font-weight:normal;
	width:90px;
	text-align:center;
	background:url(../images/button_green_short.png) no-repeat top left;
}
a.short:hover { text-decoration:none; background:url(../images/button_green_short.png) no-repeat 0px -29px; }
a.big 
{
	font-weight:normal;color:Black;
	width:133px;height:38px; line-height:36px;font-size:18px;display:block;letter-spacing:-.01em;
	background:url(../images/button_green_big.png) no-repeat top left;
}
a.big:hover { color:#464646; text-decoration:none; background:url(../images/button_green_big.png) no-repeat 0px -38px;}
a.remove:hover { text-decoration: line-through; }
.pricing 
{
	text-align:center;
	background:white url(../images/pricing_header_blue.gif) repeat-x top left;
	border:solid 2px #5991a7;
	font-size:14px;
	width:300px;
}
.pricing table {margin:0 auto; text-align:left;width:100%;}
.pricing th { height:35px;}
.pricing td
{
	height:20px;
	line-height:20px;
}
.pricing .alt
{
	background:url(../images/pricing_alt.gif) repeat-x bottom left;
}

#form label { display:block; float:left; width:140px; }
#right 
{
	float:right;
	width:400px;
	margin-left:20px;
}
#left { width:600px; float:left; }
#left .content {background:#fff;padding:0 25px;}
#left .content_top {  margin-top:25px; background:url(../images/content_t_med.png) no-repeat top left; height:24px;}
#left .content_bottom { background:url(../images/content_b_med.png) no-repeat top left; height:32px;}

#right .content {background:#fff;padding:0 25px;}
#right .content_top {  margin-top:25px; background:url(../images/content_t_sm.png) no-repeat top left; height:24px;}
#right .content_bottom { background:url(../images/content_b_sm.png) no-repeat top left; height:32px;}


/*player fullscreen overlay*/
div.overlay { 
     
    /*  
        THIS IS YOUR FULLSCREEN DIMENSIONS 
    */ 
    width:800px;     
    height:641px;  
     
    background-image:url(/images/overlay_petrol.png); 
    display:none;     
    padding: 0 !important; 
} 
 
/* close button for overlay */ 
div.overlay div.close { 
    background:url(/images/overlay_close.png) no-repeat; 
    position:absolute; 
    top:2px; 
    right:5px;  
    width:35px; 
    height:35px; 
    cursor:pointer; 
} 
 
/* original size of the player */ 
#player, #player embed, #player object { 
    height:225px; 
    width:300px; 
} 
 
/* absolute positioning of the player */ 
#player embed, #player object { 
    position:absolute; 
     
    /* layer as the topmost element */ 
    z-index:10000; 
}
/*/player fullscreen overlay */


/* video console */
#player { display:block;  margin:0 auto; margin-bottom:20px;}
.video-container { margin:0px; float:left;width:150px;padding:10px 5px 0 5px; text-align:center;height:130px;margin-right:15px; white-space:nowrap;overflow:hidden; }
.video-container a { margin:0px; font-weight:normal; }
.video-container:hover {  background:#E7F4F8;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px; }
.video-container.selected {  }
#video-content { position: relative; }
#video-details { overflow: hidden; margin-bottom: -15px; }
.busy { background: transparent url('/images/load_medium.gif') bottom right no-repeat; }
.deleted { 
    background-color: white;
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    z-index: 99;
    height: 100%;
    width: 100%;
    background-position: 95% 95%;
    position:absolute;
    top: 0px;
    left: 0px;
}
div.upload { cursor:pointer; text-indent:-5000px; width:124px;height:32px; background:url(../images/add.png) no-repeat top left;}
div.upload:hover { background:url(../images/add.png) no-repeat 0px -33px; }
div.upload a { display:inline-block; }

body > div#video-uploads {
    /*position: fixed;*/
}

#video-uploads, #video-queue {
    overflow: auto;
}
.progressWrapper {
    float: left;
	width: 100%;
	overflow: hidden;
	margin: 0;
}
.progressContainer {
	margin-bottom: -1px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	height: 16px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	max-width: 130px;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	clear: both;
	position: relative;
	top: 2px;
	margin-bottom: 5px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	font-size: 7pt;
	font-family: Arial;
	float: right;
	text-align: left;
	white-space: nowrap;
	height: 16px;
	overflow: hidden;
	padding-right: 5px;
	padding-top: 1px;
	text-transform: capitalize;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
	margin-top: 2px;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* video console */

#console { }
#console #content_top {margin:0;}
#console ul.tabs { height:37px;margin:0;padding:0; list-style-type:none; margin-left:40px;}
#console ul.tabs  li {height:37px;line-height:37px; float:left;margin-right:3px;padding-left:20px;background:url(../images/tab_l.png) no-repeat top left;}
#console ul.tabs  li div { background:url(../images/tab_r.png) top right;padding-right:22px; }
#console ul.tabs  li:hover, #console ul.tabs  li.sel {float:left;padding-left:20px;background:url(../images/tab_sel_l.png) no-repeat top left;}
#console ul.tabs  li:hover div, #console ul.tabs  li.sel div { background:url(../images/tab_sel_r.png) top right; }
#console ul.tabs  li a { display:inline-block; font-size:14px; font-weight:bold;color:#545454; }
#console ul.tabs  li a:hover { text-decoration:none; }

#console .top {  background:url(../images/console_t.png) no-repeat;padding-top:21px;}
#console .over  { background:url(../images/console_t_overlay.png) no-repeat top right; position:absolute;top:-21px;width:960px;height:429px;}
#console .bg { background: url(../images/console_bg.gif) no-repeat top;position:relative;padding:5px 20px 20px 15px; }
#console .bottom { background:url(../images/console_b.png) no-repeat bottom left;height:27px;}
#console .right { float:right;width:300px;}
#console .left { width: 600px; }
/* end video console*/




/* buttons 
a.button{
	background:url(../images/icons/button.gif);
	display:inline-block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}
*/
/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.button .add{
		background:url(../images/icons/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.button .delete{
		background:url(../images/icons/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.button .user{
		background:url(../images/icons/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.button .alert{
		background:url(../images/icons/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.button .msg{
		background:url(../images/icons/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.button .download{
		background:url(../images/icons/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.button .lens{
		background:url(../images/icons/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.button .info{
		background:url(../images/icons/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

/* end buttons */