/*
 * @version		$Id: yendifvideoshare.css 1.2.0 05-11-2014 $
 * @package		Yendif Video Share
 * @copyright   Copyright (C) 2014-2016 Yendif Technologies PVT Ltd
 * @license     GNU/GPL http://www.gnu.org/licenses/gpl-2.0.html
*/

/*************************************************************************/
/*** General ***/
/*************************************************************************/
body .page-title {
	background:url(../images/logo_white.png) no-repeat 0 50%;	
	padding-left:5px;
}

.icon-recreate {
	background-image:url(../images/icon-32-recreate.png) !important;
}

#yendifVideoShare {
	position:relative;
	margin:0px;
	padding:10px;
	background-color:#FFF;
	color:#454545 !important;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
}

#yendifVideoShare h1 {
	margin:20px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px dashed #CCC;	
	font-size:24px;
	text-align:center;	
}

#yendifVideoShare h3 {
	color:#075c97;
}

#yendifVideoShare p.yendifDescription {
	margin:5px;
}

#yendifVideoShare table {
	width:100%;	
}

#yendifVideoShare textarea {
	min-width:350px;
	min-height:50px;
}

#yendifVideoShare #yendifThirdParty textarea,
#yendifVideoShare #yendifVideoDescription textarea {
	min-width:600px;
	min-height:150px;
}

#yendifVideoShare #yendifResponsiveCSS textarea {
	padding:2px;
	min-width:100%;
	min-height:250px;
}

#yendifVideoShare input[type="text"],
#yendifVideoShare select,
#yendifVideoShare textarea {
	height:auto;
	margin:2px;
	padding:5px;
	border:1px solid #CCC;	
   -webkit-box-shadow:inset 0 0 7px #EEE;
   	  -moz-box-shadow:inset 0 0 7px #EEE;
           box-shadow:inset 0 0 7px #EEE;
	color:#454545;
	font-size:12px;
	vertical-align:middle !important;
	line-height:normal;
}

#yendifVideoShare input.yendifSmall {
	width:60px;
}

#yendifVideoShare input.yendifMedium {
	width:200px;
}

#yendifVideoShare input.yendifWide {
	width:300px;
}

#yendifVideoShare input[type="button"] {
	cursor:pointer;
}

#yendifVideoShare input[type="button"]:hover {
	border:1px solid #999;
}

#yendifVideoShare input[type="radio"] {
	width:16px !important;
	height:16px !important;
	margin:0px 3px;
	padding:0px;
	vertical-align:middle;
}

#yendifVideoShare input.disabled {
	display:block;
	background-color:#FCFCFC;
	margin-bottom:5px;
}

#yendifVideoShare select {
	width:auto;
	max-width:225px;
}

#yendifVideoShare button {
	margin:0px;
	padding:3px 8px;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
		    border-radius:2px;
	font-size:12px;
	vertical-align:middle;
}

#yendifVideoShare .yendifList {	
	list-style-type:circle;
}

#yendifVideoShare label.yendifLabel {
	float:none;
	display:inline-block;
	width:inherit;
	min-width:inherit;	
	margin:2px 7px 2px 2px;
	font-size:12px;
	vertical-align:middle;
}

#yendifVideoShare label.yendifLabel span {
	vertical-align:middle;
}

#yendifVideoShare .left {
	float:left;
}

#yendifVideoShare .right {
	float:right;
}

#yendifVideoShare .clear {
	clear:both;
}

#yendifVideoShare .center {
	text-align:center;
}

#yendifVideoShare .padLeft {
	text-align:left;
	padding-left:10px;
}

#yendifVideoShare .spacer {
	height:10px;
}

#yendifVideoShare .yendifNoItem {
	display:block;
	padding:5px;
	color:#999;
	text-align:center;
}

#yendifVideoShare .mandatory {
	color:#FF9900 !important;
	font-weight:bold;
	padding-left:5px;
}

#yendifVideoShare .important {
	color:#F00 !important;
	font-weight:bold !important;
}

#yendifVideoShare .invalid {
	border:1px solid #FF0000 !important;
	color:inherit !important;
	font-weight:normal !important;
}

#yendifVideoShare label.invalid,
#yendifVideoShare label.invalid a {
	border:none !important;
	color:#FF0000 !important;
}

#yendifVideoShare .yendifLeftCol {
	float:left;
	width:55%;
}

#yendifVideoShare .yendifRightCol {
	float:right;
	width:44%;
}

#yendifVideoShare .yendifSection {
	font-weight:bold;
	text-decoration:underline;
}

#yendifVideoShare .yendifFAQ {
	margin-top:25px;
}

/*************************************************************************/
/*** Control Panel ***/
/*************************************************************************/
#yendifVideoShare .cpanel div.icon {
	text-align:center;
	margin-right:15px;
	float:left;
	margin-bottom:15px;
}

#yendifVideoShare .cpanel div.icon a {
	background-color:#fff;
	background-position:-30px;
	display:block;
	float:left;
	height:97px;
	width:108px;
	color:#565656;
	vertical-align:middle;
	text-decoration:none;
	border:1px solid #CCC;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition-property:background-position,-webkit-border-bottom-left-radius,-webkit-box-shadow;
	-moz-transition-property:background-position,-moz-border-radius-bottomleft,-moz-box-shadow;
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
}

#yendifVideoShare .cpanel div.icon a:hover,
#yendifVideoShare .cpanel div.icon a:focus,
#yendifVideoShare .cpanel div.icon a:active {
	background-position:0;
	-webkit-border-bottom-left-radius:50% 20px;
	-moz-border-radius-bottomleft:50% 20px;
	border-bottom-left-radius:50% 20px;
	-webkit-box-shadow:-5px 10px 15px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:-5px 10px 15px rgba(0, 0, 0, 0.25);
	box-shadow:-5px 10px 15px rgba(0, 0, 0, 0.25);
	position:relative;
	z-index:10;
}

#yendifVideoShare .cpanel img {
	padding:10px 0;
	margin:0 auto;
}

#yendifVideoShare .cpanel span {
	display:block;
	text-align:center;
}

#yendifVideoShare div.cpanel-left {
	width:54%;
	float:left;
}

#yendifVideoShare div.cpanel-right {
	width:45%;
	float:right;
}

/*************************************************************************/
/*** Copyright ***/
/*************************************************************************/
#yendifVideoShare .yendifCopyrightsPanel {
	height:400px;
	margin:0px 0px 0px 10px;
	padding:0px;
	background-color:#fbfbfb;
	text-align:center;
}

#yendifVideoShare .yendifCopyrightsPanel h1 {
	margin:0px;
	padding-top:100px;
}

#yendifVideoShare .yendifCopyrightsPanel table {
	width:90%;
	margin:10px auto;
}

#yendifVideoShare .yendifCopyrights {	
	margin:25px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	border-top:1px dashed #CCC;
	text-align:center;
}

#yendifVideoShare.yendifVideoShareDashboard .yendifCopyrights {
	margin:15px 0px 25px 0px;
}

/*************************************************************************/
/*** AdminFilter ***/
/*************************************************************************/
#yendifVideoShare .yendifAdminTableFilters {
	margin-bottom:5px;
}

#yendifVideoShare .yendifAdminTableFilters tr td.yendifAdminTableFiltersSearch,
#yendifVideoShare .yendifAdminTableFilters tr td.yendifAdminTableFiltersSelects {
	margin:0px 0px 10px 0px;
	padding:0;
	border:none;
}

#yendifVideoShare .yendifAdminTableFiltersSelects {
	float:right;
}

/*************************************************************************/
/*** Adminlist ***/
/*************************************************************************/
#yendifVideoShare table.adminlist thead th.order {
	min-width:150px;
}

#yendifVideoShare table.adminlist tr td {
	padding:10px !important;
	vertical-align:middle;
}

#yendifVideoShare table.adminlist tr td input {
	margin:0px;
}

#yendifVideoShare table.adminlist tr td.order .yendifSmall {
	float:right !important;
	width:40px;
	padding:3px !important;
	text-align:center;
}

#yendifVideoShare table.adminlist tfoot tr td {
	padding:10px 0px !important;
}

/*************************************************************************/
/*** Admintable ***/
/*************************************************************************/
#yendifVideoShare table.admintable {
	border-collapse:separate;
	border-spacing:2px !important;
}
	
#yendifVideoShare table.admintable td.yendifKey {
	width:120px;
	padding:5px 10px;
	background-color:#F6F6F6;
	border-right:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
	text-align:right;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}

#yendifVideoShare div.current table.admintable input,
#yendifVideoShare div.current table.admintable textarea,
#yendifVideoShare div.current table.admintable select {
	float:none;
}

#yendifVideoShare div.current table.admintable select {
	margin-bottom:auto;
}

#yendifVideoShare div.current table.admintable .yendifList {
	margin:10px;
	padding:0 0 0 15px;
}

#yendifVideoShare div.current table.admintable .editor {
	margin:3px;
	max-width:600px;
}

#yendifVideoShare div.current table.admintable .toggle-editor {
	display:none;
}

/*************************************************************************/
/*** Tabs ***/
/*************************************************************************/
#yendifVideoShare dl.tabs {
	clear:both;
	display:table;
	width:100%;
	margin:0px 0px -1px 0px;
	z-index:50;
}

#yendifVideoShare dl.tabs h3 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
}

#yendifVideoShare dl.tabs h3 a {
	color:#666;
	text-decoration:none;
}

#yendifVideoShare dl.tabs h3 a:hover {
	text-decoration:none;
}

#yendifVideoShare dl.tabs dt {
	float:left;
	margin-left:3px;
	padding:8px 15px;
	background:#F0F0F0;
	background:-webkit-linear-gradient(#FFF, #F0F0F0);
	background:-moz-linear-gradient(#FFF, #F0F0F0);
	background:-ms-linear-gradient(#FFF, #F0F0F0);
	background:-o-linear-gradient(#FFF, #F0F0F0);
	border:1px solid #CCC;	
	-webkit-border-top-left-radius:5px;
	   -moz-border-top-left-radius:5px;
		    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
	   -moz-border-top-right-radius:5px;
		    border-top-right-radius:5px;
	color:#666;
}

#yendifVideoShare dl.tabs dt.open {
	background:#FFFFFF;
	border-bottom:1px solid #FFF;	
	color:#000;
	z-index:100;
}

#yendifVideoShare div.current {
	clear:both;
	padding:10px 0px;
	background-color:#fff;
	border:1px solid #CCC;
	border-right:none !important;
	border-left:none !important;
	border-bottom:none !important;
}

#yendifVideoShare div.current dd {
	margin:0;
	padding:0;
}

/*************************************************************************/
/*** Ajax Upload ***/
/*************************************************************************/
#yendifVideoShare .yendifAjaxUploadForm {
	margin:0px;
}

#yendifVideoShare input.yendifFileInput {
	float:left !important;
}

#yendifVideoShare .yendifSplitter {
	float:left;
	display:inline-block;
	width:1px;
	height:20px;
	margin:5px;
	padding:0;
	background:#DDD;
}

#yendifVideoShare .yendifMediaUploader {
	float:left;
	position:relative;
	display:inline-block;
	width:98px;
	height:25px;
	margin:2px;
	padding:0px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	color:#fff;
	background:#5bb75b;
	background:-moz-linear-gradient(top,#62c462,#51a351);
	background:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
	background:-webkit-linear-gradient(top,#62c462,#51a351);
	background:-o-linear-gradient(top,#62c462,#51a351);
	background:linear-gradient(to bottom,#62c462,#51a351);
	background-repeat:repeat-x;
	border:1px solid #387038;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);	
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}

#yendifVideoShare .yendifMediaUploader:hover {
	color:#fff;
	background:#51a351;
}

#yendifVideoShare .yendifMediaUploader span {
	display:block;	
	font-size:12px;
	text-align:center;	
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	line-height:25px;	
}

#yendifVideoShare .yendifMediaUploader .yendifFileHidden {
	position:absolute;
	top:0px;
	right:0;
	font-size:120px;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	-khtml-opacity:0;
	-moz-opacity:0;
	cursor:pointer;
}

#yendifVideoShare .yendifAjaxResponse {
	display:inline-block;
	width:150px;
	height:26px;
	float:left;
}

#yendifVideoShare .yendifUploading,
#yendifVideoShare .yendifUploadSuccess,
#yendifVideoShare .yendifUploadFailure {
	display:inline-block;
	width:250px;
	height:26px;
	margin:5px;
	padding:0 0 0 24px;
	font-size:12px;
	font-style:italic;
}

#yendifVideoShare .yendifUploading {
	background:url('../images/spinner.gif') no-repeat;
}

#yendifVideoShare .yendifUploadSuccess {
	background:url('../images/tick.png') no-repeat;
}

#yendifVideoShare .yendifUploadFailure {
	background:url('../images/publish_x.png') no-repeat;
}

#yendifVideoShare .yendifUploading a,
#yendifVideoShare .yendifUploadSuccess a,
#yendifVideoShare .yendifUploadFailure a {
	padding-left:10px;
	color:#08C;
	text-decoration:underline;
}

#yendifVideoShare button#yendif_published_down_img,
#yendifVideoShare button#yendif_published_up_img {
	margin-left: -3px;
}
#yendifVideoShare table.adminlist thead th.order.yvsVideos {
	min-width: 110px;
}
/*************************************************************************/
/*** Responsive ***/
/*************************************************************************/
@media only screen and (max-width : 1024px) {
	#yendifVideoShare dl.tabs dt {
		padding:8px 10px;
	}
}

@media only screen and (max-width : 768px) {
	#yendifVideoShare {
		margin:10px 0px;
		padding:0px;
	}
	
	#yendifVideoShare .no-tablet {
		display:none;
	}
	
	#yendifVideoShare dt.tabs {
		display:none;
	}
	
	#yendifVideoShare.yendifVideoShareDashboard dt.tabs.open {
		display:block;
	}
	
	#adminForm div.current {
		border:none;
	}
	
	#adminForm dd.tabs {
		display:block !important;
	}
	
	#yendifVideoShare table.admintable td.yendifKey {
		width:120px !important;
	}
	
	#yendifVideoShare input[type="text"] {
		margin:3px;
	}
	
	#yendifVideoShare input,
	#yendifVideoShare textarea {
		max-width:250px !important;
	}	
}

@media only screen and (max-width : 480px) {
	#yendifVideoShare .no-mobile {
		display:none;
	}
}