/* DEFAULTS
color azul rgb(0, 106, 181);
----------------------------------------------------------*/
body
{
    background: #b6b7bc;
    font-size: 0.80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    font-weight: 600;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
    font-weight: 400;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 0px auto;
    margin: 0px auto;
    border: 1px solid #dedede;/
    /*box-shadow:1px 1px 5px black;*/
    -moz-box-shadow:  0px 0px 4px 2px  #969696; /* for Firefox 3.5+ */
	-webkit-box-shadow: 0px 0px 4px 2px  #969696; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
    z-index: -1;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-image: url('../Imagenes/Banner.jpg');
    background-repeat: no-repeat;
    z-index: 6000;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
    z-index: -1;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    /*background-color:rgb(56, 88, 131);*/
    background-color: #006295;
    width: 100%;
    z-index: 6000;
}

div.menu
{
    /*padding: 4px 0px 4px 8px;*/
    z-index: 6000;
    position: relative;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    z-index: 6000;
}
div.menu ul li a, div.menu ul li a:visited
{
    background-color: #006295;/*border: 1px #4e667d solid;*/
    color: #fff;
    display: block;
    font-size:1em;
    line-height: 1.35em;
    padding: 3px 10px;
    border-bottom:4px solid #006295;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
     /*background-color:#006295;*/
    color:#b7bec2;
    border-bottom:4px solid #b7bec2;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color:#739CBF;
    color: #fff;
    border-bottom:4px solid #739CBF;
    text-decoration: none;
}

div.menu .horizontal .separator
{
    background-position: center;
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    background-image: url('../Imagenes/Separator.png');
    background-repeat: repeat-x;
    width: 100%;
}

div.menu img
{
    background-position: center;
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    background-image: url('../Imagenes/Separator.png');
    background-repeat: repeat-x;
}
/* SUBMENUS  
----------------------------------------------------------*/
div.submenu
{
    padding: 4px 0px 0px 8px;
    z-index: 5000;
    position: relative;
    margin-bottom: -1px;
}

div.submenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    z-index: 5000;
}

div.submenu li
{
    list-style: none;
    margin: 0px 6px 0px 0px;
    padding: 0px;
    width: auto;
    z-index: 5000;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

div.submenu ul li a, div.submenu ul li a:visited
{
    background-color: #dde4ec;
    border: 1px #4e667d solid;
    color: #465c71;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.submenu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.submenu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

div.submenu ul li a.selected
{
    border-style: solid;
    border-width: 1px;
    border-color: #4e667d #4e667d #FFFFFF #4e667d;
    background-color: #ffffff;
}


div.submenu .horizontal .separator
{
    background-position: center;
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    background-image: url('../Imagenes/Separator.png');
    background-repeat: repeat-x;
    width: 100%;
}

div.submenu img
{
    background-position: center;
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    background-image: url('../Imagenes/Separator.png');
    background-repeat: repeat-x;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color:white;
    text-shadow:2px 2px 2px black;
    -webkit-text-shadow:2px 2px 2px black;
   filter: progid:DXImageTransform.Microsoft.Shadow(color='#444', Direction=120, Strength=3);
    height: 68px;
}

.loginDisplay a:link
{
    text-decoration:none;
    font-weight:bold;
   filter: progid:DXImageTransform.Microsoft.Shadow(color='#444', Direction=120, Strength=3);
    color: white;
}

.loginDisplay a:visited
{
    color: rgb(56, 88, 131);
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/* CALENDARIO 
----------------------------------------------------------*/
.Calendario .ajax__calendar_container
{
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
}

.Calendario .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}

.Calendario .ajax__calendar_body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: white;
    border: solid 1px #cccccc;
}

.Calendario .ajax__calendar_days
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    background-color: #eaeaea;
    border-bottom: white thin solid;
    border-left: white thin solid;
    border-top: white thin solid;
    border-right: white thin solid;
}

.Calendario .ajax__calendar_day
{
    text-align: center;
    border-bottom: white 1pt solid;
    border-left: white 1pt solid;
    border-top: white 1pt solid;
    border-right: white 1pt solid;
}

.Calendario .ajax__calendar_hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #990000;
    color: white;
    font-weight: bold;
    text-align: center;
}

.Calendario .ajax__calendar_dayname
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: navy;
    font-weight: bold;
}

.Calendario .ajax__calendar_today
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #eaeaea;
    color: #666666;
    font-weight: bold;
}

.Calendario .ajax__calendar_active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #faad50;
    color: #333333;
    font-weight: bold;
}

.Calendario .ajax__calendar_other
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: white;
    color: #666666;
}

.menu-inactive
{
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #F1F1F1;
    text-align: left;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.FadingTooltip
{
    border-right: darkgray 1px outset;
    border-top: darkgray 1px outset;
    font-size: 12pt;
    border-left: darkgray 1px outset;
    width: auto;
    color: black;
    border-bottom: darkgray 1px outset;
    height: auto;
    background-color: lemonchiffon;
    margins: "3,3,3,3";
    paddings: "3,3,3,3";
    borderbottomwidths: "3,3,3,3";
}

/* MODAL UPDATE PROGRESS  
----------------------------------------------------------*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}
.updateProgress
{
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 180px;
    height: 65px;
}
.updateProgress2
{
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    z-index: 10;
}

/* ESTILOS PARA ACORDION */
.EncabezadoMenu
{
    background-color: #004B85;
    color: White;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    padding-top: 5px;
    border-bottom: gainsboro 1px ridge;
    border-left: gainsboro 1px ridge;
    border-top: gainsboro 1px ridge;
    border-right: gainsboro 1px ridge;
    text-decoration: none;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.EncabezadoSubMenu
{
    background-color: lightsteelblue;
    color: black;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    padding-top: 3px;
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    padding-bottom: 3px;
    padding-left: 2px;
    border-top: black 1px solid;
    border-right: black 1px solid;
    text-decoration: none;
}

.ContenidoMenu
{
    font-family: Verdana;
    font-size: 8.5pt;
    background-color: gainsboro;
    padding-bottom: 2px;
    padding-top: 2px;
    font-weight: normal;
    padding-left: 2px;
    text-decoration: none;
}

.ContenidoMenuSelect
{
    font-family: Verdana;
    font-size: 7.5pt;
    background-color: ghostwhite;
    font-weight: normal;
    color: black;
    padding-left: 6px;
    padding-right: 2px;
    border-bottom: darkgray 1pt solid;
    border-left: darkgray 1pt solid;
    border-top: darkgray 1pt solid;
    border-right: darkgray 1pt solid;
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: none;
}


/*------------ESTILOS VIEJOS DE GPVIEW------------------------*/
a:active
{
    color: #000000;
    text-decoration: none;
}
a:link
{
    color: #000000;
}
a:visited
{
    color: #000000;
}
a:hover
{
    color: darkred;
    text-decoration: none;
}
.HeadBg
{
    background-color: #4d8ccc;
}
.SiteTitle
{
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 3px;
    padding-left: 10px;
    padding-bottom: 3px;
}
.SiteSubTitle
{
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding-top: 3px;
    padding-left: 10px;
    padding-bottom: 3px;
}

.admin-tab-active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000066;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 0px none #999999;
    background-color: #ffffff;
    text-align: center;
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 3px;
    padding-left: 18px;
}
.admin-tab-inactive
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #F1F1F1;
    text-align: center;
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 3px;
    padding-left: 18px;
}
.admin-tab-right
{
    border-bottom: 1px solid #999999;
}
.admin-tan-border
{
    border-top: 1px solid #ffffff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: White;
}
.admin-tan-border-all
{
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: White;
}
.admin-tab-inactive a:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000066;
    text-decoration: none;
}
.admin-tab-inactive a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000066;
    text-decoration: none;
}
.admin-tab-inactive a:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000066;
    text-decoration: none;
}
.admin-tab-inactive a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
BODY
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #F1F1F1;
}
.grid-header a:active
{
    color: #696969;
    text-decoration: none;
}
.grid-header a:link
{
    color: #696969;
    text-decoration: none;
}
.grid-header a:visited
{
    color: #696969;
    text-decoration: none;
}
.grid-menu
{
    background-color: #F1F1F1;
    border-top: #999999 1px solid;
    border-bottom: #999999 1px solid;
    margin: 1px;
}
.grid-row
{
    background-color: #F1F1F1;
    border-top: #999999 1px solid;
    border-bottom: #999999 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 1px;
}

.grid-header a:hover
{
    color: darkred;
    text-decoration: none;
}
.grid-edit-column
{
    border-top: #999999 1px solid;
    border-bottom: #999999 1px solid;
    border-left: #999999 1px solid;
}
.grid-first-item
{
    border-top: #999999 1px solid;
    border-right: #999999 1px solid;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}
.grid-item
{
    background-color: #F1F1F1;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}
.grid-item-Table
{
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left; /*width: 100px;*/
}
.grid-item-Table-Center
{
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}
.grid-itemA
{
    background-color: #F5F5F5;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}
.grid-itemB
{
    background-color: #D1D1D1;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}
.grid-itemC
{
    background-color: #DDDDDD;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}

.grid-header2
{
    background-color: #e2e6f2;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px double;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
    font-weight: bold;
    font-size: 11px;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-item2
{
    background-color: #e2e6f2;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px double;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}
.grid-item2_level0
{
    background-color: #C0CED9;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px double;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
    font-weight: bold;
    font-size: 11px;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-item2_level1
{
    background-color: #e2e6f2;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px double;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
    font-weight: bold;
    font-size: 11px;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-item2_level2
{
    background-color: #eeeeee;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px double;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
    font-weight: bold;
    font-size: 11px;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-item2_level3
{
    background-color: #e2e6f2;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px double;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
    font-size: 10px;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-item2_level7
{
    background-color: #c0dae9;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px double;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
    font-weight: bold;
    font-size: 11px;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-item2_Alert
{
    background-color: #ffcc66;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px double;
    border-bottom: #999999 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
    font-weight: bold;
    font-size: 11px;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-header
{
    border-bottom: #999999 1px solid;
    font-weight: bold;
    font-size: 11px;
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-header-Table
{
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-align: right;
    width : 45%;
}
.grid-header-Table-Center
{
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    width : 45%;
}
.grid-last-item
{
    border-top: #696969 1px solid;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}
.header-gray
{
    font-weight: bold;
    font-size: 13px;
    color: #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.header-lightgray
{
    font-weight: bold;
    font-size: 10px;
    color: gray;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.header-lightgray-cell
{
    font-weight: bold;
    font-size: 10px;
    color: #555555;
    background-color: #DEDEDE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.header-blue
{
    font-weight: bold;
    font-size: 12px;
    color: #003399;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.header-Fondo
{
    font-weight: bolder;
    font-size: 12px;
    color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    background-color: #999999;
}
.report-main-header
{
    font-weight: bold;
    font-size: 11px !important;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #DCDCDC;
    padding-left: 18px;
    padding-right: 18px;
}
.report-header
{
    font-weight: bold;
    font-size: 11px;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left: 18px;
    padding-right: 18px;
}
.report-item
{
    border-right: gray thin solid;
    padding-right: 4px;
    border-top: gray thin solid;
    padding-left: 4px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 4px;
    margin: 1px;
    border-left: gray thin solid;
    padding-top: 4px;
    border-bottom: gray thin solid;
}
.report-subheader
{
    border-right: gray 0px solid;
    padding-right: 4px;
    border-top: gray 1px solid;
    padding-left: 4px;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 4px;
    margin: 1px 0px;
    border-left: gray 0px solid;
    padding-top: 4px;
    border-bottom: gray 1px solid;
    background-color: #EEEEEE;
}

.report-text
{
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left: 18px;
    padding-right: 18px;
}
.report-header a:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: Black;
    text-decoration: none;
}
.report-header a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    text-decoration: none;
}
.report-header a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: Black;
    text-decoration: none;
}
.report-header a:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    text-decoration: none;
}
/* style of item titles by Announcements and events */
.ItemTitle
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000066;
}
.grid-name
{
    background-color: #cedeea;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px double;
    border-bottom: #999999 1px solid;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    margin: 1px;
}
.TextBox-Plain
{
    background-color: #cedeea;
    border-right: #999999 0px;
    border-top: #999999 0px;
    border-left: #999999 0px;
    border-bottom: #999999 0px;
    font-size: 9px;
    color: #000000;
    margin: 0px;
}
.caja2
{
    border-right: 1px solid;
    padding-right: 4px;
    border-top: 1px solid;
    padding-left: 4px;
    font-size: 8pt;
    padding-bottom: 1px;
    border-left: 1px solid;
    color: #000080;
    padding-top: 1px;
    border-bottom: 1px solid;
    font-family: Verdana, Arial;
    background-color: #f2f2f2;
    text-align: left;
}
.standard-text
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
}
.standard-text2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-align: right;
}

.tab-active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    border-left: 1px solid #555555;
    border-bottom: 0px none #555555;
    background-color: #F1F1F1;
    text-align: center;
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 3px;
    padding-left: 18px;
}
.tab-inactive
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    border-left: 1px solid #555555;
    border-bottom: 0px none #555555;
    background-color: #CCCCCC;
    text-align: center;
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 3px;
    padding-left: 18px;
}
.tab2-active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    border-top: 0px solid #555555;
    border-right: 0px solid #555555;
    border-left: 0px solid #555555;
    border-bottom: 0px none #555555;
    background-color: #F1F1F1;
    text-align: center;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
.tab2-inactive
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    border-top: 0px solid #555555;
    border-right: 1px solid #555555;
    border-left: 1px solid #555555;
    border-bottom: 1px solid #555555;
    background-color: #CCCCCC;
    text-align: center;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.tan-border
{
    border-top: 1px solid #D5D291;
    border-left: 1px solid #D5D291;
    border-right: 1px solid #D5D291;
    border-bottom: 1px solid #D5D291;
    background-color: White;
}
.tab-inactive a:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.tab-inactive a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.tab-inactive a:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red;
    text-decoration: none;
}
.tab-inactive a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: Red;
    text-decoration: none;
}
.tab-active a:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.tab-active a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.tab-active a:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red;
    text-decoration: none;
}
.tab-active a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: darkred;
    text-decoration: none;
}
.menu-active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: darkred;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    border-left: 1px solid #555555;
    border-bottom: 1px solid #555555;
    background-color: #FFFFFF;
    text-align: LEFT;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.Text_indepen
{
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
.menu-inactive
{
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #F1F1F1;
    text-align: left;
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
}
.menu-inactive a:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: Black;
    text-decoration: none;
}
.menu-inactive a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: Black;
    text-decoration: none;
}
.menu-inactive a:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: Black;
    text-decoration: none;
}
.menu-inactive a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: Black;
    background-color: #CCCCCC;
    text-decoration: none;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    text-decoration: underline;
    color: darkred;
}

A.CommandButton:visited
{
    text-decoration: underline;
    color: darkred;
}

A.CommandButton:active
{
    text-decoration: underline;
    color: darkred;
}

A.CommandButton:hover
{
    text-decoration: underline;
    color: red;
}
.Cell-HT-F
{
    background-color: #FFEECC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
.Cell-HT-L
{
    background-color: #EEEEEE;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
.Cell-HT-S
{
    background-color: #CCEEFF;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
/*------------------------------------------------------------*/

/* CSS Class for the Report Viewer. */
.report
{
    z-index: 0; /* Setting the control to appear below the level 1 controls for e.g. menu items. */
}


/* MODAL UPDATE PROGRESS  
----------------------------------------------------------*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}
.updateProgress
{
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 180px;
    height: 65px;
}
.updateProgress2
{
    border-width: 1px;
    border-style: solid;
    background-color: white;
}

/* BOTONES
----------------------------------------------------------*/
.botonNew:link, .botonNew:visited, .botonSpecial:link, .botonSpecial:visited
{
    color: White;
}
.botonNew td
{
    color:#FFF !important;
    }
.botonNew, .botonSpecial
{
    padding: 6px 10px;
    cursor: pointer;
    background-color: #006295;
    font-family: "Segoe UI" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 40px;
    color: white !important;
    min-width: 26px;
    text-shadow: #555 0 1px 0;
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(top, #4d90fe, #0072bb);
}
.botonNew:hover, .botonSpecial:hover, .botonNew:focus, .botonNew:active, .botonNew.active, .botonNew[disabled], .botonNew.disabled
{
    background-position: 0% 0%;
    color: white;
    font-size: 12px;
    text-shadow: none;
    background-repeat: repeat-x;
    border: none;
    background-image: linear-gradient(top, #4d90fe, #4787ed);
    background-color:#3F76A6;
    background-attachment: scroll;
}

.botonNew:active, .botonNew.active
{
    background-color: #739CBF;
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #4d90fe, #0072bb);
}

A.CommandButton2:link
{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 11px;
}

A.CommandButton2:visited
{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 11px;
}

A.CommandButton2:active
{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 11px;
}

A.CommandButton2:hover
{
    text-decoration: underline;
    color: #FFFFFF;
    font-size: 11px;
}

/* ESTILOS TABLAS. ENTRADA DE DATOS Y VISUALIZACION
*****************************/

.MarcoTablas
{
    background:#F9F9F9;
    padding: 5px;
    border:1px solid #dedede;
    border-width: thin;
    width:100%;
}
.TextBox_General
{
    border: 1px solid #ccc;
}
.TextBox_Salidas
{
    border: 1px solid #ccc;
    background-color: #E4E4E7;
}
.TextBox_Salidas1
{
    border: 1px solid #ccc;
    background-color: #E4E4E7;
    font-weight: bold;
    color: Black;
    padding-left: 20px;
}
.TextBox_Invisible
{
    border: 0px none;
    width: 0px;
    height: 0px;
    display: none;
}
.MarcoFiltros
{
    width: 100%;
    background-color: #D1D1D1;
}
.Borde_Div
{
    padding-bottom: 10px;
}
.Borde_Acordion
{
    padding-bottom: 10px;
    padding-top: 10px;
}

.Estilo_Acordion
{
    background-position: left center;
    border-width: thin;
    font-size: 1.5em;
    color: #666666;
    font-weight: 600;
    font-variant: small-caps;
    border-bottom-style: solid;
    background-image: url('../Imagenes/plus.gif');
    background-repeat: no-repeat;
    text-indent: 15px;
}

.Estilo_Acordion_Selected
{
    background-position: left center;
    border-width: thin;
    font-size: 1.5em;
    color: #666666;
    font-weight: 600;
    font-variant: small-caps;
    border-bottom-style: solid;
    background-image: url('../Imagenes/minus.gif');
    background-repeat: no-repeat;
    text-indent: 15px;
}

.Estilo_Acordion_Sub
{
    background-position: left center;
    border-width: thin;
    font-size: 1.2em;
    color: #666666;
    font-weight: 600;
    font-variant: small-caps;
    border-bottom-style: solid;
    background-image: url('../Imagenes/plus.gif');
    background-repeat: no-repeat;
    text-indent: 15px;
    margin-left: 15px;
}

.Estilo_Acordion_Sub_Selected
{
    background-position: left center;
    border-width: thin;
    font-size: 1.2em;
    color: #666666;
    font-weight: 600;
    font-variant: small-caps;
    border-bottom-style: solid;
    background-image: url('../Imagenes/minus.gif');
    background-repeat: no-repeat;
    text-indent: 15px;
    margin-left: 15px;
}

.Estilo_Acordion_Sub2
{
    background-position: left center;
    border-width: thin;
    font-size: 1.2em;
    color: #666666;
    font-weight: 600;
    font-variant: small-caps;
    border-bottom-style: solid;
    background-image: url('../Imagenes/plus.gif');
    background-repeat: no-repeat;
    text-indent: 15px;
    margin-left: 30px;
}

.Estilo_Acordion_Sub2_Selected
{
    background-position: left center;
    border-width: thin;
    font-size: 1.2em;
    color: #666666;
    font-weight: 600;
    font-variant: small-caps;
    border-bottom-style: solid;
    background-image: url('../Imagenes/minus.gif');
    background-repeat: no-repeat;
    text-indent: 15px;
    margin-left: 30px;
}

.Sin_Estilo
{
    font-weight: normal;
}

.Pendiente_Linea1
{
    font-size: small;
    background-color: #666666;
    color: #FFFFFF;
    font-weight: bold;
}

.Pendiente_Linea2
{
    font-size: x-small;
    background-color: #C0C0C0;
    color: #000000;
    font-weight: bold;
}

.Pendiente_Linea3
{
    font-size: x-small;
    color: #000000;
    font-weight: bold;
}

.Tree-View
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.Tree-View_b1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}
.Tree-View_b2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    font-weight: bold;
}
.Tree-View_b3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.HMVPaginaEncabezado
{
    background-position: left center;
    border-width: medium;
    font-size: 1.6em;
    color: #666666;
    font-weight: 600;
    font-variant: small-caps;
    border-bottom-style: solid;
}
.HMVPaginaSeccion
{
    background-position: left center;
    border-width: thin;
    font-size: 1.4em;
    color: #666666;
    font-weight: 600;
    font-variant: small-caps;
    border-bottom-style: solid;
    padding-top: 15px;
}
.HMVPaginaModulo
{
    background-position: left center;
    font-size: 1.2em;
    color: #666666;
    font-variant: small-caps;
    padding-top: 10px;
}
.HMVPaginaLinea
{
    padding: -1px;
    border-width: thin;
    border-bottom-style: groove;
}

.HMVPaginaMarcoTexto
{
    padding: 5px;
    border:1px solid #dedede;
    border-width: thin;
}

/* Modal Cuerpo
----------------------------------------------------------*/

.ModalCuerpo
{
    border: 1px solid #dedede;
    padding: 6px;
}

#canvas 
{
    width:100%;
    height:700px;
    padding:0;
    margin:0;
    overflow: hidden;
}
/*ESTILO PARA CONTROL MENSAJE*/

.MessageSuperior
{
    padding: 8px;
    background-image: url(../Imagenes/error.png);
    color: #FFFFFF;
}
.TextBox_InvisibleMen
{
    display: none !important;
}
.boton-cerrar
{
    float: right;
    padding-right: 10px;
    font-weight: bold;
    color: #FFF !important;
}
.MessageCuerpo
{
    background: #fff;
    padding: 6px;
}