/* ---( = begin staffnav elements in tabs.css )------------------------------- */

ul.staffnav {margin: 20px 0 5px 0;padding: 0;overflow: hidden;height:3em}
ul.staffnav li {float: left;margin: 0;padding: 0.1em 0;font-size: 1.2em;border-left:  1px solid #777;}
ul.staffnav li a, ul.staffnav li a:visited {margin: 0;padding: 0 0.5em;color: #353535;text-decoration: none;}
ul.staffnav li a:hover, ul.staffnav li a:visited:hover {color: #6699CC;}
ul.staffnav li.first {border-left: none;}
ul.staffnav li.nextprevious {font-size: 0.9em;}
ul.staffnav li.button {float: right;font-size: 1em;border-left: 0;}
ul.staffnav li.buttonleft {float: left;font-size: 1em;border-left: 0;}

#content h1.green, #content h1.orange, #content h1.red {font-size: 150%;}
#content h1.green {color: #15b800;}
#content h1.orange {color: #ff9d0d;}
#content h1.red {color: #e1150c;}

table.list {margin: 5px 0 10px 0;width: 100%;border-collapse: collapse;}
/* table.list tbody {border-bottom: 1px solid #989898;} */
table.list tbody {border:none;}
table.list th {padding: 8px 3px;background: #e7e7e7;text-align: left;border-top: 1px solid #d4d4d4;border-bottom: 1px solid #ccc;}
table.list th.square {border-right: 1px solid #ccc;text-align: center;}
table.list td {padding: 5px 3px;border-bottom: 1px solid #e7e7e7;}
table.list td.button {width:auto;background:none;border:none;padding:none;}
table.list td.noborder {width:auto;background:none;border:none;padding:none;}
table.list td.square {border-right: 1px solid #e7e7e7;}
table.list td.center {text-align: center;}
table.list tfoot td {color: #999;font-size: 0.9em;font-weight: bold;}

/* ---( = begin generic form elements in table_forms.css )------------------------------- */

legend {margin:0;padding:0;}
label {margin: 0;padding: 0;font-weight: normal;cursor: pointer;cursor: hand;}
fieldset ol {clear: both;float:left;overflow:hidden;}
fieldset ol li {overflow:hidden;position: relative;}
fieldset ol li.button input {width:auto;}

/* ---( = begin quote form elements )------------------------------- */

div#search fieldset ol {float: right;padding: 0;margin: 2px 0 -3px 0;}
div#search fieldset ol li {margin: 0;float: left;}
div#search fieldset ol li label {display: inline;color: #fff;text-transform: uppercase;}
div#search fieldset ol li input {width:150px;margin-top: 3px;padding: 2px;border-top: 1px solid #e1e1e1;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-left: 1px solid #e1e1e1;}
div#search fieldset ol li.button {background:none;border:none;margin-top: 2px;margin-left: 1em;margin-right: 0;}
div#search fieldset ol li.button button {padding:3px 8px 2px 5px;}

div.create fieldset ol {padding: 0;margin: 0 0 0.5em 0;overflow: hidden;}
div.create fieldset ol li {margin: 0;float: left;}
div.create fieldset ol li select {width:205px;margin-top: 2px;padding: 4px;border-top: 1px solid #e1e1e1;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-left: 1px solid #e1e1e1;}
div.create fieldset ol li.button {background:none;border:none;margin-top: 2px;margin-left: 0.5em;margin-right: 0;}

div#bug fieldset ol {overflow:hidden;margin: 1em 0;}
div#bug fieldset ol li {margin-bottom: 2.75em;position: relative;}
div#bug fieldset ol li label {display: block; margin: 0 0 0 0;}
div#bug fieldset ol li select {padding: 2px;border-top: 1px solid #e1e1e1;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-left: 1px solid #e1e1e1;}
div#bug fieldset ol li input, div#bug ol li textarea {width: 500px;background: #fff;border: 1px solid #dadee4;padding: 5px;}
div#bug ol li textarea {height: 100px;}

div#member-login fieldset ol {overflow:hidden;margin-bottom: 1em;width:100%;}
div#member-login fieldset ol li {float:left;width: 235px;}
div#member-login fieldset ol li label {float:left;padding:0.25em 0 0 0;width:180px;}
div#member-login fieldset ol li input {padding: 2px 5px;width:165px;border: 1px solid #dadee4;padding: 5px;background: #fff;;}
div#member-login fieldset ol li.button {float:left;width:75px;}
div#member-login fieldset ol li.button input {width:auto;padding:0;margin:18px 0 0 0;background:none;border:none;}

fieldset {clear: both;margin: 0 0 1em 0;padding: 0.5em 1em;background: #efefef;border:  1px solid #ccc;position: relative;}
fieldset ol {overflow:hidden;margin: 0;padding: 0;}
fieldset ol li {clear:both;margin: 0 0 0.3em 0;padding-top: 0em;width:100%;}
fieldset ol li label {display: block; margin: 0;}
fieldset ol li input, fieldset ol li textarea {width:545px;background: #fff;;border: 1px solid #dadee4;padding: 5px;}
fieldset ol li input.date {display: block;width:145px;background: #fff;border: 1px solid #dadee4;padding: 7px;}
fieldset ol li textarea {height: 20em;width: 555px;}

fieldset ol li.button {overflow: hidden;}
fieldset ol li.button input {float: left;width:auto;background:none;border:none;padding:none;}

fieldset.newuser ol li {float:left;width:100%;}
fieldset.newuser ol li.add {float:right;width: 155px;height: 70px;margin:0 0 -4em 0;}

fieldset ol li.button {overflow: hidden;margin: 0 1em;}
fieldset ol li.button input {float: left;width:auto;background:none;border:none;padding:none;}
fieldset ol li.button span.goback {float: left;margin: 0.5em 0 0 2em;display: block;}
ol li.button span.goback {float: left;margin: 0.5em 0 0 2em;display: block;}

fieldset.delete ol li.button {overflow: hidden;margin: 0 0;float: right;}
fieldset.delete ol li.button input {float: right;width:auto;background:none;border:none;padding:none;}

fieldset ol li select {padding: 2px;width: 555px;border: 1px inset #787878;}
fieldset ol li label span {margin-left: 2em;font-size: 0.95em;}
fieldset ol li.category select {width: 400px;margin-right: 2em;}

fieldset ol.phone li {position:relative;padding-bottom:1.5em;line-height:1em;}
fieldset ol.phone li input {margin-right:1em;width:230px;background: #fff;;border: 1px solid #dadee4;padding: 5px;}

fieldset ol li.names {position:relative;padding-bottom:1.5em;}
fieldset ol li.names input {margin-left:15px;width:120px;background: #fff;;border: 1px solid #dadee4;padding: 5px;}
fieldset ol li.names select, fieldset ol li.dates select {width: auto;border: 1px inset #787878;}
fieldset ol li.names label.title,
fieldset ol li.names label.firstname,
fieldset ol li.names label.lastname {position:absolute;font-size: 0.833em;line-height: 1.8em;margin-bottom: 1.8em;font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;}
fieldset ol li.names label.title {top: 6em;left:0;}
fieldset ol li.names label.firstname {top: 6em;left:75px;}
fieldset ol li.names label.lastname {top: 6em;left:225px;}

fieldset ol li.state {position:relative;line-height:1em;}
fieldset ol li.state input {margin-right:10px;width:75px;background: #fff;;border: 1px solid #dadee4;padding: 5px;}
fieldset ol li.state label.state,
fieldset ol li.state label.region,
fieldset ol li.state label.post {position:absolute;font-size: 0.833em;line-height: 1.8em;margin-bottom: 1.8em;font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;}
fieldset ol li.state label.state {top: 6em;left:0;}
fieldset ol li.state label.region {top: 6em;left:102px;}
fieldset ol li.state label.post {top: 6em;left:202px;}

fieldset ol li.mobile {position:relative;padding-bottom:1.5em;}
fieldset ol li.mobile input {margin-right:10px;width:200px;}
fieldset ol li.mobile input.code {width:75px;}
fieldset ol li.mobile label.international,
fieldset ol li.mobile label.number {position:absolute;font-size: 0.833em;line-height: 1.8em;margin-bottom: 1.8em;font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif;}
fieldset ol li.mobile label.international {top: 6em;left:0;}
fieldset ol li.mobile label.number {top: 6em;left:102px;}
fieldset ol li.checkbox label {width:360px;}
fieldset ol li.checkbox input {float:left;width: auto;margin-right:2em;}

fieldset ol li.verification input {margin-right:10px;width:100px;}
fieldset ol li.note {padding: 2px 5px;background:#e1e1e1;color:#111;font-size: 0.95em;}
fieldset ol li.note em {font-weight: bold;font-style: oblique;}

fieldset.radio {margin: 0;padding: 0;}
fieldset.radio legend {margin: 0;padding: 0;font-size: 1em}
fieldset ol li fieldset.radio ul li {clear: none;float: left;width: auto;margin-right: 2.5em;}
fieldset ol li fieldset.radio ul li label {margin: 0;padding: 0;display: inline;font-size: 1em;width: auto;}
fieldset ol li fieldset.radio ul li label img {margin: -9px 5px;}
fieldset.radio ul li label input {margin: 0 1em 0 0;padding: 0;font-size: 1em;width: auto;}

fieldset ol li.image a, fieldset ol li.image a:visited {padding: 4px 0  4px 25px;background: url(http://plus2.conversant.com.au/images/icon-map.gif) no-repeat 0 1px;}
fieldset ol li.teaser img {float: left;width: 75px;margin: 0 2em 0 0;}

fieldset ol li.replace {position: relative;}
fieldset ol li input#file {width:auto;background: #fff;;border: 1px solid #dadee4;padding: 5px;}

fieldset ol.fileadd {border-top: 2px solid #ccc;margin-top: 2em;}
textarea.customcss {height: 10em;background: #fff;;border: 1px solid #dadee4;padding: 5px;}
fieldset ol li textarea.intro {height: 5em;background: #fff;;border: 1px solid #dadee4;padding: 5px;}

fieldset ol.colours li {position:relative;padding-bottom:1.5em;line-height:1em;}
fieldset ol.colours li label {display: block;width: 555px;}
fieldset ol.colours li input {float: left;margin-right:1em;width:100px;background: #fff;;border: 1px solid #dadee4;padding: 5px;}
fieldset ol.colours li div.swatchpreview {width: 100px;}

* html fieldset ol li.names label.title {left:0;}
* html fieldset ol li.names label.firstname {left:70px;}
* html fieldset ol li.names label.lastname {left:220px;}

* html fieldset ol li.state label.state {left:0;}
* html fieldset ol li.state label.region {left:100px;}
* html fieldset ol li.state label.post {left:200px;}

* html fieldset ol li.mobile label.international {left:0;}
* html fieldset ol li.mobile label.number {left:100px;}

fieldset ol li.auto {position: relative;clear: both;overflow: visible;}
fieldset ol li.auto ul {clear: both;position: absolute;top: 0;background: #fefacb;overflow: hidden;z-index: 999;width: 300px;}
fieldset ol li.auto div.auto_complete ul li {margin:0;padding:3px;}
fieldset ol li.auto div.auto_complete ul li.selected {background-color: #ffb;}
fieldset ol li.auto div.auto_complete ul strong.highlight {color: #800;margin:0;padding:0;}
fieldset ol li.auto div.auto_complete ul li a, fieldset ol li.auto div.auto_complete ul li a:visited {display: block;}

fieldset ol li.note span {float: left;margin-right: 1em;}

fieldset.dates ul li {clear: none;float: left;width: auto;margin-right: 2.5em;width: 275px;}
fieldset.dates ul li input {margin-right:1em;width:150px;background: #fff;;border: 1px solid #dadee4;padding: 5px;}

fieldset.forecast {margin-top: 1em;}

/* ---( = begin roster form elements )------------------------------- */

fieldset.roster legend {margin: 0;padding: 0 0 5px 0;font-size: 1em;font-weight: bold;}
fieldset.roster label {margin: 0;padding: 0;font-weight: normal;cursor: pointer;}
fieldset.roster ol {clear: both;float:left;overflow:hidden;}
fieldset.roster ol li {overflow:hidden;position: relative;}
fieldset.roster ol li.button input {width:auto;}

/* ---( = begin specific form elements )------------------------------- */

fieldset.roster {margin: 0;padding: 0;border: 0;position: relative;background: none;}
fieldset.roster ol {width: 100%;margin: 0 0 10px 0;padding: 5px 0 0 0;overflow:hidden;border-top: 1px solid #d5cd7a;}
fieldset.roster ol li {clear:both;margin: 0 0 0.75em 0;padding-top: 1em; }
fieldset.roster ol li label {float:left; margin: 1px 0 5px 0;padding-right: 10px;width: auto;text-align: right;}
fieldset.roster ol li input {width:auto;background: #fff;border: 1px inset #807a7c;padding: 2px;}
fieldset.roster ol li select {width: auto;}
fieldset.roster ol li.hours input {width:25px;}
fieldset.roster ol li.button input {margin:0;width:auto;background:transparent;border:none;padding:none;}
fieldset.roster ol li label.error {margin-top: 0;}
fieldset.roster ol li label.error em.error {display: block;}
fieldset.roster ol li input.ccv {width: 75px;margin-right: 10px;}
fieldset.roster ol li.datepick {position: relative;padding-bottom: 1em;}
fieldset.roster ol li.datepick span.date {position: absolute;bottom: 0;left: 3.5em;font-size: 0.95em;color: #333;font-weight: bold;}
fieldset.roster div.button {position: absolute;bottom: 25px;left: 300px;width: 90px;}

/* ---( = begin list elements )------------------------------- */

ul.list {margin: 15px 0;padding: 0;overflow: hidden;width:95%;}
ul.list li {text-align:left;padding: 0.75em 0.25em 0.5em 300px; border-bottom: 1px solid #ededed;}
ul.list li span {float:left;margin-left:-300px;}
ul.list li.button {border-bottom: 0;}
ul.list li.noborder {border-bottom: 0;}
ul.list li.line {border-bottom: 2px solid #dadee4;}
ul.list li.low {padding-bottom:25px;padding-top:5px;}
ul.list li.buttonline {padding-bottom:45px;border-bottom: 2px solid #dadee4;}
ul.list li.solid {background: #e7e7e7}

ul.longlist {margin: 15px 0;padding: 0;overflow: hidden;width:95%;}
ul.longlist li {float: left;width: 220px;margin-right: 10px;text-align:left;padding: 0.75em 0.25em;border-bottom: 1px solid #ededed;}


/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button.right {
	float:right;
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive 
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}
*/
/* Negative 
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}
*/