*{margin: 0; padding: 0;}
html {overflow-y: scroll;}
body{color: #666666; text-align: left; font-family: Arial; font-size: 12px;}

/* obecne prvky */
h1{font-family: Arial, sans-serif; font-size: 24px; margin: 5px 0; padding: 0; font-weight: bold; color: #343434;}
h2{font-family: Arial, sans-serif; font-size: 14px; margin: 5px 0; padding: 0; font-weight: bold;}
h3{font-family: Arial, sans-serif; font-size: 13px; margin: 5px 0; padding: 0; font-weight: bold;}
h4{font-family: Arial, sans-serif; font-size: 13px; margin: 5px 0; padding: 0; font-weight: normal;}

a{text-decoration: underline; color: #6D6D6D;}
a:hover{text-decoration: none;}

img{border: none;}

.left{display: block; float: left;}
.right{display: block; float: right}
.txtLeft{text-align: left !important;}
.txtRight{text-align: right !important;}
.txtCenter{text-align: center !important;}

.vaTop{vertical-align:top;}
.vaMiddle{vertical-align:middle;}

.noBorder{border: none !important;}

.bold{font-weight: bold;}
.line-through{text-decoration:line-through;}

.noDisplay, #PrintSection{display: none;}
hr{display: none;}
.correct{clear: both;}
.IE6correct{_clear: both;}

.miniMT{margin-top: 6px;}
.smallMT{margin-top: 10px;}
.defaultMT{margin-top: 20px;}
.bigMT{margin-top: 25px;}

.smallPT, .defaultPT, .bigPT{clear: both;}
.smallPT{padding-top: 10px;}
.defaultPT{padding-top: 20px;}
.bigPT{padding-top: 25px;}

.last{margin-right: 0 !important;}

.red{color: #D23F1F;}
.green{color: #48B838;}

table td, table th{height: 40px;}

ul{margin: 10px 0 10px 20px;}
ul li{list-style-image: url(../img/bgr_li.gif); line-height: 20px;}

/**** zakladni layout stranky */
#Page, #PageLogin{margin: 20px auto 0; width: 990px; min-height: 600px; border: 2px solid #F07222; padding-top: 10px; position: relative;}
#PageLogin{width: 562px; min-height: 200px; height: auto;}
#Header{height: 160px; background: #F2904F url(../img/lng/zatepleni_v_kostce2.gif) no-repeat 221px 87px;}
#Logo{float: left; margin-left: 20px; width: 160px; height: 160px; background: url(../img/img_basf.jpg) no-repeat ;}

#Tools{float: right; margin-top: 40px; width: 355px; height: 95px; }
#Tools .title{height: 16px; margin-right: 45px; margin-bottom: 10px; background: url(../img/bgr_tools_title.gif) repeat-x ; text-align: center; }
#Tools .title span{height: 16px; padding: 0 3px; background-color: #F2904F;}
#Tools .items *{float: left; border: none; display: block; height: 64px; margin-right: 20px; cursor: pointer; font-size: 1px; color: #F07222; text-indent: -10000em; background-repeat: no-repeat;}
#Tools .items #iNovy{width: 44px; background-image: url(../img/lng/but_novy.jpg);}
#Tools .items #iUlozit{width: 45px; background-image: url(../img/lng/but_ulozit.jpg);}
#Tools .items #iNacist{width: 49px; background-image: url(../img/lng/but_nacist.jpg);}
#Tools .items #iProfil{width: 44px; background-image: url(../img/lng/but_profil.jpg); margin-right: 15px;}
#Tools .items #iOdhlasit{width: 60px; background-image: url(../img/lng/but_odhlasit.jpg);}

/* zalozky */
#Tabs, #Tabs2{clear: both; height: 71px; display: block; padding: 30px 9px 20px 12px; list-style-type: none;}
#Tabs li, #Tabs2 li{display:block; float: left; margin-right: 15px; height: 72px; width: 125px; background-position: top; background-repeat: no-repeat;}
#Tabs li a, #Tabs li span, #Tabs2 li a, #Tabs2 li span{display: block; width: 125px; height: 1px; margin-top: 11px; padding-top: 59px; font-size: 1px; color: #fff; text-indent: -10000em; overflow: hidden;}

#Tabs li.sel{background-position: 0 -72px;}
#Tabs li.visit{background-position: bottom;}
#Tabs li#Tab1{background-image: url(../img/lng/tab_1.png);}
#Tabs li#Tab2{background-image: url(../img/lng/tab_2.png);}
#Tabs li#Tab3{background-image: url(../img/lng/tab_3.png);}
#Tabs li#Tab4{background-image: url(../img/lng/tab_4.png);}
#Tabs li#Tab5{background-image: url(../img/lng/tab_5.png);}
#Tabs li#Tab6{background-image: url(../img/lng/tab_6.png);}
#Tabs li#Tab7{background-image: url(../img/lng/tab_7.png); margin-right: 0;}

#Tabs2{clear: both; height: 58px; width: 950px; padding-top: 20px; padding-bottom: 10px;}
#Tabs2 li{height: 58px;}
#Tabs2 #System0{background-image: url(../img/lng/tab_system_0.png); background-position: top;}
#Tabs2 #System0.sel{background-position: bottom;}
#Tabs2 #System1{background-image: url(../img/lng/tab_system_1.png); background-position: top;}
#Tabs2 #System1.sel{background-position: bottom;}
#Tabs2 #System2{background-image: url(../img/lng/tab_system_2.png); background-position: top;}
#Tabs2 #System2.sel{background-position: 0 -58px;}
#Tabs2 #System2.disabled{background-position: bottom;}



/* oblast formulare */
#FormSection{clear: both; min-height: 100px; margin-bottom: 20px; /*130px;*/ padding: 30px 0 10px 20px; overflow: hidden;}
#LoadSection{clear: both; min-height: 100px; margin-bottom: 130px; padding: 30px 0 10px 20px; overflow: hidden;}
#BudgetSection{clear: both; min-height: 100px; margin-bottom: 130px; padding: 30px 0 10px 20px; overflow: hidden;}
#PageLogin #FormSection{padding-top: 5px; margin-bottom: 0; padding-bottom: 0;}
#FormSection .title{display: block; clear: both; margin-right: 20px; /*height: 70px;*/ line-height: 70px; border-bottom: 1px dotted #D1D3D5; vertical-align: middle;}
#LoadSection .title{display: block; clear: both; margin-right: 20px; /*height: 70px;*/ line-height: 70px; border-bottom: 1px dotted #D1D3D5; vertical-align: middle;}
#BudgetSection .title{display: block; clear: both; margin-right: 20px; /*height: 70px;*/ line-height: 70px; border-bottom: 1px dotted #D1D3D5; vertical-align: middle;}
.hr{display: block; clear: both; margin-right: 20px; /*height: 70px;*/ line-height: 15px; border-bottom: 1px dotted #D1D3D5; vertical-align: middle;}

/* chybove hlasky */
#FormMessageSection{padding: 10px;}
#FormMessageSection .title{height: 50px; text-indent: -10000em; overflow: hidden;}
#FormMessageSection .error{width: 255px; background: url(../img/lng/img_error_label.gif);}
#FormMessageSection ul li{list-style-image: url(../img/bgr_li_error.gif); }


/* rozvrzeni fieldset prvku */
fieldset, .formCol{overflow: hidden; border: none; margin-bottom: 20px;}
fieldset.f1_2, .formCol.f1_2{float: left; width: 475px; margin-right: 20px; _margin-right: 10px; background: url(../img/bgr_fieldset_separator.jpg) no-repeat right 50px; overflow: hidden;}
fieldset.f1_2.noseparator, .formCol.f1_2.noseparator{background: none;}
fieldset.f2_2, .formCol.f2_2{_float: left; width: 465px; _overflow: hidden;}

/* formularove prvky (mimo definice vzhledu radio a select prvku -> uniform.defoult.css) */
#FormSection input, #FormSection select, #FormSection textarea, #OverlayWindow input, #LoadSection input{clear: both; float: left; _float: none; border: 1px solid #D1D3D5; border: 1px solid #D1D3D5; vertical-align: middle; font-size: 14px; color: #666666;}
#FormSection input, #FormSection select, #OverlayWindow input, #LoadSection input{height: 39px; background: url(../img/bgr_input.gif) repeat-x;}
#FormSection input[type=checkbox]{background: #EFF0F1; height: auto; margin-top: 13px;}
#FormSection .line{height: 39px; margin-bottom: 6px;}
#FormSection .line input, #FormSection .line select{clear: none;}
#FormSection .line a{float: left; height: 39px; line-height: 39px; padding: 0 20px;}
.violet input, .violet select, input.violet{background: url(../img/bgr_input_violet.png) repeat-x;}
.white input, .white select{height: 39px; background: #fff !important; }
textarea{height: 130px;}
input.readonly{background: url(../img/bgr_input_gray.gif) repeat-x !important;}

.radioRow{clear: both; height: 27px; line-height: 26px; padding-top: 7px; text-align: left;}
.radioRow *{vertical-align: middle;}
.radioRow input{border: none; width: auto !important; height: auto !important; background: none ; margin-right: 3px;}
.radioRow input[type=radio]{float: left;}
.radioRow span{float: left; _float: none; margin-right: 30px;}

.cell{width: 315px; min-height: 72px; float: left; margin-right: 20px; margin-top: 18px; _overflow: hidden;}
.cellNoMinHeight {min-height: 0px !important;}
.cell label, .label{display: block; margin-right: 5px; float: left; font-weight: bold; height: 30px; line-height: 30px; text-align: left; overflow: hidden;}
.allow2lines label {height: 30px; line-height: 100%; width: 120px;}
span.label{display: inline; float: none; line-height: 25px;}
span.value{margin-right: 20px;}
.mainLabel{font-size: 14px; font-weight: bold;}
#FormSection .line label, #FormSection .line .label{display: block; font-weight: normal; float: left; height: 39px; line-height: 39px;}
#FormSection .line input, #FormSection .line select{margin-right: 10px;}
.cell input, .cell select, .cell textarea{width: 307px; padding: 0 3px;}
#FormSection .cell.button{width: auto; padding-top: 31px; min-height: 39px ;}
#FormSection .cell.button input{width: auto; border: none; background: none;}
#FormSection .cell .text{clear: both;}
#FormSection .cell .text *{vertical-align: middle; }
#FormSection .cell .text img{margin-right: 15px;}

.popup{display: block; float: left; margin-top: 4px; padding: 2px 4px; border: 1px solid #DCEDFF; border-radius: 3px; background-color: #6AA0E6; color: #fff; text-decoration: none; cursor:pointer; }
.popup_other {margin-left: 3px;}
.cell .unit{display: block; float: left; height: 39px; line-height: 41px; padding-left: 8px; vertical-align: middle; overflow: hidden;}


/* standardni sirky bunek */
.c50{width: 50px !important;}
.c120{width: 119px;}
.c120 input, .c120 select, .c120 textarea, .c120 .selector{width: 111px} /* 120 = kratka pole - PSC, apod */
.c180{width: 180px !important;}
.c180 input, .c180 select, .c180 textarea, .c180 .selector{width: 172px}
.c210{width: 217px;}
.c210 input, .c210 select, .c210 textarea {width: 209px} /* 210 = polovicni pole (v ramci polovicniho fieldsetu) */
.c210 .selector{width: 198px;}
.c440{width: 445px !important;}
.c440 input, .c440 select, .c440 textarea, .c440 .selector{width: 445px} /* 440 = cele pole      (v ramci polovicniho fieldsetu) */
.c470{width: 455px;}
.c600{width: 600px !important;}
.c600 input, .c600 select, .c600 textarea, .c600 .selector{width: 600px}
.cFull{width: 950px;}  /* cFull = cele pole      (v ramci celeho fieldsetu) */

/* specialni sirky */
.c470{width: 470px; margin-right: 0;}

/* doplnkova trida pro bunky s jednotkama za inputem - korekce sirek dle grafiky */
.c120unit{width: 175px}
.c120unit .unit{width: 40px;}
.c120unitShort{width: 147px; margin-right: 5px;}
.c120unitShort .unit{width: 18px;}
.c120unitLong{width: 200px;}
.c120unitLong .unit{width: 40px;}
.c120unitAuto{width: auto;}
.c120unitAuto{} .unit{width: auto;}

/* dalsi prvky ve formulari */
.cellBox_1_2{float: left; width: 222px; margin: 0 12px 11px 0; _margin-right: 20px;}
.cellBox_1_2 img{border: 1px solid #969696;}
.cellBox_1_2 .radioRow span{margin-right: 0;}
.cellBox_1_2 .radioRow input[type=radio]{margin-bottom: 5px;}
.cellBox_1_2 .radioRow label{float: right; height: 34px; line-height: 16px; width: 185px; margin-right: 0;  margin: 0;}

#FormSection table{}
#FormSection table td, #FormSection table th{height: 39px; margin: 1px; padding: 0 15px;}
#FormSection table th{background: url(../img/bgr_th.png); border: 1px solid #D1D3D5;}
#FormSection table td{/*background: url(../img/bgr_input.gif) ;*/}

/*krok 2*/
div.TabulkaPage2 {width: 895px;}
div.Tabulka table{float: left; table-layout: fixed; width: 100%;}
#FormSection div.Tabulka table td{padding: 0;}
div.Tabulka table input{width: 119px;} /* defaultni sirka inputu v tabulce (neumi si vzit sirku dle sloupce) */
div.Tabulka table input.short{width: 74px;}
div.Tabulka table select{width: 100%;}
div.Tabulka table div.selector{}
div.Tabulka table td.gray{background-color: #ededed; text-align: center; vertical-align: middle;}
div.Tabulka table td.seqCol{ background: none; width: 22px; border: none; padding: 0;}
div.Tabulka table input.w350i{width: 416px; padding: 0 5px 0 5px}
div.Tabulka table input.w50i{width: 70px; padding: 0 5px 0 5px;}
div.Tabulka table input.w95i{width: 115px; padding: 0 5px 0 5px}
.layerIndicator{float: right; margin-top: 44px; overflow: hidden;}
.rightTextAlign {text-align: right}
.centerTextAlign {text-align: center}

table .seqUp, table .seqDown, table .seqUpDisabled, table .seqDownDisabled{display: block; width: 12px; height: 12px; margin: 3px 0 3px 7px; font-size: 1px; text-indent: -10000em;}
table .seqUp{background: url(../img/order_top.gif) no-repeat ;}
table .seqDown{background: url(../img/order_bottom.gif) no-repeat ;}
table .seqUpDisabled{background: url(../img/order_top_disabled.gif) no-repeat ;}
table .seqDownDisabled{background: url(../img/order_bottom_disabled.gif) no-repeat ;}

/*online kalkulacka stylu tabulky http://www.somacon.com/p141.php*/
div.BudgetTable {width: 950px; }
div.BudgetTable table {width: 100%; table-layout: fixed; border-spacing: 2px;}
div.BudgetTable table th {height: 39px; margin: 1px; padding: 0 10px; font-size: 14px; border-width: 2px;}
div.BudgetTable table th {background: url(../img/bgr_th.png); border: 1px solid #D1D3D5;}
div.BudgetTable table th.budgetColA {text-align: left; width: 430px;}
div.BudgetTable table th.budgetColB {width: 48px; text-align: center; }
div.BudgetTable table th.budgetColC {width: 90px; text-align: right;}
div.BudgetTable table th.budgetColD {width: 90px; text-align: right;}
div.BudgetTable table th.budgetColE {width: 90px; text-align: right;}
div.BudgetTable table th.budgetColF {padding: 0 2px; width: 70px; text-align: center;}
div.BudgetTable table td {height: 28px; margin: 1px; }
div.BudgetTable table td.gray{background-color: #ededed; text-align: center; vertical-align: middle; border: 1px solid #D1D3D5}
#BudgetSection input {clear: both; float: left; _float: none; border: 1px solid #D1D3D5; border: 1px solid #D1D3D5; vertical-align: middle; font-size: 12px; color: black;/*#666666;*/}
#BudgetSection input {height: 28px; background: url(../img/bgr_input.gif) repeat-x;}
div.BudgetTable table input {padding: 0 10px 0 10px}
div.BudgetTable table input.budgetInputA {width: 430px; }
div.BudgetTable table input.budgetInputB {width: 49px; text-align: center;}
div.BudgetTable table input.budgetInputC {width: 90px; text-align: right;}
div.BudgetTable table input.budgetInputD {width: 90px; text-align: right;}
div.BudgetTable table input.budgetInputE {width: 90px; text-align: right;}

div.BudgetSummary {margin-top: 10px; color: black; font-size: 14px;}
div.BudgetSummary table td.bSummaryLeft { width: 750px; text-align: right; font-weight: bold; }
div.BudgetSummary table td.bSummaryRight { width: 110px; text-align: right;}
div.BudgetSummary table td.bSummaryBold { font-weight: bold; }
div.BudgetSummary table td{padding: 0; height: 20px;}

/*krok 3*/
#SummaryBox{clear: both; padding: 10px; margin: 20px 20px 20px 0; border: 1px solid #D1D3D5; border-radius: 10px; background-color: #F1F1F1; }
#SummaryBox .summary{font-size: 21px; margin: 15px 0 0 20px;}
#SummaryBox .left{margin-left: 50px;}
#SummaryBox .right{margin-right: 100px;}
#SummaryBox li{height: 30px; line-height: 30px; list-style-image: url(../img/ico_nothing.gif);}
#SummaryBox li.ok{height: 30px; line-height: 30px; list-style-image: url(../img/ico_ok.gif);}
#SummaryBox .right *{vertical-align: top;}
#SummaryBox li.error{list-style-image: url(../img/ico_error.gif);}

.listTable{clear: both; border: 1px solid #969696; border-collapse: collapse; width: 100%;}
.listTable .head td{height: 39px; background-color: #F2904F; padding: 0 4px; border-right: 1px solid #969696;}
.listTable .head td.target{background-color: #F2904F;}
.listTable .head td span{float: left;}
.listTable .filteringRow td{background-color: #F2904F; border-top: 1px solid #969696; border-bottom: 1px solid #969696; padding: 4px 0 4px 2px;}
.listTable .filteringRow td.target{background-color: #F2904F;}
.listTable .filteringRow input{width: 97%; height: 31px !important;}
.listTable td{background-color: #F8F8F8; border-left: 1px solid #969696; border-right: 1px solid #969696; padding: 0 4px;}
.listTable tr.even td{background-color: #EAEAEA;}
.listTable .moveUp, .listTable .moveDown{margin: 0; padding: 0; float: right; clear: right; display: block; width: 13px; height: 12px; overflow: hidden; text-indent: -100em; font-size: 1px;}
.listTable .moveUp{margin: 6px 0 2px 0; background-image: url(../img/ico_move_up.gif); cursor: pointer; }
.listTable .moveDown{background-image: url(../img/ico_move_down.gif); cursor: pointer; }
.tablePagination{height: 22px; margin-top: 15px; text-align: right;}
.tablePagination a, .tablePagination span{padding: 3px 7px; text-decoration: none; margin-left: 7px;}
.tablePagination a{border: 1px solid #676767; background-color: #D6D6D6;}
.tablePagination span{border: 1px solid #C1C1C1; background-color: #EEEEEE;}


.tablePagination a{color: #696766;}
.tablePagination span{color: #969696; }
.tablePagination a.actual{color: #EEEEEE; border: 1px solid #d6d6d6; background-color: #676767; cursor: default}
.tablePagination a.first{background-image: url(../img/ico_first.gif);}
.tablePagination a.previous{background-image: url(../img/ico_previous.gif);}
.tablePagination a.next{background-image: url(../img/ico_next.gif);}
.tablePagination a.last{background-image: url(../img/ico_last.gif);}

.tablePagination span.first{background-image: url(../img/ico_first_inactive.gif);}
.tablePagination span.previous{background-image: url(../img/ico_previous_inactive.gif);}
.tablePagination span.next{background-image: url(../img/ico_next_inactive.gif);}
.tablePagination span.last{background-image: url(../img/ico_last_inactive.gif);}


/*krok 5*/
.indicatorBoxTitle div { font-weight: bold; text-align: center; margin-top: 15px; margin-bottom: 10px; width: 177px; }
.indicatorBoxTitle div.left { }
.indicatorBoxTitle div.center { float: left; width: 590px; }
.indicatorBoxTitle div.right { float: left; }

.indicatorBox{float: left; width: 275px; height: 250px; background-image: url(../img/bgr_energ_indikator.gif); background-repeat: no-repeat;}
.indicatorBox .item{clear: both; width: 75px; height: 45px; line-height: 45px; padding: 0 10px 5px 10px; text-decoration: underline;}
.indicatorBox.left{background-position: left top;}
.indicatorBox.left .item{float: right;}
.indicatorBox.right{background-position: right top;}
.indicatorBox.right .item{float: left; text-align: right;}

#IndicatorBoxDescription{float: left; width: 400px; height: 250px; text-align: center;}
#IndicatorBoxDescription div{line-height: 35px;}
#IndicatorBoxDescription .value{font-size: 30px; margin-bottom: 12px;}

/* krok 6 */
#ConstDetailBox .left{clear: both; width: 290px; margin-top: 10px;}
#ConstDetailBox .left .itemDetail{clear: left; float: left; width: 24px; height: 24px; margin-bottom: 4px; border: 1px solid #D1D3D5; background: url(../img/img_sm_detail.gif) no-repeat ;}
#ConstDetailBox .left .itemDescription{float: left; width: 232px; min-height: 26px; line-height: 26px; margin-bottom: 4px; padding: 0 15px;}
#ConstDetailBox .right{margin-top: 10px; width: 600px; min-height: 800px; margin-right: 20px; border: 0; background-color: #FFFFFF;}
#ConstDetailBox .right img {border: 1px solid #000000;}

/* krok 7 */
.summaryTableIndicator{float: left; width: 52px; overflow: hidden;}
#FormSection table.summaryTable{float: left; width: 895px; border-collapse: collapse;}
#FormSection table.summaryTable tr td,#FormSection table.summaryTable tr th{margin: 0; border: 0;}
#FormSection table.summaryTable thead td {background: url(../img/bgr_th.png);}
#FormSection table.summaryTable tr td{background-color: #F7F7F7;}
#FormSection table.summaryTable tr.even td{background-color: #EFEFEF;}
#FormSection div.agreement {float: left; width: 920px; min-height: 26px; line-height: 26px; margin-bottom: 4px; padding: 0 7px;}
#FormSection div.agreementBottom{margin-bottom: 20px;}
#FormSection div.agreement a {color: #3875d7}

/* spolecna spodni ovladaci tlacitka */
#BottomFormControls{/*position: absolute; bottom: 10px; left: 10px;*/ clear: both; margin: 10px; width: 868px; height: 44px; padding: 23px 50px; border: 1px solid #D1D3D5; background: url(../img/bgr_bottom_controls.png) repeat-x ; text-align: right; vertical-align: middle;}
#BottomFormControls *{border: none; float: none; clear: none; height: auto; vertical-align: middle; margin-right: 10px;}
#BottomFormControls .reset {position: absolute; left: 50px;}
#BottomFormControlsDialog{/*position: absolute; bottom: 10px; left: 10px;*/ clear: both; margin: 0 40px 0 0; width: 90%; height: 44px; padding: 10px 25px; border: 1px solid #D1D3D5; background: url(../img/bgr_bottom_controls.png) repeat-x ; text-align: right; vertical-align: middle;}
#BottomFormControlsDialog *{border: none; float: none; clear: none; height: auto; vertical-align: middle; margin-right: 10px;}


/* obecne sirky */
.w20{width: 10px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w150{width: 150px;}
.w95{width: 95px;}
.w220{width: 220px;}
.w300{width: 300px;}
.w350{width: 350px;}


/* popup */
/* overlay box */
#OverlayWindow{width:100%; visibility: hidden; height:1000em; top:0; left:0; position: absolute; background: rgba(0, 0, 0, 0.7); z-index: 1000;}
#OverlayWindow .content{padding: 20px; background-color: #fff; border: 1px solid #343434;}
#LoadSection .content{padding-right: 20px;}
#OverlayWindow .content_IN{position: relative; color:#fff; text-align: center;}
#OverlayWindow .fixedWidth{width: 400px; border:8px solid #fff; padding: 60px 20px; font-size: 20px; font-weight: bold; background: url(../img/bgr_top_green_bar.jpg) ;}
#OverlayWindow .button{display: block; color:#fff; position: absolute; bottom: 25px; left: 140px; background-image: url(../img/but_close.gif); width: 94px; height: 27px;}

#OverlayWindow #PopupClose{float: right; width: 22px; height: 22px; margin-bottom: 10px; overflow: hidden; font-size: 1px; text-indent: -10000em; background: url(../img/but_close.gif) ;}


/* paticka stranek */
#PageBottom, #PageBottomLogin{margin: 20px auto 40px; height: 18px; width: 970px; padding: 0 10px;}
#PageBottomLogin{width: 520px;}

.label-check {
    padding-top: 7px;
}

table thead tr td {font-weight: bold;}

.pointer { cursor:pointer }
.defaultCursor { cursor:default }

.gwt-PopupPanel {
    border: none;
    margin: 0px;
    padding:  2px;
}

.gwt-PopupPanel .popupContent {
    border: 1px solid #000000;
    margin: 0px;
    padding:  12px;
    background-color: #ffffff;
}

.ListPopup {
    border: none;
    margin: 0px;
    padding:  2px;
    /*background-color: white;*/
}

.ListPopup .popupContent {
    color: #666666;;
    border: #d1d3d5 1px solid;
    background-color: white;
}

/* Dialog boxes */
.dialogTopLeftInner, .dialogMiddleLeftInner, .dialogBottomLeftInner,
.dialogTopRightInner, .dialogMiddleRightInner, .dialogBottomRightInner {
    display: none;
}

.gwt-DialogBox {
    background-color: white;
    border: 1px solid #666;
    z-index: 2;
}

.gwt-DialogBox .Caption {
    /*background: #d3d6dd;*/
    background: white;
    font-weight: bold;
    text-shadow: #fff 0 2px 2px;
    cursor: default;
    padding: 10px 5px 0 10px;
    border-bottom: 0 solid #999;
    text-align: left;
}

.gwt-DialogBox .dialogContent {
    padding: 0 20px 0 0;
}

.gwt-DialogBox .gwt-Button {
    margin: 0;
}

.gwt-PopupPanelGlass {
    background-color: #000;
    opacity: 0.3;
    filter: literal("alpha(opacity=30)");
    -ms-filter: "alpha(opacity=30)";
    z-index: 2;
}

span.filelink {
    overflow:hidden;
    position:relative;
    text-decoration: underline;
}
span.filelink span {
    overflow:hidden;
}
span.filelink span input {
    z-index: 999;
    height: 2em;
    font-size: 5px;
    position: absolute;
    top: 0px;
    left: -15em;
    opacity: 0.0;
    filter: literal("alpha(opacity=0)");
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding:0;
}

.descriptionBox {
    border: 1px solid #d1d3d5;
    width: 440px;
    height: 61px;
    background-color: #f4f4f4;
    padding: 5px;
}

.extension_shell_popup_p3 {
    margin-top: 0;
    height: 36px !important;
}

.gwt-SuggestBoxPopup { background-color: white; border: 1px solid gray; width: 450px; }
.gwt-SuggestBoxPopup .item { color: gray; height: 23px; font-size: 14px; }
.gwt-SuggestBoxPopup .item-selected { color: gray; font-weight: bold; }

.gwt-SuggestBoxPopup .suggestPopupTopLeft { width: 10px; height: 0px; }
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner { width: 0px; height: 0px; }
.gwt-SuggestBoxPopup .suggestPopupTopCenter { height: 10px; }
.gwt-SuggestBoxPopup .suggestPopupTopCenterInner { width: 0px; height: 0px; }
.gwt-SuggestBoxPopup .suggestPopupTopRight { width: 10px; height: 10px; }
.gwt-SuggestBoxPopup .suggestPopupTopRightInner { width: 0px; height: 0px; }
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft { width: 10px; }
.gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner { width: 0px; height: 0px; }
.gwt-SuggestBoxPopup .suggestPopupMiddleCenter { width: 95%;}
.gwt-SuggestBoxPopup .suggestPopupMiddleCenterInner { max-height: 300px; overflow: hidden; /*overflow-y: scroll;*/}
.gwt-SuggestBoxPopup .suggestPopupMiddleRight { width: 10px; }
.gwt-SuggestBoxPopup .suggestPopupMiddleRightInner { width: 0px; height: 0px; }
.gwt-SuggestBoxPopup .suggestPopupBottomLeft { width: 10px; height: 10px; }
.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner { width: 0px; height: 0px; }
.gwt-SuggestBoxPopup .suggestPopupBottomCenter { height: 10px; }
.gwt-SuggestBoxPopup .suggestPopupBottomCenterInner { width: 0px; height: 0px; }
.gwt-SuggestBoxPopup .suggestPopupBottomRight { width: 10px; height: 10px; }
.gwt-SuggestBoxPopup .suggestPopupBottomRightInner { }

/* for SK variant */
div.p3chart {
    float: none;
    text-align: left;
}

div.p3chart div.label {
    float: none;
    text-align: left;
    margin-left: 60px;
}

div.p7note {
    margin-top: 10px;
    margin-bottom: 20px;
}

.mmMargin {
    margin-right: 0px !important;
    float: none !important;
}
.p3InsulantWidth {
    width: 40px !important; padding-right: 0px !important;margin-right: 0px !important;
}

.ucell {

}

.radio-gwt label {
    font-weight: normal;
    margin-left: 5px;
    position: relative;
    top: -4px;
}

div.p4euro {
    padding-right: 10px;
    padding-left: 10px;
}

div.p4euro table {
    border: 0px solid black;
}

div.p4euro table td {
    border: 0px solid black;
    padding: 2px 0 0 4px !important;
    height: 30px !important;
}

div.p4euro table span.tab {
    background-color: cornflowerblue;
    color: white;
    font-weight: bold;
    cursor: pointer;
    padding: 0 2px 0 2px;
}

div.p4euro table span.w {
    /* input label width correction*/
    display: inline-block;
    width: 45px;
}

div.p4euro table input.number {
    width: 50px;
    float: none !important;
    margin-right: 4px;
    font-size: 12px !important;
}

div.p4euro hr {
    display: block;
}

div.p4euro div.cell {
    margin-top: 35px;
    min-height: 40px;
}

div.p4euro div.cell label {
    font-size: large;
    text-decoration: underline;
    width: 600px;
}

div.p4euro div.button {
    min-height: 40px;
    text-align: right;
    margin-right: 160px;
    margin-top: -15px;
}

div.p4euro input {
    height: 25px !important;
}

div.p4euroView table {
    width: 950px;
    border-collapse: collapse;
}

div.p4euroView table td {
    text-align: center;
    padding: 0px !important;
    border: 1px solid #969696;
    height: 23px !important;
}

div.p4euroView table td.header {
    /*background-color: orange;*/
    background-color: #e3e3e3;
}

div.p4euroView table td.blueline {
    /*background-color: lightcyan;*/
    background-color: #e3e3e3;
    font-weight: bold;
}

div.p4euroView table td.yellowcell {
    /*background-color: yellow;*/
    background-color: #ccebc7;
}

div.p4euroView textarea {
    width: 100% !important;
}

div#FormSection div.XlsDialogTable {
    margin-top: 20px;
}

/* override styles to fit our needs in the dialog*/
div#FormSection div.XlsDialogTable span {
    margin-left: 5px;
}

div#FormSection div.XlsDialogTable input[type="checkbox"], div#FormSection div.XlsDialogTable input[type="radio"] {
    margin-top: -4px;
}

div#FormSection div.XlsDialogTable table td
{
  height: 25px;
  padding-right: 5px;
  padding-left: 5px;
}

div.XlsDialogTable table input.date {
    width: 80px;
    height: 25px !important;
    font-size: 12px !important;
    margin-right: 15px;
}