/* ================= Base layout ========================== */
/* 
   #A6CAF0 dunkleres hellblau 
   #DDEEFF helles hellblau
   #41A62A BITZER-Grün
   #C0FFC0 hellgrün  
*/

div.layout_content 
{
   padding: 10px;
}


#layout_left 
{
   position: absolute;
   top: 0px; 
   bottom: 0px; 
   left: 0px; 
   width: 350px;
   overflow: hidden;
   border-right: 1px solid silver;
}

#layout_left_scroll 
{
   position: absolute;
   top: 33px; 
   bottom: 0px; 
   left: 0px; 
   width: 100%;
   overflow: auto;
}

div.layout_right
{
   /*background-color: white; */
   position: absolute;
   top: 0px; 
   bottom: 0px; 
   left: 350px; 
   right: 0px;
   overflow: auto;
	/*text-align: left;
   border-right: 2pt solid #41A62A; 
   min-width: 347px;*/
}



/* ---- Input elements ---- */
#pnlinputbox 
{
   width: 333px;
}

table.inptab 
{
   width: 100%;
}

td.inptab 
{
   padding: 2px;
   width: 160px;
}

select.inpsel 
{
   width: 159px;
}

select.inpsel_disabled 
{
   width: 159px;
   background-color:gainsboro;
}

input.inpedit
{
   width: 80px;
}

input.inpedit_disabled
{
   width: 80px;
   color:GrayText;
   background-color:gainsboro;
}

input.inpchk 
{
   color:ButtonText;
}

.inpchk_disabled 
{
   color:GrayText;
}

input.inpradio 
{
}

.inpradio_disabled 
{
   color:GrayText;
}

div.inpcpe 
{
   padding: 2px;
   font-style: italic;
   color: Gray;
   background-color: gainsboro;
   border: 2px solid white;
} 

#ddlModulSelection 
{
   width: 326px;
   margin-left: 2px;
}

#progressBackgroundFilter {
    position:fixed;
    top:97px;
    bottom:45px;
    width:350px;
    left: 22px;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#FFFFFF;
    filter:alpha(opacity=50);
    opacity:0.5;
    z-index:1000;
}

#processMessage {
    position:fixed;
    top:230px;
    left:120px;
    padding:10px;
    width:14%;
    z-index:1001;
    background-color:#fff;
    filter:alpha(opacity=50);
    opacity:0.5;
    border:solid 0px #000;
}

/* ---- Info area ---- */
#InfoPanel
{
   position: absolute;
   top: 0px;
   height: 250px;
   left: 0px;
   width: 100%;
   overflow: hidden;
}

#UPInfoImage, #UPPhoto 
{
 /*  width: 200px;
   height: 220px;
   position: relative;
   top: 5px;
   left: 5px;   */
    height: 240px;
}

#UPInfoSchema, #UPSchema
{
}


/* ---- Result area --- */
#outputresultdiv
{ 
   position: absolute;
   top: 250px;
   left: 0px;
   bottom: 0px;
   width: 100%;
   overflow: auto;
}
   

#UPErrMess 
{
   height: 46px;
   overflow: auto;
   background-color: White;

}

#UPResult
{
   overflow: auto;
   position: absolute;
   top: 69px;
   left: 0px;
   bottom: 0px;
   right: 0px;   
}

#UPDocu
{
  /* height: 304px; */
}

.UPErrMessFail
{
   height: 45px;
   overflow: auto;
   background-color: #FFC0C0;
   border-bottom: 1px solid silver;
}

.UPErrMessHint
{
   height: 45px;
   overflow: auto;
   background-color: #DDFFDD;  
   border-bottom: 1px solid silver;
}

.UPErrMessHintFail
{
   height: 45px;
   overflow: auto;
   background-color: #FFFFDD;  
   border-bottom: 1px solid silver;
}



table.resulttab 
{
   margin: 4px 4px;
}

.restableg1, .restabval1, .restableg2, .restabval2, .restableg0, .restabval0
{
   padding: 2px;
}

.restableg1, .restabval1
{
   background-color: #A6CAF0;
}

.restableg2, .restabval2
{
   background-color: #DDEEFF;
}

.restableg0, .restabval0
{
   background-color: white;
}

.restableg1, .restableg2, .restableg0
{
   text-align: left;
   width: 180px;
}

.restabval1, .restabval2, .restabval0
{
   text-align: center;
}

.restabval1, .restabval2
{
   width: 100px;
}

.restabval1
{
   font-weight: bold;
}

.restabval0
{
   text-align: left;
}






.resulttab, .resulttab1, .resulttab2
{
   padding: 2px;
}
.resulttab1
{
   background-color: #A6CAF0;
}
.resulttab2
{
   background-color: #DDEEFF;
}

#OutputTabContainer
{
   /* min-height: 300px; */
}

#OutputTabContainer_header
{
   height: 21px;
 
}

#OutputTabContainer_body
{
   margin: 1px;
}

div.infotext 
{
   overflow: auto;
   padding: 2px;
   position: absolute;
   top: 21px;
   left: 0px;
   bottom: 0px;
   right: 0px;   
}

div.techdata
{
   overflow: auto;
   padding: 2px;
   position: absolute;
   top: 21px;
   left: 0px;
   bottom: 0px;
   right: 0px;   
}

td.tdatahdln 
{
   background-color: #A6CAF0;
   font-weight: bold; 
   padding: 2px;
}

td.tdataline
{
   padding: 2px;
}

div.docu
{
   overflow: auto;
   padding: 2px;
   position: absolute;
   top: 21px;
   left: 0px;
   bottom: 0px;
   right: 0px;   
}

td.docuhdln 
{
   background-color: #A6CAF0;
   font-weight: bold; 
   padding: 2px;
}

td.docucode
{
   padding: 2px;
   width: 80px;
   white-space: nowrap;
}

td.docucode a
{
   text-decoration: none;
}

td.docucode a:hover
{
   text-decoration: underline;
}

td.doculang
{
   padding: 2px;
   color: Silver;
   width: 75px;
   white-space: nowrap;
}

td.docutitle
{
   padding: 2px;
}


div.limits
{
   overflow: auto;
   padding: 2px;
   position: absolute;
   top: 21px;
   left: 0px;
   bottom: 0px;
   right: 0px;   
}

div.dimensions
{
   overflow: auto;
   position: absolute;
   top: 21px;
   left: 0px;
   bottom: 0px;
   right: 0px;   
}


/* --- Start page ---  */
div.start_back 
{
   background-color: Black;
   color: White;
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    text-align:center;
    vertical-align: bottom;
    padding: 5px;
}

div.start_logo 
{
   width: 512px;
   height: 142px;
   margin: 5px;
   border: 1px solid black;
   background-image: url(/websoftware/img/start_logo.jpg);
   background-position:center center;
   background-repeat:no-repeat;
}

div.start_cube 
{
   width: 160px;
   height: 142px;
   margin: 5px;
   border: 1px solid green;
   /*background-position:center center;*/
   background-position:center 10px;
   background-repeat:no-repeat;
   text-align: center;
   vertical-align: bottom;
}

div.start_cube:hover 
{
   border: 1px solid white;
}

div.start_hhk
{
   background-image: url(/websoftware/img/start_hhk.jpg);
}

div.start_hs
{
   background-image: url(/websoftware/img/start_hs.jpg);
}

div.start_cs
{
   background-image: url(/websoftware/img/start_cs.jpg);
}

div.start_esc
{
   background-image: url(/websoftware/img/start_esc.jpg);
}

div.start_soon
{
   background-image: url(/websoftware/img/start_soon.jpg);
}

div.start_back a, div.start_back a:hover 
{
   color: White;
   text-decoration: none;

}   

p.start_para 
{
   margin-top: 106px;
}

/* --- Options page --- */
div.layout_content_opt 
{
   overflow: auto;
   position: absolute;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;   
}

table.opttab 
{
   width: 100%;
   vertical-align: top;
}

td.opttab 
{
   width: 50%;
   vertical-align: top;
}

div.optprojlist 
{
   overflow: auto;
   /* height: 100%; */
   background-color: gainsboro;
}

/* --- Cap Tab --- */
div.layout_captab 
{
   overflow: auto;
   position: absolute;
   top: 0px;
   left: 351px;
   bottom: 0px;
   right: 0px;   
   padding: 5px;

}


table.captab
{
   width: 100%;
}

td.captabhdln 
{
   background-color: #A6CAF0;
   font-weight: bold; 
   padding: 2px;
   width: 10%;
   text-align: center;
   white-space: nowrap;
}

td.captabhdln2 
{
   background-color: #DDEEFF;
   /*font-weight: bold;*/ 
   padding: 2px 2px 2px 6px;
   width: 10%;
   /*text-align: center;*/
   white-space: nowrap;
}

td.captabline
{
   padding: 2px;
   text-align: right;
}

td.captabline2
{
   padding: 2px;
   text-align: right;
   border-bottom: 1px solid silver;
}

input.captabedit
{
   width: 25px;
}

#UPCapTab select 
{
   width: 55px;
}

table.captableg
{
   width: 100%;
}

td.captableg1
{
   width: 20%;
}
td.captableg2
{
   width: 30%;
}

  


/* ------- based on ajax control toolkit styles for tabs --------------- */

/* default layout */
.TabContainer .ajax__tab_header {
    white-space: normal !important;
}
.TabContainer .ajax__tab_outer {
    display: inline-block;
}
.TabContainer .ajax__tab_inner {
    display: inline-block;
}
.TabContainer .ajax__tab_tab {
    display: inline-block;
    overflow: hidden;
    text-align: center;
}
/* xp theme */
.TabContainer .ajax__tab_header {
    background: url("/websoftware/img/tab_header.gif") repeat-x scroll center bottom transparent;
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
}
/* Tabreiter Standard */
.TabContainer .ajax__tab_outer {
    background: url("/websoftware/img/tab_inaktiv_right.gif") no-repeat scroll right center transparent;
    height: 21px;
    padding-right: 4px;
}
.TabContainer .ajax__tab_inner {
    background: url("/websoftware/img/tab_inaktiv_left.gif") no-repeat scroll 0 0 transparent;
    padding-left: 3px;
}
.TabContainer .ajax__tab_tab {
    background: url("/websoftware/img/tab_inaktiv_bkgr.gif") repeat-x scroll 0 0 transparent;
    height: 13px;
    margin: 0;
    padding: 4px;
}
/* Tabreiter hover */
.TabContainer .ajax__tab_hover .ajax__tab_outer {
    background: url("/websoftware/img/tab_hover_right.gif") no-repeat scroll right center transparent;
    cursor: pointer;
}
.TabContainer .ajax__tab_hover .ajax__tab_inner {
    background: url("/websoftware/img/tab_hover_left.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
.TabContainer .ajax__tab_hover .ajax__tab_tab {
    background: url("/websoftware/img/tab_hover_bkgr.gif") repeat-x scroll 0 0 transparent;
    cursor: pointer;
}
/* Tabreiter aktiv */
.TabContainer .ajax__tab_active .ajax__tab_outer {
    background: url("/websoftware/img/tab_aktiv_right.gif") no-repeat scroll right center transparent;
}
.TabContainer .ajax__tab_active .ajax__tab_inner {
    background: url("/websoftware/img/tab_aktiv_left.gif") no-repeat scroll 0 0 transparent;
}
.TabContainer .ajax__tab_active .ajax__tab_tab {
    background: url("/websoftware/img/tab_aktiv_bkgr.gif") repeat-x scroll 0 0 transparent;
}
/* Tabreiter disabled */
.TabContainer .ajax__tab_disabled {
    color: #A0A0A0;
}
.TabContainer .ajax__tab_body {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    /* border-color: -moz-use-text-color #999999 #999999; */
    /* border-right: 1px solid #999999; */
    border-style: none; /* solid solid; */
    border-width: 0; /* 1px 1px; */
    /* font-family: verdana,tahoma,helvetica;
    font-size: 10pt; */
    padding: 1px;
}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}



/* ------- based on ajax control toolkit styles for sliders --------------- */
/* .ajax__slider_h_rail .ajax__slider_h_handle */
.slider_h_rail {
    background: url("/websoftware/img/sliderrail.gif") repeat-x scroll 0 0 transparent;
    height: 22px;
    position: relative;
    width: 150px;
}
.slider_h_handle {
    height: 22px;
    position: absolute;
    width: 10px;
}


/* popup */
.ModalPopupBG
{
    background-color: #CCCCCC;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.ModalPopup
{
    min-width:200px;
    min-height:150px;
    background:white;
    border: 1px solid gray;
    padding: 0 10px;
}