/**
 * Programm Name: Computergestützte Belastungsanalyse
 * Internal Name: CBA
 *
 * @author Christian Hinz
 * @copyright 2007 Christian Hinz
 * @link www.christian-hinz.de
 * @version 1.0
 *
 */

/**** Global Styles ****/
html, body {
	padding:0;
	margin:0;
	height:100%;
	min-height:100%;
}

body {
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

td, th, p, div, span, li {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

th {
	font-weight:bold;
	border-bottom:2px groove #64A2C4;
	background-color:#D4E7F1;
	color:#344c66;
	border-left:1px solid #B5B5B5;
}

p {
	margin:0 0 6px 0;
}

.no_left {
	border-left:0 solid #B5B5B5;
}

th a {
	display:block;
	text-align:center;
}

th a:hover {
	background: url(../images/td_header.gif) repeat-x;
	color:#fff;
}

a:link, a:visited {
	color:#344C66;
	text-decoration:none;
}

a:hover, a:active {
	color:#1D7CAD;
	text-decoration:none;
}

div.headertitle {
	height:59px;
	background-image:url(../images/header_bg.gif);
	padding:0;
}

div.mnu {
	height:22px;
	background-image:url(../images/button_bg.gif);
	padding:0;
}

div.mnu_item {
	float:left;
	border-right:1px solid #B5B5B5;
}

a.mnu {
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	line-height:22px;
	padding-left:6px;
	padding-right:6px;
}

a.mnu:link, a.mnu:visited, a.mnu:active {
	display:block;
	color:#344C66;
	text-decoration:none;
}

a.mnu:hover {
	text-decoration:none;
	background:url(../images/button_bg.gif) repeat-x 0 -22px;
}

a.mnu_active {
	font-size:11px;
	font-weight:bold;
	color:#344C66;
	vertical-align:middle;
	text-align:center;
	line-height:22px;
	display:block;
	text-decoration:none;
	background:url(../images/button_bg.gif) repeat-x 0 -22px;
	padding-left:6px;
	padding-right:6px;
}

a.submnu_link {
	background:url(../images/arrow_link.gif) no-repeat 0 3px;
	padding-left:10px;
	display:block;
	width:100%;
	font-weight:bold;
}

a.submnu_active {
	color:#1D7CAD;
}

a.alphabet {
	padding: 1px 3px 0 3px;
}
a.alphabet:hover, .alphabet_active {
	border-bottom:1px dotted #344C66;
}

/**** Boxes ****/
#shadow_login {
	position:absolute;
	width:444px;
	height:314px;
	margin:-147px 0 0 -222px;
	top:50%;
	left:50%;
	background: url(../images/shadow_login.jpg) no-repeat;
	z-index:2;
}

#login {
	position:absolute;
	width:400px;
	min-height:270px;
	text-align:left;
	padding:0;
	/*margin:-180px 0 0 -200px;*/
	background-color:#F1F4F6;
	top:50%;
	left:50%;
	border-left:1px solid #B5B5B5;
	border-right:1px solid #B5B5B5;
	z-index:3;
	box-shadow: 0 1px 15px #bbb;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

td.login_padding {
	padding: 9px 5px;
	border:1px solid #CCCCCC;
}

#outer {
	position:relative;
	width:850px;
	text-align:left;
	padding:0;
	margin:0;
	background-color:#ffffff;
	border-left:1px solid #B5B5B5;
	border-right:1px solid #B5B5B5;
	box-shadow: 0 1px 15px #bbb;
}

#inner {
	position:relative;
	width:845px;
	text-align:left;
	padding: 5px 2px 2px 3px;
	margin:0;
	background-color:#F7F9FA;
}

#print {
	position:relative;
	width:99%;
	text-align:left;
	padding:0;
	background-color:#f5f5f5;
	border:1px dotted #000000;
	filter:Alpha(opacity=92);
	-moz-opacity: 0.92;
	opacity: 0.92;
}

.tabueber {
	font-size: 9pt;
	line-height: 120%;
	color:#FFFFFF;
	background: url(../images/td_header.gif) repeat-x 50%;
	font-weight: bold;
}

div.footer {
	height:33px;
	background-image:url(../images/footer_bg.gif);
	padding:0;
}

td.footer {
	color:#B6B6B6;
	font-size:10px;
	padding-top:5px;
}
td.footer a {
	color:#B6B6B6;
}
td.footer a:hover {
	color:#1D7CAD;
}

.highlight{
	background-color:#64A2C4;
	color:#FFFFFF;
}

table.table {
	border-collapse:collapse;
}

td.td_header {
	height:18px;
	background: url(../images/td_header.gif) repeat-x;
	padding-left:5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	line-height:18px;
	border:1px solid #CCCCCC;
}

td.td_content {
	padding: 5px;
	border:1px solid #CCCCCC;
}

td.td_sub_content {
	padding: 5px;
	border:1px solid #CCCCCC;
	background:url(../images/sub_content_bg.gif) repeat-x;
}

span.alert {
	display: block;
	padding: 5px 5px 5px 50px;
	margin: 6px 0;
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #fac6c6 url(../images/status-alert.png) 10px 50% no-repeat;
}

span.success {
	display: block;
	padding: 5px 5px 5px 50px;
	margin: 6px 0;
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #fac6c6 url(../images/status-alert.png) 10px 50% no-repeat;
}

.title, h1 {
	color:#4e4e4e;
	font-size:16px;
	font-weight:bold;
	padding-left: 10px;
}

h1 {
	color:#000000;
	padding-bottom:5px;
}

.logout {
	color:#649AB6;
	font-size:11px;
	padding-right:5px;
}

.row1 {
	/*background-color: #E7E3C0;*/
}
.row2 {
	background-color: #E0E3E5;
}
.row1:hover, .row2:hover {
	background-color:#FFFFFF;
}
.row1 td, .row2 td {
	border-bottom:1px dotted #64A2C4;
	border-left:1px dotted #64A2C4;
	border-right:1px dotted #64A2C4;
	padding: 2px 3px;
}

.borderTop {
	border-top:1px dotted #64A2C4;
	padding-top:3px;
}

.symtomlist {
	border:1px dotted #64A2C4;
	padding:3px;
}

/**** Form Elements ****/
form {
	padding:0;
	margin:0;
}
.button {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	border:2px solid #D9D9D9;
	background:#4489AD url(../images/button.gif) repeat;
}
.button:hover{
	border:2px solid #336985;
	cursor:pointer;
}
.button[disabled] {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#999999;
	background-color:#CCCCCC;
	border:2px solid #D9D9D9;
}
.input {
	padding: 3px 0 2px 5px;
	color:#2F5A9B;
	background:#FFFFFF url(../images/input.gif) no-repeat;
	border:1px solid #999999;
	font-size:13px;
}
.input:hover, .input:focus {
	border:1px solid #336985;
}

.input[disabled] {
	color:#999999;
	background:#FFFFFF url(../images/input.gif) no-repeat;
	border:1px solid #999999;
}
.textarea {
	padding: 3px 0 2px 5px;
	color:#000000;
	background:#FFFFFF url(../images/input.gif) no-repeat;
	border:1px solid #999999;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.textarea:hover, .textarea:focus {
	border:1px solid #336985;
}
.login-copyright {
	position:absolute;text-align:center;bottom:20px;left:50%;margin-left:-50px;z-index:1;
	opacity:0.1;
}
.login-copyright:hover {
	opacity:1.0;
}