/*-------------------------------------+
 | Site: DuPage County Bar Association |
 | Part: Master styles                 |
 +-------------------------------------*/

/* Imports
=====================================================================*/
@import "/content/styles/reset.css";
@import "/content/styles/forms.css";
@import "/content/styles/ie.css";


/* Fonts
======================================================================*/
body, input, select, textarea { font-family: Verdana, Arial, sans-serif; }
#nav { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #0c4f96; }
a:hover { text-decoration: none; }
address { font-style: normal; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1em; }
body { background: #d5d2c6; border-top: 10px solid #0c4f95; font-size: 13px; line-height: 1.4; }
cite, em { font-style: italic; }
dt { margin-top: 1em; }
dt:first-child { margin: 0; }
h1 { border-bottom: 3px dotted #85a7ca; color: #0c4f96; font-size: 20px; margin-bottom: 0.5em; padding-bottom: 0.5em; }
dt, h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
h2, legend { font-size: 16px; margin-bottom: 0.5em; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h6 { font-size: 12px; }
hr { border-bottom: 3px dotted #85a7ca; border-width: 0 0 3px; clear: both; color: #fff; margin: 1em 0; }
ol { list-style: decimal; }
ol, ul { margin-left: 1.5em; }
table { border-collapse: collapse; }
table h2, table p { margin: 0; }
td, th { padding: 0 15px 0 0; vertical-align: top; }
td[align=center], th[align=center] { text-align: center; }
td[align=right], th[align=right] { text-align: right; }
ul { list-style: disc; }

.l { float: left; }
.r { float: right; }
ul.flat { list-style: none; margin-left: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#footer, #header-content, #nav-content { margin: 0 auto; width: 980px; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }
ul.c2l, ul.c2r { list-style: none; margin-left: 0; }
.c2l h2, .c2r h2 { margin-top: 0; }

/* Content */
#content { background: #fff; border-bottom: 17px solid #0c4f96; margin: 0 auto; padding: 20px 20px; width: 940px; }
#content-primary { float: right; margin-bottom: 20px; width: 74.2%; }
#content-secondary { float: left; margin-bottom: 20px; width: 22.6%; }

  /* Full */
  .full #content-primary { float: none; width: 100%; }
  .full #content-secondary { display: none; }
  .full #subfooter { display: none; }


/* Content
======================================================================*/

/* Action links */
.action {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #b3c8de 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#b3c8de));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3c8de',GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3c8de',GradientType=0);
  border: 1px solid #85a7cc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  font-size: 14px;
  margin: 0;
  padding: 0.5em 1em;
  vertical-align: middle;
  text-decoration: none;
}

.action:hover { border-color: #0c4f96; text-decoration: none; }

  /* Stacked */
  .action-stacked { margin-right: 0.75em; text-align: center; }
  .action-stacked .mute { color: #000; display: block; }

/* Alpha browsing */
.alpha { font-size: 15px; list-style: none; margin-left: 0; }
.alpha li { display: inline; margin-right: 0.5em; }

/* Archive lists */
.archives li { margin-bottom: 0.5em; }

/* Calendar */
	/* List view */
	#cal-list { border-collapse: collapse; width: 100%; }
	#cal-list p { margin-bottom: 0.5em; }
	#cal-list td, #cal-list th { border-top: 1px dashed #d0d1d3; padding: 0.25em 1em 0.3em 0; }
	#cal-list th { white-space: nowrap; width: 21%; }
	
	/* Switcher */
	#cal-nav { float: right; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
	#cal-nav li { background: none; display: inline; margin: 0 0 0 1em; padding: 0; }
	#cal-nav li.ui-tabs-selected a { color: #58595b; text-decoration: none; }

/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 2em; }
.call, div.call-l, div.call-r { font-size: 0.84em; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.8em; letter-spacing: 0.01em; margin: 0.5em 0; text-align: right; }

/* Classifieds */
.classifieds .contact li { margin: 0; }
.classifieds .contact ul { list-style: none; margin: 0; }
.classifieds dt { border-top: 1px solid #ddd; clear: both; font-size: 16px; font-weight: bold; padding-top: 0.5em; }

/* Court calls */
.court-calls { list-style: none; margin-left: 0; }
.court-calls .date { color: #777; font-size: 11px; float: right; margin-right: -65px; text-align: right; }
.court-calls li { border-bottom: 1px solid #ddd; padding: 10px 65px 10px 95px; }
.court-calls p { color: #555; font-size: 11px; margin: 0; }

/* DataTables */
.dataTables_filter { font-size: 1.2em; margin-bottom: 10px; }
.dataTables_filter input { padding: 0.2em; width: 15em; }
.dataTables_info { float: right; }
.dataTables_info, .dataTables_length, .dataTables_paginate { font-size: 11px; }
.dataTables_length { float: right; margin-bottom: 0.5em; }
.dataTables_paginate .paginate_active { font-weight: bold; }
.dataTables_paginate .paginate_button { cursor: pointer; text-decoration: underline; }
.dataTables_paginate .paginate_button:hover { text-decoration: none; }
.dataTables_paginate .paginate_button_disabled { color: #777; cursor: default; text-decoration: none; }
.dataTables_paginate span { margin-right: 0.5em; }
.dataTables_wrapper th { cursor: pointer; }
.dataTables_wrapper th.sorting, .dataTables_wrapper th.sorting_asc, .dataTables_wrapper th.sorting_desc { color: #0c4f96; }
.dataTables_wrapper th.sorting_asc span { background: url(/content/images/shared/sort-up.png) no-repeat 100% 50%; padding-right: 10px; }
.dataTables_wrapper th.sorting_desc span { background: url(/content/images/shared/sort-down.png) no-repeat 100% 50%; padding-right: 10px; }
.dataTables_wrapper th.sorting_disabled { cursor: default; }

/* Directory */
.directory dd, .directory dt { padding-left: 95px; }
.directory dt { clear: both; font-size: 15px; font-weight: normal; }
.directory img { float: left; margin: 3px 0 15px -95px; }

/* DIS sessions */
  /* Classes */
  .dis-classes .class {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
    background: linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
    border: 1px solid #ccc;
    border-radius: 7px;
    margin-bottom: 20px;
    padding: 13px 15px 15px;
  }
  
  .dis-classes h2, .dis-classes p { margin: 0; }
  .dis-classes .mute { color: #83722e; font-size: 1em; }

  /* Sessions */
  .dis-sessions label { display: block; }

/* Flags */
.flag {
  background: #aaa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  float: left;
  font-size: 9px;
  margin-left: -95px;
  padding: 2px 5px;
}

.flag-active { background: #365e85; }
.flag-closed { background: #bbb; }
.flag-inactive { background: #a26242; }
.flag-reactive { background: #a29342; }
.flag-reinstated { background: #4e8737; }

/* Footer */
#footer {
  background: #aca58e;
  border-top: 1px solid #fff;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  font-size: 11px;
  margin: 0 auto;
  padding: 20px 10px;
  text-align: center;
  width: 960px;
}

#footer, #footer a { color: #47463c; }
#footer-nav { list-style: none; margin: 0 0 0.25em; }
#footer-nav li { display: inline; margin: 0 0.5em; }

  /* Subfooter */
  #subfooter { border-top: 1px solid #ddd; padding: 20px 0; }
  
    /* Logos */
    #subfooter h6 { color: #0c4f96; padding-bottom: 1em; }
    #subfooter .logos { list-style: none; margin: 0; text-align: center; }
    #subfooter .logos li { display: inline; margin: 0 11px; opacity: 0.5; }
    #subfooter .logos li:hover { opacity: 1; }
    #subfooter .logos img { vertical-align: middle; }

/* Header */
#header { background: #85a7cc url(/content/images/header-bg.jpg) no-repeat 53% 0%; border-top: 1px solid #fff; padding-bottom: 30px; }
#header-content { position: relative; }

  /* Logo */
  #logo {
    background: url(/content/images/logo-bg.png) no-repeat 50% -56px;
    display: block;
    float: left;
    height: 176px;
    margin: 0 0 -70px -40px;
    padding-top: 16px;
    text-align: center;
    width: 252px;
  }
  
  /* vCard */
  #header .vcard { clear: right; float: right; font-size: 12px; text-align: right; }
  #header .vcard, #header .vcard a { color: #073567; }
  #header .vcard .adr, #header .vcard .contact, #header .vcard .fax, #header .vcard .street-address, #header .vcard .tel { display: block; }

/* Highlights */
.highlight {
  background: #f1f5f9;
  border: 1px solid #bacfe3;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 15px;
  width: 200px;
}

/* Icons */
.icon { background-repeat: no-repeat; background-position: 0 50%; line-height: 1; padding: 3px 0 3px 20px; }
.icon-cal { background-image: url(/content/images/icon-calendar.gif); }
.icon-doc { background-image: url(/content/images/shared/doc.png); }
.icon-pdf { background-image: url(/content/images/shared/pdf.png); }
.icon-ppt { background-image: url(/content/images/shared/ppt.png); }
.icon-print { background-image: url(/content/images/shared/print.png); }
.icon-xls { background-image: url(/content/images/shared/xls.png); }

/* Load more button */
.load-more {
  clear: both;
  display: block;
  border: 1px solid #bacfe3;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 6px;
  text-align: center;
  text-decoration: none;
}

.load-more:hover { background: #f1f5f9; }

/* Muted text */
.mute { color: #777; font-size: 11px; }

/* National Safety Council */
.nsc { overflow: hidden; margin: 20px 0; padding: 6px 0 0 60px; }
.nsc img { float: left; margin: -6px 0 0 -60px; }

/* Navigation */
#nav { background: #aca58e; border: 1px solid #fff; border-width: 1px 0; font-size: 17px; font-weight: bold; height: 25px; }

#nav li {
  background: #0c4f96;
  float: left;
  border-right: 0;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  margin: -21px 1px 0 0;
  padding: 2px 2px 0 2px;
  position: relative;
  z-index: 1000;
}

#nav li:hover { background: #2c6fb6; }

#nav li a {
  border: 1px solid #7ea1c7;
  border-bottom: 0;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
  display: block;
  padding: 10px 21px;
  text-decoration: none;
}

#nav li.special { background: #073567; margin-right: 0; }
#nav li.special:hover { background: #275587; }
#nav li.special a { border-color: #7d9bbb; }
#nav ul { list-style: none; margin: 0; padding-left: 26.3%; }

  /* Current */
  #nav li.current { background: #fff; }
  #nav li.current a { border: 0; color: #000; }
  #nav li.current ul a { color: #fff; }

  /* Dropdowns */
  #nav li.menu:hover > ul { left: 0; }
  #nav li.menu > a { background: url(/content/images/menu-arrow.png) no-repeat 50% 93%; }
  
  #nav li.menu > ul {
    background: #0c4f96;
    border: 1px solid #7ea1c7;
    border-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    left: -999em;
    padding: 0;
    position: absolute;
    top: 44px;
    width: 200px;
  }
  
  #nav li.menu > ul li {
    background: none;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    float: none;
    margin: 0;
    padding: 0;
  }
  
  #nav li.menu > ul li a {
    background: none;
    border: 0;
    border-bottom: 1px solid #7ea1c7;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 5px 10px;
  }
  
  #nav li.menu > ul li > ul { left: -999em; top: 0; }
  #nav li.menu > ul a:hover { background-color: #2c6fb6; }
  #nav li.menu > ul li.menu > a { background: url(/content/images/submenu-arrow.png) no-repeat 95% 7px; padding-right: 20px; }
  #nav li.menu > ul li.menu > a:hover { background-color: #2c6fb6; }
  #nav li.menu > ul li.menu:hover > ul { left: 200px; }

/* Quicklinks */
.quicklinks { list-style: none; margin: 0; }

.quicklinks a {
  background: #e8eef5;
  border: 2px solid #bbcee1;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  display: block;
  margin-bottom: 5px;
  padding: 3px 10px 4px;
}

.quicklinks a:hover { background: #fff; }

/* Panels */
#content-secondary .panel { font-size: 11px; margin-bottom: 30px; }
#content-secondary .panel h3 { color: #0c4f96; font-size: 14px; margin-bottom: 0.5em; }

/* Page tools */
#page-tools { float: right; list-style: none; margin: 8px 0 0; }
#page-tools li { float: left; margin-left: 20px; }

/* Products */
.products img { border: 1px solid #ddd; }
.products p { margin: 0; }
.products .price { color: #0c4f96; font-size: 16px; }

.products td {
  border: 1px dashed #ccc;
  border-width: 1px 0;
  padding: 15px 30px 15px 0;
  vertical-align: top;
}

.products tr:first-child td { border-top: 0; }
.products tr:last-child td { border-bottom: 0; }

/* Profile */
#profile-primary { float: left; font-size: 11px; width: 25%; }
#profile-primary #avatar img { max-width: 100%; }
#profile-secondary { float: right; width: 70%; }
#profile-data dt { color: #777; font-size: 10px; font-weight: normal; margin-top: 1em; text-transform: uppercase; }

/* Schedule */
.schedule .action { font-size: 1em; padding: 0.3em 1em; }
.schedule img { vertical-align: middle; }
.schedule p { margin: 0; }
.schedule tfoot td { font-size: 11px; }
.schedule td { vertical-align: middle; }

/* Search results */
.docType { color: #000; font-size: 0.7em; font-weight: bold; margin-left: 0.3em; text-transform: uppercase; white-space: nowrap; }
#info { border-bottom: 1px solid #cbc3b8; margin-bottom: 1em; padding-bottom: 1em; }
#info a, #search-results a { text-decoration: underline; }
#info a:hover, #search-results a:hover { text-decoration: none; }
#search-results { margin: 0 0 1em; }
#search-results p { margin: 0; }
#search-results h2 { font-size: 1.1em; font-weight: normal; margin: 1em 0 0; }
#search-results .icon { margin-bottom: -2px; }
#search-results li { list-style: none; }
#searchPages { font-size: 1em; margin-top: 2em; text-align: center; }
#searchPages a { padding: 0.5em 0.2em; }
#searchPages li { background: none; display: inline; margin: 0 0.2em; padding: 0; }
#searchSort { border-top: 1px solid #cbc3b8; font-size: 1.2em; margin: 1em 0; padding-top: 0.9em; }
#search-within-search input { vertical-align: middle; }
#search-within-search .txt { display: inline; width: 69%; }
#search-within-search .btn { margin: 0; }

/* Social links */
.social { list-style: none; margin: 0; }
.social a { text-decoration: none; }
.social img { float: left; margin-right: 5px; }
.social li { background: none; clear: both; font-size: 11px; line-height: 1.1; margin-bottom: 20px; padding: 0; }
.social strong { display: block; font-size: 17px; font-weight: normal; }

/* Tables */
.data { clear: both; width: 100%; }
.data td, .data th { border: 1px solid #d9d9d9; padding: 0.3em 0.7em; }
.data tfoot td { border-top: 3px double #ddd; }
.data th { background-color: #f2f2f2; font-size: 11px; font-weight: bold; padding: 0.3em 1em; }
.nb { white-space: nowrap; }

  /* Annual meeting */
  .annual-meeting-pricing .data tbody th { background: none; text-align: right; }
  .annual-meeting-pricing .data td, .annual-meeting-pricing .data th { padding: 0.5em 0.7em; text-align: center; white-space: nowrap; }
  .annual-meeting-pricing .data th { font-size: 1em; }

/* Overview pages */
#section-overview h3 { padding-top: 1em; }
#section-overview span { padding-left: 0.7em; }

/* Viewing options */
.view { list-style: none; margin-left: 0; }
.view li { display: inline; margin-right: 1em; }