/* import yaml form layout */
    @import url(lib/forms.css);
    @import url(lib/date_picker.css);

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #A1A2A6;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 100%;
}

th {
    text-align: left;
}

form {
  display: inline;
}

a, a:link, a:visited {
    color: #4A8EBC;
}

a:hover {
    color: #c3593c;
    text-decoration: underline;
}

.box0 {
    margin-bottom: 10px;
    border: 1px solid #D3D3D3;
    padding: 5px;
}

.framebox {
    border: 1px solid #D3D3D3;
    padding: 10px;
}

.box1 {
    margin-bottom: 10px;
}
.box1 .midd .cnt {
    background-position: top left;
    background-image: url(../images/grauerstrich_vertikal.gif);
    background-repeat: repeat-x;
       background-color: #A7A9AA;
    padding: 5px;
}
.box1 .foot .cnt {
    background-color: #E9E9E9;
    height: 1px;
}


.box2 {
    margin-bottom: 10px;
}
.box2 .midd .cnt {
    background-position: top left;
    background-image: url(../images/blauerstrich.jpg);
    background-repeat: repeat-y;
    background-color: #204586;
    color: white;
    padding: 5px;
}
.box2 .foot .cnt {
    background-color: #BFE6F6;
    height: 1px;
}


.box3 {
    margin-bottom: 10px;
}
.box3 .midd .cnt {
    background-position: top left;
    background-image: url(../images/gruenerstrich_vertikal.gif);
    background-repeat: repeat-x;
    background-color: #398d22;
    color: white;
    padding: 5px;
}
.box3 .foot .cnt {
    background-color: #9EC00B;
    height: 1px;
}


.box4 {
    margin-bottom: 10px;
}
.box4 .midd .cnt {
    background-position: top left;
    background-image: url(../images/roterstrich_vertikal.gif);
    background-repeat: repeat-x;
    background-color: #E95D24;
    color: white;
    padding: 5px;
}
.box4 .foot .cnt {
    background-color: #F9D6C8;
    height: 1px;
}

.box5 {
    margin-bottom: 10px;
}

.box2 a, .box3 a, .box4 a {
    color: white;
}

.box0 .dotline, .box1 .dotline, .box2 .dotline, .box3 .dotline, .box4 .dotline, .box5 .dotline {
    background-image: url(../images/dotline_white.gif);
    background-position: center center;
    background-repeat: repeat-x;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 1px;
}

.box0 h2, .box1 h2, .box2 h2, .box3 h2, .box4 h2, .box5 h2 {
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    margin-bottom: 4px;
    letter-spacing: normal;
}

.box0 h1, .box1 h1, .box2 h1, .box3 h1, .box4 h1 {
    padding: 2px 0 0 0px;
    margin: 0;
    color: black;
    font-weight: bold;
    font-size: 12pt;
}

.box0 h1 {
    height: 30px;
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 12px;
}

.box1 h1, .box2 h1, .tabhead {
    padding: 5px;
    font-size: 12pt;
    font-weight: bold;
    background-image: url(../images/gelberstrich_kurz.gif);
    background-color: #EB6B29;
    background-repeat: repeat-y;
    background-position: top left;
}

.box3 h1, .box4 h1 {
    padding: 5px;
    font-size: 12pt;
    font-weight: bold;
    background-image: url(../images/grauerstrich_kurz.gif);
    background-color: #E3E4E5;
    background-repeat: repeat-y;
    background-position: top left;
}

.box5 h1 {
    padding: 5px;
    font-size: 16pt;
    font-weight: bold;
    background-image: url(../images/blauerstrich.jpg);
    background-color: #01AEF0;
    background-repeat: repeat-y;
    background-position: top right;
    margin-bottom: 10px;
}
.box5 h2 {
    padding: 5px;
    font-size: 14pt;
    font-weight: bold;
    background-image: url(../images/blauerstrich.jpg);
    background-color: #01AEF0;
    background-repeat: repeat-y;
    background-position: top right;
    margin-top: 5px;
    margin-bottom: 10px;
}
.box5 h3 {
    padding: 5px;
    font-size: 12pt;
    font-weight: bold;
    background-image: url(../images/gelberstrich.jpg);
    background-color: #F99E29;
    background-repeat: repeat-y;
    background-position: top left;
    margin-bottom: 10px;
    margin-top: 10px;
}
.box5old h2 {
    padding: 5px;
    font-size: 12pt;
    font-weight: bold;
    background-color: #ccc;
    background-position: top left;
    margin-bottom: 10px;
}

.box0 h2, .box1 h2, .box2 h2, .box3 h2, .box4 h2 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
}

.box0 h3, .box1 h3, .box2 h3, .box3 h3, .box4 h3 {
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
}



.tabsbox {
    height: 100%;
    min-height: 400px;
    margin-top: auto; margin-bottom: auto;
}

.tabsbox .head {
    background-image: url(../images/box3_top_lft.gif);
    background-position: top right;
    background-repeat: no-repeat;
    height: 9px;
}

.tabsbox .midd2 {
    min-height: 382px;
    height: 100%;
    background-image: url(../images/box3_lft.gif);
    background-position: top right;
    background-repeat: repeat-y;
}

.tabsbox .foot {
    background-image: url(../images/box3_bot_lft.gif);
    background-position: top right;
    background-repeat: no-repeat;
    height: 9px;
}

.all {
    width: 1003px;
    text-align: left;
    margin: 10px 10px 10px 10px;
    padding:10px 10px 10px 10px;
    background-color: #FFFFFF;
}

.zz {
    text-align: right;
    padding-bottom: 8px;
}

.navi {
    padding-left: 10px;
    line-height: 24px;
    color: black;
    background-image: url(../images/grauerstrichinvers.jpg);
    background-repeat: no-repeat;
    background-color: #DCDDDF;
}
.navi .main {
    margin-right: 35px;
}
.navi .regular, .navi .chosenregular, .subnavi .chosenregular {
    margin-right: 35px;
}
.subnavi .chosenregular {
    line-height: 24px;
}
.navi a {
    font-weight: bold;
    color: black;
    text-decoration: none;
}
.navi a:hover, .subnavi a:hover {
    text-decoration: underline;
}
.navi .chosenregular a, .subnavi .chosenregular a {
    color: #FFFFFF;
    font-weight: bold;
}

.subnavi {
    padding-left: 10px;
    line-height: 24px;
    color: black;
    background-image: url(../images/grauerstrich.jpg);
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-color: #9FA0A3;
}
.subnavi .regular {
    margin-right: 35px;
}
.subnavi a {
    font-weight: normal;
    color: black;
    text-decoration: none;
}

.footermenu {
    background-image: url(../images/footer.gif);
    background-repeat: no-repeat;
    background-color: #FCC321;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 62px;
}
.footercontents {
    font-weight: bold;
    font-size: 12px;
    margin-top: 18px;
    margin-left: 250px;
    color: white;
}
.footercontents a {
    text-decoration: none;
    color: white;
}
.footercontents a:hover {
    text-decoration: underline;
}

.dotline {
    background-color: gray;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 1px;
}

.header {
    margin-bottom: 10px;
    width: 1003px;
    padding-top: 140px;
    background-repeat: no-repeat;
    position: relative;
}
.errormsg_single {
    color: red;
    font-weight: bold;
}
.dimmed {
    color: #808080;
    display: none;
}
.dimmed input {
    background-color: #c0c0c0;
    display: none;
}

.dimmed select {
    background-color: #c0c0c0;
    display: none;
}

input, textarea, select, .error_mark {
  border:1px solid #C0C0C0;
  font-weight:bold;
  font-family:Courier New;
  font-size:10pt;
}
input[type="checkbox"], input[type="radio"]{
    background: transparent;
    border: 0;
}
input[type="image"]{
    border: 0;
}

textarea {
  border:1px solid #C0C0C0;
  font-weight: normal;
}
.error_mark {
  border-bottom:1px solid red;
  background-color: red;
}

.tabitem0, .tabitem1 {
    padding: 5px;
    font-size: 12px;
    font-weight: normal;
}
.tabitem1 {
    background-image: url(../images/grauerstrich_kurz.gif);
    background-repeat: repeat-y;
    background-position: top left;
}

.tabitem0 a, .tabitem1 a, .tabitem0 a:hover, .tabitem1 a:hover {
    color: black;
    padding: 5px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.tabitem0_select, .tabitem1_select {
    background-image: url(../images/gelberstrich_kurz.gif);
    background-repeat: repeat-y;
    background-position: top left;
    width: 15px;
}

.flags {
    position: absolute;
    top: 10px;
    left: 700px;
    text-align: right;
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.flags select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.filetypeselection {
    width: 160px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#fileuploadwaitbox {
    border: 2px solid red;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: red;
}

frmhead{
}
form.deactivated input{
    color:gray;
    background-color:#ccc;
    border:1px solid gray;
}
form.deactivated {
    color:gray;
    font-style:italic;
}

/* input errors */
#errorsDiv {
    display:none;
    color:red;
    background-color:white;
    border:0px solid red;
    padding:0px;
    font-weight:bold;
    margin-bottom:10px;
}
#errorsDiv ul {
    list-style:none;
    margin:0;
    padding:0;
}
.innerError {display:block;}
.inputError {
    background-color:red;
}
label {margin-top:2px;}
.inputText {width:6em;font-weight:normal;padding-left:2px;margin-top:2px;}
.inputSelect {width:10em;font-weight:normal;margin-top:2px;}
.hidden {display:none;}
.rot {border:5px solid red;}
.red {color:red;}
img {border:none;}
.warning {
    border:1px solid red;
    display:block;
    padding:5px;
    color:red;
    font-weight:bold;
    margin:5px 0 5px 0;
    text-align:center;
}
.info {
    border:1px solid green;
    display:block;
    padding:5px;
    color:green;
    font-weight:bold;
    margin:5px 0 5px 0;
    text-align:center;
}
.measure {padding-left:2px;}
.floatbox {overflow:hidden;}
.form_line {margin-bottom:5px;}
.noborder{ border:none; }
.readOnly {color:#999; border:1px solid #ccc; background-color:#eee;}
.link {cursor:hand;cursor:pointer;}
/* **************************************************************************
       Multilayer

#grafical_multilayer_container
  #grafical_multilayer

    #layerAndSpacer
      #numbers

    #layerAndThickness
      #thickness
      #layerAll

    #sequenzes
      #sequenzGrafic
        #my_layers --> filled by JavaScript: layerscript.js
          div
            #drills
              .drillHole  (first | last)
                #drillNumberLine
                  #drillNumber[0-9]+ .drillNumber
                #drillWidthLine
                  drillWidth[0-9]+ .drillWith

    #holesAll

*************************************************************************** */

/* ---- common settings ------------------------ */
.layer {
    background-color:#ffd480;
}
.spacer {}
.sum {}
.formLine { overflow:hidden; }

/* ---- container ------------------------ */

#grafical_multilayer_container {
    overflow: auto;
    width: 625px;
    height: 400px;
}
    #grafical_multilayer {margin-bottom:20px;}
    #grafical_multilayer h4 {
        font-size: 12px;
        margin: 5px 0px 5px 0px;
        padding:0 10px 0 10px;
    }
#numbers {padding-bottom: 137px;}

/* ---- layer block ------------------------ */

#layerAndSpacer {
    float:left;
    border:1px solid #ccc;
    border-width: 1px 0px 1px 1px;
    width:75px;
}
#layerAndSpacer label {
    display:block;
    float:left;
    width:60px;
    text-align:right;
    margin: 5px 10px 0 0;
    color:#666;
    font-size:90%;
}
#layerAndSpacer .formLine {
    height:26px;
    padding:2px;
}

/* ---- thicknesses block ------------------------ */

#layerAndThickness {
    float:left;
    border:1px solid #ccc;
    border-width: 1px 0px 1px 1px;
}
#layerAndThickness .formLine {
    height:26px;
    padding:2px 10px 2px 10px;
    width:140px;
}
#layerAndThickness .spacer input {
    width:3em;
}
#thickness {
    margin: 0 0 5px 0px;;
}
#layerAll {
    height:132px;
    padding-left:10px;
}
#layerAll label {}
#gesamtdickelabel {
    color:#666;
    font-size: 75%;
}
#gesamtdicke {
    margin-top:5px;
}

/* ---- drill sequenzes block ------------------------ */

#sequenzes {
    float:left;
    border:1px solid #ccc;
    border-width: 1px 1px 1px 1px;
}
#sequenzes img{
    margin-right:7px;
}
.sequenzesLabel {
    font-size:75%;
}
#sequenzGrafic {}
#my_layers {}
#drills {
    background:white url("../images/layers_back.gif");
}
.drillHole {
    height:60px;
    margin-left:5px;
    margin-right:5px;
}
.drillHole a {
    margin-left:5px;
}
.first {
    padding-top:15px;
}
.last {
    padding-bottom:15px;
}
#drillNumberLine {
    padding:5px 0 0 5px;
    height:40px;
    overflow:hidden;
}
.drillNumber {
    float:left;
    padding:0px 0 0 5px;
}
.drillNumber input {
    width:35px;
    font-weight:normal;
    margin:0;
    padding:0;
    font-size:11px;
}
.drillNumber label {
    color:#666;
}
#drillWidthLine {
    margin: 0px;
    padding:0 0 0 5px;
    height:40px;
    overflow:hidden;
}
.drillWidth {
    float:left;
    padding:5px 0 0 5px;
}
.drillWidth input {
    width:35px;
    font-weight:normal;
    margin:0;
    padding:0;
    font-size:11px;
}
.drillWidth label {
    color:#666;
}
#holesAll {
    padding-top:1em;
    margin:0px 0px 10px 0;
    height:30px;
    overflow:hidden;
}
#holesAll label {
    margin: 0px 0 0 10px;
    color:#666;
    font-size: 75%;
}
#bohrungengesamt {
    padding:5px 5px 0px 10px;
    margin-top:5px;
}

/* **************************************************************************
       my settings
       - b, b1, b2
*************************************************************************** */

    .companySettings h2
    {
        margin: 20px 0 10px 0;
        padding: 5px 0 5px 5px;
        border:1px solid #ccc;
        border-width: 1px 0 1px 0;
        color:#666;
        background-color:#eee;
        font-size:120%;
    }
    .companySettings th
    {
        width: 170px;
        text-align:right;
        padding-right:10px;
    }
    .companySettings .inputText,
    .companySettings .selectSelect
    {
        width: 300px;
    }
    .companySettings #companyLogoUpload .submitBlock,
    .companySettings #companyAdditional .submitBlock
    {
        text-align:center;
        border-top: 1px solid #ccc;
        margin-top:30px;
        padding-top: 20px;
    }
    .companySettings #companyLogo
    {
        text-align:center;
        margin: 20px 0 20px 0;
    }

/* **************************************************************************
       edit spec light
*************************************************************************** */

#editspec_light_head
{
    background-color:#01AEF0;
    background-position:top right;
    background-image: url(../images/blauerstrich.jpg);
    background-repeat:repeat-y;
    margin:0;
    padding:0;
}

#editspec_light_head h1
{
    float: left;
    background-image: url();
    background-color:transparent;
    margin:0;
    font-size: 12pt;
    padding:5px;
}
#editspec_light_head #options
{
    float: right;
    margin:0;
    padding:5px 5px 0 0;
}
#editspec_light .clear
{
    clear:both;
    margin:0;
    padding:0;
    height:0px;
}
#editspec_light h2
{
     margin: 20px 0 10px 0;
     padding: 5px 0 5px 5px;
     border:1px solid #ccc;
     border-width: 1px 0 1px 0;
     color:#666;
     background-color:#eee;
     font-size:120%;
}
#editspec_light #headBezeichnung
{
    margin: 0px 0 10px 0;
    border-width: 0px 0 1px 0;
}
#editspec_light label
{
    display:block;
    float:left;
    text-align:right;
    width:170px;
    padding-right:20px;
}
#editspec_light #name
{
    width:200px;
}
#editspec_light #comment_tab_a
{
    width:400px;
}
#editspec_light #x,
#editspec_light #y,
#editspec_light #nutzenx,
#editspec_light #nutzeny,
#editspec_light #nutzen_anzahl_lp,
#editspec_light #lagen,
#editspec_light #dicke,
#editspec_light #bohrungen_anzahl,
#editspec_light #bohrungen_durchmesser_min

{
    width:60px;
}
#editspec_light_content
{
     border:1px solid #ccc;
}
#editspec_light #bohrungen_durchmesser_min

{
    margin: 0px 0 20px 0;
}
#editspec_light #ask_for_report
{
     padding:5px 0 5px 0;
     border-top:1px solid #ccc;
     background-color:#d8efd1;
}
#editspec_light #submitBlock
{
     padding:20px 0 10px 0;
     border-top:1px solid #ccc;
     background-color:#eee;
     text-align:center;
}
.hidden
{
    visibility:hidden;
}
.measure
{
    padding-left:2px;
}
.SpecTypeLight span
{
    color:#0165A0;
    font-size:93%;
    font-weight:normal;
}

#upgradeBlock
{
    border:1px solid #ccc;
    border-top:1px solid #ccc;
}
#upgradeBlock:hover
{
    /*
    border:1px solid black;
    border-top:1px solid black;
    */
    }
#upgradeSpecLink
{
    margin:30px 10px 10px 10px;
    float:left;
    width:100px;
    text-align:right;
}
#upgradeSpecLink img
{
    border:none;
}
#upgradeSpecText
{
    margin:30px 10px 10px 10px;
    float:left;
    width:350px;
}
#upgradeSpecText h3
{
    margin:0px 0px 10px 0px;
}
/* **************************************************************************
       Spezifikation anlegen und Kosteninformationen
*************************************************************************** */

#costBox
{
    border:1px solid #398D22;
    margin: 0 0 10px 0;
    background-color:#D8EFD1;
    color:black;
}
#createBox
{
    border:1px solid #398D22;
    margin: 0 0 10px 0;
    background-color:white;
    color:black;
}
#createBox a,
#costBox a
{
    color:#4a8ebc;
}
#createBox a:hover,
#costBox a:hover
{
    color:#c3593c;
}
#createBoxHead,
#costBoxHead
{
    border-bottom:1px solid #999;
    padding:5px;
    background-color:#A8CF9B;
    color:black;
}
#createBox h1,
#costBox h1

{
    font-size: 12pt;
    margin:0 0 0 25px;
    padding:2px 0 0 5px;
}
#costBoxBody,
#createBoxBody {padding:5px;}
.headIconLeft {float:left;}
.costinfo {width:100%;}
.costinfo {border-collapse:collapse;}
.costinfo td.costvalue {border-bottom:1px dotted #666;padding-bottom:2px;}
.costinfo td {vertical-align:top;}
.costinfo td.costname,
.costinfo td.costicon {padding-top:3px;}
.costinfo td.costname,
.costinfo td.costvalue {padding-left:10px;}

.invisible {visibility:hidden;}
#markChanges {color:black;background-color:#D8EFD1; padding:5px;}
#print_view_logo {float:right;margin:0px;}
#tech_partner_block {
    margin-bottom:20px;
}
#tech_partner_block img {
    border:none;
}

#tech_partner_block h3,
#right_add_block h3 {
    color:#A1A2A6;
    font-size:10px;
    margin:0 0 10px 0;
    padding:0;
    text-align:center;
}
right_add_block {
    text-align:center;
}

/* ---- table impedance test coupon ---- */

    #impedance_testcoupon { margin: 20px 0 10px 0;}
    #impedance_testcoupon td {vertical-align:top;}

/* ---- table impedance row ---- */
    #impedance_block .impedanz_nummer { color:#999; border:1px solid #eee; background-color:#eee; text-align:right;}
    #impedance_block .imp_number_cell { background-color:#eee;}
    #impedance_block .imp_action_cell { background-color:#eee; text-align:center;}
    #impedance_block .impedance_row { width:100%; border:1px solid #ccc; border-width: 1px 0 0 1px;border-collapse:collapse; margin: 5px 0 5px 0;}
    #impedance_block .impedance_row textarea { width:99%; }
    #impedance_block .impedance_row select { width:150px;; }
    #impedance_block .impedance_row td { vertical-align:top; padding: 4px 2px 2px 2px;}
    #impedance_block .impedance_row td.label { text-align:right; white-space:nowrap; }
    #impedance_block .inputRemove {margin: 2px; background-color:#ccc;}
    #impedance_block .inputDouble {margin: 2px; background-color:#ccc;}
    #impedance_block .impedance_row td.value input { margin: 0px 2px 0px 0px; }

    #view_impedance_block {margin: 10px 0 0 0;}
    #view_impedance_block .imp_number_cell { color:#999; background-color:#ccc; text-align:right;}
    #view_impedance_block .impedance_row { width:100%; border:1px solid #ccc; border-width: 1px 1px 1px 1px;border-collapse:collapse; margin: 5px 0 5px 0;}
    #view_impedance_block .impedance_row td { vertical-align:top; padding: 4px 2px 2px 2px;border:1px solid #999;}
    #view_impedance_block .impedance_row td.label { padding: 4px 4px 2px 0px; text-align:right; white-space:nowrap; color:#999;background-color:#eee;}
    #view_impedance_block .impedance_row td.value { padding: 4px 0px 2px 4px; }

    /* Impedanztypauswahldialog */
    #impedance_type_images ol {color:#999; background-color:#eee; border:1px solid #ccc;}
    #impedance_type_images li {  border-bottom:1px solid #ccc;background-color:#fff;}
    #impedance_type_images li a{text-decoration: none; display:block;padding:1px 10px 1px 10px; color:#000;}
    #impedance_type_images li a:hover {background-color:#2A0E72; color:#F3D110;}

    /* Impedanz Typ Vorschau*/
    #preview{
        position:absolute;
        border:0px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
        z-index: 9999;
    }

/* custom changes */
.ui-widget-overlay {
    opacity: .7;
    filter:Alpha(Opacity=70);
}
/* **************************************************************************
       publish spec
*************************************************************************** */
    .publishSpec h1
    {
        padding: 5px 5px 5px 10px;
        font-size: 16px;
        font-weight: bold;
        background-image: url(../images/blauerstrich.jpg);
        background-color: #01AEF0;
        background-repeat: repeat-y;
        background-position: top right;
        margin-bottom: 10px;
        height: 20px;
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #d3d3d3;
        margin-bottom: 12px;
    }
    .publishSpec h2
    {
        margin: 0px 0 5px 0;
        padding: 5px 0 5px 5px;
        border:1px solid #ccc;
        border-width: 0px 0px 1px 0px;
        color:#666;
        background-color:#eee;
        font-size:120%;
    }
    .publishSpec p {padding:0px 5px 0px 5px;}
    .cnt_box {
        border:1px solid #ccc;
        margin:0 5px 20px 5px;
    }
    .publishSpec table {width:100%; margin-bottom:20px; border-collapse:collapse;}
    .publishSpec th {border-bottom:1px solid #ccc; padding:2px 0 5px 10px;}
    .publishSpec td { border-bottom:1px solid #ccc; padding:2px 10px 2px 10px;}


/* ---- table spec names ---- */
    #publish_spec_names th { width:50%; }
    #publish_spec_names .label { color:#999; width:20%;}

/* ---- table dates ---- */
    #publish_date th { width:50%; }

/* ---- access view ---- */
    #access_view #name {}
    #access_view #date {width:135px;}
    #access_view #expire {width:135px;}
    #access_view #option {width:50px;}

/* ---- table publish ---- */

    #publish td,
    #publish th {border:none;}
    #publish th {width:50px; vertical-align:top;text-align:right;padding:2px 5px 0px 10px;}
    #publish_comment {width:100%;}

/* ---- table company select ---- */

    #company_select td,
    #company_select th {border:none; padding:0;text-align:left;font-weight:normal; color:#999;}
    #company_select #source {width:44%;}
    #company_select #target {width:44%;}
    #company_select select {width:100%}
    #company_select td.option {text-align:center; vertical-align:middle;}
    #company_select td.option input {margin-bottom:10px;}

/* ---- form ---- */
    #publish_form #emails {width:100%;}

/* **************************************************************************
       specs overview (myspecs)
*************************************************************************** */

/* filter box left side */
#filterbox_left {
    float:left;
    width:40%;
    margin-right:10px
}

/* filter box left side table - spec count column */
td.filterbox_spec_count {
    padding-left:10px;
    text-align:right;
}

/* filter box right side */
#filterbox_right {
}

/* **************************************************************************
       supplier menu editor and related
*************************************************************************** */

/* all occurences of supplier menu entries */
UL.plain  { list-style: none }

/* supplier menu editor in bachend */
.pictureSubmit {display:block; float:right;}
#supplierInput li div {overflow:hidden; height:30px;}
#supplierInput li div *  {float:left; margin-right:5px}

/* **************************************************************************
       buttons
       - use link as button width class button
       - or element button
*************************************************************************** */

button.white {
    background-color: white;
    border:none;
    margin:0;
    padding:0;
    cursor:pointer;
}

a.button,
button.button {
    margin: 0 7px 0 0;
    color: black;
    background-color: white;
    background:white url('../images/button_not_pressed.jpg') no-repeat right center;
    font-family: Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:19px;
    text-decoration:none;
    font-weight:normal;
    cursor:pointer;
    padding:5px 25px 6px 7px; /* Links */
    border:none;
}
a.button:active,
button.button:active{
    background: url('../images/button_pressed.jpg') no-repeat right center;
}

button.button {
    width:auto;
    overflow:visible;
    padding:4px 25px 3px 7px; /* IE6 */
}
button.button[type]{
    padding:6px 25px 7px 7px; /* Firefox */
}
*:first-child+html button.button[type]{
    padding:4px 25px 3px 7px; /* IE7 */
}



/* **************************************************************************
       specs changes log (viewlogfile)
*************************************************************************** */
#pcblog {
    border-collapse:collapse;
}
#pcblog #spec_version_head
{
    width: 10px;
    text-align: center;
    background-color:#fff;
    border-bottom:1px solid white;
    font-weight:bold;
    color:#999;
}
#pcblog #old_value_head,
#pcblog #new_value_head
{
    width: 33%;
}
#pcblog td,
#pcblog th {
    padding:2px 5px 2px 5px;
    border:1px solid #999;
}
#pcblog th {
    background-color:#ddd;
}
#pcblog td {
    background-color:#eee;
}
#pcblog #spec_version
{
    background-color:#fff;
    border-bottom:1px solid white;
}
#pcblog #new_value
{
    background-color:#d8efd1;
}
#pcblog #old_value
{
    background-color:#efd1d2;
}
#pcblog #changed_by
{
    padding:2px 5px 10px 25px;
    background-color:#fff;
    color:#999;
}

/* **************************************************************************
       vouchers
*************************************************************************** */

/* prevent elements for short poping up */
.error_message,
#create_code_block,
#use_code_block,
#dedicate_code_block,
#dedicate_confirm_block,
#voucher_help_block,
#error_popup_block { display:none; }

#create_code_block #code_a {}

#vouchers, #user_found {width:100%;margin-bottom:20px; border-collapse:collapse;}
#archived_vouchers {width:100%;margin-bottom:20px; border-collapse:collapse;}
#vouchers th, #archived_vouchers th, #user_found th {border-bottom:1px solid #ccc; padding:2px 5px 5px 5px;}
#vouchers td, #archived_vouchers td, #user_found td { border-bottom:1px solid #ccc; padding:2px 5px 2px 5px;}
#user_found tr:hover { background-color:#B3DAEF;}
#user_found tr.selected { background-color:#77C4EF;}
#vouchers .credits,#archived_vouchers .credits {text-align:right;}
.align_right {text-align:right;}

/* **************************************************************************
       validator
*************************************************************************** */

.error,
label.error {color:red;}

.loading_message {display:none; text-align:center;}
.type-text input.error {
    border:1px solid red;
    background:#FFCFCF;
}
div input.error:focus,
div input.error:hover,
div input.error:active {
    border:1px red solid;
    background:#FFCFCF;
}
.error_box {clear:both;}
/* **************************************************************************
       date picker
*************************************************************************** */
/* take date picker over dialog box*/
    div#dp-popup {z-index:9999 ! important;}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../images/icon_calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 140px;
    float: left;
}