@charset "utf-8";
/* FetchMP3 V3 Stylesheet - Required on ALL Pages */
body{
	background: #CBD2D6 url(/images/body_bcgr.jpg) repeat-x top !important;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color:#fff;
	margin:0;
	padding:0;
}

/* body containter */
#bodyContainer {text-align: left; margin: 0 auto; background: #fff url(/images/bodycontainer_bcgr.jpg) top center repeat-y!important; width: 970px; border:0px solid red; min-height:500px!important; display:inline}
	
.maincontainer{
	width:960px;
	margin:0 auto;
	background: url(/images/maincontainer_bcgr.jpg) top no-repeat !important;
	*padding: 0 5px; 
	display:table;
	min-height:90px;
	*border:0px solid red;
}
	
.maincontainer_new_inner{
	width:960px;
	margin:0 auto;
	background: url(/images/maincontainer_bcgr_serch.jpg) top no-repeat !important;
	padding: 0 5px 0px 5px; 
	*padding: 0 5px 0px 5px;
	height:112px;
	border:0px solid red;
}
	
	 body:first-of-type .maincontainer_new_inner { width:960px; padding: 0 5px 0px 5px}
	
#navigation{
	width:300px;
	font-size:9px;
	margin:0px auto;
	height:125px; 
	border:0px solid red;
}
#navigation ul{
		list-style:none;
		padding:0;
}
#navigation li{
		list-style:none;
		display:block;
		float:left;
		text-align:center;
		border-left: 1px solid #d5dce4; padding: 0px 10px 5px 10px;
}
#navigation li a{
	display:block;
	padding:7px 0;	
}
	
#navigation li a:hover{
	color:#f60;
}
	
a, a:link, a:hover, a:visited{
	text-decoration:none;
	color: #2c77bc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
input, img, a{
	outline:none;
	border:none;
}
/* Makes UI Tabs Work */
.ui-tabs-hide{
	display:none;
	border:1px solid yeollow;
}
/* More nav stuff */
.head-logo{
	margin-left:37px;	
	float:left;
}
.f-left{
	float:left;		
}
.nav-title{
	margin:2px 0 0 6px;		
}
.clear{
	clear:both;		
}
.nav-maincontainer{
	padding-top:0px;		
}
.nav-innermain{
	/*background:url(/images/navbar_08.png) top left repeat-x;*/
	height:42px;
	font-size:11px;
	position:relative;			
}
.menu{
	/*background:url(/images/4-3_16.png) top left no-repeat;*/
	height:42px; margin:0px;		
}
/* Icons */
#icons{
	clear:both;
	text-align:center;
	font-size:30px;
	margin-top:25px!important;
	margin-bottom:25px;
	cursor:default;
	border:0px solid red;
}
.icons-cell{
	width:33%;
	float:left;
}
.icons-search{
	padding-top:30px;
	width:136px;
	margin:0 auto;	
}
.icons-upload{
	width:139px;
	margin:0 auto;	
}
.icons-convert{
	padding-top:30px;
	width:150px;
	margin:0 auto;	
}
.icons-cell img{
	float:left;	
}
.icons-all div{
	float:left;
	margin-left:5px;
}
/* Search Box */
#searchbox{
	font-size:12px;
	color:#666666;	
	/*background: #fff url(/images/bodycontainer_bcgr.jpg) top center repeat-y;*/
	*background:none;
	width:969px!important;
	background-position:0 4px;
	margin:0px 0px 0px 0px!important;
}
#tabcolumn{
	margin-top:33px;	
}
#tabslidecolumn{
	margin-top:13px;
	height:138px;	
}
#tabinnercolumn{
	width:78px;	
}
.atab{
	position:relative;	
	cursor:pointer;
}
.searchfaders{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#searchbox-content{
	
	
	height:143px;
	position:relative;	
}
#searchbox-column1{
	width:680px;
	margin-left:15px;	
}
#search-ad{
	width:469px;
	height:20px;	
}
#searchfield ul{
	display:none;	
}
.searchmain{
	width:469px;
	height:46px;
	/*margin:-55px 0 0 0;*/
	position:relative;
	/*float:left;	*/	 
	font-size:9px;	
	font-weight:normal!important;
	color:#97A5B2;
}
.search-back{
	background:transparent url(/images/search_field.gif) repeat scroll 0 0;	
	height:28px;
	padding:3px 0 0 5px;
	text-align:left;
	width:562px;
	text-align:left;
}
.search-upload{
	background:url(/images/uploadtab_64.png) top left no-repeat;	
}
.search, .upload{
	color:#666666;
	font-size:13px;
	border:none;
	margin:3px 0 0 10px;
	width:250px;
	background:none	;
	font-weight:normal!important;
}
#searchbutton{
	position:absolute;
	top:2px;
	right:2px;	
}
#uploadbutton{
	position:absolute;
	top:5px;
	right:6px;	
}
.upload{
	width:295px;	
}
.clickaway{
	margin-left:37px;
	width:140px;	
}
.clickaway img{
	float:left;	
}
.clickaway div{
	margin-top:3px;
	clear:both;
	float:left;	
	width:100%;
}
h2{
	color:#2395b7;
	font-size:18px;
	padding:0;
	margin:1px 0 0 3px;
	float:left;
	font-weight:normal;	
}
h3{
	color:#11a0d0;
	font-size:20px;
	margin:1px 0 0 3px;
	padding:0;
	float:left;
	font-weight:normal;	
}
h4{
	color:#fff;
	font-size:18px;
	padding:0;
	margin:9px 0 0 7px;
	float:left;
	font-weight:normal;	
}
h5, h5 a{	
	padding:0;
	margin:0 0 5px 0;
}
h6{
	color:#48bedb;
	font-size:30px;
	font-weight:normal;
	padding:0;
	margin:0 0 5px 0;	
}
.stats{
	float:left;
	margin-left:25px;
	width:190px;	
}
.stats img{
	float:left;	
}
.stats ul{
	list-style-position:inside;
	margin:0;
	padding:0;
	clear:both;
	width:190px;
	font-size:12px;
	font-weight:bold;
	color:#929292;
	margin-top:5px;
	float:left;	
}
.stats span{
	color:#0e93c0;	
}
.stats-bigicon{
	position:absolute;
	top:-40px;
	right:-15px;	
}
	
#footer{
	background:#CBD2D6 url(/images/footer_bcgr.jpg) no-repeat scroll center top;
	margin-top:0px;
	*margin-top:0px;
	
	float:left;
	clear:both;
	width:100%;
	color:#45739a;
	font-size: 0.8em;
	border:0px solid red;
	margin:0px 0px 40px 0px;
}
#footer div{
	text-align:center;	
}
.footer-links{
	margin: 20px 0px 20px 0px;		
}
.footer-links a{
	color: #45739a;
	font-size: 11px;	
}
	
.footer-links a:hover{
	color: #15344f;
}
	
.footer-copyright{
	margin-top: 20px;
}
/* Extras */
.twitterbird{
	float:left;
	margin:5px 0 0 15px;
}
.houseicon{
	float:left;
	margin:20px 0 0 15px;
}
.firefoxicon{
	float:left;
	margin-left:15px;	
}
/*OVERLAY*/
/*
	overlay dimensions are defined with CSS. this tool detects them dynamically
	and resizes the background image correspondingly
*/
#myOverlay {
	/* overlay is initially hidden */
	display:none;
}
/*
	close button (div.close element) is auto-generated by default.
	here it is positioned on top-right corner
*/
#myOverlay div.close {
	background:url(/images/close.png) no-repeat;
	position:absolute;
	top:15px;
	right:15px;
	width:35px;
	height:35px;
	cursor:pointer;
}
/*
	the actual content is moved little bit inside so that it doesn't overlap
	with the drop shadow in the overlayed image
*/
#myOverlay p {
	color:#567;
	font-size:50px;
	margin:110px 135px;
}
#_overlayImage{
	z-index:2001;
}
#previewplayer{
	width:335px;
	height:275px;
	margin:50px 28px 0 28px;
}
#previewplayer_links{
	margin:10px 30px;
	color:#22626d;
	font-size:11px;
}
#previewplayer_links input{
	width:190px;
}
#previewplayer_links div{
	width:117px;
	height:17px;
	float:left;
	padding-top:3px;
	text-align:right;
}
#previewplayer_links a, previewplayer_links a:hover,previewplayer_links a:link,previewplayer_links a:visited{
	margin-left: 17px;
	color:#22626D;
}
#flvplayer{
	width:335px;
	height:275px;
	margin:8px 3px 0 3px;
	float:right;
}
#previewplayer_error{
	position: absolute;
	top: 25px;
	font-size:12px;
	left: 50px;
}
/* IMPORT OVERLAY */
#importOverlay {
	width:550px;
	/* overlay is initially hidden */
	display:none;
}
/*
	close button (div.close element) is auto-generated by default.
	here it is positioned on top-right corner
*/
#importOverlay div.close {
	background:url(/images/close.png) no-repeat;
	position:absolute;
	top:20px;
	right:20px;
	width:35px;
	height:35px;
	cursor:pointer;
}
/*
	the actual content is moved little bit inside so that it doesn't overlap
	with the drop shadow in the overlayed image
*/
#importOverlay p {
	color:#567;
	font-size:50px;
	margin:110px 135px;
}
#importContent{
	color:#22626d;
	font-size:12px;
	height:558px;
	margin:50px 28px 0;
}
#importResults{
	margin-top:10px;
	border:1px solid #CCC;
	height:365px;
	overflow:auto;
	padding:0;
}
#importResults a, #importResults a:link, #importResults a:hover, #importResults a:visited{
	color: #62A4AF;
	cursor:pointer;
}
.importResult{
	width:110px;
	height:120px;
	overflow:hidden;
	float:left;
	margin:0 0 0 29px;
	padding:0 5px;
	cursor:pointer;
	position:relative;
}
.import-img{
	border:none;
	margin:5px 0;
	width:110px;
	height:81px;
}
.import-data{
	position:absolute;
	top:5px;
	right:5px;
}
.import-preview{
	position:absolute;
	top:57px;
	right:8px;
}
#importReal{
	margin-top:21px;
	cursor:pointer;
}
#importplayercont{
	position:relative;
	height:275px;
	display:none;
}
#importplayer{
	width:335px;
	height:275px;
	margin:0 auto;
}
#importhideplayer{
	position: absolute;
	bottom: 0pt;
	right: 5px;
	text-decoration: underline;
	cursor:pointer;
}
/* UPLOAD METER */
#uploadmeter {
	width:469px;
	height:46px;
	background:url(/images/uploadback_64.png) top left no-repeat;
	position:relative;
	display:none;
	margin-top:21px;
}
#uploadmeter-inner{
	width:460px;
	height:36px;
	position:absolute;
	top:5px;
	left:4px;
}
#uploadmeter-progress{
	width:434px;
	height:36px;
	background:url(/images/uploadbackanim.gif) no-repeat -434px;
	margin:0 13px;
}
#uploadmeter-progress-txt{
	padding-top:10px;
	font-size:14px;
	color:#7C8F11;
	text-align:center;
}
.uploadmeter-left{
	position:absolute;
	top:0;
	left:0;
	height:36px;
	width:13px;
}
.uploadmeter-right{
	position:absolute;
	top:0;
	left:447px;
	width:0;
	height:36px;
	overflow:hidden;
}
.hide{display:none;}

/* Additional for Twitter Widget */
.boxonetweets{
	height:60px;
	font-size:12px;
}
.boxonetweets a{
	color:#333;	
}
.boxonetweets a:hover{
	text-decoration:underline;	
}
.boxonetweets span{
	color:#999;
}
.boxonetweetmore{
	position:absolute;
	bottom:5px;
	right:10px;
	font-size:12px;
	color:#1784a9;
	font-weight:bold;	
}
.boxonetweetmore a{
	font-size:12px;
	color:#1784a9;
	font-weight:bold;		
}
.text_al_center{ text-align:center!important}
.logo_main{ text-align:center; margin:20px 0px 0px 0px!important}
.togeller_tab{ border:0px solid red; width:300px!important}
.togeller_tab a{ background:#F4F2F3; padding:5px 50px}
.togeller_tab a:hover{ background:#EBEBEB}
.togeller_tab .select{ background:#EBEBEB}
.main_togg_tab_bg{ background:#EBEBEB; width:595px!important; margin:0px auto 20px auto; height:75px!important; padding:10px 0px 0px 0px; border:0px solid red} 
.main_text_search_fild{ margin:10px 0px 0px 0px; text-align:center}
#footerMenu {float:left; position:relative; left:50%; text-align:left; padding: 70px 0 0 0}
#footerMenu ul {list-style:none; position:relative; left:-50%; margin: 0; padding: 0} 
#footerMenu li {float:left; position:relative; padding: 0 5px; border-right: 1px solid #9eb0bb; font-size: 10px} /* ie needs position:relative here*/
#footerMenu li.last {border: none}
#footerMenu a {color: #45739a}
#footerMenu a:hover {color: #15344f}
.border_none{ border:0px!important}
/* Hedder new */
#navigation_inner{
	width:280px;
	font-size:9px;
	margin:0px auto;
	height:32px;
	float:right;
}
#navigation_inner ul{
		list-style:none;
		padding:0;
		
}
#navigation_inner li{
		list-style:none;
			
		display:block;
		float:left;
		text-align:center;
	
		border-left: 1px solid #d5dce4; padding: 0px 10px 5px 10px;
}
#navigation_inner li a{
	display:block;
	padding:7px 0;	
	
}
	
#navigation_inner li a:hover{
	color:#f60;
	
}
	
#icons_new{
	clear:both;
	text-align:center;
	font-size:30px;
	padding:0px 0px 10px 10px;
	cursor:default;
	float:left;
	width:150px;
}
.search_back_new{
	background:transparent url(/images/search_field.gif) repeat scroll 0 0;	
	height:31px;
	width:340px;
	padding:0 0 0 5px;
	text-align:left;
}
#searchbox_content_new{
	width:350px;
	float:left;
	height:auto;
	position:relative;	
}
#searchbox-column1_new{
	width:350px;
	margin-left:15px;	
	float:left;
}
.logo_main_new{ text-align:center; margin:0px 0px 0px 0px!important}
/* search page */
.search_back_new_serachpage{
	height: 24px; 
	background: url(/images/search_field_qs.gif);
	margin:5px 0px 0px 0px;
	width:340px;
	overflow:hidden;
	text-align:left;
}
/* Convert page */
.contentContainerLeft {float: left; width: 620px; margin-left: 10px}
.contentContainerRight { margin-left: 650px; width: 300px}
p.cConvertVideoURL label {width: 90px; display: block; float: left; padding-top: 2px; color:#000}
p.cConvertVideoURL input[type="text"] {width: 525px; border: #ccc solid 1px}
.cConvertTbl h6 {margin: 0; padding: 7px 5px; background: #fb9801; font-size: 1em; line-height: 1em; color: #fff}
.cConvertTbl dl {float: left; width: 620px; padding: 0; border-bottom: 1px solid #d7d7d7; background: #f1f1f1 url(/images/bcgr_grey.gif) -110px 0px repeat-y; margin: 0}
.cConvertTbl dt {clear: left; float: left; width: 80px; margin: 0; padding: 10px 5px; border-top: 1px solid #d7d7d7; color: #000}
.cConvertTbl dd {float: left; width: 510px; margin: 0; padding: 8px 10px; border-top: 1px solid #d7d7d7; color: #555}
.cConvertTbl dd p {margin: 0; padding: 0 0 0}
.cConvertTbl input[type="text"] {border: #ccc 1px solid; background: #fff; padding: 1px}
.ccFileName input[type="text"] {width: 500px}
.cConvertTbl input[type="radio"] {width: 17px; padding-top: 2px}
.ccQty label { padding: 0 15px 0 0px}
.cConvertTbl dd ul {margin: 0; padding: 0; list-style: none}
.cConvertTbl dd ul li {float: left; width: 250px; padding: 5px 0}
.cConvertTbl dd ul li label { width: 50px; display: block; float: left; font-size: 0.9em; padding: 2px 5px 0 0; text-align: right}
.cConvertTbl dd ul li input[type="text"] {width: 190px}
.cConvertTbl dd ul li.short {width: 100px}
.cConvertTbl dd ul li.short input[type="text"] {width: 40px}
.cConvertTbl dd ul li.wide {width: 500px}
.cConvertTbl dd ul li.wide input[type="text"] {width: 440px}
.cConvertTbl dd ul li.transcode {width: 500px}
.cConvertTbl dd ul li.transcode input[type="text"] {width: 40px; float: left; margin-right: 10px}
.cConvertTbl dd div.transcodeBtns {float: left}
.cConvertTbl dd div.transcodeBtns a {display: block; float: left; padding: 0px 10px; margin-top:2px; height: 16px; background: #e2e2e2; border-right: 1px solid #f1f1f1}
.cConvertTbl dd div.transcodeBtns a:hover {background: #ccc}
dd.dnldBtn p {padding: 10px 0px}
dd.dnldBtn p span {font-size: 0.9em}
dd.dnldBtn .btnOrange {margin-right: 10px}
/* video player */
#ccVideoPlayer {margin-bottom: 20px}
div.videoDirectDonwload p {padding: 0 0 3px 0; margin: 0}
.color_000 { color:#000}
.header { height: 80px; border-bottom: #e4e8eb 1px solid; margin-bottom: 30px}
.ifrem_uplod_main{ height:31px!important; width:567px!important; border:0px solid red}
.backgrund_image_middel {
	background: #DCDFE4 url(/images/bodycontainer_bcgr.jpg) top center repeat-y!important;
	*background:none!important;
	min-width: 960px;
	*border:0px solid red!important;
	margin:0px 0px 0px 0px!important;
}

#searchBar {
	position:relative;
	border: 1px solid #ccc;
	background: #fff;
	width: 340px;
	height: 22px;
	margin: 6px 0 4px;
	padding: 0;
	white-space: nowrap;
}
#searchBar input {
	height: 20px;
	margin: 1px;
	border: 0;
	float:right;
}

#searchBar input.q {width:270px;_width:278px;float:left;color:#666;padding:0 4px}
#searchBar #searchButton {background: url('/i/buttons_1.png') -100px top no-repeat;}

.mediaDetails {padding: 5px;margin-bottom: 15px;}
.mediaDetails h1 {font-size: 20px;margin: 0}
.mediaDetails p {font-size: 12px;color:#000;padding: 5px 10px;margin:0;float:none}

.overlay-dialog .buttons{position:absolute;top:-14px;right:-14px}
.buttons .dialogClose{width:28px;height:28px;background:url(/i/help-convert.png) no-repeat -100px -330px}
.overlay-dialog {
	background: #e4e4e4 url(/i/bgs-help350.png) repeat-x top;
	border: 2px solid #777;
	color: #415e78;
	font-size: 14px;
}
.overlay-dialog p {margin:0}
#helpConvert h2 {float:none;text-transform:uppercase;font-weight:bold;color:#1b5e9d;padding:16px 16px 20px}
#helpConvert ul {list-style:none;padding:0;margin:0}
#helpConvert ul li {float:left;width:300px;background: url(/i/bgs-help350.png) left bottom no-repeat;padding:8px;height:284px}
#helpConvert ul li.first {background: none}
#helpConvert ul li h4 {float:left;width:50px;height:40px;background:url(/i/help-convert.png) no-repeat left -330px;display:block;text-align:center;margin:0 5px 2px 0;padding:9px 0 0;color:#4885bf;font-weight:600}
#helpConvert ul li p {margin: 0 0 0 12px}
#helpConvert ul li p.first {width:245px;float:right;display:block;margin:5px 0 0}
#helpConvert ul li img {clear:both;background:url(/i/help-convert.png) no-repeat}
#helpConvert ul li img.step1 {background-position:left top;height:120px;width:275px;margin:15px 10px 25px}
#helpConvert ul li img.step2 {background-position:left -150px;height:135px;width:270px;margin:15px 15px 0}
#helpConvert ul li img.step3 {background-position:left -300px;height:25px;width:264px;margin:15px 16px 50px}