@charset "utf-8";


div.blockContainer {
	background-color:#dfe9f4;
	margin:12px;
}

div.prolog {
	background-color: #dfe9f4;
	margin:0;
	margin-bottom:50px;
}

div.karlotto {
	background: #dfe9f4 url(images/karlotto.jpg) no-repeat bottom right;
}

div.prolog p {
	margin:0 4px;
	padding: 24px 6px 12px 6px;
}


div#appstatus {
	background-color: #CC0000;
	border: 1px solid #333;
	color: #fff;
	padding: 12px;
	position:absolute;
	top: 24px;
	left: 24px;	
	width: 180px;
}



/* 
			P R O L O G
*/

div.blockContainer div.prolog {
	background-color: #b5c6da;
	margin:0;
}

div.blockContainer div p {
	padding:8px 6px;
	margin:0;
}

div.blockContainer div img {
	margin:6px;
	float:left;
}




/* 
			R E M A N N   I N   P R O L O G 
*/

div.blockContainer div.prolog div.remann {
	margin: 0;
	padding:0 0 0 6px;
	border-left: 1px solid #dfe9f4;
	float:right;
	width:120px;
}

div.blockContainer div.prolog div.remann h3 {
	font-weight: bold;
	font-size: 11px;
	margin: 8px 0 4px 0;
	width:114px;
}

div.blockContainer div.prolog div.remann img {
	margin: 0;
}

div.blockContainer div.prolog div.remann a {
	margin: 0;
}

div.blockContainer div.listitem p.remann {
	float:right;
}

div.blockContainer div.listitem p.remann a {
	background: url(../images/remann_small.gif) no-repeat scroll 0pt 0pt;
	padding-left: 24px;
}


p a.remannlink {
	background: url(../images/remann_small.gif) no-repeat scroll 0pt 0pt;
	padding-left: 24px;
}


/* 
			F O R M - R E S U L T 
*/

div.blockContainer div.result {
	background-color: #dfe9f4;
	margin:0;
}
div.blockContainer div.result p.success {
	color:green;
}
div.blockContainer div.result p.error {
	color:red;
}


div#resultlist {
	min-height: 140px;
	height: 140px;
	overflow-y: scroll;
}

/* 
			L I S T I T E M
*/

div.blockContainer div.listitem {
	border-bottom: 1px solid #fff;
}

div.blockContainer div.listitem p.ttnr {
	float:left;
	width:70px;
}

div.blockContainer div.listitem p.link {
	float:left;
	width:auto;
}

div.blockContainer div.listitem p.link.green {
	background: url(../images/light_green.gif) no-repeat center left;
}
div.blockContainer div.listitem p.link.yellow {
	background: url(../images/light_yellow.gif) no-repeat center left;
}
div.blockContainer div.listitem p.link.red {
	background: url(../images/light_red.gif) no-repeat center left;
}

div.blockContainer div.listitem p.link a {
	display: block;
	margin-left: 20px;
}

div.blockContainer div.listitem.listitemover {
	background-color: #d0ddec;
}




/* 
			E X T R A
*/

a.balloon {
	background-image: none;
	border-bottom: dotted 1px;
	font-weight: normal;
	padding: 0;
}

a.balloon:hover {
	border:none;
	cursor:help;
}

a#formsubmit {
	cursor:pointer;
}

input.error {
	border:solid 1px #ff0000;
}




/* 
			B A L L O O N S
*/

/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}

/* styling for active target elements - usually for background hilighting */
.bt-active {
  /* example:
  background-color: yellow !important;
  */
}