/* Hoja de estilo*/
body {
	background-color: #eee;	font: 12px 'Verdana','Arial','Helvetica';
}
A:link {text-decoration: none; color:#a33;}
A:visited {text-decoration: none; color:#a33;}
A:active {text-decoration: none; color:#a33;}
A:hover {text-decoration: none; color:#3a3;}

img{border:0;}

html,body{height:100%; margin:0; padding:0;}
#contenedor{position:relative; height:100%;}

.data_repeater{background-color:#F00; color:#FFF;}
.data_repeater a{Text-decoration: none; color:#FFF;}

.tabla {
	height:100%;
	padding: 0px;
	margin-top:0;
	margin-left: auto;
	margin-right: auto;
	border-left:1px solid #666;
	border-right: 1px solid #666;
	width: 95%;
	background-color: #FFF;
}
table.indextbl {
	border-spacing:0px;
	border-collapse: separate;
	background-color:#eee;
	width: 100%;	
}
table.indextbl td{
	border-spacing:5px;
	border-width:5px;
	border-color:#FFF;
	border-style:solid;
	padding:10px;
	width:50%;
	vertical-align:top;
}
h1 {
	font-size: 130%;
	text-align: center;
	font-weight: bold;
	background-color:#eee;
	line-height: 150%;
}
h2 {
	text-align:center;
	font-size: 110%;
}
.logo {
	text-align: center;
	background-color: #FFFFFF;
}
.encabezado {
	padding: 0px;
	text-align:center;
}
.infologueo{
	text-align:right;
}
.contenido {
	font-size: 100%;
	padding: 0px;
	padding-top: 2px;
	padding-right:6px;
	text-align: left;
	vertical-align: top;
}
.footer	{
	font: 12px 'Verdana','Arial','Helvetica','Sans-Serif';
	font-weight: bold;
	color:#777;
	text-align:center;
}
.warningMsg {
	padding: .8em; 
	text-align:center; 
	margin-bottom: 1em;
	margin-right:30px; 
	border: 2px solid #ddd; 
	background-color: #FFF6BF; 
	color: #817134; 
	border-color: #FFD324; 
}
.errorMsg {
	padding: .8em; 
	text-align:center; 
	margin-bottom: 1em;
	margin-right:30px; 
	border: 2px solid #ddd; 
	background-color: #F00; 
	color: #FFF; 
	border-color: #660; 
}
.menu {
	padding: 0px 10px 0px 0px ;
	width: 22%;
	vertical-align: top;
	margin-top: 10px;
}
.elementomenu,.elementomenux {
	font-weight: bold;
	margin: 2px 0px 0px 6px;
	line-height: 200%;
	text-align: right;
	border:1px solid #bbb;
}
.titmenu {
	font-weight: bold;
	margin: 2px 0px 0px 6px;
	padding-right:5px;
	line-height: 200%;
	text-align: right;
	background-color:#b22;
	border:1px solid #c00;
	color: #eee;
}
.elementomenu a {
	background-color:#eee;
	color: #444;
	text-decoration: none;
	display: block;
}
.elementomenux a {
	background-color:#cfc;
	color: #444;
	text-decoration: none;
	display: block;
}
.elementomenu a:hover {
	background-color:#fc3;
}
.elementomenux a:hover {
	background-color:#fc3;
	color: #444;
	text-decoration: none;
	display: block;
}
INPUT[type='submit'] {
	width: 100%;	
	font-weight: bold;
	margin: 5px 1px 5px 1px;
	height: 25px;
	width:150px;
	border:2px solid #bbb;
	background-color:#ccc;
	background-repeat: repeat-x;
	color: #444;
}
INPUT[type='submit']:hover {
	border:2px solid #c00;
	background-color:#c33;
	color: #eee;
}
input.button{
	width: 100%;	
	font-weight: bold;
	margin: 5px 1px 5px 1px;
	height: 25px;
	width:150px;
	border:2px solid #bbb;
	background-color:#ccc;
	background-repeat: repeat-x;
	color: #444;
}
input.button:hover {
	border:2px solid #c00;
	background-color:#c33;
	color: #eee;
}
input.textbox, textarea.textbox { 
	font: 12px 'Verdana','Arial', 'Helvetica'; 
	width: 300px; 
	background-color: #fdd; 
	border: 1px solid #a33; 
	padding: 2px 3px 2px 3px;
}
input.filtro_textbox { 
	font: 12px 'Verdana','Arial', 'Helvetica'; 
	width: 100px; 
	background-color: #fdd; 
	border: 1px solid #a33; 
	padding: 2px 3px 2px 3px;
}
input.textbox:focus,input.filtro_textbox:focus, textarea.textbox:focus {
	background-color: #fff; 
	border-color: #a33;
}
select.listbox { 
	font: 12px 'Verdana','Arial', 'Helvetica'; 
	width: 308px; background-color: #fdd; 
	border: 1px solid #a33; 
}
select.listbox:focus { 
	background-color: #fff; 
	border-color: #a33;
}
a.listboxReset { 
	font-family: verdana, arial, helvetica; 
	font-size: 8pt; 
	text-decoration: none; 
	color: #337; 
}
a.listboxReset:hover { 
	text-decoration: underline; 
}

div#formActions { 
	border:1px solid #a33; 
	padding: 10px; 
	margin-top: 20px;
	text-align:center;
	/**padding: .8em; 
	text-align:center;*/ 
	margin-bottom: 1em;
	margin-left:20px; 
	border: 2px solid #ddd; 
	background-color: #fff; 
	color: #817134; 
	border-color: #a33;   
}
/* QDataGrid */
table.datagrid { 
	width:100%;
	border: solid 1px #ccc;
	border-collapse:collapse;
}
	table.datagrid caption, table.datagrid tfoot { 
	background-color:#eee;
	text-align: center;
	color: #000;
	padding: 2px;
	padding-top: 2px;
	margin-bottom:6px; 
	border: solid 1px #ccc;
	font-weight: bold;
	}
	table.datagrid span.left  {float: left;  display: block;}
	table.datagrid span.right {float: right; display: block;}
		
	table.datagrid tr {
		margin:1px 0px 0px 0px;
		background-color:#FFF;
		color: #000;
		text-decoration: none; 
	}
	table.datagrid tr:hover ,table.datagrid tr.alternate:hover {
		background-color:#cfc;
		color: #000;
	}
	table.datagrid tr.alternate { 
		background-color: #fff; 
		margin:1px 0px 0px 1px;
	}
	table.datagrid th { 
		background-color:#eee;
		padding-top:0px;
		padding-bottom:2px;
		margin-bottom:2px;
		font-weight: bold;
		color: #000;
	}
	table.datagrid th a {color: #000; text-decoration: none;}
	table.datagrid th a:hover {color: #AAA;	text-decoration: underline;}
	
	table.datagrid td { 
		padding: 2px;
		border-top:solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		border-collapse:collapse;	
	}
	table.datagrid td a {color: #000;}
	table.datagrid td a:hover {color: #000;	text-decoration: none;}
	table.datagrid tfoot {border-top: 1px solid #aaf;}
	 
div#formControls {padding: 0 0 0 20px;}

div.renderWithName { 
	padding: 4px 0 4px 0; 
	overflow: auto; 
	height: 100%; }
	
	div.renderWithName div.left { 
		float: left; 
		width: 150px; 
		margin-right: 25px; 
	}
	div.renderWithName div.required { 
		font-weight: bold; 
		text-transform: uppercase; 
	}
	div.renderWithName div.left span.instructions { 
		font: 10px 'Verdana', 'Arial', 'Helvetica'; 
		color: #999; 
		font-style: italic; 
		text-transform: none;
	}
	div.renderWithName div.right span.error { 
		margin-left: 15px; 
		font: 10px 'Verdana', 'Arial', 'Helvetica'; 
		color: #600;
	}

span.datetimepicker { }
	span.datetimepicker select { 
		font: 12px 'Arial', 'Helvetica'; 
		background-color: #fdd; 
		border: 1px solid #a33; 
	}
	span.datetimepicker select:focus { 
		background-color: #fff; 
		border-color: #a33; 
	}
	span.datetimepicker select.day { 
		width: 60px; 
	}
	span.datetimepicker select.month { 
		width: 100px; margin-left: 10px;
	}
	span.datetimepicker select.year { 
		width: 80px; 
		margin-left: 10px; 
	}
span.paginator { margin: 0; padding: 0; }
	span.paginator span { 
		list-style-type:none; 
		display: inline; 
		padding: 0; 
		margin: 0;
		font: 8px; 
	}
		span.paginator span.page a { 
			text-decoration: none; 
			color: #000; 
			padding: 0 3px 0 3px; 
			margin: 0 2px 0 2px;
		}
		span.paginator span.page a:hover { 
			background-color: #cfc;
			color: #000;  
		}
		span.paginator span.arrow { 
			font-weight: bold; 
			color: #ccc; 
			margin: 0; 
			padding: 0 3px 0 3px;
		}
		span.paginator span.arrow a { 
			font-weight: bold; 
			color: #eee; 
			text-decoration: none;
		}
		span.paginator span.selected { 
			font-weight: bold; 
			background-color: #FFF; 
			color:#000;
			padding: 0 3px 0 3px; 
			margin: 0 2px 0 2px; 
			border: 0px #fff; 
			border-style: solid; 
		}
		span.paginator span.break { 
			color: #000; 
			margin: 0 5px 0 5px; 
		}
		span.paginator span.ellipsis { 
			color: #000; 
		}

/* QFileAsset */
div.fileassetDbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
	div.fileassetDbox h1 { margin: 0; }
	div.fileassetDbox input { padding: 3px; margin-right: 5px; }

/* QDialogBox */
div.dialogbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }

/* QCalendar */
div.calendar { width: 200px; border: 1px solid #337; background-color: #ccf; }
	div.calendar div.navigator { background-color: #337; overflow: auto; _height: 100%; color: #fff; padding: 2px 6px 2px 6px; }
	div.calendar div.navigator div.left { float: left; }
	div.calendar div.navigator div.month { float: left; width: 80px; text-align: center; font-weight: bold; font-size: 11px; }
	div.calendar div.navigator div.year { float: right; }
	div.calendar div.navigator div.year span { font-size: 11px; font-weight: bold; margin-left: 6px; margin-right: 6px; }
		div.calendar div.navigator a { color: #fff; text-decoration: none; }
		div.calendar div.navigator a:hover { text-decoration: underline; }
	div.calendar table { border: 0; margin-left: auto; margin-right: auto;}
		div.calendar th { text-align: center; border: 0; padding: 4px 2px 4px 2px; font-weight: bold; font-size: 10px;}
		div.calendar td { text-align: center; border-width: 0 0 1px 0; border-style: solid; border-color: black; padding: 0;}
			div.calendar td.lastRow { border-width: 0;}
			div.calendar td a { text-decoration: none; color: #000; display: block; padding: 2px 6px 2px 6px; }
			div.calendar td.today { background-color: #bbd; }
			div.calendar td.nonMonth a { color: #aaf; }
			div.calendar td.selected { background-color: #c9a; font-weight: bold; }
			div.calendar td a:hover { background-color: #eef; color: #000; }
	div.calendar div.options { text-align: center; background-color: #337; }
		div.calendar div.options a { color: #fff; font-size: 10px; text-decoration: none;}
		div.calendar div.options a:hover { text-decoration: underline; }


/**
 * Form and Dashboard Draft-Specific Styles
 * NOTE: because these are page specific, we use element IDs instead of element classes for most items here
 * (e.g. we will never have more than one titleBar per page)
 */

div#titleBar { border: 0px; margin-bottom: 18px; border:1px solid #bbb;}
	div#titleBar h2 { 
		background-color:#b22; 
		font: 12px 'Verdana', 'Arial', 'Helvetica'; 
		font-style: italic; 
		font-weight: bold; 
		color: #fff; 
		margin: 0; 
		padding: 2px 5px 2px 5px; 
		float: none; 
		}
	div#titleBar h2#right { float: right; font: 10px 'Verdana', 'Arial', 'Helvetica'; font-style: normal; font-weight: normal; }
	div#titleBar h2#right a { color: #fff; text-decoration: none; }
	div#titleBar h2#right a:hover { text-decoration: underline; }
	div#titleBar h1 { font: 16px 'Verdana', 'Arial', 'Helvetica'; color: #000; margin: 0; padding: 2px 0 2px 5px; font-weight: bold; }

p.create { }
	p.create a { text-decoration: none; color: #a33; font-weight: bold; }
	p.create a:hover { text-decoration: none; }

div#draftList { }
	div#draftList h1 { margin: 0; font: 20px 'Georgia', 'Times New Roman', 'Times'; font-weight: bold; }
	div#draftList p { margin-top: 6px; margin-bottom: 18px;}
	
div#dashboard { }
	div#dashboard div#left { float: left; width: 200px; height: 100px; font-size: 10px; background-color: #eef; border: 1px solid #000; padding: 5px; }
	div#dashboard div#right { float: left; margin-left: 10px; width: 760px;}
	div#dashboard div#right div#pnlList { margin-bottom: 10px; border: 1px solid #000; padding: 5px; height: 300px; overflow: auto; }
	div#dashboard div#right div#pnlEdit { border: 1px solid #000; padding: 5px; background-color: #eef; height: 240px; overflow: auto; }
	
.waitingbox
{
   position:fixed;
   top:50%;
   left:50%;
   margin-top:-40px;
   margin-left:-125px;
   width:250px;
   text-align:center;
   padding-top:10px;
   border:1px solid lightsteelblue;
   background-color: #ffffff; 
   font-family:Verdana;
}