body{
    background:transparent url(../images/fundo.gif); 
    font: 62.5% "Trebuchet MS", sans-serif;
}

html, body {
	height: 99%;
}

#tudo {
	min-height: 99%;
	overflow-scrolling: auto;
...
}

* html #tudo {
	height: 99%; /* hack para IE6 que trata height como min-height */
}

#tudo {
	position: relative;
...
}

/** Cabeçalho **/
.div-cabecalho {
  background: -webkit-linear-gradient(#ffc600, #d59e00); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffc600, #d59e00); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffc600, #d59e00); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffc600, #d59e00); /* Standard syntax */
}

.nome_emp {
    font-size: 12pt;
    color: white;
    font-style: normal;
    font-weight: bold;
}
.dados_emp {
    color: #E1E1E1;
    font-size: 7pt;
}
.data_emp {
    color: white;
    font-size: 9pt;
}
.nome_sist {
    color: white;
    font-size: 18pt;
    font-style: italic;
    font-weight: bold;
}
.slogan {
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    color: #515151;
}
#cabecalho1, #cabecalho  {
    position: relative;
    top: 0px;
    width: auto;
    height: 77px;
}
/** *** */

/** Rodapé **/
div#footer {
	position: absolute;
	bottom:0;
    padding: 5px;
    width: 99.25%;
    text-align: center; 
    font-family: Verdana; 
    font-size: 10px; 
    color: white;
    background-color: transparent;
    margin-top: 2px;
}
.tr-rodape {
  background: -webkit-linear-gradient(#ffc600, #d59e00); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffc600, #d59e00); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffc600, #d59e00); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffc600, #d59e00); /* Standard syntax */
}
/** *** */

/** Botoes **/
.botao { 
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;}
.botao span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
}

/** Definição do Menu Principal **/
div#menu {
    position: relative;
    top:0px;
    background:transparent url(../images/menu/header_bg.gif) repeat-x 0 0;  
}

div#copyright { display: none; }
/** *************************** **/

/** Conteúdo */
div#conteudo {
    position: relative;
    padding: 5px;
    width:auto;
    height: 100%;
    background-color: transparent;
}
/** ************* */

/** Formulários */
fieldset {
    border-style:   solid;
    border-width:   2px;
    border-color:   #f6aa2e;
    padding-left:   10px;
    padding-right:  10px;
    padding-top:    10px;
    padding-bottom: 5px;
}

.fieldset_int {
    border-style:   solid;
    border-width:   1px;
    border-color:   #6F6F6F;
    padding-left:   10px;
    padding-right:  10px;
    padding-top:    10px;
    padding-bottom: 5px;
    text-align:     left;
}

legend {
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:   11px;
    color: #6F6F6F#6F6F6F#6F6F6F;
}

.legend_int {
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:   10px;
    color:       #6F6F6F;
}

label {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
    color: #000;
	text-decoration: none; 
    padding-right: 0px; 
    padding-left: 3px;
}

input {
	vertical-align: middle;
	border: 1px solid #BEC0C2;
	color: #000;
	margin: 0;
    margin-bottom: 3px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-top: 1px;
	padding-right: 5px;
	padding-left: 5px;
	background: #fff;
    height: 18px;
}
.input_obr  {
    font-family: Segoe UI, Arial, sans-serif; 
    font-size: 1em;
	vertical-align: middle;
	padding-left: 5px;
    border: 1px solid #8e846b;
    color: #383838;
    height: 18px;
    background: #febebd 50%;
}

select {
	vertical-align: middle;
	border: 1px solid #BEC0C2;
	color: #000;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	background: #fff;
    height: 22px;
}

textarea {
	vertical-align: middle;
	border: 1px solid #BEC0C2;
	color: #000;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	text-transform: none;
	background: #fff;
}

input.data {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
    text-align: center;
}

input.email {
	vertical-align: middle;
	border: 1px solid #BEC0C2;
	color: #000;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	background: #fff;
	text-transform: lowercase;    
}

input:focus, select:focus {
  color:#000;
  background:#E4E4E4;
}

textarea:focus {
  text-transform: none;
  color:#000;
}

input.email:focus {
  text-transform: lowercase;
  color:#000;
  background:#E4E4E4;
}

/* Icones Padrões */
.add /* Novo */
{
	background: url(../images/ico/add.png) no-repeat;
    padding-left: 18px;
}
.alt /* Alterar */
{
	background: url(../images/ico/alt.png) no-repeat;
    padding-left: 18px;
}
.del /* Excluir */
{
	background: url(../images/ico/exc.png) no-repeat;
    padding-left: 18px;
}
.sal /* Salvar */
{
	background: url(../images/ico/sal.png) no-repeat;
    padding-left: 18px;
}
.filtrar /* Filtrar */
{
	background: url(../images/ico/ler.png) no-repeat;
    padding-left: 18px;
}
.exp /* Exportar */
{
	background: url(../images/ico/exp.png) no-repeat;
    padding-left: 18px;
    line-height: 16px;
    vertical-align: middle;
}
.imp /* Exportar */
{
	background: url(../images/ico/imp.png) no-repeat;
    padding-left: 18px;
}
.prt /* Imprimir */
{
	background: url(../images/ico/prt.png) no-repeat;
    padding-left: 18px;
}
.bt_expande {
  width: 16px;
  height: 16px;
  float: left;
  position: left;
  background: url(../images/ico/prox.png) no-repeat;
  background-position: 0px 0px;
}

/* Used for the Switch effect: */
	.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../images/switch.gif) repeat-x; display: block; float: left; }
	.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
	.cb-enable span { background-position: left -90px; padding: 0 10px; }
	.cb-disable span { background-position: right -180px;padding: 0 10px; }
	.cb-disable.selected { background-position: 0 -30px; }
	.cb-disable.selected span { background-position: right -210px; color: #fff; }
	.cb-enable.selected { background-position: 0 -60px; }
	.cb-enable.selected span { background-position: left -150px; color: #fff; }
	.switch label { cursor: pointer; }	
    
ul.icons {margin: 0; padding: 0;}
ul.icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul.icons span.ui-icon {float: left; margin: 0 4px;}

ul.lstord {margin: 0; padding: 0;}
ul.lstord li {margin: 2px; padding: 5px 0; cursor: pointer; list-style: none;}
ul.lstord span.ui-icon {float: left; margin: 0 4px;}

.ui-icon1 { float: left; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon1 { background-image: url(../css/eagle_blue/images/ui-icons_ffffff_256x240.png); }
/*.ui-widget-content .ui-icon1 {background-image: url(../css/eagle_blue/images/ui-icons_ffffff_256x240.png); }
.ui-widget-header .ui-icon1 {background-image: url(../css/eagle_blue/images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon1 { background-image: url(../css/eagle_blue/images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon1, .ui-state-focus .ui-icon {background-image: url(../css/eagle_blue/images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon1 {background-image: url(../css/eagle_blue/images/ui-icons_ffffff_256x240.png); }
.ui-state-highlight .ui-icon1 {background-image: url(../css/eagle_blue/images/ui-icons_ffffff_256x240.png); }
.ui-state-error .ui-icon1, .ui-state-error-text .ui-icon1 {background-image: url(../css/eagle_blue/images/ui-icons_ffffff_256x240.png); }*/


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }


.trAlerta,
.trAlerta td.sorted {
  background-color: #FFB3B3 !important;
}

.trPendente,
.trPendente td.sorted {
  background-color: #fffc7f !important;
}

.trConfirmado,
.trConfirmado td.sorted {
  background-color: #b2ff9c !important;
}


/* Notes */

.note{
	width:148px;
	height:152px;
	padding:23px 0px 0px 12px;
	position:absolute;
	overflow:hidden;
	cursor:move;
	
	font-family: 'Comic Sans MS',Textile,cursive;
    line-height: 18px;
	font-size:15px;
	
	/* Adding a CSS3 shadow below the note, in the browsers which support it: 
	-moz-box-shadow:2px 2px 0 #DDDDDD;
	-webkit-box-shadow:2px 2px 0 #DDDDDD;
	box-shadow:2px 2px 0 #DDDDDD;*/
}

#fancy_ajax .note{	cursor:default; }

/* Three styles for the notes: */

.yellow{
    background:transparent url(../images/stickynote-medium.png) no-repeat top left;
	/*background-color:#FDFB8C;
	border:1px solid #DEDC65;	*/
}

.blue{
    background:transparent url(../images/stickynote-medium-blue.png) no-repeat top left;
	/*background-color:#A6E3FC;
	border:1px solid #75C5E7;	*/
}

.green{
    background:transparent url(../images/stickynote-medium-green.png) no-repeat top left;
	/*background-color:#A5F88B;
	border:1px solid #98E775;*/	
}

/* Each note has a data span, which holds its ID */
span.data{	display:none; }

.fechar{
	/* The author name on the note: */
	top:0px;
	color:#666666;
	position:absolute;
	right:0px;
}

h3.popupTitle{
	border-bottom:1px solid #DDDDDD;
	color:#666666;
	font-size:24px;
	font-weight:normal;
	padding:0 0 5px;
}

#noteData{
	/* The input form in the pop-up: */
	margin:30px 0 0 200px;
}

.note-form label{
	display:block;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-bottom:3px;
}

.note-form textarea, .note-form input[type=text]{
	background-color:#FCFCFC;
	border:1px solid #AAAAAA;
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	height:80px;
	padding:5px;
	width:150px;
	margin-bottom:10px;
}

.note-form input[type=text]{	height:auto; }

.color{
	/* The color swatches in the form: */
	cursor:pointer;
	float:left;
	height:30px;
	margin:0 5px 0 0;
	width:30px;
}

#note-submit{	margin:20px auto; }

/* The styles below are only necessary for the demo page */

h1{
	background:#f0f0f0;
	border-bottom:1px solid #eaeaea;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:15px;
	padding:15px;
	text-align:center;
}

h2 {
	font-size:0.9em;
	font-weight:normal;
	padding-right:40px;
	position:relative;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:-48px;
}

p.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:10px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	background:#f0f0f0;
	border-top:1px solid #eaeaea;
	width:100%;
	z-index:15;
}

h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

.sysGst_2003_status ul {
  list-style-type: none;
}

.sysGst_2003_status li {
  width: 50%;
  float: left;
}

/* *** FIM Notes */

/* Grids add */
.divGrd {
  display: none;
  width: 100%;
  overflow: auto;
}
.labelGrd {
  width: 100px;
  display: -webkit-inline-box;
  position: relative;
  max-height: 300px;
}

.radio > fieldset {
  text-align: center;
  padding-bottom: 15px;
}

.radio > fieldset > legend {
  font-size: 12px;
}