﻿body
{
	text-align: center;
	font-family:Verdana, Arial, Sans-Serif;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	min-height:100%;
	font-size: 0.75em;
	height:100%;
	width:100%;
	max-height:100%;
	
}

html {
	min-height:100%;
	margin: 0px;
	padding: 0px;
}

.clearer {
	clear:both;
}

/* Seitenrahmen */


#Calculator
{
	margin:auto;
	width:100%;
	height:100%;
	text-align: left;	
}


#project_definition_navigation
{
	text-align: left;
	width:800px;
	background-color:transparent;
	padding-left:10px;
	height:25px;
}

#content
{
	
	background-color: white;
	text-align: left;
	/*width:920px;*/
	/*padding-left:10px;*/
	
}

.contentOuter
{
	
}


#header
{
	padding: 0px 0px 0px 7px;
	border-bottom: solid 1px #869BB2;
	text-align: left;
	width:920px;
	background-color:White;
	position:relative;
	top:-8px;
}

#header_right
{
}


#top
{
	width: 100%;
	height: 120px;
}

#status
{
	width:180px;
	padding-left:5px;
	height:25px;
	border-bottom:solid 2px #EF8812;
}

#logo
{
}

#footer
{
	position:absolute;
	bottom:0px;
	left:0px;
	height: 30px;
	text-align:left;
	padding:0px;
}

.spacer
{
	width:20px;	
}

.formlabel
{
	width: 150px;
	margin-bottom:5px;
	min-height:25px;
	padding-right:20px;
	white-space:nowrap;
}

.formlabelLong
{
	width: 170px;
	margin-bottom:5px;
	min-height:25px;
	padding-right:20px;
	white-space:nowrap;
}

.formInput
{
	margin-right:10px;
}
table.formTabTR TD {
	border-bottom: solid 1px #E3EAEB;
}
TR.clearTR TD {
	border:none;
	padding-top:5px;
	margin-top:5px;
	
}
TR.clearTR TD SPAN {
	color:#626262;
	/*font-weight:bold;*/
}
.formlabel_long
{
	width: 270px;
	border-bottom: solid 1px #E3EAEB;
}

.formTable
{
	background-color:White;
	text-align:left;
}
.SubHead {
	color:#626262;
}

#ctl00_up_assembly, #ctl00_panel_currentAssembly {
	width:180px;
}

.progress_background
{
	left: 330px;
	top: 270px;
	position: absolute;
	width: 250px;
	height: 40px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/progress.png');
}



#snow_calc
{
	width: 800px;
	height: 540px;
	background-color: #E3EAEB;
	z-index: 12;
	border: solid 1px #869BB2;
}

#wind_calc
{
	position:absolute;
	width: 800px;
	margin: 0px auto;
	padding: 15px;
	text-align: left;
	top:200px;
	background-color: white;
	z-index: 12;
	border: solid 3px #869BB2;
	padding: 10px 10px 10px 10px;
}

.newTestClass
{
	background-color: #E3EAEB;
}

table.newTestClass td
{
	padding: 5px 5px 5px 5px;
}



.default_textbox
{
	border: solid 1px #CCCCCC;
	background-color: #E3EAEB;
}


.default_dropdown
{
	border: solid 1px #CCCCCC;
	background-color: #E3EAEB;
}

.ConstructionHeader
{
	padding-left: 5px;
	border-bottom:solid 1px #CCCCCC;
	height: 24px;
	width: 100%;
	text-align: left;
	padding-top:10px;
}
SPAN.ConstructionHeader 
{
	display:block;
	border-bottom:none;
	font-size:9pt;
	font-weight:bold;
	color:#626262;

}

.NewsHeader
{
	padding-left: 5px;
	background-image: url(../../images/con_header_back.gif);
	background-repeat: repeat-x;
	height: 22px;
	text-align: justify;
	border:solid 1px #869BB2;
}

.shadow
{
	
}


.modalBackground {
	background-color:black; 
	filter:alpha(opacity=70);
	opacity:0.7; 
}

.modalPopup {
	background-color:white;
	border: solid 1px #869BB2;
	width: 650px; 
	height:110px;
	padding:4px;
}

.modalPopupModule {
	background-color:white;
	border: solid 1px #869BB2;
	width: 800px; 
	height:200px;
	padding:4px;
}

.modalPopupHelp
{
	background-color:white;
	border: solid 1px #869BB2;
	padding:4px;
}






/* TABELLE - Container für die linke Navigation */
.tabLeftNav TD {
	text-align:left;
}

/********************************************************\
| START Content Help, Headline, Save 
\********************************************************/
.DIV_HeadlineContainer {
	border:solid 0px red;
	width:100%;
	text-align:left;
	margin-bottom:10px;
	height:22px;
}
.DIV_HelpButton {
	width:40px;
	float:left;
	padding-top:3px;
}
.DIV_Headline {
	float:left;
	padding-top:3px;
}
.DIV_SaveButton {
	float:right;	
}

SPAN.NavHeader {
	Font-Size:10pt;
	Font-weight:Bold;
	Color:#626262;
	display:block;
}
/* ENDE Content Help, Headline, Save */



#divSubmitContainer {
	position:absolute;
	top:-3px;
	right:30px;
}
.divTopNavUnderliner {
	display:block;
	margin-top:3px;
	padding:0px;
	height:4px;
	width:100%;
	background-image:url('../../images/topNavUnderliner.gif');
	background-repeat:repeat-x;
}


.TRA-MAGE-LogonLogo { float:right; }
.MAGE-LogonLogo { float:left; }

.homeNews 
{
	padding:0px;
	font-size:10pt;
	text-align:left;
}
.default_label
{
	padding: 5px 5px 5px 5px;
	color:#626262;
	font-size:10pt;
	font-weight:normal;
	display:block;
}
.label_small
{
	font-size:8pt;
	display:block;
	padding:4px;
}
.filled_label_small
{
	font-size:8pt;
	display:block;
	padding-left:4px;
	padding-right:4px;
}
.smallHeader
{
	font-size:8pt;
	color:#626262;
	padding:5px 0px 5px 0px;
}
.small_td
{
	display:block;
	height:21px;
}
.bold {
	font-weight:bold;
}
.framed {
	border:solid 1px #E3EAEB;
	padding:2px;
}
.bgColored
{
	background-color:#E3EAEB;
}
.centered {
	text-align:center;
}


/*************************************************************************\
|	Tabs on results
\*************************************************************************/
..customTabreiterCSS .ajax__tab_default .ajax__tab_header {
	WHITE-SPACE: nowrap
}
..customTabreiterCSS .ajax__tab_default .ajax__tab_outer {
	DISPLAY: inline-block
}
.customTabreiterCSS .ajax__tab_default .ajax__tab_inner {
	DISPLAY: inline-block
}
.customTabreiterCSS .ajax__tab_default .ajax__tab_tab {
	TEXT-ALIGN: center; DISPLAY: inline-block; OVERFLOW: hidden; CURSOR: pointer; MARGIN-RIGHT: 4px
}
.customTabreiterCSS .ajax__tab_header {
	FONT-FAMILY: verdana,tahoma,helvetica; 
	BACKGROUND: url('../../images/TabReiterHead.gif') repeat-x;
}
.customTabreiterCSS .ajax__tab_outer {
	PADDING-RIGHT: 4px; BACKGROUND: url('../../images/TabFlat_right.gif') no-repeat right 50%; HEIGHT: 21px
}
.customTabreiterCSS .ajax__tab_inner {
	PADDING-LEFT: 3px; BACKGROUND: url('../../images/TabFlat_left.gif') no-repeat
}
.customTabreiterCSS .ajax__tab_tab {
	PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: url('../../images/TabFlat_mid.gif') repeat-x; HEIGHT: 13px; PADDING-TOP: 4px
}
.customTabreiterCSS .ajax__tab_hover .ajax__tab_outer {
	BACKGROUND: url('../../images/TabPass_right.gif') no-repeat right 50%
}
.customTabreiterCSS .ajax__tab_hover .ajax__tab_inner {
	BACKGROUND: url('../../images/TabPass_left.gif') no-repeat
}
.customTabreiterCSS .ajax__tab_hover .ajax__tab_tab {
	BACKGROUND: url('../../images/TabPass_mid.gif') repeat-x
}
.customTabreiterCSS .ajax__tab_active .ajax__tab_outer {
	BACKGROUND: url('../../images/TabAct_right.gif') no-repeat right 50%
}
.customTabreiterCSS .ajax__tab_active .ajax__tab_inner {
	BACKGROUND: url('../../images/TabAct_left.gif') no-repeat
}
.customTabreiterCSS .ajax__tab_active .ajax__tab_tab {
	BACKGROUND: url('../../images/TabAct_mid.gif') repeat-x
}
.customTabreiterCSS .ajax__tab_body {
	BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; PADDING-BOTTOM: 8px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; FONT-FAMILY: verdana,tahoma,helvetica; FONT-SIZE: 10pt; BORDER-TOP: #999999 0px solid; BORDER-RIGHT: #999999 1px solid; PADDING-TOP: 8px
}
.customTabreiterCSS .ajax__scroll_horiz {
	OVERFLOW-X: scroll
}
.customTabreiterCSS .ajax__scroll_vert {
	OVERFLOW-Y: scroll
}
.customTabreiterCSS .ajax__scroll_both {
	OVERFLOW: scroll
}
.customTabreiterCSS .ajax__scroll_auto {
	OVERFLOW: auto
}
.customTabreiterCSS .ajax__tab_plain .ajax__tab_outer {
	BORDER-BOTTOM: #999999 2px solid; TEXT-ALIGN: center; BORDER-LEFT: #999999 2px solid; VERTICAL-ALIGN: middle; BORDER-TOP: #999999 2px solid; BORDER-RIGHT: #999999 2px solid
}
.customTabreiterCSS .ajax__tab_plain .ajax__tab_inner {
	TEXT-ALIGN: center; VERTICAL-ALIGN: middle
}
.customTabreiterCSS .ajax__tab_plain .ajax__tab_body {
	TEXT-ALIGN: center; VERTICAL-ALIGN: middle
}
.customTabreiterCSS .ajax__tab_plain .ajax__tab_header {
	TEXT-ALIGN: center; VERTICAL-ALIGN: middle
}
.customTabreiterCSS .ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
	BACKGROUND: #ffffe1
}
 
