/* --------------------------------------------------------------------

  Chevereto
  http://chevereto.com/

  @version	2.6.0
  @author	Rodolfo Berríos A. <http://rodolfoberrios.com/>
			<inbox@rodolfoberrios.com>

  Copyright (c) Rodolfo Berrios <inbox@rodolfoberrios.com>
  
  Licensed under the MIT license
  http://opensource.org/licenses/MIT

  --------------------------------------------------------------------- */

* {
	margin: 0; padding: 0; outline: 0;
	list-style: none;
}

body, html {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 100%;
	overflow: hidden;
}

html[dir="rtl"] body {
	direction: rtl;
	unicode-bidi: embed;
}


/****************** COMMON ******************/
a {
	color: #000;
	cursor: pointer;
	text-decoration: none;
}
a:hover, #current-selection a, #filter li:hover, .select-label:hover {
	color: #327FBE;
}
a.link {
	color: #327FBE;
}
a:hover.link {
	text-decoration: underline;
}

.no-select, #logo, .thumb, span.placeholder, i, ul.sidebar-actions, #current-selection, #filter, span.button, #multi-list-options, span.button-list, .ext, #list, #keep-session-login, #top-links {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
}

input[type="text"], input[type="password"], select, textarea#multicodes {
	color: #000 !important;
	border: 1px solid #B9B9B9;
	box-shadow: 0 1px 0 rgba(255,255,255,1);
	border-radius: 4px;
	font-size: 12px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="text"].focus, input[type="password"].focus, input#search.active {
	border-color: #00A9DC;
	box-shadow: 0 0 5px 0 rgba(0,102,255,.35); 
}

select {
	padding: 4px;
	font-size: 12px;
}

textarea {
	resize: none;
	font-family: Verdana,Geneva,sans-serif;
}

span.checkbox {
	cursor: default;
	position: absolute;
	width: 14px;
	height: 14px;
	display: block;
	background: url(img/sprite.png) no-repeat -0 -34px;
}
span.checkbox:hover {
	background-position: -14px -34px;
}
span.checkbox.checked {
	background-position: -28px -34px;
}

/* UPPERCASE */
.uppercase, #top a, #tagline, #current-selection, .sidebar-actions, #filter, #box-title {
	font-weight: bold;
	text-transform: uppercase;
}

#filter a:active, #filter li:active, #filter .active, #filter li.active:hover, 
.sidebar-actions li:active, .sidebar-actions .active, ul.sidebar-actions.activated li:active,
a#logout.active, a#logout:active {
	color: #E93306;
}

span.placeholder {
	position: absolute;
	color: #CCC;
	top: 50%;
}

input[type="text"], input[type="password"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFF;
	background: -moz-linear-gradient(top,  #dfdfdf 0%, #ffffff 12%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(12%,#ffffff));
	background: -webkit-linear-gradient(top,  #dfdfdf 0%,#ffffff 12%);
	background: -o-linear-gradient(top,  #dfdfdf 0%,#ffffff 12%);
	background: -ms-linear-gradient(top,  #dfdfdf 0%,#ffffff 12%);
	background: linear-gradient(top,  #dfdfdf 0%,#ffffff 12%);
}

/* inputs */
.input {
	position: relative;
}
	.input input {
		font-size: 17px;
		padding: 5px;
		height: 19px;
	}
	.input-ext {
		width: 220px;
	}
		.input-ext input {
			width: 165px;
			padding-right: 48px;
			text-align: right;
		}
		.input-ext .ext {
			font-weight: bold;
			text-align: center;
			text-shadow: 0 1px 0 #FFF;
			display: block;
			width: 40px;
			height: 29px;
			line-height: 29px;
			font-size: 12px;
			text-transform: uppercase;
			position: absolute;
			right: 1px;
			top: 1px;
			border-left: 1px solid #BBB;
			background: #d5d5d5;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
			background: -moz-linear-gradient(top,  #d5d5d5 0%, #eeeeee 16%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(16%,#eeeeee));
			background: -webkit-linear-gradient(top,  #d5d5d5 0%,#eeeeee 16%);
			background: -o-linear-gradient(top,  #d5d5d5 0%,#eeeeee 16%);
			background: -ms-linear-gradient(top,  #d5d5d5 0%,#eeeeee 16%);
			background: linear-gradient(top,  #d5d5d5 0%,#eeeeee 16%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#eeeeee',GradientType=0 );
			border-radius: 0 3px 3px 0;
		}

.input-width, .input-height, .input-by {
	float: left;
	position: relative;
}
.input-width {
	padding-left: 27px;
}
.input-height {
	padding-right: 18px;
}
	
	.input-width input, .input-height input {
		text-align: center;
		width: 48px;
	}
	.input-width i, .input-height i {
		position: absolute;
		top: 50%
	}
	.input-width i {
		margin-top: -4px;
		left: 0;
	}
	.input-height i {
		margin-top: -10px;
		right: 0;
	}
	
.input-by {
	width: 32px;
	height: 31px;
	display: block;
	position: relative;
}
	.input-by i {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -6px 0 0 -6px;
	}

/* CONTEXT MENU */
#context-menu {
	display: block !important;
	font-size: 10px;
	background: #FFF;
	border: 1px solid #E5E5E5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	border-radius: 4px;
	box-shadow: 3px 3px 12px 1px rgba(0, 0, 0, 0.2);
}
	#context-menu ul {
		overflow: visible !important;
		height: auto !important;
		display: block !important;
		margin: 0 !important;
	}
	#context-menu ul:first-child {
		border-top: 0;
	}
	#context-menu ul.separated {
		border-top: 1px solid #E5E5E5;
	}
		#context-menu ul li {
			padding: 8px 24px 8px 8px !important;
		}
		html[dir="rtl"] #context-menu ul li {
			padding: 8px 8px 8px 24px !important;
		}
		#context-menu ul li:last-child {
			border-bottom: 0;
		}
		
		#context-menu ul li.disabled {
			cursor: default;
			color: #999;
		}
		#context-menu ul li.disabled:hover {
			background-color: transparent;
		}
				

/* icons */
i.icon {
	background: url(img/sprite.png) 100px no-repeat;
	display: inline-block;
}

i.icon-action {
	width: 17px;
	height: 14px;
	float: left;
	margin-right: 10px;
}
html[dir="rtl"] i.icon-action {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

	i.delete {
		background-position: 0 -58px;
	}
	#sidebar-actions .disabled i.delete {
		background-position: 0 -72px;
	}
	
	i.resize {
		background-position: -17px -58px;
	}
	#sidebar-actions .disabled i.resize {
		background-position: -17px -72px;
	}
	
	i.rename {
		background-position: -34px -58px;
	}
	#sidebar-actions .disabled i.rename {
		background-position: -34px -72px;
	}
	
	i.codes {
		background-position: -51px -58px;
	}
	#sidebar-actions .disabled i.codes {
		background-position: -51px -72px;
	}
	
	
	i.select-all {
		background-position: -68px -58px;
	}
	.disabled i.select-all {
		background-position: -68px -72px;
	}
	
	i.clear-slection {
		background-position: -85px -58px;
	}
	.disabled i.clear-slection {
		background-position: -85px -72px;
	}

i.icon-empty {
	background: url(img/sprite.png) no-repeat;
	display: block;
	margin: 0 auto 10px auto;
}
i#icon-empty-images {
	width: 119px;
	height: 90px;
	background-position: left -169px;
}

i.icon-warn {
	width: 40px;
	height: 35px;
	background-position: -78px -120px;
	float: left;
}

i.icon-delete {
	width: 39px;
	height: 39px;
	background-position: -118px -58px;
}

i.icon-ok, i.icon-error {
	width: 12px;
	height: 12px;
}
i.icon-ok {
	background-position: -85px -12px;
}
i.icon-error {
	background-position: -85px top;
}

/* Used for resize */
i.icon-cross {
	width: 11px;
	height: 11px;
	background-position: -139px -20px;
}

i.icon-width {
	width: 20px;
	height: 8px;
	background-position: -107px -16px;
}
i.icon-width.passive {
	background-position: -107px -8px;
}
i.icon-width.active {
	background-position: -107px top;
}

i.icon-height {
	width: 8px;
	height: 20px;
	background-position: -143px top;
}
i.icon-height.passive {
	background-position: -135px top;
}
i.icon-height.active {
	background-position: -127px top;
}


/* LOADING ICONS */
i.loading, i.loading-grey {
	background-image: url(img/ajaxload.gif);
	width: 16px;
	height: 16px;
	display: inline-block;
	position: absolute;
}
i.loading-grey {
	background-image: url(img/ajaxload_grey.gif);
}

/* BUTTONS */
span.button {
	text-transform: uppercase;
	cursor: pointer;
	font-size: 11px;
	line-height: 100%;
	font-weight: bold;
	padding: 6px 14px;
	overflow: visible;
	display: inline-block;
	float: left;
	margin-left: 10px;
	border: 1px solid #A5A5A5;
	box-shadow: 0 1px 0 #FFF;
	border-radius: 3px;	
}
span:active.button, span.active.button, span:active.button-list.on {
	box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .3); 
}

span.action-cancel {
	text-shadow: 0 1px 0 #FFF;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1px, rgba(242,242,242,1) 1px, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,rgba(255,255,255,1)), color-stop(1px,rgba(242,242,242,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1px,rgba(242,242,242,1) 1px,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 1px,rgba(242,242,242,1) 1px,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1px,rgba(242,242,242,1) 1px,rgba(229,229,229,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 1px,rgba(242,242,242,1) 1px,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
span:hover.action-cancel {
	background: rgb(242,242,242);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 1px, rgba(230,230,230,1) 1px, rgba(218,218,218,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,rgba(242,242,242,1)), color-stop(1px,rgba(230,230,230,1)), color-stop(100%,rgba(218,218,218,1)));
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 1px,rgba(230,230,230,1) 1px,rgba(218,218,218,1) 100%);
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 1px,rgba(230,230,230,1) 1px,rgba(218,218,218,1) 100%);
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 1px,rgba(230,230,230,1) 1px,rgba(218,218,218,1) 100%);
	background: linear-gradient(top,  rgba(242,242,242,1) 1px,rgba(230,230,230,1) 1px,rgba(218,218,218,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dadada',GradientType=0);
}

span.action-do.delete {
	display: block;
}
span.action-do {
	display: none;
	color: #FFF;
	border-color: #0089B7;
	text-shadow: 0 1px 0 #0680A8;
	background: #83bdd1; /* Old browsers */
	background: -moz-linear-gradient(top,  #83bdd1 1px, #00a1ce 1px, #0089b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#83bdd1), color-stop(1px,#00a1ce), color-stop(100%,#0089b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #83bdd1 1px,#00a1ce 1px,#0089b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #83bdd1 1px,#00a1ce 1px,#0089b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #83bdd1 1px,#00a1ce 1px,#0089b7 100%); /* IE10+ */
	background: linear-gradient(top, #83bdd1 1px,#00a1ce 1px,#0089b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83bdd1', endColorstr='#0089b7',GradientType=0); /* IE6-9 */
}
span:hover.action-do, .active.action-do {
	background: #6fb3c9; /* Old browsers */
	background: -moz-linear-gradient(top,  #6fb3c9 1px, #0095be 1px, #0080aa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#6fb3c9), color-stop(1px,#0095be), color-stop(100%,#0080aa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6fb3c9 1px,#0095be 1px,#0080aa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6fb3c9 1px,#0095be 1px,#0080aa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6fb3c9 1px,#0095be 1px,#0080aa 100%); /* IE10+ */
	background: linear-gradient(top,  #6fb3c9 1px,#0095be 1px,#0080aa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fb3c9', endColorstr='#0080aa',GradientType=0); /* IE6-9 */
}

span.delete {
	text-shadow: 0 1px 0 #9F2405;
	border-color: #B42B09;
	background: rgb(236,165,147);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iI2VjYTU5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZTkzNDA3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JiMmQwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(236,165,147,1) 1px, rgba(233,52,7,1) 1px, rgba(187,45,9,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,rgba(236,165,147,1)), color-stop(1px,rgba(233,52,7,1)), color-stop(100%,rgba(187,45,9,1)));
	background: -webkit-linear-gradient(top, rgba(236,165,147,1) 1px,rgba(233,52,7,1) 1px,rgba(187,45,9,1) 100%);
	background: -o-linear-gradient(top, rgba(236,165,147,1) 1px,rgba(233,52,7,1) 1px,rgba(187,45,9,1) 100%);
	background: -ms-linear-gradient(top, rgba(236,165,147,1) 1px,rgba(233,52,7,1) 1px,rgba(187,45,9,1) 100%);
	background: linear-gradient(top, rgba(236,165,147,1) 1px,rgba(233,52,7,1) 1px,rgba(187,45,9,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eca593', endColorstr='#bb2d09',GradientType=0);
}
span:hover.delete {
	background: rgb(233,151,131);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iI2U5OTc4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZGQzMjA3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IyMmEwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(233,151,131,1) 1px, rgba(221,50,7,1) 1px, rgba(178,42,8,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,rgba(233,151,131,1)), color-stop(1px,rgba(221,50,7,1)), color-stop(100%,rgba(178,42,8,1)));
	background: -webkit-linear-gradient(top, rgba(233,151,131,1) 1px,rgba(221,50,7,1) 1px,rgba(178,42,8,1) 100%);
	background: -o-linear-gradient(top, rgba(233,151,131,1) 1px,rgba(221,50,7,1) 1px,rgba(178,42,8,1) 100%);
	background: -ms-linear-gradient(top, rgba(233,151,131,1) 1px,rgba(221,50,7,1) 1px,rgba(178,42,8,1) 100%);
	background: linear-gradient(top, rgba(233,151,131,1) 1px,rgba(221,50,7,1) 1px,rgba(178,42,8,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e99783', endColorstr='#b22a08',GradientType=0);
}


/* LIST ACTIONS */
span.button-list {
	font-size: 10px;
	font-weight: bold;
	display: inline-block;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	height: 20px;
	line-height: 20px;
	padding: 0 12px;
	box-shadow: 0 1px 0 #FFF;
	text-transform: uppercase;
}
span.button-list.off {
	cursor: default;
	border-color: #EEE;
	color: #AAA;
	text-shadow: 0 1px 0 #FFF;
	background: rgb(225,225,225);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(243,243,243,1) 17%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,225,1)), color-stop(17%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(243,243,243,1) 17%);
	background: -o-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(243,243,243,1) 17%);
	background: -ms-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(243,243,243,1) 17%);
	background: linear-gradient(top,  rgba(225,225,225,1) 0%,rgba(243,243,243,1) 17%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f3f3f3',GradientType=0 );
}
span.button-list.on {
	cursor: pointer;
	border-color: #69992F;
	color: #FFF;
	text-shadow: 0 1px 0 #66952E;
	background: rgb(169,215,83);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iI2E5ZDc1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjOTBjNTQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY5OTkyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(169,215,83,1) 1px, rgba(144,197,72,1) 1px, rgba(105,153,47,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,rgba(169,215,83,1)), color-stop(1px,rgba(144,197,72,1)), color-stop(100%,rgba(105,153,47,1)));
	background: -webkit-linear-gradient(top, rgba(169,215,83,1) 1px,rgba(144,197,72,1) 1px,rgba(105,153,47,1) 100%);
	background: -o-linear-gradient(top, rgba(169,215,83,1) 1px,rgba(144,197,72,1) 1px,rgba(105,153,47,1) 100%);
	background: -ms-linear-gradient(top, rgba(169,215,83,1) 1px,rgba(144,197,72,1) 1px,rgba(105,153,47,1) 100%);
	background: linear-gradient(top, rgba(169,215,83,1) 1px,rgba(144,197,72,1) 1px,rgba(105,153,47,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d753', endColorstr='#69992f',GradientType=0);
}
span.button-list.on:hover {
	background: rgb(157,209,59);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iIzlkZDEzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjODViOTNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVmOGEyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(157,209,59,1) 1px, rgba(133,185,59,1) 1px, rgba(95,138,42,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,rgba(157,209,59,1)), color-stop(1px,rgba(133,185,59,1)), color-stop(100%,rgba(95,138,42,1)));
	background: -webkit-linear-gradient(top, rgba(157,209,59,1) 1px,rgba(133,185,59,1) 1px,rgba(95,138,42,1) 100%);
	background: -o-linear-gradient(top, rgba(157,209,59,1) 1px,rgba(133,185,59,1) 1px,rgba(95,138,42,1) 100%);
	background: -ms-linear-gradient(top, rgba(157,209,59,1) 1px,rgba(133,185,59,1) 1px,rgba(95,138,42,1) 100%);
	background: linear-gradient(top, rgba(157,209,59,1) 1px,rgba(133,185,59,1) 1px,rgba(95,138,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd13b', endColorstr='#5f8a2a',GradientType=0);
}


/****************** LOGIN ******************/
body#login {
	background: #E5E5E5;
}
	#login-box {
		text-align: center;
		background: url(img/login_bkg.png) no-repeat 0 0;
		padding: 0 55px;
		width: 280px; /* 280 + padding = 390 */
		height: 390px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -195px;
		margin-top: -195px;
	}
	
		#login-box-content {
			height: 145px;
			margin-top: 122px;
		}
		
			#login-box-content img {
				width: 220px;
				height: 49px;
				margin-bottom: 20px;
			}
			
			#login-box-content input {
				font-size: 16px;
				border-radius: 6px;
				padding: 8px 10px;
				width: 258px; /* 280 - border - padding */
			}
			input#login-password {
				font-family: Verdana, Geneva, sans-serif;
				padding-right: 37px;
				width: 231px; /* 280 - border - padding */
				height: 19px;
			}
			html[dir="rtl"] input#login-password {
				padding-right: 10px;
				padding-left: 37px;
			}
			
			/* input container */
			.input-login {
				position: relative;
				width: 280px;
				margin-bottom: 20px;
			}
				.input-login i {
					position: absolute;					
				}
				
				/* placeholder */
				.input-login span.placeholder {
					left: 10px;
					font-size: 16px;
					height: 16px;
					line-height: 16px;
					margin-top: -8px;
				}
				html[dir="rtl"] .input-login span.placeholder {
					left: auto;
					right: 10px;
				}
				.ie9 .input-login span.placeholder {
					margin-top: -7px;
				}
				
				/* submit button */
				i#login-submit {
					background: url(img/sprite.png) no-repeat 0 0;
					cursor: pointer;
					display: block;
					width: 25px;
					height: 24px;
					top: 7px;
					right: 7px;
				}
				html[dir="rtl"] i#login-submit {
					right: auto;
					left: 7px;
				}
				i#login-submit:hover {
					background-position: -25px 0;
				}
				i#login-submit:active, i#login-submit.active {
					box-shadow: none;
					background-position: -50px 0;
				}
				i#login-submit.loading {
					cursor: default;
					background: url(img/ajaxload.gif) no-repeat center center;
				}
				
				/* keep login */
				#keep-session-login {
					cursor: default;
					height: 14px;
					display: inline;
					position: relative;
					text-align: left;
					padding-left: 20px;
				}
				html[dir="rtl"] #keep-session-login {
					padding-left: 0;
					padding-right: 20px;
				}
					#keep-session-login .checkbox {
						left: 0;
						top: 1px;
					}
					html[dir="rtl"] #keep-session-login .checkbox {
						left: auto;
						right: 0;
					}


/****************** TOP ******************/
#top {
	background: #F2F2F2;
	border-bottom: 1px solid #E5E5E5;
	height: 79px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
}

	#top a#logo {
		position: absolute;
		top: 12px;
		border: 0;
		left: 20px;
		cursor: pointer;
	}
	html[dir="rtl"] #top a#logo {
		left: auto;
		right: 20px;
	}
	
	#tagline-total {
		position: absolute;
		height: 36px;
		top: 22px;
		left: 255px;
	}
	html[dir="rtl"] #tagline-total {
		left: auto;
		right: 255px;
	}
		#tagline {
			float: left;
			margin-right: 15px;
			margin-top: 13px;
		}
		html[dir="rtl"] #tagline {
			float: right;
			margin-right: 0;
			margin-left: 15px;
		}
	
		#total-files {
			float: left;
			left: 372px;
			color: #DDD;
			font-size: 36px;
			line-height: 36px;
			font-weight: bold;
			text-shadow: 0 -1px 0 #C0C0C0;
		}
			#total-files b {
				font-size: 30px;
				font-weight: bold;
			}
	
	#top-links {
		position: absolute;
		top: 35px;
		right: 20px;
	}
	html[dir="rtl"] #top-links {
		right: auto;
		left: 20px;
	}
		#top-links a {
			margin-left: 20px;
			position: relative;
		}
		html[dir="rtl"] #top-links a {
			margin-left: 0;
			margin-right: 20px;
		}
		
		a#logout {
			padding-right: 18px;
		}
		html[dir="rtl"] a#logout {
			padding-right: 0;
			padding-left: 18px;
		}
			a#logout i {
				background: url(img/sprite.png) no-repeat -52px -34px;
				width: 13px;
				height: 11px;
				display: block;
				position: absolute;
				right: 0;
				top: 2px;
			}
			html[dir="rtl"] a#logout i {
				right: auto;
				left: 0;
			}
			a#logout:hover i {
				background-position: -65px -34px;
			}
			a#logout.active i, a#logout:active i {
				background-position: -78px -34px;
			}


/****************** SIDEBAR ******************/
#sidebar {
	position: fixed;
	top: 80px;
	left: 20px;
	width: 220px;
}
html[dir="rtl"] #sidebar {
	left: auto;
	right: 20px;
}
	
	#current-selection {
		height: 60px;
		line-height: 60px;
		text-align: center;
		font-size: 10px;
		font-weight: normal;
	}
	#current-selection.empty {
		color: #BBB;
	}
		#current-selection a {
			font-size: 9px;
			margin-left: 2px;
		}
		#current-selection a:hover {
			color: #E93306;
		}
	
	ul.sidebar-actions {
		margin-bottom: 20px;
		display: none;
	}
		ul.sidebar-actions li {
			cursor: pointer;
			padding: 8px 10px;
		}
		ul.sidebar-actions li:active {
			color: #000;
		}
		ul.sidebar-actions li:hover, ul.sidebar-actions li.active {
			background-color: #F5F5F5;
		}
	
	#search-input {
		position: relative;
		margin-left: 10px;
	}
		#search-input * {
			font-size: 14px;
		}
		#search-input input {
			border-radius: 1em;
			width: 144px; /* 200-2 - 22 - 32 */
			padding: 4px 22px 4px 32px; /* 4 16 4 32 */
		}
		html[dir="rtl"] #search-input input {
			padding: 4px 32px 4px 22px;
		}
		#search-input span, #search-input i {
			top: 50%;
			position: absolute;
		}
		#search-input span {
			height: 14px;
			left: 34px;
			margin-top: -7px;
		}
		html[dir="rtl"] #search-input span {
			left: auto;
			right: 34px;
		}
		#search-input i {
			background: url(img/sprite.png) no-repeat;
		}
		#search-input i.loupe {
			background-position: left -96px;
			width: 14px;
			height: 14px;
			margin-top: -7px;
			display: block;
			left: 11px;
		}
		html[dir="rtl"] #search-input i.loupe {
			left: auto;
			right: 11px;
		}
		#search-input i.remove-search {
			background-position: -63px -96px;
			width: 9px;
			height: 9px;
			margin-top: -4px;
			cursor: pointer;
			right: 20px;
		}
		html[dir="rtl"] #search-input i.remove-search {
			right: auto;
			left: 20px;
		}
	
	#copyright {
		text-align: center;
		font-size: 9px;
		text-transform: uppercase;
		margin-left: 10px;
		position: fixed;
		bottom: 20px;
		width: 192px;
		padding: 8px 4px;
		border-radius: 4px;
		background: #F2F2F2;
		text-shadow: 0 1px 0 #FFF;
		box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, .1);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		cursor: default;
	}
		#copyright a:hover {
			cursor: pointer;
			color: #000;
			text-decoration: underline;
		}

/****************** DRAG SELECTION ******************/
#drag-selection {
	position: absolute;
	border: 1px solid #89B;
	background: #BCE;
	background-color: rgba(51, 153, 255, .2);
	border-color: #3399FF;
	z-index: 3000;
}

/****************** LIST ******************/
#list {
	position: relative;
	margin-left: 260px;
}
html[dir="rtl"] #list {
	margin-left: 0;
	margin-right: 260px;
}


/****************** FILTER ******************/
#filter-wrap {
	background: #FFF;
	position: fixed;
	left: 260px;
	top: 80px;
	width: 100%;
	height: 60px;
	z-index: 2000;
}
html[dir="rtl"] #filter-wrap {
	left: auto;
	right: 260px;
}
	#filter-wrap i.loading {
		position: absolute;
		right: 20px;
		top: 22px;
	}
	html[dir="rtl"] #filter-wrap i.loading {
		right: auto;
		left: 20px;
	}

#filter {
	height: 14px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
}
html[dir="rtl"] #filter {
	left: auto;
	right: 0;
}
#filter.loading {
	background: url(img/ajaxload.gif) no-repeat right;
	padding-right: 24px;
}
html[dir="rtl"] #filter.loading {
	padding-right: 0;
	padding-left: 24px;
	background-position: left;
}

	#filter * {
		float: left;
	}
	html[dir="rtl"] #filter * {
		float: right;
	}
	
	#filter li, #filter .select-label {
		cursor: pointer;
	}
	
	#filter .selectable {
		position: relative;
	}
	#filter li:last-child {
		margin-right: 0;
	}
	
	.mimic-select ul {
		display: none;
	}
	
	.select-label {
		position: relative;
		padding-right: 14px;
	}
		.select-label i {
			background: url(img/sprite.png) no-repeat -39px -96px;
			width: 8px;
			height: 4px;
			position: absolute;
			display: block;
			right: 0;
			top: 5px;
		}
		.select-label:hover i {
			background-position: -47px -96px;
		}
		.select-label.active i {
			background-position: -55px -96px;
		}
	
	#filter-type {}	
		#filter-type ul {
			background: #FFF;
			position: absolute;
			border-radius: 3px;
			box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.15);
			top: 100%;
			left: 0;
		}
		html[dir="rtl"] #filter-type ul {
			left: auto;
			right: 0;
		}
		.ie7 #filter-type ul, .ie8 #filter-type ul {
			border-style: solid;
			border-width: 0 1px 1px 0;
			border-color: #DDD;
		}
		
		#filter-type li {
			float: none;
			padding: 5px 10px 5px 24px;
			position: relative;
		}
		html[dir="rtl"] #filter-type li {
			padding: 5px 24px 5px 10px;
		}
		
		#filter-type li:first-child {
			border-radius: 3px 3px 0 0; 
		}
		#fiter-type li:last-child {
			border-radius: 0 0 3px 3px; 
		}
		#filter-type li:hover {
			background: #F5F5F5;
			color: #000 !important;
		}
		#filter-type li.active {
			color: #000;
		}
			#filter-type li i {
				background: url(img/sprite.png) no-repeat -28px -96px;
				position: absolute;
				display: block;
				left: 9px;
				top: 8px;
				width: 10px;
				height: 8px;
			}
			html[dir="rtl"] #filter-type li i {
				left: auto;
				right: 9px;
			}
			#filter-type li.active i {
				background-position: -18px -96px;
			}
	
	#filter span.label {
		margin-right: 10px;
	}
	html[dir="rtl"] #filter span.label {
		margin-right: 0;
		margin-left: 10px;
	}
	
	#filter-sort {
		margin: 0 25px;
	}
		#filter-sort li, #filter-actions li {
			margin-right: 14px;
		}
		html[dir="rtl"] #filter-sort li, #filter-actions li {
			margin-right: 0;
			margin-left: 14px;
		}
	

/****************** LIST ITEMS ******************/
#list-items {
	margin-top: 140px;
	overflow: auto;
	height: 100%;
}

#list-items.empty {
	padding: 50px 0;
}
	#empty-msg {
		font-size: 11px;
		text-transform: uppercase;
		text-align: center;
		color: #999;
		position: absolute;
		top: 40%;
		left: 50%;
		margin: -30px 0 0 -59px; /* 45 + 30 */
	}
	#empty-msg i.loading {
		margin-left: -8px;
	}
	
	.list-item {
		margin: 0 29px 25px 0;
		position: relative;
		float: left;
	}
	html[dir="rtl"] .list-item {
		margin: 0 0 25px 29px;
		float: right;
		direction: ltr;
	}
		.list-item * {
			cursor: default;
		}
		.list-item a.title {
			cursor: pointer;
			font-size: 12px;
			display: inline-block;
			font-size: 12px;
			overflow: hidden;
			max-width: 100px;
			height: 15px;
			word-break: keep-all;
		}
		.list-item .checkbox {
			position: absolute;
			right: 0;
			top: 0;
		}
		.list-item .thumb {
			width: 110px; /* 100 */
			font-size: 11px;
			border: 1px solid #CECECE;
			border-radius: 3px;
			padding: 4px;
			*padding-bottom: 0;
			margin: 5px 0;
			overflow: auto;
			background: #FFF;
			box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, .05);
		}
		.list-item:hover .thumb, .list-item.active .thumb, .list-item.selected .thumb {
			box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
		}
			.list-item .thumb img {
				display: block;
				margin-bottom: 5px;
				background: #FFF;
			}
			.list-item.selected .thumb img {
				background-image: none !important;
			}
				.list-item .attr {
					float: left;
				}
				.list-item .size {
					float: right;
				}
				
		.list-item .date {
			color: #999;
			font-size: 10px;
			text-align: center;
		}
	
	/* selected */
	.list-item.selected {}
	
		.list-item.selected .thumb {
			color: #FFF;
			border-color: #61C0E4;
			text-shadow: 0 1px 0 rgba(0,0,0,.35);
			background: rgb(213,224,229);
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q1ZTBlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjYTVkM2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA1YTVkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
			background: -moz-linear-gradient(top,  rgba(213,224,229,1) 1px, rgba(165,211,236,1) 1px, rgba(5,165,216,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,rgba(213,224,229,1)), color-stop(1px,rgba(165,211,236,1)), color-stop(100%,rgba(5,165,216,1)));
			background: -webkit-linear-gradient(top,  rgba(213,224,229,1) 1px,rgba(165,211,236,1) 1px,rgba(5,165,216,1) 100%);
			background: -o-linear-gradient(top,  rgba(213,224,229,1) 1px,rgba(165,211,236,1) 1px,rgba(5,165,216,1) 100%);
			background: -ms-linear-gradient(top,  rgba(213,224,229,1) 1px,rgba(165,211,236,1) 1px,rgba(5,165,216,1) 100%);
			background: linear-gradient(top,  rgba(213,224,229,1) 1px,rgba(165,211,236,1) 1px,rgba(5,165,216,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e0e5', endColorstr='#05a5d8',GradientType=0 );
		}
		.ie .list-item.selected .thumb {
			background-color: #61C0E4;
		}
			.list-item.selected .thumb img {
				box-shadow: 0 0 0 1px #8BB7DA;
			}
			


/****************** SHADE ******************/
#shade {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 13px;
	background: rgba(0,0,0,.1);
	z-index: 5000;
}
.ie #shade {
	background: url(img/alpha.png);
}

	#shade-box {
		display: none;
		width: 432px;
		height: 436px;
		padding: 20px;
		background: #FFF url(img/box.png) repeat-x bottom;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -238px 0 0 -236px;
		border-radius: 8px;
		box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25);
	}
		#shade-box-container {
			position: relative;
			height: 100%;
		}
		
		#box-actions {
			position: absolute;
			bottom: -3px;
			width: 100%;
			height: 26px;
		}
			#box-title {
				float: left;
				margin-top: 7px;
				font-size: 14px;
			}
			#actions {
				float: right;
				margin-top: 1px;
			}
				#actions i.loading {
					top: 6px;
					right: 0;
				}
	
	/* CONTENT */
	#shade-box-content {
		display: none;
		height: 375px;
		position: relative;
	}
		
		#shade-box-content select {
			width: 190px;
		}
		
		/* SINGLE IMAGE DISPLAY */
		#single-image {
			width: 432px;
			height: 324px;
			text-align: center;
			margin-bottom: 20px;
			position: relative;
		}
			#single-image img {
				 max-height: 324px;
				 position: absolute;
				 left: 50%;
				 top: 50%;
			}
		
		/* SINGLE IMAGE RENAME */
		#single-rename .input-ext {
			margin: 0 auto;
		}
		
		/* SINGLE IMAGE RESIZE */
		#single-resize, .single-resize {
			width: 197px;
			height: 31px;
			margin: 0 auto;
		}
		
		/* SINGLE STATUS */
		#single-status {
			bottom: 13px;
			position: absolute;
			right: 0;
			font-size: 11px;
		}
		#single-status.ok {
			color: #009900;
		}
		#single-status.error {
			color: #E93306;
		}
		#single-status i {
			float: left;
			margin-right: 3px;
		}
		
		/* CODES */
		#sb-thumbnail {
			width: 100px;
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
			font-size: 12px;
			text-align: center;
		}
			#sb-thumbnail * {
				margin-bottom: 5px;
			}
			#sb-thumbnail span {
				font-size: 11px;
				display: block;
			}
		
		#codes {
			width: 300px;
			position: absolute;
			right: 0;
			top: 0;
		}
			.code-group {
				margin-bottom: 15px;
			}
				.code-group h4 {
					margin-bottom: 4px; 
				}
				.code-group input {
					width: 286px; /* 300 - border - padding */
					border: 1px solid #C3C3C3;
					padding: 4px 6px;
					margin-bottom: 10px;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 11px;
				}
		
		#sb-thumbnails {
			text-align: center;
			margin-bottom: 10px;
		}
			#sb-thumbnails img {
				width: 86px;
				margin: 0;
				white-space: normal;
			}
		
		#multicodes-select {
			margin-bottom: 10px;
			position: relative;
		}
			#multicodes-count {
				font-size: 12px;
				position: absolute;
				right: 0;
				top: 8px;
			}
		
		textarea#multicodes {
			font-size: 11px;
			padding: 5px;
			height: 240px;
			width: 420px;
			line-height: 160%;
		}
		
		/* CONFIRM DELETION */
		#delete-warn {
			font-size: 12px;
			height: 35px;
			overflow: hidden;
		}
			#delete-warn i {
				margin-right: 10px;
			}
		
		/* MULTILIST */
		ul#multi-list {
			height: 355px; /* 360 */
			overflow-y: auto;
			overflow-x: hidden;
		}
		ul#multi-list.delete {
			height: 295px;
			border-bottom: 1px solid #D5D5D5;
		}
			ul#multi-list li {
				height: 48px;
				padding: 5px;
				border-top: 1px solid #D5D5D5;
				border-bottom: 1px solid #D5D5D5;
				margin-bottom: -1px;
				position: relative;
			}
			ul#multi-list li:nth-child(2n) {
				background-color: #FBFBFB;
			}
			ul#multi-list li.selected {
				background: rgb(248,252,254);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZmNmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWY3ZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgba(248,252,254,1) 0%, rgba(234,247,254,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,252,254,1)), color-stop(100%,rgba(234,247,254,1)));
				background: -webkit-linear-gradient(top,  rgba(248,252,254,1) 0%,rgba(234,247,254,1) 100%);
				background: -o-linear-gradient(top,  rgba(248,252,254,1) 0%,rgba(234,247,254,1) 100%);
				background: -ms-linear-gradient(top,  rgba(248,252,254,1) 0%,rgba(234,247,254,1) 100%);
				background: linear-gradient(top,  rgba(248,252,254,1) 0%,rgba(234,247,254,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcfe', endColorstr='#eaf7fe',GradientType=0 );
			}
			ul#multi-list li.deleted {
				background-color: red;
			}
			
			ul#multi-list li div.list-cnt {
				float: left;
				position: absolute;
				left: 73px; /* 68 es a 5 */
				height: 32px;
				top: 50%;
				margin-top: -15px;
			}
			ul#multi-list.delete li div.list-cnt {
				position: static;
				height: auto;
			}
			
			ul#multi-list li div.list-act {
				height: 20px;
				position: absolute;
				right: 5px;
				top: 50%;
				margin-top: -10px;
			}
				ul#multi-list li div.list-act i.loading {
					/*
					left: 50%;
					margin-left: -8px;
					*/
					right: 0;
					top: 50%;
					margin-top: -8px;
				}
			
				ul#multi-list img {
					width: 55px;
					height: 49px;
					display: block;
				}
			
			ul#multi-list.delete li { }
				
				ul#multi-list li img {
					float: left;
					margin-right: 5px;
				}
				ul#multi-list.delete li div {
					float: left;
					line-height: 140%;
				}
					ul#multi-list.delete li div span {
						display: block;
						font-size: 12px;
					}
				ul#multi-list.delete li span.checkbox, ul#multi-list.delete li i.loading {
					position: absolute;
					right: 10px;
					top: 50%;
					margin-top: -7px;
				}
			
			#multi-list-footer {
				text-transform: uppercase;
				font-size: 10px;
				position: relative;
				margin: 5px 0 25px 0;
				height: 12px;
			}
				#multi-list-footer div {
					position: absolute;
					top: 0;
				}
				
				#multi-list-selected {
					width: 300px;
				}
				
				#multi-list-options {
					right: 0;	
				}
					#multi-list-options span {
						color: #327FBE;
						cursor: pointer;
					}
					#multi-list-options span:hover {
						text-decoration: underline;
					}
					#multi-list-options span.pipe {
						margin: 0 6px;
						color: #999;
						cursor: default;
						font-size: 9px;
						text-decoration: none;
					}

.jquery-drag-to-select {
	background: #def;
	display: none;
	opacity: .3;
	filter: alpha(opacity=30);
	z-index: 10;
	border: 1px solid #369;
}

.jquery-drag-to-select.active {
	display: block;
}

#login-copyright {
	font-size: 9px;
	text-align: center;
	width: 280px;
	left: 50%;
	margin-left: -140px;
	position: absolute;
	bottom: 10px;
	color: #AAA;
	text-shadow: 0 1px 0 #FFF;
}
	#login-copyright a {
		color: #AAA;
	}