/*-----------------------------+
 | Site: CMA Chicago       |
 | Part: Master styles        |
 +----------------------------*/


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


/* Fonts
======================================================================*/
body, .btn, input, textarea { font-family: Verdana, Arial, sans-serif; }
.date, h1, h3, #intro, .overview { font-family: Georgia, "Times New Roman", Times, serif; }
h2 { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #1d49a5; text-decoration: underline; }
a:hover { text-decoration: none; }
abbr, acronym { cursor: help; }
address { font-style: normal; }
body { font-size: 76%; line-height: 1.666; margin-bottom: 2em; text-align: center; }
blockquote, dl, hr, ol, p, table, ul { margin-bottom: 1.666em; }
blockquote { border-left: 3px solid #b7d5f2; font-size: 0.9em; padding-left: 1.5em; }
blockquote p { margin-bottom: 0.5em; }
dd { margin-bottom: 0.5em; }
dt { margin-top: 1em; font-weight: bold;}
em { font-style: italic; }
fieldset { border: 1px solid #d0d9ec; margin-bottom: 2em; padding: 1em 2em; }
h1 { border-bottom: 3px solid #eed8b2; margin-bottom: 1em; padding-bottom: 0.35em; }
h1 { font-size: 1.666em; line-height: 1.25; }
h1 em { color: #666; font-size: 0.8em; font-style: normal; margin-left: 1em; }
h1, h2, h3 { font-weight: normal; }
h2, legend { color: #2675d0; font-size: 1.45em; line-height: 1.25; margin-bottom: 0.5em; }
h3 { font-size: 1.25em; line-height: 1.333; }
h3, h3 a { color: #2675d0; }
h4 { font-weight: bold; }
hr { background: #d0d9ec; border: 0; clear: both; color: #d0d9ec; height: 1px; }
legend { background: #fff; margin: 0 0 0 -0.75em; padding: 0 0.75em; }
ol { list-style: decimal; margin-left: 3em; }
strong { font-weight: bold; }
table { border-collapse: collapse; empty-cells: show; width: 100%; }
table p { margin: 0; }
tfoot td { border: 0; }
td { border: 1px solid #ccc; border-width: 1px 0; padding: 0.25em 1em 0.25em 0; }
textarea { font-size: 1em; }
th { border-bottom: 1px solid #000; font-size: 0.8em; font-weight: bold; padding: 0 1em 0.5em 0; text-transform: uppercase; vertical-align: bottom; }
ul li { background: url(../images/bullet.gif) no-repeat 0 0.75em; padding-left: 1.5em; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#breadcrumbs, #header, #intro, #nav { padding: 0 2em; }
#breadcrumbs ul, #content, #header-content, #intro-content, #nav ul { margin: 0 auto; min-width: 400px; text-align: left; }

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

/*--- Breadcrumbs ---*/
#breadcrumbs { background: #e4effa url(../images/bg-breadcrumbs.gif) repeat-x 0 100%; border-bottom: 1px solid #a0b4db; }

#breadcrumbs ul {
	background: url(../images/skyline-breadcrumbs.gif) no-repeat 100% 100%;
	max-width: 62.5em;
	padding: 0.9em 0 1.0em;
}

/*--- Content ---*/
#content { max-width: 67.5em; }
#content-primary { float: left; width: 64%; }
#content-secondary { float: right; width: 31%; }
#wrap-a { background: url(../images/shadow-l.gif) repeat-y 0 0; padding-left: 11px; }
#wrap-b { background: url(../images/shadow-r.gif) repeat-y 100% 0; padding-right: 11px; }
#wrap-c { background: url(../images/bg-content.gif) repeat-y 67% 0; border: 1px solid #cbcbcb; border-width: 0 1px; padding: 1.5em 1.45em 4em; }

/*--- Columns ---*/
.c2l .c2l, .c2l .c2r, .c2r .c2l, .c2r .c2r { width: 47%; }
.c2l, .c2r { width: 48.5%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3.5%; }
.c3l, .c3m, .c3r { width: 31%; }
li.c2l, li.c2r, li.c3l, li.c3m, li.c3r { background: none; padding: 0; }

/*--- Footer ---*/
#footer { background: #1d4aa5 url(../images/bg-footer.gif) repeat-x 0 0; clear: both; padding: 0.9em 1.8em 1.2em }

/*--- Full layout ---*/
.full #content-primary { float: none; width: 100%; }
.full #content-secondary { display: none; }
.full #wrap-c { background: none; /*padding-left: 4em; padding-right: 4em;*/ }

/*--- Header ---*/
#header { background: #0040ab; font-size: 0.9em; }
#header-content { max-width: 73em; padding: 0.5em 0 1em; }

/*--- Highlights ---*/
#highlights { background: #faf2e6; border-bottom: 5px solid #f4e3c9; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; padding: 1em 1.5em 0; }

/*--- Introduction ---*/
#intro { background: #e4effa url(../images/bg-intro.gif) repeat-x 0 100%; border-bottom: 1px solid #a0b4db; }
#intro .call-r { margin-left: 0em; margin-right: 2em;}
#intro p { margin-bottom: 0.2em; }

#intro-content {
	background: url(../images/skyline-intro.gif) no-repeat 0 100%;
	max-width: 46.75em;
	padding-top: 1.1em;
	border: 1px solid transparent;
	border-width: 0 0 1px;
}

/*--- Primary navigation ---*/
#nav { background: #1d49a5 url(../images/bg-nav.gif) repeat-x 0 0; font-size: 0.9em; }
#nav ul { max-width: 67.5em; }


/* Content
======================================================================*/
.closed, .skip { left: -9999em; position: absolute; }

/*--- Attendees ---*/
.attendees img { vertical-align: middle; }
.attendees tbody th { border-color: #888; font-size: 1em; font-weight: normal; padding: 0.5em 0 0; text-transform: none; }
.attendees td { vertical-align: middle; white-space: nowrap; }
.attendees .txt { width: 18em; }

/*--- Breadcrumbs ---*/
#breadcrumbs li {
	background: url(../images/crumb.gif) no-repeat 100% 70%;
	display: inline;
	font-size: 0.9em;
	margin-right: 0.7em;
	padding: 0 1.4em 0 0;
}

/*--- Calendar ---*/
.calendar td { padding: 0 0 0 0.7em; }
.calendar td, .calendar th { border: 0; vertical-align: top; }
.calendar th { font-size: 1em; font-weight: bold; padding: 0 0.7em 0 0; text-align: right; white-space: nowrap; width: 15%; }
.calendar span { display: block; }
.calendar td.col-register { padding-top: 0.5em; }
.register { background: url(../images/icon-register.gif) no-repeat 0 0; display: block; height: 12px; margin: 0 auto; text-indent: -999em; width: 12px; }

/*--- Callouts ---*/
.call-l { float: left; margin: 0 1em 0.5em 0; }
.call-l, .call-r { color: #7f8183; font-size: 0.9em; }
.call-l a:hover img, .call-r a:hover img { border-color: #aaa; }
.call-r { float: right; margin: 0 0 0.5em 2em; }

/*--- Event card---*/
.date { color: #7c5721; font-size: 1.4em; line-height: 1.4; }
.venue { font-style: italic; }
.event-card { background: #faf2e6; border-bottom: 1px solid #f4e3c9; margin-top: -1.6em; padding: 0.4em 1.5em 1em; }
.event-card li { background: none; padding: 0; }
.event-card li li { display: inline; margin-right: 0.5em; }
.event-card ul { height: 1%; margin: 0; }
.event-card .prices ul { margin: 0 0.75em; }
.event-card .prices ul li { display: block; }

/*--- Files ---*/
.files dt { clear: both; }
.files img { float: left; margin: 0.25em 1em 1em 0; }

/*--- Footer ---*/
#footer { color: #d6e7f9; font-size: 0.9em; line-height: 1.636; }
#footer a, #footer strong { color: #fff; }

	/* Credit */
	#credit { float: right; }
	#credit a, #credit a:hover strong { text-decoration: none; }
	#credit strong { text-decoration: underline; }

/*--- Forms ---*/
.form { margin: 0; }
.form p { margin-bottom: 0; }
.form td, .form th { border: 0; padding: 0.7em 0; text-transform: none; }
.form th { font-size: 1em; font-weight: normal; padding-right: 2%; text-align: right; vertical-align: top; width: 25%; }

	/* Alerts */
	.alert { color: #e72019; }
	div.alert { border: 3px double #e72019; clear: both; margin-bottom: 1em; padding: 1em 1.5em 0; }
	div.alert li { background: none; padding: 0; }
	div.alert ul { list-style: disc; margin-left: 1.5em; }
	
	/* Buttons */
	.btn { overflow: visible; padding: 0.1em 0.6em 0.2em; }
	.btns { clear: both; margin-left: 27%; }
	.btns a { margin-left: 0.7em; }
	#content-secondary .btn { font-size: 1em; }
	img.btn { border: 0; padding: 0; }
	
	/* Checklists */
	.checklist {
		border: 1px solid #ccc;
		height: 14em;
		margin-bottom: 1em;
		overflow: auto;
		width: 98%;
	}
	
	.checklist input { margin-bottom: -1px; }
	.checklist label { display: block; padding: 0.1em 0 0.1em 25px; height: 1%; text-indent: -25px; }
	.checklist label:hover { background: #e4effa; }
	.checklist li { display: block; float: none; margin: 0; padding: 0; white-space: normal; width: 100%; }
	.checklist li { margin: 0; padding: 0; background: none; }
	.checklist p { padding: 0.5em 1em; }
	.checklist ul { color: #777; margin: 0; }
	.checklist ul strong { color: #000; }
	
	/* Date/time selector */
	table.dateTime { margin: 0; width: auto; }
	table.dateTime td, table.dateTime th { padding-top: 0; vertical-align: top; }
	table.dateTime td { padding-right: 0.5em; white-space: nowrap; }
	table.dateTime th { text-align: left; padding: 0; width: 4em; }
	
	/* Full mode */
	.full .btns { margin-left: 0; }
	
	/* Highlight */
    .highlight { background: #f3f3f3; }
	.highlight td { padding: 0.7em 1em 1em 0; }
	.highlight th { padding: 0.7em 2% 1em 0; }
	
	/* Options */
	.options-h, .options-v { list-style: none; margin: 0; }
	.options-h li, .options-v li { background: none; margin-bottom: 0.3em; padding: 0; }
	.options-h input, .options-v input { margin-bottom: -0.05em; }
	.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
	.options-v li { padding-left: 25px; text-indent: -25px; }
	.options-v p { text-indent: 0; }
	
	/* Search */
	#search { font-size: 1.1em; float: right; margin-bottom: 0.7em; }
	#search .txt { padding: 0.1em; width: 20em; }
	
		/* Member search */
		#search-member .btn { width: 22%; }
	
	/* Secondary content forms */
	#content-secondary .txt { width: 98%; }
	
	/* Text boxes */
	.c2l .txt, .c2r .txt { position: relative; width: 97%; }
	textarea.txt { padding: 0; }
	.txt { padding: 0.2em; width: 70%; }
	.txt, .txt-sm, .txt-date, .txt-med { padding: 0.2em; }
	.txt-sm { width: 4em; }
	.txt-date { width: 7em; }
	.txt-med { margin-right: 1em; width: 47%; }
	
	/* TinyMCE */
	.mceToolbarContainer { position: static; }
	.mceEditorContainer { display: block; margin-top: 0.5em; }
	.mceEditorContainer td { padding: 0; }
	.mceEditor { width: 98% !important; }
	.mceContentBody { background: #fff; font-size: 0.8em; padding: 0.5em; text-align: left; }

/*--- Header ---*/
#logo { float: left; }
#logo-print { display: none; }
#header, #header a { color: #fff; }
#header li { background: none; border-right: 1px solid #576b95; display: inline; margin-right: 0.8em; padding: 0 0.8em 0 0; }
#header li.current { font-weight: bold; }
#header li.last { border: 0; margin: 0; padding: 0; }
#header p, #header ul { margin-bottom: 0; }
#header ul { clear: right; text-align: right; }

/*--- Highlights ---*/
#highlights { font-size: 0.9em; }
#highlights .call-l img, #highlights .call-r img { background: none; border: 0; padding: 0; }

#highlights h3 {
	border-bottom: 1px solid #edd5ad;
	color: #7c5721;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.384;
	margin-bottom: 0.3em;
	padding-bottom: 0.05em;
}

#highlights .c3l, #highlights .c3m, #highlights .c3r { padding-bottom: 0.5em; }

/*--- Home pages ---*/
.home-secondary, .home-tertiary { font-size: 0.9em; line-height: 1.636; }
.home content-secondary-home { display: none; }

/*--- Icons ---*/
.icon { margin-right: 0.3em; }
.icon-register { background: url(../images/icon-register.gif) no-repeat 0 50%; padding-left: 17px; }

/*--- ID card ---*/
.card { border: 1px solid #cbcbcb; float: right; font-size: 0.9em; margin: 0 0 1em 2em; padding: 1.5em 1.5em 0; }
.card img { display: block; margin-bottom: 0.5em; }

/*--- Intro/overview ---*/
#intro, .overview { font-size: 1.333em; line-height: 1.5; }
#intro h1 { border: 0; color: #2675d0; font-size: 1.25em; margin-bottom: 0.625em; padding: 0; }
#intro .call-l img, #intro .call-r img { background: none; padding: 4px; }
.overview { border-bottom: 1px solid #f4e3c9; color: #7c5721; margin-bottom: 1em; }
.overview p { margin-bottom: 1em; }

/*--- Marketplace ---*/
.market dd { margin-bottom: 0.3em; }
.market dt { clear: both; color: #2675d0; font-size: 1.2em; font-weight: bold; margin-top: 1.5em; }
.market img { float: right; margin-left: 1em; }

/*--- Members only message ---*/
.members-only { background: #e4effa; border: 3px double #a0b4db; margin-bottom: 1.5em; padding: 1.5em 2em 0.25em; }

/*--- Muted text ---*/
.mute, a.mute, .mute a { color: #444; }
.mute { font-size: 0.9em; }
p.mute, ul.mute { margin: 0; }
ul.mute li { background: none; display: inline; border-right: 1px solid #929292; margin-right: 0.8em; padding: 0 0.8em 0 0; }
ul.mute li.last { border: 0; margin: 0; padding: 0; }

/*--- Pages ---*/
#pages { font-size: 1.2em; text-align: center; }
#pages li { display: inline; margin: 0 0.5em; background: none; }

/*--- Primary navigation ---*/
#nav a { color: #fff; display: block; padding: 0.4em 1.3em 0.55em; text-decoration: none; white-space: nowrap; }
#nav a:hover { text-decoration: underline; }
#nav li { background: none; float: left; padding: 0; }
#nav li.current a { background: #e4effa; color: #000; }

/*--- Search results ---*/
.docType { color: #000; font-size: 0.7em; font-weight: bold; margin-left: 0.3em; text-transform: uppercase; white-space: nowrap; }
#search-results { margin-bottom: 1em; }
#search-results h2 { font-size: 1.3em; margin: 1em 0 0; }
#search-results p, #search-sort { margin: 0; }
#searchPages { margin-top: 2em; text-align: center; }
#searchPages a { padding: 0.5em; }
#searchPages li { background: none; display: inline; margin: 0 0.2em; padding: 0; }

/*--- Secondary content ---*/
#content-secondary { font-size: 0.9em; line-height: 1.636; }
#content-secondary blockquote { background: url(/images/quotes.gif) no-repeat 0 0.3em; border: 0; font-size: 1em; }
#content-secondary h3 { color: #896735; font-size: 1.35em; margin-bottom: 0.733em; }
#content-secondary hr { background: #f2dfc1; color: #f2dfc1; }
#content-secondary li { margin-bottom: 0.5em; }

	/* Secondary navigation */
	#nav-secondary a { text-decoration: none; }
	#nav-secondary a:hover { text-decoration: underline; }
	#nav-secondary li { background: none; margin-bottom: 0.545em; line-height: 1.454; padding: 0; }
	#nav-secondary li li { background: url(../images/bullet-secondary.gif) no-repeat 0 0.6em; padding-left: 1.5em; }
	#nav-secondary li ul { margin: 0.545em 0 0 0.8em; }
    .addSub { margin-left: 1.8em; text-indent: -1.8em; }

/*--- Email obfuscation ---*/
.email-link { direction: rtl; unicode-bidi: bidi-override; }
