html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border-style: none;
border-color: inherit;
border-width: 0;
font-family:Verdana,Arial,sans-serif;
outline:0 none;
padding:0;
vertical-align:baseline;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}

input[type="checkbox"], input[type="radio"] {
    accent-color: #0078d4;
}

/* Header, footer y body */
.mainbody { background-color:#acb5bd; }
.header,.body { left:0.5%;width:99%; }
.header { background-color:#ffffff;height:73px;right:0;top:10px; }
.headerLink {font-size:10px;color: #0000EE;cursor:pointer;text-decoration:none;}
.body,.bodyIframe { background-color:#edecec; }
.body { bottom:10px; overflow:hidden; right:0; top:83px; z-index:1; }
.header,.body { min-width:800px; position:absolute; }
.headerRigth { background-color:Transparent; font-size:80%; padding-right:5px; text-align:right; vertical-align:middle; width:350px; }
.headerRigth p { height:10px; font-size:90%; }
.headerRigth span { font-size:90%; margin-bottom:10px; padding-bottom:10px; }
.headerLeft {width:160px;text-align:center}
.headerCenter { font-size: 120%;font-weight: bold;text-align: left;vertical-align: middle; }
.lnkLogOut {font-size:10px;color: #0000EE;cursor:pointer;text-decoration:none;}

/* MENU */
.menu {background-color:#1f497d;color:#FFFFFF;left:0;overflow:hidden;padding:0px;top:0;width:160px;bottom:0;position:absolute;height:100%;_position:inherit;_float:left;}
.menu li{list-style:none outside none;padding: 5px 5px 5px 7px;cursor: pointer;color:#edecec;border-bottom: solid 1px #edecec;font-size:70%;height:25px;}
.menu li .menuItemContainer { display:table-row;height:25px;}
.menu li .menuItemContainer div { width:115px; padding-left:8px;display:table-cell;vertical-align:middle; }
.menu li .menuItemContainer img { width:20px; float:left; margin-top:3px }
.menu li:hover, .menu li.selected, .menu li.itselected{color:#000000;background-color:#5588c6;}
 
/* BODY CENTRAL */
.bodycentro {bottom:0;left:160px;overflow:auto;right:0;top:0;position:absolute;_position:inherit;_float:left;_width:auto;}
.mainiframe {bottom:0;left:0px;overflow:auto;right:0px;top:0px;width:100%;height:99%;}
.tituloFrame {width:100%;text-align:left;border-bottom:1px solid #1F497D;color:#1F497D;font-size:15px;font-weight:normal;}
.bodyIframe {padding: 10px 0px 0px 10px;}

/* FILTER  */
.filters {width:100%;background-color:#d5e3f4;border: 1px solid #B0BCCA;overflow:hidden;}
.filters .titles {background-color:#c2cad1;font-size:12px;height:20px;font-style:italic;}
.filters .title{font-style:normal;font-weight:bold;width:100px;}
.filters .title img.filter-arrow{cursor:pointer;width:12px;height:12px;position:relative;top:0px;margin:0 3px}
.filters .title img.expand{background: url("/images/icons/arrows.png") no-repeat scroll 0px -12px transparent;}
.filters .title img.hide{background: url("/images/icons/arrows.png") no-repeat scroll 0px 0px transparent;}
.filters .titles div {float:left;height:20px;padding-top:2px;}
.filters .titles div.range {float:right;padding-right:10px;}
.filters div.field {padding-left:10px;float:left;width:260px;margin-top:6px;margin-left:3px;}
.filters div.field label {width:75px;text-align:right;padding-right:2px;display:inline-block;}
.filters div.field input, .filters div.field select{width:150px;height:17px;}
.filters div.fields {display:inline-block;}
.filters div.buttons {height:30px;padding-top:5px;text-align:right;margin-right:15px;}

/* Controls */
label, input, select, textarea {font-size:12px;}
textarea {font-family:Verdana,Arial,sans-serif;}
input, select{border: 1px solid #B0BCCA;padding-top:0px;padding-bottom:0px;}
.dropdown-wheel {width:13px;display:none;}
.task {width:18px;height:18px;cursor:pointer;}
.notask {width:18px;height:18px;}

/* Forms */
.form-column {background-color: transparent;display: block;float: left;position: relative;width: 50%;}
.form-box {width:96%;border:1px solid #B0BCCA;margin:auto;margin-bottom:10px;background-color:#ffffff}
.form-box p {font-size: 13px;font-weight: bold;padding: 3px 3px 3px 16px;margin:0px;cursor:pointer;background: url("/images/icons/arrows_17.png") no-repeat scroll 0px -13px #C2CAD1;}
.form-box p.expand {background: url("/images/icons/arrows_17.png") no-repeat scroll 0px 4px #C2CAD1;}
.form-box p.hide {background: url("/images/icons/arrows_17.png") no-repeat scroll 0px -13px #C2CAD1;}
.form-fields-container {padding:5px 5px 0px 5px;overflow:hidden;background-color:#fff}
.form-field {margin-bottom: 5px;float:left;width:250px;}
.form-field label {display: inline-block;padding-right: 2px;text-align: right;width: 110px;font-size:11px;}
.txtNumbers {text-align:right;padding-right:3px;}
.form-field-popup {width:500px;}
.form-field-required { border-color:Red !important;background-color:#fdecec !important;}

.messageToUser
{
    display:block;margin:5px 0px 5px 0px;padding:5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display:none;
    font-size:12px;
}

.messageToUser label.link
{
    color:#0000EE;
    cursor:pointer;
    font-size:11px;
}

.messageToUser img {
    margin-top:-3px;
    float:right;
    width:24px;
    cursor:pointer;
}

.messageToUser a 
{
    text-decoration:none;
    color:#0000EE;
}

.messageToUser label 
{
    color:#555555;
}

.messageToUser-error 
{
    background-color:#ff5c5c;
    border:1px solid #ffffff;
}

.messageToUser-ok 
{
    background-color:#98e196;
    border:1px solid #ffffff;
}

.no-border, .no-border > input, .no-border input 
{
    border:0px
}

.tab-title 
{
    border-bottom: 1px solid #1F497D;
    color: #1F497D;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 0;
    width: 95%;   
}

.staffTotals,.payrollTotals
{
    text-align:right;
    margin-top:5px;
}

.payrollTotals 
{
    width:100%;
}

.staffTotals {
    width:370px;
    float:right;
}

.mailLog 
{
    float:left;
    width:330px;
    height:110px;
    overflow:auto;
    border:1px solid #C5DBEC;
    margin-top:5px;
    padding-left:3px;
}

.mailLog .title {font-weight:bold;text-decoration:underline;margin-bottom:5px;margin-top:5px;}
.mailLog .item {font-style:italic;padding-bottom:3px;}

.staffTotals .item, .payrollTotals .item
{
    margin-bottom:5px;
    vertical-align:middle;
    line-height:20px;
}

.staffTotals .item label, .payrollTotals .item label
{
    font-size:11px;
    font-weight:bold;
}

.staffTotals .item label.lblTotal,.staffTotals .item input.lblTotal, .payrollTotals .item label.lblTotal,.payrollTotals .item input.lblTotal  
{
    border: 1px solid #C5DBEC;
    float:right;
    margin-left:3px;
    width:100px;
    height:20px;
    padding-right:2px;
    color:green;
    font-weight:bold;
    text-align:right;
}

.navigation-buttons 
{
    float:left;
}

.ui-widget {
    font-size: 0.66em !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana,Arial,sans-serif !important;
}

input.ui-button {
    padding: .4em 1em;
    font-size: 1em !important;
}

.ui-dialog .ui-widget {
    font-size: 1em !important;
}

.ui-state-selected {
    background: #97f199 url(images/ui-bg_glass_55_custom_1x400.png) 50% 50% repeat-x;
}