/* [Shared Icons and Labels] */
img.icon              { background-image: url(/img/sysimg/icons.gif/fcf2a910);}
img.icon-big          { background-image: url(/img/sysimg/icons-big.gif/c279ad3a);}
img.label             { background-image: url(/img/sysimg/labels.gif/dcfdb243);}
ul.breadcrumbs li.sub { background-image: url(/img/sysimg/icon_path_separator.gif);}
div.rating .img       { background-image: url(/img/sysimg/icon_ratings_13x13.gif);}
.icons                { background-image:url(/img/sysimg/icons.gif/fcf2a910);}
.icons-big            { background-image:url(/img/sysimg/icons-big.gif/c279ad3a);}
.toolbar_icon         { background-image:url(/img/sysimg/icons.gif/fcf2a910);}
.admin_toolbartable, a.ti { background: url(/img/sysimg/icon_toolbar_background.gif) top; }
#popupMask            { background-image: url(/img/sysimg/maskbg.png) !important; } /* For browsers Moz, Opera, etc. */

/* [System Colour Scheme settings] */
h1,h2,h3          { color: #A92222;}
.highlight        { font-weight: bold; background-color: #F4D0D0; color: #A92222;}
.cal_table        { border: solid 1px #005C76; }
.cal_enlarge      { background: url(/img/sysimg/calendar_enlarge.gif) no-repeat;}
.cal_help         { background: url(/img/sysimg/calendar_help.gif) no-repeat;}
.cal_head         { background-color: #F4D0D0; height: 2em;}
.cal_days         { border-top: solid 1px #005C76; border-bottom: solid 1px #005C76; border-right: solid 1px #005C76; background-color: #009DBF;}
.cal_days_s       { border-right: none;}
.cal_current      { background-color: #C0E0E0;}
.cal_current_we   { background-color: #7FC0C1;}
.cal_then         { background-color: #F0F0F0;}
.cal_then_we      { background-color: #D0D0D0;}
.cal_today        { background-color: #009DBF;}
.cal_has_event    { background-image: url(/img/sysimg/calendar_event_indicator.gif,FF2F28) !important; }
.cal_has_events   { background-image: url(/img/sysimg/calendar_events_indicator.gif,FF2F28) !important; }
.calendar_mini .cal_has_event,
.calendar_mini .cal_has_events { color: #FF2F28 !important; }
.cal_nav          { background: url(/img/sysimg/calendar_menu_arrow.gif) no-repeat 100% 100%;}
.table_border     { border-style: solid; border-width: 1px; border-color: #005C76; border-collapse: collapse;}
.table_data       { background-color: #C0E0E0;}
.table_header     { background-color: #F4D0D0;}

/* [System Style] */
body { margin: 0; padding: 0; background-color: #DFDFDF; }
.t_bgcol1 { background-color: #000000; }
.t_col1   { color: #000000; }
.t_bdcol1 { border: solid 1px #000000; }
.t_bgcol2 { background-color: #000000; }
.t_col2   { color: #000000; }
.t_bdcol2 { border: solid 1px #000000; }
.t_bgcol3 { background-color: #000000; }
.t_col3  { color: #000000; }
.t_bdcol3 { border: solid 1px #000000; }
.t_bgcol4 { background-color: #000000; }
.t_col4   { color: #000000; }
.t_bdcol4 { border: solid 1px #000000; }

/* [System Custom Style] */
body {
  font-family: arial, 'lucia grande', verdana, sans-serif;
  color:#2a2a2a;
}
h1, h2, h3 {
  font-family: Georgia, verdana, arial, sans-serif;
}
h1.title a {
  color: #000;
  text-decoration: none;
}
h1.title a:hover {
  text-decoration: underline;
}
#layout_header img {
  display: block;
  float: left;
}
#content_block_BannerLeft,
#content_block_BannerRight {
  float: left;
  width: 190px;
}

#sys_footer         { background-color: #333333; padding: 20px; height:75px; }
#sys_footer a       { text-decoration:none; color: #cccc00; }
#sys_footer a:hover { text-decoration:underline; color: #ffff00; }
#sys_footer .left   {
  width: 60%; color: #ffffff; float: left; font-size: 10px; line-height: 1.5em;
}
#sys_footer .right {
  width: 40%; color: #ffffff; float: right; font-size: 10px; line-height: 1.5em;
}


#tpl_nav_global { margin:auto; background-color: #b0b0b0; }
#tpl_nav_local  { margin:auto; background-color: #f2f2f2; }

div.cmseealso {
  color: #990000;
  padding: 0.25em;
  border-top: #000066 2px solid;
  border-bottom: #000066 2px solid;
  background-color: #ffffcc;
  margin-bottom: 0.25em;
}
div.cmseealso a {
  white-space: nowrap;
}


/* [ MEMBER LISTINGS ] */
.member_listings { width:295px }
.member_listings .item_border_top {
  background:
    #ffffff url(/img/sysimg?img=/UserFiles/Image/layout/marketplace_members_listings_top.gif);
  height: 6px; overflow: hidden;
}
.member_listings .item_border_bottom {
  background:
    #ffffff url(/img/sysimg?img=/UserFiles/Image/layout/marketplace_members_listings_bottom.gif);
  height: 6px; overflow: hidden;
}

.member_listings .item             { background-color: #e8e8e8; margin: 0 0 5px 0; }
.member_listings .wcompany         { padding: 0 5px; font-weight: bold; }
.member_listings .wcompany a       { color: #000; text-decoration: none; }
.member_listings .wcompany a:hover { text-decoration: underline; }
.member_listings .item_content     { padding: 0 5px; float: left; width: 210px; }
.member_listings .logo             { float: left; width: 75px; }
.member_listings .logo img         { border: 0; display: block;}
.member_listings .item_icons       { margin-left: 5px; }
.member_listings .item_icons img   {
  background-image:
    url(
      /img/sysimg?img=/UserFiles/Image/layout/marketplace_members_listings_icons.gif&v=6
    );
  height: 11px;
  border: 0;
  display: block;
  margin: 2px 5px 0 0;
  float: left;
}
.member_listings a img.mp_mi             { background-position: 0 0; width: 29px; }
.member_listings a:hover img.mp_mi       { background-position: 0 -11px; }

.member_listings a img.mp_web            { background-position: -29px 0; width: 27px; }
.member_listings a:hover img.mp_web      { background-position: -29px -11px; }

.member_listings a img.mp_email          { background-position: -56px 0; width: 37px; }
.member_listings a:hover img.mp_email    { background-position: -56px -11px; }

.member_listings a img.mp_coupons        { background-position: -93px 0; width: 57px; }
.member_listings a:hover img.mp_coupons  { background-position: -93px -11px; }

.member_listings a img.mp_videos         { background-position: -196px 0; width: 42px; }
.member_listings a:hover img.mp_videos   { background-position: -196px -11px; }

.member_listings a img.mp_draws          { background-position: -238px 0; width: 39px; }
.member_listings a:hover img.mp_draws    { background-position: -238px -11px; }

.member_listings a img.mp_events         { background-position: -278px 0; width: 39px; }
.member_listings a:hover img.mp_events   { background-position: -278px -11px; }

.member_listings a img.mp_articles       { background-position: -318px 0; width: 42px; }
.member_listings a:hover img.mp_articles { background-position: -318px -11px; }

/* [ FREE LISTINGS ] */
.free_listings { border-bottom: 1px solid #c0c0c0; }
.free_listings .item {
  border: 1px solid #c0c0c0;
  border-bottom: none;
  font-size: 90%;
  padding: 2px;
}
.free_listings .dark       { background-color: #e8e8e8; }
.free_listings .wcompany   { width: 85%; float: left; font-weight: bold; }
.free_listings .wcompany a  { color: black; text-decoration: none; }
.free_listings .wcompany a:hover { text-decoration: underline; }

.free_listings .readmore   { width: 15%; float: left; text-align: right; }
.free_listings .readmore a { color: blue; text-decoration: none; }
.free_listings .readmore a:hover { text-decoration: underline; }

.rc_dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:955px; /* based on image dimensions - not quite consistent with drip styles yet */
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.rc_dialog .rc_content,
.rc_dialog .rc_t,
.rc_dialog .rc_b,
.rc_dialog .rc_b div {
 background:transparent url(/UserFiles/Image/layout/dialog2-light-grey-1000x5000.png) no-repeat top right;
 _background-image:url(/UserFiles/Image/layout/dialog2-grey.gif);
}

.rc_dialog .rc_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.rc_dialog .rc_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rc_dialog .rc_b {
 /* bottom */
 position:relative;
 width:100%;
}

.rc_dialog .rc_b,
.rc_dialog .rc_b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.rc_dialog .rc_b {
 background-position:bottom right;
}

.rc_dialog .rc_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.rc_dialog .hd,
.rc_dialog .bd,
.rc_dialog .ft {
 position:relative;
}

.rc_dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.rc_dialog h1,
.rc_dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.rc_dialog h1 {
 padding-bottom:0px;
}

.product_charge b { color: #990000; }
