/* GEL - Clases que configuran el estilo de los paneles popups*/
.modalpopup
{
    font-family: Arial;
    font-size: 10pt;
    padding: 2px 3px;
    display: block;
}

.container
{
    width: 350px;
    border: solid 1px #808080;
    border-width: 1px 0px;
} 

.header
{
    color: #000;	
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
} 

.header .msg
{
    font-weight: bold;
}         

.body
{
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
} 

.body .msg
{
    float: left;
    padding-left: 22px;
}  

.footer
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align:right;
    padding-bottom: 8px;
    padding-right: 8px;
} 

.close
{
    right: 7px;	
    background: url(~/App_Themes/TemaAzul/Imagenes/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}

 .modalBackground {
    background-color:Gainsboro;
    filter:alpha(opacity=70);
    opacity:0.7;
    }
    /* Fin clase .modalBackground*/
    
    .modalPanel {
    background-color:Gainsboro;
    filter:alpha(opacity=50);
    opacity:0.5;
    }
    /* Fin clase .modalBackground*/

    .fondo
    {
        background-color:#F7F7F7;
        opacity:0.75;
        filter:alpha(opacity=75);
    }
    
    /* GEL - Clase que configura el estilo de los controles de validacion*/
    .fondo_validacion
    {
        border-right: #C1CED7 2px outset;
        border-top: #C1CED7 2px outset; 
        border-left: #C1CED7 2px outset; 
        border-bottom: #C1CED7 2px outset;
        background-color: Gainsboro;
        filter:alpha(opacity=75);
    }
    
  
    /* GEL - Configuracion del estilo de los texBox*/
    input  { Font-Names:Arial; font-size: 10px; color: Black; background-color: #99CCFF; border: 1px solid #99CCFF; 
	text-align: left;
	height: 16px;
} 
    /*ground-color: Gainsboro; border: #99CCFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;} 


/* TEMA PARA EL TAB-CONTROL  ---> Default*/
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:Arial;
    font-size:10pt;
    border-bottom:solid 5px #99CCFF;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(~/App_Themes/TemaAzul/Imagenes/sprite.png) #99CCFF repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #99CCFF;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(~/App_Themes/TemaAzul/Imagenes/sprite.png) #99CCFF repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(~/App_Themes/TemaAzul/Imagenes/sprite.png) #99CCFF repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:Arial;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:White;    
    border:solid 2px #99CCFF;
    border-top-width:1px;
    height: 500px;
}


/*Div*/

.Div{ 
border-right:1px solid #99CCFF;
border-left:1px solid #99CCFF;
border-bottom:1px solid #99CCFF;
border-top:1px solid #99CCFF; 
background: #E6E6E6;
height: 25px;
vertical-align:middle;
} 

/*Div-botton*/

.Div_Botton{ 
border-bottom:1px solid #99CCFF;
height: 25px;
vertical-align:middle;
} 

/*Div-Master*/
.Div_Master{ 
border-right:1px solid #808080;
border-left:1px solid #808080;
border-bottom:1px solid #808080;
border-top:1px solid #808080; 
background: #99CCFF;
height: 25px;
vertical-align:middle;
} 

.horizontalListbox
    {
        border: 0px;
    }
 .horizontalListbox .rlbItem
    {
        float: left !important;
    }
 .horizontalListbox .rlbGroup
    {
        width: auto !important;
    }

/* Sunset theme*/  .t-widget {         border-color: #714734;         /*font-size: .75em; /* 12px base, if there are no inherited font-sizes (MVC default) */         background-color: #ececd8; }  /* .small .t-widget { font-size: .687em; } /* 11px base, if there are no inherited font-sizes (MVC default) */  .t-header, .t-grid-header {         border-color: #854324;         background: #90330a url('Sunset/sprite.png') repeat-x 0 -352px; }  .t-icon {         background: transparent url('Sunset/sprite.png') no-repeat; }  .t-expand { background-position: 0 -160px; } .t-collapse { background-position: 0 -176px; }  .t-plus, .t-plus-disabled { background-position: 0 -256px; } .t-minus, .t-minus-disabled { background-position: -16px -256px; }  .t-arrow-up { background-position: -16px -160px; } .t-arrow-down { background-position: -16px -176px; }  .t-state-hover .t-arrow-up { background-position: -48px -160px; } .t-state-hover .t-arrow-down { background-position: -48px -176px; }  .t-state-disabled .t-arrow-up { background-position: -32px -160px; } .t-state-disabled .t-arrow-down { background-position: -32px -176px; }  .t-numerictextbox .t-arrow-up { background-position: -16px -162px; } .t-numerictextbox .t-arrow-down { background-position: -16px -178px; }  .t-arrow-up-small { background-position: 0 -304px; } .t-arrow-down-small { background-position: -16px -304px; }  .t-arrow-first { background-position: 0 -192px; } .t-arrow-prev { background-position: -16px -192px; } .t-arrow-next { background-position: -32px -192px; } .t-arrow-last { background-position: -48px -192px; }  .t-state-hover .t-arrow-first { background-position: 0 -224px; } .t-state-hover .t-arrow-prev { background-position: -16px -224px; } .t-state-hover .t-arrow-next { background-position: -32px -224px; } .t-state-hover .t-arrow-last { background-position: -48px -224px; }  .t-state-disabled .t-arrow-first { background-position: 0 -208px; } .t-state-disabled .t-arrow-prev { background-position: -16px -208px; } .t-state-disabled .t-arrow-next { background-position: -32px -208px; } .t-state-disabled .t-arrow-last { background-position: -48px -208px; }  .t-filter { background-position: 0 -240px; } .t-clear-filter { background-position: -16px -240px; }  .t-refresh { background-position: -32px -240px; } .t-icon-calendar { background-position: -48px -240px; }  .t-delete { background-position: 0 -288px; }  .t-insert-top { background-position: 0 -320px; } .t-insert-middle { background-position: -16px -320px; } .t-insert-bottom { background-position: -32px -320px; } .t-add { background-position: -48px -320px; } .t-denied { background-position: -64px -320px; }  .t-loading, .t-widget .t-loading { background: transparent url('Sunset/loading.gif') no-repeat 0 0; }  .t-widget, .t-link {         color: #333; }  .t-header, .t-header .t-link {         color: #fbfbc7; }  .t-header .t-group, .t-group .t-link {         color: #333; }  .t-group, .t-content {         border-color: #bbb99d;         background-color: #ececd8; }  .t-alt {         background-color: #fff; }  .t-state-default {         border-color: #854324; }  .t-active-filter {     background-color: #d25e21; }  .t-state-hover {         background-color: #c5551c;         border-color: #854324; }  .t-state-hover, .t-state-hover .t-link, .t-group .t-state-hover {         color: #fff; }  .t-state-active {         background-color: #ececd8;         border-color: #854324; }  .t-state-active, .t-state-active .t-link {         color: #333; }  .t-state-active .t-header, .t-state-active .t-state-hover {         color: #fff; }  .t-state-error {         border-style: ridge;         border-color: #f00;         background-color: #ffc0cb; }  .t-state-disabled, .t-state-disabled .t-link {         border-color: #666;         color: #bf9e8f; }  .t-grid-toolbar, .t-grouping-header, .t-widget .t-footer, .t-grid-footer, .t-widget .t-status {         border-color: #bbb99d;         background-color: #dee0c8; }  .t-button {         background: #e8e8e8 url('Sunset/sprite.png') repeat-x 0 -96px;         color: #333;         border-color: #d1711a;         color: #2d0e06; }  .t-button-hover {         background-position: 0 -128px;         border-color: #e7941e; }  .t-panelbar .t-link {         border-color: #714734; }  .t-tabstrip li.t-state-active {         border-bottom-color: #ececd8; }  .t-grid td {         border-color: #ddd;         border-right: 1px solid #eee; }  .t-grid .t-grouping-row {         background: #fff url('Sunset/sprite.png') repeat-x 0 -48px; }  .t-grouping-header .t-group-indicator {     color: #333;     border-color: #999; }  .t-grouping-dropclue {     background: url('Sunset/sprite.png') no-repeat -48px -288px; }  .t-grouping-row .t-groupcell, .t-grouping-row p {         background: #fff; }  .t-treeview .t-drop-clue {     background-image: url('Sunset/sprite.png');     background-position: 0 -342px; }  .t-treeview .t-state-selected {     border-color: #904C23;     background-color: #ea9959; }  .t-panelbar .t-state-hover {         background-image: none; }  .t-calendar th {     border-color: #d2c7b4; }  .t-other-month .t-link {     color: #777; }  .t-treeview-lines .t-top, .t-treeview-lines .t-mid, .t-treeview-lines .t-bot {     background-image: url('Sunset/treeview-nodes.png');     background-repeat: no-repeat;     margin-left: -16px;     padding-left: 16px; }  .t-treeview-lines .t-item { background-image: url('Sunset/treeview-line.png'); } .t-treeview-lines .t-last { background-image: none; }