/* REDEFINICIÓN DE ELEMS. */
body, td, p, input, select, textarea { font-family: segoe ui, Arial, sans-serif; font-size:10px; }
hr      { clear:both; padding-top:5px; border:none; border-bottom:1px solid #88aa00; }
h4, h5  { font-weight:bold; }

/* LAYOUT */
html { height: 100%; }
body { width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; font-family: Verdana, sans-serif; font-size: 10px; background-position:top right !important; background-repeat:repeat-x !important; }

/* MAIN DESIGN */
#wrapper      { position:relative; width:94%;  min-height:100%; height:auto !important; margin:0 auto; border-width:0 5px !important; background-color:#FFF; }
#header       { position:relative; height:100px; border-width:0 0 1px 0 !important; }
#menu         { position:relative; top:-50px; width:100%; margin:0 auto; }
#content      { position:relative; margin:0 10px; padding:50px 0 50px 0; }
#shadow-left  { position:absolute; left :-23px; height:100%; width:20px; background:url(../imgs/shl.png) center repeat-y; }
#shadow-right { position:absolute; right:-23px; height:100%; width:20px; background:url(../imgs/shr.png) center repeat-y; }
#workspace    { display:none; margin:0 auto; }

/* FOOTER */
#footer        { position:absolute; bottom:0; width:100%; height:20px; margin:-20px auto 0; border-width:1px 0 0 0 !important; color:#827A62; }
#footer-sysper { width:100%; margin-top:3px; text-align:center; }
#footer-client { position:absolute; top:3px; right:20px; }

/* ACTIVE USER AREA */
#user      { position:absolute; top:10px; right:20px; width:350px; }
#user_name { position:absolute; right:60px; }
.user_div  { position:absolute; width:0; height:16px; border-width:0 0 0 1px !important; background:none !important; }
#user_div1 { right:52px; }
#user_div2 { right:25px; }
#user_logt { position:absolute; top:-1px; right:32px; }
#user_div3 { right:0; }

/* UI THEME PALETTE */
#template-palette { display:none; }
.styles-boxes     { float:right; display:block; position:relative; bottom:60px; right:60px; width:16px; height:16px; margin-right:5px; }

/* FORM ELEMENTS */
input, select, textarea { padding:2px; border:solid 2px #847e71; background-color: #fff; color: #464646; }
input:hover, select:hover, textarea:hover { border-color:#666;    outline:none !important; }
input:focus, select:focus, textarea:focus { border-color:#FF9757; outline:none !important; }
label { font-weight:bold; }
input[readonly], textarea[readonly], select[disabled] { background:buttonface; }
input[type=checkbox] { width:auto !important; }

/* EXPORT COMPONENT */
#export_dialog table     { width:100%; margin-top:10px; }
#export_dialog table td  { padding-top:10px; text-align:center; font-weight:bold; }
#export_dialog table img { cursor:pointer; }

/* DIALOGS */
.hidden_window { display:none; }

/* EXPORT BUTTONS */
.export_file { margin-left:auto; margin-right:auto; width:64px; height:64px; cursor:pointer; }
#pdf         { background:url('../imgs/sprites_export.png')    0px 0px; }
#html        { background:url('../imgs/sprites_export.png')  -64px 0px; }
#csv         { background:url('../imgs/sprites_export.png') -128px 0px; }

/* jQueryUI Mods */
.ui-tabs-nav a                   { outline:none !important; }
.ui-tabs-nav                     { padding-left:15px !important; }
.ui-autocomplete-loading         { background:url('../imgs/ui-anim_basic_16x16.gif') no-repeat scroll right center #FFF; }
.ui-widget-header-bg-fix         { background-position: top right !important;  }

/* ERROR MESSAGES */
#message_error      { margin:40px 0 0 0; }
#message_error div  { position:relative; width:300px; margin:0 auto; padding:30px; font-weight:bold; border-width:4px; }
#message_error span { position:relative; float:left; top:-2px; margin:0 10px 0 0; }

/* MISC */
.hidden       { display:none; }
.force-hidden { display:none !important; }
.text-center  { text-align:center; }
.left         { float:left;  }
.right        { float:right; }
.no-wrap      { white-space:nowrap; }
.no-border-r  { border-right-width:0 !important; }
.no-border-l  { border-left-width :0 !important; }
.no-border-lr { border-left-width :0 !important; border-right-width:0 !important; }
.loading-box  { width:16px; height:16px; background:url('../imgs/ui-anim_basic_16x16.gif') no-repeat scroll right center; }

/* elements shadow */
.shadow { -moz-box-shadow:0 0 5px #888; -webkit-box-shadow:0 0 5px #888; box-shadow:0 0 5px #888; }


/* cartel de aviso */
#pgAviso {display: none; position: fixed; padding-left: 25px; padding-right: 2px; margin-left: 45%; top: 0; min-width: 140px; height: 25px; border: 1px solid #D4CCB0; border-top: none; border-radius:  0 0 4px 4px; z-index: 1000;}
div.pgAvisoCarga {background: url('../imgs/pgAvisoCarga.gif') no-repeat 5px 6px #EDE9DC;}
div.pgAvisoOk {background: url('../imgs/pgAvisoOk.gif') no-repeat 6px 4px #EDE9DC;}
div.pgAvisoError {background: url('../imgs/pgAvisoError.gif') no-repeat 6px 4px #EDE9DC;}
#pgAviso span {display: none; line-height: 25px; font-weight: bold; color: #8E8566;}