/**
 * @version		$Id: theme.css 1606 2012-05-22 00:01:32Z johanjanssens $
 * @category	DOCman
 * @package		DOCman15
 * @copyright	Copyright (C) 2003 - 2012 Johan Janssens and Mathias Verraes. All rights reserved.
 * @license	    This file can not be redistributed without the written consent of the 
 				original copyright holder. This file is not licensed under the GPL. 
 * @link     	http://www.joomladocman.org
 */

/* ---------- Reset styles ------------------------------------- */
img { border: 0 none; }


/* Remove the following line if you have problems with the alignment of your theme */
.clr { clear: both; }

/* ---------- Global styles ------------------------------------ */

#dm_header {
	height: 55px;
	border-bottom: 1px dotted #aaa;
	text-align: center;
 }
#dm_header div {
	float: left;
	padding: 3px;
	width: 24%;
}
#dm_header a, #dm_header span  {
	display: block;
	padding-bottom: 5px;
	text-decoration:underline;
	text-align: center;
}
#dm_header a:hover{
	color:#fc7000;
}

#dm_pathway {
	font-size: 11px;
	text-align: left;
	background: #ddd;
	margin-bottom: 5px;
	padding: 3px 3px 3px 10px;
}

.dm_row { 
    background: url("../images/document_bg.jpg") repeat-x scroll left top #EFEFEF;
    border-bottom: 1px solid #E5E2E2;
    padding: 15px 10px;
}
#dm_docs .dm_title a{
	color:#000000;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px;
    padding: 8px 0 6px 5px;
	text-decoration: underline;
}
#dm_docs .dm_title a:hover{
    color: #FC7000;
}
.dm_item_details {
    border-right: 1px solid #CCCCCC;
    float: left;
    width: 650px;
}
.dm_item_stats {
    color: #747373;
    float: left;
    padding: 15px 25px;
    width: 215px;
}
/* ---------- Categories styles ------------------------------------- */

#dm_cats 	{ text-align: left; }
#dm_cats h2.dm_title { margin: 14px 0 !important; }
#dm_cats h3 a{ font-size:16px;}
#dm_cats h3 a:hover{color:#fc7000}

#dm_cats h3.dm_title { margin: 0 0 7px 0 !important; }



#dm_cats .dm_row { 
    background: none repeat scroll 0 0 transparent;
	float: left;
	padding: 10px;
	width: 47%;
 }

#dm_cats .dm_row img {
	float: left !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
}
/* ---------- Category styles --------------------------------------- */

.dm_cat { padding: 10px 0; }
.dm_cat img.dm_thumb-left 	{ margin: 0 15px 0 0 !important; float: left !important; }
.dm_cat img.dm_thumb-right 	{ margin: 0 0 0 15px !important; float: right !important; }

.dm_cat .dm_title{
	border-bottom: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
}

/* ---------- Documents styles -------------------------------------- */

#dm_docs { text-align: left; }
#dm_docs h2.dm_title { 
    background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1px solid #CCCCCC;
    clear: right;
    color: #333333;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 2px 10px 10px;
}
#dm_docs h3.dm_title { 
	margin: 0 0 10px 0 !important; 
	padding: 15px 0 5px 0 !important;
	min-height: 30px !important;
	height: auto !important;
  	height: 30px;
}

#dm_docs h3.dm_title img { float: left !important; margin: 0 10px 0 0; }

#dm_docs .dm_row { padding: 15px; line-height: 1.2em; }

#dm_docs .dm_row .dm_details {
	float: right;
	width: 200px;
	margin: 0 0 0 10px;
}

#dm_docs .dm_row .dm_details div {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 3px 0;
	text-align: center;
	border: 1px dotted #E0E0E0;
	background: #F8F8F8;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#dm_docs .dm_row .dm_details table {
	padding: 5px 0 0 0 !important;
	margin: 0 !important;
	border: 1px dotted #D0D0D0;
	width: 100%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#dm_docs .dm_row .dm_details td {
	padding: 0 0 5px 5px !important;
	margin: 0 !important;
}

#dm_docs .dm_row .dm_description,
#dm_docs .dm_row .dm_homepage 		{ padding: 0 5px 0 0; margin: 0; }

#dm_docs .dm_row .dm_unpublished,
#dm_docs .dm_row .dm_unapproved,
#dm_docs .dm_row .dm_checked_out 	{ padding: 5px; margin: 5px 0 0 0; height: 15px;}

#dm_docs .dm_row .dm_unpublished 	{ border: 1px dotted red; 	background-color: #FFCCCC; }
#dm_docs .dm_row .dm_unapproved 	{ border: 1px dotted green; background-color: #CCFFCC; }
#dm_docs .dm_row .dm_checked_out 	{ border: 1px dotted blue; 	background-color: #CCCCFF; }


/* ---------- License styles ---------------------------------------- */

#dm_license								{ margin: 25px; }
#dm_license .dm_license_body 			{ }
#dm_license .dm_license_form 			{ margin: 15px 0; padding: 10px; text-align: center; border: 1px dotted #E8E8E8;  }


/* ---------- Orderby styles ---------------------------------------- */

.dm_orderby { 
	background-color: #EEEEEE;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 1px 1px 1px 10px;
}

/* ---------- Details styles ---------------------------------------- */

#dm_details {
	/*width: 600px;*/
}
#dm_details .dm_title{
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
#dm_details img {
	margin: 10px 10px 10px 0px;
}

#dm_details table {
	width: 100%;
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	border-collapse: collapse;
}

#dm_details table caption {
	margin: auto;
	padding: 5px 0 5px 0;
	font-weight: bold;
}

#dm_details table td {
	padding: 5px;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}

#dm_details table thead 		{ background: url(../images/bg-header.png) #F8F8F8 bottom repeat-x; font-weight: bold; padding: 5px; }
#dm_details table thead td 	{ text-align: left; }
#dm_details table col#prop 	{ width: 20%;background-color: #EEEEEE; }
#dm_details table col#val 	{background-color: #FFFFFF; }



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

.dm_taskbar {
    font-family: arial;
    list-style-type: none;
    margin-bottom: 6px;
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 6px;
}

.dm_taskbar ul {
	margin: 0 !important;
	padding: 0 !important;
}

.dm_taskbar li {
	float: left !important;
	list-style-type: none !important;
	background-image: none !important;
	padding: 0 5px 0 0 !important;
	margin: 0.5em 0 2px 0 !important;
}
.dm_taskbar li a {
	display: block;
	padding: 4px 10px;
	background: url(../images/button.png) #F8F8F8 bottom repeat-x;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.dm_taskbar li a:link,
.dm_taskbar li a:visited,
.dm_taskbar li a:hover {
	text-decoration: none;
}
.dm_taskbar li a:link,
.dm_taskbar li a:visited {
	border: 1px solid #cecece;
}
.dm_taskbar li a:hover {
   border-bottom: 1px solid #cecece;
   border-top: 1px solid Gray;
   border-right: 1px solid #cecece;
   border-left: 1px solid Gray;
}

.dm_taskbar li.approve a { border: 1px solid #CCFFCC; }
.dm_taskbar li.publish a { border: 1px solid #FFCCCC; }
.dm_taskbar li.checkin a { border: 1px solid #CCCCFF; }

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

.dm_toolbar    { height: 32px; margin-right: 25px; }
.dm_toolbar li { float: right; background-image: none !important; list-style: none !important; }

.dm_toolbar .dm_btn_save,
.dm_toolbar .dm_btn_cancel { padding: 30px 3px 0px 3px; margin: 0 5px 0 0; display: block; border: 1px solid #FFFFFF; }
.dm_toolbar .dm_btn_save   { background: url(../images/save.png) center top no-repeat; }
.dm_toolbar .dm_btn_cancel { background: url(../images/cancel.png) center top no-repeat; }
.dm_toolbar .dm_btn_cancel:hover,
.dm_toolbar .dm_btn_save:hover   { 
	border-bottom: 1px solid #cecece;
   border-top: 1px solid Gray;
   border-right: 1px solid #cecece;
   border-left: 1px solid Gray;
}
 

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

.dm_form 						{ margin: 0; padding: 0; }
.dm_form fieldset.dm_button    	{ }
.dm_form select option.label 	{ background-color: #EEE; border: 1px solid #DDD; color : #333; }
.dm_form .editor 				{ float: none;  }

/*
.dm_form fieldset.dm_adminform {
	margin: 0 0 10px 0;
	border: 1px #ccc solid;
	padding: 5px;
	text-align: left;
}

.dm_form fieldset.dm_adminform p { margin: 10px 0px; }

.dm_form fieldset.dm_adminform legend    {
	font-size: 12px;
	font-weight: bold;
}
*/
.dm_form table.dm_admintable td { padding: 3px; }
.dm_form table.dm_admintable td.dm_key,
.dm_form table.dm_admintable td.dm_paramlist_key {
	background-color: #f6f6f6;
	text-align: right;
	width: 140px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

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

#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 silver; }
#dm_frmedit #license-page label  { width: 250px; }


/* ---------- Nav styles ------------------------------------------ */

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


#dm_nav ul {
    border-top: 1px solid #CCCCCC;
    margin: 10px 0 0;
    overflow: hidden;
}
#dm_nav ul li{
    float: left;
    line-height: 1.4em;
    list-style-type: none;
    margin: 10px 0;
    padding: 0 0 0 10px;
}
#dm_nav .counter{
    padding-left: 10px;
}
/* --- pane-sliders --- */
.pane-sliders .title {
	margin: 0;
	padding: 2px;
	color: #666;
	cursor: pointer;
}

.pane-sliders .panel   		{ border: 1px solid #ccc; margin-bottom: 3px;}
.pane-sliders .panel h3 	{ background: #f6f6f6; color: #666}

.pane-sliders .content 		{ background: #f6f6f6; }

.pane-sliders .adminlist    { border: 0 none; }
.pane-sliders .adminlist td { border: 0 none; }

.jpane-toggler  span     	{ background: transparent url(../images/j_arrow.png) 5px 50% no-repeat; padding-left: 20px;}

.jpane-toggler-down 		{ border-bottom: 1px solid #ccc; }
.jpane-toggler-down span 	{ background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px;}

/* --- tabs --- */
dl.tabs {
	float: left;
	margin: 10px 0 -1px 0;
	z-index: 50;
}

dl.tabs dt {
	float: left;
	padding: 4px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 3px;
	background: #f0f0f0;
	color: #666;
}

dl.tabs dt.open {
	background: #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	z-index: 100;
	color: #000;
}

div.current {
	clear: both;
	border: 1px solid #ccc;
	padding: 10px 10px;
}

div.current dd {
	padding: 0;
	margin: 0;
}

/* ---------- Dark styles ---------------------------------------- */
.dm_row.dm_dark 							{ background: url(../images/bg-gradient-dark.png) repeat-x; }
#dm_docs .dm_row .dm_details.dm_dark div,
#dm_docs .dm_row .dm_details.dm_dark table 	{ border: 1px dotted #555; background: none; }
#dm_license .dm_license_form.dm_dark 		{ border: 1px dotted #555;  }
.dm_orderby.dm_dark 						{ background: url(../images/bg-header-dark.png) bottom repeat-x; border: 1px solid #555; }
#dm_details.dm_dark table thead 			{ background: url(../images/bg-header-dark.png) bottom repeat-x; }
.dm_taskbar.dm_dark li a 					{ background: url(../images/button-dark.png) bottom repeat-x; }
.dm_taskbar.dm_dark li a:link,
.dm_taskbar.dm_dark li a:visited 			{ border: 1px solid #555; }

#dm_frmsearch select{
    width: 250px;
}

#main h2#dm_title{
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-family: arial;
    font-size: 1.6em;
    font-weight: bold;
    margin: 15px 0 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.main_content  p.redalert {
    background-color: #FF0000;
    color: #FFFFFF;
    margin-bottom: 15px;
    padding: 8px;
}
.main_content  p.important {
    color: #570200;
	margin-bottom: 5px;
}
#dm_btn_back,#dm_btn_submit,.save_btn,.back_btn{
    background: none repeat scroll 0 0 #FC7000;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 26px;
    margin: 20px 10px 20px 0;
    text-align: center;
    width: 100px;
}
#dm_frmupload label{
    margin: 5px 0;
}
#dm_frmupload input{
    border: 1px solid #CCCCCC;
	margin: 5px 0;
    width: 200px;
}
#dm_frmupload input.button{
    border: medium none;
    margin: 20px 10px 20px 0;
    width: 100px;
}

.tip {
    background: none repeat scroll 0 0 #FFFFCC;
    border: 1px solid #D4D5AA;
    float: left;
    max-width: 200px;
    padding: 5px;
    text-align: left;
}
.tip-title {
    font-size: 100%;
    font-weight: bold;
    margin: -15px 0 0;
    padding: 15px 0 5px;
}
.tip-text {
    font-size: 100%;
    margin: 0;
}

.dm_form_method label, label.boldme {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
}

#dm_frmedit fieldset {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #F5F4F4;
    border: 1px solid #E0E0E0;
}
#dm_frmedit legend {
    background-color: #FFFFFF;
    color: #FF0000;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;
    border: 1px solid #E0E0E0;
}
#dm_frmedit label {
    display: block;
}
#dm_frmedit select {
    width: 290px;
}
#dm_frmedit .text_area, #dm_frmedit .inputbox {
    font-family: inherit;
    font-size: inherit;
    padding: 3px;
}
#dm_frmedit .editlinktip {
    display: none;
}
#dm_frmedit div.row {
    clear: both;
    height: 25px;
    margin-bottom: 10px;
    width: 100%;
}
#dm_frmedit fieldset.contact_details label {
    margin-top: 4px;
}
#dm_frmedit fieldset.contact_details div.radio label,#dm_frmedit fieldset.about_resource div.diseases label {
    float: none;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0;
    width: auto;
}
#dm_frmedit .row label {
    float: left;
    width: 110px;
}

#dm_frmedit .about_publishing .row label.cb, #dm_frmedit .options label {
    display: inline;
    float: none;
    padding: 0 15px 0 5px;
}
#dm_frmedit fieldset.contact_details div.row {
    clear: left;
    float: left;
    width: 320px;
}
#dm_frmedit fieldset.contact_details div.radio {
    clear: right;
    float: right;
    height: auto;
    padding-right: 230px;
    width: 250px;
}
#dm_frmedit fieldset.contact_details div.radio .options label,#dm_frmedit fieldset.about_resource div.diseases .disease label,#dm_frmedit fieldset.about_resource div.diseases .na_disease label {
    font-weight: normal;
}
#dm_frmedit .about_resource .row label, #dm_frmedit .about_publishing .row label {
    float: none;
    width: auto;
}
#dm_frmedit .about_resource div.row, #dm_frmedit .about_publishing div.row {
    clear: both;
    height: auto;
    margin-bottom: 10px;
    width: 100%;
}
#dm_frmedit .diseases{
    width: 500px;
}
#dm_frmedit .diseases .disease {
    float: left;
    height: 25px;
    width: 50%;
}
#dm_frmedit .diseases .disease label,#dm_frmedit .diseases .na_disease label {
    display: inline;
}
#dm_frmedit .diseases .disease input.disease_box,#dm_frmedit  .diseases .disease_na input.disease_box {
    margin-right: 5px;
}