/* common */
*{margin:0;padding:0}
html{height: 100%;background:#2d2f38 ;}
body{min-height: 100%;background:#2d2f38 ;color:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:1.25;}
body#login{background:#2d2f38/* url(../gfx/backgrounds/body.png) repeat-x*/;}

a{text-decoration:none;transition: color 0.4s;}
a:hover{transition: color 0.2s;}
a img{border:0}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
input:focus,textarea:focus,select:focus,.btn:focus{outline:1px solid #93c138;outline-offset:1px;}
input[type="checkbox"] {vertical-align: middle;margin: 3px;}
div.spacer{height:1px;width:100%;clear:both}

.ajaxcss {display:block;float:left;}
.ajaxcss div{height:11px;width:4px;display:inline-block;background-color: #AAFF00;outline: 1px solid transparent;border:1px solid #637048;-webkit-animation:ajaxcss_loader 1.5s linear infinite;animation:ajaxcss_loader 1.5s linear infinite;-webkit-transform: scale(.9);transform: scale(.9);opacity:.9;}
.ajaxcss div:nth-child(1){-webkit-animation-delay:0.39s;animation-delay:0.39s;margin-right:2px;}
.ajaxcss div:nth-child(2){-webkit-animation-delay:0.52s;animation-delay:0.52s;margin-right:2px;}
.ajaxcss div:nth-child(3){-webkit-animation-delay:0.65s;animation-delay:0.65s;margin-right:6px;}
@-webkit-keyframes ajaxcss_loader{0%{-webkit-transform:scale3d(.9,.9,.9);opacity:.9}30%{-webkit-transform:scale3d(1.2,1.2,1.2);opacity:1}100%{-webkit-transform:scale3d(.5,.5,.5);opacity:0.01;}}
@keyframes ajaxcss_loader{0%{transform:scale3d(.9,.9,.9);opacity:.9}30%{transform:scale3d(1.2,1.2,1.2);opacity:1;}100%{transform:scale3d(.5,.5,.5);opacity:0.01; }}

/* progress bar */
.progress-bar {position: relative;text-align: left;background-color: #1a1a1a;height: 15px;width: 330px;margin: 0;border-radius: 3px;box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;}
.progress-light {box-shadow: 0 1px 5px #444 inset;background-color: #565A69;}
.progress-bar span {display: inline-block;overflow: hidden;height: 100%;border-radius: 2px;box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;transition: width .4s ease-in-out;}
.progress-perc {position: absolute;width: 330px;top: 0px;color: #fff;text-align: center;line-height:16px}
.progress-bar span .progress-perc {top: 0px;color: #000;line-height:16px}
.progress-green span {position: absolute;top:0;background-color: #93C138;background-image: -webkit-linear-gradient(top, #98E500, #93C138);background-image: -moz-linear-gradient(top, #98E500, #93C138);background-image: -ms-linear-gradient(top, #98E500, #93C138);background-image: -o-linear-gradient(top, #98E500, #93C138);background-image: linear-gradient(top, #98E500, #93C138);  }
.progress-shine span {position: relative;}
.progress-shine span::after {content: '';opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;border-radius: 2px;-webkit-animation: animate-shine 2s ease-out infinite;-moz-animation: animate-shine 2s ease-out infinite; animation: animate-shine 2s ease-out infinite;}
@-webkit-keyframes animate-shine{0% {opacity: 0; width: 0;}50% {opacity: .5;}100% {opacity: 0; width: 95%;}}
@-moz-keyframes animate-shine{0% {opacity: 0; width: 0;}50% {opacity: .5;}100% {opacity: 0; width: 95%;}}
@keyframes animate-shine {0% {opacity: 0; width: 0;}50% {opacity: .5;}100% {opacity: 0; width: 95%;}}

/* header */
/*header{background:#070B01 url(../gfx/backgrounds/header.png);color:#fff;height:53px}*/
header{background:#2d2f38;color:#fff;height:53px}
/* status */
header menu{float:left;margin:4px 0 0 48px}
header menu ul li{display:inline;list-style-type:none}
header menu ul li a{float:left;font-size:15px}

header menu ul li#alarm_status a.status_pending{width:37px;height:40px;background:url(../gfx/icons/alarm_status.png) no-repeat;margin-right:16px}
header menu ul li#alarm_status a.status_a{width:37px;height:40px;background:url(../gfx/icons/alarm_status_a.png) no-repeat;margin-right:16px}
header menu ul li#alarm_status a.status_b{width:37px;height:40px;background:url(../gfx/icons/alarm_status_b.png) no-repeat;margin-right:16px}
header menu ul li#alarm_status a.status_c{width: 37px;height:40px;background:url(../gfx/icons/alarm_status_c.png) no-repeat;margin-right:16px}
header menu ul li#alarm_status a.status_e{width: 37px;height:40px;background:url(../gfx/icons/alarm_status_e.png) no-repeat;margin-right:16px}
header menu ul li#alarm_status a.status_ack{width:37px;height:40px;background:url(../gfx/icons/alarm_status_ack.png) no-repeat;margin-right:16px}

header menu ul li#alarm_status a.active_a{width: 37px;height:40px;background:url(../gfx/icons/active_a.gif) no-repeat;margin-right:16px}
header menu ul li#alarm_status a.active_b{width: 37px;height:40px;background:url(../gfx/icons/active_b.gif) no-repeat;margin-right:16px}
header menu ul li#alarm_status a.active_c{width: 37px;height:40px;background:url(../gfx/icons/active_c.gif) no-repeat;margin-right:16px}
header menu ul li#alarm_status a.active_e{width: 37px;height:40px;background:url(../gfx/icons/active_e.gif) no-repeat;margin-right:16px}

header menu ul li#message_status a span, header menu ul li#alarm_status a span, header menu ul li#mo_status a span,header menu ul li#system_error_status a span{color:#fff;display:block;text-align:center;padding:4px 14px 4px 0px;}
header menu ul li#message_status a.status_off{width:37px;height:41px;margin-right: 15px;background:url(../gfx/icons/message_status.png) no-repeat}
header menu ul li#message_status a.status_on{width:37px;height:41px;margin-right: 15px;background:url(../gfx/icons/message_status_on.png) no-repeat}
header menu ul li#mo_status a.status_off{width:37px;height:41px;}
header menu ul li#mo_status a.status_on{width:37px;height:41px;background:url(../gfx/icons/mo_status_on.png) no-repeat;}
header menu ul li#system_error_status a{width:40px;height:34px;margin: 4px 0 0 15px;background:url(../gfx/icons/system_error_status.png) no-repeat}

header menu ul li#forecast_cloud a{width:40px;height:40px;margin: 4px 0 0 15px;background:url(../gfx/icons/forecast_cloud.png) no-repeat}

/* logos */
header h1 span,header h2 span{display:none}
header h1{background:url(../gfx/logo/ultra.png) no-repeat;width:124px;height:37px;float:left;margin:10px 0 0 16px}
header h2{background:url(../gfx/logo/abelko.png) no-repeat;width:90px;height:33px;float:right;margin:12px 16px 0 0}
/* clock */
header p#clock{float:right;margin:18px 16px 0 0}
header p#clock strong{color:#cc0000}
/* main nav */

header ul#ident{float:left;margin:8px 0 0 128px}
header ul#ident li {list-style-type:none}

header ul#dev_warning{float:left;margin:8px 0 0 128px}
header ul#dev_warning li {list-style-type:none;color:#cc0000}

header ul#toggle_full{float:left;margin:8px 0 0 128px}
header ul#toggle_full li {list-style-type:none}

div#main{background:#191919;line-height:48px;width:100%}
div#main .spacer {background-color:#2d2f38}
div#main ul li{float:left;list-style-type:none;margin-right:32px}
div#main ul li a{display:block;height:47px;width:68px;text-align:center;color:#fff}

/* nav main inactive */
div#main ul li a{background-repeat:no-repeat;background-position:center}
div#main ul li a.active{background-color:#2d2f38}
div#main li a span{display:none}
div#main li#logout span {display:inline}
div#main .home a{background-image:url(../gfx/icons/home.png)}
div#main .alarm a{background-image:url(../gfx/icons/alarm.png)}
div#main .data a{background-image:url(../gfx/icons/data.png)}
div#main .communication a{background-image:url(../gfx/icons/communication.png)}
div#main .config a{background-image:url(../gfx/icons/configuration.png)}
div#main .system a{background-image:url(../gfx/icons/system.png)}
div#main .help a{background-image:url(../gfx/icons/help.png)}
/* nav main hover */
div#main .home a.hover{background-image:url(../gfx/icons/home_hover.png)}
div#main .alarm a.hover{background-image:url(../gfx/icons/alarm_hover.png)}
div#main .data a.hover{background-image:url(../gfx/icons/data_hover.png)}
div#main .communication a.hover{background-image:url(../gfx/icons/communication_hover.png)}
div#main .config a.hover{background-image:url(../gfx/icons/configuration_hover.png)}
div#main .system a.hover{background-image:url(../gfx/icons/system_hover.png)}
div#main .help a.hover{background-image:url(../gfx/icons/help_hover.png)}
/* nav main active */
div#main .home a.active{background-image:url(../gfx/icons/home_hover.png)}
div#main .alarm a.active{background-image:url(../gfx/icons/alarm_hover.png)}
div#main .data a.active{background-image:url(../gfx/icons/data_hover.png)}
div#main .communication a.active{background-image:url(../gfx/icons/communication_hover.png)}
div#main .config a.active{background-image:url(../gfx/icons/configuration_hover.png)}
div#main .system a.active{background-image:url(../gfx/icons/system_hover.png)}
div#main .help a.active{background-image:url(../gfx/icons/help_hover.png)}

/* auth */
div#main #auth{float:right;margin-right:16px;line-height:26px}
div#main #auth span{display:inline;height:20px}
div#main #auth a{width:auto;color:#fff !important;float:left;height:14px !important;border-bottom:none}
div#main #auth a#logout{margin-bottom:4px}
div#main #auth .spacer{background-color:#191919}
div#main #auth a:hover .username,div#main #auth a:hover #num_logged_in{color:#93c138 !important;}
div#main #auth .username,div#main #auth #num_logged_in{text-decoration:underline}
/*logged in users*/
div#logged_in{position:absolute;background-color:#fff;border-radius:3px;padding:4px 8px;}
div#logged_in table th{text-align:left;border-bottom:1px solid #c0c0c0}
div#logged_in table{border-spacing:1px;border-collapse:separate}
div#logged_in table tr.odd{background:#d8d8d8}
div#logged_in table td{padding:2px 4px}
div#logged_in table th.close_logged_in{text-align:right}
div#logged_in table th.close_logged_in a{font-weight:700;color:#cc0000}
div#logged_in table tr#me td{font-weight:700}

/* sub nav */
div.sub_nav{background:url(../gfx/backgrounds/sub_nav.png);color:#93c138;width:220px;border-left:1px solid #191919;border-right:1px solid #191919;border-bottom:1px solid #191919;position:absolute;top:100px;z-index:10}
div.sub_nav ul{margin:4px 8px 8px}
div.sub_nav li strong{font-size:1.2em}
div.sub_nav li{margin-bottom:4px;list-style-type:none}
div.sub_nav li.divider{padding-bottom:4px;border-bottom:1px dashed #93c138}
div.sub_nav a{color:#fff}
div.sub_nav a:hover{color:#93c138;}
div.home{left:0px}
div.alarm{left:99px}
div.data{left:199px}
div.communication{left:299px}
div.config{left:399px;}
div.system{left:499px}
div.help{left:599px}
/* content window */
#content{background:transparent;border:0;overflow:hidden;width:100%;height:auto;margin-bottom:8px;}
iframe.content_full{position: absolute; top: 0px; left: 0px;background:transparent;border:0;overflow:scroll;width:100%;height:100% !important;margin-bottom:8px;}

/* login */
#login div#dialog_container{width:540px}
#login div#dialog_container form{width:100% !important;margin:0 !important}
#login div#dialog_container fieldset{padding:12px;}
#login div#dialog_container form h3{background:#000 url(../gfx/logo/ultra.png) 8px 6px no-repeat;height:37px;border-bottom:1px solid #8ABC25;position:static;}
#login div#dialog_container form #lang_list{background:url(../gfx/backgrounds/header.png);padding:8px}
#login div#dialog_container form #lang_list li{display:inline;margin-left:4px;float:left;padding:2px 4px}
#login div#dialog_container form #lang_list li.selected{background-color:#000;border:1px solid #8ABC25}
#login div#dialog_container form .standout{color:#93c138}
#login .error{background-color:#c33;outline: 1px solid #cc0000;color:#fff;margin-bottom:12px;padding:6px}
#login .timeout{background-color:#c33;outline: 1px solid #cc0000;color:#fff;margin-bottom:12px;padding:6px}
#login .notice{background-color:#fc0;color:#000;margin-bottom:12px;padding:6px}
#login div#dialog_container form #lang_list li a{display:block;height:11px;width:16px}
#login div#dialog_container form #lang_list li a.se{background:url(../gfx/flags/se.png) no-repeat}
#login div#dialog_container form #lang_list li a.en{background:url(../gfx/flags/en.png) no-repeat}
#login div#dialog_container form #lang_list li a.fi{background:url(../gfx/flags/fi.png) no-repeat}
#login div#dialog_container form #lang_list li a.de{background:url(../gfx/flags/de.png) no-repeat}
#login div#dialog_container form fieldset label{display:block;margin-bottom:8px}
#login div#dialog_container form p.info{background-color:#000;background-image:url(../gfx/backgrounds/dialog_mdl_glare.png), url(../gfx/backgrounds/dialog_mdl_top.png);background-position:center top,left top;background-repeat:no-repeat,repeat-x;color:#e0e0e0;padding:8px 16px}
#login div#dialog_container form h3 span,#login div#dialog_container form #lang_list li a span{display:none}
#login div#dialog_container form .btn{float:right;color:#8ABC25}
#login div#dialog_container form .divider{height:1px;width:100%;clear:both;background-color:#000;border-bottom:1px solid #3B3B3B;margin-bottom:12px;margin-top:12px}
#login div#dialog_container form div#timeoutinfo{font-family:Arial, sans-serif;font-size:12px;line-height:1.25}

/* dialog */
#overlay{background:rgba(0, 0, 0, .6);width:100%;top:0;height:100%;padding:0;position:fixed;overflow:scroll;}
div#dialog_container{position:relative;width:640px;background-attachment:fixed;box-shadow:0 3px 6px #000;background-color:#000;background:url(../gfx/backgrounds/dialog_top_lft.png) left top no-repeat, url(../gfx/backgrounds/dialog_top_rgt.png) right top no-repeat, url(../gfx/backgrounds/dialog_btm_rgt.png) right bottom no-repeat, url(../gfx/backgrounds/dialog_btm_lft.png) left bottom no-repeat, url(../gfx/backgrounds/dialog_top_glare.png) center top no-repeat, url(../gfx/backgrounds/dialog_btm_glare.png) center bottom no-repeat, url(../gfx/backgrounds/dialog_lft.png) left top repeat-y, url(../gfx/backgrounds/dialog_rgt.png) right top repeat-y, url(../gfx/backgrounds/dialog_top.png) left top repeat-x, #000 url(../gfx/backgrounds/dialog_btm.png) left bottom repeat-x;margin:74px auto 16px auto;padding:8px 8px 8px 8px;}
div#dialog_container form{background-color:#191919;color:#fff;padding:0;overflow:auto;margin-top:32px;}
div#dialog_container form>fieldset{margin-bottom:0;}
div#dialog_container form fieldset{border:0}
div#dialog_container form fieldset fieldset{padding:6px 12px;}
div#dialog_container form h3{background-color:#000;padding:4px 8px 8px;font-size:1.1em;font-weight:700;position:absolute;top:9px;left:8px;right:9px;border-bottom: 1px solid #8ABC25;}
div#dialog_container form fieldset label {display:block}
div#dialog_container form h3 a.cancel{float:right;background:url(../gfx/icons/cancel.png) no-repeat;width:16px;height:16px}
div#dialog_container form  a.cancel span{display:none}
div#dialog_container form legend{background:#000;padding:4px}
div#dialog_container form .btn{cursor:pointer;color:#fff;transition: color 0.4s;background:#2e2e2e url(../gfx/backgrounds/btn.gif) repeat-x top;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #555;border-right:1px solid #555;width:120px;-moz-border-radius:3px;border-radius:3px 3px 3px 3px;margin-left:4px;padding:2px 8px;}
div#dialog_container form .btn:hover{color:#93c138;transition: color 0.2s;}
div#dialog_container form .btn:active{background:#000;border:1px solid #555;color:#93C138}
div#dialog_container form .default{color:#8ABC25}
div#dialog_container form .wide{width:216px}
div#dialog_container form fieldset.submit{text-align:right;background-color:#000;background-image:url(../gfx/backgrounds/dialog_mdl_glare.png), url(../gfx/backgrounds/dialog_mdl_top.png);background-position:center top,left top;background-repeat:no-repeat,repeat-x;color:#e0e0e0;padding:8px 16px;margin-bottom:0px !important}
div#dialog_container input.number, div#dialog_container form .narrow {width:100px}
div#dialog_container form select.narrow{min-width:104px}
div#dialog_container form textarea:disabled, div#dialog_container form input:disabled, div#dialog_container form input:disabled:hover {background-color: #c8c8c8;color: #444;}
div#dialog_container form fieldset.optional { background-color:#121212;border-radius:5px;margin-left:5px;margin-right:5px; }
div#dialog_container form fieldset.optional > h4 { padding-left:24px !important; }
div#dialog_container form fieldset.optional > h4:hover{cursor:pointer}
div#dialog_container form fieldset.optional > h4.closed{ background: url(../gfx/icons/open.png) 0 3px no-repeat; }
div#dialog_container form fieldset.optional > h4.open{ background:url(../gfx/icons/close.png) 0 3px no-repeat; }
div#dialog_container form fieldset.optional > div { padding-top:0px;margin-top:12px;border-top:1px solid #3B3B3B;  }
div#dialog_container form fieldset.optional > div > fieldset:last-of-type { margin-bottom:0;padding-bottom:0;  }
div#dialog_container form a.add{display:inline-block;width:12px;height:13px;background:url(../gfx/icons/add.png);cursor:pointer;}
div#dialog_container form a.edit{display:inline-block;width:16px;height:16px;background:url(../gfx/icons/edit.png);cursor:pointer;}
div#dialog_container form a.delete{display:inline-block;width:12px;height:13px;background:url(../gfx/icons/delete.png);cursor:pointer;}

div#dialog_container table.borderless {border-collapse:collapse;width:100%;}
div#dialog_container table.borderless tr {transition:background-color 0.4s;}
div#dialog_container table.borderless td {border:none;}
div#dialog_container table.borderless.striped td {border-top:1px solid #3B3B3B;}
div#dialog_container table.borderless tr.deleted td {color:#3B3B3B;}
div#dialog_container table.borderless tr.new {background-color:#2d3e0c;}
div#dialog_container table.borderless tr.alarm {background-color:#4e0e0d;}
div#dialog_container table.borderless tr.deleted {background-color:transparent !important;}

div#dialog_container table.formtable {width:100%;}
div#dialog_container table.formtable td {padding:2px;vertical-align:top;}
tr.open_info, tr.close_info{cursor:pointer}
tr.open_info > td:last-child{background:url(../gfx/icons/open.png) right no-repeat;}
tr.close_info > td:last-child{background:url(../gfx/icons/close.png) right no-repeat;}

form .divider{height:1px;width:100%;clear:both;background-color:#000;border-bottom:1px solid #3B3B3B;margin-bottom:4px}
form .inline label{display:block;float:left;margin-right:12px}
form .error{outline:2px dashed #cc0000;}
/*curve*/
form#curve_form #table_scroll{float:left;overflow:auto;height:81px;width:395px}
form#curve_form #curve_table_header{margin-bottom:8px}
form#curve_form table{border-collapse:collapse;width:100%}
form table#curve_table_header td,form table#curve_table_header th{border-left:0 !important}
form#curve_form table th{text-align:left}
form#curve_form table .input{width:120px}
form#curve_form table .input input{width:100px}
form#curve_form table#curve_table td{border-bottom:1px solid #3B3B3B;border-top:1px solid #3B3B3B;border-left:0;text-align:left}
form#curve_form table .pos{width:30px}
form#curve_form table .pastebin{width:320px}
form#curve_form table .button{width:120px}
form#curve_form #curve_container{border-radius:5px;border:1px solid #000;background-color:#fff;width:690px;margin-bottom:8px;padding:8px}
form#curve_form fieldset#canvas{padding-bottom:0}
form#curve_form fieldset#table{padding-top:0}
form#curve_form label.name{margin-right:24px}
form#curve_form .block_labels{width:240px;padding-top:0;margin:0 0 0 16px}
form#curve_form .block_labels label{display:block}
form#curve_form .block_labels input{width:100%}
form#curve_form a.delete{display:block;width:12px;height:13px;background:url(../gfx/icons/delete.png)}

form .dropdown_wide{width:180px}

form ul#format_selector li{
display:inline;
background-color:#fff;
color:#000;
padding:4px 8px;
border-radius:3px;
}
form fieldset label {margin-bottom:8px}
/*color picker */
form.color_picker label {margin-bottom:4px}
form.color_picker label span {
display:inline-block;
width:15px;
height:15px;
border:1px solid #fff;
margin-right:2px;
}
form.color_picker table {border-collapse:collapse;float:left;margin:8px}
form.color_picker table td {
width:15px;height:15px;
float:left;
border:1px solid #191919;
}
.validateit_marker{
	outline:2px dashed #cc0000;
}
.validateit_marker:focus{
	outline:2px dashed #cc0000;
}
.validateit_messages{
	margin:0 0 8px 8px;
}
.validateit_messages li{
	list-style-type:none;
	color:#cc0000;
}

.action-list li {list-style-type:none;line-height:1.3}
.action-list li ul{margin-left:28px}
.action-done{display:block;float:left;width:16px;height:16px;background:url(../gfx/icons/done.png) 6px 4px no-repeat;margin-right:12px}
.action-pending{display:block;float:left;width:16px;height:16px;margin-right:12px}
p span.error{color:#cc0000}

/*specifics*/
tr.mark_priority td{font-weight:700;color:#5f842b}

/* lang alarm-group dialog */
#mail_form_type #lang_list li{display:inline;margin-left:4px;float:left;padding:2px 4px}
#mail_form_type #lang_list li.selected{background-color:#000;border:1px solid #8ABC25}
#mail_form_type #lang_list li a{display:block;height:11px;width:16px}
#mail_form_type #lang_list li a.se{background:url(../gfx/flags/se.png) no-repeat}
#mail_form_type #lang_list li a.en{background:url(../gfx/flags/en.png) no-repeat}
#mail_form_desc a.alarm_keyword{padding-right: 10px; cursor: move;white-space: nowrap;}

#login a#manual-link {display:block; float:left; background:url(../gfx/icons/ManualLink.png)  10px 0 no-repeat; width:21px; height:21px; padding : 0 0 0 10px}