html, body {
  background-color: #9abbde;
  font-family: verdana;
  color: black;
  padding: 0px;
  margin: 0px;
  font-size:1em
  }

/* * {
  padding: 0;
  margin: 0;
  font-size:1em
  }*/

/* ZTMDefault styles for the templates from ZTMCore. */
.ztmedit {
  background-color:#e0e0e0;
  padding-left:10px;
  padding-right:10px;
  padding-top:1px;
  padding-bottom:5px;
  }

  .ztmedit h1 {
    font-size:1.5em;
    font-weight:bold;
    padding:0px;
    background-color:#d0d0d0
    }
  .ztmedit h2 {
    font-size:1em;
    font-weight:bold;
    padding:0px;
    margin-top:10px;
    background-color:#d0d0d0
    }

    .ztmedit h2 a {
      font-size:x-small;
      }

  .ztmedit p {
    /*font-size:.7em;*/
    padding-top:3px;
    padding-bottom:3px;
    }

.ztmedit p.warning { color: red;}

.ztmedit p a{
font-size:xx-small
}

.ztmedit span{
/*font-size:.7em*/
}

.ztmedit a{
text-decoration:underline;
/*font-size:.6em;*/
color:#000000;
}

.ztmedit input{
font-size:.9em
}

.ztmedit td{
}

.ztmedit th{
font-size:smaller;
}


.ztmedit ul {
padding-top:3px;
padding-bottom:3px;
padding-left: 0;
margin: 0;
list-style-type: none;
/*font-size:.7em;*/
}

.ztmedit ul li a{
font-size:smaller;
color:#000000;
text-decoration:underline;
}

.ztmedit table {
  width: 90%;
  font-size:.9em;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}

.ztmedit table thead {
  background-color: #c0c0c0;
}

.ztmedit table tbody tr td a {
text-decoration: underline;
color:#000000;
}


.ztmview {
  background-color:#e0e0e0;
  padding-left:10px;
  padding-right:10px;
  padding-top:1px;
  padding-bottom:5px;
  }

.ztmview h1{
font-size:1.5em;
padding:0px;
margin-top:10px;
background-color:#d0d0d0
}

.ztmview h2{
font-size:1em;
padding:0px;
margin-top:10px;
background-color:#d0d0d0
}

.ztmview h2 a{
color:#000000;
text-decoration:underline;
padding:0px;
margin-top:10px;
}

.ztmview ul {
padding-top:3px;
padding-bottom:3px;
padding-left: 0;
margin: 0;
list-style-type: none;
/*font-size:.7em;*/
}

.ztmview ul li a{
color:#000000;
text-decoration:underline;
}

.ztmview table {
  width: 90%;
  font-size:.7em;
  padding: 0em;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}

.ztmview table thead {
  background-color: #c0c0c0;
}

.ztmview td, th{
font-size:xx-small;
}

.ztmview table tbody tr td a {
text-decoration: underline;
color:#000000;
}

.ztmview p{
padding-top:3px;
padding-bottom:3px;
margin:0px;
}

.ztmview p a{
color:#000000;
text-decoration:underline;
}


/*end styles for assosiation edit form*/

/* Special layout for popup windows */
div.popup_window {
  border:10px #c3d6ec solid;
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 0px 0px;
  background-color: #e0e0e0;
  font-size: 14px;
  }
div.popup_window h1 {
  font-size: 1em;
  width: 100%;
  background-color: #d0d0d0;
  }
div.popup_window h2 {
  font-size: 1em;
  }

/* End special layout for popup windows */

/* Special styles for login form */
body.login_form { 
text-align: center; 
width: 100%;
height: 100%;
}
body.login_form div.row {
clear:both;
padding-top:10px;
}

body.login_form div.row span.label {
float: left;
width: 100px;
text-align: right;
}

body.login_form div.row span.formw {
float: right;
width: 235px;
text-align: left;
}

body.login_form form {
width: 350px;
clear: both;
border: 5px solid #d5e3ef;
background-color:#e0e0e0; 
padding: 0 0 0 0;
margin: auto;
}

body.login_form h1 {
font-size: 1.2em;
background-color: #d0d0d0;
display: block;
font-family: verdana;
color: black;
font-weight: bold;
margin: 0 0 0 0;
}
/* End special styles for login form */

/* New styles ztm.... */

.ztmerror{font-family:verdana;font-size:80%;color:#ff0000;font-weight:normal}
DIV.main_content{background-color:#e0e0e0}
.ztm11px{font-size:70%;color:#000000;font-weight:normal}
.ztm11px A{color:#000000;text-decoration:none}
.ztm11px A:VISITED{color:#000000}
.ztm11px A:HOVER{color:#fd7900}
.ztm11px INPUT{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:smaller}
.ztm11px TEXTAREA{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:smaller}
TD.ztm11px a.ztmfront{font-size:smaller}
.ztmshortcutselect{background-color:#659ccc;}
.ztmtopp{background-color:#ffffff; padding: 0px; margin: 0px;}
a.ztmstiakt{font-size:88%;color:#000000;line-height:20px;font-weight:bold; text-decoration:underline;}
a.ztmstiakt:visited{text-decoration:none;color:#000000;text-decoration:underline;}
a.ztmstiakt:hover{color:#fd7900;font-weight:bold; text-decoration:underline;}
.ztmsti{font-size:88%;color:#000000;line-height:20px;font-weight:normal}
a.ztmsti{color:#000000}
a.ztmsti:visited{color:#000000}
a.ztmsti:hover{color:#fd7900}
/*.ztmheaderbb{font-family:verdana;font-size:20px;color:#000000;line-height:20px;font-weight:bold}*/

h1.ztm { font-family:Verdana,Arial,Helvetica,sans-serif;font-size:125%;color:#000000;line-height:20px;font-weight:bold; text-transform: none; letter-spacing: 0em;}
h2.ztm{font-size:115%;color:#000000;font-weight:bold}

a.ztmflap{font-size:70%;color:#ffffff;font-weight:normal;text-decoration:none}
a.ztmflap:visited{color:#ffffff}
a.ztmflap:hover{color:#ffff00;text-decoration: none;}
a.ztmfront{font-size:70%;color:#000000;font-weight:normal;text-decoration:underline}
a.ztmfront:visited{color:#000000}
a.ztmfront:hover{color:#fd7900;text-decoration: underline;}
.ztmhelp{font-size:70%;color:#000000;font-weight:normal}
.ztmhelp A{color:#000000;text-decoration:underline}
.ztmhelp A:visited{color:#000000}.ztmhelp A:hover{color:#fd7900}
/* End new styles */

/* general table styles */
table.content_table {
margin:10px 0px 10px 0px;
border-left:solid 1px #00509a;
border-right:solid 1px #00509a;
border-top:solid 1px #00509a;
font-family:verdana;font-size:80%
}
table.content_table th {
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 2px;
color:white;
background-color:#00509a;
text-align:left
}
table.content_table td {
padding: 0px 2px 0px 2px;
border-bottom: 1px solid #00509a;
}
table.content_table td.bord {
padding: 0px 2px 0px 2px;
border-bottom: 1px solid #00509a;
border-right: 1px solid #00509a;
}
table.content_table tr.odd {
background:#d5e3ef;
}
table.content_table tr.even {
background:#c3d6ec;
}
/* end general table styles*/

/*styles for edit content tables*/
table.edit_content th{font-family:Verdana,Arial,Helvetica,sans-serif;color:#000000;font-size:75%;text-align:left}
table.edit_content td{font-size:70%;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000000}
table.edit_content td input{font-size:smaller}
table.edit_content td label{font-size:smaller}
table.edit_content td select{font-size:smaller}
/*end styles for edit content tables*/
.tip { font-size: small; }
span.todo { font-weight:bold; color:#ff0000;} /* Emphasize template TODOs */
span.todo:before { content: "TODO: " }

/* Rules for DisplayList */
div#inner {
margin: 0em 1em 0em 0em;
}
div#inner div.condensed_view {
background-color: white;
padding: 0em 1em 1em 1em;
}
div.content_inner {
background-color: #e0e0e0;
padding: 1em 1em 1em 1em;
}
/* Rules for DisplayList */

.ztmheaderb{font-family:verdana;font-size:14px;color:#000000;line-height:20px;font-weight:bold}
.ztmorangeb{font-family:verdana;font-size:14px;color:#ff8000;line-height:20px;font-weight:bold}
.ztmnormal{font-family:verdana;font-size:70%;color:#000000;font-weight:normal}
.ztmnormal A{color:#000000;text-decoration:none}
.ztmnormal A:VISITED{color:#000000}
.ztmnormal A:HOVER{color:#fd7900}
.ztmnormall{font-family:verdana;font-size:11px;color:#000000;font-weight:normal;background-color:#659ccc;}
.ztmnormalb{font-family:verdana;font-size:11px;color:#000000;font-weight:bold;text-decoration:none}
a.ztmnormalb:visited{color:#000000}
a.ztmnormalb:hover{color:#000000;text-decoration:underline}
.ztmred{font-family:verdana;font-size:10px;color:#ff0000;font-weight:normal}
.ztmactive{font-family:verdana;font-size:11px;color:#4c4c4c;font-weight:normal}
.ztmactiveb{font-family:verdana;font-size:11px;color:#4c4c4c;font-weight:bold}
a{text-decoration: none;}
a:hover{color:#4c4c4c;text-decoration: underline;}
.ztmcon{border-style: solid; border-color:#b7d2e5; border-width:1px; background-color:#d5e3ef;}
a.ztmtop{font-family:verdana;font-size:11px;color:#000000;font-weight:bold;text-decoration: none;}
a.ztmtop:hover {color:#ffe800;text-decoration: none;}
.ztmbord{border-style: solid; border-color:#ffffff; border-width:1px; background-color:#ffe800;}
.ztmbords{border-style:solid; border-color:#f0f0f0; border-width:1px; background-color:#000000;}
.ztmbordn{border-style: solid; border-color:#FF9839; border-width:1px; background-color:#fd7900;}
.ztmwhite{font-family:verdana;font-size:11px;color:#ffffff;font-weight:normal;line-height:17px}
a.ztmwhite:hover{font-family:verdana;font-size:11px;color:#fd7900;font-weight:normal;text-decoration:none;}
.ztmtablehead{background-color: #00509a;font-family:verdana;font-size:11px;color:#ffffff;font-weight:normal}
a.ztmnew{font-family:verdana;font-size:11px;color:#000000;font-weight:normal;text-decoration:none;}
a.ztmnew:hover{font-family:verdana;font-size:11px;color:#ffffff;font-weight:normal;text-decoration:none;}
a.ztmtable{font-family:verdana;font-size:11px;color:#000000;font-weight:normal;text-decoration:none}
a.ztmtable:hover{font-family:verdana;font-size:11px;color:#fd7900;font-weight:normal;text-decoration:none;}
.ztmback{background-color:#9abbde;}
.ztmcontent{font-family:verdana;color:#000000;font-weight:normal;border-style: solid; border-color:#b7d2e5; border-width:1px; background-color:#d5e3ef;}
TD.ztmcontent LABEL.ztm11px{font-size:smaller}
TD.ztmcontent EM.ztm11px{font-size:smaller}
.ztmcontentb{font-family:verdana;font-size:11px;color:#000000;font-weight:normal;border-style: solid; border-color:#b7d2e5; border-width:1px; background-color:#d5e3ef;}
.ztmsize{width:100%}
.ztmline{background-color:#00509a;}
.ztmlight{background-color:#c3d6ec;font-family:verdana;font-size:11px;color:#000000;font-weight:normal}
.ztmdark{background-color:#d5e3ef;font-family:verdana;font-size:11px;color:#000000;font-weight:normal}
.ztmbody{background-color:#9abbde;}

.ztmbutton{font-family:verdana;font-size:11px;color:#000000;font-weight:normal;background-color:#fd7900;border:solid 1px;border-color:#ff9839;}
.savebutton{font-family:verdana;font-size:11px;color:#000000;font-weight:normal;background-color:#fd7900;border:solid 1px;border-color:#ff9839;}


.edit_widget_title th {
  background-color: #d0d0d0;
  text-align: left;
}
.edit_widget_helptext {
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

.edit_widget_helptext a {
  color: black;
  text-decoration: underline;
}



div.previewbox {
  background-color: white;
  border: 8px solid #659ccc;
  width: 90%;
  margin: 0px 0px 0px 25px;
  padding: 0px;
  }


.ztm {
  font-family: verdana;
  font-size: 11px;
  color: black;
  }
  .ztm a:link {
    color: black;
    }
  .ztm * {
    padding: 0px;
    margin: 0px;
    color: black;
    font-size: 11px;
    line-height: 14px;
    }
  .ztm .ztmtop {
    background-color: white;
    font-size: 11px;
    padding: 10px;
    margin: 0px;
    }
    .ztm .ztmtop img.logo {
      margin-bottom: 10px;
      border: none;
      float: left;
      }
  .ztm .ztmtop .ztmuseractionlinks {
    margin: 20px 0px 0px 40px;
    float: left;
    }
  .ztm .ztmtop .ztmsystemactionlinks { 
    float: right;
    margin: 20px;
    }
  div.ztm div.ztmcrumbs {
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    background-color: white;
    vertical-align: bottom;
    }
    div.ztm div.ztmcrumbs div {
      vertical-align: bottom;
      background-color: white;
      font-size: 15px;
      font-weight: bold;
      float: left;
      }
      div.ztm div.ztmcrumbs div a.ztmpathelement:link {
        font-size: inherit;
        font-weight: inherit;
        text-decoration: underline;
        }
      div.ztm div.ztmcrumbs div a.ztmpathelement:visited {
        font-size: inherit;
        font-weight: inherit;
        text-decoration: underline;
        }
      div.ztm div.ztmcrumbs div a.ztmcurrentelement:link {
        font-size: inherit;
        font-weight: normal;
        text-decoration: none;
        }
      div.ztm div.ztmcrumbs div a.ztmcurrentelement:visited {
        font-size: inherit;
        font-weight: normal;
        text-decoration: none;
        }
    div.ztm div.ztmcrumbs form {
      background-color: white;
      float: right;
      margin-right: 25px;
      }
  .ztm .ztmtitleblock {
    margin: 10px 0px 0px 25px;
    width: 90%;
    }
    .ztm .ztmtitleblock h1 {
      font-size: 1.5em;
      font-weight: bold;
      color: black;
      display: inline;
      margin: 0px;
      padding: 0px;
      text-decoration: none;
      }
    .ztm .ztmtitleblock span.status {
      margin-left: 20em;
      font-size: 0.8em;
      color: black;
      }
  .ztm .ztmworkflowbuttons {
    margin: 10px 25px 10px 25px;
    }

  .ztm .ztmworkflowbutton {
    background-color: yellow;
    border: thin solid white;
    padding: 3px;
    color: black;
    }
    .ztm a.ztmworkflowbutton:hover {
      text-decoration: none;
      color: grey;
      }


/* Tabs in preview and elsewhere */
.ztm {
  }
  .ztm ul.actiontabs {
    margin: 0px 0px 0px 25px;
    padding: 0px;
    display: block;
    width: 100%;
    list-style-type:none;
    font-size: 11px;
    }
    .ztm ul.actiontabs li.actiontab {
      width: 115px;
      margin: 0px;
      padding: 0px;
      background-color: #00509a;
      color: white;
      text-align: center;
      vertical-align: middle;
      border-right: 1px solid #bfcbe2;
      border-bottom: 1px solid #bfcbe2;
      height: 2em;
      float: left;
      }
      .ztm ul.actiontabs li.actiontab a {
        width: 100%;
        height: 2em;
        vertical-align: middle;
        line-height: 2em;
        }
    .ztm ul.actiontabs li.selectedtab {
      background-color: #659ccc;
      border-bottom: 1px solid #659ccc; 
      }
      .ztm ul.actiontabs li.actiontab a.end {
        border-left: transparent; 
        }
      .ztm ul.actiontabs li.selectedtab a.actiontab {
        color:black;
        }
      .ztm ul.actiontabs li a.actiontab {
        color: white;
        text-decoration: none;
        display:block;
        }
      .ztm ul.actiontabs li.actiontab a:hover {
        color: yellow;
        text-decoration: none;
        }
    




/* NEW NEW NEW NEW NEW */
form.ztm_topic_edit {
  margin: 0;
  padding: 0em 1em 0em 1em;
  color: black;
  background-color:#e0e0e0;
  font-size: 0.7em;
  font-family:verdana;
  font-weight:normal
  }
  form.ztm_topic_edit div.editwidget {
    width: 100%;
    padding-bottom: 1em;
    }
    div.editwidget label {
      margin-bottom: 0.4em;
      display:block;
      width: 100%;
      color: black;
      font-weight: bold;
      background-color:#d0d0d0
      }
    div.editwidget input, div.editwidget textarea {
      width: 40em;
      font-family: Arial;
      font-size: 1.2em;
      border: 1px solid #bbbbbb;
      }
    div.editwidget input.boolean {
      width: auto;
      }
    div.editwidget label.inline {
      display: inline;
      background-color: inherit;
      font-weight: normal;
      }
    div.editwidget input.file {
      width: 20em;
      }
    div.editwidget input.button {
      width: auto;
      background-color: white;
      }
    div.editwidget input:focus, div.editwidget textarea:focus {
      background-color: #ffffdd;
      border: thin solid grey;
      }
    div.editwidget textarea {
      height: 5em;
      }
    div.editwidget textarea.high {
      height: 25em;
      }
    div.editwidget input.date {
      width: 6em;
      }
    div.editwidget input.time {
      width: 3em;
      }
    div.editwidget span.helptext {
      display: block;
      }
  form.ztm_topic_edit div.assocwidget {
    width: 100%;
    padding-bottom: 1em;
    }
    div.assocwidget label {
      margin-bottom: 0.4em;
      display:block;
      width: 100%;
      color: black;
      font-weight: bold;
      background-color:#d0d0d0;
      }
      div.assocwidget label a span.inline {
        font-weight: normal;
        }
    div.assocwidget label.inline {
      display: inline;
      background-color: inherit;
      font-weight: normal;
      }
    div.assocwidget span.helptext {
      display: block;
      }


/* Folder contents */
#folder_contents {
  }
  #folder_contents .content_buttons {
    margin-bottom: 8px;
    }
table.content_listing {
  border-spacing: 0px;
  border-collapse: collapse;
  border-top: 1px solid #00509a;
  border-left: 1px solid #00509a;
  border-right: 1px solid #00509a;
  color: black;
  width: 80%;
  font-family: verdana;
  font-weight: normal;
  font-size: 80%;
  margin-bottom: 10px;
  }
  table.content_listing tbody td a {
    text-decoration: none;
    color: black;
    }
    table.content_listing tbody td a:hover {
      text-decoration: none;
      color: #fd7900;
      }
    table.content_listing tbody td a:visited {
      text-decoration: none;
      color: black;
      }
    table.content_listing tr {
      padding: 0px;
      margin: 0px;
      }
    table.content_listing td {
      padding: 0px 2px 0px 2px;
      border-bottom: 1px solid #00509a;
      }
    table.content_listing tr.odd {
      background: #d5e3ef;
      }
    table.content_listing tr.even {
      background: #c3d6ec;
      }
    table.content_listing thead th {
      margin:  0px;
      padding: 0px 2px 0px 2px;
      color: white;
      background-color: #00509a;
      text-align: left;
      }
      table.content_listing thead th a {
        color: white;
        font-weight: bold;
        text-decoration: none;
        }
        table.content_listing thead th a:link {
          color: white;
          }
        table.content_listing thead th a:hover {
          color: #fd7900;
          }
        table.content_listing thead th a:visited {
          color: white;
          }

      table.content_listing tbody th.selectbox {
        width:1%;
        }

      table.content_listing tbody td.selectbox {
        width:1%;
        }

      table.content_listing tbody td.title {
        border-left: 1px solid #00509a;
        border-right: 1px solid #00509a;
        width: 34%;
        }

      table.content_listing tbody td.edit {
        border-left: none;
        border-right: 1px solid #00509a;
        width: 10%;
        }
  
      table.content_listing tbody td.type {
        border-left: none;
        border-right: 1px solid #00509a;
        width: 20%;
        }
      
      table.content_listing tbody td.modified {
        border-left: none;
        border-right: 1px solid #00509a;
        width: 20%;
        }
      
      table.content_listing tbody td.owner {
        border-left: none;
        border-right: 1px solid #00509a;
        width: 15%;
        }
      
      #newcontent{
        font-size: 80%;
        }


.ztmwrapper {
  margin-left: 25px;
  background-color:#e0e0e0;
  border: 8px solid #659ccc; 
  padding: 1em !important;
  width: 90%;
  }

.singlewrapper {
  margin-top: 25px;
  margin-left: 20px;
  background-color:#e0e0e0;
  border: 8px solid #659ccc; 
  padding: 1em !important;
  width: 90%;
  }