body 	{ background: #fff url(../img/bg_sidebar_wide.png) -400px 0 repeat-y; }

body,
table,
textarea,
select,
input,
button 	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; }

a 		{ color: #1a75e3; text-decoration: none; }
a:hover { color: #002c7d; }

.clear 	{ clear: both; }

strong { font-weight: bold; }

/** HEADER **/
#header 				{ background: #006186; border-bottom: 1px solid #aaa; height: 100px; }
#header .menu 			{ position: absolute; top: 10px; right: 10px; width: 480px; z-index: 100; }
#header .menu a 		{ background: transparent url(../img/bg_20p_black.png) 0% 0% repeat; color: #e3e3e3; float: right; font-size: 11px; padding: 5px; margin: 0 0 0 10px; }
#header .menu a:hover 	{ background: transparent url(../img/bg_40p_black.png) top left repeat; }
#header .menu select	{ float: right; display: inline; color: #e3e3e3; background: #222; font-size: 11px; padding: 5px; margin: 0 0 0 10px; border: none 0px; width: 135px; }

#header .search 				{ float: right; margin: 30px 0 0 0; }
.search input,
input.search 					{ background: #fff url(../img/icon/magnifier.png) 2px 3px no-repeat; border: 1px solid #666; padding: 2px 2px 2px 20px; width: 150px; }
.search input:focus,
input.search:focus 				{ background-color: #fff; }
.search.dark input				{ background-color: #aaa; }
#content .search				{ float: none; }
#header .logo,
#header .logo div				{ width: 100%; height: 101px; z-index: 20; }
#header .logo 					{ position: absolute; top: 0; left: 0; }
#header .logo div				{ background-repeat: no-repeat; background-position: top left;}

/** CONTAINER **/
#container { }

/** LOGIN **/
body.login 						{ background-image: none; }
body.login #container 			{ text-align: center; }
body.login #login-container 	{ text-align: left; margin: 50px auto; width: 410px; }
body.login form.columns 		{ width: 400px; }
body.login form.columns input 	{ width: 200px; }
body.login form.columns input.button 	{ width: auto; }
body.login #disclaimer-container     { text-align: left; margin: 50px auto; width: 610px; }
body.login #disclaimer-container form.columns         { width: 600px; }
body.login #disclaimer-container form.columns input     { width: 200px; }

/** CONTENT **/
#content 		{ width: 100%; }
#content-inner 	{ padding: 10px 10px 10px 231px; }

h1 				{ color: #222; font-weight: bold; font-size: 16px; padding: 0px 5px 10px 0px; margin: 5px 0; }
h3 				{ color: #333; font-weight: bold; font-size: 13px; padding: 0px 5px 0 0px; margin: 5px 0; }

p 				{ margin: 0 0 10px 0; }
p strong		{ font-weight: bold; }

h2.folder,
h2.category,
h2.publication,
h2.lightbox 			{ font-size: 13px; font-weight: bold; padding: 5px 5px 5px 30px; background-position: 5px 50%; background-repeat: no-repeat; margin: 10px 0 0 0; }
h2.folder em,
h2.category em,
h2.publication em,
h2.lightbox em 			{ color: #666; }
h2.folder span,
h2.category span,
h2.publication span,
h2.lightbox span 		{ background: none; }
p.folder-description 	{ padding: 10px; border: 1px solid #ccc; background-color: #f5f5f5; width: 500px; }

/** DIVERSE **/
span.file-inline 		{ padding: 5px 0 5px 20px; margin: 0 0 0 10px; background-position: 0% 50%; background-repeat: no-repeat; }

#modal_wait				{ border: 1px solid #ddd; width: 180px; height: 30px; background-color: #fff; padding: 20px; text-align: center;}
img.img-icon 			{ vertical-align: middle; }

/** gallery view **/
.gallery-box  						{ border: 1px solid #ccc; float: left; margin: 5px 10px 5px 0; width:130px; }

.gallery-box .caption 				{ background-color: #f5f5f5; background-position: 5px 50%; background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
.gallery-box .caption a 			{ color: #000; display: block; padding: 7px 5px 7px 25px; }
.gallery-box .caption a.download 	{ border-left: 1px solid #ccc; float: right; padding: 7px; }
.gallery-box .thumb 				{ background-position: 50% 50%; background-repeat: no-repeat; height: 130px; width: 130px; border: none; }
.gallery-box .thumb a				{ display: block; height: 130px; width: 130px; }
.gallery-box .info 					{ border-top: 1px solid #ccc; color: #666; }
.gallery-box .info span.comments 	{ background-position: 3px 50%; background-repeat: no-repeat; padding: 2px 0 2px 25px; }
.gallery-box .info label,
.gallery-box .info div				{ border-right: 1px solid #ccc; display: block; float: left; padding: 5px; height: 14px; }
.gallery-box .info div.spacer		{ border-right: none; }
.gallery-box .info div.action		{ border-right: none; border-left: 1px solid #ccc; float: right; }

.gallery-select-all 		{ margin: 7px 0 7px 0; }
.gallery-select-all label 	{ background-color: #f5f5f5; border: 1px solid #ccc; padding: 5px 7px 5px 5px;}

.thumb a.hidden {
	display: none;
}

.thumbnail-tip 		{ background: #fff; border: 1px solid #ccc; padding: 10px; }
.thumbnail-title	{ font-weight: bold; margin: 0 0 5px 0; }
.thumbnail-title em { font-weight: normal; color: #666; }
.thumbnail-text		{ margin: 0 0 5px 0; width: 320px; }
.thumbnail-date		{ color: #666; margin: 5px 0 0 0;}
.thumbnail-size		{ color: #666; margin: 5px 0 0 0;}

table.list.details 					{  }
table.list.details td 				{ border: none; border-top: 1px solid #ccc; }
table.list.details td.rowtitle 		{ height: 24px; }
table.list.details td.description 	{ border-top: none; vertical-align: top; white-space: normal; }
table.list.details td.check,
table.list.details td.description,
table.list.details td.thumb 		{  }

span.sort-up				{ display: inline-block; background-image: url(../img/icon/bullet_arrow_up.png); width: 16px; height: 16px; }
span.sort-down				{ display: inline-block; background-image: url(../img/icon/bullet_arrow_down.png); width: 16px; height: 16px; }
span.sort-blank			{ display: inline-block; background-image: none; width: 16px; height: 16px; }
span.delete				{ display: inline-block; background-image: url(../img/icon/delete.png); width: 16px; height: 16px; }


.details-box				{ }
.details-box h3				{ background-color: #f6f6f6; background-position: 26px 50%; background-repeat: no-repeat; border-bottom: 1px solid #ddd; padding: 5px; }
.details-box h3 label 		{ margin: 0 32px 0 0; }
.details-box h3	a			{ color: #000; }
.details-box h3 a:hover 	{ color: #666; }
.details-box h3 em			{ color: #666; }

/** FILE INFO DIV **/
table.fileinfo { width: 100%; }
table.fileinfo td 			{ border: none !important; vertical-align: top; white-space: normal !important; }
table.fileinfo td.preview   { width: 500px; }
table.fileinfo td.preview img {
	min-width: 200px;
	width: 100%;
}

table.fileinfo td.fileinfo 	{ width: 440px; padding-left: 10px; }

table.fileinfo td table td 	{ vertical-align: middle; }
table.fileinfo h4 			{ font-size: 16px; font-weight: bold; padding: 5px; }
table.fileinfo h5 			{ font-size: 12px; font-weight: bold; background-color: #eee; background-position: 5px 50%; background-repeat: no-repeat; margin: 5px 0 5px 0; padding: 5px 5px 5px 24px; }
table.fileinfo h5 a.expand	{ padding: 0 0 0 18px; }

table.fileinfo ul 						{ }
table.fileinfo ul.users,
table.fileinfo ul.emails,
table.fileinfo ul.lightboxlist			{ padding: 5px 0 0 0; }
table.fileinfo ul.users li,
table.fileinfo ul.emails li,
table.fileinfo ul.lightboxlist li		{ padding: 5px; }
table.fileinfo ul.users li 				{ background: transparent url(../img/icon/user.png) 8px 50% no-repeat; padding: 5px 5px 5px 30px; }
table.fileinfo ul.emails li 			{ background: transparent url(../img/icon/email_link.png) 8px 50% no-repeat; padding: 5px 5px 5px 30px; }
table.fileinfo ul.lightboxlist li 		{ background: transparent url(../img/icon/folder_star.png) 8px 50% no-repeat; padding: 5px 5px 5px 30px; }
table.fileinfo ul.lightboxlist li span	{ color: #666; }
table.fileinfo ul.users li.empty,
table.fileinfo ul.emails li.empty,
table.fileinfo ul.lightboxlist li.empty	{ background: none; padding: 0; }
table.fileinfo ul.users li.link,
table.fileinfo ul.emails li.link,
table.fileinfo ul.lightboxlist li.link	{ background: none; padding: 0; }
input.link								{ font-size: 12px; width: 400px; }


div.comments 							{ padding: 5px 0; }
div.comments div.reply 					{ margin-left: 20px; }
div.comments div.comment 				{ border-top: 1px solid #f5f5f5; clear: both; }
div.comments div.comment div.author 	{ font-size: 12px; font-weight: bold; background-color: #f5f5f5; padding: 5px; margin: 0 0 10px 0; float: left; width: 140px; white-space: normal; }
div.comments div.comment div.author em 	{ color: #999; font-weight: normal; }
div.comments div.comment div 			{ padding: 5px; float: left; width: 250px; margin: 0 0 10px 0; white-space: normal; }
div.comments .add-comment 				{ padding: 10px 0; }
div.comments .add-comment div,
div.comments .add 						{ border-top: none; }
div.comments .add-comment fieldset span { background: none; }


a.expand 			{ background: url(../img/icon_arrow_right.png) 6px 50% no-repeat; display: block; }
a.expand.expanded 	{ background: url(../img/icon_arrow_down.png) 6px 50% no-repeat; display: block; }
a.expand.permissions             { background: url(../img/icon_arrow_right.png) 6px 50% no-repeat; display: block; text-decoration: none !important; float: left; }

a.expand.bar		{ padding: 4px 4px 4px 18px; }
a.expand.bar:hover	{ background-color: #eee; }

/** MESSAGE DIVS **/
div.alert 			{ background: #fef4b0 10px 50% no-repeat; color: #333; padding: 10px 10px 10px 35px; margin-bottom: 10px; font-size: 13px; border-bottom: 1px solid #fae65f; border-top: 1px solid #fae65f; }

div.alert.success 	{ background-image: url(../img/icon/accept.png); background-position: 10px 10px; }
div.alert.error 	{ background-image: url(../img/icon/cross.png); background-position: 10px 10px; background-color: #feb0b0; border-color: #fa5f5f; }
div.alert.info		{ background-image: url(../img/icon/information.png); background-position: 10px 10px; background-color: #e3eefc; border-color: #689ccd; }

div.alert ul 		{ list-style: disc inside none; padding: 5px 0 5px 5px; }
div.alert strong 	{ font-weight: bold; }

/** CONVERT **/
.convert-col						{ float: left; margin: 0 10px 0 0; width: 340px; }
.convert-col .group					{ background: #eee; margin: 0 0 10px 0; padding: 5px; }
.convert-col h2 					{ color: #333; font-weight: bold; border-bottom: 1px solid #ddd; font-size: 14px; padding: 0px 5px 10px 5px; margin: 5px 0; }
.convert-col .row					{ border-bottom: 1px solid #ddd; padding: 1px 0 1px 0; }
.convert-col a 						{ display: block; padding: 0 0 2px 20px; color: #333; }
.convert-col .remove 				{ float: right;	padding: 4px 0 0 0; }
.convert-col .remove a 				{ background: transparent url(../img/icon/page_white_delete.png) 0% 50% no-repeat; }
.convert-col .input h3				{ width: 240px; }
.convert-col .input h3 a			{ background-repeat: no-repeat; }

.convert-box .group					{ background: #eee; margin: 0 0 10px 0; padding: 5px; }
.convert-box h2 					{ color: #333; font-weight: bold; border-bottom: 1px solid #ddd; font-size: 14px; padding: 0px 5px 10px 5px; margin: 5px 0; }
.convert-box .row					{ border-bottom: 1px solid #ddd; padding: 1px 0 5px 0; }
.convert-box a 						{ display: block; padding: 1px 0 1px 20px; color: #333; }
.convert-box .remove 				{ float: right;	padding: 2px 0 0 0; }
.convert-box .remove a 				{ background: transparent url(../img/icon/page_white_delete.png) 0% 50% no-repeat; }
.convert-box .input h3				{ width: 240px; }
.convert-box .input h3 a			{ background-repeat: no-repeat; }

.convert-box .formats				{ padding: 0 0 5px 50px; }
.convert-box .formats .format-line	{ background: url(../img/icon/bullet_go.png) 0% 50% no-repeat; padding: 0 0 1px 22px; width: 300px; }
.convert-box .buttons select		{ float: left; margin: 3px 5px 3px 0; }


/** ARTICLES **/
.article                { border-bottom: 1px solid #eee; padding: 10px; width: 550px;  }
.article img            { float: left; }
.article div.content    { float: left; margin: 0 0 0 10px; width: 450px; }
.image div.actions,
.article div.actions    { float: right; width: 50px; }
.image div.actions a,
.article div.actions a  { float: right; margin: 0 8px 0 0; }
.article p              { margin: 0 0 5px 0; }
.article p.author       { color: #999; }
.article p.notes		{ background: #fffbdf; padding: 5px; }

div.tabs-content.article-view p			{ color: #333; }
.article-view .article-image 			{ margin: 0 0 10px 0; }
.article-view .article-image .thumb		{ float: left; }
.article-view .article-image .info		{ float: left; padding: 10px; }
.article-view .article-image strong		{ font-weight: bold; }

/** IMAGE SELECTOR **/
.imageselector							{ background: #fff; border: 1px solid #ddd; height: 600px; width: 825px; }
.imageselector .column-container 		{ border-bottom: 1px solid #ccc; }
.imageselector .column					{ float: left; height: 570px; overflow: auto; }
.imageselector .column.left 			{ background: #fff url(../img/bg_sidebar_wide.png) -400px 0 repeat-y; width: 221px; }
.imageselector .column.right 			{ width: 604px; }
.imageselector .column.right .files		{ padding: 10px; margin-bottom: 10px; }
.imageselector h1.center				{ text-align: center; margin-top: 250px; }
.imageselector h1.nofiles				{ color: #666; }
.image-preview							{ background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%;}
.image-preview.thumb					{ border: 1px solid #333; width: 130px; height: 130px; }

/** FOLDER SELECTOR **/
.folderselector                            { background: #fff; border: 1px solid #ddd; height: 600px; width: 825px; }
.folderselector .column-container         { border-bottom: 1px solid #ccc; }
.folderselector .column                    { float: left; height: 570px; overflow: auto; }
.folderselector .column.left             { background: #fff url(../img/bg_sidebar_wide.png) -400px 0 repeat-y; width: 221px; }
.folderselector .column.right             { width: 604px; }
.folderselector .column.right .files        { padding: 10px; margin-bottom: 10px; }
.folderselector h1.center                { text-align: center; margin-top: 250px; }
.folderselector h1.nofiles                { color: #666; }
.folder-preview                            { background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%;}
.folder-preview.thumb                    { border: 1px solid #333; width: 130px; height: 130px; }

/** tips **/
.tip-wrap { display: none; }
.tip { background-color: #eee; padding: 5px; }

/** PERMISSIONS **/
#permissions_container 	{ width: 750px; }

/** SIZE INDICATOR **/
#size-bar 			{ background-image: url(../img/bg_progress.png); background-repeat: no-repeat; border: 1px solid #ccc; color: #666; width: 400px; text-align: center; padding: 2px 0 2px 0; margin: 10px 0; }

/** BYLINE **/
.byline 			{ font-size: 11px; margin: 20px 0 0 0; text-align: right; }
.byline a			{ color: #bbb; }
.byline a:hover 	{ color: #333; }

/** HINTS **/
.hints 				{ width: 550px; }
.hints .add-user	{ background-image: url(../img/hints/users.png); }
.hints .upload		{ background-image: url(../img/hints/upload.png); }


/** download popup **/

div.download-container { border: 1px solid #ddd; background-color: #fff; padding: 20px; height: 120px; text-align: center; width: 400px;}
div.download-container div.content { height: 60px; padding: 40px 0 0 0; }

div.download-container img { margin-bottom: 10px; }


/** users table filter **/
div.filters				{ background-color: #eee; padding: 5px; }
ul.letters				{ border-top: 1px solid #ddd; padding: 10px 0 5px 0; }
ul.letters li			{ display: inline; }
ul.letters li a			{ color: #333; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0 5px 0 5px; }
ul.letters li a.active,
ul.letters li a:hover 	{ color: #000; background-color: #ccc; }
div.filters form		{ padding: 10px 0; }
label.filter			{ padding: 0 15px; }
label.filter select		{ width: 150px; }


/** permission on folder edit **/
.perm-edit table.list { margin-top: 0px; }
.perm-edit .filters { background: #e3e3e3; border: 1px solid #ccc; border-bottom: 0px; margin-top: -1px; }

.perm-tabs	{  }
.perm-tabs .button { background: #ccc; border-bottom: 0; }
.perm-tabs .button:hover,
.perm-tabs .button.active { background: #e2e1e3; }

/** statistics **/
p.statbox { float: left; width: 180px; padding: 10px; background: #f3f3f3; margin: 0 5px 5px 0 !important; }
p.statbox span { font-size: 18px; display: block; padding: 5px 0 0 0; font-weight: bold; color: #333; }

.mask { z-index: 100;}

span.folderbrowselink {
	width: auto !important;
	display: inline !important;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #1A75E3 !important;
}

.filterblock select.field {
	/*width: 100px;*/
	display: inline;
}

.filterblock select.matchtype {
	width: 75px;
	display: none;
}

.filterblock select.value-select {
	width: 125px;
	display: none;
}

.filterblock input.value-string {
	width: 125px;
	display: none;
}

.filterbox {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
}

.filterline {
	padding: 0 0 4px 0;
}

.filterline em {
	color: #999999;
}