@charset "utf-8";
/* CSS Document */

/* tabs reference http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery*/

#satoo-container {
	/*width:960px;*/
	width: 940px;
	padding:20px !important;
	/*margin:0 auto;*/
	background:#fff;
	text-align:left;
	min-height: 100%;
	height: auto;
	height: 100%;
	margin: 0 auto -100px !important; /* the bottom margin is the negative value of the footer's height */

}

/**Search fields clear once clicked**/
.clearField { color: #666;}
.clearFieldActive { color: #000; }


/***=====ADS-=====**/
.leaderboard-ad {
	width:728px;
	height:90px;
	background:#000;
	margin:0 auto 20px auto;
}

.fullbanner-ad {
	width:468px;
	height:60px;
	background:#000;
	margin:0 200px 20px 200px;
}


.fullbanner-ad2 {
	width:468px;
	height:60px;
	background:#000;
	margin:0 50px 20px 70px;
}

.fullbanner-ad-centre {
	width:468px;
	height:60px;
	background:#000;
	margin:20px 250px 20px 250px;
}

.square-ad {
	width:300px;
	height:250px;
	background:#000;
	overflow: hidden;
}

.skyscraper-ad {
	width:120px;
	height:600px;
	background:#000;
	
}

/***=====HEADER=====***/

#satoo-header {
	/*width:960px;*/
	width:940px;
	height:55px;
}

#satoo-header .satoo-logo {
	float:left;
	width:164px;
	height:48px;
}



/***=====TOP NAVI=====***/
#top-searchnavi {
	border:1px #000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background:url(../images/search-bg.gif) repeat-x;
	float:right;
	width:670px;
	height:45px;
}

#top-searchnavi .searchbar{
	margin:7px 5px 5px 5px;
	width:284px;
	float:left;
}

#top-searchnavi .searchbar input.searchfield-top{
	background:url(../images/header-searchbar-field.gif) no-repeat;
	width:190px;
	border:none;
	padding:8px 0 10px 30px;
}

#top-searchnavi .searchbar input.btn-search-top{
	width:64px;
	height:29px;
	border:none;
}


#top-searchnavi ul {
	margin-right:10px;
	float: right;
	width: 309px;
}

#top-searchnavi ul li { display: inline; float:left;}

#top-searchnavi ul li a {
	display: block;
	background-position: 0 0;
	height: 40px;
	text-indent: -9999px;
	line-height: 0;
}

#top-searchnavi ul li a:hover {
	background-position: 0 -40px;
}

.headerNavLogin {
	background: transparent url(../images/btn-login-v2.jpg) no-repeat;
	width: 73px;
}

.headerNavExplore {
	background: transparent url(../images/btn-explore-v2.jpg) no-repeat;
	width: 83px;
}

.headerNavFaq {
	background: transparent url(../images/btn-faq-v2.jpg) no-repeat;
	width: 53px;
}

.headerNavSignup {
	background: transparent url(../images/btn-signup-v2.jpg) no-repeat;
	width: 85px;
}

.headerNavAccount {
	background: transparent url(../images/btn-account-v2.jpg) no-repeat;
	width: 82px;
}

.headerNavLogout {
	background: transparent url(../images/btn-logout-v2.jpg) no-repeat;
	width: 75px;
}


/***=====BODY=====***/

body {
	overflow-x: auto;
}

/**CONTENT WRAP**/
#satoo-content {
	width:940px;
	/*width: 960px;*/
}

/**USE THIS IF YOU HAVE SINGLE COLUMN LAYOUT**/
#one-col {
	width:920px;
	padding:10px;
	height:auto;
}

/**USE THIS IF YOU HAVE DOUBLE COLUMN LAYOUT**/
#col-left {
	width:600px;
	margin:0;
	float:left;
}

#col-right {
	width:300px;
	/*margin:0 0 0 40px;*/
	/*margin:0;*/
	float:right;
}

/*for the cms*/
#col-left-article {
	width:590px;
	margin:10px 0 0 10px;
	float:left;
}


#col-right-article {
	width:280px;
	margin:10px 0 0 40px;
	float:right;
}

/*BREADCRUMBS*/
#breadcrumb {
	float:left;
	margin-bottom:10px;
}


/*Grey title bars that runs through the whole site*/
.title-bar {
	background:#ccc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	/*width:940px;*/
	width:920px;
	height:20px;
	padding:5px 10px 15px 10px;
	margin: 0;
}


.title-bar h2{
	text-shadow: 0.03em 0.07em #fff;
	color:#000;
}

.title-bar h3{
	text-shadow: 0.03em 0.07em #fff;
	color:#000;
}

.title-bar .sortby-dropdown {
	float:right;
	margin-right:10px;
}

.title-bar .uploaded-dropdown {
	float:right;
}

/*SATOO SIGNUP PAGE*/
#satoo-signup {
	width:890px;
	margin:10px 80px 10px 50px;
}

#satoo-signup .signup-fields-holder {
	margin-bottom:10px;
}

#satoo-signup .signup-fields-holder label {
	margin-right:10px;
	font:bold 1.3em "Calibri", Arial, sans-serif;
	color:#000;
	line-height:1.4em;
	width:180px;
	float:left;
	text-align:right;
}



#satoo-signup input.textbox-normal {
	width:300px;
	height:15px;
	padding:5px;
	border:#a6a6a6 1px solid;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color:#000;
	background:#fff;
	float:left;
}

.form-notification {
	float:right;
	width:180px;
	padding-top:5px;
}

.fields-reminder {
	margin:30px 0 0 190px;	
}

.btn-count-me-in {
	width:135px;
	height:32px;
	border:none;
	margin:30px 0 0 0;
}

.btn-login {
	width:82px;
	height:32px;
	margin:30px 0 0 190px;
}

.btn-browseavatar {
	/*width:0;*/
	/*height:29px;*/
}


/*Sign up successful page*/
.instruction-box-container {
	/*width:700px;*/
	/*padding:15px 100px 0 200px;*/
	width:712px;
	padding:15px 0 0 88px;

}


.instruction-box {
	width:217px;
	height:135px;
	float:left;
	margin-left:20px;
}

.instruction-box .ss-title-button {
	/*width:217px;*/
	/*height:31px;*/
	width:191px;
	line-height: 31px;
	padding: 0 13px;
	background: #000 url(../images/btn-bg-default.jpg) repeat-x;
}

.instruction-box .ss-title-button a {
	color: #FFF;
	font-size: 1.2em;
}

.instruction-box .ss-img-holder {
	width:217px;
	height:104px;
}


/*from mazharul's css file*/
#formreg label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#reminders label { font-weight: normal; }
/*end of  mazharul's css file*/

#satoo-signup .form-notification .status {
	float:right;
	width:180px;
	padding-top:5px;
}


#satoo-signup #formreg .label.error {
  background:url("../images/uncheck.jpg") no-repeat 0px 0px;
/*  padding-left: 16px;
  padding-bottom: 2px;*/
  font-size:8px;
  color: #EA5200;
  padding:0 10px 10px 10px;

}

#satoo-signup #formreg label.checked {
  background:url("../images/check.gif") no-repeat 0px 0px;
	margin-left:10px;
	padding:0 10px 10px 10px;
}

#satoo-signup #formreg .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}

#satoo-signup #formreg #dateformatStatus, #signupform #termsStatus {
  margin-left: 6px;
}

#satoo-signup #formreg #dateformat_eu {
 vertical-align: middle;
}

#satoo-signup #formreg #ldateformat_eu {
  font-weight: normal;
  vertical-align: middle;
}

#satoo-signup #formreg #dateformat_am {
  vertical-align: middle;
}

#satoo-signup #formreg #ldateformat_am {
  font-weight: normal;
  vertical-align: middle;
}

#satoo-signup #formreg #termswrap {
  float: left;
}

#satoo-signup #formreg #terms {
  vertical-align: middle;
  float: left;
  display: block;
  margin-right: 5px;
}

#satoo-signup #formreg #lterms {
  font-weight: normal;
  vertical-align: middle;
  float: left;
  display: block;
  width: 350px;
  white-space: normal;
}

#satoo-signup #formreg #lsignupsubmit {
  visibility: hidden;
}

.msgError, .msgSuccess {
	/*width:800px;*/
	width: auto;
	float:left;
	margin:10px 10px 10px 10px;
	text-align:left;
	padding:10px;
	text-align:center;
}

.msgError {
	border:1px solid #db0000;
	background-color: #ffdbe5;
}

.msgSuccess {
	border:1px solid #6bb800;
	background-color: #e6ffc3;
}

.userReg td.status {
	vertical-align: middle;
}

.userReg label.error {
	padding-bottom: 0;
	margin-bottom: 0;
	vertical-align: middle;
}

.userReg td.field {
	padding-top: 13px;
}

/**COMMENTS IN THE VIDEO PAGE**/
.avatar-chat-holder {
	width:600px;
	margin-bottom:10px;
}

.avatar-chat-holder .avatarholder {
	width:70px;
	height:70px;
	float:left
}

.avatar-chat-holder .chat-arrow-video {
	float:left;
	background:url(../images/chat-arrow-heading.gif) no-repeat;
	width:11px;
	height:12px;
	margin:25px 0 0 5px;
}

.avatar-chat-holder .video-descp {
	float:left;
	background:url(../images/bg-videoheading.gif) repeat-x;
	width:480px;
	height:60px;
	padding:5px 15px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.avatar-chat-holder .btn-edit {
	width:22px;
	height:21px;
	float:right;
}

.avatar-chat-holder .btn-editchannel {
	width:100px;
	height:31px;
	float:right;
	margin-top:10px;
}

.avatar-chat-holder .chat-arrow-comment {
	float:left;
	width:11px;
	height:12px;
	margin:25px 0 0 5px;
}

.avatar-chat-holder .commentfields {
	float:left;
	background:#e6e6e6;
	width:470px;
	padding:20px;
	height:auto;
	margin-bottom:10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.avatar-chat-holder .commentfields p {
	margin:0;
	padding:0;
}


/**USER EDIT PROFILE PAGE**/
.greeting-holder {
	width:960px;
	margin-bottom:10px;
}

.greeting-holder .commentfields-long {
	float:left;
	background:#e6e6e6;
	width:800px;
	padding:20px;
	height:auto;
	margin-bottom:10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.greeting-holder .avatarholder {
	width:70px;
	height:70px;
	float:left
}

.greeting-holder .chat-arrow-comment {
	float:left;
	width:11px;
	height:12px;
	margin:25px 0 0 5px;
}

.greeting-holder .btn-savechanges {
	width:142px;
	height:34px;
	float:right;
}

.btn-close {
	width:17px;
	height:17px;
	float:right;
}

textarea {
	border:1px #d8d8d8 solid;
	width:450px;
}

.btn-video-comment {
	background:url(../images/btn-comment-commentbox.jpg);
	width:93px;
	height:27px;
	border:none;
}

.more-channel {
	display: block;
	background: transparent url(../images/btn-morechannel.gif) no-repeat;
	width: 138px;
	height: 30px;
	text-indent: -9999px;
	line-height: 0;
}


/**Edit account button for user account page**/
.btn-editaccount {
	float:right;
	width:101px;
	height:30px;
}

.sub-headings-left-col {
	background:#ccc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	width:575px;
	padding:5px 10px;
	margin-bottom:10px;
}

.sub-headings-left-col h3{
	text-shadow: 0.01em 0.01em #fff;
	color:#000;
}

.edit-video-options {
	background:#ccc;
	-moz-border-radius-bottomleft: 5px;
    -webkit-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
    -webkit-border-radius-bottomright: 5px;
	width:578px;
	padding:5px 10px;
	margin-bottom:10px;
}


.video-info {
	background:#e6e6e6;
	width:565px;
	padding:15px;
	margin-bottom:10px;
	font-size: 16px;
	line-height: 18px;
}

.video-info p {
	width:530px;
}



/*the tabs for the user registration*/
#big-tabs-container {
	float:left;
	background:#ccc;
	width:575px;
	padding:10px;
	margin-bottom:20px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}	

/*the tabs container for edit profile page*/
#editprofile-tabs-container {
	float:left;
	background:#ccc;
	width:890px;
	padding:10px;
	margin-bottom:20px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}	

#white-tab-area {
	background:#fff;
	padding:10px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 29px; /*--Set height of tabs--*/
	width: 100%;
}


ul.tabs li.individual {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background:url(../images/tab-passive-bg.gif) repeat-x;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	margin-right:5px;
}
ul.tabs li.individual a {
	text-decoration: none;
	color: #b2b2b2;
	display: block;
	font-size: 1.3em;
	padding: 0 20px;
	border: 2px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}
ul.tabs li.individual a:hover {
	background:url(../images/tab-active-bg.gif) repeat-x;
	color: #b2b2b2;
	
}
html ul.tabs li.individual.active, html ul.tabs li.individual.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:url(../images/tab-active-bg.gif) repeat-x;
	color:#000;
}


.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
/*	font-size: 1.2em;*/
}


/**USER ACCOUNT VIDEO PAGE**/
.user-account-video-info {
	margin: 0 0 20px 0;
	border-bottom:1px #c5c5c5 dotted;
	padding:10px 0;
	text-align:left;
}

.user-account-video-info p {
	margin:0;
	padding:0;
}
.user-account-video-thumbnail{
	width:121px;
	height:91px;
	margin-right:10px;
	float:left;
	}
	.user-account-video-description {
	float:left;
	width: 400px;
	}
	.user-account-video-description p{
		color: #000;
	}
	.user-account-video-description h3 {
		font-size: 1.7em;
	}
	.user-account-video-description h3 a {
		color: #004700;
	}
	.dotted-line {
	border-bottom:1px #c5c5c5 dotted;
	}	

/***=====RIGHT COLUMN SIDEBAR=====***/

/*for channels*/
.video-preview-container {
	width:300px;
	/*height:125px;*/	
	float:left;
	/*margin:0 0 10px 5px;*/
	margin:0 0 15px 5px;
}

.video-preview-container a img{
	height: 78px;
	width: 300px;
}


.video-preview-heading {
	background:url(../images/bg-black-heading.gif) repeat-x;
	width:280px;
	height:20px;
	padding:5px 10px;

}

.video-preview-heading p {
	margin:0;
	padding:0;
}

/*for the video channels widgets*/
.video-channels-right-col {
	background:#ccc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	width:280px;
	padding:10px;
	margin-bottom:10px;
}

.video-channels-right-col h3{
	text-shadow: 0.01em 0.01em #fff;
	color:#000;
}

.video-channels-iframe{
	width:260px; 
	height:245px; 
	overflow:auto;
	background:#fff;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:10px;
}

.video-channels-iframe p{
	margin:0;
	padding:0;
}


.video-channel-container {
	width:250px;
	padding-bottom:10px;
}

.thumb-video-channel {
	float:left;
	width:120px;
	height:90px;
	margin-right:10px;
	
}

.video-channel-description {
	float:left;
	width:110px;
	
}

/*categories*/
.video-category-container {
	width: 285px;
	float: left;
	height: 55px;
	padding: 5px 5px 0 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #000 url(../images/category_bg.jpg) repeat-x;
}

.video-category-container h5 {
	color: #FFF;
}

.video-category-container p {
	color: #FFF;
	padding: 0;
	margin: 0;
	line-height: 11px;
}

/*for the rest of the widgets*/
.sub-headings {
	background:#ccc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	width:280px;
	padding:5px 10px;
	margin-bottom:10px;
}

.sub-headings h3{
	text-shadow: 0.01em 0.01em #fff;
	color:#000;
}

.sub-heading-info {
	/*width:270px;*/
	width: 285px;
	margin:5px;
	height:20px;
	border-bottom:1px dotted #c5c5c5;
}

.sub-heading-info p {
	margin:0;
	padding:0;
}



/*The tags widget*/
.tag {
	background:#6bb800;
	width:60px;
	height:15px;
	padding:5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/***=====FOOTER=====***/
#satoo-footer {
	/*width:940px;*/
	width: 920px;
	height:120px;
	background:url(../images/bg-footer.gif) repeat-x;
	border:1px solid #e9eaeb;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:10px;
}

#satoo-footer .satoo-logo-footer {
	width:108px;
	height:25px;
	float:left;
}

/*for the searchbar*/

#satoo-footer .searchbar-bottom {
	width:286px;
	float:left;
	margin-left:200px;
}


#satoo-footer .searchbar-bottom input.searchfield-bottom{
	background:url(../images/footer-searchbar-field.gif) no-repeat;
	width:190px;
	height:15px;
	border:none;
	padding:8px 0 10px 30px;
}

#satoo-footer .searchbar-bottom input.btn-search-bottom{
	width:66px;
	height:27px;
	border:none;
}

/*The footer navigation*/
#satoo-footer .footernavi  {
	text-align:center;
}

.footernavi ul {
	padding-left: 0;
	float: left;
	width: 700px;
	margin-left:120px;
}

.footernavi ul li { display: inline; float:left;}


#satoo-footer .copyright  {
	text-align:center;
}

#satoo-footer .copyright p {
	text-shadow: 0.01em 0.01em #fff;
	color:#666;	
}


/**sticky footer. Use for shorter pages**/


.push {
	height: 60px; /* .push must be the same height as footer */
	width:940px;
}

/** added by farhan **/
#wsPopup {
	position:absolute;
	display:none;
	/*visibility:hidden;*/
	width:300px;
	height:150px;
	border:1px solid #999;
	background-color:#FFF;
	z-index:1000;
}

.landing-join-now {
	width: 940px;
	height:121px;
	position: relative;
	/*background: transparent url(../images/landing-join-banner.jpg) no-repeat;*/
	margin: 15px 0 30px 0;
	display: none;
}

.landing-join-now a.closeBtn {
	width: 21px;
	height: 19px;
	display: block;
	position: absolute;
	right: 13px;
	top: 10px;
	/*text-indent: -9999px;*/
	line-height: 0;
}

.landing-join-now a.joinBtn {
	width: 100px;
	height: 35px;
	display: block;
	position: absolute;
	right: 56px;
	top: 58px;
	/*text-indent: -9999px;*/
	line-height: 0;
}

.single-video-wrapper-info h4 {
	font-size: 1.7em;
}
h4 a {
	line-height: 23px;
}

.single-video-wrapper-info h4 a {
	color: #004700;
	font-weight: bold;
}

.single-video-wrapper-info span {
	line-height: 16px;
}

.single-video-wrapper {
	border-bottom: 1px dotted #CCC;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
}

.userStats {
	color: #6BB800;
}

#vidplayer {
	position: relative;
	background: #000;
}

#vidplayer1 {
	position: relative;
	background: #000;
}

.testOverlay {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 10;
	/*width: 150px;*/
	height: 36px;
	/*background-color: #FFF;*/
	display: none;
}

.testOverlay img.userAva {
	width: 36px;
	height: 36px;
	margin-right: 2px;
	float: left;
}

.testOverlay .videoData {
	background-color: #000;
	height: 36px;
	line-height: 36px;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	padding: 0 10px;
    	float:left;
}

.testOverlay .videoData .theVidTitle {
	font-size: 18px;
	font-weight: bold;
	color:#FFF;
}

.testOverlay .videoData .theBy {
	font-size: 12px;
	color:#FFF;
}

.greyBy {
	color: rgb(161, 161, 161);
}

.wscategory {
	overflow-x: hidden;
}

.publisherHeader {
	margin: 20px 0;
}

.publisherChannelContainer {
	background-color: #CCC; 
	padding: 15px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.publisherListOfChannel {
	padding:13px; 
	background-color: #FFF; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

ul.publisherStatistic{
	list-style-type: none;
	margin-left: 0;
	padding: 0 10px;
	margin-bottom: 25px;
}

ul.publisherStatistic li {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px dotted #CCC;
	padding: 5px 0;
	margin-bottom: 0;
	position: relative;
}

ul.publisherStatistic li .theNumbers {
	position: absolute;
	right: 5px;
	font-weight: normal;
}

.videoChannelStats {
	width:230px;
	float: right;
}

ul.individualChannelStats {
	list-style-type: none;
	margin-left: 0;
	padding: 5px 10px;
	width: 130px;
}

ul.individualChannelStats li {
	color: #000;
	font-weight: bold;
	position: relative;
	padding: 0 0 5px 0;
	margin-bottom: 0;
}

ul.individualChannelStats li .theNumbers {
	position: absolute;
	right: 5px;
}

.channelContainer {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}

.dottedDivider {
	border-bottom: 1px dotted #CCC;
	height: 2px;
	line-height: 1px;
}

.publisherImageContainer {
	margin: 15px 0;
}

.publisherDashboardContainer {
	background-color: #CCC;
	padding: 15px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.publisherDashboardWrapper {
	background-color: #FFF;
	padding: 15px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.videoWrapper {
	background: #CCC;
	-moz-border-radius: 0 0 5px 5px; 
	-webkit-border-radius: 0 0 5px 5px;
	margin-bottom: 15px;
}

#like_com {
	padding: 0 10px 10px 10px;
}

#like_com_response {
	padding: 0 10px 10px 10px;
}

.publisherDashboardExplanation {
	background-color: #f2f2f2;
	padding: 12px 12px 48px 12px;
	font-size: 16px;
}

.publisherFormFieldDesc {
	width: 90px; 
	padding-right: 10px; 
	text-align: right; 
	float:left; 
	line-height: 23px;
}

.roundedBorders {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	border-radius: 5px;
}

.applyGreyBorder {
	border: 1px solid #a6a6a6;
}

.applyPadding5px {
	padding: 5px;
}

.saveGeneral {
	text-indent: -9999px;
	line-height: 0;
	display: block;
	width: 64px;
	height: 27px;
	background: #FFF url(../images/btn-channel-save.png) no-repeat;
	border: 0;
}

.cancelGeneral {
	text-indent: -9999px;
	line-height: 0;
	display: block;
	width: 71px;
	height: 27px;
	background: #FFF url(../images/btn-channel-cancel.png) no-repeat;
	border: 0;
}

.fileInputHide {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 4;
 cursor: pointer;
}

.editVideo .fieldLabel {
	width: 85px;
	margin-right: 6px;
	float: left;
	text-align: right;
	font-size: 1.3em;
	color: #797979;
	padding-top: 6px;
}

.editVideo .fieldInput {
	width: 295px;
	float: left;
	margin-bottom: 10px;
	font-size: 1.3em;
}

.editVideo .fieldInput input, .editVideo .fieldInput textarea, .editVideo .fieldInput select{
	padding: 5px;
	width: 280px;
	color: #000;
}

.editVideo .fieldInput textarea {
	height: 57px;
	resize: none;
}

.editVideo .fieldInput select {
	width: 292px;
}

.customLightboxOverlay {
	background: transparent url(../images/custom-overlay-bg.png);
	z-index: 10;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.customOverlayIframeBox {
	margin-left: auto;
	margin-right: auto;
	width: 680px;
	padding: 10px;
	border: 8px solid #000;
	background: #FFF;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 500px;
	position: relative;
}

#theIframeForm {
	width: 680px;
	height: 440px;
}

#iframeClose {
	width: 23px;
	height: 23px;
	display: block;
	position: absolute;
	top : 18px;
	right: 15px;
	cursor: pointer;
}

.ajaxVideoThumbContainer {
	width: 123px;
	float: left;
	margin: 0 5px 0 0;
}

.ajaxVideoUploadContainer {
	width: 520px;
	float: left;
	margin: 0;
}

.ajaxVideoUploadContainer #fileQueue2, .ajaxVideoUploadContainer #fileQueue3, .ajaxVideoUploadContainer #fileQueue {
	float: left;
	margin-right: 5px;
}

.ajaxVideoUploadContainer object {
	margin-top: 15px;
}

.ajaxVideoUploadContainer object#uploadifyUploader {
	margin-top: 5px;
	float: left;
}

.uploadifyProgressBar {
	margin: 0 !important;
}

.ajaxVideoUploadContainer button {
	text-indent: -9999px;
	width: 155px;
	height: 27px;
	background: transparent url(../images/btn-replace-thumbs.gif) no-repeat;
	border: 0;
}

.ajaxVideoUploadContainer button#repVideo {
	width: 122px;
	height: 26px;
	background: transparent url(../images/btn-replace-video-mini.gif) no-repeat;
	display: block;
	float: left;
	margin: 7px 0 0 5px;
}

.ajaxVideoThumbContainer img {
	width: 120px;
	height: 90px;
}

.zeroOpacity {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

#uploadInProgress {
	line-height: 32px;
	display: none;
}

#uploadInProgress img {
	vertical-align: middle;
	margin-right: 10px;
}


/**pagination**/

.pagination-container {
	/*margin-left:85px;*/
	font-weight:bold;
	margin: 0 auto;
}

li.paginationLiClass{
text-align:center;
list-style: none;
float: left;
/*margin:0 5px;*/
margin: 0 2px;
/*padding:5px;*/
color:#000;
display:block;
/*width:17px;*/
/*height:17px;*/
width: 26px;
height: 27px;
text-align: center;
line-height: 27px;
font-size: 14px;
/*background:url(../images/pages-box.gif) no-repeat;*/
background:url(../images/pagination-pages-bg.jpg) no-repeat;
font-weight: bold;
}

.paginationPageDisabled {
	background-position: -27px !important;
	cursor: default !important;
	font-size: 17px !important;
}

li.paginationLiClass:hover {
color:#000;
cursor: pointer;
}

.disabled{
/*display:none;*/
/*padding-top:5px;*/
/*padding-right:10px;*/
/*border:solid 1px #b4b5b6;*/
color:#666;
display:block;
/*padding:5px;*/
float:left;
background-position: 0 -27px !important;
width: 29px;
height: 27px;
text-indent: -9999px;
line-height: 0;
cursor: normal !important;
margin: 0 2px;
}

.paginationDiv{
/*padding-top:5px;*/
/*padding-right:10px;*/
/*border:solid 1px #b4b5b6;*/
color:#6bb800;
display:block;
/*padding:5px;*/
float:left;
width: 29px;
height: 27px;
text-indent: -9999px;
line-height: 0;
cursor: pointer;
margin: 0 2px;
}

.pagination-container #next {
	background: transparent url(../images/pagination-next-bg.jpg) no-repeat;
}

.pagination-container #prev {
	background: transparent url(../images/pagination-prev-bg.jpg) no-repeat;
}

/* css for sortables*/
.space-img{
	margin-right:5px;
	float:left;
}
#sortable {list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 133px; height: 160px; /*font-size: 4em;*/ text-align: left; }
#sortable img{
width:123px;
height:91px;
}
#contentLeft{
	width:840px;
}
#testing-array{
background-color:#E6FFC3;
border:1px solid #6BB800;
margin:10px;
padding:10px;
}

.updateStatus {
padding:10px;
display: none;
float:left;
width:270px;
font-size:1em;
margin-bottom:10px;
margin-top:10px;
}

.updateSuccess {
background-color:#E6FFC3;
border:1px solid #6BB800;
margin-left:128px;
}

.updateFailed {
background-color:#ffd9d9;
border:1px solid #F00;
color: #F00;
margin-left:213px;
}

#arrangeSave {
	background: transparent url(../images/btn-channel-save.png) no-repeat;
	border: 0;
	width: 64px;
	height: 27px;
	text-indent: -9999px;
	cursor:pointer;
	_line-height: 0;
}

#arrangeCancel {
	background: transparent url(../images/btn-channel-cancel.png) no-repeat;
	border: 0;
	width: 71px;
	height: 27px;
	text-indent: -9999px;
	cursor:pointer;
	_line-height: 0;
}

.arrangeButtonContainer {
	text-align: center;
	border-top: 1px dotted #AAA;
	padding-top: 10px;
}

.selectedItem {
	border: 2px solid #0B0 !important;
}

.thumbSample, .stillSample {
	border: 2px solid #FFF;
	cursor: pointer;
}

.rssLink {
display: block; 
width: 16px; 
height: 16px; 
position: absolute; 
right: 10px; 
bottom: 13px;
}

#videoCrop {
	display: block;
	border: none;
	width: 105px;
	height: 31px;
	text-indent: -9999px;
	line-height: 0;
	background: transparent url(../images/btn-cropimage.png) no-repeat;
	margin: 10px 0;
}