/* Import Section
=================================================================== */
/*@import url("chosen.css"); 													/* Chosen select boxes Styles */
/*@import url("bootstrap-editable.css");										/* Bootstrap editable Styles  */
/*@import url("daterangepicker.css");											/* Daterange Picker Styles    */
/*@import url("timepicker.css");												/* Time Picker Styles    	  */

/* Main
================================================================== */
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
}

#container {
	height: 100%;
	width: 100%;
}

#content-holder {
	height: 100%;
	width: 100%;
}

/* Fixed Sidebar */
.sidebar-nav-fixed {
    position:fixed;
    width: 14.65%;
    /*height: 100%;*/
}

@media (max-width: 767px) {
    .sidebar-nav-fixed {
        position:static;
        width:auto;
    }
}

/* Horizontal classes - height */
[class*="height"] {
  overflow-y: auto;
  overflow-x: hidden;
}

.height12 {
  height: 940px;
  max-height: 940px;
}
.height11 {
  height: 860px;
  max-height: 860px;
}
.height10 {
  height: 780px;
  max-height: 780px;
}
.height9 {
  height: 700px;
  max-height: 700px;
}
.height8 {
  height: 620px;
  max-height: 620px;
}
.height7 {
  height: 540px;
  max-height: 540px;
}
.height6 {
  height: 460px;
  max-height: 460px;
}
.height5 {
  height: 380px;
  max-height: 380px;
}
.height4 {
  height: 300px;
  max-height: 300px;
}
.height3 {
  height: 220px;
  max-height: 220px;
}
.height2 {
  height: 140px;
  max-height: 140px;

}
.height1 {
  height: 60px;
  max-height: 60px;
}

.dropdown-scroll {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	max-width: 250px;
}

.dropdown-scroll .edit-playlist {
	text-overflow: ellipsis;
	max-width: 90%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

.navbar .nav > li {
    font-family: Roboto, "Helvetica Neue", sans-serif;
}

.input-prepend .add-on, .input-prepend .btn {
    background-color: #2C3033;
}

/* Header
================================================================== */
#control-box {
	border-bottom: 1px solid #e8e8e8;
	background: white;
	
	-webkit-box-shadow: inset rgba(153, 153, 153, 0.8) 0px 2px 3px;
		-moz-box-shadow: inset rgba(153, 153, 153, 0.8) 0px 2px 3px;
			box-shadow: inset rgba(153, 153, 153, 0.8) 0px 2px 3px;
}

.divider-block {
	height: 1px;
	margin: 9px 1px;
	overflow: hidden;
	background-color: #E5E5E5;
	border-bottom: 1px solid white;
}

.check-box {
	outline: none;      
	display: inline-block;
	vertical-align: bottom;
	margin: 2px;
	border: 1px solid gainsboro;
	color: gainsboro;
	cursor: default;	
	margin-left: 0;
	
	background-color: rgba(255, 255, 255, .05);
	border: 1px solid #C6C6C6;
	border: 1px solid rgba(155, 155, 155, .57);

	-webkit-appearance: none;
	  appearance: none;
	  
	  border: 1px solid #dcdcdc;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  box-sizing: content-box \9;
	  width: 16px \9;
	  height: 16px \9;
	  border-width: 0 \9;
	  vertical-align: text-bottom;
	  margin: 0px 2px;

}
.dropdown-menu li > a:hover .check-box, 
.dropdown-menu li > a:focus .check-box, 
.dropdown-submenu:hover > a  .check-box,
.check-box:focus, 
.check-box:hover,
.check-box.checked {
	border-color: #0070AD #0070AD #00679E #00679E;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.check-box div {
	height: 14px;
	outline: 0;
	width: 14px;
	left: 0;
	position: relative;
	top: 0; 
	background: rgba(255, 255, 255, .8);
	width: 12px;
  	height: 12px;
  	background: white;
}

.check-box.checked div::after {
	content: url(../../img/checkmark.png) no-repeat -5px -3px;
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
}

.check-box.checked.single div::after {
	content: url(../../img/checkmark-partial.png) no-repeat -2px -2px;
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
}

#dropdown-search {
	padding: 3px 4px;
	position: relative;
	margin: 0;
}

#dropdown-search input[type="search"] {
	background: white url('../../img/chosen-sprite.png') no-repeat 100% -22px;
	background: url('../../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #EEE), color-stop(15%, white));
	background: url('../../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #EEE 1%, white 15%);
	background: url('../../img/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #EEE 1%, white 15%);
	background: url('../../img/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #EEE 1%, white 15%);
	background: url('../../img/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(#EEE 1%, white 15%);
	margin: 1px 0;
}

input[type="search"]{
	background: url('../../img/chosen-sprite.png') no-repeat 100% -22px;
}

#dropdown-multi-select {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	max-width: 170px;
}

#dropdown-multi-select .control-group {
	margin-right: 5px;
}

/* Popover Styling */
.popover-content .control-group {
	margin-bottom: 0;
}

.popover-content .control-label {
	font-weight: bold;
}

.popover-content label {
	font-size: 12px;
}

input.search-box {
	-webkit-transition: width ease .5s;
	-moz-transition: width ease .5s;
	-ms-transition: width ease .5s;
	-o-transition: width ease .5s;
	transition: width ease .5s;
	width: 150px;
}

input.search-box:focus {
	width: 270px;
}



/* Folder Options
================================================================== */
.folder-optionsHolder {
	text-transform: none;
	font-size: 12px;
}

/* Viewer Overview
================================================================== */
	#homeblok-holder { 
	  	margin-top: 200px;
	}
	 
	.homeblok {
		width: 250px;
		height: 250px;
		margin: 10px 5px;
		position: relative;
		cursor: pointer;
		-webkit-transition: all .2s ease-in-out;
		-webkit-user-select: none;
		text-align: left;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
		box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		display: inline-block;
	}

	.homeblok:before,
	.homeblok:after {
		content: "";
		position: absolute; 
		z-index: -2;
		width: 100%;
	  	height: 6%;
	  	left: 0%;
	  	border-radius: 50%;
	  	bottom: 0%;
	  	box-shadow: 0 50px 20px rgba(0,0,0,0.15);
	}
		
	.homeblok:before {
		top: 0;
		bottom: 0;
		left: 10px;
		right: 10px;
		-webkit-box-shadow: none;
	}

	.homeblok-text {
		color: #fff;
		font-size: 20px;
		position: absolute;
		padding-left: 10px;
		bottom: 5px;
		font-family: 'Segoe UI', Helvetica, Arial, Verdana, sans-serif;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, .4);
	}
	.hb-green {
		background-color: #75BA45;
	}
	.hb-yellow {
		background-color: #E2BC0F;
	}
	.hb-blue {
		background-color: #377DB0;	
	}
	.hb-orange {
		background-color: #E5690F;
	}

	.homeblok:not(.hide-editor):hover {
		top: 30px;
	 	background-image: -webkit-radial-gradient(50% 50%, closest-corner, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 45%, rgba(255, 255, 255, 0) 75%);
	}

	[class^="tile-"],[class*=" tile-"] {
		background-image: url("../../img/block-tiles.png");
		width: 175px;
		height: 175px;
		display: block;
		margin: 0px auto;
		position: relative;
		top: 10px;
	}

	.tile-search { background-position: 10px -9px; }
	.tile-themeadmin { background-position: -175px -9px;}
	.tile-mediaadmin { background-position: -355px -9px; }
	.tile-settings { background-position: -525px -2px; }
	.tile-account { background-position: 11px -189px; }
	.tile-system { background-position: -170px -189px; }

/*
.tile-newtheme { background-position: 10px -369px; }
.tile-edittheme { background-position: -169px -369px; }
.tile-newplaylist { background-position: -341px -369px;}
.tile-editplaylist { background-position: -523px -369px;}
.tile-tags { background-position: -355px -189px; }
.tile-resolution { background-position: -530px -189px;}*/

/* Navigation
================================================================== */
#navigation {
	-webkit-animation-duration: .3s;
	-moz-animation-duration: .3s;
	-o-animation-duration: .3s;
	animation-duration: .3s;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

#navigation li a {
  color: #000;
  font-weight: bold;
}

#navigation li a:hover {
  color: #fff;
}

#navigation .active a,
#navigation .active a:hover {
 color: white;
 cursor: default;
}

#uploader-bg {
	width: 150px;
	margin-top: 3px;
}

#uploader-bg .bar {
	color: #000;
	font-weight: normal;
}

#uploader-bg .control-label {
	text-align: left;
}

#uploader-bg .controls label {
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

/* Device Overview
================================================================== */
#step-next-schedule {
	position: absolute;
	z-index: 10;
	bottom: 5px;
	right: 20px;
}

.systemsyncbar {
	width: 100%;
}

.actions {
	/*min-width: 75px;*/
	min-width: 100px;
}

.syncstatus .icon-refresh,
.converting .icon-refresh {
	-webkit-animation: syncing 1.5s infinite linear;
	-moz-animation: syncing 1.5s infinite linear;
    -o-animation: syncing 1.5s infinite linear;
    -webkit-animation: syncing 1.5s infinite linear;
  	animation: syncing 1.5s infinite linear;
}

.synced { color: green; }
.syncupdate { color: orange; }
.desynced { color: red; }

#BillingdeviceMessage {
	color: red;
}
/* Theme Library
================================================================== */


/* Media Library
================================================================== */
.nav-list .nav-list-more a {
	margin-left: 9px;
}

.move-item .dropdown:not(.open) .folder-options {
	display: none;
}

.move-item:hover .dropdown:not(.open) .folder-options,
.move-item:focus .dropdown:not(.open) .folder-options {
	display: block;
}

/* Playlist Overview
================================================================== */
table .select {
	/*cursor: url(../../img/openhand.cur), default !important;*/
	width: 50px;
}

/*.table .select:hover {
	background-image: url('../../img/draghandle.png');
	background-position: 10% center;
	background-repeat: no-repeat;
}*/

#playlist-overview .label {
	cursor: pointer;
}

#playlist-overview .dropdown-row {
	font-size: inherit;
}

.order-row {
	width:100%;
	background: white;
	border: 1px solid #cdcdcd;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.15);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
}

.optionLength {
	font-weight: bold;
	font-size: 11px;
	color: #000;
}

input.timepicker-default { 
	width: 45px;
}

/* Playlist Editor
================================================================== */
#themes-selecting, #media-selecting, #animationList {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	margin: 0;
	padding: 2px 0;
	height: 130px;
	display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: stretch;
}

#themes-selecting .thumbnail, 
#media-selecting .thumbnail, 
#animationList .thumbnail {
	border: none;

	-webkit-box-shadow: none;
		-moz-box-shadow: none;
			box-shadow: none;
	
	padding: 0;
}

#themelist-selector, #editormedia-selector {
	margin-top: 16px;
}

.theme-item, .media-item {
	display: inline-block;
	padding: 0 3px;
	/*margin: 0 5px;*/
	width: 150px;
	text-align: center;
}

.media-item {
	display: list-item;
	margin: 10px 0;
}

.theme-item .theme-time {
	padding: 3px 8px;
	background: rgba(255, 255, 255, .95);
	top: 10px;
	left: 70px;
	position: relative;
	border: 1px solid #E8E8E8;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
}

#themes-selecting .theme-time {
	left: 50px;
}

.media-item .thumbnail > img,
.theme-item .thumbnail > img {
	height: 95px;
}

#themes-selecting .theme-preview, 
#media-selecting .media-preview,
#animationList .media-preview,
td .theme-preview {
	border: 1px solid #e8e8e8;
	padding: 2px;
	background-color: white;
	width: 125px;
	max-height: 78px;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
}

.theme-item .theme-details, 
.media-item .media-details {
	position: relative;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	left: 10px;
	float: left;
	min-width: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	text-align: left;
	white-space: nowrap;
}

.theme-item .theme-details:hover, 
.media-item .media-details:hover {
	overflow: visible;
}


#media-selecting .media-item.selected .media-preview,
#animationList .media-item.selected .media-preview,
#themes-selecting .theme-item.selected .theme-preview,
#themes-selecting .theme-item.selected .theme-time {
	border: 1px solid #75BA45;
	-webkit-box-shadow: 0 0 3px #75BA45;
}

#playlist-info .info-lbl {
	font-weight: bold;
}

.timeblocks {
	display: block;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle;
}

.timeblocks span {  
	padding: 3px;
	background: white;
	border: 1px solid #e8e8e8;
}

.timeblockspacer {
	width: 5px;
	margin-left: 24px;
	background: white;
	height: 85px;
	border: 1px solid #E8E8E8;
}

li.sortable-placeholder {
	border: 1px dashed #CCC;
	background: none; 
	width: 125px;
	height: 85px;
	margin-top: 15px;
	margin-left: 15px;
}

/* Account Settings
================================================================== */
#accountCountry_chzn {
	margin-left: 2%;
}

/* Device Settings
================================================================== */
#devices-Singleview .control-label {
	padding-top: 0;
}

#specifictags-info .label {
	-webkit-user-select: text;
}

/* Product Editor
================================================================== */
#content {
	margin-top: 0px;
	height: 91%;
	overflow-y: auto;
}

@media (min-height: 900px) {
	#content {
		height: 94%;
	}
}

#exampleColor {
	margin: 0px auto;
	width: 300px;
	height: 300px;
	border: 1px solid #e8e8e8;
	text-align: center;
	line-height: 300px;
}


/* Animations
================================================================== */
@-moz-keyframes syncing {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes syncing {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes syncing {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes syncing {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); }
}
@keyframes syncing {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

@-webkit-keyframes animate {
  0% { -webkit-transform: translateX(-2px); }
  25% { -webkit-transform: translateX(-2px) translateY(2px); }
  50% { -webkit-transform: translateX(0px) translateY(2px); }
  75% { -webkit-transform: translateX(0px); }
  100% { -webkit-transform: translateX(-2px); }
}

/* Tablesorter Styles
================================================================== */
.table tbody tr.row-selected td {	
	background-color: #DFF0D8;
	border-color: #C7E4BB;
}

.table .row-selected  .checked {
	border-color: #C7E4BB;
}
.table .align-l, .align-l, .form-horizontal .align-l {
	text-align: left;
}

.table .align-c, .align-c, .form-horizontal .align-c {
	text-align: center;
}

.table  .align-r, .align-r, .form-horizontal .align-r {
	text-align: right;
}

/* Datatables sort icons */
.dataTable { 
	background: transparent;
}

.dataTable th.header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
}
.dataTable thead .headerSortUp {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom: #000 2px solid;
}
.dataTable thead .headerSortDown {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom: #000 2px solid;
}

.table .headerSortUp, .table .headerSortDown, .table .header:hover  {
	padding-bottom: 3px;
	cursor: pointer;
}

div#paging label {
	margin-bottom: 1px;
}

div.dataTables_length select {
	width: 75px;
}

.info-paging {
	font-size: 13px;
}

#paging .btn-paging {
	font-size: 0;
	background-image: url("../../img/glyphicons-halflings.png");
	background-repeat: no-repeat;
	padding: 2px 13px;
}

#paging .first {
	background-position: -187px -67px;
}	

#paging .prev {
	background-position: -235px -91px;
}

#paging .next {
	background-position: -259px -91px;
}

#paging .last {
	background-position: -379px -67px;
}

#folder-filter li {
	position: relative;
}

/* Device Settings
================================================================== */
.device-key {
	text-transform: uppercase;
}

#devices-Singleview .tab-content {
	overflow: none;
}

/* Widget box
================================================================== */
.widget-box {
    background: none repeat scroll 0 0 #FEFEFE;
	border: 1px solid #CDCDCD;
	clear: both;
	margin-top: 16px;
	/*margin-bottom: 16px;*/
	margin-bottom: 0;
	position: relative;	
}
.widget-box.widget-calendar, .widget-box.widget-chat {
    overflow:hidden !important;
}

.widget-box.widget-plain {
	margin-top: 0;
	border-top: 0;
}
.widget-title, 
.modal-header, 
.picker-header, 
.popover-inner {
	overflow: hidden;
	background-color: #2C3033;
	border-bottom: 2px solid #CDCDCD;
}
.widget-title .nav-tabs {
    border-bottom: 0 none;
    margin: 0;
}
.widget-title .nav-tabs li a {
    border-bottom: medium none;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-top: medium none;
    color: #444;
    margin: 0;
    outline: medium none;
	padding: 4px;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
    font-size: 12px;
}
.widget-title .nav-tabs li:first-child a{
    border-left: medium none !important;
}
.widget-title .nav-tabs li a:hover {
    background-color: #f9f9f9;
    border-color: #D6D6D6;
    border-width: 0 1px;
    color: #666666;
}
.widget-title .nav-tabs li.active a {
	background-color: #fff;
    color: #444444;
    padding-bottom: 2px;
    border-bottom: 3px solid;
}
.widget-title span.icon, 
.modal-header span.icon, 
.picker-header span.icon,
.popover-inner span.icon {
	border-right: 1px solid #DDD;
	float: left;
	opacity: .8;
	padding: 4px 10px;
}
.widget-title h5,
.modal-header h5, 
.picker-header h5,
.popover-inner h5 {
    color: #8a8989;
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 4px 0 4px 6px;
	text-overflow: ellipsis;
	max-width: 74%;
	overflow: hidden;
	white-space: nowrap;
	text-transform: none;
}

.widget-title .buttons {
	float: right;
	margin: 2px 4px 0 0;
}

.widget-title .buttons i {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	opacity: .6;
	margin-top:0;
}

.widget-title .buttons i:hover {
	opacity: .8;
}

.widget-title .label {
	padding: 3px 5px 2px;
	float: right;
	margin: 9px 15px 0 0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset, 0 1px 0 #ffffff;
}
.widget-content {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.widget-content.collapse {
	display: none;
}
.widget-content.collapse.in {
	display: block;
}

.step-padding {
	padding-bottom: 42px;
}

/* Webkit Scrollbar 
================================================================== */
::-webkit-scrollbar {
	height: 13px;
	overflow: visible;
	width: 14px;
}
::-webkit-scrollbar-button{
	height: 0;
	width: 0
}
::-webkit-scrollbar-track{
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 4px
}
::-webkit-scrollbar-track:horizontal{
	border-width: 4px 0 0
}
::-webkit-scrollbar-track:hover{
	background-color: rgba(0,0,0,.05);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.1)
}
/*::-webkit-scrollbar-track:horizontal:hover{
	box-shadow: inset 0 0px 0 rgba(0,0,0,.1)
}*/
::-webkit-scrollbar-track:active{
	background-color: rgba(0,0,0,.05);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.14),
	inset -1px -1px 0 rgba(0,0,0,.07)
}
/*::-webkit-scrollbar-track:horizontal:active{
	box-shadow: inset 0 1px 0 rgba(0,0,0,.14),
	inset 0 -1px 0 rgba(0,0,0,.07)
}*/
::-webkit-scrollbar-thumb{
	background-color: rgba(0,0,0,.2);
	background-clip: padding-box;
	border: solid transparent;
	border-width: 1px 1px 1px 6px;
	min-height: 28px;
	padding: 10 0px 0 0;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),
	inset 0 -1px 0 rgba(0,0,0,.07)
}
::-webkit-scrollbar-thumb:horizontal{
	border-width: 6px 1px 1px;
	padding: 0 0 10 0px;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),
	inset -1px 0 0 rgba(0,0,0,.07)
}
::-webkit-scrollbar-thumb:hover{
	background-color: rgba(0,0,0,.4);
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.25)
}
::-webkit-scrollbar-thumb:active{
	background-color: rgba(0,0,0,0.5);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35)
}
::-webkit-scrollbar-corner{
	background: transparent
}
::-webkit-scrollbar-track-piece:horizontal{
	border-width: 3px 0 0;
	/*box-shadow: inset 0 1px 0 rgba(0,0,0,.14),
	inset 0 -1px 0 rgba(0,0,0,.07)*/
}
::-webkit-scrollbar-thumb{
	border-width: 1px 1px 1px 5px
}
::-webkit-scrollbar-thumb:horizontal{
	border-width: 5px 1px 1px
}
::-webkit-scrollbar-corner{
	background-clip: padding-box;
	background-color: #f5f5f5;
	border: solid #fff;
	border-width: 3px 0 0 3px;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.14)
}


/* Draggable Elements
================================================================== */
.select[draggable], .drag-handle, .modal-header[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: url(../../img/openhand.cur), default !important;
}

.select[draggable]:hover, .drag-handle {
  background-image: url('../../img/draghandle.png');
  background-position: 10% center;
  background-repeat: no-repeat;
}

.drag-handle {
	background-position: 0% center;
	vertical-align: middle;
	margin: 0;
	width: 10px;
	height: 16px;
	/*display: none;*/
	display: inline-block;
	visibility: hidden;
	margin-top: -2px;
}

.move-item:hover .drag-handle {
	/*display: inline-block;*/
	visibility: visible;

}


.draggable {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: url(../../img/closedhand.cur), default !important;
	width: 125px;
	height: 20px;
	background: white;
	position: absolute;
	padding-left: 20px;
	border: 1px solid #cdcdcd;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.15);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
	z-index: 10001;
	font-weight: bold;
}

#themes-selecting.drop-hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAANUlEQVQYV2NkIBIw4lBnDBQ/iyyHSyGGfphCDBPQVZJsIkEvEWMi2FnEKATbhq4Qp6eINhEAL8YEC8FykgUAAAAASUVORK5CYII=) repeat;
}

.nav-list > li > a.drop-hover {
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	background-color: #08C;
}

/* Tag Manager plugin
================================================================== */
.myTag {
   	background: none repeat scroll 0 0 #CDE69C;
	border: 1px solid #A5D24A;
	color: #638421;
	float: right; /*left;*/
	font-size: 12px;
	margin-left: 5px;
	padding: 3px 5px;
	text-decoration: none;
	vertical-align: middle;
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}      
.myTagError {
	background-color: #F2DEDE;
}      
.myTagRemover {
	color:silver;
}

.myFramedTag {
	background: none repeat scroll 0 0 #CDE69C;
	border: 1px solid #A5D24A;
	border-radius: 3px 3px 3px 3px;
	color: #638421;
	/*display: block;
	float: left;*/
	font-family: helvetica;
	font-size: 11px;
	margin-bottom: 5px;
	margin-right: 5px;
	/*padding-top: 6px;
	padding-bottom: 5px;*/
	padding: 5px 4px 4px 4px;
	text-decoration: none;
	white-space: nowrap;

	vertical-align: middle;
	line-height: 18px;
	/*height:18px;*/
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}      

  .myMinTag {
    background: none repeat scroll 0 0 #CDE69C;
    border: 1px solid #A5D24A;
    border-radius: 3px 3px 3px 3px;
    color: #638421;
    /*display: block;
    float: left;*/
    font-family: helvetica;
    font-size: 11px;
    margin-bottom: 5px;
    margin-right: 5px;
    /*padding-top: 6px;
    padding-bottom: 5px;*/
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    
    vertical-align: middle;
    line-height: 18px;
    /*height:18px;*/
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  }      

.myMinNonTag {
    font-family: helvetica;
    font-size: 11px;
    margin-bottom: 5px;
    margin-right: 5px;
    /*padding-top: 6px;
    padding-bottom: 5px;*/
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    
    vertical-align: middle;
    line-height: 18px;
    /*height:18px;*/
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
 }     

/* Install Extension
================================================================== */
#InstallExtension {
	position: fixed;
	top: 0px;
	height: 35px;
	line-height: 32px;
	padding: 0 10px;
	z-index: 99999;
	
	background: #FEFFB1;
	background-image: -moz-linear-gradient(top, #FEFFB1, #F0F17F);
	background-image: -ms-linear-gradient(top, #FEFFB1, #F0F17F);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFFB1), to(#F0F17F));
	background-image: -webkit-linear-gradient(top, #FEFFB1, #F0F17F);
	background-image: -o-linear-gradient(top, #FEFFB1, #F0F17F);
	background-image: linear-gradient(top, #FEFFB1, #F0F17F);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFFB1', endColorstr='#F0F17F', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#extension-close {
	margin-right: 20px;
}

/* 
   Plupload
------------------------------------------------------------------- */
.plupload_disabled, a.plupload_disabled:hover {
    color: #737373;
    border-color: #c5c5c5;
    background: #ededed;
    /*background: #ededed url('../../img/buttons-disabled.png') no-repeat 0 center;*/
	cursor: default;
}

.plupload_add {
	background-position: -181px center;
}

.plupload_wrapper {
	width: 100%;
}

.plupload_container input {
	border: 1px solid #DDD;
	width: 98%;
}

.plupload_filelist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.plupload_filelist_header div {
	font-weight: bold;
}

.plupload_scroll .plupload_filelist {
	height: 200px;
	overflow-y: scroll;
}

.plupload_filelist li {
	padding: 10px 8px;
	border-top: 1px solid #DDD;
}

.plupload_filelist li:nth-child(odd) {
  background-color: #f9f9f9;
}

.plupload_filelist_footer {margin-top: 3px; font-weight: bold; border-top: 3px double #ddd; padding-top: 3px;}
.plupload_file_name {float: left; overflow: hidden}
.plupload_file_status {color: #777;}
.plupload_file_status span {color: #42454A;}
.plupload_file_size, .plupload_file_status, .plupload_progress {
	float: right;
	width: 80px;
}
.plupload_file_size, .plupload_file_status, .plupload_file_action {text-align: right;}

.plupload_filelist .plupload_file_name {width: 250px; text-overflow: ellipsis;}

.plupload_file_action {
	float: right;
	width: 16px;
	height: 16px;
	margin-left: 15px;
}

.plupload_file_action * {
	display: none;
	width: 16px;
	height: 16px;
}

li.plupload_uploading {background: #ECF3DC; }
li.plupload_done {color:#AAA}

li.plupload_delete a {
	background: url('../../img/upload-delete.gif');
}

li.plupload_failed a {
	background: url('../../img/upload-error.gif');
	cursor: default;
}

li.plupload_done a {
	background: url('../../img/upload-done.gif');
	cursor: default;
}

.plupload_progress, .plupload_upload_status {
	display: none;
}

.plupload_progress_container {
	margin-top: 3px;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 1px;
}
.plupload_progress_bar {
	width: 0px;
	height: 7px;
	background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action {
	margin-right: 17px;
}

/* Floats */

.plupload_clear,.plupload_clearer {clear: both;}
.plupload_clearer, .plupload_progress_bar {
	display: block;
	font-size: 0;
	line-height: 0;	
}

li.plupload_droptext {
	background: transparent;
	text-align: center;
	vertical-align: middle;
	border: 0;
	line-height: 165px;
}

/* 
   Loading screen pages
------------------------------------------------------------------- */
#overlay {
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
	/*top: 34px;*/
	top: 0;
	left: 0px;
	/*background: #080808;*/
	background: #000000;
	opacity: .8;
}

#overlay ul {
	padding: 0; 
	margin: 300px auto 0;
	list-style: none;
	text-align: center;
	display: block;
}

#overlay ul li {
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 50%;
	margin: 0 4px;
	
	-webkit-animation: loading 3s infinite;
		-moz-animation: loading 3s infinite;
			-o-animation: loading 3s infinite;
				-ms-animation: loading 3s infinite;
					animation: loading 3s infinite;
	
	-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
			-o-animation-fill-mode: both;
				-ms-animation-fill-mode: both;
					animation-fill-mode: both;
}

#overlay ul li.li6  {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
}

#overlay ul li.li5 {
	-webkit-animation-delay: 0.15s;
	-moz-animation-delay: 0.15s;
	-o-animation-delay: 0.15s;
	-ms-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
#overlay ul li.li4 {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
#overlay ul li.li3 {
	-webkit-animation-delay: 0.45s;
	-moz-animation-delay: 0.45s;
	-o-animation-delay: 0.45s;
	-ms-animation-delay: 0.45s;
	animation-delay: 0.45s;
}
#overlay ul li.li2  {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}
#overlay ul li.li1  {
	-webkit-animation-delay: 1.15s;
	-moz-animation-delay: 1.15s;
	-o-animation-delay: 1.15s;
	-ms-animation-delay: 1.15s;
	animation-delay: 1.15s;
}

@-webkit-keyframes loading {
	0% {-webkit-transform: translateX(-350px); opacity: 0}
	25% {opacity: 1}
	50% {-webkit-transform: translateX(300px); opacity: 0}
	100% {opacity: 0}
}

@-moz-keyframes loading {
	0% {-moz-transform: translateX(-350px); opacity: 0}
	25% {opacity: 1}
	50% {-moz-transform: translateX(300px); opacity: 0}
	100% {opacity: 0}
}

@-o-keyframes loading {
	0% {-o-transform: translateX(-350px); opacity: 0}
	25% {opacity: 1}
	50% {-o-transform: translateX(300px); opacity: 0}
	100% {opacity: 0}
}

@-ms-keyframes loading {
	0% {-ms-transform: translateX(-350px); opacity: 0}
	25% {opacity: 1}
	50% {-ms-transform: translateX(300px); opacity: 0}
	100% {opacity: 0}
}

@keyframes loading {
	0% {-ms-transform: translateX(-350px); opacity: 0}
	25% {opacity: 1}
	50% {-ms-transform: translateX(300px); opacity: 0}
	100% {opacity: 0}
}