@charset "utf-8";
@import url("datePicker.css");
/**
 * Sub Seven - TI Seven
 * www.subseven.com.br
 * 30/03/2011
 */
 
 
 
/**
 * Reset properties css
 */
 
*                       { margin: 0; padding: 0; z-index: 0; }
a                       { color: #FFFFFF; text-decoration: none; }
a:hover                 { color: #CCC; text-decoration: none; }
img                   	{ border: 0; vertical-align: text-bottom; }
:focus                  { outline: 0; }

/* Heading */
h1, h3					{ margin-bottom: .5em; line-height: 1.4em; }
h2                      { font-size: 1.7em; margin-bottom:5px; position:relative; }
h3                      { color: #253033; font-size: 1.25em; }
h5                      { font-size: 1.05em; }
h6                      { font-size: 1em; }
h1 a, h1 a:hover, 
h2 a, h2 a:hover, 
h3 a, h3 a:hover,
h4 a, h4 a:hover        { font-weight: normal; }

/* Table */
table					{ border-collapse: separate; }
th                      { padding: 0; margin:0; text-align: left; vertical-align: top; }
td                      { padding: 0; margin:0; }

/* Paragraph */
p			            { margin-bottom: 8px; }
address                 { font-style: normal; margin-bottom: .5em; }
cite                    { font-style: normal; font-size: 10px; }
q:before, q:after       { content: ''; }

/* Form */
form                    { display: inline; }
label                   { color: #333; }
input, select           { vertical-align: middle; }
textarea                { overflow: auto; }

/* Lists */
ul,ol                   { list-style: none; }
dt                      { display: block; }

/* Size */
small                   { font-size: .9em; }
big                     { font-size: 1.25em; }

/**
 * Properties css documents
 */

html 					{ overflow-x:hidden; }
body 					{ background: #C7C7C7; margin: 0; padding: 0; font: 10px normal Verdana, Arial, Helvetica, sans-serif; color: #444; }
h1 						{ font-size: 3em; margin: 20px 0; }
#Cabecalho 				{ background:#5F7A37; position:relative; color:#FFF; padding:5px 10px; }
#Footer 				{ clear: both; display: block; padding: 10px 0; text-align:center; color:#999; }
#divResult 				{ font-size:12px; }

.absolut				{ position:absolute; right:0px; top:0px; width:450px; height:25px; text-align:right; }
.Container 				{ padding-left:2px; background:#666; }
.Clear 					{ clear:both; display:block; padding:5px 0; }
.separator				{ font-size:12px; }
/*a.popups				{ text-decoration:none !important; color:#000 !important; }*/

/**
 * Tabs properties css
 */
#Tabs					{ position:relative; }
ul.Tabs 				{ margin: 0; padding: 0; list-style: none; height: 28px; /*border-bottom: 1px solid #999;*/ width: 100%; }
/* Espaçamento li primeira */
ul.Tabs li:first-child 	{ margin-left: 30px; /*border-left: 1px solid #999;*/ }
ul.Tabs li 				{ float: left; margin-right:1px; padding: 0; height: 28px; line-height: 28px; /*border: 1px solid #999; border-left:*/ margin-bottom: -1px; background: #435627; overflow: hidden; position: relative; top:1px; }
ul.Tabs li.Space 		{ float: left; margin-right:1px; padding: 0; height: 28px; line-height: 28px; /*border: 1px solid #999; border-left:*/ margin-bottom: -1px; background:none; overflow: hidden; position: relative; }
ul.Tabs li a 			{ text-decoration: none; color: #FFFFFF; display: block; font-size: 1.2em; padding: 0 20px; /*border: 1px solid #fff;*/ outline: none; }
ul.Tabs li a:hover 		{ background: #435627; }	
html ul.Tabs li.active a, html ul.Tabs li.active a:hover 
						{ background: #FFFFFF; color: #000 !important; /*border-bottom: 1px solid #fff;*/ }
/* Body tabs */
.tabContainer 			{ border: 1px solid #999; clear: both; float: left; width: 100%; background: #fff; }
.tabContent 			{ padding: 20px; font-size: 1.2em; }
.tabContent h2, .window-inner h2 { font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em; }
.tabContent h3 a		{ color: #254588; }
ul.Tabs li.Logout		{ background-color:#5F7A37; }

/**
 * Tooltip
 */
.tooltip {
	position:absolute; left:-2000px; background-color:#dedede; padding:0px; border:1px solid #fff; max-width:400px; }
.tooltip p {
	margin:0; padding:0; color:#fff; background-color:#222; padding:10px; font-size:12px; }

/**
 * Element forms
 */
img.aLink				{ cursor:pointer; }
forms hr 				{ visibility:hidden; }
input.radio 			{ border:none; padding-left:15px; }
input.element 			{ border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c; background-color:#FBFBFB; color:#666; font-size:13px; padding:4px 3px 2px 3px; }
input.elementReadonly 	{ border:1px solid #FFF295; background-color:#FBFBFB; color:#666; font-size:13px; padding:3px; }
input.cssbutton, button.cssbutton { background-color: #5F7A37; border: 0px solid #333; padding:3px 6px 4px 6px; color:#FFF; margin-left:15px; }
select.element 			{ border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c; background-color:#FBFBFB; color:#666; font-size:13px; padding:3px 1px 1px 1px; }
textarea.element 		{ border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c; background-color:#FBFBFB; color:#666; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:13px; margin:0; width:99%; padding:2px; }

.tabContainer form ul, 				.window-inner ul 					{ display:block; }
.tabContainer form ul li, 			.window-inner ul li					{ list-style:none; display:block; position:relative; width:48%; float:left; height:58px; padding:0px; margin-right:10px; }
.tabContainer form ul li.buttons, 	.window-inner ul li.buttons 		{ width:100%; padding:none; padding-top:15px; }
.tabContainer form ul li span, 		.window-inner ul li span 			{ font-size:10px; font-style:italic; color:#333; }
.tabContainer form label, 			.window-inner label					{ display:block; padding:5px 0; z-index:99; font-size:12px; }

#idOcorrencias select.element { width:100%; }
#idOcorrencias label 	{ background-color:#C7C7C7; margin-bottom:3px; }

/**
 * Validation elements forms
 */
span.error 							{ color: #5F7A37; font-style: italic; }
input.checkbox 						{ border: none; background-color:#FFFFFF !important; }
input.error, textarea.error,
select.error 						{ border: 1px solid red; background-color:#FFF295; }
span.correct, div.correct			{ color:#060; background-color:#DDFFDD; padding:3px 0px; font-style: italic; }
span.fail, div.fail					{ color:#F00; background-color:#FFE1E1; padding:3px 0px; font-style: italic; }

/**
 * Calendário
 */
.date-pick 							{ margin-right:3px; }
a.dp-choose-date 					{ float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px;	overflow: hidden; background: url(img/icons/calendar.gif) no-repeat; }

a.dp-choose-date.dp-disabled 		{ background-position: 0 -20px; cursor: default; }

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied 					{ float: left; }



/**
 * Table grid lists
 */
 
/* Grid - General */
.grid              					{ width: 100%; border-top: 1px solid #cbd3d4; }
.grid tbody td                 		{ background-color:#FFFFFF; }    /* Zebra odd-row */
.grid tr.even td, .grid tr.even tr td, ul li.even { background:#f6f6f6; } /* Zebra even-row */
.grid tr.on-mouse td             	{ background: #E7E7E7; cursor: pointer; } /* Rows mouse-over */
.grid tr.marked td					{ background-color: #FDF7AA !important; }
.grid tr.markedOk td				{ background-color: #C6F8BE !important; }
.grid th                        	{ white-space:nowrap; }
.grid td                  			{ border-width:0 1px 1px 0; border-color:#dadfe0; border-style:solid; }
.grid.border td           			{ background:#fff !important; }
.grid td.empty-text       			{ padding:7px; }

.grid tbody tr.odd td              		{ background-color:#FFFFFF; }
.grid tbody tr.even td, ul li.even 		{ background-color:#f6f6f6; }

/* Grid - Headings */
.grid tr.headings 					{ background:url(img/grid/sort_row_bg.gif) 0 50% repeat-x; }
.grid tr.headings th 				{ border-width:1px; border-color:#f9f9f9 #d1cfcf #f9f9f9 #f9f9f9; border-style:solid; padding:1px 0 0 3px; font-size:.9em; }
.grid tr.headings th a 				{ display:block; padding:2px 4px 1px 0; color:#5F7A37; text-decoration:none; }
.grid tr.headings th a:hover 		{ color:#000000; text-decoration:none; }
.grid tr.headings th a.sort-arrow-desc,
.grid tr.headings th a.sort-arrow-asc { background:url(img/grid/sort_on_bg.gif) 0 0 no-repeat; border-bottom:1px solid #fff; border-right:1px solid #fff; padding-bottom:2px; margin-right:2px; }
.grid tr.headings th span 	{ display:block; padding:3px 12px 4px 0; line-height:1; }
.grid tr.headings th a.sort-arrow-desc span,
.grid tr.headings th a.sort-arrow-asc span { background-position:right 50%; background-repeat:no-repeat; padding:3px 12px 2px 8px; }
.grid tr.headings th a.sort-arrow-desc span { background-image:url(img/grid/grid_sort_desc.gif); }
.grid tr.headings th a.sort-arrow-asc span { background-image:url(img/grid/grid_sort_asc.gif); }

.disponibilidade tr.headings th		{ text-align:center !important; padding:6px 0px 0px 0px; color:#5F7A37; font-size:12px; }

/* Grid - Calendar */
.grid tr.calendar td a 				{ color:#3F757C; }
.grid tr.calendar td				{ text-align:right; height: 81px; padding:2px; border-width:1px 0px 0px 1px; border-color:#FFFFFF; border-style:solid; background-color: #FFFFFF; position: relative; }
.grid tr.calendar td.calendarDay 	{ background-color: #E3EFF1; vertical-align:top; }
.grid tr.calendar td:hover, .grid tr.calendarth:hover { background-color: #FFC; }
.grid tr.calendar td.today 			{ /*background-color: #BEDADE !important; */border:2px solid #BEDADE !important; font-weight:bold; }

/* Agenda */
.grid tr.calendar td a.itens 		{ color:#FFF !important; width:100%; display: inline-block; margin-bottom:1px; text-decoration:none; font-size:11px; }
.grid tr.calendar td a.yellow		{ color: #000000!important; }

/* Grid - Filter */
.grid tr.filter                  	{ background-color:#C0D6A0; cursor:default; }
.grid tr.filter th               	{ border:1px solid #bdbdbd; border-width:1px 1px 1px 0; white-space:normal; text-align:center; padding:2px 11px 2px 2px; }
.grid tr.filter input 				{ width:100%; }
.grid tr.filter select           	{ width:100%; margin-left:4px; }

.grid tr.calendar td a.red 			{ background-color:#F00000; }
.grid tr.calendar td a.black 		{ background-color:#5D584B; }
.grid tr.calendar td a.yellow 		{ background-color:#FFF200; }
.grid tr.calendar td a.green 		{ background-color:#53A600; }

/* Grid Footer */
.grid tfoot tr            			{ background:#D7E5EF; }
.grid tfoot tr td         			{ border-top:1px solid #9babb9; background:#e5ecf2; line-height:1.7em; }

.grid tr.calendar td a.feriado		{ background-color:#000000; }
.grid tr.calendar td a.lembrete		{ background-color:#FFC000; }
.grid tr.calendar td a.tarefa 		{ background-color:#92D050; }
.grid tr.calendar td a.chamado 		{ background-color:#FF0000; }
.grid tr.calendar td a.preventiva	{ background-color:#00B0F0; }
.grid tr.calendar td a.ok			{ background-color:#999; }

/* Partulares */
.relative			{ position:relative; }
.abs-h2				{ position:absolute; top:-10px; right:0px; height:45px; }
.abs-left			{ position:absolute; top:0px; left:0px; }
.f18				{ font-size:18px; }
.f12				{ font-size:12px; }
.f-left, .left      { float:left; }
.f-right, .right    { float:right; }
.v-top              { vertical-align:top; }
.v-middle           { vertical-align:middle !important; }
.v-bottom           { vertical-align:bottom; }
.a-left             { text-align:left !important; }
.a-center           { text-align:center !important; }
.a-right            { text-align:right !important; }
.nm10               { margin:0 10px !important; }
.nm20               { margin:0 20px !important; }
.p10				{ padding: 0 10px !important; } 
.np                 { padding:0 !important; }
.no-display         { display:none; }
.no-show            { display:none; }
.nowrap, .nobr      { white-space:nowrap; }
.wrap               { white-space:normal !important; }
.no-float           { float:none !important; }
.pointer            { cursor:pointer; }

/* Color */
.emph, .accent      { color:#5F7A37 !important; }
.subdue             { color:#306375; }

/* Font */
.bold               { font-weight:bold !important; }
.normal             { font-weight:normal !important; }