/* __reset */
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
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

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

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix {
	display: block;
}
/* End hide from IE-mac */
* html .clearfix {
	height: 1%;
}

.noshow {
    display: none;
}

.printonly {
    display: none;
    visibility: hidden;
}

.replaced {
    display: block;
    height: 0 !important;
    overflow: hidden;
}

body {
    background-color: #FFF;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
}

a:link {
    color: #F36717;
    text-decoration: none;
}

a:visited {
    color: #F36717;
    text-decoration: none;
}

a:hover {
    color: #1e91d6;
    text-decoration: none;
}

a:active {
    color: #F36717;
    outline: none;
    text-decoration: none;
}

/* Text */

h1 {
    font-size: 28px;
}

h2, h3, h4, h5, h6 {
    margin: 0 0 .75em 0;
}

h2 {
    font-size: 25px;
    color: #F26617;
    font-size: 19px;
    font-weight: bold;
}

h3 {
    font-size: 21px;
    font-weight: normal;
}

h3 a:link, h3 a:visited, h3 a:hover, h3:active {
    color: #333;
    text-decoration: none;
}

h3 a:hover {
    text-decoration: underline;
}

h4 {
    font-size: 18px;
    font-weight: normal;
    color: #3E3E3E;
    margin: 0 0 6px 0;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 13.5px;
}

p {
    margin: 0 0 .75em 0;
    line-height: 1.25em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li ul {
    margin: 0 0 0 4px;
    padding: 0;
}

li {
    margin: 0 0 .75em 16px;
    padding: 0;
    line-height: 1.5em;
}


h2 span.welcome {
    color: #A19995;
    text-transform: uppercase;
    font-size: 12px;
}

p {
    color: #333;
    font-size: 14px;
    line-height: 25px;
}


td, th, caption {
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    height: auto;
}

col {
    background-color: silver;
}

thead th, tfoot th, tfoot td {
    text-align: left;
}

caption {
    background-color: black;
    color: white;
    font-style: italic;
}

pre {
    margin-bottom: 15px;
}

code {
    margin-left: 10px;
    margin-right: 10px;
}

pre code {
    margin-left: 0px;
    margin-right: 0px;
}

pre, code {
    font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
}

/** Buttons **/
.button {
    background: transparent url('../img/skin/standard_btn_rightcap.png') no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 12px Helvetica, Arial, sans-serif;
    height: 24px;
    line-height: 24px;
    padding: 0 15px 0 0;
    text-decoration: none;
    border: none;
    width: 100%;
}

.button span {
    background: transparent url('../img/skin/standard_btn_leftcap.png') no-repeat;
    display: block;
    position: relative;
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 15px;
}

.button:hover,
.button:active {
    background-position: 100% -25px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
   cursor: pointer;
}
.button:hover span,
.button:active span {
    background-position: 0% -25px;
    cursor: pointer;
}
.basic_form .controls .button, .basic_form .controls .button:hover {
  width: 75%;
}
.controls, .controls .button {
  text-align: center;
  margin: 0 auto;
  width: auto;
}
.button.light {
  width: auto;
  background: transparent url('../img/skin/standard_btn_light_rightcap.png') no-repeat scroll top right;
  height: 25px;
}
.button.light span {
  width: auto;
  background: transparent url('../img/skin/standard_btn_light_leftcap.png') no-repeat scroll top right;
  height: 25px;
}

.button.list_event, .button.list_it {
  background-position: 100% 0;
  width: auto;
  height: 25px;
}
.button.list_event span, .button.list_it span {
  background-position: 0% 0;
  height: 25px;
}
.button.list_event:hover, .button.list_it:hover {
  background-position: 100% -25px;
  width: auto;
  height: 25px;
}
.button.list_event:hover span, .button.list_it:hover span {
  background-position: 0% -25px;
  height: 25px;
}

button.standard_btn {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  padding: 0 7px 0 0;
  text-align: center;
  height: 24px;
  line-height: 24px;
  width: auto;
}

button.standard_btn {
  background: transparent url( '../img/skin/standard_btn_rightcap.png' ) no-repeat scroll right top;
}

button.standard_btn span {
  display: block;
  padding: 0 0 0 10px;
  position: relative;
  white-space: nowrap;
  height: 24px;
  line-height: 24px;
}

button.standard_btn span {
  background: transparent url( '../img/skin/standard_btn_leftcap.png' ) no-repeat scroll left top;
  color: #FFFFFF;
}

button.standard_btn:hover,
button.standard_btn:active {
  background-position: 100% -25px;
}

button.standard_btn:hover span,
button.standard_btn:active span {
  background-position: 0% -25px;
}

button.standard_btn::-moz-focus-inner {
  border: none;
}

/** Social **/
a.facebook {
    background: transparent url('../img/icons/Facebook_icon.png') no-repeat top left;
    height /* */: 22px; /* False value for IE4-5.x/Win. */
    padding: 22px 0 0 0;
    width: 64px;
}

a.twitter {
    background: transparent url('../img/icons/Twitter_icon.png') no-repeat top left;
    height /* */: 22px; /* False value for IE4-5.x/Win. */
    padding: 22px 0 0 0;
    width: 66px;
}

#page_container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 20px 0;
    min-height: 770px;
}

h1.title {
    position: absolute;
    top: 0;
    left: 70px;
    z-index: 10;
}

body.shop h1.title .logo {
    background: transparent url('../img/logos/ShopSLO_Logo.png') no-repeat top left;
    height /* */: 260px; /* False value for IE4-5.x/Win. */
    padding: 260px 0 0 0;
    width: 212px;
}
body.dine h1.title .logo {
  background: transparent url('../img/logos/DineSLO_Logo.png') no-repeat top left;
    height /* */: 275px; /* False value for IE4-5.x/Win. */
    padding: 275px 0 0 0;
    width: 260px;
}

.header {
    position: absolute;
    top: 0;
    right: 0;
}

#content {
    padding-top: 132px;
}

/* Default corner radius */
.rnd {
}

.outer_tray {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 23px 0;
    background: transparent url('../img/skin/outer_tray_btm_cap.png') no-repeat bottom left;
}

.inner_tray {
    width: 960px;
    margin: 0 auto;
    padding-top: 23px;
    background: transparent url('../img/skin/outer_tray_top_cap.png') no-repeat top left;
}

.inner_content {
    width: 940px;
    padding: 20px 10px 0 10px;
    background: transparent url('../img/skin/outer_tray_mid.png') repeat-y top left;
}

.content_container {
    min-height: 400px;
}

/**********************/
/*      Columns       */
/**********************/
.twocol, .threecol {
    line-height: 1.1;
}


.twocol .col {
    float: left;
    width: 440px;
    padding: 0 20px 0 0;
}
.twocol .col.last {
    width: 440px;
    float: right;
    margin: 0;
    padding: 0;
}
.primary {
  width: 860px;
  margin: 0 auto;
}

.secondary .twocol .col, .home .secondary .twocol .col.first {
  width: 430px;
}
.secondary .twocol .col.last, body.home .secondary .twocol .col.last {
  width: 406px;
  float: right;
  margin: 0;
  padding: 0;
}
body.home .secondary .announcements .twocol {
  width: 100%;
}
.secondary .twocol .signup_form.col.first,
body.home .secondary .twocol .signup_form.col.first {
    width: 232px;
    float: left;
    margin: 0;
    padding: 0;
}
.announcements .social p {
  text-align: left;
}
.secondary .twocol .social.col.last, .home .secondary .twocol .social.col.last {
    width: 144px;
    float: right;
    padding: 0 0 0 14px;
}
.secondary .announcements .twocol .col.last {
  width: 144px;
  float: right;
  padding: 0 0 0 14px;
}

div.links {
    background-color: #DED7CD;
    border: 1px solid #D7CDA9;
    padding: 14px 20px;
    width: 388px;
}

.link_box {
    background: transparent url('../img/skin/link_h_div.png') repeat-x bottom left;
    padding: 0 0 6px 0;
    margin: 6px 0 0 0;
}

.link_box.last {
    background: none;
    padding: 0;
}

.link_box p {
    line-height: 18px;
}

.link_box a, .link_box p a {
    text-decoration: none;
}
.link_box a {
  display: block;
}

.link_box a span {
    color: #656565;
    font-size: 12px;
    margin: 0;
}

.link_box a strong {
    color: #333;
    font-size: 14px;
    line-height: 24px;
}

.link_box img {
    border: 2px solid #FFF;
    float: left;
    display: block;
    margin: 0 10px 0 0;
}
.link_box .details {
  float: left;
  display: block;
  width: 294px;
}

.link_box a:hover img {
    border: 2px solid #F26617;
}

.upcoming p, #content .announcements p {
    font-size: 12px;
    color: #656565;
}

.announcements p strong {
    color: #333;
}

.secondary p {
  line-height: 1em;
}

.upcoming .event {
}

.upcoming .event p {
    font-size: 12px;
    color: #333;
    line-height: 1.5em;
}

.upcoming .event p.date, li p.title {
    color: #F36717;
    font-weight: bold;
    float: left;
    width: 150px;
}

#content ul {
  list-style-type: none;
}
.primary_content li {
  background: transparent url('../img/skin/bullet.png') no-repeat 0% 9px;
  padding-left: 14px;
  margin: 0;
}
li p {
  font-size: 13px;
}
li p a:link, li p a:visited {
  color: #333;
}
li p a:hover, li p a:active {
  color: #666;
}
li p.title {
  color: #333;
  width: 190px;
}
li p.title a {
}
li p.detail {
}
.primary_content li {
  width: 100%;
}
.parking_transportation .primary_content li {
  font-size: 13px;
  background-position: 0 4px;
}

.upcoming .events {
    background-color: #DED7CD;
    border: 1px solid #D7CDA9;
    padding: 10px;
}

.upcoming .events {
    margin-bottom: 10px;
}

.visit_prompt {
    background-color: #EEE;
    padding: 10px;
    border-top: 1px dotted #756845;
    border-bottom: 1px dotted #756845;
    margin-top: 20px;
}

.visit_prompt p {
    font-size: 18px;
    text-align: center;
    margin: 0;
}

/* Search box */

.search_box {
    padding: 10px;
    border-top: 1px dotted #756845;
    border-bottom: 1px dotted #756845;
    margin: 20px 40px;
}
body.search .search_box {
  margin: 0 0 20px 0;
  padding: 0;
  border-top: none;
}
.search_box .option_a, .search_box div.option_b, .primary_fields {
  background-color: #DED7CD;
  border: 1px solid #D7CDA9;
  padding: 10px;
}
.search_box table {
  width: 100%;
}
.search_box table td {
  vertical-align: middle;
  text-align: center;
}
.search_box td.find_a_store {
  width: 20%;
}
.search_box td.find_by_category {
  width: 40%;
}

.search_box td.or_container {
  width: 5%;
}
.search_box td.option_b_container {
  width: 35%;
}
.search_box table td.option_b {
  text-align: left;
}
.search_box label {
  font-size: 18px;
  font-weight: bold;
}
.search_box .or {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.signup_form {
    background-color: #DED7CD;
    border: 1px solid #D7CDA9;
}
.signup_form .email_box {
    padding: 10px;
}
.form .text_input { width: 75% }
.form .option_b .text_input { width: 65%; }
.form .email_box .text_input { width: 70%; }
.form .select { width: 100%; }
.social p {
    margin: 0 0 8px 0;
    padding: 0;
    line-height: 1;
}
body.home .social .buttons a {
    float: left;
    display: block;
    margin: 0 14px 0 0;
}
body.home .social .buttons a.last {
    margin: 0;
}
.primary .preamble {
    padding: 0 0 0 220px;
    min-height: 84px;
}
.dine .primary .preamble {
	padding: 0 0 0 270px;
}
.home .primary .preamble, .dine.home .primary .preamble {
    padding: 86px 0 0 0;
}

.primary .photos {
    background: transparent url('../img/skin/ldr_photo_r_bg.png') no-repeat bottom right;
}

.primary .photos img {
    display: block;
    margin: 0;
    padding: 0;
}
#leader_photos {
    position:relative;
    width: 409px;
    height:278px;
    background: transparent;
}

.primary_content {
  padding-top: 28px;
  border-top: 1px solid #756845;
}

/* Search results */

body.search .primary_content {
  padding-top: 0;
}

.results .result {
  padding-bottom: 1em;
  width: 100%;
}
.results .result .twocol, .primary .result .twocol {
  width: 100%;
}
.results .result .thumb {
  border: 1px solid #756845;
  padding: 2px;
}
.search .twocol .col {
  width: 590px;
  padding-right: 10px;
}
.search .twocol .col.actions {
  width: 220px;
}
.results .result .col {
  width: 76px;
}
.primary .result .result_photo {
  width: 76px;
  padding-right: 10px;
}
.results .result .result_text {
  width: 492px;
  padding-bottom: 1em;
  float: right;
  background: transparent url('../img/skin/dotted_horiz_divider.png') repeat-x bottom left;
}
.results .result.last .result_text {
  padding-bottom: 1em;
  background: transparent;
}
.result_text p {
  padding: 0;
  line-height: normal;
}
 
.results .result .result_text .col {
  width: 172px;
  padding-right: 10px;
}
.results .result .result_text .col.last {
  width: 300px;
}
.photos_link {
  padding-right: 16px;
  background: transparent url('../img/skin/down_triangle.png') no-repeat 100% 40%;
}
.hidden_photo {
  display:none;
}
.member .twocol {
  background: transparent url('../img/skin/dotted_vert_divider.png') repeat-y 330px 0;
}
.member .twocol .col.first {
  width: 330px;
  padding-right: 20px;
}
.member .twocol .col.last {
  width: 510px;
  float: right;
}

/* Header */
.user_controls {
    width: 182px;
    float: right;
    clear: right;
    margin-top: 10px;
    padding: 0;
}
.header .user_controls .nav li {
  width: 72px;
  padding: 0;
}
.header .user_controls .nav li {
  margin-right: 8px;
}
.header .user_controls .nav li.last {
  margin-right: 0;
}
.user_controls li a { 
}
.user_controls li.last a {
}
.header .user_controls .nav li {
  padding: 0 8px 0 0;
  text-align: center;
}
.header .user_controls .nav li.last {
  padding: 0;
}
.header .nav_box {
    width: 620px;
    float: right;
    clear: right;
    margin-top: 26px;
    background: transparent url('../img/skin/header_btm_cap.png') no-repeat bottom left;
    padding: 10px 0 10px 0;
}

.header .nav_box .inner {
  background: transparent url('../img/skin/header_top_cap.png') no-repeat top left;
  padding: 10px 0 0 0;
  margin: 0;
}

.header .nav_box .nav {
  padding: 0 0 0 20px;
}

.header .nav li {
    line-height: 1;
}

.header .nav li {
    float: left;
    list-style: none;
    font-size: 14px;
    padding: 3px 10px 3px 10px;
    margin: 0;
}
.header .nav_box .nav li {
  background: transparent url('../img/skin/header_nav_divider.png') repeat-y top right;
}
.header .nav_box .nav li.last {
  background: none;
  padding: 3px 0 3px 10px;
}

.header .user_controls .nav a:link, .header .user_controls .nav a:visited {
  color: #FFF;
}
.header .user_controls .nav a:hover {
  color: #FFF;
}
.header .user_controls .nav a:active {
  color: #FFF;
  outline: none;
}
.header .nav .search {
}
.header .nav a:link, .header .nav a:visited {
  color: #333;
}
.header .nav a:hover {
  color: #666;
}
.header .nav a:active {
  outline: none;
}

/* Get Connected */
.get_connected, .social {
  text-align: center;
  margin-bottom: 2em;
}
.get_connected p, .social p {
  font-size: 13px;
  padding-bottom: 0;
  margin-bottom: .5em;
}
.get_connected .list_it:link, .get_connected .list_it:visited, .get_connected .list_it:hover, .get_connected .list_it:active {
  width: 60%;
  margin: 0 auto;
}

.list .item {
  background: transparent url('../img/skin/dotted_horiz_divider.png') repeat-x bottom left;
}
.list .item.last {
  background: transparent;
}
.list .item {
  padding: 1em 0;
}
.list .item.first {
  padding: 0 0 1em 0;
}
.list .item.h4 {
  font-size: 20px;
  color: #666;
  font-weight: bold;
}
.list .item p {
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.item .more {
  text-transform: uppercase;
  font-weight: bold;
}
.points {
  color: #F26617;
}

#foothill h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/Foothill.gif') no-repeat top left;
}
#uptown h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/Uptown.gif') no-repeat top left;
}
#downtown h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/Downtown.gif') no-repeat top left;
}
#johnson h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/Johnson.gif') no-repeat top left;
}
#south_broad h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/South_Broad.gif') no-repeat top left;
}
#south_higuera h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/South_Higuera.gif') no-repeat top left;
}
#laguna h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/Laguna.gif') no-repeat top left;
}
#chinatown h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/China_Town2.gif') no-repeat top left;
}
#oldtown h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/Old_Town2.gif') no-repeat top left;
}
#railroad h4 {
  padding: 2px 0 4px 28px;
  background: transparent url('../img/neighborhoods/indicators/Railroad.gif') no-repeat top left;
}
img.map {
  padding: 4px;
  border: 1px solid #DED7CD;
}
.tipped_photo {
  padding-left: 40px;
  margin-top: 60px;
}
.secondary, .visit_prompt {
    margin: 10px 40px 0 40px;
}

/* Basic form */

.basic_form{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */

  /* Some generals and more resets */
  .basic_form fieldset{ border: none; margin: 0; padding: 0; }
    .basic_form fieldset legend{ margin: 0; padding: 0; }

    /* This is the main unit that contains our form elements */
    .basic_form .ctrlHolder,
    .basic_form .buttonHolder{ margin: 0; padding: 0; clear: both; }

    /* Clear all floats */ 
    .basic_form:after,
      .basic_form .buttonHolder:after, 
      .basic_form .ctrlHolder:after, 
        .basic_form .ctrlHolder .multiField:after,
          .basic_form .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

    /* A class to be used on a label that contains a checkbox or a radio button */
    .basic_form .inlineLabel,
    .basic_form .inlineLabels .inlineLabel,
    .basic_form .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; }
      /* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */
      /* Legacy/Inheritance fix */
      .basic_form .inlineLabel input,
      .basic_form .inlineLabels .inlineLabel input,
      .basic_form .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; }

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

    /* Styles for form controls where labels are above the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .blockLabels */

      .basic_form label,
      .basic_form .label,
      .basic_form .blockLabels label,
      .basic_form .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; cursor: pointer; }
      .basic_form p.label { cursor: auto; }
      .basic_form button{ cursor: pointer; }

      /* Float the input elements */
      .basic_form .textInput,
      .basic_form .blockLabels .textInput,
      .basic_form .blockLabels .fileUpload,
      .basic_form .selectInput,
      .basic_form .blockLabels .selectInput,
      .basic_form .blockLabels select,
      .basic_form textarea,
      .basic_form .blockLabels textarea{ float: left; }
      
      /* Postition the hints */
      .basic_form .formHint,
      .basic_form .blockLabels .formHint{ float: right; margin: 0; clear: none; }
      
      /* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */
      .basic_form .multiField,
      .basic_form .blockLabels .multiField{ width: auto; float: left; }
        .basic_form .multiField .inlineLabel,
        .basic_form .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
        .basic_form .multiField .blockLabel,
        .basic_form .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; }
        .basic_form .multiField .blockLabel .textInput,
        .basic_form .multiField .blockLabel .selectInput,
        .basic_form .multiField .blockLabel select,
        .basic_form .blockLabels .multiField .blockLabel .textInput,
        .basic_form .blockLabels .multiField .blockLabel .selectInput,
        .basic_form .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; }

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

    /* Styles for form controls where labels are in line with the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
        .basic_form .inlineLabels label,
        .basic_form .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; }
        
        /* Float the input elements */
        .basic_form .inlineLabels .textInput,
        .basic_form .inlineLabels .fileUpload,        
        .basic_form .inlineLabels .selectInput,
        .basic_form .inlineLabels select,
        .basic_form .inlineLabels textarea{ float: left; }

      /* Position the hints */
      .basic_form .inlineLabels .formHint{ clear: both; float: none; }
      .basic_form .inlineLabels .multiField{ float: left; }
      .basic_form .inlineLabels .multiField .inlineLabel{}
      .basic_form .inlineLabels .multiField .blockLabel{}
        .basic_form .inlineLabels .multiField .blockLabel .textInput,
        .basic_form .inlineLabels .multiField .blockLabel .selectInput,
        .basic_form .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; }
        .basic_form .inlineLabels .multiField select{ float: left; }
      
/* ------------------------------------------------------------------------------ */

    /* Required fields asterisk styling for .blockLabels */
    .basic_form label em,
    .basic_form .label em,
    .basic_form .blockLabels label em,
    .basic_form .blockLabels .label em{ }
    
    /* Required fields asterisk styling for .inlineLabels */
    .basic_form .inlineLabels label em,
    .basic_form .inlineLabels .label em{  }
    
    .basic_form .inlineLabel em,
    .basic_form .blockLabels .inlineLabel em,
    .basic_form .inlineLabels .inlineLabel em{ float: left; width: 10px; margin: 0 0 0 -27px; }
    
    .basic_form label small{ font-size: .75em; color: #777; }
    
    .basic_form .inlineLabels .noLabel .inlineLabel{ margin-left: 34%; /* <- Match to width of label + gap to field */ }

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

    /* Messages */
    .basic_form #errorMsg,
    .basic_form .error{
    }
      .basic_form #errorMsg dt,
      .basic_form #errorMsg h3{
      }
      .basic_form #errorMsg dd{
      }
        .basic_form #errorMsg ol{
        }
          .basic_form #errorMsg ol li{
          }
      .basic_form .errorField{
      }
    
    .basic_form #OKMsg{
    }

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

    /* Columns */
    
    .basic_form .col{ float: left; }
    .basic_form .col.first{}
    .basic_form .col.last{}

  /* General */
  .basic_form fieldset{}
    .basic_form legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
    
    .basic_form .ctrlHolder{ padding: 12px 12px 0 12px; }
    
    .basic_form .buttonHolder{ text-align: right; margin: 1.5em 0 0 0; }
      .basic_form .primaryAction{ font-weight: bold; }
      .basic_form .resetButton, .basic_form .secondaryAction{ float: left; text-align: left; background-color: yellow; }
      .basic_form button.secondaryAction{ background: transparent; border: none; color: #006280; margin: 0; padding: 0; text-decoration: underline; }
    
    .basic_form .focused{ background: #fffcdf; }
      
      .basic_form .inlineLabel input,
      .basic_form .inlineLabels .inlineLabel input,
      .basic_form .blockLabels .inlineLabel input{ float: none; display: inline; margin: 0; }
        .basic_form .inlineLabel span{ float: left; width: 90%; }
      
      .basic_form .buttonHolder .inlineLabel{ float: left; margin: .25em 0 0 0; text-align: left; }
      
      .basic_form .small { width: 30% !important; }
      .basic_form .medium{ width: 45% !important; }
      .basic_form .large {  }
      .basic_form .auto  { width: auto !important; }
        
/* ------------------------------------------------------------------------------ */

    .basic_form .blockLabels .ctrlHolder{}
      
      .basic_form label,
      .basic_form .blockLabels label,
      .basic_form .blockLabels .label{ margin: 0 0 .5em 0; font-size: 13px; font-weight: bold; color: #333; }
      
      .basic_form .textInput,
      .basic_form .blockLabels .textInput,
      .basic_form .blockLabels .fileUpload{ width: 53%; /* <- Required property */ }
    
      .basic_form .selectInput,
      .basic_form select,
      .basic_form .blockLabels .selectInput,
      .basic_form .blockLabels select{ width: 53.5%; /* <- Required property */ }
      .basic_form textarea,
      .basic_form .blockLabels textarea{ width: 100%; /* <- Required property */ height: 12em; }

      .basic_form .formHint,
      .basic_form .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; }
      
      .basic_form .multiField,
      .basic_form .blockLabels .multiField{ width: 53%; }
        
        .basic_form .multiField .inlineLabel,
        .basic_form .blockLabels .multiField .inlineLabel{ display: block; clear: both; float: none; margin: 0 12px .5em 0; }
          .basic_form .multiField .inlineLabel input,
          .basic_form .blockLabels .multiField .inlineLabel input{ float: left; margin: 0 .5em 0 0; }
        .basic_form .multiField .blockLabel,
        .basic_form .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
        .basic_form .multiField .blockLabel .textInput,
        .basic_form .multiField .blockLabel .selectInput,
        .basic_form .multiField .blockLabel select,
        .basic_form .blockLabels .multiField .blockLabel .textInput,
        .basic_form .blockLabels .multiField .blockLabel .selectInput,
        .basic_form .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

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

    .basic_form .inlineLabels .ctrlHolder{}
    
    .basic_form .inlineLabels label,
    .basic_form .inlineLabels .label{ width: 32%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */
           font-size: 13px; font-weight: bold; color: #333; }
    
    .basic_form .inlineLabels .textInput,
    .basic_form .inlineLabels .fileUpload,
    .basic_form .inlineLabels .selectInput,
    .basic_form .inlineLabels select,
    .basic_form .inlineLabels textarea{ width: 64%; /* <- Required property */ }
    .basic_form .inlineLabels textarea{ height: 12em; }

    .basic_form .inlineLabels .formHint{ width: auto; /* <- Required property */ margin-top: 0; margin-left: 34%; font-size: .9em; color: #777; position: static; }
    
    .basic_form .inlineLabels .multiField{ width: 66%; /* <- Required property */ margin: 0 0 .3em 0; }
      .basic_form .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
        .basic_form .inlineLabels .multiField .inlineLabel input{ float: left; margin: 0 .5em 0 0; }
      .basic_form .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
      .basic_form .inlineLabels .multiField .blockLabel .textInput,
      .basic_form .inlineLabels .multiField .blockLabel .selectInput,
      .basic_form .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

.basic_form .ctrlHolder .textInput:focus{ outline: none; }
.basic_form .ctrlHolder textarea:focus{ outline: none; }
.basic_form div.focused .formHint{ color: #333; }

.basic_form .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; }
/* Use .first and .last classes to control the layout/spacing of your columns */
.basic_form .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; }
.basic_form .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; }

.basic_form #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.basic_form .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }

  .basic_form #errorMsg dt, .basic_form #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
  .basic_form #errorMsg dd{ margin: 0; padding: 0; }
    .basic_form #errorMsg ol{ margin: 0; padding: 0; }
      .basic_form #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
    .basic_form .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }

.basic_form #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
  .basic_form #OKMsg p{ margin: 0; }
.basic_form .submit_btn { width: 72px; }
.basic_form em { color: #F26617; }
.basic_form .ctrlHolder.submit { text-align: center; }
.basic_form .note { font-style: italic; font-size: 11px; }
.basic_form .multiField label { font-weight: normal; }
.basic_form .multiField .twocol { width: 420px; }
.basic_form .ctrlHolder .label { padding: 1em 0; }
.basic_form .multiField .twocol .col,
body.contact .basic_form .multiField .twocol .col 
 { width: 190px; padding-right: 10px; }
.basic_form .multiField .twocol .col.last,
body.contact .basic_form .multiField .twocol .col.last
 { padding-right: 0; }
.basic_form .multiField .twocol .col .inlineLabel span { width: 80%; }
.basic_form .primary_fields { padding: 10px; }
.basic_form .formHint, p.forgot_password, .basic_form .formHint span { font-size: 12px; line-height: normal; }
.basic_form .formHint, .basic_form .inlineLabels .formHint, 
.basic_form .blockLabels .formHint {
  font-size: 12px;
}
.basic_form .dates .multiField, .basic_form .blockLabels .dates .multiField {
  width: 53%;
}
.basic_form .dates label,
.basic_form .inlineLabels .dates .multiField .blockLabel,
.basic_form .dates .blockLabel, .basic_form .blockLabels .dates .blockLabel {
  width: auto;
}
.basic_form .multiField .blockLabel span {
  display: block;
}
.basic_form .multiField .blockLabel span.sep {
  display: inline;
}
.basic_form .inlineLabels .dates .multiField .blockLabel .textInput {
  display: inline;
}

.basic_form .file_uploads .fileUpload {
  clear: both;
}
.basic_form .file_uploads .formHint {
  clear: both;
  float: none;
}

/* Footer */
.footer {
  background: transparent url('../img/skin/footer_btm_cap.png') no-repeat bottom left;
  margin: 10px 0 0 0;
  padding: 13px 0 13px 0;
}
.footer .inner {
  background: transparent url('../img/skin/footer_top_cap.png') no-repeat top left;
  padding: 15px 40px 0 40px;
  margin: 0;
}
.footer .nav {
  float: left;
}
.footer ul, .footer li, .footer p, .footer a {
  font-size: 12px;
}
.copyright_box {
  float: right;
  padding: 0;
  margin: 0;
}
.copyright_box p {
  color: #F36717;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.footer a {
  text-decoration: none;
}
.footer a:link {
  color: #FFF;
}

.footer a:visited {
  color: #FFF;
}

.footer a:hover {
  color: #EEE;
}

.footer a:active {
  color: #FFF;
}

.footer .nav li {
    line-height: 1;
}

.footer .nav li {
    float: left;
    list-style: none;
    font-size: 16px;
    margin: 0 20px 0 0;
    padding: 0;
}

/* Page specific */
body.home .header .nav .search a, body.search .header .nav .search a {
  color: #F36717;
}
body.neighborhoods .header .nav .neighborhoods a {
  color: #F36717;
}
body.parking_transportation .header .nav .parking_transportation a {
  color: #F36717;
}
body.links .header .nav .links a {
  color: #F36717;
}
body.events .header .nav .events a {
  color: #F36717;
}
body.contact .header .nav .contact a {
  color: #F36717;
}

body.manage_account a.manage_account,
body.add_event a.add_event,
body.add_location a.add_location,
body.edit_location a.edit_location,
body.edit_business a.edit_business,
body.list_events a.list_events,
body.edit_account a.edit_account {
  color: #333;
}

.secondary .twocol .signup_form.col.first {
    width: 232px;
    float: left;
    margin: 0;
    padding: 0;
}

body.add_event .secondary .twocol .col.first {
}
body.add_event .secondary .twocol .col.last {
  width: 250px;
}
body.add_location .twocol .col.last,
body.add_edit_pg .twocol .col.last {
  width: 380px;
}
body.edit_account .twocol .col.last {
  width: 380px;
}
.primary, .primary .twocol {
  width: 860px;
}
body.home .primary .twocol .col.first {
  padding-left: 40px;
}
body.home .primary .twocol .col.last {
  float: right;
  margin: 0 -3px 0 0;
}
body.home .primary, body.home .primary .twocol {
  width: 940px;
}
body.home .secondary, body.home .secondary .twocol {
  width: 860px;
}

body.events .twocol .col.first {
  width: 420px;
  padding-right: 10px;
}
body.events .twocol .col.last {
  width: 400px;
}
body.neighborhoods .twocol .col.first, body.parking_transportation .twocol .col.first,
body.links .twocol .col.first, body.policies .twocol .col.first {
  width: 420px;
  padding-right: 10px;
}
body.neighborhoods .twocol .col.last, body.parking_transportation .twocol .col.last,
body.links .twocol .col.last, body.policies .twocol .col.last {
  width: 400px;
  padding-left: 0;
}
body.events .twocol .col.last p.controls {
  float: right;
  clear: right;
  width: 240px;
}
.event, .business_info {
  position: relative;
  width: 100%;
}
.event {clear:both;}
.event .controls {
  position: absolute;
  top: 12px;
  right: 0;
  width: 140px;
}
.business_info .controls {
  float:right;
  margin-left:25px;
/*position: absolute;
  top: 0;
  right: 0;*/
  width: 140px;
}
.business_info .result {
  background: transparent url('../img/skin/dotted_horiz_divider.png') repeat-x bottom left;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.business_info .result.last {
  background: none;
}

.locations .location {
  background: transparent url('../img/skin/dotted_horiz_divider.png') repeat-x top left;
  padding-top: 1em;
  margin-top: 1em;
  position: relative;
  width: 100%;
}
.locations .location.first {
  background: none;
}
.location .controls {
  position: absolute;
  top: 12px;
  right: 0;
  width: 120px;
}

body.contact .primary_content .twocol {
  background: transparent url('../img/skin/dotted_vert_divider.png') repeat-y 446px 0;
}
body.contact .twocol .col.first {
  width: 436px;
  padding-right: 10px;
}
body.contact .twocol .col.last {
  width: 386px;
  padding-left: 20px;
}
body.neighborhoods .tipped_photo, body.parking_transportation .tipped_photo {
  margin-top: -24px;
}

/* SYSTEM MESSAGES */

.page_error_message, .page_success_message {padding:10px;margin:10px 0px 15px;}

.page_error_message p, .page_success_message p
{float:left;margin:0px 0px 0px 30px;}

.page_error_message .clear, .page_success_message .clear {margin:0px;padding:0px;border:none;}

	/* error message */
		.page_error_message
		{border:1px solid #ff0000;background:#ffd581 url(/images/message_error.gif) no-repeat 5px 5px;}
		
		.page_error_message p
		{color:#d61a1a;}
		
		.page_error_message ul {display:block;clear:left;margin:30px 0px 0px 10px;}
	
	/* success message */
		.page_success_message
		{border:1px solid #00bb00;background:#d5ff81 url(/images/message_success.gif) no-repeat 5px 5px;}
		
		.page_success_message p
		{color:#00bb00;}