/***************/
   /*** BASICS ***/
   /*************/

body { margin: 8px; font-size:smaller; background: #efefce; font-family: verdana, arial, helvetica, geneva, 'sans-serif';}
table {border: 0px;  padding: 0px;}

.transparent {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

   /***************/
   /*** STYLES ***/
   /*************/

   /*** Headings ***/
h1 {margin: 10px 0 0.4em 0; font-weight: normal; font-size: 18pt; font-family: arial, 'Lucida Grande'; color: #206892;}
h2 {margin: 1em 0 0.5em 0px; font: bold 100% verdana, arial, helvetica, geneva, 'sans-serif'; color: #ce6500; }
h3 {margin: 0px; font-size: 76%; display: block;}
h4 { font-weight: bold; font-size: 76%; margin: 0px 0px 0.1em 25px; line-height: 1.3em }
td.mainsemiwide h3, td.mainwithtoolbar h3, td.form h3 {margin-left: 2px; margin-top: 0.3em; margin-bottom: 5px; }

p  {font-size: 76%; margin: 0 0 0.1em 0px; line-height: 1.3em;}
li {font-size:x-small; line-height: 1.3em;}
ul {margin-top: 0px; margin-bottom: 0px;}

p.instruct {margin-bottom: 1em; color: #ce6500; /*#ce6500; #a26d3a; */ }
p.instruct1 {color: #ce6500; /*#ce6500; #a26d3a; */ }
p.menusubtitle {color: #9AA9B3;}

span.instruct {color: #ce6500; }
p.big {font: bold 100% verdana; margin-top: 0.5em; color: #000; }
.smallnews { font: bold 80% tahoma; color: #ce6500; margin-right: 5px; }

span.tooltip {border-bottom: 1px dashed #738294;}

a {color: #003095;}
a:hover {color: #3060C5;}

preload {display:none;}

   /***************/
   /*** INPUTS ***/
   /*************/

textarea, select, input, .txtbx {font-family: verdana; font-size: 100% } 
input.small {font-size: 90%;}
.txtbx {font-size: 100%; padding: 2px 4px; } /* txtbx = Textboxes */
.onsiteinstr {padding-bottom: 0.3em; padding-left: 10px; } /* Warnings in Filter table */
.width400 {width: 400px}
.numberBoxR {text-align:right;}
.calculated {text-align:right; background-color:#ffefd5; border-width:1pt;}
.calcIfEmpty {text-align:right; background-color:#D7EAEB; border-width:1pt;}
.readonly {text-align:right; background-color:#c0c0c0; border-width:1pt;}
input.labelL, select.labelL, textarea.labelL { border-color:transparent;  color:Black;  background:transparent; }
input.label {  border-style:none;  border-width:3pt;  color:Black;  background:transparent; text-align:right; }


   /***************/
   /*** HEADER ***/
   /*************/

table.header {border: #738294 1px solid; margin: 0; width: 100%; background: #fffce9; }
table.header td {}
table.header td.logo {vertical-align: bottom; width: 62px; padding: 4px 0 4px 8px; }
table.header td.logolbl {vertical-align: bottom; font: normal 18pt Haettenschweiler, Arial; color: #206892; padding-bottom: 2px; padding-left: 4px; }
table.header td.arm {vertical-align: top; width: 17px; padding-top: 4px;}
table.header td.durs {vertical-align: top; font-size: 7pt; color: #666; width: 16em; padding-top: 4px; padding-right: 6px;}

table.betatestwarning { border: #738294 1px solid; margin-bottom: 4px; width: 100%; background: #ad0c08 }
table.betatestwarning td { color: #fff; padding: 4px; font-family: Tahoma, Sans-Serif; font-size: 95% }
table.betatestwarning a { color: #fff; }
table.betatestwarning DIV.small { font-size: 75% }

   /********************/
   /*** Breadcrumbs ***/
   /******************/
   
td.breads {font-size: 66%; color: #fffce9; background: #206892; border: 0px; text-align: right; vertical-align: middle; padding: 1px 10px 2px 15px;}
td.breadsback {text-align: left; }
td.breadsback a {color: #fff; font-weight: bold;}
td.breadsback a:hover {color: #fea; }

   /*******************/
   /*** TABLE PAGE ***/
   /*****************/

table.tblpage {width: 100%; margin-bottom: 4px;  }
table.tblpage td  {vertical-align: top;}

   /******************/
   /*** LEFT MENU ***/
   /****************/

td.leftmenu {padding: 0; width: 22%; background: #efefce; border: 1px solid #738294; }
td.leftmenu a {display: block; color: #206892; padding: 2px 3px 4px 17px; font-size: 70%; text-decoration: none; }
td.leftmenu a:hover {background: #ffcf63; text-decoration: underline; }
td.leftmenu a.active {background: #fffce9; }

td.leftmenu h3 {background: #f7e09d; border-top: 1px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #fff; }
td.leftmenu h3 a {padding-left: 6px; font-size: 100%; }
td.leftmenu h3 a.active {color: #206892; background: #efefce; padding-left: 6px; font-size: 100%; }
td.leftmenu h3.logout a {background-image: url(ico_logout.gif); background-repeat: no-repeat; background-position: center left; background-color: #f7e09d; padding: 10px 34px; }
td.leftmenu h3.logout a:hover {background-image: url(ico_logout.gif); background-repeat: no-repeat; background-position: center left; background-color: #ffcf63; }
td.leftmenu h3.testesign a {background-image: url(finish_24_active.gif); background-repeat: no-repeat; background-position: center left;  padding: 10px 34px; }
td.leftmenu h3.testesign a:hover {background-image: url(finish_24_active.gif); background-repeat: no-repeat; background-position: center left; background-color: #ffcf63; }

td.leftmenu h4 {font-size: 70%; font-weight: bold; margin: 0; color: #777; padding: 2px 3px 4px 6px; font-style: italic;}

   /*************/
   /*** MAIN ***/
   /***********/

td.mainsemiwide {padding: 0px 15px 5px 15px; }
td.mainwideportal {padding: 0px 0px 25px 15px;}
td.mainwithtoolbar {padding: 0;}
td.form {border: 1px solid #738294; padding: 7px 15px 5px 15px; background: #efefce; }

   /***************/
   /*** FOOTER ***/
   /*************/

td.footer {padding: 6px 10px; border: solid 1px #738294; background: transparent; font-family: verdana; text-align: center; }
td.footer h3 {font-size: 80%; font-weight: normal; color: #9c0000; padding-bottom: 0.5em; margin: 0; }
td.footer p {color: #000; font-size: 60%; margin: 0;}


   /***************/
   /*** TABLES ***/
   /*************/

   /*** Table Common Styles ***/

tr.first td {font-weight: bold; font-size: 66%;}
td.bld, td.valuebld {font-weight: bold;}
tr.subhead {font-weight: bold; background-color: #f7e09d; font-size: 90%;}
tr.colapsed {font-weight: bold; background-color: #f7e09d; font-size: 90%; background-image: url(arrow_colapsed.png); background-repeat: no-repeat; background-position: right center; }
tr.expanded {font-weight: bold; background-color: #f7e09d; font-size: 90%; background-image: url(arrow_expanded.png); background-repeat: no-repeat; background-position: right center;}
tr.headermed {font-weight: bold; }

td.input, td.btn {padding: 0px 8px; vertical-align: middle; font-size: 66%;}
td.input a {display: block; padding: 0px 7px; text-align: center; border: 1px solid #fffce9;}
td.input a:hover {background: #ccd7f7; border: 1px solid #002aa0; }

/* td.btn input {font-size: 76%;} */

td.cent {text-align: center;}

.writein, .nowritein {font: normal 100% verdana; }
.nowritein {background: #fffce9; color: #000; }
.highlight {background: #efefce; }
.lbldis, .lbldiswide, .lbldiswidefull {display: block; width: 13em; border: 1px solid #de9a8c; padding: 1px 4px; text-align: left; margin-top: 2px;}
.lbldiswide {width: 22em; }
.lbldiswidefull {width: 98%; }
.lbldis0, .lbldis0wide, .lbldis0widefull {display: block; width: 13em; border: 0px; padding: 2px 4px; text-align: left; margin-top: 2px;}
.lbldis0wide {width: 22em; }
.lbldis0widefull {width: 98%; }

.inputwide {width: 22em; }
.negative { color: Red; }
.lbldisnarrow {display: block; width: 10em; border: 1px solid #de9a8c; padding: 1px 4px; text-align: left; margin-top: 2px;}


   /*** TABLE PORTAL ***/

table.portal { margin: 0px; margin-right: 15px; width: 100%; }
table.portal td.main {padding: 0; padding-right: 20px; margin: 0; width: 70%;}
table.portal td.side {padding: 0; font-size: 90%; }


   /*** Side Column with common notices ***/


table.portal td.side p {margin: 0; padding: 0px 4px 0px 8px; }
table.portal td.side h3 {margin: 0; padding: 0px 4px 8px 8px; }
table.newslist h3 { padding-bottom: 8px}

   /* Heading title of the table with link to archive on the right side */

table.tblwebpart {width: 100%; background: #206892; border: 1px solid #738294; margin-bottom: 0;}
table.tblwebpart td {color: #efefce; font-size: 76%; font-weight: bold; padding: 3px 4px 1px 4px; vertical-align: bottom; height: 12px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#444444, Positive='true');}
table.tblwebpart td.more {font-size: 66%; text-align: right; padding-bottom: 1px;}
table.tblwebpart td.more a { color: #efefce; background-image: url(arrow_more_light.gif); background-repeat: no-repeat; background-position: middle left; padding-left: 15px; padding-right: 6px; }

table.twocols td p {margin-left: 0px; display: block; }

   /*** TABLE FILTER ***/

table.tblfilter {border: 1px solid #738294; margin-bottom: 10px; background: #efefce; }
table.tblfilter tr.first td {background: #cecf95; border-bottom: 1px solid #fff; padding: 2px 6px; }
.tblfilter td {font-size: 70%; vertical-align: top; padding: 0 0 0 0; }
.tblfilter td.lbl {padding: .3em 8px 3px 8px;}
.tblfilter td.inp {padding: 0px 4px 3px 0;}
.tblfilter td.drop {padding: 0px 4px 3px 0; }
.tblfilter td.submit {text-align: right; padding: 0 8px 3px 8px; vertical-align: middle; }
.tblfilter input {padding: 0 2px; font-size: 100%; }
.tblfilter td.drop select {padding: 0 0px; font-size: 100%; }


.tblfilter2lvl {border: 0; padding: 0;}
.tblfilter2lvl td {padding: .25em 8px; vertical-align: top;}
.tblfilter2lvl td.inp2 {padding: 0 4px 0 0;}

  /*** COLAPS PANEL FILTER ***/

.colapspanelfilter, .colapspanel { border: 1px solid #738294; margin-bottom: 10px; background: #efefce }
.colapspanelexpanded, .colapspanelcolapsed { background-color: #cecf95; background-repeat: no-repeat; background-position: 6px 5px; border-bottom: 1px solid #fff; padding: 2px 6px 2px 0; font-weight: bold}
.colapspanelexpanded a, .colapspanelcolapsed a { display: block; padding-left: 22px; text-decoration: none; color: #000 }
.colapspanelexpanded { background-image: url(ico_colaps.gif) }
.colapspanelcolapsed { background-image: url(ico_expand.gif) }

.colapspanelfilter { font-size: 70% }
.colapspanel { margin-left: 25px; }
.colapspanel .colapspanelexpanded, .colapspanel .colapspanelcolapsed { font-size: 80%; }
.colapspanelbody { padding: 10px 10px 10px 0 }

   /*** TABLE LIST ***/

table.list {margin: 1px 0 7px 0px; border: 1px solid #738294; background: #fffce9; border-collapse: collapse; }
table.list tr.first td {padding-right: 4px; vertical-align: top; background: #b8ccce; border-bottom: #016a73 2px solid }
table.list tr.lHeader td {background:#e8dcba; font-weight:bold; border-top: #738294 2px solid ;}

td.sortdef a, td.sortasc a, td.sortdesc a {display: block; padding-right: 6px; width: 100%; float:right; color: #000; text-decoration: underline;  }
* html td.sortdef a, * html td.sortasc a, * html td.sortdesc a {padding-right: 12px;} /*** IE only ***/
td.sortasc a {background-image: url(sort_asc.gif); background-repeat: no-repeat; background-position: center right;}
td.sortdesc a {background-image: url(sort_desc.gif); background-repeat: no-repeat; background-position: center right;}
/* tr.first td a {display: block; width: 100%; }*/

table.list td {padding: 2px 7px; font-size: 76%; border-bottom: 1px solid #b8ccce; }
table.list td.input {padding: 0px 8px; font-size: 76%; vertical-align: middle;}
table.list tr.lSummary td {background:#F2F2D8; font-weight:bold; border-top: #738294 2px solid ;}
table.list td.lSummary {background:#F2F2D8; font-weight:bold; border-top: #738294 2px solid ;}

table.list .paging {font-size: 100%; }
table.list .paging td {padding: 6px; border-bottom: none; }
table.list .paging span {font-weight: bold; }
table.list .paging a {border: 1px solid #fff; padding: 2px 4px; display: inline; }
table.list .paging a:hover {border-color: #000; }

table.docinfo {font-size: 76%; padding: 6px;  margin: 1px 0 7px 0px; border: 1px solid #738294; background-color: #FFFCE9}
table.docinfo td {padding-left: 6px; padding-right: 6px;}

   /*** TABLE BULLET ***/

table.tablebullet {margin: 0.2em 0px 10px 0px; border: #738294 1px solid ; background: #fffce9; }
table.tablebullet td {padding: 0.3em 8px; font-size: 76%; border-bottom: #efefce 1px solid; vertical-align: top; }
table.tablebullet tr.first td { background: #b8ccce; border-bottom: #016a73 2px solid}
table.tablebullet tr.subhead td img {margin: 0px 2px;}
table.tablebullet tr.lblheader { font-weight: bold; background-color: #e7d294}
table.tablebullet tr.lblheader2 { font-weight: bold; background-color: #e8dcba}
table.tablebullet tr.lblheader3 { font-weight: bold; background-color: #f0ecd4}
table.tablebullet td.del {background-color: #e7d294; width:3em; text-align:center; border-bottom-width:0; border-top-width:0;}
table.tablebullet td.lbl {padding-top: 0.45em; }
table.tablebullet td.valuebld {padding-top: 0.45em; font-weight: bold;}
table.tablebullet td.input {padding-top: 1px; padding-bottom: 1px;}
table.tablebullet td.dark {background: #F0ECD4; }
TABLE.tablebullet DIV P { FONT-SIZE: 100%; MARGIN: 7px; COLOR: #ce6500; }
table.tablebullet tr.lHeader td {background: #EFEFCE;}
table.tablebullet tr.lSummary td {background:#F2F2D8; font-weight:bold; border-top: #738294 2px solid ;}
table.tablebullet tr.lSummaryNoBorder td {background:#F2F2D8; font-weight:bold; border-top-style:none ;}
table.tablebullet tr.empty td {background:#F2F2D8; border-bottom: #738294 1px solid; border-top:none; line-height:0.5em;}
table.tablebullet tr.lSummary input.label {  border-style:none;  border-width:3pt;  color:Black;  background-color:#F2F2D8; text-align:right; }
table.tablebullet td.no {text-align: right; width: 20px;}


a.tbllineadd {  border-left-color:#cccfb2 ;  border-right-color:#708090;  border-top-color:#cccfb2;  border-bottom-color:#708090;  border-style:solid;  border-width: 1px ;  background-color:#fffce9;}
a.tbllineadd {	background-position: left center; background-image: url(line_add_small.gif); background-repeat: no-repeat; }

td.tblbtn a {text-decoration: none; font-size: 90%; display: block; padding-bottom: 2px; padding-top: 1px; text-align: center;}

table.tblheader { border-right: 0px; padding-right: 0px; border-top: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-left: 0px; width: 100%; padding-top: 0px; border-bottom: 0px}
table.tblheader td.tdheader1 { font-weight: bold; font-size: 110%; background: #016a73; width: 5em; color: #fff; border-bottom: #016a73 2px solid; text-align: center}
table.tblheader td.tdheader2 { padding-left: 1em; font-weight: bold; font-size: 110%; background: #b8ccce; border-bottom: #016a73 2px solid}
table.tblheader td.tdTitle { padding-left: 1em; font-weight: bold; font-size: 130%; background: #b8ccce; border-bottom: #016a73 2px solid}

table.tablebulletfull { background: #fffce9;  border:solid 1pt #738294 ;  margin: 0.2em 0px 1px;  width: 100%;}
table.tablebulletfull td { padding:0.3em 0.3em 0.3em 0.3em;  font-size:76%; border-bottom: #efefce 1px solid}
table.tablebulletfull tr.first td { background: #b8ccce; border-bottom: #016a73 2px solid}
table.tablebulletfull td.tblhdr { border-right: 0px; padding-right: 0px; border-top: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-left: 0px; padding-top: 0px; border-bottom: 0px}
table.tablebulletfull tr.lblheader { font-weight: bold; font-size: 90%; background-color: #e7d294}
table.tablebulletfull tr.lblheader2 { font-weight: bold; font-size: 90%; background-color: #e8dcba}
table.tablebulletfull tr.lblheader3 { font-weight: bold; font-size: 90%; background-color: #f0ecd4}
table.tablebulletfull td.header { padding-top: 0.45em; }
table.tablebulletfull td.center { text-align: center; padding: 0.3em 1em; }
table.tablebulletfull td.left { text-align: left; padding: 0.3em 1em; }
table.tablebulletfull td.right { text-align: right; padding: 0.3em 1em; }
table.tablebulletfull td.del {background-color: #e7d294; width:3em; text-align:center; border-bottom-width:0; border-top-width:0;}
table.tablebulletfull td.tblbtn { padding-left:1em;  }
table.tablebulletFull td.dark {background: #F0ECD4; }
table.tablebulletFull tr.oddRow {background: #efecd9; }
table.tablebulletFull tr.evenRow {background: #fffce9; }
table.tablebulletfull td.input { padding-bottom: 1px; padding-top: 1px}
table.tablebulletfull p.instruct { font-size:90%; padding-bottom:0; margin-bottom: 0; }
table.tablebulletfull tr.lHeader td {background: #EFEFCE;}
table.tablebulletfull tr.lSummary td {background:#F2F2D8; font-weight:bold; border-top: #738294 2px solid ;}
table.tablebulletfull tr.empty td {background:#F2F2D8; border-bottom: #738294 1px solid; border-top:none; line-height:0.5em;}
table.tablebulletfull tr.lSummary input.label {  border-style:none;  border-width:3pt;  color:Black;  background-color:#F2F2D8; text-align:right; }

div.indent3 { padding-left: 3em; text-indent: -3em}


   /*** TABLE SIMPLE ***/

table.tablesimple {margin: 0.2em 0px 10px 0px; }
table.tablesimple tr.first { background: #eee; }
table.tablesimple td {padding: 3px 5px; font-size: 76%; vertical-align: middle; }
table.tablesimple td.top {vertical-align: top; padding-top: 8px;}


   /*** TABLE SHOW ***/

table.tableshow {margin: 0.2em 0px 10px 20px; border: 1px solid #ddd; background: transparent; }
table.tableshow td {padding: 3px 5px; font-size: 76%; vertical-align: top; border-bottom: 1px solid #fff; }


   /*** TABLE SIGN BULLET ***/

table.tablesignbullet {margin: 0.2em 0px 10px 0px; border: #738294 1px solid; background: #fffce9;  }
table.tablesignbullet td {padding: 0.3em 8px 0.3em 8px; font-size: 76%; border-bottom: #efefce 1px solid; vertical-align: top;}
table.tablesignbullet tr.first td { background: #b8ccce; border-bottom: #016a73 2px solid; font-size: 76%; font-weight: bold;}
table.tablesignbullet td.value {text-align: center; }
table.tablesignbullet td.lbl {padding-left: 20px; }
table.tablesignbullet td.input {padding-top: 0; padding-bottom: 0; }
table.tablesignbullet tr.subhead1 {font-weight: bold; background-color: #efefce;}
table.tablesignbullet tr.subhead {font-weight: bold; background-color: #e8dcba;}
table.tablesignbullet td.dark {background: #F0ECD4; }
table.tablesignbullet tr.lblheader  {font-weight: bold; font-size: 90%; background-color: #e7d294;}
table.tablesignbullet tr.lblheader2 {font-weight: bold; background-color: #E8DCBA; font-size: 90%;}
table.tablesignbullet tr.lblheader3 {font-weight: bold; background-color: #F0ECD4; font-size: 90%;}


div.fldprefill, div.fldborder { background-color: #fffce9; border: 1px solid #de9a8c; padding: 2px; }
div.fldinput, div.fldValue { background: white; border: 1px solid #de9a8c; padding: 2px;  }

span.fldprefill { background-color: #fffce9; border: 1px solid #de9a8c; padding: 2px; }


   /*** TABLE SIGN SIMPLE ***/

table.tablesignsimple {margin: 0.2em 0px 10px 0px; }
table.tablesignsimple td {padding: 3px 8px 3px 0px; font-size: 76%; vertical-align: middle; }


   /*** TABLE SIGN FORM ***/

table.tablesignform {width: 100%; font-size: 66%; margin-top: 15px; border-top: #de9a8c 1px solid; }
table.tablesignform td.right {text-align: right; }   



   /**************/
   /*** FORMS ***/
   /************/

   /*** TABLE FORMDDVO ***/

table.formddvo td {vertical-align: top; padding: 4px 4px 3px 4px; font: normal 66% verdana;  }
table.formddvo h3 {font-size: 100%;}

   /*** TABLE FORMINPUT ***/

table.forminput {width: 100%;}
table.forminput td {}
table.forminput td.no {text-align: right; width: 20px;}
table.forminput td.input {padding: 0px 2px; width: 105px;}

   /*** TABLE DOH ***/

table.doh tr.subhead td  {text-align: center; vertical-align: middle; padding-left: 5px; padding-right: 5px;}
table.doh td.input {vertical-align: top; padding-left: 5px; padding-right: 5px; text-align: center;}
table.doh td.inputnrw {vertical-align: top; padding-left: 1px; padding-right: 1px; text-align: center;}
table.doh td.lblno {vertical-align: top; padding-left: 5px; padding-right: 5px; text-align: center; padding-top: 6px; }
TABLE.doh TD.lbl  { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; PADDING-TOP: 6px; }
table.doh td.dark {background: #fff0dc; }
table.doh tr.subhead td.dark {background-color: #e7d294; }

TABLE.doh A { PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; PADDING-BOTTOM: 0.35em; PADDING-TOP: 0; }
TABLE.doh A:hover { BACKGROUND: #206892; color: #fff; }
TABLE.doh DIV P { FONT-SIZE: 100%; MARGIN: 7px; COLOR: #ce6500; }
TABLE.doh DIV LI { FONT-SIZE: 140%; MARGIN: 7px; COLOR: #ce6500; LINE-HEIGHT: 1.2em; }
TABLE.doh SELECT, table.doh table.insert { MARGIN-TOP: 1px; }

TABLE.doh a.lblhelp {padding: 2px 10px 2px 30px;  background-image: url(ico_help.gif); background-repeat: no-repeat; background-position: center left;  }
TABLE.doh a.lblhelp:hover {background-image: url(ico_help_hover.gif); background-repeat: no-repeat; background-position: center left; background-color: #206892; }

table.doh table div {padding: 0; }
table.doh table table.insert td.inputnrw {padding-top: 0px; }
table.doh table table.insert td.lbl {padding-top: 5px; padding-left: 4px; }


   /****************/
   /*** BUTTONS ***/
   /**************/

div.buttwiz {text-align: left; margin: 6px 0 6px 25px;}
div.butttool {text-align: left; margin: 0 0 4px 0;}
div.buttwiz input, div.butttool select {font-size: 66%; padding-top: 2px; padding-bottom: 2px; margin-right: 2px;}
div.buttbig {display: block; text-align: center; margin-top: 3em; margin-bottom: 2em; }

div.buttwiz input, div.butttool input  {font-size: 8pt; padding-top: 2px; padding-bottom: 2px; margin-right: 2px;}
input[type="button"] {font-size: 8pt; padding-top: 2px; padding-bottom: 2px; padding-left: 15px; padding-right: 15px; margin-right: 2px;}
input[type="submit"] {font-size: 8pt; padding-top: 2px; padding-bottom: 2px; padding-left: 15px; padding-right: 15px; margin-right: 2px;}

.buttonfocus {font-weight: bold;}
.confirm {padding: 4px 8px 4px 20px;  background-image: url(bul-okmsg.gif); background-repeat: no-repeat; background-position: center left; font-size: 76%; margin: 20px; }
.buttonfocussubmit {font-weight: bold; padding-left:2em; padding-right:2em;}


   /*** Softbuttons ***/

div.softbutton {display: block; margin: 10px 0; padding: 2px 0px;}
a.back, a.more, a.up, a.down {font-size: 76%; padding-left: 16px; margin: 2px 0 1em 25px; }
a.more { background-image: url(arrow_more.gif); background-repeat: no-repeat; background-position: top left; }

a.back { background-image: url(arrow_back.gif); background-repeat: no-repeat; background-position: center left; }
a.up { background-image: url(arrow_up.gif); background-repeat: no-repeat; background-position:  center left; }
a.down { background-image: url(arrow_down.gif); background-repeat: no-repeat; background-position: center left; }
a.fwd {font-size: 110%; font-weight: bold; }

.hdback {padding-left: 17px; margin: 2px 0 1em 0px;  background-image: url(arrow_back_lght.gif); background-repeat: no-repeat; background-position: center left; }
.hdup {padding-left: 15px; margin: 2px 0 1em 15px; background-image: url(arrow_up_light.gif); background-repeat: no-repeat; background-position: center left; }
.hdhelp {padding-left: 15px; margin: 2px 0 1em 15px; background-image: url(arrow_help_light.gif); background-repeat: no-repeat; background-position: center left; }

   /*** Notices ***/
a.notice, a.noticeimp {display: block; font-weight: bold; font-size: 100%; padding-left: 18px; margin: 0 0 0 2px; background-repeat: no-repeat; background-position: 2px left; }
a.notice {background-image: url(arrow_more.gif);  }
a.noticeimp {background-image: url(notice_imp.gif); padding-bottom: 2px; padding-top: 1px; }
p.date {font-size: 66%; margin-left: 1px; }

   /*** Linkout buttons ***/

a.linkout {background-image: url(arrow_out.gif); background-repeat: no-repeat; background-position: top left; padding-left: 20px; margin-top: 4px; }
a.linkout:hover {text-decoration: none; border-bottom: #206892 double 3px; }


   /*** Big Buttons ***/

a.big, span.big, a.lineadd, a.linedel, a.linkbox {font-weight: bold; padding: 4px 10px 4px 32px; background-color: #fffce9; border: #738294 1px solid; display: inline; }
a.lineaddsmall { text-decoration: none; line-height: 20px; font-size: 90%; padding: 0px 10px 0px 27px; background-color: #fffce9; border: #738294 1px solid; display: inline; }
a.big, span.big {background-image: url(arrow_fwd_big.gif); background-repeat: no-repeat; background-position: center left;}
a.lineadd {background-image: url(line_add.gif); background-repeat: no-repeat; background-position: center left; }
a.lineaddsmall {background-image: url(line_add_small.gif); background-repeat: no-repeat; background-position: center left; }
a.linedel {background-image: url(line_del_hover.gif); background-repeat: no-repeat; background-position: center left; }
a.linkbox {padding: 4px 8px 4px 8px; background-repeat: no-repeat; background-position: center left; }
a.big:hover, a.lineadd:hover, a.linedel:hover, a.linkbox:hover {color: #efefce; background-color: #206892;}

a.bigmore, a.bigback {font-weight: bold; padding: 4px 10px 4px 32px; background-color: #fffce9; border: #738294 1px solid; display: inline; }
a.bigmore {background-image: url(arrow_fwd_big.gif); background-repeat: no-repeat; background-position: center left;}
a.bigback {background-image: url(arrow_bck_big.gif); background-repeat: no-repeat; background-position: center left;}
a.bigmore:hover, a.bigback:hover {color: #efefce; background-color: #206892;}

   /*** Colored Links ***/

/* h3.nextstep, h3.moreinfo, h3.seealso {padding: 4px 22px; margin-left: 0px; margin-top: 2em; backgroundXXX: url('ico_nextstep.gif') no-repeat left middle #fff;}
   h3.moreinfo {backgroundXXX: url('ico_moreinfo.gif') no-repeat left bottom #fff;}
   h3.seealso {backgroundXXX: url('ico_seealso.gif') no-repeat left bottom #fff;}
*/



   /****************/
   /*** FRAMES ****/
   /**************/

   /*** Background ***/

div.carpet { margin: 1em 25px 25px 25px; padding: 1em 1em 1em 1em ; border: #738294 1px solid ; background: #fffce9;}

   /*** Zufrieden ***/

div.zufrieden { margin: 1em 0 0 25px; padding: 0 0 1em 0; border: double 3px #738294; background: #efefce; }
div.zufrieden h2 {margin-top: 0; padding: 5px 8px; background: #206892; color: #efefce; font-size: 76%; }
div.zufrieden h3 {margin: 0px 0px 4px 0px ; padding: 5px 10px; background: #206892; color: #efefce; font-size: 76%; }
div.zufrieden h4 {margin-left: 20px; margin-right: 20px;}
div.zufrieden p {margin-left: 20px; margin-right: 20px;}


  /*** Popup frame ***/

div.popup { border: solid 1px #000; background-color: #fff; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color=#999999, Positive='true');}
tr.popupheader { background-color: #206892; }
tr.popupheader td a { color: #fff; font-size: 80%; font-weight: bold; width: 100%; text-align: right; display: block; }
tr.popupheader td a:hover { color: #ff9}
tr.popupwait td { font-size: 75%; }

body.popup { background-color: #bccccc; }


   /*** IMAGES IN THE TEXT ***/

div.illright {display: block; float: right; border: #738294 1px solid; margin: 4px 0px 10px 10px; }
div.illright h3, div.illleft h3 {display: block; color: #ffcf63; background: #206892; margin: 0px; padding: 3px 4px 5px 6px; }
div.illright p {margin: 5px; border-top: #738294 1px solid; padding: 5px; font-size: 66%; }
div.illrightwo {display: block; float: right; margin: 10px; }
div.illleft { width: 240px; border: #738294 1px solid; margin: 10px 10px 10px 25px; }


   /****************/
   /*** ALERTS ****/
   /**************/

   /*** Alert panel (for panel that contains important message) ***/
.alertpanelNoIcon {padding: 0.5em 1em 0.5em 0.7em; margin: 1em 10px 15px 10px; background-repeat: no-repeat; background-position: 12px 0.8em; background-color: #fff; border: 1px solid #FF7139;}
.alertpanel, .errorpanel, .okpanel {padding: 0.5em 1em 0.5em 0.7em; margin: 1em 10px 15px 10px;}
.alertpanel {background-color: #fff; border: 1px solid #FF7139;}
.errorpanel {background-color: #fff; border: 1px solid red;}
.okpanel {background-image: url(bul-okmsg.gif); background-repeat: no-repeat; background-position: 12px 0.8em; background-color: #fff; border: 1px solid blue;}
.alertpanel h3, .errorpanel h3, .okpanel h3 {margin-top: 2px; padding-left: 20px; }

.flterrmsg {font-weight: bold; color:Red; display: inline-block; background-image: url(diamond_errormsg.gif); background-repeat: no-repeat; background-position: top left; padding-left: 23px; margin-top: 2px; padding-bottom: 2px;}
.errmsg {font-weight: bold; display: inline-block; background-image: url(diamond_errormsg.gif); background-repeat: no-repeat; background-position: top left; padding-left: 20px; margin-top: 2px; margin-left: 4px; padding-bottom: 2px; font-size: 90%; }
.errmsgnodiamond {font-weight: bold; display: inline-block; color:#E01B4C; }

.extmsg, .extmsgside {font-weight: bold; font-size: 76%; margin: 10px 0 15px 25px; display: block;}
.extmsgside {margin-left: 5px; margin-bottom: 5px; margin-top: 5px }

/*
.ok {font-size: 86%; background: url('bul-okmsg.gif') no-repeat left middle; padding-left: 25px; }
.errmsg {font-size: 86%; font-weight: bold; color: #c00; background: url('bul-errormsg.gif') no-repeat left top; border-color: #c00; padding-left: 20px; margin-top: 20px; margin-left: 15px;}
.errmsgpanel {display: block; padding: 0.5em 1em 0.5em 25px; border: 1px solid #738294; margin: 25px 20px 25px 10px; font-size: 86%; font-weight: bold; color: #c00; background: url('bul-errormsg.gif') no-repeat left center #fff; background-color: #fff;}

.oklabel { background: url('bul-okmsg.gif') no-repeat left middle; padding-left: 20px; padding-top: 2px; padding-bottom: 5px}
.errlabel { color: #c00; background: url('bul-errormsg.gif') no-repeat left middle; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; vertical-align: middle; margin-left: 10px;}
*/
   
   /**************************/
   /*** SIGNING DOCUMENTS ***/
   /************************/

/* Document frame */
div.document { border-top: 1px solid #999; padding:3px; padding-top: 15px; }

/* Signing instruction panel */
div.dsig_css_info { border: 0px solid #ddd;  font-size:90%;  padding: 10px; margin-bottom: 1em; }

/* Instruction text */
.dsig_css_instruct { color: #000000; padding-bottom: 2px; background-image: url(../Images/bul_alrtmsg.gif); background-position: left top; background-repeat: no-repeat; }

/* Signing form table */
table.dsig_css_form td { padding: 2px 10px 2px 0;  font-size:80%; }
table.dsig_css_form input { padding: 2px 10px 2px 0;  font-size:90%; }
table td.dsig_css_lbl, span.dsig_css_lbl { font-weight: bold; color: #666; font-size: 70% }

/* Error panel */
div.dsig_css_errorpanel { padding: 0.5em 1em 0.5em 0.7em; margin: 10px 10px 10px 0; border: 1px solid red; background: #ffffff;  font-size:90%; }
div.dsig_css_errorpanel input {  font-size: 90%; }

body.sign { border: 0; margin: 7px 14px; background: #efefce; font-family: verdana;}

   /*** Solves DIV width:100%-padding IE-Mozilla problem. Mozilla should behave like IE now ***/
   
div{-moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;margin:0;padding:0; }

   /*** COMMON HEADER ***/
   /* Attribute Data of the Document */

div.commonheader {display: block;  padding: 0.6em 1em; border-color: #00659c; 
background-image: url('durs_znak_60.png'); background-attachment:scroll;  background-position:bottom right; background-repeat:no-repeat;  background-attachment:scroll;}
div.commonheader table td {color: #000; font-size: 66%; padding: 0.3em 0.5em 0.3em 0.1em; }

   /*** Signing ***/

div.signareafile { border: 1px solid #206892; background: #fffce9; padding: 5px 12px; display: block; width: 100%; margin-bottom: 20px; }
div.signareafile h2 {margin-top: 0; margin-bottom: 0.3em; }


   /***************/
   /*** HIDING ***/
   /*************/


.hidden { DISPLAY: none }


   /**********************************/
  /********    PRINTING    **********/
 /**********************************/

@media print {

body {font-family: Arial; margin: 0; padding: 0; }
body.sign {font-family: Arial; margin: 0; padding: 0;}
div.commonheader {margin-bottom: 0.5cm; padding: 0; color: #000;}
div.commonheader table td {color: #000; font-size: 7pt; font-family: Arial; border-top: none; }
table.header {display: none; }
td.breads {display: none; }
td.leftmenu {display: none; }
h1  {display: none; }
h1, h2, a, p.instruct {color: #000; }
p, h3, h4, p.instruct, table.tablesignsimple td, table.tablebullet td {font-size: 7pt; }
p.instruct {margin-bottom: .2cm; }
h1.print {display: inline; }
h2 {font-family: Arial; font-size: 16pt; color: #000; margin-bottom: 1em;}
td.footer {display: none; }
div.signareafile {border: none; margin: 0; padding: 0; }
.hidden { color: #000; }
input, select { font-family: Arial; font-size: 7pt; border-color: #000; margin: 0; }


table.tablebullet {border: none; border-top: 1.5pt solid #000;}
table.tablebullet td.input {padding: 1px; }

table.tablesignbullet {border: none; border-top: 1.5pt solid #000;}
table.tablesignbullet td {border-bottom: 0.5pt solid #000; font-family: Arial; font-size: 8pt; padding-left: 0;}
table.tablesignbullet tr.first td {border-left: none; font-size: 8pt;}
table.tablesignbullet td.lbl {padding-left: 0;} 

table.tablesignform {border: none; font-family: Arial; font-size: 6pt; margin-top: 3em; padding: 0;}

table.tblpage {border: none; margin: 0; padding: 0;}
table.tblpage td.form {border: none; margin: 0; padding: 0; }
table.tablebullet {margin: 1cm 0px; border: none; background: #fff; }
table.tablesimple {margin: 1cm 0px; }


}

     /********************/
    /**** helpWindow ****/
   /********************/

div.helpInWin
{
  background-color: #e8dcba;
  border: solid 1 #A6A399; 
}

div.help
{
  max-width:300px;
  width:300px;
  z-index: 0;
  position: absolute;
  top: -999px;
  left: -999px;
  display: none;
  visibility: hidden;
  border-right: solid 1 #A6A399;
  border-left: solid 1 #A6A399;
}

div.help span
{
/*  padding:3 3 3 3;
  background-color: #f8dcba;
  display:inline;
*/   
}