

body { 
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-family: Arial, sans-serif;
    font-size:12px;	
}
input::-webkit-input-placeholder {color:#AAA}
input:-moz-placeholder {color:#AAA}
div::-moz-focus-inner,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0; padding: 0;
}

.wrapper{
    margin:20px auto;
    padding: 0;
    width: 800px;
}
.logo {
    background: transparent url("./img/logo.png") no-repeat scroll left bottom;
    float:right;
    width:38px;
    height:195px;
}
#container {
    float: left;
    width: 750px;
    border-color:#999;
    border-style:solid;
    border-width:0 1px;
}

.headerContainer{
    font-size:1.1em;
    border-left: 0 solid #999;
    border-right: 0 solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #000;
    height: 75px;
}
.innerContainer{
    background-color: #002673;
    border-color: #999;
    border-style: solid;
    border-width: 0 160px 0 120px;
    border-width: 0;
    border-left-color: #B3CFE5;
    border-right-color: #EBF3F9;
    margin: 0;
    height:450px;
}
.menuContainer {
    float: left;
    margin: 0 0 0 -120px;
    overflow: hidden;
    position: relative;
    width: 120px;
    height:100%;
    display:none;
}
#mainContainer{
    background-color: #002673;
    float: left;
    margin: 0;
    width: 750px;
    height:100%;
}
#footerContainer {
    background-color: #F1F6FA;
    border-color: #999;
    border-style: solid;
    border-width: 1px 0;
    color: #000;
    padding: 5px 5px 8px 5px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    overflow:hidden;
}
#footerContainer a {
    background-color: #f1f6fa;
    color: #000;
}
#footerContainer a:hover {
    background-color: #F1F6FA;
    color: #FF8000;
}
#mainInner{position:relative;left:-1000px;}


.error-msg, .info-msg{margin:20px 0 0 10px;padding: 0 7px;width:320px;display:none}
.error-msg p , .info-msg p{line-height:15px;font-size:12px;font-weight:800;margin:12px 0}
.error-msg .ico , .info-msg .ico{float: left; margin-right: .3em}
#waitbox{ opacity: .95;filter:Alpha(Opacity=95);font-weight: 700;line-height:30px;padding-top:20px;text-align:center;background-color:#B3CFE5;position:absolute;margin:0 0 0 -140px;left:50%;top:300px;width:200px;height:80px;color:#777;z-index:1002;display:none}
.warning{font-weight: 700;line-height:30px;text-align:center;position:absolute;margin:0 0 0 -200px;left:50%;top:100px;width:400px;height:90px;z-index:1002}

.field-error{display:block;background: url('./img/login-sprite.png') no-repeat scroll 0 -40px transparent;height:20px;width:22px;position:relative;left:137px;top:-42px}
.field-log{width:100px;height:21px;padding:2px 20px 2px 26px;margin-left:10px;}
.field-log-ico{background: url('./img/login-sprite.png') no-repeat scroll 0 -20px transparent;display: block;height: 20px;left:14px;position: relative;top:-22px;width: 22px}
.myshadow{box-shadow: 2px 3px 3px rgba(0, 0, 0, .1)}

/* styled Input Widget */
.ui-inputs {padding:2px 4px; text-align:right;display:block;box-shadow: 2px 3px 3px rgba(0, 0, 0, .1);outline-width:0;vertical-align: middle;height:21px;line-height:21px}
.ui-inputs-wrap {position:relative;padding:0;margin:0}
.ui-inputs-wrap.float {float:right;height:27px}
.ui-inputs-wrap .ui-inputs-unit{padding:0 2px 0 4px;float: right;position: relative;right: 22px;line-height:21px;color: #999;font-weight: 700;font-size: 1em;top:-24px;*top:-25px}			
.ui-spinner{padding-right:22px}
.ui-spinner-up, .ui-spinner-down {height:14px;z-index: 100;width:20px;position: absolute; right:0;cursor: pointer; padding:0;margin:0;vertical-align:middle;outline-width:0}
.ui-spinner-up { top:0; *top:1px}
.ui-spinner-down{ bottom:0;*bottom:-1px}
.ui-spinner-up span, .ui-spinner-down span{background:url(img/im_9.png);position:relative;width:7px;height:4px;display:block;margin:auto;*top:3px}
.ui-spinner-up span{background-position: -4px -22px}
.ui-spinner-down span{background-position: -69px -22px}
/* styled Select Widget*/
.ui-select { padding:2px 2px 2px 4px; text-align:left;cursor:pointer;display:block;box-shadow: 2px 3px 3px rgba(0, 0, 0, .1)}
.ui-select div { height:18px;line-height:18px; float:left;padding:0;white-space: nowrap;overflow:hidden}
.ui-select.right div {text-align:right}
.ui-select.center div {text-align:center}
.ui-select span.ui-icon { float:right;margin-top:1px}
.ui-select-single .ui-select-checkboxes label { padding:2px 5px !important}			
.ui-select-header { margin-bottom:3px; padding:3px}
.ui-select-header ul { font-size:.9em}
.ui-select-header ul li { float:left; padding:0 10px 0 0}
.ui-select-header a { background-color:transparent; text-decoration:none ;line-height:16px}
.ui-select-header a:hover { background-color:transparent; text-decoration:underline ;line-height:16px}
.ui-select-header span.ui-icon { float:left}
.ui-select-header li.ui-select-close { float:right; text-align:right; padding-right:0}
.ui-select-footer { margin-top:3px; padding:2px 3px ;height:18px}
.ui-select-footer div { background: url("") repeat-x scroll 0 -221px #FFF;border: 1px solid #AAADA3;border-radius: 3px 3px 3px 3px;color: #333;font-family: Arial,sans-serif;font-size: 11px;height: 16px;line-height: normal !important;margin: 0;outline-width:0;padding: 0 20px 0 2px}
.ui-select-footer div input { background-image: url("");background-color:transparent; border: 0;color: #333;font-family: Arial,sans-serif;font-size: 11px;height: 16px;line-height: normal !important;margin: 0;outline-width:0;padding: 0 20px 0 2px;width:100%} 
.ui-select-footer div span {border:0;bottom: 6px;cursor: pointer;display: none;height: 18px;margin: 0;padding: 0;position: absolute;right: 7px;width: 18px}
.ui-select-lst { display:none; padding:3px; position:absolute; z-index:10000; text-align: left}
.ui-select-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto}
.ui-select-checkboxes label { line-height:20px;height:20px;cursor:default; display:block; border:1px solid transparent; padding:5px !important; white-space: nowrap;overflow:hidden}
.ui-select-checkboxes label.ident { padding-left:15px !important}
.ui-select-checkboxes li { clear:both; font-size:1em; padding-right:0}			
.ui-select-checkboxes li.ui-select-separ{height:1px}
.ui-select-checkboxes label.ui-label-separ{ border:0;line-height:1px;height:1px;background-color:#CCC;padding:0 !important}
.ui-select-checkboxes label.ui-label-separ.ident{margin-left:15px !important}
.ui-icon-case {width:12px;height:12px;padding:0;margin: 3px 4px 0 0;float:left}
.ui-icon-case-ckeck {width:12px;height:12px;margin:0;background-position:-66px -147px !important}
.ui-icon-case-clear {width:12px;height:12px;margin:0;background-position: -240px -224px !important}
.ui-select-checkboxes li.ui-select-optgroup-label {cursor: default;border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; display: block; font-size: 10px; font-style: italic;font-weight: 400;padding: 3px 0 3px 3px;line-height:16px; margin: 0}
.ui-select-checkboxes li.ui-select-optgroup-label a.ui-select-grpcheck {float:right;text-align:right; padding-right:0; margin-right:4px}
.ui-select div.ui-select-img {width:14px;height:11px;padding: 0 ;margin:0 4px 0 0;float:left;border: 1px dotted #AAADA3}
.ui-select div.ui-select-img.ui-in {width:16px;height:11px;border: 0;margin-top:4px}
.ui-select-checkboxes label div.ui-select-img {width:16px;height:11px;float:left;margin:4px 4px 0 0;padding:0}


.ledContainer{
    float:left;
    background:url(./img/led.png) no-repeat;
    position:relative;
    width:21px;
    height:20px;
    overflow:hidden;
    text-align:center;
    float:left;
    margin:3px 8px 8px 40px 
}

.ledContainer.chkOn{background-position: -21px 0px}
.ledContainer.chkOff{background-position: -63px 0px}
/* styled On-OFF */
.chkContainer{
    float:left;
    background: #002849; 
    position:relative;
    width:60px;
    height:20px;
    overflow:hidden;
    margin:3px 12px 4px 10px;
    text-align:center;
    color: white;
        
        
}
.chkContainer label{
    white-space:nowrap;
    font-size:13px;
    line-height:20px;
    font-weight:700;
    font-family:Arial, sans-serif;
    text-transform:uppercase;
    display:block;
    height:20px;
    position:absolute;
    width:30px;
    top:0;
    overflow:hidden
}
.chkDisabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5}

.chkContainer .chkLabelOn{color:red;background:url(./img/chk_on.png) no-repeat;text-shadow:0 0 2px #FFF;right:0}
.chkContainer .chkLabelOff{color:green;text-shadow:0 0 2px #FFF;left:0}
.chkContainer .chkLabelDis{color:#6b6b6b;left:0;width:60px;font-weight:800;text-transform:none;font-size:9px;display:none}
.chkContainer .chkLabelVal
{
    color:white;
    left:0;
    width:60px;
    font-weight:800;
    text-transform:none;
    font-size:14px
}
.chkContainer .chkHandle{display:block;height:20px;position:absolute;top:0;left:30px;width:30px;background:url(./img/chk_center.png) no-repeat}
.chkContainer.chkOn .chkHandle{display:block;height:20px;position:absolute;top:0;left:0;width:30px;background:url(./img/chk_center.png) no-repeat}			
.chkContainer.chkDisabled .chkHandle, .chkContainer.chkDisabled .chkLabelOn, .chkContainer.chkDisabled .chkLabelOff, .chkContainer.chkDisabled .chkLabelVal{display:none}
.chkContainer.chkDisabled .chkLabelDis
{
    display:block;
    color:white;
}

.zn{
    display:block;
    width:228px;
    height:28px;
    line-height:28px;
    text-align:left;
}

#relaisField
{
    height: 89px;
}

.channel
{
    cursor:default;
    width: 520px;
    height: 160px;
    text-align: center; 
    position:relative;
    float:left;
    vertical-align: middle;
    color: #FFFFFF;
    border-bottom: 1px solid black;
}	

.titre
{    
    margin:0;
    width: 280px;
    height:26px;
    line-height:26px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #FFFFFF;
    padding: 0;
    float:left
}


.header{
    width: 720px;
    height:26px;
    padding:5px;
}

.bpset{float:right;margin:1px 5px 0 0;display:none}
.outputs{
    width: 229px; 
    height:445px;
    position:absolute;    
    right:0px;
    font-size:11px;
    border-left: 1px solid black;        
}		
.outputs .head{margin:1px 0;padding-bottom: 4px;width:100%; display:block;font-size:12px;height:14px;line-height:14px;position:relative;font-weight: 700;}
.head.lineT{
    border-top:1px solid black;
    margin:6px 0;
    padding-top: 8px
}
.outputs .ui-num{
    position:relative;
    float:left;
    width:20px;
    line-height:20px;
    height:20px;
    margin:3px 5px 4px 5px ;
    background:url(img/out.png) no-repeat 0 0;
    text-align:center;
    padding:0;
    color:#002857
}
.outputs .ui-num.ui-on{
    color: white;
    font-weight: 700;
}
.infos{width: 200px; height:40px;position:absolute;top:407px;right:11px;font-size:9px}		

.temp{text-align: left;float:none;height: 26px;font-size:9px;margin:0;padding:2px 0;width:100%; border: none}
.termo{width: 94px;height: 26px;background:url('img/therm.png') no-repeat 0 0;float:left;padding:0 0 0 26px;font-size: 14px;color: #FFFFFF;line-height:26px}
.termo.no{background:url('') no-repeat 0 0;}

.currentUnit
{
    font-size: 0.5em;
    color: #999;
    margin-left: 5px;
}


#StartStop
{
    width:200px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    color: #073569 !important;
    position:absolute;
    overflow: visible;
    top:365px;
    right:12px;
    font-size:14px;
    padding: 0px;
    margin: 0px;        
}

.errorListButton
{    
    line-height: 20px;
    font-weight: 700;
    cursor: none;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    width:200px;
    position:absolute;
    top:413px;
    right:12px; 
    height: 30px;
    font-size:1.1em;
    color: #073569 !important;
}
.errorListButton.on
{
    cursor: pointer;
    color: #073569 !important;
}
.errorListButton.warn
{
    cursor: pointer;
    color: #073569 !important;
}

.errorListButton.hover_active
{
    color: graytext;
    text-decoration: none;
    text-shadow: #c0c0c0 3px 3px 5px;
    border-style: none;    
}


.ErrorMarquee{
    padding:10px;
    position:absolute;
    top:410px;
    left: 6px;
    width: 490px;
    height: 30px; 
    margin:0 0 0 8px;
    border-top: 1px solid black
}	

.liveErrorText{
    font-size:44px;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    overflow: visible; /* removes extra width in IE */    
}





.tabText
{    
    font-size: 12px;    
}




.date-clock{
    padding:6px 10px 0 0;
    margin:0;
    text-align:right;
    font-size: 16px;
    color: #002587;
    line-height:26px;
    width: auto;
    float:right
}		
.regul-zone{
    float:left;
    margin:0;
    width: 95px;
    height:50px;
    padding:5px 0 0 5px;
    margin:5px 0 0 10px 
}
.regul-zone .regul{
    margin:0;
    width: 80px;
    height:40px;
    padding:0;
    display:none
}
.regul-zone .regul .ui-down{
    float:left;
    padding:0;
    margin:0;
    width: 40px;
    height:40px;
    background: url("./img/regul2.png") no-repeat 0 0 
}
.regul-zone .regul .ui-down .ui-purcent{
    float:left;
    width: 0;
    height:40px;
    background: url("./img/up_2.png") no-repeat right bottom 
}
.regul-zone .regul .ui-up{
    float:left;
    padding:0;
    margin:0;
    width: 40px;
    height:40px;
    background:  url("./img/regul2.png") no-repeat -40px 0 
}
.regul-zone .regul .ui-up .ui-purcent{
    float:left;
    margin:0;
    width:0;
    height:40px;
    background: url("./img/down_2.png") no-repeat 0 0 
}
.regul-zone .regul .ui-val{
    width:80px;
    height:20px;
    position:absolute;
    text-align:center;
    font-weight: 700
}
.regul-zone .state{
    margin:-10px 0 0 10px;
    width: 60px;
    height:60px;
    padding:0;
}
.regul-zone .state.ui-stop
{
    background: url("./img/stop2.png") no-repeat 0 0;
    margin-top: 10px;        
}
.regul-zone .state.ui-no{
}
.regul-zone .state.ui-broken{
    background: url("./img/broken.gif") no-repeat 0 0 #FFF
}

.value
{
    float:left;
    margin: 0;
    width: 300px;
    line-height:60px;
    height:60px;
    font-size: 60px;
    text-decoration: none;
    color: #FFFFFF;
    padding:0;
}

.unit-z{
    float:left;
    margin:0 0 0 -60px;
    width:170px;
    height:60px;
    text-align: left;
    font-size: 18px;
    line-height:20px;
    color: #FFFFFF;
    padding:0
}
.unit-d,.unit-c{height:20px;text-align:right;line-height:18px;font-size: 16px; padding-right: 5px}
.unit{text-align: right;margin-right: 110px; font-weight: 700}
.unit-set{position: relative; top: 44px; padding-right: 4px;   height:20px;text-align:right;line-height:18px;font-size: 11px; color: white}
.bargraph-zone{float:left;text-align:left;margin:auto;width:300px;display:none}
.bargrah{text-align:left;width:286px;height:32px;background: url('./img/bg_bar.png') repeat-x 0 0 #FFF;border:1px solid #C1C1C1;padding:0 6px 6px 6px}
.bargrah-za{width:286px;height:4px;padding:1px;overflow:hidden;position:relative;}
.bargrah-zv{margin:0;width:284px;height:22px;border:1px solid #C1C1C1;padding:1px;background-color:#FFF;overflow:hidden}
.bargrah-val{margin:0;width:0;height:22px;background: url('./img/bar.png') repeat-x 0 0 #FFF;border:0}
.bargrah-val.al{background: url('./img/bara.png') repeat-x 0 0 #FFF;}
.side-zone {float:left;width:110px;height:60px;text-align:center;color: #0D2965}
.side-zone.p-h{color:red;font-size: 18px;line-height:40px;font-weight: 700}
.alarm{position:absolute;top:1px;width:0;height:4px;margin:0;padding:0}
.alarm.low{left:2px}
.alarm.high{right:2px}
.cons{position:relative;left:-6px;margin:-26px 0 0 0;width:13px;height:33px;background: url('./img/cons.png') no-repeat 0 0;display:none}

#Channel3{    
    border: none;
}

#Channel3 .value
{
    font-size: 30px;
    padding: 10px;
}

.consval{
    
    position:relative;
    margin:2px 0;
    height:12px;
    font-size: 10px;
    font-weight: 800;
    text-align:center;
    display:none;
    color:#13AD05
}

.consvalback{    
    padding:2px
}

.echelle{
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    color: #FFFFFF;
    width: 100px;
    line-height:12px;
    height:12px}
.echelle.ui-min{margin-left:-50px;float:left}
.echelle.ui-max{margin-right:-50px;float:right}

.tabs-left { 
    position: relative; 
    padding-left: 116px; 
} 
.tabs-left .ui-tabs-nav { 
    position: absolute; 
    left: .25em; 
    top: 2px; 
    width: 110px; 
    padding: 0 0 1px .2em; 
} 
.tabs-left .ui-tabs-nav li { 
    right: 1px; 
    width: 100%; 
    border-right: none; 
    border-bottom-width: 1px !important; 
    -moz-border-radius: 4px 0 0 4px; 
    -webkit-border-radius: 4px 0 0 4px; 
    border-radius: 4px 0 0 4px; 
    overflow: hidden; 
} 
.tabs-left .ui-tabs-nav li.ui-tabs-selected, 
.tabs-left .ui-tabs-nav li.ui-state-active { 
    border-right: 2px solid transparent; 
} 
.tabs-left .ui-tabs-nav li a { 
    float: right; 
    width: 100%; 
    text-align: right; 
    padding:.4em .2em;
} 

#Fabi {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

#footer {
    font-size: 12px;
    text-align: right;
    margin-bottom: 10px;
}

.two-tabs{overflow:hidden;text-align: center}
.two-tabs .inner-tabs{text-align:center;height:141px;background: url('') repeat-x scroll 50% 50% #FFF;border: 1px solid #E78F08;padding:5px}
.two-tabs .no-corner-bottom{ -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0}
.ui-tabs-nav{font-size: 10px;}
.tableConfig,.tableProg {white-space:nowrap;text-align:left;border: 0 solid #999;background-color: #FFF;margin-left: 0;padding: 5px;margin-bottom: 5px;border-spacing: 0;border-collapse: collapse}
.tableConfig{background-color:transparent;font-size: 14px;margin-top:10px;width:100%}
.tableConfig span{padding:0 0 0 5px}
.tableConfig .ui-mes, .tableProg .ui-mes{
    text-align: center;
    padding:4px 7px 0 6px;
    width:auto;
    font-weight:500;
    color:#0D2A66;
    white-space:nowrap !important
}
.tableProg .ui-mes.mid {
    padding-left:14px;
    
}
.tableProg .ui-val {
    padding-top:8px;
    text-align:center;
}
.tableConfig .ui-mes {text-align:left;padding:10px 8px 0 0;white-space:nowrap !important;font-weight:700}
.tableConfig .ui-val{text-align:center;width:50%;padding:10px 8px 0 0;white-space:nowrap !important;font-weight:700}

.tableProg .controlType
{
    font-size: 1.1em;
    font-weight:700;
}


.grid
{
    font-family: Arial, sans-serif;
    font-size: 11px;
    position: absolute;
    overflow: hidden;
    color: white;
    width: 780px;
    position:relative;
}
.grid div.hDivBox
{
    height:0px;
    float: left; 
}
.grid div.hDiv
{
    padding: 0;
    margin: 0;
    background: transparent;
    position: relative;
    overflow: hidden;
    width: 780px;
    color: white;
}	

.grid div.bDiv
{
    overflow: auto;
    position: relative;
    cursor:default;
}

.grid div.bDiv table
{
}
.grid div.bDiv table.autoht
{
    border-bottom: 0;
    margin-bottom: 0;
}

.grid div.hDiv th, .grid  div.bDiv td  /* common cell properties*/
{    
    border-right: 1px solid #000;
    border-left: 0px solid #000;
    overflow: hidden;
    
}

.grid div.hDiv th div, .grid  div.bDiv td  div
{
    border-left: 0 solid #fff;
    overflow: hidden;
}

.grid div.hDiv th
{
    padding:0;
    font-weight: 700;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
}	

.grid div.bDiv td
{
    padding: 4px 0px 4px 0px;
    border-bottom: 1px solid #000;
}

.grid div.bDiv td div
{
    padding:0;
    border-top: 0 solid #fff;
}
.grid tr.arow td
{				
    border-bottom: 1px solid #000;
    color:#FFF;
    font-weight: 700;				
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0 1em;
    text-align:center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}


#ErrorTexts
{
    color:#FFF;
    position: absolute;
    top: 406px;    
    height: 40px;
    width: 515px;
}


.latestError 
{
    color: red;    
}


#button-less
{
    margin-top: 20px;
    
}
#button-less .akordeon-item-head-container
{
    left: 0px !important;
}

#errorWarningPage
{       
  background-color: #073569;
}

.error-table-head
{
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    vertical-align: middle;
    height: 30px;    
}

.error-table-column-type-head
{
   min-width: 70px;    
   border-bottom: 1px solid black;
   border-right: 1px solid black;   
}

.error-table-column-number-head
{
     min-width: 100px;    
     border-bottom: 1px solid black;
     border-right: 1px solid black;
}

.error-table-column-number
{
    font-family: Arial, sans-serif;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;    
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}


.error-table-column-description-head
{
    min-width: 460px;    
    text-align: left;
    padding-left: 15px !important;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}
.error-table-column-description
{
    padding-left: 15px !important;
    font-family: Arial, sans-serif;
    font-size: 14px;
    vertical-align: middle;
    text-align: left;
    word-wrap: normal;
    line-height: normal; 
}


.error-table-column-ack-head
{
    min-width: 132px;
    border-bottom: 1px solid black;
}

.error-table-column-ack
{
    font-family: Arial, sans-serif;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}

.errorTable
{
    border-bottom: 0;
    margin-bottom: 0;
}

.errorTableEntries
{
    line-height: 15px;
}

.channelPlane
{
    margin-top: 10px;
    border: 2px solid #F4D5A4;    
}

.tableSimChannel
{
  padding-top: 5px;    
}

.radioLabel
{
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #E78F08;
    padding-left: 5px;
    padding-top: 5px;
}

.simDesc
{
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-left: 10px;    
}

.simVal
{
    width: 400px;
    text-align: right;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-right: 0px;    
}

.simSlider
{
    width: 400px;
    padding-left: 50px;
    padding-right: 5px;    
}


#infoPanel
{
    background-color: #FFFFFF;
    width: 750px;
    height: 40px;    
}

#sdCardButton
{
    background:url('img/icon-sd-karte.png') no-repeat 0 0;    
    border: none;
    width: 18px;
    height: 24px;
    margin-left: 10px; 
    margin-top: 2px;
}

#sdCardButton.in{
    background:url('img/icon-sd-karte.png') no-repeat 0 0 !important;    
}

#sdCardButton.full{
    background:url('img/icon-sd-karte_error.png') no-repeat 0 0 !important;    
}


#InfoButton
{
    background:url('img/info.png') no-repeat 0 0;
    border: none;
    width: 30px;
    height: 30px;
    margin: 5px;    
}

.settingsTab .ui-state-default
{
    background-color: #f7a600;    
}

.gradientOrangeTopBottom
{
    color: white !important;
    background: #ee7203; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7A600), to(#ee7203));
    background-image: -moz-linear-gradient(#F7A600, #ee7203);
    background-image: -webkit-linear-gradient(#F7A600, #ee7203);
    background-image: -o-linear-gradient(#F7A600, #ee7203);
    background: -ms-linear-gradient(#F7A600, #ee7203);
    background: linear-gradient(#F7A600, #ee7203);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7A600', endColorstr='#ee7203',GradientType=0 );      
}

.gradientOrangeBottomTop
{
    color: white;
    background: #F7A600;  
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ee7203), to(#F7A600));
    background-image: -moz-linear-gradient(#ee7203, #F7A600);
    background-image: -webkit-linear-gradient(#ee7203, #F7A600);
    background-image: -o-linear-gradient(#ee7203, #F7A600);
    background: -ms-linear-gradient(#ee7203, #F7A600);
    background: linear-gradient(#ee7203, #F7A600);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7203', endColorstr='#F7A600',GradientType=0 );       
}

.gradientBlueLeftToRight
{
    background: #002673; 
    background-image: -webkit-gradient(left, linear, 0% 0%, 100% 0%, from(#002857), to(#073569));
    background-image: -moz-linear-gradient(right, #002857, #073569);
    background-image: -webkit-linear-gradient(right, #002857, #073569);
    background-image: -o-linear-gradient(right, #002857, #073569);
    background: -ms-linear-gradient(right, #002857, #073569);
    background: linear-gradient(to right, #002857, #073569);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#073569',GradientType=1 );        
}

.gradientBlueRightToLeft
{
    background: #002673; 
    background-image: -webkit-gradient(left, linear, 0% 0%, 100% 0%, from(#073569), to(#002857));
    background-image: -moz-linear-gradient(right, #073569, #002857);
    background-image: -webkit-linear-gradient(right, #073569, #002857);
    background-image: -o-linear-gradient(right, #073569, #002857);
    background: -ms-linear-gradient(right, #073569, #002857);
    background: linear-gradient(to right, #073569, #002857);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073569', endColorstr='#002857',GradientType=1 );        
}

.gradientBlueOutputs
{
    background: #002673; 
    background-image: -webkit-gradient(left, linear, 0% 0%, 100% 0%, from(#002857), to(#093469));
    background-image: -moz-linear-gradient(right, #002857, #093469);
    background-image: -webkit-linear-gradient(right, #002857, #093469);
    background-image: -o-linear-gradient(right, #002857, #093469);
    background: -ms-linear-gradient(right, #002857, #093469);
    background: linear-gradient(to right, #002857, #093469);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#093469',GradientType=1 );       
}

#pass
{
    margin-top: -3px;
    font-size: 0.8em;
    text-align: center;
}

#BpLogin
{
    color: #000;
    height: 28px;
    font-size: 0.8em;    
}
#startstopField
{
    height: 50px;
    border-top:1px solid black;
    border-left:1px solid black;       
}

#ErrorBtnField
{
    height: 70px;
    border-top:1px solid black;
    border-left:1px solid black;    
}

#channel3Unit
{
    font-size: 14px;    
}

#infoLogo
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#language
{
    color: black !important;
}