/***** LOGIN ******/
.signin .ContentWrapper {
	text-align: center;
}

/***** TABLE ******/
table tr:first-child td {
	border-top: none;
}

/***** Page Dimmer on Link Click *****/
.PageDimmer{
	position: fixed;
	z-index: 99999;
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0.1;
}
.PageDimmer span{
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../icons/ajax-loader.gif);
}

/***** PlaylistBuilder *****/
#availableSongs>div.selected{
	background: #2B9DBE !important;
}
.PlaylistBuilder{
	width: 100%;
	height: 400px;
	border-bottom: solid 3px #eee;
	padding-bottom:40px;
}
.PlaylistBuilder .MediaListing{
	width: 50%;
	height: 100%;
	float: left;
}

.PlaylistBuilder .draggableDIV{
min-height: 200px;height:100%;overflow-x: hidden;overflow-y: scroll;
}
.PlaylistBuilder .sortableDIV{
min-height: 200px;height:100%;overflow-x: hidden;overflow-y: scroll;
}

.PlaylistBuilder label.delete,
.PlaylistBuilder label.add{
	margin: 0px !important;
	top: -13px !important;
	right: -21px !important;
	/*padding: 4px 6px 5px!important;*/
	padding: 15px 20px 17px 20px!important;
}
.PlaylistBuilder #playlistContainer label.add{
	display: none;
}
@media (min-width: 480px) {
/*
	.PlaylistBuilder #availableSongs label.add{
		display: none;
	}*/
	.PlaylistBuilder #availableSongs label.delete{
		display: block;
	}
}
@media (max-width: 480px) {
	.PlaylistBuilder .MediaListing{
		width: 100%;
		margin-bottom: 60px;
	}
	.PlaylistBuilder #availableSongs label.delete{
		display: none;
	}	
}


/****** PAGE STYLE ******/
body.mcp{ background: #fefefe; font-family: "Open Sans",Verdana,Tahoma,serif; }
@media (min-width: 1200px) {
	body.mcp{ background: #FFF; }
}
/****** SMART SEARCH ******/
 .ui-autocomplete-loading { background: white url('../resources/ajax-loader.gif') right center no-repeat; background-size: 20px 20px; background-position: 95% 50%;}
 .ui-autocomplete li.ui-menu-item{ font-family: Arial;font-size: 10px; }

/****** HEADER ******/
body.mcp .header.navbar{ background: #006687; }
/*body.mcp .Header{ background: #55b5c5; }*/

.navbar-default{ border: none; }
.navbar-default .navbar-toggle{	background: #55b5c5; color: #FFF; }	
.header .navbar-collapse li a{ padding: 10px; border-radius: 4px; color: #FFF; }

.header .navbar-collapse li a.active,
.header .navbar-collapse li a:hover{
	background: #fff;
	color: #55b5c5;
}
.navbar-nav>li>.dropdown-menu{
	background: #55b5c5;
}

/***** MEDIA MANAGER *****/
#elfinder *{
-webkit-box-sizing: initial !Important;
}

/***** FOOTER *****/
.LayoutFooter{ background: #3b3b3b; color: #aaa; }



/***** GENERAL STYLING *****/
h1{ font-size: 20px; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }

@media (min-width: 768px){
	h2{ font-size: 24px; margin-bottom: 15px; }
	h3{ font-size: 20px; }
}

.centered{ text-align: center; }

input, select, .btn{ margin: 0px 0px 5px 0px; }

.row.grid>div{ padding: 15px; }
.grid-tiny>.row>div{ padding: 2px 4px; }	 .grid-tiny>.row.heading>div{ padding: 15px 4px; }	
.grid-small>.row>div{ padding: 5px; }	 .grid-small>.row.heading>div{ padding: 15px 4px; }	
.grid-medium>.row>div{ padding: 10px; }	 .grid-medium>.row.heading>div{ padding: 15px 4px; }	
.grid-large>.row>div{ padding: 15px; }	 .grid-large>.row.heading>div{ padding: 15px 4px; }	

.grid-tiny>.row>div span,.grid-small>.row>div span,.grid-medium>.row>div span,.grid-large>.row>div span{ display: block; padding-top: 5px; }

.btn .wide{
	width: 100%;
}

/*** BOOTSTRAP BUTTONS ***/
.btn.wide{
	width: 100%;
}
.btn.alignleft{
	text-align: left;
}


.service-control-buttons .btn img{
	width: 24px;
}

/***** SIGN IN *****/
body.signin{ background-color:	#55b5c5; }
	
div.LoginWebsiteContainer .container .Content,
div.InstallWebsiteContainer .container .Content{
	background-color:	#fefefe;
	border:	solid 1px #aaa;
}

div.LoginWebsiteContainer p.notice{
	color:	#FF0000;
	text-align: center;
}

.form-signin .checkbox { font-weight: normal; }

body.signin h2{
	margin-top: 20px;
	margin-bottom: 10px;
		
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
		
	border: none;
	text-align: center;
	color: inherit;
}


/****** MEDIACP ACCORDIAN ******/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background: #428bca !important;
	color: #FFF !important;
}
.ui-widget-content{
	background: #fefefe !important;
}
.ui-widget{
	font-family: inherit !important;
}
.ui-state-default .ui-icon{
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border: none !important;
}

/****** MEDIACP SERVICE LISTING TABLE ******/

.MediaServices .row{
	margin-bottom: 15px;
}

/****** MEDIACP SERVICE OVERVIEW PAGE ******/

.EmbedContainer{
	width: 100%;
	height: 275px;
	padding: 15px;
	background: #FFF;
	border: dotted 1px #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	
	overflow: scroll;
	
	font-family: Verdana;
	font-size: 9px;
	color: #666;
}
	
span#CountDown{
	display: inline;
}
	
/****** MEDIACP SERVICE AUTODJ PAGE ******/
.autodj_playlist{ padding: 5px; font-size: 12px; }
.autodj_playlist .handle img{ margin-right: 15px; }

/****** MEDIACP WIZARD STYLING ******/
.WizardCreate, .WizardCreate table td{
	border: none !important;
	border-top: none !important;
}

/****** MEDIACP WOWZA PLAYLIST MANAGER ******/
/** Wowza Playlist Manager **/

	#playlist_timecodes {
		float: right;
		width: 300px;
		margin: 0px;
		padding: 0px;
		text-align: left;
			
	}
	#.WMediaItemposition{
		height: 0px; width: 0px; display: hidden; 
	}
	
	.AvailableItems .hidden, 
	.DragDrop .hidden {
			display:none;
	}
	#playlist_timecodes p{
		margin: 0px;
	}
	#playlist_timecodes label {
		display:inline-block;
		width: 110px;
		margin: 0px;
		padding: 0px;
		text-align: left;
			
	}
	.PlaylistManager tr.Activeno{
		background-color: #FFEEEE;
		font-style: italic;
	}
	.PlaylistManager tr.Activeno:hover td{
		background-color: #FFDEDE !important;
		font-style: italic;
	}
	
	.PlaylistManagerForm{
		width: 600px;
	}
		.PlaylistManagerForm th{
			width: 375px;
			text-align: left;
			height: 40px;
		}
		
		.PlaylistManagerForm th span{
			display: block;
			font-size: 10px;
			font-weight: normal;
			width: 325px;
			margin-top: 2px;
		}
		
		.PlaylistManagerForm td{
		}
		.PlaylistManagerForm td input[type=text]{
			width: 200px;
			height: 20px;
			padding-left:	5px;
		}
		.PlaylistManagerForm td input[name=expire_on]{
			width: 110px;
			margin-right: 10px;
		}
		.PlaylistManagerForm td input[type=submit]{
			float: right;
		}
		.PlaylistManagerForm td select{
			width: 207px;
			height: 25px;
			padding: 2px;
			padding-left:	5px;
		}
		
		.DragDrop{
			padding-bottom: 100px;
			width: 100%;
			height: 500px;
			max-height: 500px;
		}
		

		
		.WMediaItem, 
		.autodj_playlist {
			width: 100%;
			display: block;
			padding: 5px;
			margin-bottom: 5px;
			font-size: 11px;
			border: solid 1px transparent;
			text-align: left;
		}
		.WMediaItem:hover,
		.autodj_playlist:hover {
			cursor: move;
			border: dashed 1px #034864;
		}
		
		.AvailableItems {
			min-width: 270px;	
			height: 500px;
			max-height: 500px;
			overflow-x: hidden;
			overflow-y: auto;
		}
		.PlaylistMedia {
			min-width: 260px;	
		}
		.PlaylistMedia .AvailableItems,
		.autodj_playlist{
			width: 100%;
		}
		.autodj_playlist .Actions{
			float:right;	
		}
		#availableSongs .Actions,
		.AvailableItems .Actions,
		.AvailableItems .StartTime {
		}
		.WMediaItem .Thumbnail, 
		.WMediaItem .Thumbnail,
		.Thumb{
			display: block;
			float: left;
			padding: 0px !important;
			margin: 0px 5px !important;
		}
		.WMediaItem .Thumbnail img{
			width: 32px;
			height: 32px;
			border-radius: 3px;
		}
		.WMediaItem .delete img{
			width: 20px;
			height: 20px;
			
			float: right;
			margin-top: -10px;
		}

		.DragDrop .WMediaItem  .Disabled img{
			display: none;
		}
		.AvailableItems .WMediaItem  .Disabled img{
			float: right;
			width: 20px;
			height: 20px;
			margin-top: -10px;
		}
		.WMediaItem .Disabled:hover{
			cursor: help;
		}
		.WMediaItem .Title{
			display: block;
			font-weight: bolder;
			margin-top: 2px;
			overflow-x: hidden;
		}
		.WMediaItem .StartTime,
		.WMediaItem .Format{
			width: 70px;
			float: left;
			display: inline;
			font-weight: normal;
			font-style: italic;
			font-size: 10px;
		}
		.WMediaItem .Length{
			display: inline;
			font-weight: normal;
			font-style: italic;
			font-size: 10px;
		}
		.WMediaItem .Bitrate{
			width: 80px;
			float: left;
			display: inline;
			font-weight: normal;
			font-style: italic;
			font-size: 10px;
		}
		
		
		
		.PlaylistMedia .DragDrop .WMediaItem{
			background: transparent;
		}
		.PlaylistMedia .DragDrop .WMediaItem:hover{
			background-color: #D3ECF0;
		}
			.PlaylistMedia .DragDrop span.Actions{
				float: right;
				width: 30px;
			}
			
		.PlaylistMedia .DragDrop .WMediaItem {
			display: block;
			float: left;
		}
		.PlaylistMedia .DragDrop .WMediaItem .Format{
			display: block;
			float: left;
			width: 65px;
		}
			.PlaylistMedia .DragDrop .WMediaItem .Format:after{
				content: "";
			}
			
		.PlaylistMedia .DragDrop .WMediaItem .StartTime{
			display: block;
			float: left;
			width: 135px;
		}
			.PlaylistMedia .DragDrop .WMediaItem .StartTime:before{
				content: "Start: ";
			}
		.PlaylistMedia .DragDrop .WMediaItem .Length{
			display: none;
			float: left;
			width: 65px;
		}
		.PlaylistMedia .DragDrop .WMediaItem .Bitrate{
			float: left;
			width: 70px;
		}


		.ui-draggable-dragging{
			width: 300px !important;
		}