/*//////////////////////////////////////////////////////////
///////////////////////-- GENERAL --////////////////////////
//////////////////////////////////////////////////////////*/
.content h2 {
	text-align:center;
	margin:15px 0;
}

.video-content {
	max-height:500px;
	overflow-y:auto;
	padding:0 112px;
}

/*Allows box shadow to be visible*/
body {
	padding:0 8px 8px 0;
	/* Safari/Chrome, other WebKit */
	-webkit-box-sizing:border-box;
	/* Firefox, other Gecko */
	-moz-box-sizing:border-box;
	/* Opera/IE 8+ */
	box-sizing:border-box;
}

/*//////////////////////////////////////////////////////////
///////////////////////-- FEEDBACK --///////////////////////
//////////////////////////////////////////////////////////*/
.infoContainer {
	height:auto;
}

#feedback {
	font-size: 15px;
	color: #BDBDBD;
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
}

#feedback-form {
	border: solid 2px #E7E7E7;
	padding: 10px 0;
	margin: 15px 0 0 0;
	float: left;
	width: 100%;
}

#feedback-form h2 {
	text-align:center;
	color:#BDBDBD;
	padding:0 0 10px;
}

#feedback-form .feedback-item {
	margin:10px 0;
}

#feedback-form label {
	width:100px;
	text-align:right;
	padding:0 10px 0 0;
	display:inline-block;
}

#feedback-form textarea {
	width:300px;
	height:50px;
}

#feedback-errors {
	text-align:center;
}


.app-view {
	margin:0 5px 5px 0;
	background:#000;
	border:solid 2px transparent;
	box-shadow:2px 2px 3px #CCC;
	-moz-box-shadow:2px 2px 3px #CCC;
	-webkit-box-shadow:2px 2px 3px #CCC;
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1,Direction=135,Color='#CCCCCC')";
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1,Direction=135,Color='#CCCCCC');
}

/*When transparent is activated*/
.app-view.transparent {
	background:none!important;
	border:none!important;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-ms-filter:none;
	filter:none;
}

.transparent .app-view {
	background:none;
}

.content-unit {
	padding:10px;
	background-color:#f5f5f5;
	position:relative;
	border-bottom:solid 1px #C7C7C7;
	width:300px;
	margin:0;
}

.content-unit input {
	vertical-align:top;
}

/*Video input box*/
.video-entry {
	text-align:center;
}

/*Video preview*/
.video-preview {
	display:block!important;
	text-align:center;
}

.delete {
	text-decoration:none;
	color:#CCC;
	font-size:20px;
	position:absolute;
	top:50%;
	height:20px;
	margin-top:-10px;
	right:5px;
}

.delete:hover {
	color:#000;
	cursor:hand;
	cursor:pointer;
}

/*Update button*/
.update {
	margin:20px 0;
}

/*//////////////////////////////////////////////////////////
///////////////////////-- TABLE FOR SLIDESHOW --////////////
//////////////////////////////////////////////////////////*/
td {
	vertical-align:middle;
}

/*White burst gradient background; Stronger than usual for video slideshow*/
.whiteBurst {
	width:100%;
	height:100%;
	background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
	/* FF3.6+ */
	background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
	/* Chrome,Safari4+ */
	background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
	/* Chrome10+,Safari5.1+ */
	background:-o-radial-gradient(center,ellipse cover,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
	/* Opera 12+ */
	background:-ms-radial-gradient(center,ellipse cover,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
	/* IE10+ */
	background:radial-gradient(ellipse at center,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
	/* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); */
	/* IE6-9 fallback on horizontal gradient */
}

/*//////////////////////////////////////////////////////////
///////////////////////-- SETTINGS --///////////////////////
//////////////////////////////////////////////////////////*/
.footerSection h2{
    background-color: #FFF0DB; 
    padding: 10px;
    margin: 5px 0;
    border-radius: 6px;
    font-size: 12px;
    border: 1px solid #CCC;
}
.footerSection a{
	text-decoration: underline;
	font-size:125%;
}
.upgradeButton{
	color: #A41AA4;
	font-size: 12px;
	padding: 4px 9px;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #F5F5F5;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#E6E6E6));
	background-image: -webkit-linear-gradient(top,#FFF,#E6E6E6);
	background-image: -o-linear-gradient(top,#FFF,#E6E6E6);
	background-image: linear-gradient(to bottom,#FFF,#E6E6E6);
	background-image: -moz-linear-gradient(top,#FFF,#E6E6E6);
	background-repeat: repeat-x;
	border: 1px solid #BBB;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #E6E6E6 #E6E6E6 #BFBFBF;
	border-bottom-color: #A2A2A2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	display: block;
	position: absolute;
	bottom: -7px;
	top: auto;
}
.upgradeText{
	position: absolute;
	bottom: 10px;
	font-weight: bold;
}

#videoSize {
	display:inline-table;
	margin:10px 0 0 13px;
}

.settings .section {
}

.settings select {
	vertical-align:middle;
}

#customSize {
	margin:12px 0 0 15px;
}

#customSize span {
	margin:0 15px 0 0;
}

#customSize input {
	display:inline-block;
	width:36px;
	height:12px;
	text-align:right;
}

/*Select video size button*/
.sizeButton {
	display:inline-block;
}

.sizeButton.selected {
	border:solid 1px gray;
}

.sizeButton input {
	display:none;
}

.sizeButton label {
	background:#ccc;
	border:1px solid #888;
	color:#666;
	padding:5px 10px;
	height:65px;
	width:65px;
}

.sizeButton label:hover {
	background-color:#ddd;
}

.sizeButton label:active,.sizeButton input:focus + label {
	background-color:#aaa;
}

.sizeButton input:checked + label {
	background-color:#b4b4b4;
}

.sizeButton label {
	background-color:#f5f5f5;
	background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
	background-image:-o-linear-gradient(top,#fff,#e6e6e6);
	background-image:-ms-linear-gradient(top,#fff,#e6e6e6);
	background-image:linear-gradient(top,#fff,#e6e6e6);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
	border-color:#e6e6e6 #e6e6e6 #bfbfbf;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border:1px solid #ccc;
	border-bottom-color:#b3b3b3;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	color:#333;
	cursor:pointer;
	display:inline-block;
	margin-bottom:0;
	margin-left:-1px;
	padding:4px 10px;
	font-size:13px;
	line-height:18px;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	vertical-align:middle;
}

.sizeButton label:hover {
	background-color:#e6e6e6;
	background-position:0 -15px;
	color:#333;
	text-decoration:none;
	-webkit-transition:background-position .1s linear;
	-moz-transition:background-position .1s linear;
	-ms-transition:background-position .1s linear;
	-o-transition:background-position .1s linear;
	transition:background-position .1s linear;
}

.sizeButton label:active,.sizeButton input:focus + label {
	background-color:#d9d9d9;
	background-image:none;
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	outline:0;
}

.sizeButton input:checked + label {
	background:#f5f5f5;
	-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 6px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}

.sizeIcon {
	border:1.5px solid #222;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.small {
	width:20px;
	height:13px;
	margin:6px auto;
}

.medium {
	width:25px;
	height:15px;
	margin:5px auto;
}

.large {
	width:30px;
	height:20px;
	margin:3px auto;
}

.jumbo {
	width:35px;
	height:20px;
	margin:3px auto;
}

.custom {
	border:1.5px dashed #222;
	width:35px;
	height:20px;
	margin:3px auto;
}

/*//////////////////////////////////////////////////////////
///////////////////////-- ARROW SELECT BUTTONS --///////////
//////////////////////////////////////////////////////////*/
#btnStyle {
	display:inline-table;
	margin:10px 0 0 13px;
}

.btnStyleButton {
	display:inline-block;
}

.btnStyleButton.selected {
	border:solid 1px gray;
}

.btnStyleButton input {
	display:none;
}

.btnStyleButton label {
	border:1px solid #888;
	color:#666;
	padding:5px;
	height:47px;
	width:65px;
	margin:10px;
	background-color:#f5f5f5;
	background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
	background-image:-o-linear-gradient(top,#fff,#e6e6e6);
	background-image:-ms-linear-gradient(top,#fff,#e6e6e6);
	background-image:linear-gradient(top,#fff,#e6e6e6);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
	border-color:#e6e6e6 #e6e6e6 #bfbfbf;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border:1px solid #ccc;
	border-bottom-color:#b3b3b3;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	color:#333;
	cursor:pointer;
	display:inline-block;
	margin-bottom:0;
	margin-left:-1px;
	padding:4px 5px;
	font-size:13px;
	line-height:18px;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	vertical-align:middle;
}

.btnStyleButton label:hover {
	background-color:#e6e6e6;
	background-position:0 -15px;
	color:#333;
	text-decoration:none;
	-webkit-transition:background-position .1s linear;
	-moz-transition:background-position .1s linear;
	-ms-transition:background-position .1s linear;
	-o-transition:background-position .1s linear;
	transition:background-position .1s linear;
}

.btnStyleButton label:active,.btnStyleButton input:focus + label {
	background-color:#d9d9d9;
	background-image:none;
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	outline:0;
}

.btnStyleButton input:checked + label {
	background:#d5d5d5;
	-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 6px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}

.btnIcon {
	background:url(images/videoGalleryArrows_Dark_43x75.png);
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	height:45px;
	width:60px;
	margin:0 auto;
}

.btn1 {
	background-position:-5px 0;
}

.btn2 {
	background-position:-78px 0;
}

.btn3 {
	background-position:-150px 0;
}

.btn4 {
	background-position:-220px 0;
}

.btn5 {
	background-position:-295px 0;
}

.btn6 {
	background-position:-365px 0;
}

.btn7 {
	background-position:-440px 0;
}

.btn8 {
	background-position:-505px 0;
}

/*//////////////////////////////////////////////////////////
///////////////////////-- SLIDESHOW CONTROLLER --///////////
//////////////////////////////////////////////////////////*/
table {
	width:100%;
	height:100%;
	margin:0 auto;
}

#slideshow-wrapper {
}

#slideshow {
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.slide {
	position:relative;
}

.slides {
	position:absolute;
/* display:none; */
	left:10000px;
}

#placeholder {
	text-align:center;
}

/*//////////////////////////////////////////////////////////
///////////////////////-- NEXT & PREV BUTTONS --////////////
//////////////////////////////////////////////////////////*/
.next-wrapper {
	width:45px;
	margin:0 10%;
}

.prev-wrapper {
	width:45px;
	margin:0 10%;
}

.prev-wrapper {
	float:right;
}

.next,.prev {
	border:0;
	height:45px;
	width:45px;
	background:url(images/videoGalleryArrows_Light_43x75.png) no-repeat;
	cursor:pointer;
	z-index:100;
	opacity:.1;
	transition:opacity .5s;
	-moz-transition:opacity .5s;
	-webkit-transition:opacity .5s;
	-o-transition:opacity .5s;
}

.next {
}

.prev {

}

/*Hover state, toggled with JS*/
.hover .next,.hover .prev {
	opacity:1!important;
}

/*Preview image*/
.preview-image {
	background-image:url(images/videogallery_placeholder_425x349.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.rightSide {
	position: relative;
}
/*Tab*/
#tab {
	right:0px!important;
	opacity:.5;
	top: 35px!important;
	width: 25px;
	padding: 3px 0px;
	padding-bottom: 0px;
	position:absolute;
	z-index:10000;
	transition:width 1s,opacity 1s;
	-moz-transition:width 1s,opacity 1s;
	-webkit-transition:width 1s,opacity 1s;
	-o-transition:width 1s,opacity 1s;
	overflow:hidden;
	background:-webkit-gradient(linear,left top,left bottom,from(#FC0201),to(#B02728));
	background:-moz-linear-gradient(top,#FC0201,#B02728);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0201',endColorstr='#B02728');
}
#tab img {
	vertical-align: middle!important;
}
#tab a {
	white-space:nowrap;
	color:#eee;
	font-size:13px;
	font-weight:100;
	position:relative;
	float:left;
}
#tab:hover {
	width:177px;
	opacity:1;
}
/*//////////////////////////////////////////////////////////
///////////////////////-- Thumbnail Preview --///////////////
//////////////////////////////////////////////////////////*/
#bottom-preview {
	width:600px;
/* this should match video size */
	height:90px;
	background:#000;
	margin:0 auto;
}

.videoThumb {
	height:98%;
	border:1px solid #666;
}
.transparent .whiteBurst {
	background: none;
}