/* APPLICATION FORM */
#formdiv {
  clear: both;
}
#form {
 background: #FCFCFC;
 border: 1px solid #ccc;
 border-radius: 0px 5px 5px 5px;
 margin-top: 10px;
 margin-bottom: 30px;
 padding: 20px;
 box-shadow: 1px 1px 0.5px 0.5px #AAA;
}
#form fieldset {
 border: none;
 margin-bottom: 10px;
}
#form fieldset:last-of-type {
 margin-bottom: 0px;
}
#form fieldset legend {
 color: #555;
 font-size: 125%;
 font-weight: normal;
 padding: 10px 0px;
 text-shadow: 0 1px 1px #CCC;
}
#form label {
 float: left;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 2px;
}
#form input {
 padding: 3px;
 margin-bottom: 0px;
 border: 1px solid #AAA;
 border-radius: 0px 3px 3px 3px;
 box-shadow: 0.5px 0.5px 0.5px 0.5px #AAA;
}
#form p {
 padding: 10px 0px;
}

#form fieldset ul {
  margin-top: 5px;
}
#form fieldset ul li {
 background: #EEE;
 border-radius: 0px 5px 5px 5px;
 padding: 5px 5px 5px 10px;
 margin-bottom: 5px;
}
#form fieldset ul li select {
 border: none;
 border-radius: 0px 5px 5px 5px;
 padding: 2px;
 font-size: 100%;
 box-shadow: 0.5px 0.25px 0.25px 0.25px #AAA;
}

#form table tr {
 display: block; /* needed to allow block attributes to work */
 margin: 5px 0px;
 background: #eee;
 border-radius: 0px 5px 5px 5px;  
 padding: 10px;
}
#form table tr td {
}
.checkbox {
  margin: 1px 5px;
}

.visible {
  display: inline;
}
.invisible {
  display: none;
}

.button {
  background: #FCFCFC;
  margin-top: 5px;
  margin-left: 1px;
}
.button:hover {
  background: #EEE;
}
.button#cancel {
  float: right;
  margin-right: 1px;
}

.formerrormsg {
  color: #F80302;
}

.radiobuttoninput {
  margin-top: 5px;
  margin-bottom: 10px !important;
}
.radiobuttonlabel {
 display: inline-block;
 margin-right: 20px;
}

#form input[type="radio"]+label {
 float: none;
}
#form input[type="radio"]+label:hover {
 cursor: pointer;
}

#form textarea {
 padding: 3px;
 width: 367px;
 min-width: 295px;
 max-width: 590px;
 height: 35px;
 min-height: 30px;
 max-height: 80px;
 border-radius: 0px 5px 5px 5px;
 box-shadow: 0px 0px 1px 1px #999;
}

#form textarea.admintextarea {
 padding: 3px;
 width: 610px;
 min-width: 295px;
 max-width: 590px;
 height: 150px;
 min-height: 30px;
 max-height: 300px;
 border-radius: 0px 5px 5px 5px;
 box-shadow: 0px 0px 1px 1px #999;
}

#ulnormal > li {
  margin-bottom: 10px;
}
.columnleft {
  display: inline-block;
}
.columnright {
  display: inline-block;
}


/*


#form fieldset ul li legend {
 display: inline-block;
 float: left;
 width: 250px;
 color: #555;
 padding: 0px 0px 0px 0px;
 font-size: 100%;
 font-weight: normal;
}



#applyform fieldset ul li select option {
 padding: 1px;
}

#form fieldset ul li div {
 vertical-align: top;
 margin-top: 4px;
 margin-left: 5px;
}

#form fieldset ul li div span {
 font-weight: normal;
 color: #555;
 border-radius: 5px;
 background: #a9c5fe;
 padding: 4px 8px;
}
*/
fieldset.invisible {
 display: none;
}
fieldset.visible {
 display: block;
}
div.invisible {
 display: none;
}
div.visible {
 display: inline-block;
}
.formerrormsg {
 color: #f80302;
}

/* TIDY LAYOUT */
#tidylayout {
 width: 593px;
 background: #FCFCFC;
 border-radius: 0px 5px 5px 5px;
 margin-top: 10px;
 margin-bottom: 30px;
 padding: 20px;
 box-shadow: 1px 1px 1px 1px #AAA;
}
#tidylayout h2 {
 display: inline-block;
}
#tidylayout p {
  line-height: 124%;
}
#tidylayout img {
 display: inline-block;
 margin-left: 10px;
 vertical-align: text-bottom;
}
#tidylayout h4 {
 margin-top: 10px;
 margin-bottom: 5px;
 font-weight: bold;
}

#tidylayout dl dt {
 display: inline-block;
 width: 200px;
 margin-bottom: 2px;
 vertical-align: top;
}
#tidylayout dl dd {
 display: inline-block;
 width: 700px;
 vertical-align: top;
}


/* LIST OF CLICKABLE BOXES (UL) */
#clickboxes {
  clear: both;
  float: left;
  display: block;
  list-style-type: none;
}

#clickboxes > li {
  float: left;
  background: #FCFCFC;
  border: 1px solid #ccc;
  border-radius: 0px 5px 5px 5px;
  box-shadow: 0.75px 0.75px 0.25px 0.25px #999;
  margin: 5px;
}
#clickboxes > li > a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
}
#clickboxes > li > a:hover {
  background-color: #EEE;
}
#clickboxes > li > a > h4 {
  display: block;
  padding-bottom: 10px;
  text-decoration: underline;
}
#clickboxes > li > a > p {
  display: block;
  text-decoration: none;
}

#clickboxesdiv {
  margin-top:20px;
}