/*------------------------------+
 | Site:  Chicago Rehab Network |
 | Part:  Master styles         |
 +------------------------------*/


/* Browser-specific styles
=====================================================================*/
/* -- IE 6 and 5 for Win -- */
@import "ie.css";


/* Undo existing styles
======================================================================*/
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th { font-size: 1em; }
blockquote, body, br, button, dl, dd, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, 
html, label, legend, li, ol, p, pre, table, td, th, ul { margin: 0; padding: 0; }


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


/* Basics
======================================================================*/
a { text-decoration: underline; }
a:hover { text-decoration: none; }
a, cite, h2 { color: #777; }
blockquote { margin: 0 2em 1em; }
body { background: #fff url(../images/bg-grey.gif) repeat-y 0 0; font-size: 76%; line-height: 1.3; }
dl, ol, p, ul { margin-bottom: 1em; }
img { border: 0; }
h1 { font-size: 2em; font-weight: normal; margin-bottom: 0.2em; }
h1 em { font-weight: normal; }
h2 { font-size: 0.9em; margin-bottom: 1em; text-transform: uppercase; }
hr { background: #fff; border-bottom: 0; border-top: 1px dotted #ccc; color: #fff; height: 1px; margin: 2em 0 1.8em; }
li { margin-bottom: 0.2em; }
ol { margin-left: 2.5em; }
table { border-collapse: collapse; }
ul { list-style: none; }
ul li { background: url(../images/bullet-grey-r.gif) no-repeat 0 0.3em; padding-left: 10px; }

/* Core layout
======================================================================*/
.clear { clear: both; }
#content { position: relative; width: 777px; }
#content-primary-secondary { float: right; background: url(../images/bg-content.gif) repeat-y 24.3% 0; width: 75%; }
#content-primary { float: right; width: 73.6%; }
#content-secondary { float: left; width: 23%; }
#content-tertiary { float: left; width: 180px; }
#content-quaternary { position: absolute; right: -230px; top: 0; width: 200px; }
#page { background: url(../images/bg-logo.gif) repeat-x 0 89px; }

/*--- Footer ---*/
#footer { clear: both; margin-left: 379px; padding: 5em 0 2em; }

/*--- Home ---*/
.home #content { margin-top: 1.9em; width: 977px; position: relative; }
.home #content-primary-secondary { width: 86%; background: url(../images/dots-v.gif) repeat-y 25.5% 0; }
.home #content-primary .primary-left { float: left; width: 55%; }
.home #content-primary .primary-right { float: right; width: 35%; }
.home #page { background: url(../images/bg-logo-home.gif) repeat-x 0 144px; }
.home #content-tertiary { float: left; width: 180px; position: absolute; top: 0;  }

/* Content
======================================================================*/
#page { font-size: 0.9em; }

/*--- Callouts and columns ---*/
.c2l, .c2r { width: 48.5%; }
.c2l, .c3l, .c3m, .call-l { float: left; }
.c2r, .c3r, .call-r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }
.call-l { margin: 0.4em 1em 0 0; }
.call-l, .call-r { font-size: 0.9em; }
.call-r { margin: 0.4em 0 0 1em; }

/*--- Forms ---*/
.btn { overflow: visible; padding: 0.1em 0.6em 0.2em; }
.btns { margin-left: 27%; }
.closed { display: none; }
.form { width: 100%; }
.form th { font-weight: normal; padding: 0.3em 2% 0 0; text-align: right; vertical-align: top; width: 25%; }
.form td, .form th { padding-bottom: 1em; }
.highlight { background: #f5f5f5; }
textarea.txt { padding: 0; }
.txt { width: 97%; }
.txt, .txt-date, .txt-med { padding: 0.2em; }
.txt-date { width: 7em; }
.txt-med { width: 10em; }

	/* Alerts */
	.alert { color: #d93b37; }
	div.alert { border: 3px double #d9001f; 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; }
	
	/* 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; }
	
	/* TinyMCE */
	.mceToolbarContainer { position: static; }
	.mceEditorContainer td { padding: 0; }
	.mceEditor { width: 98% !important; }
	.mceContentBody { background: #fff; font-size: 0.9em; padding: 0.5em; text-align: left; }

/*--- Footer ---*/
#footer { font-size: 0.9em; }
#footer a { color: #000; }
#footer p { margin-bottom: 0.3em; }

/*--- Header ---*/
#header li {
	background: url(../images/bullet-grey-l.gif) no-repeat 99% 50%;
	font-size: 0.9em;
	font-weight: bold;
	padding: 22px 10px 23px;
	text-align: right;
	text-transform: uppercase;
}

#header li a { color: #777; }
#header li a:hover { text-decoration: none; }
#header p, #header ul { margin-bottom: 0; }
#header ul { background: #fff; float: left; height: 60px; width: 180px; }

	/* Logo */
	#logo { background: url(../images/bg-grey.gif) repeat-y 0 0; clear: both; }
	#logo a { background: url(../images/logo-grey.gif) no-repeat 0 0; display: block; height: 80px; text-indent: -9999em; width: 749px; }
	
	/* Photo */
	#photo { margin-left: 180px; position: relative; }
	#photo img { left: 0; position: absolute; top: 0; }

/*--- Highlights ---*/
.highlights { background: #f2f2f2; border: 2px solid #dadada; margin-bottom: 2em; }
.highlights img { max-width: 160px; }
.highlights-content { overflow: hidden; padding: 1.25em 1.5em 1.5em; }

/*--- Home ---*/
.home h1 { color: #d65922; font-size: 1.4em; font-weight: bold; }
.home #nav-secondary { font-size: 0.8em; }
.home #header li { background-position: 99% 80%; padding-bottom: 0; }
.home #header ul { height: 103px; }
.home #logo a { background-image: url(../images/logo-home.gif); height: 77px; width: 751px; }

/*--- Navigation ---*/
#nav { text-align: right; text-transform: uppercase; }
#nav, #nav * { list-style: none; margin: 0; padding: 0; }

#nav a {
	background: url(../images/nav-dark.gif) no-repeat 100% 100%;
	color: #fff;
	display: block;
	font-size: 0.8em;
	height: 1%;
	line-height: 1.4;
	padding: 1.5em 12px 0.7em 12px;
	text-decoration: none;
}

#nav a:hover, #nav .current a, #nav li li a:hover { color: #393939; }
#nav .current a { font-weight: bold; }
#nav, #nav ul { list-style: none; }
#nav li { background: none; padding: 0; position: relative; }
#nav li:hover ul, #nav li.over ul { display: block; }

#nav li ul {
	display: none;
	left: 165px;
	position: absolute;
	top: 1.2em;
	width: 150px;
}

#nav li li a { background: none; font-size: 0.9em; text-align: left; text-transform: none; padding: 0 0 0.8em 2em; }
#nav li li a, #nav .current li a { color: #666; font-weight: normal; }

	/* Secondary navigation */
	#nav-secondary a { color: #999; }
	#nav-secondary a:hover { color: #000; text-decoration: none; }
	#nav-secondary { line-height: 1.3; }
	#nav-secondary li { display: inline; font-weight: bold; margin-right: 1em; }

/*--- Secondary content ---*/
#content-secondary { font-size: 0.9em; line-height: 1.3; text-align: right; }

#content-secondary h3 {
	background: url(../images/bullet-orange-l.gif) no-repeat 100% 53%;
	font-size: 1.3em;
	margin: 0 -10px 0.2em 0;
	padding-right: 10px;
}
	
#content-secondary h3 a { color: #f1c94d; }
#content-secondary h3 a:hover { color: #d65922; text-decoration: none; }

/*--- Spotlight (carousel) ---*/
#spotlight  {
	background: #f2f2f2; 
	border: 2px solid #dadada; 
	padding: 5px; 
	margin: 0 0 10px 0;
	float: left;
	width: 97%;
}

.spotlight-content { height: 200px; overflow: hidden; margin: 5px; }
.spotlight-nav { margin: 5px; float: right; } 
.spotlight-nav li { background: none; display: inline; }
.spotlight-nav li a.selected { font-weight: bold; }

.ui-tabs .ui-tabs-hide {
     display: none;
}