@charset "utf-8";
/* CSS Document */

html { margin-bottom: 1px; }

body { margin:15px 30px; padding:0;  background-color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height:14px;}

form { margin: 0; padding: 0; display:inline; }

ul {margin:0px; padding:0px; list-style:none}

a { color: #646464; background-color: transparent; font-weight: normal; text-decoration:none }
a:hover {color:#C1272D;}

a img {border:none}

a.change_order { display:block; width:8px; height:14px; background:url(btn_order.gif) no-repeat; }

p {margin:11px 0px;}

hr { border: 0; color: #A0A0A0; background-color: #A0A0A0; height: 1px; margin:0px; padding:0px;}

input {border:solid 1px #E6E6E6;  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height:14px;padding:3px 5px;}
#left input {width:150px;}

textarea {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;border:solid 1px #E6E6E6;}

select {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;border:solid 1px #E6E6E6;}

label {line-height:20px;}

.left {float:left}
.right {float:right}


/* LAYOUT */
#wrap { width:100%; }

#top {border-bottom:1px solid #A0A0A0;}
	#logo {float:left}
	#admin_info {text-align:right}
	
#middle {}

	#left {float: left; width: 160px; }
	#minheight {height:500px; float:left; width:0px; overflow:hidden}
		
		#login-callback {line-height:22px;}
	
		ul.menu {margin:0px; padding:0px; list-style:none}
		ul.menu li { border-bottom:1px solid #E6E6E6; line-height:20px;}
		ul.menu li.title {font-weight:bold; cursor:pointer}
		ul.menu li a {color:#666666; font-weight:bold }
		ul.menu li a:hover {color:#C1272D;}
		ul.menu li a.selected {color:#C1272D}
		ul.menu_collapse {overflow:hidden}
		ul.menu_collapse li {padding-left:10px; }
		ul.menu_collapse li a {font-weight:normal }
		
	#right { margin-left:180px; background-color: #FFFFFF; border: 1px solid #E6E6E6; border-top:none; border-bottom:none }
	
		.content { float:right; width:100%; padding:0px;}
		.options { border-bottom:1px solid #E6E6E6; line-height:30px; height:30px;}
		
		.breadcrumbs {float:left; height:22px; line-height:22px; margin:6px 0px 0px 10px; font-weight:bold; font-size:12px; color:#646464}
		.message {float:right; height:22px; line-height:22px; margin:6px 10px 0px 0px; font-weight:bold; font-size:12px; color:#C1272D}
		
		#filtro {float:left;  border-right:1px solid #E6E6E6; padding:0px 5px;}
		#filtro li {float:left; padding:0px 5px; }
		#filtro input  {width:150px; margin-top:3px;}
		#filtro select {width:160px; margin-top:5px;}
		
		.navigation {padding:4px 0px; border-bottom:1px solid #E6E6E6;}
		.pagination {float:right; line-height:22px; height:22px;}
		.pagination li {float:left; margin-left:5px;border-left:1px solid #E6E6E6; padding:0px 10px;background-color:#EEEEEE;}
		.pagination a { }
		.toggle_filter {float:right; margin-right:15px;}
		.filters {float:left;}
		.filters.hidden {display:none}
		.filters ul.fields {width:300px; float:left}
		.filters li {padding:2px 0px 2px 15px; line-height:22px;}
		.filters ul.buttons {width:300px; float:right; }
		.filters ul.buttons li {font-weight:normal; float:left}
		
		/*.filters label {padding-right:5px;}*/
		.filters label {width:100px; display:block; float:left}
		
		#action {float:left; height:22px; line-height:22px; margin-top:8px; font-weight:bold}
		#action li {float:left; padding:0px 10px;  font-size:12px; color:#646464}
		#action li.message {color:#C1272D;}
		
		.options.bottom {border:none}
		.options.bottom .botones { margin-bottom:8px; margin-top:0px}
		
		
		.list{border-collapse:collapse; width:100%; color:#646464; font-size:11px;}
		.list a, .edit a {color:#666666}
		.list tr {height:22px; line-height:22px;}
		.rowover {background-color:#EEEEEE}
		.list td{border:1px solid #E6E6E6; padding:0px 5px}
		.list thead tr {height:30px; line-height:30px;}
		.list thead td {border-top:none; border-bottom-color:#A0A0A0}
		.list td.chkbx {width:30px; text-align:center; border-left:none}
		.list td.chkbx input {border:none}
		.list td.order {width:8px; text-align:center}
		.list td.edit {width:50px; text-align:center;background-color:#EEEEEE}
		.list td.delete {width:50px; text-align:center; border-right:none;background-color:#EEEEEE}
		.list td.list_button {width:50px; text-align:center;background-color:#EEEEEE}
		.list td.variable {border-left:none; padding:0px}
		
		.buttons {float:right; height:22px; line-height:22px; width:auto}
		.buttons li {float:right; padding:0px 10px;  border-left:1px solid #E6E6E6; font-weight:bold; margin-left:5px;background-color:#EEEEEE;}
		.buttons li a {padding:0px;}
		.buttons li.save {background-color:#C1272D;}
		.buttons li.save a{color:#FFFFFF}
		
		.options .buttons {margin-top:4px;}
		
		
		.list td.field-name a {padding-right:20px;}
		.list td.field-name a.ASC {background:url(arrow_up.gif) no-repeat 100% 50%}
		.list td.field-name a.DESC {background:url(arrow_down.gif) no-repeat 100% 50%}
		.list thead td.edit,.list thead td.delete,.list thead td.variable {background:none;border:none; border-bottom:1px solid #A0A0A0}
		
		.edit {border-collapse:collapse; margin-top:0px; width:100%; color:#666666;}
		.edit tr {vertical-align:top; }		
		.edit td {border:1px solid #E6E6E6; padding:10px 10px; border-top:none;}
		.edit td.form_label {width:100px; padding-top:15px; border-left:none;}
		.edit td.form_input {width:500px;}
		.edit td.message {border-right:none; color:#C1272D}
		.edit input {width:500px; color:#646464;}
		.edit td.error input{background:#FF6600}
		.edit select {width:512px; color:#646464;}
		.edit textarea {width:500px; height:100px; color:#646464;}
		
		
		.form_input .display {margin-top:5px;}
		.form_error p {margin:5px 0px 0px 0px; color:#C1272D;}
		
		.info {padding:10px;}
		
		
#bottom {clear: both; color: #999999; text-align: center; line-height: 20px; border-top:1px solid #A0A0A0;}
#bottom .left{text-align:left}
#bottom .right{text-align:right}
#bottom a { text-decoration:underline}
#bottom a:hover { }


#granular_auth_assign table {width:500px; border:solid 1px #999999; border-collapse:collapse; margin:15px}
#granular_auth_assign table thead {font-weight:bold}
#granular_auth_assign table td {padding:5px;}
#granular_auth_assign table td.check {width:50px; text-align:center}

.tree_right{margin-left:200px;}
.tree_left{
	width:200px; 
	float:left; 
	/*height:300px; */
	padding-bottom:30px;
	line-height:20px;
}
.tree_left ul li {padding-left:10px; background:url(pixel_cc.png) repeat-y 5px 5px}
.tree_left ul li a {padding-left:10px; background:url(pixel_cc.png) repeat-x 5px 100%; line-height:20px;}
/* específico de listas */


.cls {clear:both}

.indicator {background:url(indicator.gif) no-repeat 0px 50%; padding-left:20px; line-height:22px;}

/* calendario */
.edit input.dashboard, .edit select.dashboard {width: 470px; float:left;}

button.dashboard {
	background: url(dashboard-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-left: 10px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url(dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
	div.dashboard * {
		margin: 0;
		padding: 0;
	}	
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #CF0;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url(dashboard-prev.gif);
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url(dashboard-next.gif);
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #CF0;
		cursor: pointer;
	}


/* this admin specific */

.blog_comments td.variable ul {width:150px;}


/* summary */
.summary {
	padding:10px;
}
.summary .col1 {
	float:left;
	width:49%;
	margin-right:1%;
}
.summary .col2 {
	float:left;
	width:49%;
	margin-left:1%;
}
.summary_module {
	border:1px dotted #999;
	background:#f1f1f1;
	margin-bottom:10px;
}
.summary_module .summary_module-inner  {
	margin:7px 10px 10px;
}
.summary_module h3 {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #e6e6e6;
	font-weight:bold;
	position:relative;
}
.summary_module h3 a:link, .summary_module h3 a:visited {
	font-weight:bold;
}
.summary_module h3 a:hover {
	text-decoration:underline;
}
.summary_module h3 span{
	position:absolute;
	right:0;
	top:0;
	font-size:10px;
	font-weight:normal;
}
.summary_module strong a:link, .summary_module strong a:visited {
	font-weight:bold;
}
.summary_module strong a:hover {
}
.summary_module a.author:link, .summary_module a.author:visited {
	font-weight:bold;
	color: #C1272D;
}
.summary_module a.author:hover {
	text-decoration:underline;
}
.viewall {
	clear:both;
	font-weight:bold;
}


/**
* Markup free clearing
* Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-block {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear-block {
	height: 1%;
}
.clear-block {
	display: block;
}
/* End hide from IE-mac */

span.button a {line-height:24px; background-color:#CCCCCC; color:#FF0000; padding:0px 10px}