body {
    /*color: #333333;*/
    font-family: arial, sans-serif; /*verdana,sans-serif;*/
    padding: 0px;
    margin: 0px;
}

.title {
	text-align: center;
}
.subTitle {
	font-size: 16px;
}
#summary {
	padding: 16px 24px;
	margin: 20px 40px 40px 40px;
    border: 1px solid #AACCFF;   /*#AACCFF*/
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
	text-align: justify;
}
#subLinks {
	width: 600px;
	height: 20px;
	margin: 32px auto;
    text-align: center;
}
#sublinks ul {
	display: inline;
	margin: 0px auto;
}
#subLinks li {
    width: 150px;
	float: left;
}
#subLinks li.currentPage {
	font-weight: bold;
}

#finance {
	position: relative;
    /*margin: 40px 0px;*/
    margin-left: 0px;
    margin-bottom: 0px;
}

#labels {
	position: absolute;
	/*width: 800px;*/    /*Martin (10.05.2010) -> old value: 800px;*/
    z-index: 10;
}
#financeTitle {
    position: absolute;
    top: -20px;
    left: 0px;
}
#time {
    position: absolute;
    left: 4px;
    top: 4px;
    font-size: 10px;
    z-index: 10;
}
#time a {
    background: <?php echo $_GET['bgcolor']; ?>; /*#FFF1E0*/
    cursor: pointer;
    border-right: 2px solid transparent;
    /*color: #4499FF;*/
    text-decoration: underline;
}
#dateRange {
    position: absolute;
    right: 4px; /*Martin (04.05.2010) -> old value: 4px;*/
    top: -14px;
    font-size: 10px;
}
.handle {
    display: none;    /*Martin 27.08.2010*/
    position: absolute;
    z-index: 10;
    cursor: pointer;
    background: #eeeeee;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-user-select: none;;
}
.zoomHandle {
    width: 5px;
    height: 20px;
}
.scrollHandle {
    width: 100px;
    height: 12px;
}
.flag {
    font-size: 10px;
    border: 1px solid #4499FF;
	background: white;
	padding: 1px 2px 1px 2px;
}
.flagpole {
	/*border-left: 1px solid #4499FF;*/ /*#4499FF*/
}


.flotr-grid-label {
    font-size: 11px;
    font-weight: bold;
    color: #003C9E;
    background: transparent; /*#FFF1E0,#ffffff*/
    margin: 2px 0px 0px 4px; /*17 MSN -> (15.10.2010)*/
}


.flotr-mouse-value {
    text-align: left;
	font-size: 10px;
	visibility: visible; /*MSN -> (15.10.2010) -> hide PreccisionCell*/
}


.flotr-mouse-value #line1 {
    color: #003C9E;
    font-size: 13px;
    font-weight: bold;
}

.flotr-mouse-value #line2 {
    color: #9B9B9B;
    font-size: 10px;
    font-weight: bold;
}


#initPreCell #init1{
    color: #003C9E;
    font-size: 13px;
    font-weight: bold;
}

#initPreCell #init2{
    color: #9B9B9B;
    font-size: 10px;
    font-weight: bold;
}

#summaryGraph .flotr-grid-label {
    /*margin-top: -16px;*/
    background: transparent;
    text-align: left;
}


code {
    white-space: pre;
    text-align: left;
}
.snippet {
    padding: 0px 0px 3px 6px;
    padding-left: 20px;
    margin-left: 16px;
    background: url('images/leftshadow.gif') repeat-y;
}
.snippetShow {
    font-weight: normal; font-size: 12px; color: #999999; float: right;
}
.file {
	font-family: monospace;
	font-size: 1.2em;
}
.documentation p {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 8px;
}
.documentation ol {
    font-size: 14px;
}
.documentation h3 {
    padding-top: 12px;
}
.documentation h4 {
    padding-left: 20px;
    font-size: 14px;
}
.documentation p code {
    font-size: 12px;
}
.documentation .snippet {
    margin-left: 20px;
}
label {
	float: none;
}
input {
	width: auto;
}