@media all {
   .zend_form fieldset, #clsform fieldset {
      border: 1px solid #ccc;
   }
   input,textarea {
      border: 1px solid #c7ced8;
      background-color: #fff;
      font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
   }
   input:focus,textarea:focus {
      border: 1px solid #ffce7b;
   }
   form dl,form dl dd {
      margin: 0;
      padding: 0;
   }
   form dl {
      margin: 1em 0 0 0;
   }
   form dl dt {
      color: #666;
      font-weight: normal;
      font-size: 0.9em;
      letter-spacing: 0.2ex;
   }
   #submit {
      margin-top: 1em;
   }
   #gsform {
      width: 70%;
      float: left;
      min-height: 200px;
   }
   #clsform {
      width: 70%;
   }
   #clsform ul {
      margin: 0;
      padding: 0;
   }
   #clsform ul li {
      list-style-type: none;
      margin: 0 0 0.25em 0;
      padding: 0;
   }
   #clsform ul li strong {
      font-weight: normal;
      font-family: 'Courier New', Courier, monospace;
      color: #444;
      padding-right: 0.5em;
   }
   #clsform ul li em {
      color: #808080;
   }
   #clsform ul li ul {
      margin-left: 2em;
   }
   #clsform ul li ul li {
      margin: 0;
   }
   #clsform ul li img {
      vertical-align: middle;
   }
   form dl fieldset, #clsform fieldset {
      padding: 1em;
      margin-bottom: 1em;
      background-color: #e3e4e9;
      border: 1px solid #aab8c8;
   }
   form dl fieldset legend, #pageControls, #clsform fieldset legend {
      background-color: #fff;
      padding: 2px;
      border: 1px solid #aab8c8;
   }
   #clsform fieldset {
      margin-top: 2.5em;
      background-color: #fff;
   }
   #pageControls:hover {
      border-color: #ffce7b;
   }
   #pageControls h2 {
      font-size: 1em;
      color: #444;
      font-weight: normal;
      letter-spacing: 0.1em;
      padding: 1em 1em 0.5em 1em;
   }
   #pageControls ul li {
      margin-left: 1em;
   }
   label.required:after {
      content: " *";
      color: #bd1111;
      font-weight: bold;
   }
   form.login,.settings {
      width: 75%;
   }
   #insertform dt {
      width: 13em;
      float: left;
   }
   #insertform dd {
      margin-bottom: 0.5em;
   }
   #insertform dd ul {
      padding-left: 12em;
   }
   #insertform table {
      display: block;
      margin-top: 1.5em;
   }
   #insertform table td,#insertform table th {
      padding: 1ex;
      vertical-align: top;
   }
   #insertform table th {
      background-color: #eee;
      font-weight: normal;
      letter-spacing: 0.2ex;
   }
   ul.errors {
      list-style-type: none;
      margin: 0;
      padding: 0;
   }
   ul.errors li {
      font-size: 1em;
      color: #bd1111;
      padding: 2px;
      margin: 0;
   }
   .reqinfo {
      margin-top: 2em;
      font-style: italic;
   }
   .reqinfo em {
      color: #bd1111;
      font-weight: bold;
   }
   #info, .edit, #warning, .forminfo {
      background-color: #ffd799;
      border: 1px solid #ffce7b;
      padding: 0.75ex 0 0.75ex 25px;
      margin-bottom: 0.75em;
      background-image: url('/img/info.png');
      background-repeat: no-repeat;
      background-position: 0.3em 0.5em;
   }
   #info, #warning {
      margin-top: 9px;
   }
   #info span, #warning span {
      color: #bd1111;
      padding: 0 0.5em;
      letter-spacing: 0.1em;
   }
   #warning {
      background-image: url('/img/warning.png');
   }
   .forminfo {
      margin: 1em 0 0.5em 0;
   }
   a.delete:hover,input.delete:hover {
      background-color: #bd1111 !important;
      color: #fff !important;
   }
   .edit {
      text-align: left !important;
   }
   div.edit {
      padding: 0.5ex 0 0.5ex 25px;
      color: #bd1111;
   }
   .gs .zend_form dd {
      margin-bottom: 0.5em;
   }
   input.readonly {
      color: #808080;
   }
   input.readonly:focus {
      border: 1px solid #c7ced8;
   }
   select#volume {
      background-color: #fff;
      border: 1px solid #c7ced8;
   }
   #modes, #pageSizeSelector, #neighbours {
      margin-top: 1.5em;
      height: 50px;
   }
   #modes ul {
      margin: 0 0 1em 1em;
   }
   #modes h2, #pageSizeSelector h2, #neighbours h2 {
      color: #444;
      margin-left: 1em;
      font-size: 1em;
   }
   #modes ul li,#pageSizeSelector ul li {
      display: inline;
      list-style-type: none;
   }
   #modes ul li a {
      display: block;
      float: left;
      width: 30px;
      height: 30px;
      margin: 0 8px 0 0;
      padding: 0;
   }
   #modes ul li a.grid1_de {
      background: transparent url(/img/grid1-de.png) 0 0 no-repeat;
   }
   #modes ul li a.grid1_de:hover {
      cursor: default;
      background: transparent url(/img/grid1-de.png) 0 0 no-repeat;
   }
   #modes ul li a.grid1_en {
      background: transparent url(/img/grid1-en.png) 0 0 no-repeat;
   }
   #modes ul li a.grid1_en:hover {
      cursor: default;
      background: transparent url(/img/grid1-en.png) 0 0 no-repeat;
   }
   #modes ul li a.grid2_de {
      background: transparent url(/img/grid2-de.png) 0 0 no-repeat;
   }
   #modes ul li a.grid2_de:hover {
      background: transparent url(/img/grid3-de.png) 0 0 no-repeat;
   }
   #modes ul li a.grid2_en {
      background: transparent url(/img/grid2-en.png) 0 0 no-repeat;
   }
   #modes ul li a.grid2_en:hover {
      background: transparent url(/img/grid3-en.png) 0 0 no-repeat;
   }
   #modes ul li a.list1_de {
      background: transparent url(/img/list1-de.png) 0 0 no-repeat;
   }
   #modes ul li a.list1_de:hover {
      cursor: default;
      background: transparent url(/img/list1-de.png) 0 0 no-repeat;
   }
   #modes ul li a.list1_en {
      background: transparent url(/img/list1-en.png) 0 0 no-repeat;
   }
   #modes ul li a.list1_en:hover {
      cursor: default;
      background: transparent url(/img/list1-en.png) 0 0 no-repeat;
   }
   #modes ul li a.list2_de {
      background: transparent url(/img/list2-de.png) 0 0 no-repeat;
   }
   #modes ul li a.list2_de:hover {
      background: transparent url(/img/list3-de.png) 0 0 no-repeat;
   }
   #modes ul li a.list2_en {
      background: transparent url(/img/list2-en.png) 0 0 no-repeat;
   }
   #modes ul li a.list2_en:hover {
      background: transparent url(/img/list3-en.png) 0 0 no-repeat;
   }
   #modes ul li a.rec1_de {
      background: transparent url(/img/rec1-de.png) 0 0 no-repeat;
   }
   #modes ul li a.rec1_de:hover {
      cursor: default;
      background: transparent url(/img/rec1-de.png) 0 0 no-repeat;
   }
   #modes ul li a.rec1_en {
      background: transparent url(/img/rec1-en.png) 0 0 no-repeat;
   }
   #modes ul li a.rec1_en:hover {
      cursor: default;
      background: transparent url(/img/rec1-en.png) 0 0 no-repeat;
   }
   #modes ul li a.rec2_de {
      background: transparent url(/img/rec2-de.png) 0 0 no-repeat;
   }
   #modes ul li a.rec2_de:hover {
      background: transparent url(/img/rec3-de.png) 0 0 no-repeat;
   }
   #modes ul li a.rec2_en {
      background: transparent url(/img/rec2-en.png) 0 0 no-repeat;
   }
   #modes ul li a.rec2_en:hover {
      background: transparent url(/img/rec3-en.png) 0 0 no-repeat;
   }
   #column {
      font-size: 1.2em;
      padding: 1px 2px 3px 2px;
      text-align: right;
   }
   .wide {
      width: 85%;
   }
   .medium {
      width: 70%;
   }
   #xsform {
      margin-top: 1.5em;
   }
   #xsform table {
      border: 1px solid #ccc;
      background-color: #f8f8f8;
   }
   #xsform table tr {
      vertical-align: top;
   }
   #xsform table th {
      background-color: #e3e4e9;
      color: #666;
      font-weight: normal;
      font-size: 1em;
      letter-spacing: 0.2ex;
   }
   #xsform table th select option {
      color: #000;
      font-weight: normal;
      letter-spacing: 0;
   }
   th#submit-label {
      background-color: transparent;
   }
   th#submit-label label {
      display: none;
   }
}