/************** GENERAL STYLES **************/

.hp_body {
	font-family: 'Droid Serif', serif;
	margin:0 auto;
	width:980px;
	color:#000000;
	background:#fff url('/ACOGProject/ACOG/frontend/ACOGHomeRedesign/site/css/images/background.png') repeat-x;
	font-size:11px;
	line-height:1.2;
}

.headerWrapper p.hp_p, 
.hp_contentWrapper p.hp_p, 
.topFooterWrapper p.hp_p, 
.bottomFooterWrapper p.hp_p, 
.headerWrapper p.hp_p a.hp_a, 
.hp_contentWrapper p.hp_p a.hp_a, 
.topFooterWrapper p.hp_p a.hp_a, 
.bottomFooterWrapper p.hp_p a.hp_a {
	font-size:11px;
	line-height:1.2;
	margin-top:0.25em;
	font-family: 'Droid Serif', serif;
}

.headerWrapper a.hp_a, 
.hp_contentWrapper a.hp_a, 
.topFooterWrapper a.hp_a, 
.bottomFooterWrapper a.hp_a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
	line-height:1.2;
	font-family: 'Droid Serif', serif;
}

.headerWrapper a.hp_a:hover, 
.hp_contentWrapper a.hp_a:hover, 
.topFooterWrapper a.hp_a:hover, 
.bottomFooterWrapper a.hp_a:hover {
	text-decoration:underline;
}

/* ##### added style for the hover 
requested by Mark G completed by Joe M. 
2/13/2015 #####*/
a.hp_a:hover{color:#385b8b}
.size1of2 ul li a:hover{color:#385b8b}
.blue .ui-accordion a:hover{color:#385b8b}
/* ##### end ##### */

h1.hp_h1 {
	font-size:22px;
	font-family: "source-sans-pro";
}

h2.hp_h2 {
	font-size:20px;
	font-family: "source-sans-pro";
}

h3.hp_h3 {
	margin:0 0 0.75em 0;
	font-size:17px;
	font-family: "source-sans-pro";
	font-weight:bold;
}

h4.hp_h4 {
	margin:0;
	padding:0.5em;
	font-size:13px;
	font-family:'Droid Serif', serif;
}

h5.hp_h5 {
	margin:0.25em 0 0.5em 0;
	font-size:12.5px;
	line-height:1.3;
	font-family:"source-sans-pro";
}

h5.hp_h5 a.hp_a {
	font-size:12.5px;
	line-height:1.3;
	font-family:"source-sans-pro";
	font-weight:500;
}

.headerWrapper img, 
.hp_contentWrapper img, 
.topFooterWrapper img, 
.bottomFooterWrapper img {
	border:none;
}

.headerWrapper ul, 
.hp_contentWrapper ul, 
.topFooterWrapper ul, 
.bottomFooterWrapper ul {
	padding:0;
	margin:0;
}

.headerWrapper ul li, 
.hp_contentWrapper ul li, 
.topFooterWrapper ul li, 
.bottomFooterWrapper ul li {
	margin-left:1.5em;
	padding:0;
	clear:both;
	font-size:11px;
	font-family: 'Droid Serif', serif;
}

.headerWrapper ul li a.hp_a, 
.hp_contentWrapper ul li a.hp_a, 
.topFooterWrapper ul li a.hp_a, 
.bottomFooterWrapper ul li a.hp_a{
	font-size:11px;
	font-family: 'Droid Serif', serif;

}

/* 2/18/15 edits by Joe M. to match exisiting footer, Mark G requested 
### SEE BELOW ### */
.bottomFooterWrapper ul li a.hp_a{	
	font-family: Lucida Sans Unicode, Lucida Grande, Lucida Grande, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#3366cc;
}
/* end edits */

.headerWrapper input, 
.hp_contentWrapper input, 
.topFooterWrapper input, 
.bottomFooterWrapper input {
	padding:0.35em 3em 0.35em 0.5em;
	border:1px solid #666666;
	z-index:-1;
}

.headerWrapper img.searchIcon1 { /* Global Search Bar Icon */
	border-left:1px solid #666666;
	padding-left:0.5em;
	z-index:1;
}

.hp_contentWrapper img.searchIcon2 { /* Homepage Keyword Search Bar Icon */
	border-left:1px solid #666666;
	padding-left:0.5em;
	z-index:1;
}

.headerWrapper ul.hlist, 
.hp_contentWrapper ul.hlist, 
.topFooterWrapper ul.hlist, 
.bottomFooterWrapper ul.hlist { 
	padding: 0;  
	display:inline-block; 
	list-style-type: none;
	margin:0 auto; 
}

.headerWrapper ul.hlist li, 
.hp_contentWrapper ul.hlist li, 
.topFooterWrapper ul.hlist li, 
.bottomFooterWrapper ul.hlist li { 
	margin: 0; 
	padding: 0; 
	clear: none; 
	list-style-type: none; 
	float: left;
}

.headerWrapper .hlist a.hp_a, 
.hp_contentWrapper .hlist a.hp_a, 
.topFooterWrapper .hlist a.hp_a, 
.bottomFooterWrapper .hlist a.hp_a { 
	float: left; 
	display: block; 
	padding:0 0.75em; 
}

.headerWrapper ul.separated li, 
.hp_contentWrapper ul.separated li, 
.topFooterWrapper ul.separated li, 
.bottomFooterWrapper ul.separated li {
	border-right:1px solid #a3a3a3;
}

.headerWrapper ul.spaced li, 
.hp_contentWrapper ul.spaced li, 
.topFooterWrapper ul.spaced li, 
.bottomFooterWrapper ul.spaced li {
	padding-bottom:1em;
}

.headerWrapper .padding, 
.hp_contentWrapper .padding, 
.topFooterWrapper .padding, 
.bottomFooterWrapper .padding {
	padding:0.5em 1em;
}

.headerWrapper .clear, 
.hp_contentWrapper .clear, 
.topFooterWrapper .clear, 
.bottomFooterWrapper .clear {
	clear:both;
}

.headerWrapper .left, 
.hp_contentWrapper .left, 
.topFooterWrapper .left, 
.bottomFooterWrapper .left {
	float:left;
	padding-right:0.5em;
}

.headerWrapper .right, 
.hp_contentWrapper .right, 
.topFooterWrapper .right, 
.bottomFooterWrapper .right {
	float:right;
}

.headerWrapper .align-center, 
.hp_contentWrapper .align-center, 
.topFooterWrapper .align-center, 
.bottomFooterWrapper .align-center {
	text-align:center;
}

.headerWrapper .align-right, 
.hp_contentWrapper .align-right, 
.topFooterWrapper .align-right, 
.bottomFooterWrapper .align-right {
	text-align:right;
}

.headerWrapper .align-left, 
.hp_contentWrapper .align-left, 
.topFooterWrapper .align-left, 
.bottomFooterWrapper .align-left {
	text-align:left !important;
}

.headerWrapper .last, 
.hp_contentWrapper .last, 
.topFooterWrapper .last, 
.bottomFooterWrapper .last {
	margin-right:0 !important;	
	border-right:none !important;
	border-bottom:none !important;
	padding-right:0 !important;
}

.headerWrapper .image-left, 
.hp_contentWrapper .image-left, 
.topFooterWrapper .image-left, 
.bottomFooterWrapper .image-left {
	float:left;
	padding:0 0.5em 0.5em 0;
}

.headerWrapper .image-right, 
.hp_contentWrapper .image-right, 
.topFooterWrapper .image-right, 
.bottomFooterWrapper .image-right {
	float:right;
	padding:0 0 0.25em 0.25em;
}

.headerWrapper .no-top-margin, 
.hp_contentWrapper .no-top-margin, 
.topFooterWrapper .no-top-margin, 
.bottomFooterWrapper .no-top-margin {
	margin-top:0 !important;
}

.headerWrapper .no-bottom-margin, 
.hp_contentWrapper .no-bottom-margin, 
.topFooterWrapper .no-bottom-margin, 
.bottomFooterWrapper .no-bottom-margin {
	margin-bottom: 0 !important;
}

.headerWrapper .no-bottom-padding, 
.hp_contentWrapper .no-bottom-padding, 
.topFooterWrapper .no-bottom-padding, 
.bottomFooterWrapper .no-bottom-padding {
	padding-bottom:0 !important;
}

.headerWrapper .no-top-padding, 
.hp_contentWrapper .no-top-padding, 
.topFooterWrapper .no-top-padding, 
.bottomFooterWrapper .no-top-padding {
	padding-top:0 !important;
}

.headerWrapper .margin-bottom, 
.hp_contentWrapper .margin-bottom, 
.topFooterWrapper .margin-bottom, 
.bottomFooterWrapper .margin-bottom {
	margin-bottom:0.5em;
}

.headerWrapper a.smallLink, 
.hp_contentWrapper a.smallLink, 
.topFooterWrapper a.smallLink, 
.bottomFooterWrapper a.smallLink {
	font-size:11px;
}

.hp_contentWrapper .largeText a.hp_a, 
.hp_contentWrapper .largeText p.hp_p, 
.hp_contentWrapper .largeText p.hp_p a.hp_a, 
.hp_contentWrapper a.largeText  {
	font-size:13px;
	font-family: 'Droid Serif', serif !important;
	line-height:1.2;
}

.hp_contentWrapper ul.largeText li, 
.hp_contentWrapper .largeText ul li  {
	font-size:13px;
	font-family: 'Droid Serif', serif;
}

.hp_contentWrapper ul.largerText li {
	font-size:14px;
	font-family: 'Droid Serif', serif;
}

.hp_contentWrapper .largerText a.hp_a,
.hp_contentWrapper .largerText p.hp_p a.hp_a {
	font-size:14px;
	font-family: 'Droid Serif', serif !important;
}



/************** LAYOUT **************/

.headerWrapper .size1of1, 
.hp_contentWrapper .size1of1, 
.topFooterWrapper .size1of1, 
.bottomFooterWrapper .size1of1{
	float:left;
	width:100%; 
	margin-right:0;
}

.headerWrapper .size1of2, 
.hp_contentWrapper .size1of2, 
.topFooterWrapper .size1of2, 
.bottomFooterWrapper .size1of2,
.headerWrapper .size2of4, 
.hp_contentWrapper .size2of4, 
.topFooterWrapper .size2of4, 
.bottomFooterWrapper .size2of4{
	width:50%;
}

.headerWrapper .size1of3, 
.hp_contentWrapper .size1of3, 
.topFooterWrapper .size1of3, 
.bottomFooterWrapper .size1of3{
	width:33%; 
	margin-left:0.25em;
}

.headerWrapper .size2of3, 
.hp_contentWrapper .size2of3, 
.topFooterWrapper .size2of3, 
.bottomFooterWrapper .size2of3{
	width:64.6666%; 
	margin-right:0.75em;
}

.headerWrapper .size1of4, 
.hp_contentWrapper .size1of4, 
.topFooterWrapper .size1of4, 
.bottomFooterWrapper .size1of4{
	width:24%;
	margin-left:0.65em;
}

.headerWrapper .size3of4, 
.hp_contentWrapper .size3of4, 
.topFooterWrapper .size3of4, 
.bottomFooterWrapper .size3of4{
	width:75%;
}

.headerWrapper .unit, 
.hp_contentWrapper .unit, 
.topFooterWrapper .unit, 
.bottomFooterWrapper .unit{
	float:left;
}

.headerWrapper .unitRight, 
.hp_contentWrapper .unitRight, 
.topFooterWrapper .unitRight, 
.bottomFooterWrapper .unitRight{
	float:right;
}

.hp_body .section{
	float:left; 
	margin-bottom:0.25em; 
	width:100%;
}


/************** GLOBAL HEADER **************/

.headerWrapper .mainHeader {
	background:#ffffff;
}

.headerWrapper .topBar {
	background:#385b8b;
	color:#ffffff;
	float:left;
	width:97.75%;
	padding: 1em;
}
	
.headerWrapper .topBar a.hp_a {
	color:#ffffff;
}

.headerWrapper .headerTagline {
	margin:2.5em 0;
	width:42.25%;
	text-align:center;
}

.headerWrapper .headerTagline h1.hp_h1 {
	font-family:'Droid Serif', serif;
	font-size:18px;
}

.headerWrapper ul.memberLinks li {
	border-right:1px solid #ffffff;
	margin-right:0.75em;
	padding:0.25em 0.5em 0.25em 0;
	font-family:"source-sans-pro";
	height:12px;
}

.headerWrapper ul.memberLinks li a.hp_a {
	font-size:14px;
	font-family:"source-sans-pro";
}

.headerWrapper ul.memberLinks li img#membersIcon {
	float:left;
	padding-right:0.25em;
	margin-top:-0.25em;
}

.headerWrapper .socialLinks {
	text-align:right;
}

.headerWrapper .mainHeader #logo {
	margin:2em 0 1em 1em;
}

.headerWrapper .socialLinks #socialLabel {
	float:left;
	width:72%;
	padding-top:0.25em;
	font-size:13.5px;
	margin-right:0.25em;
	font-family:"source-sans-pro";
}

.headerWrapper ul.socialIcons li a.hp_a {
	padding:0 0.25em 0 0.25em;
}

.headerWrapper ul.socialIcons li img {
	max-width:20px;
}

.headerWrapper .mainHeader .utility {
	margin:0 0.5em 0.75em 0 !important;
}

.headerWrapper .mainHeader .utility ul.utilityLinks {
	margin:0.5em 0 0.5em 0;	
}

.headerWrapper .mainHeader .utility ul.utilityLinks a.hp_a {
	color:#5e5e5e;
	font-size:13px;
	font-family:"source-sans-pro";
}

.headerWrapper ul.arrowList li {
	list-style-image: url('/ACOGProject/ACOG/frontend/ACOGHomeRedesign/site/css/images/arrow-bullet.png');
}

.headerWrapper ul.arrowList li a.hp_a {
	font-family:"source-sans-pro";
	padding: 2px 0;
	display:block;
}

.headerWrapper .mainHeader .mainSearch {
	position:relative;
	float:left;
	width:100%;
}

.headerWrapper .mainHeader .mainSearch input {
	width:87%;
	position:relative;
	z-index:1;
}

.headerWrapper .mainHeader .mainSearch a.hp_a {
   display: block;
   height: 20px;
   position: absolute;
   right: 8px;
   top: 4px;
   width: 20px;
   z-index: 99;
}

/************** HOMEPAGE TOP NAVIGATION **************/

.headerWrapper .hp_topNav {
	float:left;
	width:100%;
	background:#385b8b;
	margin:0;
}

.headerWrapper .hp_topNav .hp_topNavLinks a.hp_a {
	color:#ffffff;
	font-size:13px;
	font-family: Lucida Sans Unicode, Lucida Grande, Lucida Grande, sans-serif;
	text-decoration: none;
}

.headerWrapper .hp_topNav .hp_topNavLinks li:hover {
	background:#81AB24;
}

.headerWrapper .hp_topNav .hp_topNavLinks li.selected {
	background:#81AB24;
}

.headerWrapper .hp_topNav .hp_topNavLinks li {
	padding:1em;
}


/* MAIN HOMEPAGE CONTENT */

.hp_contentWrapper {
	float:left;
	width:100%;
	background:#ffffff;
}

.headerWrapper .inner, 
.hp_contentWrapper .inner, 
.topFooterWrapper .inner, 
.bottomFooterWrapper .inner { 
	max-width: 1020px;
	margin:0 0.75em;
	float:left;
}
	
.hp_contentWrapper .carousel {
	float:left;
	width:725px;
	min-height:220px;
	margin:-3px 0 0 -8px;
}

.hp_contentWrapper .mod {
	border:2px solid #385b8b;
    border-radius: 10px;
	margin:0.5em 0em 0.75em 0em;
	float:left;
	width:100%;
	overflow:hidden;
}

.hp_contentWrapper .mod .modBody {
	padding:1em;
}

.hp_contentWrapper .mod .modBodyTight {
	padding:0.75em 0.35em 1em 0.35em;
	float:left;
}

.hp_contentWrapper #modBodyShop {
	margin:0;
	float:left;
	padding:0;
}

.hp_contentWrapper .blue h2.hp_h2, 
.hp_contentWrapper .green h2.hp_h2 {
	color:#ffffff;
	padding:0.5em 0.25em;
	text-align:center;
	margin:0;
	text-shadow: 1px 1px #000000;
	font-family: "source-sans-pro";
}

.hp_contentWrapper .blue h2.hp_h2 {
	background:#385b8b;
}

.hp_contentWrapper .green h2.hp_h2 {
	background:#01644f;
}

.hp_contentWrapper .white {
	border:none;
}

.hp_contentWrapper .white h2.hp_h2 {
	text-align:center;
	margin:0.25em;
	font-size:20px;
	font-family:"source-sans-pro";
}

.hp_contentWrapper .physicianBoxList {
	background:#dae0e9;
	margin-bottom:0.75em;
}

.hp_contentWrapper .physicianBoxList ul {
	padding:0 0.5em 0.5em 0.5em;
}

.hp_contentWrapper .physicianBoxList ul li a.hp_a {
	font-size:13px;
	font-family:'Droid Serif', serif;
}

.hp_contentWrapper .physicianBoxList .boxListHeader {
	background:#8298b6;
	color:#ffffff;
	float:left;
	width:100%;
	margin-bottom:0.5em;
}

.hp_contentWrapper .physicianBoxList .boxListHeader a.hp_a {
	padding:0.5em 1em 0.5em 0.5em;
	color:#ffffff;
	font-size:13px;
	font-family:'Droid Serif', serif;	
}	

.hp_contentWrapper .mod .searchSection {
	padding:0.25em 0 0 0;
	position:relative;
}

.hp_contentWrapper .mod .searchSection #searchLabel {
	font-weight: bold;
	float:left;
	width:47%;
	padding-top:0.35em;
	font-family:'Droid Serif', serif;
	font-size:12px;
}

.hp_contentWrapper .mod .keywordSearch input {
	width:41%;
}

.hp_contentWrapper .mod .keywordSearch a.hp_a {
	position:absolute;
	right:6px;
	top:6px;
	width:30px;
	height:20px;
	display:block;
	z-index:99;
}

.hp_contentWrapper .modBodyTight .healthMatters {
	float:left;
	width:47.25%;
	padding:0;
}

.hp_contentWrapper .modBodyTight .healthMatters h3.hp_h3 {
	text-align:center;
	line-height:1.0;
}

.hp_contentWrapper .modBodyTight .healthMatters h3.hp_h3 a.hp_a {
	margin:0 0 0.75em 0;
	font-size:17px;
	font-family: "source-sans-pro";
	font-weight:bold;
}

.hp_contentWrapper .modBodyTight .healthMatters p.hp_p {
	text-align:left;	
}

.hp_contentWrapper .hr {
	padding:0 0.55em;
}

.hp_contentWrapper .videoContent {
	width:31%;
	margin-left:0.25em;
}

.hp_contentWrapper .videoContent h3.hp_h3 a.hp_a {
	font-family:'Droid Serif', serif;
	font-size:15px;
	text-decoration: none;
}
.hp_contentWrapper .videoContent h3.hp_h3 a:hover{text-decoration: underline;/* added hover underline */}
/**/
.hp_contentWrapper .spotlight {
	position:relative;
	width:99%;
}

.hp_contentWrapper .spotlight h2.hp_h2 {
	padding-left:1em;
}

.hp_contentWrapper .spotlightContent {
	width:34%;
}

.hp_contentWrapper .scrollList {
	position:absolute;
	top:10px;
	right:10px;
	float:left;
	width:27%;
}

.hp_contentWrapper .scrollList #scrollListContent {
	overflow-y:scroll;
	height:168px;
	width:166px;
	padding:0 1em;
}

.hp_contentWrapper .scrollList h2.hp_h2 {
	background:#ffffff;
	color:#000000;
	border-radius: 10px;
	text-shadow:none;
	font-size:19px;
	font-family: "source-sans-pro";
	padding-left:0.25em;
}

.hp_contentWrapper #accordion h3.hp_h3 {
	font-family: 'Droid Serif', serif;
	font-size:12px;
	font-weight:300;
	margin:0;
}

.hp_contentWrapper #accordion .accordionBody {
	background:#ffffff;
	padding:0.75em 2.5em 0.75em 0.5em;
}

.hp_contentWrapper #accordion .accordionBody p.hp_p,
.hp_contentWrapper #accordion .accordionBody ul, 
.hp_contentWrapper #accordion .accordionBody ul li, 
.hp_contentWrapper #accordion .accordionBody ul li a.hp_a {
	font-family: 'Droid Serif', serif;
	font-size:12px;
}

.hp_contentWrapper #accordion #lastAccordionBody {
	border-top:1px solid #afafaf;
	border-bottom:none;
}

.hp_contentWrapper #tabs {
	margin:0;
	padding:0;
}

.hp_contentWrapper #tabs ul, 
.hp_contentWrapper #tabs ul li, 
.hp_contentWrapper #tabs ul li a.hp_a {
	font-family:"source-sans-pro";
	font-size:12px;
}



/************** GLOBAL FOOTER **************/

.topFooterWrapper {
	float:left;
	width:98.25%;
	background:#385b8b;
	padding:0.75em 0.75em 1em 1.25em;
}

.topFooterWrapper .footerColumn {
	float:left;
	width:16%;
	padding:0.25em;
}

.topFooterWrapper .footerColumn h5.hp_h5 {
	padding-right:4.25em;
	min-height:30px;
	font-weight:500;
	vertical-align:bottom;
}

.topFooterWrapper .footerColumn .shortFooterHead h5.hp_h5 {
	position:relative;
	top:12px;
}

.topFooterWrapper .footerColumn a.hp_a {
	color:#ffffff;
}

.topFooterWrapper .footerColumn ul li a.hp_a {
	font-size:9px;
	color:#ffffff;
	line-height:1.0;
	font-family:'Droid Serif', serif;
}

.topFooterWrapper .footerColumn ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}

.bottomFooterWrapper {
	float:left;
	width:100%;
	margin:1em;
	font-size:10.5px;
}

.bottomFooterWrapper p.hp_p {
	margin:0.25em 0;
}

.bottomFooterWrapper a.hp_a {
	text-decoration:underline;
}

.bottomFooterWrapper ul.address li {
	padding:0 0.5em;
}


/* target IE with footer text layout issue */
/* IE = [9, 10] */

.topFooterWrapper .footerColumn ul li a.hp_a{
    line-height:10pt\9;	  
}

_:-ms-fullscreen, :root .footerColumn ul li a.hp_a {
	line-height:10pt
}
/* ## end testing for IE ## */

.subFooter {
    border: 2px solid #385b8b;
    color: #385b8b;
    float: left;
    font-family: "Lucida Sans",sans-serif;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    width: 100.1%;
    z-index: 10;
}

.subFooter li {
    float: left;
    font-size: 11px;
    list-style-type: none;
    margin-left:12%;
}
.subFooter li a:link{color:#385b8b; text-decoration:none}
.subFooter li a:active{color:#385b8b}
.subFooter li a:hover{/*color:#5580bb*/ text-decoration:underline}
.subFooter li a:visited{color:#385b8b!important}