/* CSS Document */

#container {
	/* Edits to the background color of the main body go here */
	background-color: #FFFFFF;
	}

#topBar {
	background-color:#003366;
	border-bottom:#660000 solid 2px;
	color:#FFFFFF
	}
		
a.topBar {
	color:#FFFFFF;
	}
		
#header {
	/* Edits to the background color of the title/logo area go here */
	background-color:#2F79C2;
	}
	
/* This styles the text elements of the Dr. Locator form.  Change the color element for condo branding needs. */
form.DrLocator {
	color: #FFFFFF;
	}

/* Swooping border elements */

/* Defines the stright part of the left side swoop.  Contains the Affiliate drop-down box and search box.  The background-image attribute in the global brand stylesheet controls the appearance.  The background image is repeated horizonally across the element. The background image dimensions should be 5px wide and 40px tall. */
#LeftBorder, #LeftBorderPrint {
/* Edit the image element to change the branding */
	background-image:url(../images/LeftBorder.jpg);
	}
	
#LeftSwoop {
	background-image:url(../images/LeftSwoop-White.jpg);
	}
/* LeftSwoop must be page dependent because different page types have different backgrounds.  Therefore, assign the LeftSwoop branding at the Page-specific branded stylesheets. */

/* Styles the border which separates the left swoop from the right swoop.  Edit the background-color and border-color attributes to change branding for condos.*/		
#borderRule, #borderRulePrint {
	/* Defines the inner color */
	background-image:url(../images/borderRule.gif);
	/* Defines the border color */
	border-color: #003366;
	}

/* Defines the color of the links in the border elements which divides the top-right swoop from the bottom-left swoop.*/	
#borderRule a, #borderRulePrint a {
	color: #660000;
	font-family:Arial, “Helvetica Neue”, Helvetica, sans-serif;
	font-size:11px;
	}

/* The hyperlinks in the borderRule element can change color when the user hovers the mouse over them.  This determines which color the hyperlink is when hovered over. */
#borderRule a:hover, #borderRulePrint a:hover {
	color:#2C2C2E;
	}
	
/* Defines the right swooping border, minus the curved element.  Alter the border image to reflect the brand colors (the completed image should be 5px wide and 40px tall), give it a new filename and change the background-image element to reflect the new border. RightSwoop element in the page-dependent branding stylesheets.  Different page types call fro different backgrounds, which requires the RightSwoop to be page-dependent. */
#RightBorder, #RightBorderPrint {
	/* Edit the image element to change the branding */
	background-image:url(../images/RightBorder.jpg);
	}
	
/* Defines the curving graphic of the right swooping border.  Edit the background-image attribute to change branding. */
#RightSwoop {
	background-image:url(../images/RightSwoop.jpg);
	}
			
/* Defines the background color of the area below the header. Edit the background attribute to change branding. */
#body {
	background: #FFFFFF;
	}

/* Top-level element of the expandable/collapsible menu */
span.listParent {
	background:#2F79C2;
	}
	
/* Styles the font color of the top-level element of the expandable/collapsible menu */
a.listParent {
	color:#FFFFFF;
	}	
	
ul.redMenu li a,
.menu {
	color: #003366;
	}
	
/* Expandable/collapsible menus */
#containerul li {
	background:#FFFFFF;
	}
	
/* Defines the top-level links in the expandible/collapsible menus.  Color attribute defines text color.  Background defines background color. */
a.healthyVisionMenu, a.healthyVisionMenu:visited {
	color: #FFFFFF;
	background-color:#2F79C2;
	}

/* Defines the bulleted links in the expandible/collapsible menus. Color attribute defines text color. */
#containerul li ul li a {
	color: #003366;
	}

/* Defines the hovering action of the bulleted items in the expandable/collapsible menus */		
#containerul li ul li a:hover {
	border-color:#666666;
	/* background: #F5F5F5; */
	}
	
/* Defines the visited state of the bulleted items in the expandable/collapsible menus */		
#containerul li ul li a:visited {
	color: #666666;
	}
	
/* Defines the background and border color of the footer element */
#footer, #footerPrint {
	/* This is the inner background color.  It should reflect the darkest of the site's brand colors */
	background-color:#003366;
	/* This is the outer background color.  It should reflect the hottest site color, or the border color in the header swoop graphic. */
	border-color: #2F79C2;
	/* This defines the text color. */
	color: #FFFFFF;
	}

/* Defines the color of the hyperlinked text in the footer element */
#footer a, #footerPrint a {
	color: #FFFFFF;
	}
	
/* Defines the color of the copyright text at the bottom of the page. */
#copyright {
	color:#000000;
	}
	
/* Font Styles */

h1.centerTitle {
	color:#ffffff;
	background: #610000 /*url(../Images/titleBG.gif)*/;
/*	border: #003366 solid 2px;*/
	}
	
h2 {
	color:#003366;
	margin-top:40px;
	}
	
h3, a.h3 {
	color:#FFFFFF;
	}

h4 {
	color: #660000;
	}

/* Defines the burgundy bulleted lists found in the Center elements and in the expandable menus */
ul.redMenu, 
seeAlso ul.redMenu,
ul.redMenu li a:link, 
seeAlso ul.redMenu li a:link,
ul.redMenu li a:hover, 
seeAlso ul.redMenu li a:hover,
ul.redMenu li a:visited, 
seeAlso ul.redMenu li a:visited,
ul.redMenu,
ul.redMenuLogin li a:link,
ul.redMenuLogin li a:hover,
ul.redMenuLogin li a:visited,
td.redMenu {
	color: #003366;
	}
	
.headerLink, .headerLink:hover {
	color: #FFFFFF;
	}
	
a.more {
	color:#003366;
	}

.small, .smallText {
	color:#000000;
	}
	
.topItem {
	color: #660000;
	}
		
/* Defines the text color of the issue dates imported through the AOANews RSS. */
.newsDate {
	color:#666666;
	}
/*Defines the border color for the images imported through the AOANews RSS. */
.newsImage {
	border-color: #003366;
	}
	
	
#joinNow { height:auto; padding:25px 10px 10px 5px;}
#joinNow p {padding-left:10px;}

a.headerUsername, a.headerUsername:visited {font-weight:normal;text-decoration:underline;color:#fff;}

/* Topic Center Sections */
h2.topicCenterHeadline {font-weight:normal}
.topicCenterArea {float:left;margin-right:10px}
.topicCenterArea h2 {margin-top:0}
#topicSectionTopRow {min-height:295px} 
.topicCenterAreaBody {min-height:295px;float:left} 
#topicSectionBottomRow  .topicCenterAreaBody {margin-right:5px;padding-right: 5px;}

/* EHR Sections */
.TopicCenter #Content.noNav {padding-left:15px;width:960px}

.topicCenterAreaBody h2 {color:#fff;font-weight:normal;padding:10px 10px 10px 15px;}

.aboutEHR {background:#d9eccf;}
.aboutEHR h2 {background:url('../images/about-ehr-background.jpg') repeat-x #00722e;}
.aboutEHR ul li, .aboutEHR ul li a {color:#000;font-weight:bold;font-size:13px;}
.aboutEHR ul li {margin-bottom:20px}
.aboutEHR ul li a {text-decoration:underline;}


.latestNews {background:#0071bc;}
.latestNews ul {list-style:none;padding-left:0;margin-left:15px;margin-right:15px;}
.latestNews ul li {border-bottom:solid 2px #00558d;padding-bottom:10px}
.latestNews ul li, .latestNews ul li a {color:#fff}
.latestNews h2 {background:url('../images/latest-news-background.jpg') repeat-x #02386a;}

.ehrDeadlines {background:#eeedee}
.ehrDeadlines h2 {background:url('../images/ehr-deadlines-background.jpg') repeat-x #de0000;}
.ehrDeadlines p {padding:5px 10px;}

/* .x18599 #topicSectionTopRow {height:520px;}
.x18599 .topicCenterAreaBody {height:520px;}
*/

/* 3D Eye Health Center Styles */
.x20026 h2, .x20026 h3 {color:#333;font-family:arial, sans-serif;font-weight:bold}
.x20026 #bottomLeft h2 {font-size:41px;line-height:34px;margin-top:0;width:479px;font-weight:normal;color:#6c6969;letter-spacing: -2px;margin-bottom: 8px;}

.x20026 #bottomCenter h2 {font-size:30px;margin-top:5px;font-weight:normal;margin-left: -16px;border-bottom: 1px solid #888;}

.x20026 #bottomCenter  .topicCenterAreaBody {border-right:none;height:560px;width:383px;margin-top:10px;margin-left:23px;}
.x20026 #topicSectionBottomRow .topicCenterAreaBody {border-right:none;position: relative;}
.x20026 #topicSectionTopRow #topLeftContent {width:528px !important;}
.x20026 .topicCenterAreaBody, .x20026 #topicSectionTopRow  {height:auto;}

.x20026 #bottomLeft  .topicCenterAreaBody {background: #ede8e3;margin-top:10px;margin-right:10px;width:494px;padding: 20px 0;position: relative;}
.x20026 #bottomLeft  .topicCenterAreaBody a {color:#222;font-weight:bold;text-decoration:underline;}

.3dStarterKit {padding:20px !important;}
.x20026  #topLeftContent .topicCenterAreaBody {padding:15px 10px;}

.x20026 #topicSectionThirdRow h2 {font-size:36px;display:block;border-bottom:solid 1px;padding-left:0}
.x20026 #topicSectionThirdRow .topicCenterAreaBody {width:930px;margin-left:9px;margin-top:46px;*margin-top:120px}

h4.3dSubHead {color:#fff;background:#c3bfbb;font-size:16px;font-family:arial, sans-serif;padding:5px;text-align:center;font-weight:bold;}

#threeDGettingStarted {padding-left: 14px;margin-left: 3px;}
#threeDGettingStarted li, #threeDClinicalResources li {float:left;margin-right:5px}
#threeDGettingStarted li a, #threeDClinicalResources li a {display:block;text-decoration:none;width:151px;height:84px;text-decoration:none !important;color:#454545;font-family:arial, sans-serif;font-size:16px;font-weight:normal;}

#threeDGettingStarted li a:hover, #threeDClinicalResources li a:hover {text-decoration:underline;}
#threeDGettingStarted li a span, #threeDClinicalResources li a span {position:relative;font-weight: normal;text-align: center;display: block;}

#threeDClinicalResources {padding-left:30px;margin-left: 0;}
#threeDClinicalResources li {margin-right:16px}
#threeDClinicalResources li a {width:208px;height:66px;}
#threeDParaEducation, #threedDoctorEducation {background: url("../images/3d/para-education.png") no-repeat;}
#threeDParaEducation span, #threedDoctorEducation span {top:13px;}

#threeDEducation {background: url("../images/3d/education.png") no-repeat;}
#threeDEducation span {top:31px;}

#threeDCommunity {background: url("../images/3d/community-outreach.png") no-repeat;}
#threeDCommunity span {top:21px;}

#threeDPractice {background: url("../images/3d/practice-materials.png") no-repeat;}
#threeDPractice span {top:21px;}

#orderStarterKit {text-align:center;padding:15px;font-size:16px;}
#orderStarterKit a {font-family:arial, sans-serif;position:relative;top:-10px;}

.x20026 .topicBanner {margin-left:5px;margin-top:0px;margin-bottom:0px}

#didYouKnow {font-family: arial; background: url(/images/did-you-know.png) no-repeat scroll 0 0 transparent;height: 90px;width: 510px;position: absolute;top: 500px;*top:520px;left: 0;}
#didYouKnow h4 {font-size: 22px;margin-left: 139px;text-align: left;text-transform: uppercase;padding-bottom:0;}
#didYouKnow  span {display: block;font-size: 11px;text-align: center;width: 341px;padding-left: 66px;font-size:12px!important}

/* .x20026 #topLeftContent .topicCenterAreaBody + p {width:455px;} */




.x20026 h4 {color:#6a6868;background:#c3bfbb;font-size:16px;font-family:arial, sans-serif;padding:5px;text-align:center;font-weight:bold;}

.x20026 #topicSectionThirdRow h4, #didYouKnow h4 {color:#222;font-family:arial, sans-serif;font-weight:bold;font-size:16px;background:none;} 
.starterKitWrapper {
    background: none repeat scroll 0 0 #C89D1C;
    margin-bottom: 28px;
    margin-left: -26px;
    margin-top: -23px;
    padding: 0 0 2px 50px;
    width: 454px;
}

.x20026 .3dPracticeResources h4 {color:#fff;background:#c3bfbb;font-size:16px;font-family:arial, sans-serif;padding:5px;text-align:center;font-weight:bold;}

#previousPressReleases {
	background:url('/images/3d/3d-swirl.png') no-repeat 430px 0px;
    border-left: 1px solid;
    float: right;
    padding: 10px 10px 10px 51px;
    width: 450px;
}

.page-x20034 h3 {font-weight:normal;text-align:left;color:#222;height:37px;margin-top:35px;font-family:arial, sans-serif;font-size:20px;}
.page-x20034 p {margin-left: 14px;width:620px;}
.page-x20034 h2 {font-size: 28px;font-family:arial, sans-serif;border-bottom:solid 1px;}
.page-x20034 p, .page-x20034 ul li, .page-x20034 ul li a{font-family:arial, sans-serif;}

/* End 3D Eye Health Styles */

h2.topicCenterHeadline {background:url('../images/second-row-headline-background.jpg') repeat-x #530090;color:#fff;padding:10px;margin-bottom:0;margin-top:20px}

#topicSectionBottomRow {height:516px;margin-top:0px;padding: 0px 10px 10px;}
.x20026 #topicSectionBottomRow {border-top: 1px solid #C8C8C8; padding: 25px 10px 10px;}
#topicSectionBottomRow  .topicAreaSecondRow h2 {color:#671790;padding-left:0;font-weight:bold;margin-top: 11px;}

.moreLatestNews {color:#fff;font-size:10px;text-align:right;display:block;margin-right:15px;margin-top:10px;}

.last {border-right:0px}
#bottomRight ul {width:250px}

/* RIC styles */
.ricList {list-style:none;padding-left:0}
.ricList li {padding-left:0}
.ricTitle {background:#008ace;color:#fff;width:520px;padding:10px;font-family:arial, sans-serif;font-size:18px;font-weight:normal;margin-bottom:0;}
.ricSection {background:#d7d7d7;width:520px;padding:10px;margin-bottom:3px;}
.ricSection p {width:auto !important;}
.ricSection h3 {font-family:arial, sans-serif;font-size:18px;font-weight:normal;color:#000;padding-left:0}
.ricSubhead {color:#000;font-weight:bold;font-size:14px;background:#d7d7d7;padding:5px;width:530px;margin-bottom:15px;margin-top:5px}
/* End RIC styles */

/* Connect Coming Soon page */

#connectComingSoonDetails {*margin-left:-70px}
#connectComingSoonLogo {*margin-left:10px}
#connectComingSoonWrapper {*margin-left:172px !important}


/* CPC Redesigned Pages - BPM */

#AdGroup .qlinks-menu {text-align:left; margin:0px 0 15px 5px; background-color:#ffffcc; padding:10px 0; width:190px;}

#AdGroup .qlinks-menu h2 {text-align:center; color:#660000; margin-top:0;}

#AdGroup .qlinks-menu ul {margin-left:0px;}

#AdGroup .qlinks-menu ul li {list-style:none;}

#AdGroup .qlinks-menu ul li a {color:#660000;}

#cpc-leftnav {width:275px; float:left; }
#cpc-leftnav span {font-size:10px; padding-left:20px; display:block; }
#cpc-leftnav ul li{font-weight:bold; list-style:none; padding:0; margin:0 0 12px -20px;}
#cpc-leftnav ul img {margin-left:-20px;}
#cpc-leftnav ul ul li {margin-left:-40px;}