/*
 * @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 ***/
/*************************************************************************/
.icon-48-yendifvideoshare {
	background:url(../images/logo_black.png) no-repeat 0 50%;
}

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

.pagetitle {
	margin-left:15px !important;
	padding-left:30px !important;
}

.pagetitle h2 {
	text-shadow:1px 1px 1px #fff;
}

#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:20px;
	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 {
	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-family:inherit;
	font-size:12px;
	vertical-align:middle;
}

#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:5px 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 !important;
}

#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;
	border:none;
}

#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 .yendifCopyrightsPanel .yendifCopyrights {
	margin:0;
	padding:0;
	border:none;
}

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

#yendifVideoShare .yendifAdminTableFilters tr td.yendifAdminTableFiltersSearch,
#yendifVideoShare .yendifAdminTableFilters tr td.yendifAdminTableFiltersSelects {
	border:none;
}

#yendifVideoShare .yendifAdminTableFiltersSelects {
	float:right;
}

/*************************************************************************/
/*** Adminlist ***/
/*************************************************************************/
#yendifVideoShare table.adminlist {
	border-collapse:collapse;
}

#yendifVideoShare form table.adminlist {
	border-collapse:separate;
}

#yendifVideoShare table.adminlist thead th {
	color:#025A8D !important;
}

#yendifVideoShare table.adminlist th a.saveorder {
	display:inline-block;
	float:none;
	margin-right:auto;
	vertical-align:top;
}

#yendifVideoShare table.adminlist tbody tr td {
	padding:7px;
	min-height:25px;
	border:1px solid #DFDFDF;
}

#yendifVideoShare table.adminlist tbody tr td .yendifList {
	margin:3px 0px;
	padding-left:15px;
}

#yendifVideoShare table.adminlist tbody tr td.order input {
	text-align:center;
}

#yendifVideoShare table.adminlist .pagination {
	padding:3px;
}

#yendifVideoShare table.adminlist .pagination div.limit select#limit {
	margin:0px 0px 0px 7px;
	padding:2px;
	font-size:inherit;
}

/*************************************************************************/
/*** Admintable ***/
/*************************************************************************/
#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;
	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;
    border-bottom:1px solid #F0F0F0;
	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;
}

.yendifVideoShareDashboard .yendifLeftCol div.current {
	padding:10px 0px 0px 0px !important;
}

/*************************************************************************/
/*** 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;
}