/* 1 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* 1.1 */
#pun-admain * {
  margin: 0;
  }

/* 1.2 */
#pun-admain .adformal dl, #pun-admain .adformal dd, #pun-admain .adformal dt, #pun-admain .adformal ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
  }

/* 1.3 */
#pun-admain .adformal li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }

/* 1.4 */
#pun-admain table {
  table-layout: fixed;
  width: 100%;
  }

/* 1.5 */
#pun-admain fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0;
  border-color: #ccc;
  }

/* 1.6 */
#pun-admain legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em;
  color: #333;
  }

/* 1.7 */
#pun-admain legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  background-color: #fff;
  }

/* 1.8 */
#pun-admain fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* 1.9 */
#pun-admain .areafield span.input, #pun-admain .longinput span.input {
  display: block;
  height: 100%;
  }

/* 1.10 */
#pun-admain textarea, #pun-admain .longinput input {
  width: 98%;
  }

/* 1.11 */
#pun-admain span[class="adinput"] input, #pun-admain span[class="adinput"] label {
  vertical-align: middle;
  }

/* 2 Text setup
-------------------------------------------------------------*/

/* 2.2 */
#pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* 2.2 */
#pun-admain h1, #pun-admain h2, #pun-admain h3, #pun-admain h4, #pun-admain table, #pun-admain table * {
  font-size: 1em;
  font-weight: normal;
  }

/* 2.3 */
#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span {
  font-size: 1.1em;
  }

/* 2.4 */
#pun-admain em {
  font-style: normal
  }

/* 2.5 */
#pun-admain .adformal  p.submittop, #pun-admain .adformal p.submitend {
  text-align: center;
  padding-bottom: 8px;
  }

/* 2.6 */
#pun-admain a {
  cursor: pointer;
  color: #005AEB;
  }

/* 2.8 */
#pun-admain a:hover {
  color: #B42000
  }

/* 2.9 */
#pun-admain .isactive a {
  color: #333;
  font-weight: bold
  }

/* 2.10 */
#pun-adnav .isactive ul.adsubnav a {
  color: #005EAB
  }

/* 2.11 */
#pun-adnav .isactive ul.adsubnav a:hover {
  color: #B42000;
  }

/* 2.12 */
#pun-admain .warntext {
  font-weight: bold;
  }

/* 2.13 */
#pun-admain .nodefault {
  color: red
  }

/* 3 Index page
-------------------------------------------------------------*/

/* 3.4 */
#pun-admin_index #pun-admain .adcontainer dl {
  border-left-style: solid;
  border-left-width: 18em;
  margin-bottom: 3px;
  padding: 6px 1em;
  position:relative;
  border-color: #dedfdf;
  background-color: #eee;
  line-height: 1.8em;
  }

/* 3.5 */
#pun-admin_index #pun-admain .adcontainer dt {
  position: absolute;
  left: -18em;
  width: 16em;
  padding: 0 1em;
  font-weight: bold;
  }

/* 3.6 */
#pun-admin_index #pun-admain .adformal div ul, #pun-admin_index #pun-admain div p {
  padding: 0 0 0.8em 0
  }

/* 4 Basic layout and admin menu
-------------------------------------------------------------*/

/* 4.3 */
.adminmain {
  padding-left: 15em;
  margin-bottom: 1em;
  }

/* 4.4 */
#pun-admain2 {
  margin-top: 1em;
  }

/* 4.5 */
#pun-adnav {
  float:left;
  width: 14em;
  margin-left: -15em;
  display:inline;
  }

#pun-adnav ul {
  padding: 0.4em 0 0.6em 0
  }

#pun-adnav li {
  padding: 0.3em 1em;
  }


/* 4.8 */
#pun-adnav a {
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  }

/* 4.9 */
#pun-adnav h3 {
  padding: 3px 1em;
  background-color: #dedfdf;
  margin: 0;
  }

/* 4.10 */
#pun-adnav ul.adsubnav li {
  list-style: square inside;
  padding: 0.2em 0 0.2em 0.2em;
  color: #bbb;
  }

/* 4.11 */
#pun-adnav ul.adsubnav a {
  font-weight: normal;
  color: blue;
  text-decoration: underline;
  }

/* 4.12 */
#pun-adnav ul.adsubnav  {
   display: none
   }

/* 4.13 */
#pun-adnav li.isactive ul.adsubnav  {
   display: block;
   }


/* 5 External borders and headers
-------------------------------------------------------------*/

/* 5.1 */
.adformal {
  border-style: none none solid none;
  border-width: 0 0 2px 0;
  border-color: #f6f6f6;
  }

/* 5.2 */
.adcontainer {
  border-style: none solid solid solid;
  border-width: 0 1px 1px 1px;
  border-color: #ccc #ccc #aaa #ccc
  }

/* 5.3 */
.adformal h2, #pun-adnav h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  background-color: #333;
  color: #fff;
  border-color: #333
  }

/* 6 Style forms (General)
-------------------------------------------------------------*/

/* 6.1 */
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer,
#pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
  padding: 18px 25px 12px 25px;
  position: relative;
  }

/* 7 Layout inside fieldsets
-------------------------------------------------------------*/

/* 7.1 */
#pun-admain fieldset .adfs-box {
  padding: 1em 0 1em 0;
  overflow: hidden;
  }

/* 7.2 */
#pun-admain fieldset .handle, #pun-admain fieldset p {
  border-left-style: solid;
  border-left-width: 18em;
  margin-bottom: 3px;
  padding: 6px 0;
  position:relative;
  border-color: #dedfdf;
  background-color: #eee;
  }

/* 7.3 */
#pun-admain .adformal p.adinfofield {
  background: transparent;
  border-left: none;
  position: static;
  padding: 0 0 8px 0;
  }

/* 7.4 */
#pun-admain .adinput {
  display: block;
  padding: 0;
  padding: 0 10px;
  }

/* 7.5 */
#pun-admin_reports #pun-admain .adinput span {
  overflow: hidden;
  display: block;
  width: 100%
  }

/* 7.6 */
#pun-admain .adlabel {
  float: left;
  margin-left: -18em;
  position:relative
  }

/* 7.7 */
#pun-admain .adlabel {
  width: 16em;
  padding-left: 1em;
  padding-right: 1em
  }

/* 7.8 */
#pun-admain .adlabel, #pun-admain .adinput, #pun-admain fieldset dt, #pun-admain fieldset dd {
  line-height: 1.8em;
  }

/* 7.9 */
#pun-admain .adinput em {
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 140%;
  }

/* 7.10 */
#pun-admain fieldset p br {
  display: none
  }

/* 7.11 */
#pun-admain fieldset dl.adinfofield dt {
  float:left;
  width: 12em
  }

/* 7.12 */
#pun-admain fieldset dl.adinfofield dd {
  font-weight: bold;
  }

/* 7.13 */
#pun-admain fieldset dl.adinfofield {
  padding-bottom: 1em
  }

/* 7.14 */
#pun-admain label, div#pun-admain .adlabel {
  font-weight: bold;
  }

/* 7.15 */
#pun-admain .adlabel input, #pun-admain .adinput input {
  font-weight: normal
  }

/* 7.16 */
#pun-admain input, #pun-admain select {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.3em;
  }

/* 7.17 */
#pun-admain p {
  position: relative;
  }

 /* 7.18 */
 #pun-admain span.adsubmit {
  position: absolute;
  left: -17em;
  width: 16em;
  top: 0.6em;
  }

/* 7.19 */
#pun-admain p.adsubmitfield span.adsubmit {
  top: 2.5em;
  }

/* 7.20 */
#pun-admain p.adsubmitfield .adlabel {
  padding-bottom: 2em;
  }

/* 7.21 */
.punbb #pun-admain p.contains-textarea {
  border-left-width: 0px !important;
  border-left-style: none !important;
  }

/* 7.22 */
.punbb #pun-admain p.contains-textarea .adinput {
  margin-top: 2.2em !important;
  }

/* 7.23 */
.punbb #pun-admain p.contains-textarea .adlabel {
  margin-left: 0px !important;
  width: auto !important;
  }

/* 8 Tabular layout inside fieldsets
-------------------------------------------------------------*/

/* 8.1 */ #pun-admain p span.astable label {
  float:left;
  position:relative;
  }

/* 8.2 */ #pun-admain span.astable label, #pun-admain .tabular label {
  margin-right: 1.5em;
  white-space: nowrap;
  }

/* 8.3 */ #pun-admain p span.astable input {
  display:block;
  }

/* 8.4 */
#pun-admain p.hasheading span.astable input {
  margin-top: 0.2em;
  }

/* 9 User tables
-------------------------------------------------------------*/

/* 9.1 */
#pun-admain .tcl {
  overflow: hidden;
  text-align: left;
  width: 35%;
  }

/* 9.2 */
#pun-admain .tc2 {
  text-align: left;
  width: 25%;
  }

/* 9.3 */
#pun-admain .tc3 {
  text-align: center;
  width: 10%;
  }

/* 9.4 */
#pun-admain .tcr {
  text-align: left;
  width: 30%;
  }

/* 9.5 */
#pun-admain .adcontainer td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  border-color: #ddd
  }

/* 9.6 */
#pun-admain .adcontainer th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  border-color: #ddd;
  background-color: #ddd;
  }

/*9.7 */
#pun-admain .adcontainer .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* 9.8 */
#pun-admain td span.usernote {
  display: block;
  }

/* Hide */
#pun-admain .acchide, #pun-admain h1 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0px;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

/* H1 */ /* Standards compliant browsers */
#pun:after,
#pun-admain:after,
#pun-admain fieldset .adfs-box p:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
  }
