/* [Layout Style] */

/* [All content centred] */
body { background-color: white; margin: 0; padding: 0;}

#layout_centre { text-align: center; }
#layout { text-align: left; width: 955px; margin:30px auto 0px auto; }
#layout_admin_toolbar {  }

/* [Header table] */
#layout_header{ background: url(/img/sysimg?img=/UserFiles/Image/layout/banner_background.gif) repeat-x }
#layout_header_banner  { width: 339px; height: 85px }
#layout_header_top     { width: 450px; height: 11px; overflow: hidden; font-size: 0 }
#layout_header_search  { width: 450px; height: 44px; vertical-align: top; }
#layout_header_nav     { width: 450px; height: 30px; vertical-align: top; }
#layout_header_weather { width: 150px; vertical-align: top; padding: 0 5px 0 0; }
#layout_header_weather iframe { border: 0; frameborder: 0; }
#layout_header_search input { float: left; }
#layout_header_search input#topbar_search {
  font-size:8pt;margin-top:4px; border: 1px solid #cccccc; width: 200px;
}

/* [Body] */
#layout_body {
  margin: 0;
  padding: 0;
  background-color: white;
}
#layout_body h1 {
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size:14pt;
}
#layout_body h2 {
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size:12pt;
}

.rating { margin-top: 10px; }

/* [Body > Spacer] */
#layout_body .spacer {
  background-color: #E4E4E4;
  background-image: none;
  height: 10px;
}
#layout_breadcrumbs {
  background-color: #F0F0F0;
  background-image: none;
  line-height: 2em;
}
#layout_breadcrumbs a {
  font-weight: bold;
  text-decoration: none;
  padding: 5px;
}
#layout_breadcrumbs a:hover {
  font-weight: bold;
  text-decoration: underline;
}

#layout_body .layout_panel {
  margin: 10px;
}

#layout_body .layout_panel h1 {
  margin: 0;
}
#layout_body .layout_panel h2 {
  margin: 0 0 5px 0;
}
#layout_body .layout_panel p {
  margin: 0 0 5px 0;
}

/* [Body > Column 1] */
#layout_col1 {
  float: left; width: 330px;
  display: inline; /* for IE Double Margin Float Bug */
  margin-right: 10px;
}
#layout_col1 .layout_panel {
  width: 295px;
}

#layout_col2_col3 {
  float: left; margin: 0px;
  width: 615px;
}
#layout_col2_col3_panel {
  width: 595px;
  background-image: none; background-color: #ffffff; padding: 10px;
}
#layout_col2_col3_panel h1 {
  margin: 0;
}

/* [Body > Column 2] */
#layout_col2 {
  width:335px; margin: 0px 10px 0 0; float: left;
  display: inline; /* for IE Double Margin Float Bug */
}
#layout_col2 .layout_panel {
  width: 315px;
}

/* [Body > Column 3] */
#layout_col3 {
  width:270px; margin: 0px; float: left;
  display: inline; /* for IE Double Margin Float Bug */
}
#layout_col3 .layout_panel {
  width: 250px;
}

/* [Footer] */
div#sys_footer{ clear: both; margin:auto; }

/* [ Marketplace Switchboard ] */
#marketplace_switchboard             { padding: 5px; }
#marketplace_switchboard .column     { float: left; }
#marketplace_switchboard a           { text-decoration:none; }
#marketplace_switchboard a:hover     { text-decoration:underline; background-color: #ffe0e0; }
#marketplace_switchboard .selected a { font-weight: bold; background-color: #ffc0c0; }

/* [ Marketplace Coupons ] */
.mp_coupons { }
.mp_coupons .mp_item {
  margin: 5px 0 0 0;
  color: #808000;
  background-color: #ffffd8;
  border: 2px dashed #a0a080;
  padding: 5px;
  cursor: pointer;
}
.mp_coupons .mp_item:hover {
  background-color: #ffff80;
  border: 2px dashed #808000;
}

.mp_coupons .mp_item .mp_wcompany { width: 60%; float: left; font-weight: bold; }
.mp_coupons .mp_item .mp_expires  { width: 40%; float: left; text-align: right; font-size: 80%; }
.mp_coupons .mp_item .mp_content  { padding: 5px 10px; text-align: center; }
.mp_coupons .mp_item .mp_excl     { font-size: 80%; text-align: right; }

/* [ Marketplace Draws ] */
.mp_draws { }
.mp_draws .mp_item {
  margin: 5px 0 0 0;
  color: #804040;
  background-color: #ffd8d8;
  border: 2px dashed #804040;
  padding: 5px;
  cursor: pointer;
}
.mp_draws .mp_item:hover {
  background-color: #ffa0a0;
  border: 2px dashed #800000;
}

.mp_draws .mp_item .mp_wcompany { width: 60%; float: left; font-weight: bold; }
.mp_draws .mp_item .mp_expires  { width: 40%; float: left; text-align: right; font-size: 80%; }
.mp_draws .mp_item .mp_content  { padding: 5px 10px; text-align: justify; }


#weatherButton {
  position: absolute;
  top: 0px;
  left: 770px;
  width: 150px;
  height: 100px;
}
}
br.clr_b {
  clear:both;
  font-size: 0pt;
}
div.panel_content {
  margin: 0;
  background-color: transparent;
}
div.panel_content .item .summary {
  padding: 0;
  margin: 5px 0 0 0;
}

#business_and_member_listings {
  max-height: 500px;
  overflow: auto;
}