html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

form {
  display: inline; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }


html {
  height: 100%; }

body {
  font-size: 81%;
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  background: transparent url(/images/backgrounds/floor2.jpg) repeat scroll top left;
  height: 100%; }

img, div, input, .tl, .tc, .tr, .ml, .mc, .mr, .bl, .bc, .br {
  behavior: url("/javascripts/iepngfix.htc"); }

p {
  line-height: 1.5em;
  margin-bottom: 1em; }

a {
  text-decoration: none;
  color: #555; }
  a:hover {
    color: #C33; }
  a:active {
    color: #C33; }
  a:current {
    color: #C33; }

#content ul {
  list-style-type: disc;
  padding-left: 12px; }
#content .auto_complete {
  text-align: left; }
  #content .auto_complete ul {
    list-style-type: none;
    padding-left: 0; }

h1 {
  font-size: 2.0em;
  font-weight: bold;
  color: #000;
  margin: 10px 0 8px; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.3em; }

#content h2 {
  padding-left: 12px; }
#content h2.section {
  margin-bottom: 12px; }
#content h3 {
  padding-left: 12px; }
#content .member_name {
  font-size: 1.0em;
  padding-left: 0; }

table {
  border-collapse: collapse; }

td, th {
  padding: 2px;
  vertical-align: top;
  text-align: left; }

.clearfix {
  display: inline-block; }

.clearfix {
  display: block; }

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block; }

.tight {
  margin: 0;
  padding: 0; }

#master_wrapper {
  width: 960px;
  max-width: 960px;
  height: auto !important;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
  background: transparent url(/images/backgrounds/header_lines.gif) no-repeat scroll left 86px; }

* html #master_wrapper {
  height: 100%; }

#header_wrapper {
  height: 93px;
  position: relative; }
  #header_wrapper #header {
    color: #FFFFFF; }
    #header_wrapper #header #logo {
      margin: 0 auto;
      position: relative;
      height: 1px;
      width: 200px; }
      #header_wrapper #header #logo a {
        position: absolute;
        top: 0px;
        left: 0px;
        background: transparent url(/images/backgrounds/logo.gif) no-repeat scroll bottom left;
        display: block;
        height: 155px;
        width: 200px;
        text-indent: -2000px; }

#footer {
  position: absolute;
  bottom: 0px;
  color: #777;
  width: 100%;
  min-height: 50px;
  text-align: left;
  background: transparent url(/images/backgrounds/footer_lines.gif) no-repeat scroll top left; }
  #footer div {
    float: left;
    width: 210px;
    padding: 15px 15px 0px 15px; }
  #footer a {
    color: #777;
    border-bottom: 1px dashed; }

.navigation .navigation_left, .navigation .navigation_right {
  position: absolute;
  vertical-align: bottom;
  width: 385px;
  bottom: 8px; }
.navigation form {
  margin-top: 6px; }
.navigation .navigation_left {
  left: 0px; }
.navigation .navigation_right {
  right: 0px;
  float: right; }
  .navigation .navigation_right form {
    float: right;
    padding-bottom: 5px; }
  .navigation .navigation_right ul {
    float: right; }
    .navigation .navigation_right ul li {
      float: right; }
      .navigation .navigation_right ul li a {
        text-align: center; }
.navigation ul {
  float: left;
  padding-left: 5px; }
  .navigation ul li {
    float: left; }
    .navigation ul li a {
      display: block;
      padding: 7px;
      font-weight: bold;
      font-size: 0.95em;
      color: #E90000; }
      .navigation ul li a:hover {
        color: #C33;
        background: transparent url(/images/backgrounds/panel.png) repeat scroll left top; }
  .navigation ul li.current a {
    color: #C33; }

#content_wrapper {
  background: transparent url(/images/backgrounds/content_lines.gif) repeat-y scroll top left;
  padding: 0px 20px 65px; }

.heading {
  height: 58px;
  margin-bottom: 20px;
  position: relative; }
  .heading h1, .heading h2, .heading h3, .heading h4 {
    margin-top: 0px;
    position: absolute;
    bottom: 0px; }

.member_tiles .panel {
  margin: 0; }
  .member_tiles .panel .mc {
    width: 225px;
    height: 120px;
    max-width: 225px;
    max-height: 120px;
    overflow: hidden; }

.panel {
  margin: 5px 0px 24px; }
  .panel .tc, .panel .bc, .panel .ml, .panel .mr, .panel .mc {
    padding: 0;
    margin: 0;
    background: transparent url(/images/backgrounds/panel.png) repeat top left; }
  .panel .tl {
    background: transparent url(/images/backgrounds/panel_tl.png) no-repeat top left;
    padding: 0;
    margin: 0;
    width: 7px;
    min-width: 7px;
    height: 7px;
    min-height: 7px;
    overflow: hidden; }
  .panel .tr {
    background: transparent url(/images/backgrounds/panel_tr.png) no-repeat top right;
    padding: 0;
    margin: 0;
    width: 7px;
    min-width: 7px;
    height: 7px;
    min-height: 7px;
    overflow: hidden; }
  .panel .bl {
    background: transparent url(/images/backgrounds/panel_bl.png) no-repeat bottom left;
    padding: 0;
    margin: 0;
    width: 7px;
    min-width: 7px;
    height: 7px;
    min-height: 7px;
    overflow: hidden; }
  .panel .br {
    background: transparent url(/images/backgrounds/panel_br.png) no-repeat;
    padding: 0;
    margin: 0;
    width: 7px;
    min-width: 7px;
    height: 7px;
    min-height: 7px;
    overflow: hidden; }
  .panel .mc {
    padding: 5px; }
  .panel li {
    line-height: 1.5em; }

#flash a {
  border-bottom: 1px dashed #666; }

#flash div, .errorExplanation {
  color: #666666;
  font-size: 0.95em;
  margin: 10px 0;
  padding: 15px 10px 15px 50px;
  border: 1px solid;
  background-repeat: no-repeat;
  background-position: 10px center; }

#flash .error {
  background-color: #FFBABA;
  background-image: url(/images/error.png);
  border-color: #D8000C; }

#flash .warn {
  background-color: #FEEFB3;
  background-image: url(/images/warn.png);
  border-color: #9F6000; }

#flash .notice {
  background-color: #DFF2BF;
  background-image: url(/images/notice.png);
  border-color: #4F8A10; }

#flash .info {
  background-color: #BDE5F8;
  background-image: url(/images/info.png);
  border-color: #00529B; }

.errorExplanation {
  border-color: #D63301;
  background-color: #FFCCBA;
  background-image: url(/images/validation.png); }
  .errorExplanation ul {
    list-style: disc;
    margin-left: 12px; }

.odd {
  background-color: #F1F1F1; }

.number {
  text-align: right; }

.full {
  width: 100%; }

.date {
  color: #666;
  font-style: italic; }

.float_left {
  float: left; }

.float_right {
  float: right; }

.center {
  text-align: center; }

.three_col .left_col {
  padding-right: 6px;
  width: 274px;
  max-width: 274px;
  float: left; }
  .three_col .left_col img {
    max-width: 274px;
    border: 2px solid #E90000; }
  .three_col .left_col #home_page_image_rotater {
    margin: 0 0 24px;
    width: 270px;
    height: 180px;
    border: 2px solid #E90000;
    background: transparent url(/images/backgrounds/panel.png) repeat scroll left top; }
    .three_col .left_col #home_page_image_rotater img {
      border: 0;
      width: 270px;
      height: 180px; }
.three_col .center_col {
  padding-left: 6px;
  padding-right: 6px;
  width: 338px;
  float: left; }
  .three_col .center_col #center_ad {
    margin: 0;
    padding: 4px 24px 4px 24px;
    min-height: 224px;
    border: 2px solid #E90000;
    background-image: url(/images/center_background.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: white;
    overflow: hidden; }
    .three_col .center_col #center_ad h1 {
      text-align: center;
      color: #E90000;
      font-size: 2.6em;
      font-weight: bold;
      font-variant: small-caps; }
    .three_col .center_col #center_ad p {
      font-size: 1.1em;
      font-color: #666;
      text-align: center;
      margin-top: 20px; }
    .three_col .center_col #center_ad .highlight {
      font-weight: bold;
      font-color: #e90000; }
  .three_col .center_col img {
    border: 2px solid #E90000;
    width: 330px;
    padding: 0 auto; }
  .three_col .center_col h2 {
    padding-left: 0;
    text-align: center; }
.three_col .right_col {
  padding-left: 6px;
  width: 274px;
  float: left; }

.two_col .left_col, #two_col .left_col {
  width: 454px;
  padding-right: 6px;
  float: left; }
.two_col .right_col, #two_col .right_col {
  padding-left: 6px;
  width: 454px;
  float: left; }

.two_col_heavy .left_col, #two_col_heavy .left_col {
  width: 634px;
  padding-right: 6px;
  float: left; }
  .two_col_heavy .left_col .tour_image_rotater, #two_col_heavy .left_col .tour_image_rotater {
    margin: 0 0 24px;
    width: 630px;
    border: 2px solid #E90000;
    background: transparent url(/images/backgrounds/panel.png) repeat scroll left top;
    border: 2px solid #E90000;
    margin-bottom: 24px; }
    .two_col_heavy .left_col .tour_image_rotater img, #two_col_heavy .left_col .tour_image_rotater img {
      width: 630px;
      height: 411; }
.two_col_heavy .right_col, #two_col_heavy .right_col {
  padding-left: 6px;
  width: 274px;
  float: left; }

.without_heading .left_col, .without_heading .right_col {
  padding-top: 20px; }
.without_heading .center_col {
  padding-top: 70px; }

.centered {
  margin: 0 auto;
  width: auto; }

.center {
  text-align: center; }

.tilelist {
  clear: both; }
  .tilelist .tile4 {
    float: left;
    width: 225px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 4px; }
  .tilelist .tile5 {
    float: left;
    width: 179px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 5px; }
  .tilelist .tile6 {
    float: left;
    width: 16%;
    padding-right: 4px;
    padding-bottom: 4px; }
  .tilelist .tile7 {
    float: left;
    width: 14%;
    padding-right: 3px;
    padding-bottom: 3px; }

.schedule_container {
  position: relative;
  font-size: 11px; }
  .schedule_container .times, .schedule_container .court {
    float: left;
    position: relative; }
  .schedule_container .time {
    position: absolute;
    text-align: right;
    left: 0px;
    padding-top: 2px; }
  .schedule_container .gline {
    position: absolute;
    height: 1px;
    width: 1px;
    background-color: #666; }
  .schedule_container .title {
    margin: 0 auto;
    text-align: center; }
  .schedule_container .bookings {
    position: relative; }
    .schedule_container .bookings .available {
      position: absolute; }
      .schedule_container .bookings .available .text {
        background: #EEFFEE;
        width: 100%;
        height: 100%;
        text-align: center; }
        .schedule_container .bookings .available .text a {
          display: block;
          width: 100%;
          height: 100%;
          text-align: center; }
    .schedule_container .bookings .booked {
      position: absolute;
      overflow: hidden;
      background: #FFEEEE;
      text-align: center; }

.tooltip_content {
  display: none; }

.prototip .tooltip_content {
  display: block; }

#footnotes_debug {
  margin-top: 60px; }

img.headshot {
  margin: 0 5px 5px 0; }

table.grid td.grid {
  padding: 0px 6px; }
table.grid td.first {
  padding-left: 0px; }
table.grid td.last {
  padding-right: 0px; }

.member_tile {
  height: 150px; }


#cvv_help {
  font-size: 0.8em;
  text-decoration: underline;
  color: #E90000; }

table.five_ws th, table.five_ws td {
  padding: 5px 2px; }


form.mark_required .required {
  font-weight: bold; }

form.mark_optional .optional {
  color: #888; }

.optional_msg {
  color: #888;
  font-size: 0.87em; }

.required_msg {
  font-weight: bold;
  font-size: 0.87em; }

td form {
  display: inline; }

table.form td {
  padding: 1px; }
table.form td {
  vertical-align: top; }
table.form td.label {
  text-align: right; }
  table.form td.label label {
    font-size: 0.87em;
    padding-top: 6px; }
table.form td.left {
  text-align: left; }
table.form input, table.form select {
  margin-bottom: 3px; }
table.form .booking_member, table.form .value {
  margin-top: 2px;
  margin-bottom: 1px; }

#content input, #content textarea, #content select {
  background-image: url(/images/backgrounds/field.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top left;
  border-color: #7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
  border-style: solid;
  border-width: 1px;
  padding-left: 1px; }

#content input["type=submit"] {
  background: none; }

#content input.focused, #content textarea.focused, #content select.focused {
  background-image: url(/images/backgrounds/field_focused.gif); }

input.number_field {
  text-align: right; }

input.with_errors, select.with_errors, text_area.with_errors {
  background-image: url(/images/backgrounds/field_error.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top left; }

label.with_errors {
  color: #E90000;
  font-weight: bold; }

textarea, input {
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px; }

textarea.code {
  font-family: monospace; }


#login_header_email, #login_header_password {
  background-image: url(/images/backgrounds/header_email.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top left;
  border-color: #7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
  border-style: solid;
  border-width: 1px;
  margin-right: 5px;
  padding-left: 1px;
  width: 70px; }

#login_header_password {
  background-image: url(/images/backgrounds/header_password.gif); }

#login_header_email.visited, #login_header_password.visited {
  background-image: url(/images/backgrounds/field.gif); }

#login_header_email.visited {
  width: 200px; }

#login_header_email.focused, #login_header_password.focused {
  background-image: url(/images/backgrounds/field_focused.gif); }

h1 select {
  font-size: inherit; }


/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: auto;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

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

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

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


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { white-space:normal; color:#000; }


/* SEMANTIC ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic ul.errors { color:#cc0000; margin:0.5em 0 1.5em 25%; list-style:square; }
form.formtastic ul.errors li { padding:0; border:none; display:list-item; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset > ol > li { display: inline-block; }
form.formtastic fieldset > ol > li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset > ol > li { display: block; }
* html form.formtastic fieldset > ol > li { height: 1%; }

form.formtastic fieldset > ol > li.required { }
form.formtastic fieldset > ol > li.optional { }
form.formtastic fieldset > ol > li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset > ol > li > li label { line-height:100%; padding-top:0; }
form.formtastic fieldset > ol > li > li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li fieldset { position:relative; }
form.formtastic fieldset > ol > li fieldset legend { position:absolute; width:95%; padding-top:0.1em; left: 0px; }
form.formtastic fieldset > ol > li fieldset legend span { position:absolute; }
form.formtastic fieldset > ol > li fieldset legend.label label { position:absolute; }
form.formtastic fieldset > ol > li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset > ol > li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset > ol > li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset > ol > li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.string input { max-width:74%; }
form.formtastic fieldset > ol > li.password input { max-width: 13em; }
form.formtastic fieldset > ol > li.numeric input { max-width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
The dual declarations are required because of our clearfix display hack on the LIs, which is more
specific than the more general rule below. TODO: Revist the clearing hack and this rule.
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden,
html[xmlns] form.formtastic fieldset ol li.hidden { display:none; }

/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset > ol > li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.radio { }
form.formtastic fieldset > ol > li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset > ol > li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset > ol > li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset > ol > li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.check_boxes { }
form.formtastic fieldset > ol > li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.date fieldset ol li,
form.formtastic fieldset > ol > li.time fieldset ol li,
form.formtastic fieldset > ol > li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset > ol > li.date fieldset ol li label,
form.formtastic fieldset > ol > li.time fieldset ol li label,
form.formtastic fieldset > ol > li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset > ol > li.date fieldset ol li label input, 
form.formtastic fieldset > ol > li.time fieldset ol li label input, 
form.formtastic fieldset > ol > li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


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

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset > ol > li p.inline-hints { color:#333; }

HINT:
The following style may be *conditionally* included for improved support on older versions of IE(<8)
form.formtastic fieldset ol li fieldset legend { margin-left: -6px;}

--------------------------------------------------------------------------------------------------*/
/*form.formtastic fieldset > ol > li.text textarea { width:300px; }
form.formtastic fieldset > ol > li.string input { width:300px; }*/
form.formtastic fieldset.inputs legend span {font-size: 1.2em; font-weight: bold; display: block; padding: 10px 0 5px;}
form.formtastic fieldset > ol > li {margin-bottom: 0.5em;}
form.formtastic fieldset > ol > li p.inline-hints {font-size: 0.85em;}
form.formtastic .date {font-style: normal !important;}

form.formtastic fieldset > ol > li#parker_work_postal_input input { width:70px; }
form.formtastic fieldset > ol > li#parker_home_postal_input input { width:70px; }
form.formtastic fieldset > ol > li#parker_home_phone_input input { width:120px; }
form.formtastic fieldset > ol > li#parker_work_phone_input input { width:120px; }
form.formtastic fieldset > ol > li#parker_work_phone_ext_input input { width:35px; }

form.formtastic fieldset > ol > li#parker_payment_subtotal_input input { width:55px; }
form.formtastic fieldset > ol > li#parker_payment_hst_input input { width:55px; }
form.formtastic fieldset > ol > li#parker_payment_total_input input { width:55px; }