/* 
    Created on : 2013-11-07, 08:31:02
    Author     : Tomasz Durst <t.durst@triadis.pl>
*/

.ajaxLoading {
  background-position:  center center;
  background-repeat: no-repeat;
  opacity: 1;
  background-image: url('process-working.gif');
}
.ajaxLoading * {
  opacity: .2;
}		

.processLoading {
  background-position:  center center;
  background-repeat: no-repeat;
  opacity: 1;
  background-image: url('loadingAnimation.gif');
}
.processLoading * {
  opacity: .2;
}		

.ui-dialog-titlebar {
	font-size:11px;
}
.ui-tabs-nav {
	font-size:11px;
	padding:1px;
	margin:1px;
}
.ui-tabs .ui-tabs-nav li a {
	font-size:11px;
	padding:1px 4px;
	margin:2px;
}
.ui-datepicker {
	z-index:2000;
}
.ui-th-subgrid {
	font-size:11px;
	height: 20px !important;
}

.ui-state-highlight {
    border: 1px solid #FFD324 !important;
    background: 50% 50% #fbec88 !important;
}

.status_message {
   display: none;    
/* position:fixed; 
   left:0; */
   z-index:100;
   background:#ffc;
   padding:5px;
   margin-bottom: 5px;
   border:1px outset #CCCCCC;
   width:97%;
   overflow:auto;
   font-family:sans-serif;
   font-size:10pt;
   text-align:left;
   border-radius: 5px 5px 5px 5px;
   box-shadow: 0 5px 20px #888888;
}

.form_label
{
/*	display: block; */
	font-weight: bold;
	float: left; 
	text-align: right; 
	width: 150px;
}

.form_input
{
	padding-left: 10px;
	float: left; 
	text-align: left; 
}

input.buttonFlat
{
    padding-top:1px; 
    padding-bottom:1px;
}

table.dataGrid
{
    background: white;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0.3em;
}

table.dataGrid th, table.dataGrid td
{
    font-size: 0.9em;
    border: 1px #CCCCCC solid;
    padding: 0.3em;
}

table.dataGrid th
{
    border: 1px solid #CCCCCC;
    color: #000;
    text-align: right;
}

table.dataGrid thead th
{
    border: 1px solid #CCCCCC;
    color: #000;
    text-align: center;
}

table.dataGrid th a
{
    color: #555;
    text-decoration: none;
}

table.dataGrid th a:hover
{
    color: #333;
    border-bottom: 1px solid gray;
}

table.dataGrid tr.odd
{
    background: #F5F5F5;
}

input.ui-button-low {
    padding: 0 1em;
}

.visitCell {
	cursor: pointer;
}						
.visitSelected {
	background-color: lightgreen;
}						
.activitySelected {
	background: yellow !important;
}						
.editVisit {
	background: #E1FFD6;
}
.editActivity {
	background: #FFFCD9;
}
.editSpare {
	background: #FFE7E6;
}
.editResolve {
	background: #E7E7FF;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0.2em 0.5em !important;
    text-decoration: none;
}

.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 2px 5px;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 200px;
}