/* 
    Document   : default
    Created on : 8-apr-2013, 16:16:09
    Author     : christof
*/

*		{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
body	{ margin: 0; padding: 0;}

nav		{ display: inline-block; width: 100%; background-color: #EEE; border-bottom: 1px solid black; margin-bottom: 15px; }
nav ul { margin: 0; padding: 0; font-weight: bold }
nav li { margin: 0; padding: 5px; display: inline-block; width: 140px; border-right: 1px solid black }
nav li:hover { background-color: #D63; color: white; cursor: pointer }

#container	{ padding: 10px; margin-top: 50px;}

/*table.rowclick tr:hover { background-color: #A30; color:#ffe; cursor: pointer}/**/

table.filter	{ border: 1px solid black; width: 90% }
table.filter th	{ background-color: #333; color: white; font-weight: bold; padding: 5px }
table.filter td { padding: 5px }
table.filter caption { height: 31px }
table.filter td select { width: 173px }

table.form_rows tr	{ height: 38px; }

table.agenda_note		{ width:92%; height:130px; margin: 2%}
table.agenda_note tr	{ background-color: #FFFFCC; }
table.agenda_note td	{ padding: 2px 15px; border:none }

header			{ border-left: 10px solid #428bca; border-bottom: 3px solid #428bca; padding: 2px 4px; font-weight: bold }

.read-only		{ background-color: white; color: #666 !important; cursor: not-allowed }
.redborder		{ border: 1px solid red !important; }

.float25_75						{ width: 100%; overflow: hidden }
.float25_75 > div:first-child	{ width: 25%; float: left; position: fixed }
.float25_75 > div:last-child	{ width: 75%; float: right }

.float50_50						{ width: 100%; overflow: hidden }
.float50_50 > div:first-child	{ width: 50%; float: left; position: fixed }
.float50_50 > div:last-child	{ width: 50%; float: right }

.calendar + .time { width: 60px } /* set width of timebox = 60px if it comes directly after a qcalendar */

/**
 * Styles for Custom Render Functions as defined in QControl.class.php
 */
div.renderWithName				{ padding: 2px 0; overflow: hidden }
div.renderWithName div.left		{ float: left; width: 36%; }
div.renderWithName div.right	{ float: right; width: 62%}
div.renderWithName div.required { font-weight: bold; text-transform: uppercase }
div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none }
div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600 }

/*********************/
/*** image buttons ***/
/*********************/

/* arrows */
.icon-arrow		{ display: inline-block; width: 53px; height: 53px; background-image: url(../images/arrows.png); }

.blue-left		{ background-position:   0px 0 }
.blue-right		{ background-position: -75px 0 }
.blue-up		{ background-position:-149px 0 }
.blue-down		{ background-position:-224px 0 }

.red-left		{ background-position:   0px -72px }
.red-right		{ background-position: -75px -72px }
.red-up			{ background-position:-149px -72px }
.red-down		{ background-position:-224px -72px }

.green-left		{ background-position:   0px -141px }
.green-right	{ background-position: -75px -141px }
.green-up		{ background-position:-149px -141px }
.green-down		{ background-position:-224px -141px }

.yellow-left	{ background-position:   0px -211px }
.yellow-right	{ background-position: -75px -211px }
.yellow-up		{ background-position:-149px -211px }
.yellow-down	{ background-position:-224px -211px }

/* tango icons */
.tango			{ display: inline-block; width: 30px; height: 28px; background-image: url(../images/tango_icons.png); vertical-align: middle; cursor: pointer }
.icon-disabled	{ opacity: 0.5;}

.warning		{ background-position:   -329px  -36px; }
.reset			{ background-position:	 -334px -127px; }
.delete			{ background-position:	 -513px -249px; }
.save			{ background-position:	 -574px -157px; background-color: white;border:none;}
.save:hover		{background-color: white;}

.cancel			{ background-position:	 -301px -66px;}
.edit			{ background-position:	 -181px -66px; }
.new			{ background-position:	 -214px -157px; }

/* some css for iex hack to emulate nav tag*/
.orizNav ul {
    list-style: none;
}
.orizNav ul li {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.orizNav {
	margin-top: 0;
    position: relative;
}



.datagrid th {
	text-align: left;
}

table.table caption {
	padding: 5px;
	font-size: 0.8em;
	text-align: right;
}
table.table caption span.arrow {
	margin:5px;	
}
table td > label {
	margin-bottom: 0;
	padding: 5px;
}

.rowclick {
	cursor: pointer;
}

.maintenance_grid td {
	padding-top: 5px;
	padding-left: 5px
}

.panel-icons {
	float: right;
}

.panel-icons img {
	cursor: pointer;
}

#totalcost{
	float: right;
}

.topborder{
	border-top: 1px solid #DDD;
	padding-top: 5px;
}

.row .ui-slider .ui-slider-handle{
	height: 2em;
	top: -.6em
}

.row .ui-slider{
	top: .6em
}

#lendicator{
	margin-left: 10px;
}

.navbar-img{
	height: 50px;
	float: left;
	margin-right: 15px;
	margin-left: -15px;
}

#ui-datepicker-div{
	z-index: 99999 !important;//else it is shown behind the input fields below it
}