/*  ********************************************************************** 
	* @description  LittleBoxes Theme for DOCMan 1.4.0 Stable
	* @version      theme.css 2009-10-15 15:30:26CET alexHOKAMP
	* @theme        littleboxes
	* @copyright    Copyright (C) 2009 alexHOKAMP. All rights reserved.
	* @license      GNU/GPL
	* @link         http://www.alexhokamp.com/ 
	**********************************************************************  */

/* ---------- General styles ---------------------------------------- */


.clr { 
	clear: both;
}
.clrhr {
	clear: both;
	width: 100%;
	height: 1em;
	border-bottom: 1px solid #d0d9df;
	margin-bottom: 1em !important;
}

#dm_mainbody {
	background-color: #F8F8F8;
	margin: 0px;
	padding: 0px;
	width: auto;
	border: none;
}

#dm_breadcrumbs {
	clear: both;
	border-top: 1px solid #d0d9df;
	border-bottom: 1px solid #d0d9df;
}
#dm_searchform_frame {
	padding: 10px;
}

#search_phrase { width: 193px; }
#catid { width: 200px; }
#search_mode { width: 200px; }
#ordering { width: 200px; } 
#search_where { width: 200px; margin-top: 5px; margin-bottom: 7px; } 
/* ---------- Document styles ---------------------------------------- */

/* --- Component Heading Styles --- */

.dm_componentheading {
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 1px solid #c5c5c5;
	font-size: 200%;
	margin: 0 0 15px;
	padding: 0 0 10px;
	text-transform: uppercase;
}
.dm_componentheading_fixed {
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 1px solid #c5c5c5;
	font-size: 165%;
	margin: 0 0 15px;
	padding: 0 0 10px;
	text-transform: uppercase;
}


/* --- Category Styles --- */
.dm_cat { 
	padding: 3px 3px 3px 3px; 
	margin-bottom: 10px;
}

/* Category Item Box */
.dm_cat_item {
	width: 46%; /*28.5%*/
	overflow: hidden;
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #d0d9df;
}
.dm_cat_item:hover {
	background-color: #eee; /* #E9E9F5 */
}
.dm_cat_item .contentheading {
	font-size:110%;
	margin-top: 0px;
	padding-top: 5px;
	border-bottom: none;
}

.dm_cat_item .contentheading a:hover {
	text-decoration: underline !important;
}
.dm_cat_item_files {
	margin-top: 10px;

}
.dm_cat_item_desc {
	margin-top: 0px;
	padding: 5px;
	clear: both;
	border-top: 1px solid #d0d9df;
}
.dm_cat_item_desc .dm_cat_item_desc_button {
}
.dm_cat_item_desc .dm_cat_item_desc_text {
	display: none;
}

/* Category Image Styles */
.dm_cat_img {
	float: left;
	padding-bottom: 5px;
	padding-right: 10px;
}

.dm_cat .dm_name { 
	display: block;
	font-size: 115%;
	font-weight: bold;
	/*letter-spacing: 1px;*/
	padding-bottom: 3px;
	padding-top: 17px;
	border-bottom: 1px solid #D0D9DF;
	/*text-transform: capitalize;*/
	color: #6d7e92;
	margin-bottom: 16px;
}

.dm_contentheading { 
	padding-bottom: .25em; 
	margin-bottom: 2em; 
	border-bottom: 1px solid #CCCCCC; 
}

.dm_contentheading_documents { 
	border-bottom: 1px solid #CCCCCC; 
	padding-bottom: .25em; 
	font-size: 140%!important;
}

.dm_document_order { 
	border-bottom: 1px solid #CCCCCC; 
	padding-top: .25em; 
	padding-bottom: .25em; 
	margin-bottom: 1em; 
}

.dm_article_seperator { 
	margin-left: -50px; 
	margin-bottom: 2em; 
}
.dm_document_seperator { 
	margin-bottom: 1em; 
	display: block;
	border-bottom: 1px solid #CCCCCC; 
	clear: both;
}

.dm_cat .dm_description { 
	float: left; 
	width: 80%;
}
.dm_cat .dm_description .dm_cat_item_desc_button {
	display: none;
}
.dm_cat .dm_thumb { 
	float: right; 
	width: 15%;
}

/* --- Document Styles --- */

.dm_doc_item {
	clear: both;
	position: relative;
}
.dm_doc_item .contentpagetitle {
	font-size: 18px;
}
.dm_doc_item .contentpaneopen .contentheading {
	padding-bottom: 5px;
}
.dm_doc_img {
	padding-top: 2px;
	margin-right: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 10px;
}

.dm_doc_img_detail {
	margin-bottom: 5px;
	float: right;
}
.dm_doc_item .contentpaneopen {
	float: left;
	padding-left: 80px;
	width: auto;
}
.dm_doc_item .contentpaneopen .small {}
.dm_doc_item .contentpaneopen .dm_date_p {
	color: #999;
}


/* ---------- Document Status styles ---------------------------------------- */

.dm_unpublished { 
	background-color: #FFCCCC;
}

.dm_unapproved {
	background-color: #CCFFCC;
}

/* ---------- Tooltip styles ---------------------------------------- */

#dm_tooltip { 
	background-color: #F8F8F8; 
	width: auto;
}
#dm_tooltip_caption { 
	margin: auto; 
	padding: 5px 10px; 
	font-weight: normal;
	background-color: #638CC1; 
	color: #fff; 
	font-size: 16px;
}
.dm_tooltip_item { 
	margin: auto; 
	padding: 5px 10px; 
	font-weight: normal;
	background-color: #e7e7e7; 
	color: #333333; 
}
.dm_tooltip_item_left {
	font-weight: bold;
}
.dm_tooltip_item_right { }

/* ---------- Taskbar styles ---------------------------------------- */

.dm_taskbar {
	margin-top: 10px;
	display: block;
	font-size: 90%;
	clear: both;
	border-top: 1px solid #CCCCCC;
}
.dm_taskbar_item {
	float: left;
}

.dm_taskbar td  {}

.dm_taskbar ul li {
	list-style-type: none;
	list-style-position: inside;
	background: none;
	padding: 0;
	margin: 0;
	float: left;
}

.dm_taskbar_button {
	margin-left: 5px;
	margin-right: 5px;
}

.dm_taskbar a {}

.dm_taskbar a:link,
.dm_taskbar a:visited,
.dm_taskbar a:hover {}

.dm_taskbar a:link,
.dm_taskbar a:visited {}

.dm_taskbar a:hover {}

.approve { 
	background-color: #CCFFCC; 
}

.publish { 
	background-color: #FFCCCC; 
}

/* ---------- Toolbar styles --------------------------------------- */

.dm_toolbar { 
	list-style: none; 
	height: 32px; 
	margin-right: 25px; 
}

.dm_toolbar li { 
	float: right; 
	background-image: none; 
}

.dm_toolbar .dm_btn { 
	text-indent: -5000px; 
	height: 32px; 
	width: 32px; 
	display: block;
}

.dm_toolbar #dm_btn_save { 
	background-image: url(../images/save.png);
}

.dm_toolbar #dm_btn_cancel { 
	background-image: url(../images/cancel.png); 
}

.dm_toolbar #dm_btn_save:hover { 
	background-image: url(../images/save-over.png); 
}

.dm_toolbar #dm_btn_cancel:hover { 
	background-image: url(../images/cancel-over.png); 
}

/* ---------- Form styles ------------------------------------------ */

.dm_form {
	margin: 0 auto;
	width: 35em;
	padding: 1em 1em 1em 1em;
	border: 1px solid #cecece;
}

.dm_form fieldset { 
	border: 0 none; 
	margin: 0; 
	padding: 0.5em;
}

/* This line causes the "To wide editor problem" When set to none */
.dm_form br { 
	display: block; 
}
/* End */

.dm_form label    { 
	display: block; 
	width: 100px; 
	font-weight: bold; 
	float: left; 
}

.dm_form label.nofloat { 
	float: none; 
}

.dm_form p { 
	text-align: left; 
}

.dm_form fieldset.dm_button { 
	border-top: 1px solid #CCCCCC; 
}

.dm_form select option.label { 
	background-color: #EEEEEE; 
	border: 1px solid #DDDDDD; 
	color : #333333; 
}

.dm_form .editor { 
	float: none;  
}

#dm_frmupload label { 
	width: 100px; 
	padding-right: 10px;
}

#dm_frmupload #dm_btn_back   { 
	float: left;  
}

#dm_frmupload #dm_btn_submit { 
	float: right; 
}

#dm_frmedit { 
	width: 90%; 
	border: 0 none; 
}

#dm_frmedit #dmthumbnail_preview { 
	float: right; 
	margin-right: 30px; 
	height: 80px; 
	width: 80px; 
	padding: 3px; 
	border: 1px solid #DEDEDE; 
}

#dm_frmedit #license-page label  { 
	width: 250px; 
}

.dm_license_form {
}
.dm_license_form .dm_license_agreenot {}
.dm_license_form .dm_license_agree {}
.dm_license_form .dm_license_button {
	padding-top: 11px;
	padding-left: 4px;
}
.dm_license_form .dm_license_button .button {
	padding: 2px 2px 3px 2px;
}
/* ---------- Nav styles ------------------------------------------ */

#dm_nav { 
	clear: both; 
	padding-top: 15px; 
	margin-top: 15px; 
	border-top: 2px dotted #DDDDDD;
}

#dm_nav div { 
	margin-top: 10px; 
}

/* ---------- Menu styles ----------------------------------------- */

#dm_menu { 
	clear: both;
	text-align: center;
	height: 100px;
}

.dm_menu_button {
	float: left;
	text-align: center;
	width: 70px;
	height: 54px;
	border: 1px solid #d0d9df;
	padding-top: .75em;
	padding-bottom: .75em;
	margin-right: 5px;
	margin-left: 5px;
}
.dm_menu_button:hover {
	background-color: #eee; /* #E9E9F5 */
}
.dm_menu_button a {
	border: none !important;
	text-decoration: none !important;
}
.dm_mb_back {
}
.dm_mb_overview {
}
.dm_mb_search {
}
.dm_mb_submit {
}

/* ---------- Back Button --------------------------------------- */

.dm_license_back_button {
	margin-top: 220px !important;
}