body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0}
h1,h2,h3,h4,h5,h6 {font-size:100%}
fieldset,img {border:0}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal}
legend {color:#000;padding:0;text-indent:0;}
ol,ul {list-style:none}
q:before,q:after {content:''}
input, select, textarea {font-family:inherit; font-size:inherit}
input, label, select {vertical-align:middle}
a:hover, a:focus, a:active {text-decoration:underline}
.hide, hr {display:none !important}
a { overflow: hidden; outline: none;}

/*FANCY DISPONIBILIDADE*/
label {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;}
input {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px 5px;}

#tela-disponibilidade {overflow: hidden;}
#ui-datepicker-div {font-size:12px; z-index:100!important}
#forms-consulta {overflow: hidden; margin-bottom: 20px;}
#form-disponibilidade {overflow:hidden;}
#id_data_inicio, #id_data_fim {font-size:14px; color:#565656; width:126px; padding:6px 5px; border:1px solid #b4b4b4; background:url(../img/admin/calendario.jpg)  no-repeat #ffffff;}
#id_area { padding: 7px 5px 6px; width: 176px; border:1px solid #b4b4b4; background:url(../img/admin/bg-input.jpg)  repeat-x #ffffff;}
#form-disponibilidade fieldset{padding: 12px 12px 15px; background-color:#f0f0f0; border:1px solid #eaeaea }
#form-disponibilidade fieldset.fdata {float:left}
#form-disponibilidade fieldset.farea {float:right}
#form-disponibilidade label {float:left; color:#878787; margin-right:12px;}
#form-disponibilidade label span {display:block}

.farea .bt, .fdata .bt { position:relative; top:19px }
.fdata .bt { padding:5px }

.bt { float:left; border:1px solid #7a7a7a; background:#afafaf; color:#f5f5f5; font-family:Arial; font-size: 13px; padding:5px 7px; cursor: pointer; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border-radius: 3px; 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#7a7a7a));
  background-image: -webkit-linear-gradient(top, #afafaf, #7a7a7a);
  background-image:    -moz-linear-gradient(top, #afafaf, #7a7a7a);
  background-image:     -ms-linear-gradient(top, #afafaf, #7a7a7a);
  background-image:      -o-linear-gradient(top, #afafaf, #7a7a7a);
  background-image:         linear-gradient(top, #afafaf, #7a7a7a);
  text-shadow: 0 1px 0 #727272; 
}
.bt:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#afafaf));
  background-image: -webkit-linear-gradient(top, #7a7a7a, #afafaf );
  background-image:    -moz-linear-gradient(top, #7a7a7a, #afafaf );
  background-image:     -ms-linear-gradient(top, #7a7a7a, #afafaf );
  background-image:      -o-linear-gradient(top, #7a7a7a, #afafaf );
  background-image:         linear-gradient(top, #7a7a7a, #afafaf );
}

.bt:active { text-shadow: 0 -1px 0 #727272}

.errorlist {clear: both; margin-top: 5px; float: left; color:red; font-size:11px; font-family: Arial, Helvetica, sans-serif; position: absolute; top: 77px; width: 170px; background-color: #FCFFD0; border:1px solid #d71919; padding: 8px; -moz-border-radius-bottomright: 3px;  
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: px px 3px 3px;
border-radius: px px 3px 3px;
z-index:9;   }

/* Tabela */
#tabela-consulta {width: 665px; height: 390px; background-color: #E8E8E8; margin-bottom: 17px; border:1px solid #9c9c9c; border-width:0 1px 1px }
#tela-disponibilidade { padding: 20px; overflow: hidden; color: #707070;  }
.tabela-disponibilidade, .fht-table {border:1px solid #9c9c9c; font-family: Arial; font-size: 13px }
.tabela-disponibilidade thead {height: 50px }

.tabela-disponibilidade thead th .dia-semana {font-weight: normal; text-transform: uppercase}
.tabela-disponibilidade thead th, .tabela-disponibilidade tbody th { padding:0; width: 105px; font-weight: bold; border-bottom:1px solid #9c9c9c; border-left:1px solid #9c9c9c; border-right:1px solid #e0e4e5; background: url(../img/admin/pattern_cel_header.png) repeat; }
.tabela-disponibilidade thead th.branco {width: 150px; height: 50px;}
.tabela-disponibilidade thead th.first { border-left: 0 }

.tabela-disponibilidade tbody td.title { height: 100px; border-width: 0; text-align: left; border-right:1px solid #e0e4e5; background-color: #ced3d7 }
.tabela-disponibilidade tbody td.title .wrap-area { padding: 40px 0 0 8px; position: relative; display: block; height: 60px }
.wrap-area .nome-area {text-align: left; text-shadow: 0px 1px 0px #dce0e2; display: block; width: 101px; font-family: georgia; height: 57px; font-size: 13px; font-weight: normal }
.tr_hover .wrap-area .nome-area { color: #4c4c4c  }
.tr_hover .excluir { display: block!important }
.tabela-disponibilidade tbody td { width: 105px; text-align: center; border-left:1px solid #9c9c9c; border-right:1px solid #e0e4e5; background-color: #e9e9e9;}
.tabela-disponibilidade tbody .area td table td {border:none; border-bottom:1px solid #dadada; }
.tabela-disponibilidade .area td.title {border-bottom:6px solid #bdbec0; min-width:154px!important; max-width:250px  }
.tabela-disponibilidade .area td {border-bottom:6px solid #d0cecf; }
.tabela-disponibilidade .last td, .tabela-disponibilidade .last th {border-bottom: 0}

.disponibilidade-turno span {display:block;overflow:hidden;text-indent:-999em;cursor:pointer;background:url(../img/admin/sprite-bts.png) no-repeat;border-bottom:1px solid #dadada}
.disponibilidade-turno .diurno{height:41px;background-position:center -97px}
.disponibilidade-turno .noturno{height:29px;background-position:center -141px}
.disponibilidade-turno .madrugada{height:29px;border:none;background-position:center -174px }

.disponibilidade-turno .diurno.disp {background-position:center 12px}
.disponibilidade-turno .noturno.disp {background-position:center -32px}
.disponibilidade-turno .madrugada.disp {background-position:center -65px}

.disponibilidade-turno .diurno.ocupado {background-position:center -206px}
.disponibilidade-turno .noturno.ocupado {background-position:center -250px}
.disponibilidade-turno .madrugada.ocupado {background-position:center -283px}

.disponibilidade-turno .diurno.disp-obs {background-position:center -315px}
.disponibilidade-turno .noturno.disp-obs {background-position:center -359px}
.disponibilidade-turno .madrugada.disp-obs {background-position:center -392px}

.disponibilidade-turno .diurno.disp-obs.marcado {background-position:center -424px}
.disponibilidade-turno .noturno.disp-obs.marcado {background-position:center -468px}
.disponibilidade-turno .madrugada.disp-obs.marcado {background-position:center -501px}


.turnos {position: absolute; right:0; top: 0; width: 29px }
.turnos a {width:30px;border-bottom:1px solid #c5c9cb;background:url(../img/admin/sprite-bts.png) no-repeat center -533px;display:block;overflow:hidden;text-indent:-999em}
.turnos .diurno {height:41px}
.turnos .noturno {height:29px;background-position:center -577px}
.turnos .madrugada {height:29px;background-position:center -610px;border-bottom:0}

.turnos .diurno.check {background-position:center -642px}
.turnos .noturno.check {background-position:center -686px}
.turnos .madrugada.check {background-position:center -719px;border-bottom:none}

.turnos .desativo{cursor:default}
.turnos .diurno.desativo {background-position:center -751px}
.turnos .noturno.desativo {background-position:center -795px}
.turnos .madrugada.desativo {background-position:center -828px}


#resetar-tabela {background: url(../img/admin/close_table.png) no-repeat -1px -1px; width: 29px; height: 21px; position: relative; top: -14px }
#resetar-tabela:hover { background-position: -1px -24px }
.excluir { background: url(../img/admin/bt-excluir.png) no-repeat; width:20px; height:15px; position: absolute; top:0; left:0}
.excluir:hover { background: url(../img/admin/bt-excluir-hover.png) no-repeat }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { height: 23px }

/* autocomplete */
.ui-autocomplete { z-index:500 }

/*Legenda e botao concluir*/
#legenda {float:left; font-family: Tahoma, sans-serif; font-size: 11px; color:#777; list-style: none; margin-left: 0px }
#legenda li {float: left;margin-right:20px;list-style:none;height:22px;line-height:22px}
#legenda li strong {width:18px;height:18px;float:left;color:#b6b6b6;margin:2px 4px 0 0;background:url(../img/admin/legends.png) no-repeat }
#legenda li strong.noturno {background-position:0 -33px}
#legenda li strong.madrugada {background-position:0 -66px}

#bt-concluir { border-color:#2862a4; background:#337ed3; font-size:16px; display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; float:right; text-decoration: none; font-weight: bold; padding:0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3e98fe), to(#2862a4));
  background-image: -webkit-linear-gradient(top, #3e98fe, #2862a4);
  background-image:    -moz-linear-gradient(top, #3e98fe, #2862a4);
  background-image:     -ms-linear-gradient(top, #3e98fe, #2862a4);
  background-image:      -o-linear-gradient(top, #3e98fe, #2862a4);
  background-image:         linear-gradient(top, #3e98fe, #2862a4);
  text-shadow: 0 1px 0 #2862a3; 
 }
#bt-concluir:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2862a4), to(#3e98fe));
  background-image: -webkit-linear-gradient(top, #2862a4, #3e98fe );
  background-image:    -moz-linear-gradient(top, #2862a4, #3e98fe );
  background-image:     -ms-linear-gradient(top, #2862a4, #3e98fe );
  background-image:      -o-linear-gradient(top, #2862a4, #3e98fe );
  background-image:         linear-gradient(top, #2862a4, #3e98fe );
}
#bt-concluir:active { text-shadow:0 -1px 0 #2862a3 }
#loader {display:block; float:right;}
/*.curved { -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(border-radius.htc);}*/

#legenda li strong, .excluir, #resetar-tabela {display: block; text-indent:-9999em; overflow:hidden;}

.loading {background:url(../img/admin/ajax-loader.gif) 40px 0px no-repeat; }

.ui-menu { width: 250px; max-height: 250px; overflow-y: auto }
.ui-menu .ui-menu-item { font-size: 12px; font-family: Arial; border-bottom: 1px solid #e1e1e1 }
.ui-menu .ui-menu-item a { padding: 5px 7px!important}



/*tooltip*/
#tooltip {background-color: #000!important; padding: 10px!important; border:none!important; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px }
#tooltip h3 {font-family: Arial; font-size: 12px; color:#d7d7d7}
#tooltip .body {font-family: Georgia; font-size: 14px; color:#a5a5a5}

/* framework */

.round { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px }
.none { display: none}
.clr {clear:both}
.clrl {clear:left}
.left { float: left}
.right { float: right}
.skip, #loading { display: block; overflow: hidden; text-indent: -999em }