/**
 * Video Player - by Duktee
 *
 * @package		Video Player
 * @version		Version 2.5
 * @author		Benjamin David
 * @copyright	Copyright (c) 2011 - Duktee
 * @license		http://duktee.com/addons/video-player/license
 * @link		http://duktee.com/addons/video-player/
 *
 */

#videoplayer-preview
{
	position: absolute;
	width: 376px;
	height: 250px;
	overflow: hidden;
	right: 20px;
	top: 20px;
	background: #e1e8ee url("play.png") no-repeat center center;
	border: 1px solid #ced5da;
}

#videoplayer-preview.play
{
	background: #e1e8ee url("play.png") no-repeat center center;
}

#videoplayer-preview.loader
{
	background: #e1e8ee url("loader.gif") no-repeat center center;
}

#videoplayer-preview p
{
	text-align: center;
	padding-top: 60px;
	font-size: 1.2em;
	color: rgba(78,102,117,0.58);
}

#videoplayer-menu
{
	position: absolute;
	width: 460px;
	overflow: hidden;
	top: 20px;
	left: 20px;
	z-index: 1;
}

#videoplayer-menu li
{
	float: left;
	margin-right: 10px;
}

#videoplayer-menu a
{
	display: block;
	background: #ecf1f4;
	color: #7b8992;
	padding: 10px;	
	margin-bottom: 1px;
	border: 1px solid #ced5da;
	border-bottom: 1px solid #ced5da;
	font-size: 0.9em;
	font-weight: bold;
}

#videoplayer-menu a:hover
{
	text-decoration: none;
}

#videoplayer-menu .selected a
{
	background: #e1e8ee;
	color: #333;
	border-bottom: 1px solid #e1e8ee;
}

#videoplayer-content
{
	position: absolute;
	width: 340px;
	height: 378px;
	overflow: hidden;
	left: 20px;
	top: 20px;
	background: #e1e8ee;
	border: 1px solid #979ca1;
}

#videoplayer-form-url .videoplayer-in
{
	margin: 20px;
}

#videoplayer-controls label
{
	font-weight: bold;
}

#videoplayer-controls small
{
	color: #a9b1b6;
	display: block;
	margin-bottom: 25px;
	text-align: left;
}

#videoplayer-search
{
	padding: 10px;
}

#videoplayer-search input
{
	background: #fff url("search.png") no-repeat center left;
	padding: 7px;
	font-size: 1.1em;
	padding-left: 23px;	
}

#videoplayer-search input:focus
{
	border: 1px solid #b6c0c2;
	padding: 7px;
	padding-left: 23px;	
}

#videoplayer-search-results
{
	overflow: auto;
	height: 296px;
	background: #fff;
}

#videoplayer-search-results ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#videoplayer-search-results .no-videos
{
	text-align: center;
	padding-top: 120px;
	font-size: 1.5em;
	color: #ddd;
}

#videoplayer-search-results li
{
	padding: 10px;
	border-bottom: 1px solid red;
	border-color: #b6bdc2;
	background: #fff;
	color: #444;
	clear: left;
}

#videoplayer-search-results li:hover
{
	background: #ecf1f4;
	cursor: pointer;
}

#videoplayer-search-results li.selected
{
	background: #da3a50;

	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(187,54,83)),
	    color-stop(1, rgb(224,74,96))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(187,54,83) 0%,
	    rgb(224,74,96) 100%
	);
	
	color: #fff;
}


#videoplayer-search-results .thumb
{
	width: 90px;
	height: 60px;
	background: #9dabb4;
	float: left;
}


#videoplayer-search-results .text
{
	margin-left: 100px;
	font-weight: bold;
}

#videoplayer-search-results .text p
{
	margin: 0;
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 3px;
}

#videoplayer-search-results .text strong
{
	display: block;
	font-size: 1.1em;
}

#videoplayer-search-results .videoplayer-results-vimeo
{
	display: none;
}


.matrix .videoplayer-field p
{
	text-align: center;
}

.videoplayer-add
{
	background: url("btn-add.png") no-repeat 0 -22px;
	padding: 1px 0;
	padding-left: 23px;
	
}

.videoplayer-remove
{
	background: url("btn-remove.png") no-repeat 0 -22px;
	padding: 1px 0;
	padding-left: 23px;
	display: none;
}



.matrix .videoplayer-add,
.matrix .videoplayer-remove
{
	text-decoration: none !important;
}


#videoplayer-controls
{
	position: absolute;
	bottom: 15px;
	right:38px;
	text-align: center;
	width: 350px;
}

#videoplayer-controls .videoplayer-text
{
	width: 100% !important;
}

#videoplayer-controls p
{
	margin-top: 10px;
	margin-bottom: 0;
}

#videoplayer-submit
{
	padding: 15px;
}

#videoplayer-controls label
{
	display: block;
	text-align: left;
}

.videoplayer-ui-btn
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(177,188,196)),
	    color-stop(1, rgb(236,239,241))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(177,188,196) 0%,
	    rgb(236,239,241) 100%
	);
	border: 1px solid #7E8386;
	padding: 7px 12px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 3px;
	font-weight: bold;
	color: #31424e !important;
	text-decoration: none;
}

.videoplayer-ui-btn-pink
{
	background: #da3a50;
	color: #fff !important;
	border: 1px solid #47131a;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(187,54,83)),
	    color-stop(1, rgb(224,74,96))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(187,54,83) 0%,
	    rgb(224,74,96) 100%
	);
}

.videoplayer-ui-btn:hover
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(188,197,204)),
	    color-stop(1, rgb(245,247,248))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(188,197,204) 0%,
	    rgb(245,247,248) 100%
	);
	text-decoration: none;
}

.videoplayer-ui-btn:active
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(207,214,219)),
	    color-stop(1, rgb(177,188,196))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(207,214,219) 0%,
	    rgb(177,188,196) 100%
	);
}

.videoplayer-ui-btn-pink:hover
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(187,54,83)),
	    color-stop(1, rgb(224,105,123))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(187,54,83) 0%,
	    rgb(224,105,123) 100%
	);
}

.videoplayer-ui-btn-pink:active
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(209,67,91)),
	    color-stop(1, rgb(187,54,83))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(209,67,91) 0%,
	    rgb(187,54,83) 100%
	);

}

#videoplayer-box
{
	font-family: Arial;
	font-size: 12px;
	background: #ecf1f4;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 40px #000000;
	-moz-box-shadow: 0px 0px 40px #000000;
	box-shadow: 0px 0px 40px #000000;

}

.matrix .videoplayer-field-preview
{
	width: 370px;
	margin: 0 auto;
}

.videoplayer-addremove
{
	padding: 10px 0px;
}

.matrix .videoplayer-addremove
{
	padding: 0;
}

.videoplayer-text
{
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #B6C0C2;
	color: #5F6C74;
	outline: 0;
	padding: 4px;
	width: 289px !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.videoplayer-clear
{
	clear: both;
}

#videoplayer-filters
{
	background: #eee;
	border-bottom: 1px solid #b6c0c2;
	border-top: 1px solid red;
	font-size: 1.0em;
	border-color: #94979f;
}

.videoplayer-filter-label
{
	padding: 7px 10px;
	border-right: 1px solid #979ca1;
	border-color: #89969f;
	color: #777;
}

.videoplayer-filter-label:hover
{
	cursor: default;
}

#videoplayer-filters ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#videoplayer-filters li
{
	float: left;
}


#videoplayer-filters a
{
	color: #333;
	text-decoration: none;
	padding: 7px 10px;
	padding-left: 28px;
	display: block;
	font-weight: bold;
	border-right: 1px solid #979ca1;
	border-color: #89969f;
	position: relative;
}

#videoplayer-filters a img
{
	position: absolute;
	left: 8px;
	top: 5px;
	/*margin-top: -2px;*/
}

#videoplayer-filters li.selected a
{
	color: #OOO;
	background: #ced2d2;
}