﻿/********************************************************************************************************************/
/***************************************** * RESET STYLES * ***************************************************************/
/********************************************************************************************************************/

/* This collection of styles is a modified version of Eric Meyer's "Reset Reloaded" stylesheet. */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:inherit; font-family:Arial, Helvetica, sans-serif; vertical-align:baseline; color:inherit;color:#333;}

:focus {outline:0;}
ul, ul li {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes:"" "";}

em{font-style:italic;}
strong{font-weight:bold;}
a img{border:none;}

/* tables still need cellspacing to match in the markup */
table {border-collapse:separate;border-spacing:1px;}
th, td {text-align:left;font-weight:normal;vertical-align:top;}



/********************************************************************************************************************/
/***************************************** * GLOBAL PREDICTABLE ELEMENTS * *******************************************/
/********************************************************************************************************************/

body {line-height:1; color:black; background:white;background-image:url(../images/background.gif);background-repeat:repeat-x;}


/* GENERIC */
p, .cell, li  {font-size:12px;line-height:18px; color:#666;}
p {margin:2px 0 6px 0;}


h1, h2, h3, h4, h5 {margin:0;padding:0;font-weight:bold;color:#333;}
h1 {font-size:20px;line-height:22px;color:#666;margin-top:15px;margin-bottom:7px;}
h2 {font-size:16px;color:#999;margin-top:25px;margin-bottom:3px;}
h3 {font-size:12px;color:#666;margin-top:15px;}
h4 {font-size:13px;color:#666;margin-top:5px;font-weight:normal;}

.head {font-weight:bold;color:#666;font-size:13px;line-height:20px;}

a {color:#92278F;}
a:hover {color:#333;text-decoration:underline;}

b, strong {color:#666;}

img.left {float:left;display:inline;margin-right:15px;margin-bottom:15px;border:1px solid #ccc;}
img.right {float:right;display:inline;margin-left:15px;margin-bottom:15px;border:1px solid #ccc;}

.clear {float:left;display:block;clear:left;height:0;}

.column {float:left;display:block;padding-right:1px;}
	
	
	/*.column .content {padding:10px 10px; margin-top:1px;}
    	.column .content p {margin-top:10px;}*/
 
/* BASE STYLES FOR CELL/ROW STRUCTURES ***********************************************************************************************/	 
.copy {float:left;display:inline;width:670px;margin-left:20px;margin-bottom:20px;} /* any page with subnav gets a width of 635px and a 20px left margin - without gets 910px and no margin; */
	.copy ul {margin:10px 0;margin-bottom:15px;}
		.copy ul li, .copy ol li {margin-left:30px;margin-bottom:3px;}
		.copy ul li {list-style:disc;}

.row, .cell {float:left;display:inline;width:635px;}
     .cell {padding:5px 10px;border-right:solid 1px #fff;border-bottom:1px solid #fff;background:#f9f4f9;}
	
	
/* FORMS ***********************************************************************************************/		

/* table-less*/
#form {float:left;display:inline;width:599px;margin:20px 0;padding:1px;border:1px solid #efe2ef;}
	div.th, div.label, div.field, div.submit, .twoCol {padding:4px 7px;height:24px;}
	div.th {margin-top:10px;}
	div.address_label, .address_field {padding:3px 7px;height:42px;}
		div.address_field input {margin-bottom:2px;}
	
	div.row {width:599px;clear:left;margin-top:1px;}
		div.twoCol {float:left;display:inline;width:589px;background:#f5f5f5;text-align:center;}
		div.label {float:left;display:inline;width:120px;background:#f9f4f9;text-align:right;border-right:1px solid #fff;}
		div.field {float:left;display:inline;width:450px;background:#f5f5f5;}
			div.field input[type="text"], div.field textarea {width:300px;}		
			
		div.tall .label, div.tall .field {height:50px !important;}
		div.optIn {margin-top:10px;}	
	
	div.th, div.submit {float:left;display:inline;width:585px;color:#666;background:#efe2ef;font-weight:bold;}
	div.submit {text-align:right;clear:left;}		

/* tables*/
table.form {float:left;display:inline;width:599px;padding:1px;background:#fff;border:1px solid #efe2ef;}	
		table.form th, table.form td {padding:4px 7px;background:#f9f4f9;}
		
		table.form th.header { background:#efe2ef; }
		
		table.form td.requiredKey {width:589px;background:#f5f5f5;text-align:center;font-size:12px;}
		table.form td.formLabel {width:150px;background:#f9f4f9;text-align:right;}
		table.form td.formField {width:421px;background:#f5f5f5;}
			table.form td.formField input[type="text"], table.form td.formField textarea {width:320px;}	
			table.form p {margin:5px 0 0 0;}
			.optIn {float:left;clear:left;margin-top:5px;}
			
			 /* THIS IS ONLY USED ON THE PRO_DONATION PAGE */
			 .donationTypeToggleBox { display:none; width:305px; padding:10px; background:#fdfdfd;border:1px solid #ccc;margin:5px 0;}
			 	 .donationTypeToggleBox input[type="text"] {width:250px!important;}
			
			table.form table {width:331px;background:#fff;}
				table.form table td {padding:4px 7px;background:#f9f4f9;}
				table.form table td.formLabel {width:130px;background:#f9f4f9;text-align:right;}
					table.form table td.formField input[type="text"], table.form table td.formField textarea {width:172px;}	
					table.form table td.formField select {/*width:140px;*/margin-top:5px;}
					table.form table td.formField select:first-child {margin:0;}
				table.form table td.formField {width:183px;background:#f5f5f5;}
				
				table.form td.creditcard {padding:0;background:#efefef;}
				
				
				table.form td.section { background-color:#EFE2EF;font-weight:bold;padding:5px; }
								
	table.form td.submit {background:#EFE2EF;text-align:right;height:35px;}
	
/********************************************************/
/* JQUERY VALIDATOR */
input[type=text].error, input[type=textarea].error, input[type=select].error, input[type=file].error, select.error {border:2px solid #c00;padding:3px 1px;}
input[type=radio].error {border:none;}
label.error {border:none;}
/* radio buttons as rendered by .net */
span.error {width:315px; display:block;padding:5px;border:2px solid #c00;}

.messageText {float:left;display:inline;}
	.messageText span.warning, .messageText span.success {float:left;display:block;width:589px;padding:3px 5px;height:22px;line-height:22px;font-weight:bold;}
	.messageText span.warning {background:#fcfcda;color: #c00;}
	.messageText span.success {background:#edf6e1;color: #3f6f00;}
	
	
			
		
/********************************************************************************************************************/
/***************************************** * BASE STRUCTURE * *******************************************************/
/********************************************************************************************************************/
#wrapper {margin:0 auto; width:948px;}


/* ALL TOP NAVIGATION INCLUDIND DROPDOWN ***********************************************************************************************/	 
#header {margin-top:30px; border:solid 1px #f2f0e8;  border-bottom:none; background:url(../images/header_bg.jpg) repeat-x; background-position:50px 0; float:left; display:inline;width:948px;}
    #logo {float:left; display:inline;margin:15px 0 0 15px;}
    
    #header_top_nav {float:right; display:inline; background:url(../images/header_top_gradient.jpg) repeat-y; width:654px; padding-right:45px;}
        #header_top_nav li {float:right; display:inline; margin:0 5px;font-size:11px;line-height:30px;color:#ccc;}
        #header_top_nav a,#header_top_nav a:link,#header_top_nav a:hover,#header_top_nav a:active {text-decoration:none;color:#846260;font-size:11px;}
    
    .header_inspired_care {margin:75px 0 0 105px;float:left; display:inline;}   
    
    #header_right_nav { float:right; display:inline; background:url(../images/header_right_nav.gif) repeat-x; margin:11px 0 0;}
        #header_right_nav li { float:left; display:inline; margin:0 1px; background:url(../images/header_right_nav_item.gif) repeat-x; width:80px; color:#846260; font-size:11px; line-height:14px;}
        #header_right_nav li.active {background:url(../images/header_right_nav_item-hover.gif) repeat-x; color:#92278f;}		
        #header_right_nav a,#header_right_nav a:link,#header_right_nav a:hover,#header_right_nav a:active {display:block;width:70px;height:48px;padding-top:50px;padding-left:10px;color:#846260;text-decoration:none;}
		#header_right_nav li.active a {color:#92278F;}
        
    #header_bottom_nav {float:left; display:inline;background:url(../images/header_bottom_nav.jpg) repeat-x; width:918px; color:#ffffff; font-size:10px; line-height:31px; margin:1px 0; padding-left:30px; font-weight:bold;}
        #header_bottom_nav li {position:relative;float:left; display:inline; margin:0 2px; line-height:31px;color:#fff;} 
        #header_bottom_nav a,#header_bottom_nav a:link,#header_bottom_nav a:hover,#header_bottom_nav a:active { font-size:11px;text-decoration:none; color:#ffffff;margin:0 7px;}
        #header_bottom_nav a:hover {color:#fdb813;}
        
    #header_bottom_nav .subnav {border:solid 1px #92278f; position:absolute; padding:20px 0 20px 30px; display:none; top:31px; left:0;}
        #header_bottom_nav .subnav li {display:block; clear:left; white-space:nowrap;margin:0; margin-right:30px; line-height:25px;font-weight:normal;}
        #header_bottom_nav .subnav a,#header_bottom_nav .subnav a:link,#header_bottom_nav .subnav a:hover,#header_bottom_nav .subnav a:active {font-weight:normal;text-decoration:underline; color:#92278f;font-size:12px;}
        #header_bottom_nav .subnav a:hover {color:#333;}
            .subnav ul {float:left; display:inline;}
        
        #header_bottom_nav #pc_subnav {left:-75px;}
        #header_bottom_nav #sv_subnav {width:600px;}
		
		#header_banner {float:left;display:inline;width:944px;height:310px;z-index:2;}
		#header_banner_content {height:310px;}
		
 
/* CHANGING CONTENT AREA ***********************************************************************************************/
#content_wrapper {float:left; display:inline;background:url(../images/content_border_gradient.jpg) repeat-x top;width:950px;}
    #content {float:left; display:inline;background:#fff url(../images/content_top_gradient.gif) repeat-x top;width:948px;margin:0 1px;padding-top:25px;font-size:12px;line-height:18px;}		
	   
	   /* SIDEBAR PAGE SUBNAV ***********************************************************************************************/
		.sidebar { width:200px;margin-left:11px;margin-bottom:20px;}
			 .sidebar ul {width:100%;background:url(../images/aboutus_list_rpt.gif) repeat-y;}
				 .sidebar ul li {padding:8px 20px; margin:1px 6px; background-color:#f1e5f1;line-height:15px;}
					.sidebar ul li a {text-decoration:none;}
					.sidebar ul li a.active {color:#666; /*font-weight:bold;*/}    
			
					.sidebar ul li.ul_header {background:url(../images/aboutus_list_header.gif) repeat-y; margin:1px 0px; padding:10px 0 1px 3px;line-height:24px;font-weight:bold;}
						.sidebar ul li.ul_header a {background:url(../images/orangeSquare_p.gif) no-repeat 10px 1px; padding-left:27px;text-decoration:none; color:#fff; word-spacing:1px;font-size:11px;}
					.sidebar ul li.ul_footer {background:url(../images/aboutus_list_footer.gif) repeat-y;line-height:33px;padding:0;margin:1px 0px;}			
		
		 /* PRINT CONTENT LINK ***********************************************************************************************/
		#content .print {float:left;display:inline;width:928px;text-align:right;padding-right:20px;background:#f9f4f9;border-bottom:1px solid #fff;font-size:9px;}
			#content .print a {color:#999;text-decoration:none;line-height:24px;}
			#content .print a:hover {color:#666;}

/* FOOTER ***********************************************************************************************/
#footer {float:right; display:inline; width:948px;}
    #footer p {color:#999; font-size:11px; float:right; display:inline;}
    #footer_nav {float:left; display:inline; width:948px;background:url(../images/footer_gradient.jpg) repeat-y; color:#846260;font-size:12px; padding-left:15px;}

        #footer_nav li {float:left; display:inline; line-height:71px;margin:0 5px;}
        #footer_nav a {text-decoration:none;color:#846260;font-size:11px;} 
 
      	
/********************************************************************************************************************/
/***************************************** * PAGES * *******************************************************/
/********************************************************************************************************************/


/* HOMEPAGE ***********************************************************************************************/
#homepage {float:left; padding-left:2px;background-color:#fff; width:946px;margin-top:-25px;}
    #homepage .column {width:314px; background:url(../images/home_article_divide.gif) no-repeat right 50px;}
		#homepage .column p, #homepage .column h3  {padding:0 10px;}
	
		#homepage .column h2 {margin:1px 0;}
    	#homepage .column h3 {font-size:16px;margin:0;padding-top:15px;}
    	#homepage .column .date {margin-top:3px;color:#666;}
    
	#homepage .purple_gradient_content {background:url(../images/home_content_purple.gif) repeat-x;background-position:top;min-height:250px;padding-top:20px;}
   
	#homepage .column_end {background:none;}
        #homepage .column h2 {background:url(../images/yellow_gradient.jpg) repeat-x;font-size:12px;line-height:37px;}
            #homepage .column h2 span {color:#666;background:url(../images/orangeSquare_o.gif) no-repeat 10px 1px; padding-left:29px; text-decoration:none;line-height:37px;}


/*  ??? ***********************************************************************************************/	
	.purple_gradient {background: #fff url(../images/header_subnav_gradient.jpg) repeat-x; background-position:top;color:#fff;}
	.gray_gradient {background: #fff url(../images/content_top_gradient.gif) repeat-x;border:1px solid #fff;padding:10px 0;}
	.purple_box {float:left; display:inline; padding:20px 30px; border:solid 1px #efe2ef; background-color:#faf5fa;}
			
			

/* ABOUT US *********************************************************************************************	**/ 
    .bio_listing_header .cell {color:#666;background:#efe2ef;font-weight:bold;}
		
	.copy .full_name {width:180px;}
	.copy .title {width:413px;}

	/* ABOUT US: DETAIL/BIO PAGE ***********************************************************************************************/
		.copy .bio_head { float:left; display:inline; margin-bottom:20px;}		
		.copy .bio_image {float:right; display:inline; margin:10px; width:400px;}
		.copy .bio_copy {clear:left;}
		
		.board_overview {float:left;display:inline;width:160px;}
			.board_images {float:left;display:inline;width:580px;background: #faf3fa;padding:10px 40px;}
			.bio_container {float:left;display:inline;}
				.bio_container img {position:relative;z-index:3000;margin:-25px 15px 20px 10px;}
				.bio_container p {margin-top:20px;}
		

/* FIND A PHYSICIAN ***********************************************************************************************/		
			
	.full_name, .full_name_th, .specialty, .specialty_th {float:left; display:inline;width:200px;padding:3px 7px;height:21px;background:#f9f4f9;color:#666;}
		.specialty, .specialty_th {width:370px;border-left:1px solid #fff;}
		.full_name {width:200px !important;}
		
		.specialty_th, .full_name_th {background:#efe2ef;font-weight:bold;}
		
	
	/* FIND A PHYSICIAN: DETAIL PAGE ***********************************************************************************************/
	.findphysician_details {float:left;display:inline;width:340px;}
		.findphysician_details_top {padding:10px 0;}
	.findphysician_image {float:right;display:inline;padding:10px;width:250px;background-color:#efefef;border: 1px solid #ccc;}
	

/* 	HEALTH EDUCATION ***********************************************************************************************/		

.publicClassesTable {float:left;display:inline;width:599px;margin:20px 0;padding:1px;border:1px solid #efe2ef;}

.publicClassesTable table {float:left;display:inline;width:599px;background:#fff;color:#666;}
	.publicClassesTable table td, .publicClassesTable table th  {padding:2px 7px;background:#f9f4f9;border:1px solid #fff;vertical-align:middle;}
	.publicClassesTable table td.register {background:#fff;} 
	.publicClassesTable table th {background:#efe2ef;font-weight:bold;}

   
/* NEWS ***********************************************************************************************/
	.row .date { width:180px; }
	.row .title {width:413px;}
			
    .single_header {float:left;display:inline; margin-bottom:20px;}
    .single_copy {clear:left;}
	

.row .odd  {background-color:#efefef;}



span.required {color:#FF0000; padding-right:3px;}
.messageText {font-weight:bold; color:#FF0000; padding:0px 10px 0px 0px; line-height:25px;}


/* GENERIC TABLES ***********************************************************************************************/
	
.table {float:left;display:inline;margin:20px 0;padding:1px;border:1px solid #efe2ef;}	
.table table {float:left;display:inline;background:#fff;color:#666;}
.table table td, .table table th {padding:7px 12px;background:#f9f4f9;border:1px solid #fff;vertical-align:middle;}
.table table th {background:#efe2ef;font-weight:bold;}



/* SITEMAP ***********************************************************************************************/

#sitemap ul {padding:1px; border:1px solid #f9f4f9;}
#sitemap ul li {padding:3px 20px;margin:1px 0; background-color:#f9f4f9; list-style:none;}
#sitemap ul li.header { background-color: #f1e5f1;color:#666; font-weight: bold;list-style:none;}
#sitemap ul li a {text-decoration:none;}
#sitemap ul li a.active {color:#666;}


/********************************************************************************************************************/
/***************************************** * ADMIN STYLES * *******************************************/
/********************************************************************************************************************/


.adminTable {background-color:#ccc;width:585px;font-size:13px;}
.adminTable td, .adminTable th {padding:12px;background:#fff;border:1px solid #ccc;}
.adminTable th {background-color:#efefef;}
.adminTable .altRow td {background:#eaeaea;}
.adminTable td.rowHeader {background:#efefef;text-align:right;vertical-align:top;}
.adminTable td.nav {background:#666;}

.admainTable td a:visited {color:#333;}







