/**
 * Etnas Css Framework - CSS COMPONENTS
 *
 * A syntax CSS Framework.
 * This stylesheet loads the most commons elements that a web application needs.
 *
 * @project Etnas CSS Framework
 * @version 2.0
 * @author Etnas
 * @2010
 * @Creative Commons 3.0
 */


/* MAIN
--------------------------------------------------------------------------- */
#main                                   { overflow:hidden; position: relative; left: -7px !important; _left: -17px; font-size: 1.2em; }

/* HEADER
--------------------------------------------------------------------------- */
#header 																{ background-color: #39C; overflow:hidden; height:75px; border-bottom:1px solid #666666;; }
#header_logo 														{ width:205px; float:left; overflow:hidden; background-color:#FFD511; border-right:2px solid #FFFFFF; }

/* FOOTER
--------------------------------------------------------------------------- */
.footer									{background: scroll right center #EAF5FB;border-top:1px solid #DDDDDD;height:73px;width:960px; margin:-74px auto 0;}
#footer 																{ clear:both; width:940px; margin:25px auto 0 auto; padding-top:5px; padding-bottom:5px; color:#333; border-top:1px dotted #063263; cursor:inherit; text-align:center; font-size:10px; }
.footer #app_info h3{font-size: 10px;}

/* SIDENAV
--------------------------------------------------------------------------- */
#sidenav																{ float:left; margin-right: 5px; width:190px; }
#sidenav_menu														{ list-style: none; }
#sidenav_menu li												{ border-bottom:1px dotted #ccc; cursor:pointer; border-left:6px solid #3399CC; margin:2px 0; }
#sidenav_menu li.option_selected 				{ background-color:#3399CC; border-color:#EE3E33; }
#sidenav_menu li.option_selected a			{ color:#FFF; }
#sidenav_menu li a											{ line-height:35px; padding:8px; display:block; }
#sidenav_menu li:hover									{ background-color:#FFD511; border-left:6px solid #B30E28; }
#sidenav_menu li.option_selected:hover 	{ background-color:#3399CC; border-color:#EE3E33; }


/* BOXES
--------------------------------------------------------------------------- */
div.box,
div.alert,
div.info,
div.notice,
div.error,
div.success 														{ border:2px solid #DDDDDD; padding:8px; }
div.box 																{ background:#EEEEEE none repeat scroll 0 0; border-color:#CCCCCC; }
div.alert 															{ background-color:#FFF6BF; border-color:#FFD324; color:#514721; }
div.notice 															{ background:url('../images/icons/advise.png') no-repeat 5px center #FBE3E4; border-color:#FBC2C4; color:#8A1F11; padding-left: 35px; }
div.info 																{ background: url('../images/icons/info.png') no-repeat 5px center #E5ECF9; border-color:#C3D9FF; color:#514721; padding-left: 35px; }
div.success 														{ background:url('../images/icons/checkbox_bg.gif') no-repeat 5px center #E6EFC2; border-color:#C6D880; color:#264409; padding-left: 35px; }
div.error 															{ background:#FFCCCC none repeat scroll 0 0; border-color:#CC3300; color:#000000; }
div.alert a 														{ color:#514721; }
div.success a 													{ color:#264409; }
div.info a 															{ color:#000099; }
div.error a,
div.notice a 														{ color:#8A1F11; }
.box_title 															{ border-bottom:1px solid #777777; display:block; font-weight:bold; margin:-7px -7px 10px; padding:2px 5px; }
.box .box_title 												{ background:#C1C1C1 none repeat scroll 0 0; }
div.success .box_title 									{ background:#B8D152 none repeat scroll 0 0; border-color:#91A92E; }
div.alert .box_title 										{ background:#FFD900 none repeat scroll 0 0; border-color:#CEAF00; }
div.info .box_title 										{ background:#98B4E7 none repeat scroll 0 0; border-color:#5381D7; }
div.notice .box_title,
div.error .box_title 										{ background:#EF8F95 none repeat scroll 0 0; border-color:#BA1B23; }
div.info .close_message,
div.success .close_message,
div.notice .close_message								{ float:right; position:relative; top:-2px; cursor:pointer; }


/* PANELS
--------------------------------------------------------------------------- */
.panel .pb1 														{ border-top:1px solid; margin:0 2px; }
.panel .pb2,
.panel .pm1 														{ border-style:solid; border-width:0 1px; margin:0 1px; padding:1px 0; }
.panel .pm1 														{ height:100%; margin:0; overflow:hidden; padding:0; }
.panel .pb1,
.panel .pb2,
.panel .pm1 														{ background:#F3F3F3 none repeat scroll 0 0; }
.panel .pb1,
.panel .pb2, .panel .pm1 								{ border-color:#D1D1D1; }
.panel .pnl-footer,
.panel .pnl-header 											{ background:#E5E5E5 none repeat scroll 0 0; border-bottom:1px solid #DEDEDE; display:block; margin:0 2px; padding:3px; }
.panel .pnl-footer 											{ background:#F0F0F0 none repeat scroll 0 0; border-bottom:medium none; border-top:1px solid #DEDEDE; }


/* AUTOCOMPLETE
--------------------------------------------------------------------------- */
.ac_results															{ border:1px solid #000;background-color:#FFF;overflow:hidden;z-index:99999;padding:0; }
.ac_results ul													{ width:100%;list-style:outside none;margin:0;padding:0; }
.ac_results li													{ cursor:default;display:block;font:menu;font-size:12px;line-height:16px;overflow:hidden;margin:0;padding:2px 5px; }
.ac_loading															{ background:#FFF; }
.ac_odd																	{ background-color:#eee; }
.ac_over																{ background-color:#0A246A;color:#FFF; }


/* FIELDSET FRAME
--------------------------------------------------------------------------- */
.fieldset_wrapper 											{ font-size:10px; margin:0 0 20px 0; padding:0; }
.fieldset_wrapper a 										{ text-decoration:none; color:#09C; padding:2px 8px; font-size:12px; }
.fieldset_title 												{ margin-top:1ex;width:100%; }
.fieldset_title_right 									{ background:#e2e2e2;padding:0 5px; border:1px solid #9DB0BC; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; }
.fieldset_title_bg 											{ background:/*e2e2e2*/#DCE6EE; font-weight:bold; height:20px; padding:6px 6px 0; color:#444; font-size:11px; font-family:tahoma sans-serif; text-transform:uppercase; }
.fieldset_title_bg span 								{ float: right; position:relative; }
.fieldset_content 											{ background: #FFFFFF url(../images/layout/background_forms.gif) no-repeat scroll right bottom; border-color: #9DB0BC #9DB0BC; border-style:none solid solid; border-width:0 1px 1px; margin:0; padding:0; }
.expand_button 													{ cursor:pointer; position:absolute; right:-5px; top:-10px; }


/* BREADCRUMBS
-------------------------------------------------------- */
#breadcrumb															{ border:1px solid #dedede; height:2.3em; background-color:#FFF; margin-bottom:20px; }
#breadcrumb li													{ float:left; line-height:2.3em; color:#777; }
#breadcrumb li a												{ color:#3399CC; display:block; padding:0 15px 0 0; background:url('../images/layout/crumbs.gif') no-repeat right center; }
#breadcrumb li a:link,
#breadcrumb li a:visited 								{ padding-left:.75em; text-decoration:none; color:#3399CC; }
#breadcrumb li a:hover,
#breadcrumb li a:focus 									{ padding-left:.75em; text-decoration:underline; }
#breadcrumb span 												{ padding-left:.75em; }


/* PAGINATE
--------------------------------------------------------------------------- */
#paginate                           		{ list-style:none !important; clear:both; _margin-left:200px;}
#paginate li                        		{ float:left; list-style:none !important; margin-left:0; margin-right:6px; padding-bottom:4px; text-align:center; }
#paginate span, #paginate a         		{ border:1px solid #666666; color:#585858; font-size:x-small; line-height:22px; padding:2px 7px 4px; text-decoration:none; top:0; }
#paginate span.selected             		{ background-color:#C66362; color:#FFF; }


/* ADMIN TABLES
-------------------------------------------------------- */
.editar_registro,
.borrar_registro,
.eliminar_registro,
.guardar_registro												{ cursor:pointer !important; }
#add_new_row														{ background:#DFDFDF url(../images/icons/add_row.png) no-repeat scroll 3px 4px; border:1px solid #AAA; color:#0099CC; font-weight:bolder; cursor:pointer; padding:7px 10px 2px 25px !important; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; margin-left:7px; }
#add_new_row_long												{ -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:url("../images/icons/add_row.png") no-repeat scroll 3px 4px #E9F4FB; border-color:#AED0EA #AED0EA transparent; border-style:solid solid none; border-width:1px 1px medium; color:#0099CC; cursor:pointer; display:block; font-weight:bolder; margin-left:7px; margin-right:7px; padding:3px 10px 2px 25px !important; }
.export_button													{ -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-left:1px solid #AAA; border-right:1px solid #AAA; border-top:1px solid #AAA; border-bottom:none; }
.print_button														{ background:#DFDFDF url(../images/icons/glass.png) no-repeat scroll 3px 6px; border-left:1px solid #AAA; border-right:1px solid #AAA; border-top:1px solid #AAA; border-bottom:none; color:#0099CC; font-weight:bolder; cursor:pointer; padding:7px 10px 2px 25px !important; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
.filter_button													{ background:#DFDFDF url(../images/icons/filter.png) no-repeat scroll 4px 6px; border-left:1px solid #AAA; border-right:1px solid #AAA; border-top:1px solid #AAA; border-bottom:none; color:#0099CC; font-weight:bolder; cursor:pointer; padding:7px 10px 2px 25px !important; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }