/*---------------------------------------------+
 | Site: The College of American Psychiatrists |
 | Part: Master styles                         |
 +---------------------------------------------*/

/* Imports
=====================================================================*/
@import "/content/styles/reset.css"; /* Reset */
@import "/content/styles/forms.css"; /* Forms */
@import "/content/styles/ie.css"; /* Internet Explorer */


/* Fonts
======================================================================*/
#actions,
.cart th,
.cta,
.directory-results,
.field-help,
#footer,
h1, h2, h3,
#header,
input,
legend,
.mute,
#nav,
#nav-secondary,
.panel,
.progress,
#progress-form .form-nav,
select,
#subfooter,
textarea {
  font-family: Arial, sans-serif;
}

body { font-family: Georgia, "Times New Roman", Roman, serif; }


/* Basics
======================================================================*/
a { color: #1569b6; }
a:hover { text-decoration: none; }
address { font-style: normal; }
blockquote { margin-left: 3em; }
cite, em { font-style: italic; }
dl, ol, table, p, ul { margin-bottom: 1em; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
body { background: #f5f5f5; font-size: 0.9em; line-height: 1.5; }
h1 { color: #585858; font-size: 1.6em; line-height: 1.27; margin-bottom: 1em; }
h1, h3, strong { font-weight: bold; }
h2, legend { color: #1569b6; font-size: 1.33em; font-weight: normal; line-height: 1.3; margin-bottom: 0.5em; }
h2 span { font-size: 12px; }
h3 { font-size: 1.14em; line-height: 1.2; margin: 1em 0 0.5em; }
hr { background: #e0dbd4; border: 0; clear: both; color: #e0dbd4; height: 1px; margin: 1.5em 0; }
legend { background: #fff; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
li { margin-bottom: 0.5em; }
ol { list-style: decimal; margin-left: 2em; }
ol ol, ol ul, ul ol, ul ul { margin-top: 0.4em; }
table { border-collapse: collapse; }
td { padding: 0.3em 1em 0.3em 0; vertical-align: top; }
ul { list-style: disc; margin-left: 1.5em; }

/*--- Stock classes ---*/
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat > li { background: none; margin: 0; padding: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }

/*--- Admin ---*/
.ribbon { margin: 0 auto; width: 960px; }

/*--- Avatars ---*/
#avatar-full img { width: 100%; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/*--- Content ---*/
#content {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-width: 0 1px;
  box-shadow: 0 8px 15px #ccc;
  -moz-box-shadow: 0 8px 15px #ccc;
  -webkit-box-shadow: 0 8px 15px #ccc;
  margin: 0 auto;
  width: 960px;
}

#content-primary { float: left; margin-left: 3%; padding: 2em 0; width: 62%; }
#content-secondary { float: right; margin-right: 3%; padding: 2em 0; width: 28%; }
#content-wrapper { background: #fff; }

  /*--- Full layout (no secondary content) ---*/
  .full #content { background-image: none; }
  .full #content-primary { float: none; margin: 0 3%; padding-top: 2em; width: 94%; }
  .full #content-secondary, .full #subfooter { display: none; }
  
  /*--- Home page ---*/
  .home #content { background: #fff url(/content/images/home-bg.gif) repeat-y 103% 0; }
  .home #content-secondary { width: 27%; }
  
  /* Search */
  .search #content-primary { float: none; margin: 0 auto; padding-top: 1em; width: 80%; }
  .search #content-secondary { display: none; }


/* Content
======================================================================*/
/*--- Action bar ---*/
#actions { background: #e7f1f9; font-size: 0.9em; padding: 1em 3%; }
#actions h2 { color: #000; font-size: 1.2em; font-weight: bold; }
#actions h2, #actions p { margin: 0; }
#actions h2 strong { color: #1569b6; }
#actions .cta { font-size: 1.2em; float: left; margin-right: 1.5em; }

/*--- Calendar ---*/
	/* List view */
	#cal-list { border-collapse: collapse; width: 100%; }
	#cal-list p { margin-bottom: 0.5em; }
	#cal-list td, #cal-list th { padding: 0.25em 1em 0.3em 0; }
	#cal-list th { white-space: nowrap; width: 21%; }
	#cal-list .first td, #cal-list .first th { border-top: 1px dashed #d0d1d3; }
	
	/* 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; }

/*--- Call to action buttons ---*/
.cta {
  background: #01417c url(/content/images/btn-bg.jpg) repeat-x 0 0;
  border: 1px solid #004e84;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-box-shadow: 0 1px 3px #999;
  -webkit-box-shadow: 0 1px 3px #999;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
}

.cta:hover { text-decoration: underline; }

/*--- 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.75em; }
.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.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }

/* Cart */
.cart { width: 100%; }
.cart .price { background: #f0f0f0; font-weight: bold; text-align: right; }
.cart .total { font-weight: bold; text-align: right; }
.cart p, .cart ul { margin: 0; }
.cart tbody td { border-top: 1px solid #ddd;}
.cart td, .cart th { padding: 0.5em 1em 0.5em 0; vertical-align: top; }
.cart tfoot td { border-top: 3px double #ccc; }
.cart tfoot td { padding-top: 0.2em; }
.cart thead th { border-bottom: double 3px #ccc; font-size: 11px; font-weight:bold;}
.cart-options { float: right; text-align: right; }

/*--- Events ---*/
.events { list-style: none; margin: 0 0 3em; }

.events .date {
  float: left;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
  width: 25%;
}

.events .description { float: right; width: 71%; }
.events li { clear: both; padding: 0.5em 0 0; }

/*--- Feature (home page) ---*/
#feature { background: #fff url(/content/images/feature-bg.gif) repeat-x 0 100%; border-bottom: 1px solid #d1d1d1; font-size: 1.2em; padding: 2em 3% 1em; }
#feature h1 { font-size: 1.4em; margin-bottom: 0.25em; }
.home #feature { border: 1px solid #d1d1d1; margin-bottom: 1em; padding: 1em 1em 0.5em; }

/*--- Features ---*/
.feature h3 { margin-bottom: 0; }
.feature img { margin-right: 5px; vertical-align: middle; }

/*--- Footer ---*/
#footer { background: #f5f5f5; border-top: 1px solid #fff; color: #58595b; font-size: 0.75em; line-height: 1.5; padding: 1em 2% 2em; }
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer .adr, #footer .fax, #footer .tel { border-right: 1px solid #a7a9ac; margin-right: 0.5em; padding-right: 0.5em; }
#footer img { float: left; margin: 0.5em 1em 0 0; }
#footer .org { color: #000; display: block; font-size: 1.2em; }
#footer-content { margin: 0 auto; width: 900px; }
#footer #copyright { float: left; width: 58%; }

  /* Site credit */
  #credit { float: right; text-align: right; }
  #credit a { color: #58595b; text-decoration: none; }
  #credit a strong { color: #005999; display: inline; font-weight: normal; text-decoration: underline; }
  #credit a:hover strong { text-decoration: none; }
  
  /* Subfooter */
  #subfooter { background: #f0f0f0; border-bottom: 1px solid #e6e7e8; border-top: 1px solid #d1d3d4; clear: both; font-size: 0.9em; padding: 1.25em 2% 0.25em; }
  #subfooter h6 { color: #58595b; font-size: 1.2em; font-weight: bold; margin: 0; }
  #subfooter a { text-decoration: none; }
  #subfooter a:hover { text-decoration: underline; }
  #subfooter img { display: none; }
  #subfooter li { background: url(/content/images/subfooter-bullet.gif) no-repeat 0 0.6em; margin-bottom: 0; padding: 0 0 0 1em; }
  #subfooter li:last-child { border: 0; }
  #subfooter .panel { font-size: 0.92em; margin: 0 0 20px 0; width: 33.33%; }
  #subfooter .last { margin: 0; }
  #subfooter ul { list-style: none; margin: 0; }
  #subfooter-content { margin: 0 auto; width: 900px; }

/*--- Header ---*/
#header { background: #00407a url(/content/images/header-bg.jpg) repeat-x 50% 0; border-bottom: 1px solid #23486a; font-size: 0.8em; padding: 0 2% 0.25em 2%; }
#header, #header a { color: #fff; }
#header .btn { margin: 0; }
#header-content { margin: 0 auto; position: relative; width: 960px; }
#header-secondary { float: right; text-align: right; width: 40%; }
#header .utilities { margin-bottom: 1em; }
#header .search .txt { width: 17em; }

  /*--- Nav ---*/
  #header-nav { list-style: none; margin: 0; position: absolute; right: 0; top: 80px; }
  #header-nav .dues { color: #ffcd36; font-weight: bold; }
  #header-nav li { display: inline; margin: 0 0 0 0.75em; padding: 0; }
  #header-nav li.current { font-weight: bold; }
  #header-nav li.current a { text-decoration: none; }
  #header-nav li.current a:hover { text-decoration: underline; }
  #header-nav li.sep { border-right: 1px solid #ddd; padding-right: 0.75em; }
  
  /* Logo */
  #logo { float: left; margin-bottom: 15px; padding-top: 1.75em; }
  #logo-print { display: none; }

/*--- Icons ---*/
a.icon { background-repeat: no-repeat; background-position: 0 0.25em; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 23px; }
img.icon { margin-right: 0.4em; }
.icon-facebook { background-image: url(/content/images/shared/facebook.png); }
.icon-linkedin { background-image: url(/content/images/shared/linkedin.png); }
.icon-pdf { background-image: url(/content/images/shared/icon-pdf.gif); }
.icon-twitter { background-image: url(/content/images/shared/twitter.png); }

/*--- Muted text ---*/
.info, .mute { color: #7f8183; font-size: 12px; line-height: 1.3; }
h1 .mute { color: #000; font-size: 0.6em; }
h2 .mute { font-size: 0.8em; font-weight: normal; }
h3 .mute { font-size: 0.75em; font-weight: normal; }

/*--- Navigation ---*/
#nav { background: #07223b; font-weight: bold; padding: 1em 2%; line-height: 1; text-transform: uppercase; }
#nav a { color: #b1c4d6; padding: 1em 0; text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav li { display: inline; margin-right: 24px; }
#nav li.current { background: url(/content/images/indicator.gif) no-repeat 50% 100%; padding-bottom: 1.6em; }
#nav li.current a { color: #fff; }
#nav ul { margin: 0 auto; width: 900px; }
  
  /* Secondary */
  #nav-secondary { background: #f3f8fc; border: 1px solid #d2d3d7; font-size: 1.1em; margin-bottom: 1.5em; padding: 1.5em; }
  #nav-secondary a { text-decoration: none; }
  #nav-secondary a:hover { text-decoration: underline; }
  #nav-secondary h3 { margin-top: 0; }
  #nav-secondary li { border-bottom: 1px solid #eaebed; margin: 0; padding: 0.25em 0; }
  #nav-secondary ul { list-style: none; margin: 0; }
  #nav-secondary ul ul { font-size: 0.8em; margin: 0.25em 0 0 0.5em; }
  #nav-secondary ul ul li { background: url(/content/images/subfooter-bullet.gif) no-repeat 0 0.4em; border: 0; margin-bottom: 0.3em; padding: 0 0 0 1em; }
  #nav-secondary ul ul ul { font-size: 1em; }
  #nav-secondary li.current > a { font-weight: bold; }

/*--- New accounts ---*/
#new-account { padding-bottom: 15px; }
#new-account h1 { margin-bottom: 2em; }

/*--- Panels ---*/
.panel { font-size: 0.9em; margin-bottom: 1em; }
.panel h3 { background: #e7f1f9; border-top: 3px solid #00407a; font-size: 1.2em; margin: 2em 0 0.5em; padding: 0.5em 1em; }
.panel h3:first-child { margin-top: 0; }

  /* Home page */
  .home .panel h3 { background: none; padding: 0.5em 0; }

/*--- 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.3em; font-weight: normal; margin: 1em 0 0; }
#search-results .icon { margin-bottom: -2px; }
#search-results li { list-style: none; }
#searchPages { font-size: 1.2em; 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; }

/*--- Sequencing ---*/
.sequence { list-style: none; line-height: 1.4; }
.sequence .call-r { margin-top: 0; }

.sequence li {
  background: #f5f5f5;
  border: 1px solid #ddd;
  cursor: url(/Content/images/shared/grab.cur), move;
  height: 1%;
  margin-bottom: 1px;
  padding: 0.3em 0.5em 0.4em;
}

.sequence-single li { cursor: default; }

/*--- Skip link ---*/
.skip { left: -9999em; position: absolute; }

/*--- Summary lists ---*/
.summaries { margin-bottom: 1.5em; }
.summaries dt { clear: both; font-weight: bold; margin-top: 1.25em; }
.summaries p { margin: 0; }

  /* Directory */
  .directory-results dt { font-size: 20px; font-weight: normal; line-height: 1.2; }
  .directory-results .thumb { float: left; margin: 3px 10px 15px 0; }
  .directory-results .mute a { color: #7f8183; }
  
  /* Fellows */
  .fellows .thumb { float: left; margin-right: 1em; }

/*--- Tables ---*/
.data-table { border: 0; margin: 0 0 1.5em; width: 100%; }
.data-table td { background: #fff; border: 1px solid #e0dbd4; border-width: 1px 0; padding: 0.75em 0.75em 0.75em 0; }
.data-table td, .data-table th { background: none; font-size: 1em; }
.data-table th { background: none; border: 1px solid #e0dbd4; border-width: 0 0 1px; font-weight: bold; padding: 0 1em 0.5em 0; }