/*-----------------------------
		GENERAL CSS 
-------------------------------*/


/* Using .clearfix in place of wp's .clear to save markup */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

/* No cursor:move in wp's ui-draggable. I dont knw why :( */
#galleryWrapper .ui-draggable {
    cursor: move;
}

/* No padding in wp's ui-dialog-content, I dont know why :( */
.wp-dialog .object-dialog.ui-dialog-content {
	padding: .5em 1em;
}

/* Border to tinyMCE container */
.object-dialog .mceIframeContainer {
	border: 1px solid #eee;
}

/* Hack to vertically align colorpicker. Should be fixed neatly */
#galleryWrapper .wp-color-result {
    top: -1px;
    vertical-align: baseline;
}

/* Picker was dragging everything down, when clicked */
#galleryWrapper .wp-picker-holder {
    position: absolute;
    z-index: 9999;
} 

#galleryWrapper .separator {
	border-bottom: 1px solid #dfdfdf; 
	padding-bottom: 10px;
}  

#galleryWrapper .preview-icon {
	background: url('../img/preview.png') no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block; 
	vertical-align: text-top;
	margin-right: 5px;
}

#preview_slider {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
} 

#galleryWrapper label > input {
	margin-left: 5px;
}

#galleryWrapper .button-danger, .object-dialog .button-danger {
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); 
	border-color: #bd362f #bd362f #802420;   
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 
}

#galleryWrapper .button-danger:hover, .object-dialog .button-danger:hover  { 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
	background: #bd362f; 
	border-color: #bd362f #bd362f #802420;  
}

#galleryWrapper .delete-link {
	color: red;
	text-decoration: none;
	border-bottom: 1px solid red;
	line-height: 30px;
	padding-bottom: 0;
	height: 26px;
}

#slider-preview-dialog {
	padding: 30px;
	margin: 0;
	overflow: hidden;
}

#add-video-dialog, #import-dialog {
	text-align: center;
	padding: 15px;
}

#import-sliders {
	margin-right: 10px;
}

/*---------------------------------
	Sliders page (list sliders)
-----------------------------------*/

#listSliders th, #listSliders,td {
	text-align: center;
} 


/*-------------------------------------
	Slider page (new / edit slider)
---------------------------------------*/

/*----- Main Metaboxes -----*/

#normal-sortables .panel .label {
	width: 65px;
	display: inline-block; 
}

#normal-sortables .panel label {
	font-size: 13px;
}

#normal-sortables .panel input[type="button"],.wp-picker-container,.panel select {
	margin-left: 10px;
	font-size: 12px;
}

#normal-sortables .panel .maximize {
	background: url('../img/expand.png') no-repeat top right;
	display: inline-block;
	width: 32px;
	height: 32px; 
	cursor: pointer;
	margin-top: 5px;
}

#normal-sortables .slideContainer { 
	margin: 10px 0;
	border: 1px solid #ccc;
	height: 400px;
	overflow: hidden;
	position: relative;
	background-position : center  center;
    background: url('../img/transparent.png');
}

#normal-sortables .slideContainer > .object {
	position: absolute;
	display: inline;
	z-index: 2;
}
  
#normal-sortables .slideContainer > .object.bg {
	top : 0;
	left: 0;
	z-index : 1;
	height: 100%;
	width: 100%;
}

#normal-sortables .slideContainer > .object.bg img {
	width: 100%;
	height: 100%;
}

#normal-sortables .slideContainer > .object.img {
	top: 100px;
	left:100px;
} 

#normal-sortables .slideContainer > .object.text {
	top: 50px;
	left: 50px;
	font-size: 30px;
	white-space: nowrap;
}


/* Resetting wp style  */
#normal-sortables .slideContainer > .object.text h3 {
	border: medium none;
	text-shadow: none;
	-webkit-box-shadow  : none;
		-moz-box-shadow : none;
			box-shadow  : none;
	background: none;
} 

#normal-sortables .slideContainer > .object.text p {
	margin : 0;
	padding: 0;
	line-height: 1;
}

#normal-sortables .slideContainer > .object.video {
	width: 440px;
	height: 240px;
	top: 40px;
	left: 40px;
/*	text-align: center; 
	
	border : 1px solid #aaa; 
	background-color: #fff;  
	-webkit-border-radius  : 5px;
  		-moz-border-radius : 5px;
  			border-radius  : 5px;
	-webkit-box-shadow  : 0 0 5px #d6d6d6;
		-moz-box-shadow : 0 0 5px #d6d6d6;
			box-shadow  : 0 0 5px #d6d6d6;*/
}

#normal-sortables .slideContainer > .object.video .mask {
	height: 100%;   
	width: 100%;
	opacity: 0;
	top: 0;
	left : 0;
	position: absolute;
}

#normal-sortables .slideContainer > .object.video .add-video-id {
	position: absolute;
	height: 100%;
	top : 20px;
	width: 100%;
}

#normal-sortables .slideContainer > .object.video .add-video-id .button {
	line-height: 15px;
	margin-left: 5px;
} 

/*----- Sidebar Metaboxes -----*/

#side-sortables .inside > ul {
	margin: 10px 0;
}

#side-sortables .inside > ul > li {
	margin-bottom: 15px;
}

#side-sortables .inside > ul > li:last-child {
	margin-bottom: 0px;
}

#sliderTitle {
	width: 190px;
}
 
#sliderOptions li > label, #sliderOptions li > .label {
	float : left;
	width : 110px;
	line-height: 25px;
}  

#sliderOptions > input,#sliderOptions .radioBox {  
	float :left;
	line-height: 22px;
	margin-left: 10px;
}

#sliderOptions .radioBox label {  
	margin-right: 25px;
}

#sliderOptions label input {
	margin-left: 5px;
	vertical-align: text-bottom;
} 
 
/*-------------------------------------
	Dialog (needs to clean it well)
---------------------------------------*/

.object-dialog label {
	margin-right: 10px; 
}

.object-dialog label > span {
	width: 30px;
	display: inline-block;
}

.object-dialog .slide-duration {
	margin-right: 25px;
}   

.object-dialog textarea.text {
	width: 100%;
	height: 80px;
}
 
.object-dialog .top, .object-dialog .left {
	width: 50px; 
}

.object-dialog label > .label {
	width: 70px;
	display: inline-block;
}

.object-dialog label > input[type="text"], .object-dialog label > select {
	width: 120px ;
}

.object-dialog label > input[type="radio"] {
	margin-left: 30px;
}

.object-dialog li {
	margin-bottom: 15px;
}

#img-dialog .thumb {
	width: 120px;
	height: 120px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius : 6px;
  		-moz-border-radius: 6px;
  			border-radius : 6px;
	margin-right: 40px;
}

#img-dialog .change-img {
	margin: 20px 0 0 35px;
}


/*---------------------------------------
	Workaround for jQuery UI  spinner
-----------------------------------------*/

.object-dialog label > .ui-spinner {
	width: auto;
	margin-right: 20px;
}

.object-dialog .ui-widget-content {
	border: 1px solid #aaaaaa;
}

.object-dialog .ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	-webkit-border-radius : 4px;
  		-moz-border-radius: 4px;
  			border-radius : 4px;
	height: 22px;
	line-height: 22px;
}

.object-dialog .ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;

}

.object-dialog .ui-spinner-input:focus {
	-webkit-box-shadow : none;
		-moz-box-shadow: none;
			box-shadow : none;
}

.object-dialog .ui-spinner-button {
	width: 16px; 
	height: 50%;
	font-size: 2em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
	font-size: 10px;
}

.object-dialog .ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
	background: #e6e6e6
}

.object-dialog .ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}

.object-dialog .ui-button .ui-button-text {
	display: block;
	line-height: normal;
}

.object-dialog .ui-icon {
	text-indent: 3px;
}
 
.object-dialog .ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}

.object-dialog .ui-spinner-up {
	top: 0;
}

.object-dialog .ui-spinner-down {
	bottom: 0;
}