/* CSS Document */

/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Corporate 3 Design   */
/*    Date: July 16, 2008           */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/

#wrapper {
	background: url(../images/main/wrapper_bg_secondary.jpg) repeat-y top left;
}

/*==================================*/
/*----------- SIDEBAR --------------*/
/*==================================*/

#sidebar {
	clear: both;
	width: 205px;
	float: left;
	font-size: .8em;
	line-height: 155%;
}

#sidebar h2 {
	background: url(../images/main/sidebar_header.gif) top left no-repeat #8fc7ec;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #1b4f82;
	width: 189px;
	border: 5px solid #fff;
	border-width: 5px 0 5px 0;
	font-size: 1.4em;
	font-weight: normal;
	padding: 8px;
}

/*----------- SUBNAV --------------*/


#sidebar ul.news {
	list-style: none;
	padding: 7px 15px 7px 15px;
	color: #0065a4;
}

#sidebar ul.news strong{
	color: #15477b;
	font-weight: bold;
}

#sidebar ul.news li{
	margin: 0 0 15px 0;
}

#sidebar ul.news li a, #sidebar ul.news li a:visited, #sidebar ul.news li a:active{
	display: inline;
	color: #15477b;
	font-weight: normal;
	text-decoration:underline;
	padding: 0;
	margin: 0;
}

#sidebar ul.news li a:hover {
	color: #6689ae;
	background: none;
}

/*==================================*/
/*----------- CONTENT --------------*/
/*==================================*/

#content {
	width: 680px;
	float:left;
	border: 5px solid #fff;
	border-width: 0 0 0 5px;
	font-size: .8em;
	line-height: 155%;
}

#content h1 {
	width: 646px;
	background:url(../images/main/content_header_bg.jpg) top left no-repeat #0179c2;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 12px 17px 12px 17px;
	font-size: 1.6em;
	font-weight: normal;
	color: #fff;
	border: 5px solid #fff;
	border-width: 5px 0 0 0;
}

#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #0065a4;
	padding: 0 0 20px 0;
	line-height: 140%;
}

#content h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0 0 8px 0;
	line-height: 140%;
	color: #000;
}

#content h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-weight: normal;
	padding: 0;
	line-height: 140%;
	color: #0066a1;
}

#content h5 {
	color: #0079c1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 140%;
	text-decoration:underline;
}

#content #content_wrapper {
	width: 646px;
	padding: 21px 17px 12px 17px;
}

#content_wrapper #photoarea {
	width: 173px;
	float: right;
	margin: 0 0 7px 7px;
	text-align: center;
	color: #adafb2;
}

#content p {
	margin: 0 0 18px 0;
}

#content #photoarea img,
#content h2 img,
#content p img{
	padding: 6px;
	border: 1px solid #ded9d1;
	margin:1ex 1em;
}

#content_wrapper .photoarea {
	width: 173px;
	float: right;
	margin: 0 0 7px 0;
	padding: 0 21px 0 21px;
	text-align: center;
	color: #adafb2;
}

#content .photoarea img {
	padding: 6px;
	border: 1px solid #ded9d1;
}

#content_wrapper .photoarealarge {
	width: 220px;
	float: right;
	margin: 0 0 7px 0;
	padding: 0 21px 0 21px;
	text-align: center;
	color: #adafb2;
}

#content .photoarealarge img {
	padding: 6px;
	border: 1px solid #ded9d1;
}

#content img.right {
	float: right;
	padding: 6px;
	border: 1px solid #ded9d1;
	margin: 0 0 7px 7px;
}

#content a:link {color: #0079C1; text-decoration: underline;}
#content a:visited {color: #0079C1; text-decoration: underline;}
#content a:hover {text-decoration: underline; color: #48a4dd;}
#content a:active {text-decoration: underline; color: #0079C1;}

#content ul {
	list-style: disc;
	margin: 0 0 15px 40px;
	padding: 0;
}

#content ul.linklist {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}

/*==================================*/
/*------- JQUERY TAB AREA ----------*/
/*==================================*/

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


/*------- 4 Tab Menu ----------*/
#content #tabarea ul {
	list-style: none;
	width: 646px;
	margin: 0;
	padding: 0;
	position: relative;
	height: 50px;
}

#content #tabarea ul li {
	width: 161px;
	text-align: center;
	height: 50px;
	overflow: hidden;
	position: absolute;
}

#content #tabarea ul li.tab1 {
	left: 0px;
	top: 0px;
}

li.tab2 {
	left: 161px;
	top: 0px;
}

li.tab3 {
	left: 322px;
	top: 0px;
}

li.tab4 {
	left: 483px;
	top: 0px;
}

/*------- 3 Tab Menu ----------*/
#content #tabarea.threebutton ul li {
	width: 215px;
	text-align: center;
	height: 50px;
	overflow: hidden;
	position: absolute;
}

#content #tabarea.threebutton ul li.tab1 {
	left: 0px;
	top: 0px;
}

.threebutton li.tab2 {
	left: 215px;
	top: 0px;
}

.threebutton li.tab3 {
	left: 430px;
	top: 0px;
}

#content #tabarea.threebutton ul li a{
	width: 215px;
}

/*------- 1 Tab Menu ----------*/
#content #tabarea.onebutton ul li {
	width: 100%;
	text-align: center;
	height: 50px;
	overflow: hidden;
	position: absolute;
}

#content #tabarea.onebutton ul li.tab1 {
	width: 100%;
	left: 0px;
	top: 0px;
}

#content #tabarea.onebutton ul li.tab1 a {
	width: 100%;
	cursor: default;
} 

#content #tabarea ul li a, #tabarea ul li a:visited {
	background: url(../images/main/tabnav.gif) 0px 0px repeat-x;
	color: #fff;
	text-decoration:none;
	margin: 0;
	width: 160px;
	display: block;
	height: 40px;
	padding: 10px 0 0 0;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #5198d2;
	border-width: 0 0 0 1px;
	line-height: 130%;
	font-size: .9em;
	overflow: hidden;
}

#content #tabarea ul li a:hover {
	background: url(../images/main/tabnav.gif) 0px -50px repeat-x;
	border: 1px solid #79bde9;
	border-width: 0 0 0 1px;
}

#content #tabarea ul li.ui-tabs-selected a{
		background: url(../images/main/tabnav.gif) 0px -50px repeat-x;
		border: 1px solid #79bde9;
		border-width: 0 0 0 1px;
}

/*==================================*/
/*------- JQUERY ACCORDION ---------*/
/*==================================*/

#content ul.drawers {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 446px;
}

#content ul.drawers li.drawer .title:focus {
	outline: none;
}

#content ul.drawers li.drawer .title h3:hover {
	color: #0065a4;
	text-decoration: underline;
}

#content ul.drawers li.drawer .title.selected h3{
	color: #0065a4;
	text-decoration: underline;
}

#content ul.drawers li.drawer {
	padding: 0;
	margin: 0;
	width: 646px;
	overflow: hidden;
}

#content ul.drawers li.drawer .title {
	cursor: pointer;
}

#content ul.drawers li.drawer .title h5 {
	padding: 0;
	margin: 0;
	width: 606px;
	text-decoration: none;
}

#content ul.drawers li.drawer p {
	width: 606px;
}

#content ul.drawers li.drawer .accordion_content p {
	width: 606px;
}

#content ul.drawers li.drawer .accordion_content {
	padding: 0 0 0 40px;
	margin: 0;
	width: 606px;
}

#content ul.drawers li.drawer .accordion_content h5{
	text-decoration: none;
}

/*==================================*/
/*------------ TABLES --------------*/
/*==================================*/

table.table {
	background-color: #f7f4f2;
	border: 1px solid #d8d2c9;
	border-width: 0 1px 1px 0;
	margin: 0 0 12px 0;
	width: 646px;
}

table.table img{
	float: left;
	margin: 5px 10px 5px 5px;
}

table.table thead{
	background: url(../images/main/tableheader.jpg) top left #79bde9 no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-weight: normal;
	font-size: 1.1em;
	width: 646px;
}

table.table thead th{
	padding: 10px 0 10px 0;
}

table.table tr.odd {
	background-color: #eae6df;
}

table.table tr.white {
	background-color: #fff;
}

table.table td{
	border: 1px solid #d8d2c9;
	border-width: 1px 0 0 1px;
	padding: 5px 0 5px 0;
	text-align: center;
	vertical-align:top;
}

#diagnostic table.table td, #rehabilitation table.table td, #treatment table.table td{
	padding: 5px;
	text-align: left;
}

table.table tr td.downloadableitems {
	background-color: #79bde9;
	border-width: 0 0 0 1px;
	text-align: left;
	padding: 0;
}

table.table td.buttonarea {
	padding: 0;
}

table.table td.buttonarea a{
	display: block;
	padding: 5px;
	width: 100%;
	height: 100%;
}

table.table img.nofloat {
	float: none;
}

#content table.table tr td.downloadableitems a {
	color: #fff;
	text-decoration: none;
} 

#content table.table tr td.downloadableitems a:hover {
	text-decoration: underline; 
}

table.table td a.report{
	background: url(../images/main/pdf2_icon.gif) no-repeat 10px 0px;
	padding: 0 0 15px 40px;
	display: block;
}

table.table td a.video{
	background: url(../images/main/video_icon.gif) no-repeat 10px 0px;
	padding: 0 0 15px 40px;
	display: block;
}

table.table td a.pdf{
	background: url(../images/main/pdf_icon.gif) no-repeat 10px 0px;
	padding: 0 0 15px 40px;
	display: block;
}

th.col1, th.col2 {
	width: 240px;
}

/*==================================*/
/*------------ FORMS ---------------*/
/*==================================*/

#content form {
	padding: 0;
	margin: 0;
}

#content form ul {
	margin: 0;
	padding: 0;
}

#content form ul li{
	list-style: none;
	background: none;
	margin: 0;
	padding: 0 0 10px 0;
}

#content label {
	margin: 0;
	padding: 0;
}

#content label.error {
	padding: 3px;
	font-size: .8em;
	background-color: #fff;
	border: 1px solid #CC3300;
	color: #cc3300;
	font-weight: bold;
	margin: 0 0 0 10px;
}

#content button.submit {
	background: url(../images/main/submit_but.gif) 0px 0px no-repeat;
	width: 91px;
	height: 26px;
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	border: none;
	cursor: pointer;
}

#content button.submit:hover {
	background: url(../images/main/submit_but.gif) 0px -26px no-repeat;
}


/*==================================*/
/*------------ FOOTER --------------*/
/*==================================*/

#footer {
	clear: both;
	background: url(../images/main/footer_bg.jpg) repeat-x top left #3280b7;
	width: 890px;
	border: 5px solid #fff;
	border-width: 5px 0 0 0;
	text-align: center;
	text-transform:uppercase;
	font-size: .7em;
	color: #fff;
	padding: 20px 0 20px 0;
}

#footer p{
	margin: 20px 0 0 0;
}

#footer ul {
	list-style: none;
	width: 890px;
	margin: 0 0 10px 0;
}

#footer ul li {
	display: inline;
}

#footer ul li a, #footer ul li a:visited, #footer ul li a:active{
	padding: 0 10px 0 10px;
	color: #fff;
}

#footer ul li a:hover {
	text-decoration: underline;
}