body,html{
    font-family: Tahoma;
    font-size: 8pt;
    height:100%;
    width:100%;
    overflow:hidden;
}


/*main*/
.main{
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%;
    padding:0px;
    margin:0px;
}
.main_title,.form_title{
    background-color: #107942;
    cursor:default;
    color: #FFFFFF;
    font-weight: bold;
    padding:5px;
    background: -moz-linear-gradient(#4E73C8,#334B7D);
}
#li198 {
    display:none;
    height:0;
    max-height:0;


}
/*form*/
.form_back{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
}
.form{
    border: 2px solid #2C4683;
    position: absolute;
    background-color: #DFEBF5;
}
/*.form_content{padding:6px; overflow-y: auto;}*/
/*DatePicker*/
.DatePicker{
    border-spacing:1px;
    border: 1px solid #A0A0A0;
    background-color:#FFF;
    width:91px;
}
.DatePicker .Day,.DatePicker .Month{
    border:0px;
    padding:0px;
    text-align:center;
    width:14px;
    cursor:default;
}
.DatePicker .Year{
    border:0px;
    padding:0px;
    text-align:left;
    width:28px;
    cursor:default;
}
.DatePickerDown{
    background-image:url(../img/arrow-down.png);
    background-repeat:no-repeat;
    background-position:left center inherit;
    cursor:default;
    border:1px solid transparent;
    width:15px;
}
.DatePickerDown:hover{
    background-color: #E6F5FC;
    border: 1px solid #307FB1;
}
.DatePickerDown:active{
    background-color: #ACD9EE;
    border: 1px solid #307FB1;
}
.DatePickerCalendar{
    position:fixed;
    border:1px solid gray;
    background-color:White;
    width:210px;
    height:180px;
    margin-top:-1px;
    cursor:default;
}
.DatePickerCalendar table{
    width:100%;
    border-spacing:0px;
}
.DatePickerCalendar table td{
    text-align:center;
    border:1px solid transparent;
}
.DatePickerCalendarLeft{
    background-image:url(../img/arrow-left.png);
    background-repeat:no-repeat;
    background-position:left center inherit;
    cursor:default;
    border:1px solid transparent;
    width:15px;
}
.DatePickerCalendarLeft:hover{
    cursor:pointer;
}
.DatePickerCalendarRight{
    background-image:url(../img/arrow-right.png);
    background-repeat:no-repeat;
    background-position:left center inherit;
    cursor:default;
    border:1px solid transparent;
    width:15px;
}
.DatePickerCalendarRight:hover{
    cursor:pointer;
}
.DatePickerCalendar .HeaderWeekDays{
    border-bottom: 1px solid #F5F5F5;
}
.DatePickerCalendar table .ToDay,.DatePickerCalendar table .spanToDay{
    text-align: center;
    border: 1px solid #B71010;
    color:#B71010;
    background-color: #FFFFFF;
}
.DatePickerCalendar table .SelDay{
    text-align: center;
    border: 1px solid #307FB1;
    color: #307FB1;
    background-color: #9BCFE9;
}
.DatePickerCalendar table .IsDay:hover,.DatePickerCalendar table .ToDay:hover,.DatePickerCalendar table .SelDay:hover{
    background-color: #E6F5FC;
    border: 1px solid #307FB1;
    color: #0066DD;
}
.DatePickerCalendar table .AnotherDay{
    text-align: center;
    border: 1px solid transparent;
    color: #808080;
}
.DatePickerCalendar table .AnotherDay:hover{
    text-align: center;
    border: 1px solid #B1C5FC;
    color: #B1C5FC;
}

/*button*/
input[type=button]{
    border:1px solid #878C90;
    font-family: Tahoma;
    font-size: 8pt;
    padding: 1px;
    background: -moz-linear-gradient(#FFFFE9, #F9EA9F);
    padding:3px;
    margin:2px;
    -moz-border-radius:4px;
    border-radius: 4px;
}
input[type=button]:hover,input[type=button]:focus{
    border: 1px solid #8A8C2D;
    background: -moz-linear-gradient(#FFFFBB,#F1CA12);
}
input[type=button]:active{
    background: -moz-linear-gradient(#F1CA12,#FFFFBB);
}
input[type=button]:disabled {
    background: #D9D6CF;
    color: #666666;
    border:1px solid #878C90;
}

/*textbox*/
input[type=text],input[type=password],textarea{
    border: 1px solid #A0A0A0;
    font-family: Tahoma;
    font-size: 8pt;
    padding:2px;
}
.float,.int{
    text-align:right;
}
select{
    border: 1px solid #A0A0A0;
    font-family: Tahoma;
    font-size: 8pt;
    padding:1px;
}

select:disabled, input[type=text]:disabled,.cdisabled{
    background-color: #D9E5F2;
    color: #010101;
    border: 1px solid #A0A0A0;
}
select:focus,input[type=text]:focus,input[type=password]:focus{
    background-color: #FFF4B5;
}

/*filter*/
.filter_panel{
    background-color: #DFEBF5;
    border-bottom: 1px solid #B5BECE;
    border-top: 1px solid #EAF1F6;
    padding:2px;
    padding-left:6px
}

/*Grid*/
.GridPanel{
    border-spacing:0px;
    background-color: #FFFFFF;
    width:100%;
    border-top: 1px solid #EAF1F6;
}
.GridPanel td{
    padding:0px;
}
.GridPanel div{
    padding:0px;
    border:1px solid #BAD2E8;
    border-top:1px solid #BAD2E8;
}

.GridHeader{
    border:0px solid transparent;
}
.Grid{
    border-spacing:0px;
}
.Grid th{
    border-right:1px solid #BAD2E8;
    border-bottom:1px solid #BAD2E8;
    background-color: #E2E6E9;
    background: -moz-linear-gradient(#E8EBEE, #E2E6E9);
    font-weight:normal;
    padding:2px;
    cursor:default;
}
.Grid td{
    border-right: 1px solid #C6C6BD;
    border-bottom: 1px solid #C6C6BD;
    padding: 2px;
    cursor:default;
}

/*menu*/
.menu_bar{
    border-bottom: 1px solid #B5BECE;
    height: 22px;
    background-color: #EAF1F6;
}
#menu{
    margin:0;
    background-color: #F3F6FB;
    position:absolute;
    top:23px;
}
ul.drop a {
    display:block;
    text-decoration: none;
    color:Black;
    cursor:default;
}
ul.drop li:hover > a{
    color:#000;
}
ul.drop, ul.drop li, ul.drop ul{
    background-position: #F0F0F0;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #EAF1F6;
    color: #000000;
}
ul.drop {
    position: relative;
    float: left;
}
ul.drop li {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
    padding: 4px 10px;
}
ul.drop li:hover{
    background-position: #FBDC81;
    position: relative;
    z-index: 599;
    cursor: default;
    background:#FBDC81;
    color: #000;
}
ul.drop ul{
    background-position: #555;
    display:none;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 165px;
    background: #F0F0F0;
    border: 1px solid #A0A0A0;
}
ul.drop ul li {
    float: none;
    border:1px solid transparent;
}
ul.drop ul ul {
    top: -2px;
    left: 100%;
}
ul.drop li:hover > ul {
    visibility: visible;
    display:block;
}
/*ToolBar*/
.toolbar{
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #B5BECE;
    background-color: #EAF1F6;
    background: -moz-linear-gradient(#D4E1EF,#BDD4E9);
    padding-left:5px;
}
.toolbar table{
    border-spacing:0px;
    border:0px;
}
.toolbar Button{
    border: 1px solid transparent;
    font-family: Tahoma;
    background-color: #EAF1F6;
    background: -moz-linear-gradient(#D4E1EF,#BDD4E9);
    font-size: 8pt;
    padding:2px;
    margin:0px;
}
.toolbar Button:hover{
    border: 1px solid #C69606;
    background: #FBDC81;
}
.toolbar Button:active{
    border: 1px solid #C69606;
    background: #FACF50;
}
.toolbar Button:focus{
    border: 1px solid gray;
}

.welcome
{
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    color: #0B4479;
}

.login
{
    position: absolute;

    width: 300px;
    height: 190px;
    background-color: #EAF1F6;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -95px;
    border: 2px solid #2C4683;
}

.module
{
    position: absolute;

    width: 400px;
    height: 200px;
    background-color: #EAF1F6;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -100px;
    border: 2px solid #2C4683;
}
.tdcalendar
{
    background: linear-gradient(#D4E1EF, #BDD4E9) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.oculto{
    display:none;
}
.trcalendario
{
    background: linear-gradient(#4E73CF, #334B7F) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    cursor: default;
    font-weight: bold;
    padding: 5px;
}
.fixedHeader
{
    position:relative;
    width:98%;
}

.reservacita
{

    font-size:8px;
    width:74%;
    /*white-space:nowrap;*/
    overflow:hidden;
    -moz-border-radius-topleft:5px ;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright:10px ;
    border: 1px solid #2C4683;
    padding:0 2px;
    cursor:pointer;
}

.reservacitames
{

    font-size:8px;
    width:74%;
    /*white-space:nowrap;*/

    overflow:hidden;
    -moz-border-radius-topleft:5px ;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright:10px ;
    border: 1px solid #2C4683;
    padding:0 2px;
    cursor:pointer;
}
.citapendiente
{
    background: linear-gradient(#F2A6AA, #FFFFFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*background: #F2A6AA;*/
    font-family:arial;
    /*color:#FFFFFF;*/
}
.citaconfirmada
{
    background: linear-gradient(#AED5B4, #AED5B4) repeat scroll 0 0 rgba(0, 0, 0, 0);

}
.citafinalizada
{
    background: linear-gradient(#4E73CF, #3FFFFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#trfecha300:before
{
    border:1px solid red;

}
#fielset_extraccion
{
    border:1px solid black;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:4px;
}
#fielset_fraccionamiento
{
    border:1px solid black;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:4px;
}

.tr:hover:before
{
    border: 1px solid #fc0;
    padding: 3px 6px;
    background: #fffea1;
    content: attr(data-title);
    font-size: 0.7em;
    position: absolute;
    right: 400px;
    top: 260px;
}
#checkboxclear
{

    background-image: url(../img/check.png);
}

.Grid td img{
    cursor: pointer;
}