* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body, form, textarea, input, button, select, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th { margin:0;padding:0; }
body { background:#EEE;color:#000;text-align:left;font:14px/1.3 'Lato',arial,helvetica,clean,sans-serif;font-weight:400;*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
}
html { overflow-y:scroll; }
html.popup { overflow-x:hidden;overflow-y:auto; }
html.popup body { background:#FFF; }

#header { background:#FFF;border-bottom:#DDD;box-shadow:0 0 5px rgba(0,0,0,.4);margin-bottom:30px;position:relative; }
#header .inner, #container .inner { margin:0 auto;width:100%;/*max-width:1320px;*/max-width:1800px; }
#container .inner form { /*max-width:710px;*/ }
#popup-content form { /*max-width:710px;*/ }

#popup-content pre { white-space: pre-wrap; }

#logo { display:inline-block;margin:0;padding:10px 15px;vertical-align:middle;width:30%; }
#logo a { display:block;line-height:1; }
.logo-kroneh { max-width:69px; }
.logo-dreih, .logo-bah { max-width:140px; }

#header .inner { position:relative; }
.profile-top { position:absolute;right:5px;top:5px;width:200px; }
#topnav { display:inline-block;vertical-align:middle;width:70%; }

#bgimages { bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:.4s ease all; }
#bgimages.loaded { opacity:1; }
.bgimageitem { background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0; }
#bgimages.homebgimages { border-radius:5px;left:15px;overflow:hidden;position:absolute;right:15px; }
#bgimages.homebgimages + h3 { color:#EEE;font-size:4em;font-weight:bold;left:15px;line-height:.9;position:absolute;top:50%;transform:translateY(-50%);transition:.4s ease all; }
#bgimages.homebgimages .bgimageitem { background-position:center center; }
#bgimages.homebgimages:after { background:#000;bottom:0;content:'';left:0;opacity:.3;position:absolute;right:0;top:0; }

#container { background:#EEE;margin-bottom:30px; }
#container .inner { position:relative; }
#container.login-container { padding-top:20px; }

#content { background:#FFF;border-radius:5px;color:#333;padding:30px;margin:0 15px; }
#jxcontent { width: 100%; max-width: 800px; padding:10px;/*overflow:scroll;*/ }
#left, #right { padding:0 15px; }
#left { background:#EEE; }


.bigtext { font-size:1.286em; }
.mt20 { margin-top:20px; }
.m0 { margin:0; }
.mt0 { margin-top:0; }
.mb0 { margin-bottom:0; }
.mb20 { margin-bottom:20px; }
.tright { text-align:right; }

.cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cfix:after { clear: both; }

#topnav { padding:0;position:relative; }
#topnav li { display:inline-block; }
#topnav li a { color:#444;display:block;font-weight:bold;height:60px;line-height:60px;padding:0 40px;transition:.4s ease all; }
#topnav li a.current, #topnav li a:hover, #topnav li a:focus { background:#333;/*#007AFF;*/color:#FFF; }

.nav { margin:0;padding:0; }
.nav li { margin:0 0 5px; }
.nav li a { border-radius:5px;display:block;font-weight:700;padding:12px;transition:.2s ease all;width:100%; }
.nav li a:hover, .nav li a:focus, .nav li a.active { background:#333;color:#FFF; }

.navigationbutton { left:15px;margin-top:-20px;position:absolute;top:50%; }
#topnav #togglenav { background:transparent;display:block;height:40px;line-height:0;padding:0;position:relative;width:40px; }
#togglenav span { background:#999;height:2px;left:5px;position:absolute;transition:.5s ease all;top:19px;width:30px; }
#togglenav span:before, #togglenav span:after { background:#999;content:'';display:block;height:2px;left:0;position:absolute;transition:.5s ease all; }
#togglenav span:before { top:-8px;width:30px; }
#togglenav span:after { top:8px;width:22px; }
.navactive #togglenav span, .navactive #togglenav span:before, .navactive #togglenav span:after, #togglenav:hover span, #togglenav:hover span:before, #togglenav:hover span:after { background:#000; }

#content, #left, #logo { transition:.6s ease all; }

.profile-top { display:inline-block;font-size:.857em;vertical-align:middle;width:270px; }
.profile-top a { color:#007AFF;transition:.6s ease all; }
.profile-top a:hover, .profile-top a:focus { text-decoration:underline; }

a { color:#000;text-decoration: none; }
h2 { color:#666;font-size:1.429em; }
h3, .h3 { color:#666;font-size:1.143em;font-weight:600;letter-spacing:0;text-transform:none; }
h3 a, .h3 a { color:#666; }
h4, .h4 { color:#B9B9B9;font-size:.857em;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
h4 a, .h4 a { color:#B9B9B9; }

/* --sidebar -- */
.notifications { border:2px solid #CCC;margin:20px 0;padding:10px; }
.unspec a { color:#999; }
.critical a { color:#D90000; }
.error a { color:#D90000; }
.warning a { color:#8C8C00; }
.message a { color:#007AFF; }
.private a { color:#999; }


/* footer */
.footer-info { position:relative;text-align:center; }
.footer-info .inner { max-width:840px;margin:0 auto;padding-right:50px; }
.quicklinks { list-style:none;margin:10px 0;padding:0; }
.quicklinks li { border-right:1px solid #AAA;display:inline-block;margin:0 0 5px;padding:5px 10px; }
.quicklinks li:last-child { border-right:none; }
.quicklinks li a:hover { text-decoration:underline; }

.echonet { margin:20px 0 0; }

/* login */
#login-logo { text-align:center; }
#login-logo img { height:auto;width:100px; }
#login-logo img.logo-sh { width:160px; }
#login-logo img.logo-vbw { width:140px; }
.login-container #content { border-radius:0;box-shadow:0 0 20px rgba(0,0,0,.55);margin:0 auto;padding:20px 20px 10px;width:280px }
.login-footer { font-size:.8em;margin:16px 0 0;text-align:center; }
.login-footer .echonet { margin:10px 0 0; }

/* iframe - popup */
.popupclose { cursor:pointer;display:block;height:40px;position:absolute;right:0;text-indent:-999em;top:0;transition:.4s ease all;width:40px; }
.popupclose:before, .popupclose:after { background:#999;content:'';height:2px;left:5px;position:absolute;top:20px;transition:.4s ease all;width:30px; }
.popupclose:before { transform:rotate(-45deg); }
.popupclose:after { transform:rotate(45deg); }
.popupclose:hover { border-color:#000; }
.popupclose:hover:before, .popupclose:hover:after { background-color:#000; }
.iframe_background { display: inline-block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.5); display: none; z-index: 1; text-align: center; height: 100%; width: 100%; }
.iframe_background:before { content:''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
#jxdetails { display: inline-block; vertical-align: middle; max-width: 100%; border-radius: 5px; }
#jxcontent h2 { margin-bottom:16px;padding-right:28px; }

/* iframe nliframe */
.nliframe-top { display:block;margin:0 auto;text-align:center;max-width:360px; }
.nliframe-prev, .nliframe-center, .nliframe-next { display:inline-block;margin:0;vertical-align:middle;width:33.33%; }
.nliframe-search { display:block;margin:10px auto;width:315px; }

/* inline popup */
.btn-info { background:#007AFF;border-radius:50%;color:#FFF !important;display:inline-block;font-weight:bold;height:16px;line-height:16px;margin-left:5px;right:0;text-align:center;text-decoration:none !important;top:0;width:16px; }
.btn-info:hover, .btn-info:focus { background:#006BE1; }
.btn-close { height:20px;position:absolute;right:3px;top:7px;transition:.5s ease all;width:20px;  }
.btn-close:before, .btn-close:after { background:#999;content:'';display:block;height:2px;position:absolute;top:5px;transition:.5s ease all;width:20px; }
.btn-close:before { transform:rotate(-45deg); }
.btn-close:after { transform:rotate(45deg); }
.btn-close:hover:before, .btn-close:hover:after { background:#000; }
.inline-popup { bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:9; }
.inline-popup__inner { background:#FFF;font-size:1.2em;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;min-width:400px; }
.inline-popup:before { background:rgba(0,0,0,.35);bottom:0;content:'';cursor:pointer;left:0;position:absolute;right:0;top:0; }
.inline-popup__inner:after { content:''; }
.inline-popup__inner__list { list-style:none;margin:0;padding:0; }
.inline-popup__inner h3 { margin-bottom:10px; }

/* holdqueue */
.table-wrap { max-width:100%;overflow-x:auto; }
.table-wrap table { overflow:hidden; }
.hold_table { margin:15px -5px;hyphens:auto;width:100%;word-break:break-word;
overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto; }
.hold_table thead tr { background:#FFF; }
.hold_table tbody tr { background:#EEE; }
.hold_table tbody tr:nth-child(even) { background:#DDD; }
.hold_table td, .hold_table th { border:none;padding:2px 5px;max-width:180px; }
.hold_table td.tdbtn, .hold_table th.tdbtn { width:30px; }
.trdetails { background:#FFF !important; }

/* tables default */
table tr td, table tr th { padding:5px 8px; }
table tr:nth-child(odd) td, table tr:nth-child(odd) th { background:#EEE; }
table tr:nth-child(even) td, table tr:nth-child(even) th { background:#FFF; }
table tr:first-child td, table tr:first-child th { background:#DDD;font-weight:bold; }
table tbody tr:first-child td { background:#EEE;font-weight:normal; }


.twinfo, .twedit { background-repeat:no-repeat;background-size:18px 18px;display:block;height:18px;margin:3px 2px;text-indent:-999em;width:18px;opacity:.6;transition:.5s ease all; }
.twinfo:hover, .twedit:hover, .twinfo.active, .twedit.active { opacity:1; }
.twinfo { background-image:url(gfx/icon-info.png); }
.twedit { background-image:url(gfx/icon-edit.png); }

/* linkbox */
.linkboxframe { border:none;/*height:340px;*/width:100%;overflow:hidden; }

.searchfields { margin:0 -5px;padding-right:50px;padding-top:10px;position:relative;max-width:950px; }
.searchfield { display:inline-block;padding:0 5px;vertical-align:top;width:50%; }
.searchbutton { bottom:15px;position:absolute;right:5px;width:39px; }
.searchbutton .pagbutton, .searchbutton .xpagbutton { height:39px;margin-bottom:5px;width:39px; }

.pagination-wrap { margin:10px 0; }
.pagbutton, .sau-pagebuttonaktiv { background:#aaa;border:none;border-radius:5px;color:#FFF;display:inline-block;height:30px;padding:5px;text-align:center;transition:.4s ease all;vertical-align:top;width:auto;min-width:30px; }
.xpagbutton { background:#aaa; }
.pagbutton:hover, .xpagbutton:hover, .pagbutton:focus, .xpagbutton:focus, .sau-pagebuttonaktiv { background:#222; }

.linkbox-list { display:table;list-style:none;margin:0;table-layout:fixed;width:100%; }
.linkbox-list li { background:#EEE !important;border-top:1px solid #CECECE;display:block;margin:0;padding:5px 8px;width:100%; }
/*li.row-attention { border-color:#ff2b00; }*/
.linkbox-list li:first-child { background:#DDD !important;border-bottom:1px solid #CECECE;border-top:none;font-weight:bold; }
.linkbox-list li:nth-child(even) { background:#FFF !important; }
.linkbox-list li label { display:inline-block;font-size:1em;margin:0;vertical-align:middle;/*width:auto;*/ }
.checkboxbutton { background:#FFF;border:1px solid #007AFF;display:inline-block;height:20px;margin-right:5px;position:relative;vertical-align:middle;width:20px; }
.checkboxbutton:hover { background:#FFF; }
.checkboxbutton:after, .checkboxbutton:before { transition:.4s ease all; }
.checkboxbutton.csel:after, .checkboxbutton.csel:before, .checkboxbutton:hover:after, .checkboxbutton:hover:before { background:#007AFF;content:'';display:block;position:absolute; }
.checkboxbutton.csel:after, .checkboxbutton:hover:after { height:2px;left:7px;top:9px;transform:rotate(-60deg);width:10px; }
.checkboxbutton.csel:before, .checkboxbutton:hover:before { height:2px;left:6px;top:11px;transform:rotate(45deg);width:4px; }
.checkboxbutton.csel:hover:after, .checkboxbutton.csel:hover:before { background-color:#999; }
.checkboxbutton.cnosel {}

.hiddenbtn { vertical-align:middle;min-width:0px;width:0px;height:1.5em;display:none; }

.lb-field { /*border-right:1px solid grey;*/height:100%;vertical-align:top;display:inline-block;overflow-wrap: break-word; margin:0;padding:0 2px; }
.fieldcount-2 .field-normal { width:50%; }
.fieldcount-3 .field-normal { width:33.33%; }
.fieldcount-4 .field-normal { width:25%; }
.fieldcount-5 .field-normal { width:20%; }
.fieldcount-6 .field-normal { width:16.66%; }
.fieldcount-7 .field-normal { width:14.28%; }

/* columns */
.col-s-6, .col-s-4 { width:100%; }

/* ----- +userlogs ----- */
.userlogs { border:none; }
.userlogs td { vertical-align:top; }

/* ----- +feedback ----- */
.error, .message, .warning { background-position:14px 17px;background-repeat:no-repeat;background-size:16px 16px;border-radius:3px;list-style:none;margin:0 0 20px;padding:15px 20px 15px 40px; }
.error li, .message li, .warning li { border-bottom:1px solid rgba(255,255,255,.6);margin-bottom:7px;padding-bottom:9px; }
.error li:last-child, .message li:last-child, .warning li:last-child { border:none;margin-bottom:0;padding-bottom:0; }
.error { background-color:#D7263D;background-image:url(gfx/icon-error@2x.png);color:#FFF; }
.message { background-color:#25A18E;background-image:url(gfx/icon-success@2x.png);color:#FFF; }
.warning { background-color:#F9CB40;background-image:url(gfx/icon-warning@2x.png);color:#333; }

.feedbacktext { display:block;font-size:1em;font-weight:bold; }
.feedbackcode { display:block;font-size:.857em; }

/* ----- +modules ----- */
.login-wrapper { background:#FFF;border-radius:5px; }

.fieldlist { /*width:100%;*/max-width:900px; }
.fieldlist li { width:100%; }

fieldset.evaluation { border:2px solid #CCC;margin:15px 0;padding:20px;position:relative; }
.eval-close, .eval-open { background:#CCC;border-radius:5px;color:#FFF !important;display:block;font-size:1.5em;height:30px;line-height:30px;position:absolute;text-align:center;top:-25px;width:30px; }
.eval-close { background:#333;right:60px; }
.eval-open { background:#007AFF;right:20px; }
.eval-close.active, .eval-open.active, .eval-close.fieldnone, .eval-open.fieldblock { background:#CCC; }

.criteriafields { width:100%;max-width:none; }
.criteriafields li { display:inline-block;vertical-align:top;width:100%; }

.fields { margin:10px -10px; }
.fields li { display:inline-block;padding:0 10px;vertical-align:top; }


/* ----- +form ----- */
form { clear: both;margin: 20px 0;padding:0;width:100%;font-family:'Lato',arial,helvetica,clean,sans-serif; }
fieldset {border:0 none;margin:0;padding:0 0 30px 0;position:relative;text-align: left;}
fieldset.p0 {padding:0;}
legend {font-weight:bold;font-size:1.1em;padding:0;}
form ol, form ul {list-style-type:none;margin:0;padding:0;}
form ol li, form ul li {background-image:none;list-style-image:none;padding:0;width:100%;}
form li ol, form li ul {padding:0;}
form ol li li, form ul li li {list-style-image:none;padding:0 0 8px 0;}
form ol div label, form ul div label {display:block;float:none;margin:0;width:auto;}
form .optgroup, form .optgroup li {width:auto;}
form .optgroup {float:none;}
form .optgroup li {margin-right:10px;}
form li.req {}

/* ----- +error ----- */
.error-msg { border:1px solid;clear:both;margin:0 0 20px 0;padding:10px;}
.error-msg legend {border:1px solid;padding:.2em .5em;}
.error-msg ul { list-style-type:square;margin-left:20px;overflow:visible;}
.error-msg ul li {clear:both;float: none;list-style-image:none;padding:2px 0;width:auto;}
.error-msg label {float:none;display:inline;margin:0;padding:0;width:auto;}
form li.error input, form li.error select, form li.error textarea { font-weight:400; }

/* ----- +label ----- */
form small { display:block;font-size:0.85em; }
label, form ol div, form ul div { display:block;line-height:1.3;margin:0 0 5px 0;vertical-align:top; }
label { color:#666;font-size:.857em;margin-left:4px; }

/* ----- +elements ----- */
input, select, textarea {border: 1px solid;border-radius:5px;padding:10px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
font-family:'Lato',arial,helvetica,clean,sans-serif;margin-bottom:15px;
}

.ios input[type=text], .ios select, .ios textarea { font-size:16px !important; }
.ios select { line-height:28px; }

input[type=radio]+label { display:inline-block; }

select {width:auto;}
option {padding-left: 0.4em;} /* resets rendering error */
textarea {vertical-align:top;resize:none;}
input.button {text-align:center;}
input.button:focus {text-decoration:underline;}
input.img {border:0 none;padding:0;width: auto;}
input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:5px;padding:0;width:auto;}
input.checkbox, input.radio { float:left;margin:5px 8px 0 0;padding:0;width:auto;}
form .checktxt, form .radiotxt { margin:0 !important; }
label, input[type=checkbox], input[type=radio], input[type='submit'], input[type='button'], button {cursor:pointer;}
label.disabled { cursor:not-allowed; }
input[type='text'],input[type='password']{cursor:text;}
input[type='hidden']{display:none;}
input[disabled='disabled'] {background-color:#DADADD; cursor:not-allowed;}
input[type="submit"]::-moz-focus-inner {border:0;} /* http://christophzillgens.com/de/articles/input-und-button-gleich-hoch */

.filelist { margin:0 0 20px; }
.file-left, .file-right { display:inline-block;vertical-align:middle; }
.file-left { width:65%; }
.file-right { width:35%; }

.file-right label { display:inline-block;vertical-align:middle; }
.remove-file { display:inline-block;margin:0 8px 0 0;vertical-align:middle;width:auto; }

/* ----- +standard ----- */
form .wauto { width:auto !important; }
form .full { width:100% !important; }
form img.captcha {float:left;margin-left:.5em;}
input.captcha { float:left; }

.width50 { display: inline-block; vertical-align: middle; width: 50%; }


/* @section =buttons mit Hintergrundbild
-------------------------------------------------------------------*/
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, a.buttonwauto:link, a.buttonwauto:visited, a.buttonwauto:focus, a.buttonwauto:hover, a.buttonwauto:active, button, input[type='submit'], input[type='button'] { border:0 none;cursor:pointer;display:inline-block;font-size:0.8em;font-weight:700;font-family:'Lato',arial,helvetica,clean,sans-serif;letter-spacing:0.08em;line-height:20px;margin:0;padding:10px;text-align:center;text-decoration:none;text-transform:uppercase; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	-moz-transition: background-color 0.4s ease-in-out;  
       -o-transition: background-color 0.4s ease-in-out;  
  -webkit-transition: background-color 0.4s ease-in-out;  
      -ms-transition: background-color 0.4s ease-in-out;  
          transition: background-color 0.4s ease-in-out;					
} 
button, input[type='submit'], input[type='button'] { width: 100%; overflow: visible; } /* http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button::-moz-focus-inner {border: none;}
button.auto, a.auto:link, a.auto:visited, a.auto:focus, a.auto:hover, a.auto:active, input[type='submit'].auto, input[type='button'].auto { width:auto; }
button.fright, a.fright:link, a.fright:visited, a.fright:focus, a.fright:hover, a.fright:active { float:right; }

a.buttonwauto { width:auto !important;line-height:30px !important;padding:0 10px !important;margin:0 0 10px 0 !important; }

.ios button, .ios input[type='submit'], .ios input[type='button'] { -webkit-appearance: none;-webkit-border-radius:0;border-radius:0; }

.btn_wrapper { margin-top:20px;width:100%;max-width:900px; }
.btn_wrap_save, .btn_wrap_saveasnew, .btn_wrap_delete, .btn_wrap_abort { display:inline-block;vertical-align:top;width:50%; }
.btn_wrap_save { padding-right:5px;width:40%; }
.btn_wrap_saveasnew { padding-right:5px;width:60%; }
.btn_wrap_delete { padding-right:5px; }
.btn_wrap_abort { padding-right:5px; }
.btn_newdata { font-size:.6em;padding:5px 10px; }

button.save, button.saveasnew, button.delete, button.abort { }
button.save { background:#007AFF; }
button.save:hover, button.save:focus { background:#006BE1; }
button.saveasnew { background:#006494; }
button.saveasnew:hover, button.saveasnew:focus { background:#005177; }
button.delete { background:#ff2b00; }
button.delete:hover, button.delete:focus { background:#BF2200; }
button.abort { background:#AAA; }
button.abort:hover, button.abort:focus { background:#333; }

.btn-small-left, .btn-small-right { margin-bottom:10px; }


.tabs { display:block; width: 100%; padding: 0; margin: 0 0 10px 0; border: 0 none; border-bottom: 1px solid #CCCCCC; }
.tab { border:2px solid transparent;border-bottom:none; cursor: pointer; display: inline-block; vertical-align: bottom; font-size: 0.8em; font-weight: 700; font-family: 'Lato',arial,helvetica,clean,sans-serif; letter-spacing: 0.08em; line-height: 20px; margin: 5px 5px 0 0; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: auto; max-width: none; background: #ddd;color:#333 !important; }
.tab.active, .tab.active:hover, .tab.active:focus, .tab.active:active { background: #007AFF;border-color:#007AFF;color: #fff !important; }
.tab:hover, .tab:focus, .tab:active { background:#808080;color: #fff !important; }
/*.tab.hascontent { border-color:#007AFF; } */
.tab.hascontent.tab--notiz { background-color:#ddd;animation-name:pulsewarning;animation-duration:2s;animation-iteration-count:infinite; }
.tab.hascontent.tab--notiz:hover, .tab.hascontent.tab--notiz:focus { background:#808080 !important; }
.tab.hascontent.tab--notiz.active { background:#007AFF !important;border-color:#007AFF;animation-name:none; }
@keyframes pulsewarning {
  0% { background-color:#ddd;color:#333; }
  50% { background-color:#ff2b00;color:#FFF; }
  100%  { background-color:#ddd;color:#333; }
}

.popupselectbutton { display: inline-block; vertical-align: bottom; height: 27px; text-align: center; transition: .4s ease all; vertical-align: top; width: auto; width: 27px; margin: 5px 0 5px -32px; padding: 0; line-height: 27px; font-size: 1em; }
input.haspopupselectbutton { display: inline-block; vertical-align: bottom; width: 100%; padding-right: 37px; }

/* ----- +size ----- */
label, form ol div, form ul div { width:100%; }
input, select, textarea { width:100%; }
form .checktxt, form .radiotxt { width:85%; } 
form .widetxt { width:100%; }
form li ol, form li ul, input.button { width:100%; }
input.captcha { margin-top:6px;width:150px; }
form .short { width:150px; }

/* ----- +color ----- */
form .req li label { background-color:transparent; }
label.disabled { color:#999; }
input, select, textarea { background-color: #fff;border-color: #ccc;color:#555; }
input, textarea { -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; }
input:focus, select:focus, textarea:focus { background-color:#eef6ff;outline:none; }
input.checkbox, input.radio { box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none; }
.ios select { border-color:#333; }
.ios input.checkbox, .ios input.radio { border-color:#333; 
  background-image: -webkit-gradient(#ccc, #ccc);
  background-image: -webkit-linear-gradient(#ccc, #ccc);
}
.ios input.checkbox:checked, .ios input.radio:checked {
  background-image: -webkit-gradient(#333, #333);
  background-image: -webkit-linear-gradient(#333, #333);
  
}

a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, a.buttonwauto:link, a.buttonwauto:visited, a.buttonwauto:focus, a.buttonwauto:hover, a.buttonwauto:active, button, input[type='submit'], input[type='button'] { background:#007AFF;color:#fff !important; }
a.button:focus, a.button:hover, a.buttonwauto:focus, a.buttonwauto:hover, button:focus, button:hover, input[type='submit']:focus, input[type='submit']:hover, input[type='button']:focus, input[type='button']:hover { background:#006BE1; }
a.button:active, a.buttonwauto:active, button:active, input[type='submit']:active { background:#004591; }

a.buttondark:link, a.buttondark:visited, a.buttondark:focus, a.buttondark:hover, a.buttondark:active, button.buttondark, input[type='submit'].buttondark, input[type='button'].buttondark { background:#333;color:#fff !important; }
a.buttondark:focus, a.buttondark:hover, button.buttondark:focus, button.buttondark:hover, input[type='submit'].buttondark:focus, input[type='submit'].buttondark:hover, input[type='button'].buttondark:focus, input[type='button'].buttondark:hover { background:#555; }
a.buttondark:active, button.buttondark:active, input[type='submit'].buttondark:active, input[type='button'].buttondark:active { background:#111; }

a.buttonbright:link, a.buttonbright:visited, a.buttonbright:focus, a.buttonbright:hover, a.buttonbright:active, button.buttonbright, input[type='submit'].buttonbright, input[type='button'].buttonbright { background:#777;color:#fff !important; }
a.buttonbright:focus, a.buttonbright:hover, button.buttonbright:focus, button.buttonbright:hover, input[type='submit'].buttonbright:focus, input[type='submit'].buttonbright:hover, input[type='button'].buttonbright:focus, input[type='button'].buttonbright:hover { background:#999; }
a.buttonbright:active, button.buttonbright:active, input[type='submit'].buttonbright:active, input[type='button'].buttonbright:active { background:#555; }


input.placeholder { color:#999; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder  { color:#999;opacity:1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999;opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999; }

input.placeholder.mainsearch-input { color:#ccc; }
input.mainsearch-input::-webkit-input-placeholder { color:#ccc; }
input.mainsearch-input:-moz-placeholder { color:#ccc; }
input.mainsearch-input::-moz-placeholder { color:#ccc; }
input.mainsearch-input:-ms-input-placeholder { color:#ccc; }

.error-msg legend { background-color:#d90000;border-color:#d90000;color:#fff; }
.error-msg { background-color: #FFCECF;border-color:#d90000;border-left:3px solid #d90000; }
.error-msg label { font-weight:400; }
form li.error label {color:#d90000;}
input[type=text]:focus:invalid,
input[type=email]:focus:invalid,
input[type=url]:focus:invalid,
input[type=date]:focus:invalid,
input[type=tel]:focus:invalid,
input[type=number]:focus:out-of-range,
form li.error input, form li.error select, form li.error textarea {border-color:#d90000;}

.checkbox, .cblabel { display:inline-block;vertical-align:top; }
.checkbox { width:20px; }
.cblabel { margin-top:3px;width:auto;max-width:70%; }


/* classes */
.v { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */  clip: rect(1px, 1px, 1px, 1px); border:0 !important;height: 1px !important;margin: -1px !important;padding:0 !important;overflow: hidden;width: 1px !important;} 

.listlight {
	background-color:#EDEDED;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	text-decoration: none
}

.listdark {
	background-color:#F4F4EE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	text-decoration: none
}

.xmynav {
	background-color:#fff;
	padding-left:30px;
	margin-top:180px;
}
.xmynav a:link, .xmynav a:visited
{
	text-decoration:none;
	color:#000;
	margin-right:20px;
}
.xmynav a:focus, .xmynav a:hover, .xmynav a:active
{
	text-decoration:underline;
	color:#000;
	margin-right:20px;
}

.fright { float:right; }

table {border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;empty-cells:show;width:100%;}


@media screen and (min-width: 480px) {
  .fields li { width:50%; }
  .criteriafields li { width:50%; }
  .fieldleft { padding-right:5px; }
  .fieldright { padding-left:5px; }
  
  .fieldlist { margin:0 -5px; }
  .fieldlist li { display:inline-block;padding:0 5px;width:50%;vertical-align:top; }
  .fieldlist li.field-criteria, .fieldlist li.field-linkbox { width:100%; }
  .fieldlist li.field-double { width:100%; }
  .fieldlist li.field-double textarea { height:200px;max-width:none; }
}
@media screen and (max-width: 719px) {
  #topnav { width:100%; }
  #topnav li a { height:auto;line-height:1;padding:15px; }
	form button.wauto, form input[type='submit'].wauto, form input[type='button'].wauto { width:100% !important; }	
}
@media screen and (min-width: 720px) {
  #container.login-container { padding-top:80px; }
	
  .loginform, .welcometext { display:inline-block;vertical-align:top;width:50%; }
  .loginform { padding-right:15px; }
  .welcometext { padding-left:15px; }
  .login-container #content { box-shadow:0 0 40px rgba(0,0,0,.80);margin:50px 0 0 100px; }
  .login-container .loginform { padding:0;width:100%; }
  #bgimages.homebgimages + h3 { font-size:8em;left:10px; }
  
	input, select, textarea, form li ol, form li ul { max-width:400px; }
	a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button, input[type='submit'], input[type='button'] { max-width:400px; }
	form .right, p.right { margin-left:210px; }
  .select-wrap { width:100%; }
  .btn-wrap { width:50%;max-width:400px; }
  .btn-small-left, .btn-small-right { display:inline-block;width:50%; }
  .btn-small-left { padding-right:5px; }
  .btn-small-right { padding-left:5px; }
  
  .linkbox-list li { padding:10px 12px; }
  
  .btn_wrap_save { width:20%; }
  .btn_wrap_saveasnew { width:30%; }
  .btn_wrap_delete { width:25%; }
  .btn_wrap_abort { width:25%; }
	
}
@media screen and (min-width: 720px) and (max-width: 979px) {
  #topnav { padding-left:65px !important; }
  #topnav li a { height:40px;line-height:40px;padding:0 15px; }
  
}
@media screen and (max-width: 979px) {
  #content { min-height:400px !important; }
  #topnav { padding-left:80px; }
  #left { left:-200px;position:absolute;z-index:9; }
  .navactive #left { box-shadow:5px 0px 10px rgba(0,0,0,.25);left:0; }
  .navactive #content { margin-left:240px; }
  .navactive #bgimages.homebgimages { left:240px; }
  .navactive #bgimages.homebgimages + h3 { left:225px; }
  #logo a img { max-width:100%; }
  .profile-top { width:200px; }
}
@media screen and (min-width: 980px) {
  .navactive #left { left:-250px; }
  .navactive #logo { margin-left:-180px; }
  .navactive #content { margin-left:0; }
  #bgimages.homebgimages { left:250px; }
  #bgimages.homebgimages + h3 { font-size:14em;left:230px; }
  .navactive #bgimages.homebgimages { left:15px; }
  .navactive #bgimages.homebgimages + h3 { left:10px; }
  
  #container.login-container { padding-top:160px; }
  #topnav { padding-left:68px; }
	#left, #right { position:absolute;top:0; }
  #left { left:0;width:250px; }
  #right { right:0;width:300px; }
  #content { margin:0 10px 0 250px;/*0 300px 0 250px;*/ }
  
  .login-container #content { margin:100px 0 0 100px; }

	input, select, textarea, form li ol, form li ul, a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button, input[type='submit'], input[type=button] { max-width:400px; }	
	form .right, p.right { margin-left:260px; }
}




@media screen and (min-width: 720px) {
	#logo { padding:12px 0 8px 30px;width:auto; }
  #navwrap { margin-left:40px;width:auto; }
}
/*
@media screen and (max-width: 1259px) {
  .searchbutton .pagbutton { margin-bottom:5px; }
}
@media screen and (min-width: 1260px) {
  .searchbutton { right:-5px;width:82px; }
  .searchbutton .pagbutton, .searchbutton .xpagbutton { display:inline-block; }
}*/