body{ font: 62.5% Arial, Helvetica, sans-serif; margin: 3px; }
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li, .tdp, .divp {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon, .spp {float: left; margin: 0 4px;}	
			.izd{float:left;}
.ui-jqgrid .loading{background-image:url(../images/load.gif);background-repeat: no-repeat;position:absolute;top:45%;left:45%;width:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:bold;display:none;border-width:2px!important; }			

.a_txt {font-weight: bold; cursor:pointer; text-decoration:underline; color: #2e6e9e; font-size: 1.1em;}
		
.#grid_general {font-size:0.7em}		
h4{margin:0 0 10px 0;padding:0 0 10px 0;; border-bottom:1px solid #c3c3c3}
.toplinks {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #777777;
	color:#fff;
	border-bottom:2px solid #c3c3c3;
	margin-bottom:10px;
	padding-bottom:10px;
}
.toplinks a, .toplinks a :visited{color:#FFF;}			

.tabdiv {
	height:350px;	
	margin-top: 2px;
	margin-left: 5px;
	background: transparent;
	border: 1px solid #dedbd1;
	padding: 5px;
}

.map_css {width:100%; height:100%;}

.loads{font-weight:bold;}

div.blockMsg
{
	position: top;
	width: 20px;
	background-color:transparent;
	/*FAFCCA, F1B401*/
    background-image:url(../images/load.gif);
	background-position:inherit;
	background-repeat: no-repeat;
	color:#000;
	border:none;
	font: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 0.5em 1em 1em;
	z-index: 20;
	-moz-border-radius: 10px;
	-moz-opacity: .80;
	opacity:.80;	
}		

/* Content & sidebar */
#content {
	/*line-height: 300px;*/
	line-height:inherit;
	text-align: center;
	border: 1px solid;
	background-color: #EFE;
	border-color: #CDC;
	width: 100%;	
	height:100%;
	/*display: block;*/
}

.tooltipglobo {font-size:12px;	color: #2e6e9e; text-decoration: none; text-align:left}

.tooltitle{text-align:center;}


.tooltip {
position: absolute;
width: 150px; 
background: #e4f1fb url(../css/theme/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
/*background-image:url(imagenes/pto.png);
background-position:inherit;
background-repeat: no-repeat;*/
color: #000000;
border: 1px solid #2694e8;
font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
padding: 1em 1em 1em ;
z-index: 20;
-moz-border-radius: 10px;
-moz-opacity: .85;
filter:alpha(opacity=85);
opacity:.85;
text-align:center;
}

#draggable { width: 500px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
#draggable p { cursor: move; background-position:right; background-image:url(../images/luminaria.png); background-repeat:no-repeat;}

/*Time Picker*/
#hm1, #hm2{
	POSITION:absolute;
	float:inherit;	
}

.combo {
	FLOAT: left
}
.clock {
	DISPLAY: block; FLOAT: left; MARGIN-LEFT: 2px; CURSOR: pointer
}
#sl, #sl2 {
	Z-INDEX: 100; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; DISPLAY: none; BACKGROUND: #fff; BORDER-TOP: #ccc 1px solid; TOP: 22px;
	BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px; LEFT: 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px
}
#sl LABEL, #sl2 LABEL {
	DISPLAY: block; FONT-FAMILY: sans-serif; FONT-SIZE: 11px
}
#sl P, #sl2 P {
	FONT-SIZE: 100%
}
.auto {
	WIDTH: 120px; PADDING-RIGHT: 5px
}
.auto DIV {
	WIDTH: 100%
}
.auto LABEL {
	TEXT-ALIGN: right; WIDTH: 30px; FLOAT: left; HEIGHT: 20px
}
.auto P {
	MARGIN-LEFT: 40px
}
.auto P .ui-slider-range {
	FONT-SIZE: 0.5em
}
.vertical {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 5px; WIDTH: 100px
}
.vertical DIV {
	WIDTH: 33%; FLOAT: left; HEIGHT: 100%
}
.vertical LABEL {
	TEXT-ALIGN: center; PADDING-BOTTOM: 8px
}
.vertical P {
	MARGIN: 0px auto 0px 7px; HEIGHT: 130px
}
.vertical P .ui-slider-handle {
	MARGIN-BOTTOM: -0.4em
}
/*Agregado de multiselect*/

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }