@import url('reset.css');
@import url('960.css');

.container_12 { margin-top: 25px; }

body {
	background: #ddd url(../img/hg.jpg);
	font: 12px/1.0 "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	width: 100%;
    height: 100%;
    text-shadow: #000 1px 1px 1px;
}

a, a:visited, a:active { color: #333; }
a:hover { text-decoration: none; }

ol { list-style: decimal; }
ul { list-style: none; }
li { margin-left: 5px; line-height: 1.8em; }
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 15px; }

h1 { font-size: 18px; }
h2 {
	font-size: 14px;
	/*background-color: #666;*/
	color: #fff;
	padding-top: 6px;
	height: 24px;
	text-align: center;
	text-shadow: #000 1px 1px 3px;
}
.grid_2 h2 { background: transparent url(../img/h2-140.png) no-repeat; }
.grid_4 h2 { background: transparent url(../img/h2-300.png) no-repeat; }
.grid_6 h2 { background: transparent url(../img/h2-460.png) no-repeat; }

h2.inactive { filter:alpha(opacity=30);opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
h2:hover { filter:alpha(opacity=100);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

select { width: 100%; }
input {
	margin-right: 5px;
	padding: 3px;
}

ul.Date li, ul.Range li, ul.Intervall li {
	float:left;
	width: 32%;
}
.clear { height: 15px; }
ul.Intervall {
	clear: both;
	display: block;
}
.y-axis {
	width: 70px;
	float: right;
	height: 30px;
	display: block;
}

/* 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; }