html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	font-family: verdana, helvetica;
	font-size: 12px;
	color: #333;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}

form table > tbody > tr td {
	vertical-align: top;
}

table {
	border-collapse: collapse;
}

tr.row:hover, tr.row:hover td {background-color: #BEE0E6;}

tr.row_disabled {background-color: #A8A8A8; color: #585858;}
tr.row_disabled:hover, tr.row_disabled:hover td {background-color: #BEE0E6;}

tr.row_red {background-color: #FFCCCC;}
tr.row_red:hover, tr.row_red:hover td {background-color: #BEE0E6;}

tr.row_green {background-color: #99FF99;}
tr.row_green:hover, tr.row_green:hover td {background-color: #BEE0E6;}

tr.row_blue {background-color: #CCFFFF;}
tr.row_blue:hover, tr.row_blue:hover td {background-color: #BEE0E6;}

tr.row_light_grey {background-color: #B2B2B2}
tr.row_light_grey:hover, tr.row_light_grey:hover td {background-color: #BEE0E6;}

tr.row_light_blue {background-color: #B2EBFE}
tr.row_light_blue:hover, tr.row_light_blue:hover td {background-color: #BEE0E6;}

/* a:link {
	color: #F00;
	font-weight: normal;
	text-decoration: underline;
}
a:visited {
	color: #F00;
	font-weight: normal;
	text-decoration: underline;
}
a:active {
	color: #F00;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	font-weight: bold;
} */

#container {
	min-height: 100%;
	height: auto !important; /* !important overrides any other style, from anywhere */
	height: 100%;
	margin: 0 auto -15px; /* Height of the footer */
}

/* #header {} */

/* #body {} */

/* #content {} */

#footer {
	height: 15px;
	padding-top: 15px;
}

#header {
	text-align: center;
}
#header table {
	width: 100%;
}
#header table td {
	vertical-align: bottom;
}
#header table td:first-child {
	text-align: left;
	padding-left: 278px;
	color: #CCC;
	font-weight: bold;
	font-size: 10px;
}
#header table td:last-child {
	text-align: right;
	padding-right: 32px;
}

#body h2 {
	font-size: 13px;
	font-weight: bold;
	color: #666;
}
#body > table {
	width: 100%;
	margin: 0;
	padding: 0;
	table-layout: fixed; /*TODO: novo*/
}
#body > table > tbody > tr > td {
	vertical-align: top;
}

#body > table > tbody > tr > td:first-child {
	width: 260px;
	padding-right: 15px;
}

#body > table > tbody > tr > td:last-child {
	padding-right: 32px;
}

form > table td {
	padding: 4px;
}

table.login {
	width: 100%;
	height: 100%;
}
table.login td {
	vertical-align: middle;
}
table.centered {
	margin-left: auto;
	margin-right: auto;
}
table.centered .aligned {
	vertical-align: middle;
	text-align: center;
}

table.normal {
	width: 100%;
}
table.normal td {
	padding: 4px;
}

table.data {
	width: 100%;
}
table.data th {
	background: url("../../lib/jquery-ui/1.11.4/images/ui-bg_gloss-wave_75_2191c0_500x100.png") repeat-x scroll 100% 50% #2191C0;
	font-weight: normal;
	color: #fff;
	border: 1px solid #4297D7;
	text-align: left;
	padding: 4px;
}
table.data td {
	background-color: #EAF5F7;
	vertical-align: middle;
	padding: 4px;
	border: 1px solid #4297D7;
}
table.data.input td {
	background-color: white;
	vertical-align: top;
}
table.data.input tr.area td {
	background-color: #EAF5F7;
}

table.stripe {
	width: 100%;
	border-bottom: 1px solid #75BBD8;
}
table.stripe th {
	background: url("../../lib/jquery-ui/1.11.4/images/ui-bg_glass_45_0078ae_1x400.png") repeat-x scroll 50% 50% #0078ae;
	font-weight: bold;
	color: #fff;
	border: 1px solid #77d5f7;
	text-align: left;
	padding: 4px 10px;
}
table.stripe tr:nth-child(odd) {
    background-color: #eaf5f7;
}
table.stripe td {
	vertical-align: middle;
	padding: 4px 10px;
}
table.stripe.input tr.area td {
	background-color: #EAF5F7;
}

table.voldata {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	border-collapse: separate;
	border: 1px solid #4297D7;
}
table.voldata th {
	background: url("../../lib/jquery-ui/1.11.4/images/ui-bg_gloss-wave_75_2191c0_500x100.png") repeat-x scroll 50% 50% #2191C0;
    border: 1px solid #4297D7;
    color: #EAF5F7;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    line-height: 30px;
	padding: 4px;
}
table.voldata td {
	border: 1px solid #4297D7;
	line-height: 25px;
	padding: 4px 4px 4px 7px;
}
table.voldata td.innerHeader {
	background: #0078AE;
    border: 1px solid #4297D7;
    color: #fff;
    line-height: 25px;
    padding: 4px 4px 4px 7px;
}
table.voldata table {
	width: 100%;
}
table.voldata .padd0 {
	padding: 0px;
}
table.voldata .padd10 {
	border: none;
	padding: 10px;
}
table.voldata .bgWhite {
	background: #fff;
}
table.voldata .bgBlue {
	background: #EAF5F7;
}

table.quiz {
	width: 100%;
}
table.quiz th {
	background-color: #BEE0E6;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	padding: 15px;
}
table.quiz td {
	padding: 10px;
}

table.quiz .matrix th {
	color: #000000;
	background: #BEE0E6;
	padding: 5px;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	text-align: center;
	vertical-align: bottom;
}
table.quiz .matrix td {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	height: 25px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
table.quiz .matrix td:first-child {
	background: #EAF5F7;
	border-right: 1px solid #CCCCCC;
}
table.quiz .matrix td:last-child {
	border: none;
	height: 15px;
}

table.details {
	width: 100%;
}
table.details td {
	background-color: #fff;
}

.rowButtons {
	padding-top: 25px;
}
.plusRowButton {
	padding-top: 15px;
}


#slide1 table.voldata, #slide2 table.voldata, #slide3 table.voldata, #slide4 table.voldata, #slide5 table.voldata {
	margin-bottom: 0px;
}

#panel1 table.voldata, #panel2 table.voldata, #panel3 table.voldata, #panel4 table.voldata, #panel5 table.voldata {
	margin-top: 0px;
}

.scroll {
	border: 1px solid #ccc;
	height: 75px;
	overflow-y: scroll;
	margin: 1px;
}

.question-mark {
	vertical-align: text-top;
}

#addModule {
	cursor: pointer;
}

#deleteModule {
	vertical-align: bottom;
	margin: 1px;
	cursor: pointer;
}

label.error {
	display: inline;
	color: #CC3333;
	border: 0px;	
	padding-left: 22px;
	margin-left: 4px;
	background-image: url(../../media/images/error.gif);
	background-repeat: no-repeat;
}

.errorLogin {
	color: red;
}

.msgOK {
	background: #9acd32;
	color: white;
	padding: 10px;
	margin-bottom: 25px;
}
.msgKO {
	background: #ff4500;
	color: white;
	padding: 10px;
	margin-bottom: 25px;
}

#menubar .ui-widget-content {
	border: 1px solid #7eb544;
}
#menu li {
	padding: 5px;
}
#menu .ui-widget-header {
	margin: 0 -1px 0 -1px;
	color: #fff;
	border: 1px solid #7eb544;
	background: url("../../lib/jquery-ui/1.11.4/images/ui-bg_gloss-wave_50_6eac2c_500x100.png") repeat-x scroll 50% 50% #CCC;
}
#menu a {
	text-decoration: none;
	display: block;
}

.boxTitle {
	margin-bottom: 10px;
	background: url("../../lib/jquery-ui/1.11.4/images/ui-bg_gloss-wave_50_6eac2c_500x100.png") repeat-x scroll 50% 50% #CCC;
}
.boxTitle h1 {
	margin: 0;
	padding: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.boxInfo {
	background: url("../../lib/jquery-ui/1.11.4/images/ui-bg_gloss-wave_75_2191c0_500x100.png") repeat-x scroll 100% 50% #2191C0;
	border: 2px solid #4297D7;
	padding-left: 10px;
	margin-bottom: 20px;
}

.topButtons {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}
.topButtons button {
	margin-right: 10px;
}

.iconButtonInsert {
	margin-bottom: 10px;
	text-align: right;
}

table.display th {
	text-align: left;
}

#panel1, #panel2, #panel3, #panel4, #panel5 {
	display: none;
}

.dialog, .hide {
	display: none;
}

.labelInput {
	line-height: 26px;
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.labelInput.disabled {
	color: grey;
}

.accordion div.voldata {
	padding: 5px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.wait {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 235, 235, 235, .8 ) 
                url('../images/wait.gif')
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our modal element will be visible */
body.loading .wait {
    display: block;
	cursor: wait;
}

/* ---------------------------------------------------------------------------------------------------- */
/* --------------------------------------------- Column Navigation ------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

#menubar {
	margin: 0;
	padding: 0 0 0 20px;
}

.ui-state-error {
    background: #ff4500;
    border: 1px solid #cd0a0a;
    color: #fff;
    padding: 0 .7em;
    margin-bottom: 20px;
}

.state-ok {
    background: #9acd32;
    border: 1px solid #7db442;
    color: #fff;
    padding: 0 .7em;
    margin-bottom: 20px;
}

.icon-position {
	float: left;
	margin-right: .3em;
}