/**
 * Adaptación del Default DOCman Theme por JCF
 **/

img { border: 0 none; }

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


#dm_header {
	height: 65px;
	border-bottom: 1px dotted #ddd;
	text-align: center;
}
#dm_header div {
	float: left;
	padding: 3px;
	width: 30%;
}
#dm_header a, #dm_header span  {
	display: block;
	padding-bottom: 5px;
	text-decoration:none;
}

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



#dm_cats, #dm_docs {
	text-align: left;
}


.dm_separator{
	border-top:1px solid gray;
}


a.dm_icon, a.dm_thumb  { float: left; padding-right: 10px; }

a.dm_name { display: block; margin-top: 3px;  padding: 8px 0 6px 5px; font-weight: bold; font-size:14px;}
a.dm_name:hover { background: #FFCC00; color: #FC6401; }

span.dm_new,  span.dm_hot{
padding-left: 10px; color: black; font-weight: normal; font-style: italic;
}

.dm_date, .dm_files, .dm_counter{ float: right; margin: 7px 5px 0 0; }
.dm_description { background-color: #EEEEEE; padding: 5px; }

.dm_homepage { padding: 1px 1px 1px 5px; font-size: 10px; background-color: #F8F8F8;  }


.dm_cat {
	padding: 3px;
	}
.dm_cat .dm_name {
	font-size: 20px;
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
}
.dm_cat .dm_description {
	padding: 3px;
}
.dm_cat .dm_thumb {
	float: left;
	margin-right: 5px;
}

.dm_cat .dm_name_desc {
	float: left;
}

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

.dm_license { }
.dm_license_agree { }

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

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

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

/* -- shared styles */
.dm_doc caption, #dm_tooltip caption {
	margin: auto;
	padding: 5px 0 5px 0;
	font-weight: bold;
}

.dm_doc table, #dm_tooltip table {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-collapse: collapse;
}

.dm_doc td, #dm_tooltip td {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.dm_doc thead, #dm_tooltip thead { background-color: #FFCC00; font-weight: bold; }
.dm_doc col#prop { background-color: #EEEEEE; }
.dm_doc thead td, #dm_tooltip thead td { text-align: left; }

/* -- specific style when show as seperate page */

#dm_details {
	clear:left;
	width: 100%;
	text-align: left;
	float: left;
}
#dm_details table {

	width:100%
	}
#dm_details td, #dm_details thead { padding: 5px; }

/* -- specific style when show as tooltip */

#dm_tooltip td, #dm_tooltip thead { padding: 2px; }

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

.dm_taskbar {

	/*height: 22px;*/
	padding-bottom:6px;
	margin-bottom:6px;
	/*border-bottom: 1px solid #bbb;*/
	font-family: arial;
	list-style-type: none;
}
.dm_taskbar li {  /* JCF */
	float: left;
	list-style-type: none;
	background-image: none;
	padding: 0 0 0 3px;
	margin: 0 0 2px 0;
	font-size: 11px;
}

.dm_taskbar li a {
	display: block;
	padding-left: 3px;
	padding-right: 3px;
}
.dm_taskbar li a:link,
.dm_taskbar li a:visited,
.dm_taskbar li a:hover {
	color: #696969; background-color: #eeeeee;
	text-decoration: none;
}
.dm_taskbar li a:link,
.dm_taskbar li a:visited {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid Gray;;
	border-left: 1px solid #cecece;
	border-right: 1px solid Gray;;
}

.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:link { background-color: #CCFFCC; }
.dm_taskbar li.publish a:link { background-color: #FFCCCC; }
.dm_taskbar li.checkin a:link { background-color: #CCCCFF; }

/* ---------- 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) }

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

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


/* ---------- JCF styles ------------------------------------------ */
h1 { /* JCF */
	font-family:	Arial,Helvetica,sans-serif;
	font-size:	22px;
	font-weight:	700;
	font-style:	normal;
}

h2 {
	padding-left: 10px;
	text-align: left;
}
#dm_docs h2 {   /* JCF */
	margin: 13px 0 13px 0;
	padding: 5px 0 5px 5px; 
	background: #fcd290;
	text-align: left;
}

#dm_cats h3,
#dm_docs h3 {
	background: #F0F0F0;
	border-bottom: 1px solid #ccc;
	padding: 10px 2px 10px 10px;
	clear: right;
	}

#dm_docs h3 {
	margin-bottom: 0;
}

#dm_docs h3 span,
#dm_cats h3 span  {
	display: block;
	float: right;
	margin: -15px 5px 0 0;
	font-size: 11px;
	font-weight: normal;
}

#dm_docs h4 {   /* JCF */
	display: block; 
	margin: 3px 0 3px 0;  
	padding: 6px 0 6px 0px; 
	font-weight: bold; 
	font-size:14px;
	color: #FC6401;
}

h5 { /* JCF */
	font-family:	Arial,Helvetica,sans-serif;
	font-size:	10 px;
	font-weight:	700;
	font-style:	normal;
}

table.lc {   /* JCF */
	width: 100%; 
	border-collapse:collapse;
	margin: 0 0 5px 5px;
	}

thead.lc {  /* JCF */
	background-color: #f93; 
	color: #fff; 
	padding: 5px;
	}

thead.lc th {  /* JCF */
	border: 2px solid #fff;
}

tr.lc {  /* JCF */
	background-color: #fcd290; 
	padding: 5px; 
	}

tr.lc td {  /* JCF */
	border: 2px solid #fff;
}

tr.lc:hover {
	background: orange;
}
  
tr.lcb {  /* JCF */
	background-color: #fdb561; 
	font-weight: bold;
	padding: 5px;
}

tr.lcb td {  /* JCF */
	border: 2px solid #fff;
}
	
button {
	border: 1px solid #000;
	background: url(../images/sc_tabbar_bg.png) repeat-x;
	height: 25px;
	padding: 3px 6px 3px 6px !important;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.title  a:link,
.title  a:visited,
.title  a:hover {
	color: #000000;
	text-decoration: bold;
}
.title  a:hover {
	color: #808080;
}
table.tb100 {
	width: 100%;
	border:0;
	border-spacing:0;
    border-collapse:collapse;
}
/* ---------- Libro fallero ------------------ */

div#form_correo {
	border: 1px solid #CC3300;
	padding: 5px
}

div#cuadro0 {
	clear: both;
	float: center;
	width: 536px;
	font-size: 10pt;
	padding: 20px 0px;
}

div#imagen {
	float: left;
	width: 122px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #CC3300;
	padding: 5px
}

div#cuadro1 {
	float: left;
	width: 370px;
	padding: 0 10px
}

div#texto {
	float: left;
	width: 360px;
	border: 0px solid #CC3300;
	padding: 0px
}

div#sube_dtx {
	clear: both;
	float: center;
	font-size: 12pt;
	border: 1px solid #CC3300;
	padding: 5px;
}

div#fload {
	clear: both;
	float: center;
	font-size: 14px;
	color: blue;
}

div#fload1 {
	clear: both;
	float: center;
	font-size: 14px;
	color: blue;
}

div#fload2 {
	clear: both;
	float: center;
	font-size: 14px;
	color: blue;
}

div#fload3 {
	clear: both;
	float: center;
	font-size: 14px;
	color: blue;
}

div#barra_todo {
	border: 1px solid black;
	width: 202px;
}

div#barra_barra {
	background-color: rgb(243, 99, 28);
	width: 0px;
	height: 16px;
	margin: 1px;
}

div#barra_porcien {
	font-size: 14px;
	z-index: 999;
	line-height: 16px;
	padding-left: 4px;
	color: #ffffff;
}

div#pie {
	clear: both;
	float: center;
	width: 546px;
	padding: 5px
}
/* ---------- Formularios de modificacion ------------------ */
/*
.formuc {
	background-color: #F6E3CE; 
}
*/

input.cargando {
    background-image: url(../../jcf/images/loading16.gif);
    background-position: 0 1px;
    background-repeat: no-repeat;
  }
input.mayusc {
	text-transform: uppercase;
}

/* campo modificable y obligatorio */
.required.modif {  
	background: #CEF6CE;
	color: #016306; /*#08088A; */
	border: 1px solid #green !important;
}

/* campo modificable */
.modif {
	background: #CECEF6;
	color: #08088A;
	border: 1px solid #blue !important;
}

/* campo invalido */
.invalid {
	background:  #ffd0d0 !important;  /* #E6C0C0;*/
	color: #c00000;
	border: 1px solid #ff0000 !important;
}

/* campo resaltado */
.resalt {
	background:  #d0ffff !important;  /* #E6C0C0;*/
	color: #c00000;
	border: 1px solid #ff00ff !important;
}
/* texto informativo invalido */
.invalidtxt {
	background:  #ffd0d0;  /* #E6C0C0;*/
	color: #c00000;
}
/* mensaje de error */
#error_wrapper {
	display: none;
	background: #ffd0d0;   /* #fff4f4;*/
	border: 1px solid #ff0000;
	padding: 10px 5px;
}

#error_wrapper a {
	margin-right: 10px;
	color: #c00000
}

/* campo usado en una busqueda */
.busq {
	background: #CECEF6;
	color: #08088A;
	border: 1px solid #blue !important;
}

.stylized label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	width: 110px;
	float: left;
	padding: 1px 2px;
	margin: 2px 0px 0px 0px;
}

.stylized_recomp label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	width: 90px;
	float: left;
	padding: 1px 2px;
	margin: 2px 0px 0px 0px;
}
/* formulario */
.stylizedJ .label2 {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	float: left;
	padding: 1px 2px;
	margin: 2px 0 10px 6px;
}
.stylizedJ input {
	float: left;
	font-size: 12px;
	padding: 1px 2px;
	border: solid 1px #f93;
	margin: 2px 0 10px 2px;
}

.stylized label.l50{
	width: 50px;
	text-align: right;	
	margin: 2px 0px 10px 15px;
}

.stylized label.l70{
	width: 70px;
	text-align: right;	
	margin: 2px 0px 10px 15px;
}


.stylized .small {
	color: #666666;
	display: block; 
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	float: left;
	padding: 1px 2px;
	margin: 2px 0 10px 10px;
}

.stylized input,textarea {
	float: left;
	font-size: 12px;
	padding: 1px 2px;
	border: solid 1px #f93;
	margin: 2px 0 10px 10px;
}

.stylized button {
 width: 150px;
 margin: 2px 20px 0 0;
 border: 3px outset buttonface
}

.stylized br {
	clear: left;
}

/* PAGINATION BUTTONS */

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {float:left;}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {display:block; height:22px; float:left; line-height:22px; font-size:11px; color:#333; cursor:pointer; }
.button2-left span,
.button2-right span { cursor:default; color:#999; }
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding:0 6px; }
.page span, .blank span {color:red; font-weight:bold;}
.button2-left a:hover,
.button2-right a:hover { text-decoration:none; color:#FF3C16; }
.button2-left a,
.button2-left span { padding:0 24px 0 6px; }
.button2-right a,
.button2-right span { padding:0 6px 0 24px; }
.button2-left { background:url(../images/j_button2_left.png) no-repeat; float:left; margin-left:5px; }
.button2-right { background:url(../images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px; }
.button2-right .prev { background:url(../images/j_button2_prev.png) no-repeat; }
.button2-right.off .prev { background:url(../images/j_button2_prev_off.png) no-repeat; }
.button2-right .start { background:url(../images/j_button2_first.png) no-repeat; }
.button2-right.off .start { background:url(../images/j_button2_first_off.png) no-repeat; }
.button2-left .page { background:url(../images/j_button2_right_cap.png) 100% 0 no-repeat; }
.button2-left .next { background:url(../images/j_button2_next.png) 100% 0 no-repeat; }
.button2-left.off .next { background:url(../images/j_button2_next_off.png) 100% 0 no-repeat; }
.button2-left .end { background:url(../images/j_button2_last.png) 100% 0 no-repeat; }
.button2-left.off .end { background:url(../images/j_button2_last_off.png) 100% 0 no-repeat; }