@charset "utf-8";

/*  Midland Fertility Services
	Home Page Styles CSS
	2009
	
**/


.home .main_container 
{
	background: #f5f8ff url(images/background-baby-homepage.jpg) top right no-repeat;
}

.home .content h1 
{
	padding-right: 120px;
}

.back_to_top
{
	display: none;
}



 /* -- Sub Content -- */

.sub_content 
{
	clear: both;
	overflow: hidden;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 902px;
}

.social_links 
{
	clear: both;
	overflow: hidden;
	margin-top: -10px;
	padding-left: 80px;
	padding-right: 80px;
	padding-bottom: 20px;
	width: 782px;
}

.social_TwitterMedical,
.social_TwitterNews,
.social_Facebook {
	padding: 0 24px;
}

.fertility_news_col,
.updates_col,
.events_col
{
	float: left;
	width: 294px;
}

.fertility_news_col h2 span,
.updates_col h2 span,
.events_col h2 span
{
	display: block;
	padding: 10px;
}

.popular_pages li,
.information_events li
{
	background: url(images/standard-bullet.gif) no-repeat;
	margin-left: 15px;
	padding: 0 0 3px 18px;
}	

.fertility_news_col,
.updates_col
{
	margin-right: 10px;
}

.fertility_news_col,
.information_events,
.popular_pages
{
	padding-bottom: 20px;
}

.fertility_news_col h2,
.information_events h2,
.popular_pages h2,
.updates h2
{
	float: left;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: bold;
	padding: 0;
}

.fertility_news_col h2 a,
.information_events h2 a,
.popular_pages h2 a,
.updates h2 a
{
	color: #ffffff;
}

.information_events h2
{
	background: #d0bf4f url(images/info-events-heading-top-left.gif) top left no-repeat;
	color: #ffffff;
}

.information_events h2 span 
{
	background: url(images/info-events-heading-top-right.gif) top right no-repeat;
	padding-right: 20px;
}

.updates h2
{
	background: #68bdde url(images/updates-heading-top-left.gif) top left no-repeat;
	color: #ffffff;
}

.updates h2 span 
{
	background: url(images/updates-heading-top-right.gif) top right no-repeat;
	padding-right: 20px;
}

.popular_pages h2
{
	background: #dc7d92 url(images/popular-pages-heading-top-left.gif) top left no-repeat;
	color: #ffffff;
}

.popular_pages h2 span 
{
	background: url(images/popular-pages-heading-top-right.gif) top right no-repeat;
	padding-right: 20px;
}

.fertility_news_col h2
{
	background: #a8d35c url(images/fertility-news-heading-top-left.gif) top left no-repeat;
	color: #ffffff;
}

.fertility_news_col h2 span 
{
	background: url(images/fertility-news-heading-top-right.gif) top right no-repeat;
	padding-right: 20px;
}

.fertility_news_col h2 a
{
	color: #ffffff;
}

.fertility_news_col ul,
.information_events ul,
.popular_pages ul,
.updates ul
{
	clear: both;
	padding-right: 24px;
	padding-bottom: 10px;
}

.information_events ul
{
	border-top: 3px solid #d0bf4f;
	padding-top: 16px;
}

.popular_pages ul
{
	border-top: 3px solid #dc7d92;
	padding-top: 16px;
}

.fertility_news_col ul
{
	border-top: 3px solid #a8d35c;
	padding-top: 6px;
	padding-right: 0;
}

.fertility_news_col li 
{
	background: url(images/fertility-news-bullet.gif) no-repeat;
	border-bottom: 1px solid #a8d35c;
	font-size: 1.0em;
	margin-top: 10px;
	padding: 0 10px 14px 37px;
}

.fertility_news_col .category,
.fertility_news_col .category a
{
	color: #6ccff6;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 7px;
}

.fertility_news_col .post_date 
{
	font-size: 1.0em;
	padding-top: 4px;
}

.fertility_news_col .category
{
	display: block;
}

.fertility_news_col h3 
{
	font-size: 2.0em;
	line-height: 1.0em;
	font-weight: normal;
	padding-bottom: 5px;
}

.fertility_news_col h4 
{
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: normal;
}

.fertility_news_col p
{
	padding-top: 0px;
}

.updates
{
	padding-bottom: 10px;
}

.updates ul
{
	border-top: 3px solid #68bdde;
	padding-top: 16px;
	padding-left: 10px;
}

#ivfMedical
{
	border-top: 1px solid #68bdde;
	padding-top: 10px;
}

.updates.updatesNews li,
.updates.updatesMedical li
{
	background: url(images/twitter-bullet-news.gif) no-repeat;
	color: #32454C;
	min-height: 36px;
	padding: 3px 0 10px 40px;
}

.updates.updatesNews li
{
	background: url(images/twitter-bullet-news.gif) no-repeat;
}	

.updates.updatesMedical li
{
	background: url(images/twitter-bullet-medical.gif) no-repeat;
}

.getTweetsTweetDate {
	color: #a0ab9e;
}


 /* -- Feature Panel -- */

.feature_panel
{
	background: #e2f3ff url(images/background-newsletter-panel.gif) bottom repeat-x;
	border-top: 1px solid #b0e3fa;
	clear: both;
	padding: 22px 0 27px;
	height: 130px;
	width: 922px;
}

.feature_panel h2
{
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: bold;
}

.feature_newsletter,
.feature_forum,
.feature_email_friend 
{
	float: left;
	overflow: hidden;
	padding: 0 40px 0px 20px;
	width: 200px;
}

.feature_newsletter,
.feature_forum 
{
	padding-left: 27px;
}

.feature_forum 
{
	border-left: 1px solid #95cfe5;
}

.feature_email_friend 
{
	padding-right: 30px;
	height: 130px;
	width: 310px;
}


 /* -- Newsletter Subscription Form -- */
 
.feature_email_friend .subscription_form
{
	position: relative;
	top: 0;
	left: 60px;
	overflow: hidden;
	width: 280px;
}

.feature_email_friend .subscription_form h2 
{
	display: block;
	float: right;
}

#MailPress
#mp-container,
#mp-formdiv
{
	float: right;
	overflow: hidden;
	width: 237px;
}

#mp-message,
#mp-loading
{
	display: block;
	width: 237px;
}

#mp-form
{
	clear: right;
	overflow: hidden;
	width: 237px;
}

.feature_email_friend .subscription_form h2
{
	padding-top: 0;
}

#mp-form .fieldset_submit
{
	width: 57px;
}

#mp_submit
{
	margin: 0;
	padding: 0;
}


 /* -- Email Friend Form -- */

.feature_email_friend .tell_a_friend_form
{	
	clear: right;
	position: relative;
	top: 8px;
	left: 60px;
	overflow: hidden;
	width: 280px;
}
 
.feature_email_friend .tell_a_friend_form h2,
.feature_email_friend .tell_a_friend_form img
{
	clear: right;
	float: right;
}

.feature_email_friend .tell_a_friend_form h2
{
	padding: 8px 0;
}


 /* -- Tell A Friend Form [Modal Pop-up] -- */

#tell_a_friend
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 750;
}

#tell_a_friend .modal_background
{
	background-color: #000000;
	filter: Alpha(Opacity=70); 
	-moz-opacity:0.7; 
	opacity: 0.7;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 800;
}

#tell_a_friend .modal_container
{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 600px;
	z-index: 850;
}

#tell_a_friend .modal
{
	background-color: #e2f3ff;
	border: 3px solid #b0e3fa;
	overflow: hidden;
	padding: 16px;
	position: relative;
	left: -300px;
	top: -150px;
	width: 600px;
	z-index: 900;
}

#tell_a_friend .modal h2
{
	padding: 0;
	padding-bottom: 10px;	
}

#tell_a_friend .modal legend 
{
	display: none;
}

#tell_a_friend .modal form 
{
	clear: both;
}

#tell_a_friend .modal .cf_info,
#tell_a_friend .modal .cf_info success,
#tell_a_friend .modal .cf_info failure,
#tell_a_friend .modal .cf_info waiting
{
	color: #003592;
	padding-top: 25px;
}

#tell_a_friend .modal .textonly 
{
	color: #0096d1;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.1em;
	position: absolute;
	left: 15px;
	top: 35px;
} 

#tell_a_friend .modal label 
{
	width: 130px;
}

#tell_a_friend .modal ol
{
	width: 600px;
}

#tell_a_friend .modal li
{
	clear: none;
	float: left;
	width: 300px;
}

#tell_a_friend .modal .close
{
	background: #2f98c2;
	color: white;
	float: left;
	font-size: 1.2em;
	position: absolute;
	top: 0;
	left: 594px;
	padding: 4px;
	width: 30px;
}

#tell_a_friend .modal a
{
	color: white;
}

#tell_a_friend .modal .single,
#tell_a_friend .modal .single fldrequired,
#tell_a_friend .modal .single fldrequired cf_error,
#tell_a_friend .modal .single fldemail fldrequired,
#tell_a_friend .modal .single fldemail fldrequired cf_error,
#tell_a_friend .modal .area,
#tell_a_friend .modal .area fldrequired,
#tell_a_friend .modal .area fldrequired cf_error
{
	width: 140px;
}

#tell_a_friend .modal .area
{
	height: 50px;
}

#tell_a_friend .modal .input_border1,
#tell_a_friend .modal .input_border2,
#tell_a_friend .modal .input_border3,
#tell_a_friend .modal .input_border4,
#tell_a_friend .modal .input_top_left,
#tell_a_friend .modal .input_top_right,
#tell_a_friend .modal .input_bottom_left,
#tell_a_friend .modal .input_bottom_right,
#tell_a_friend .modal .cformselect,
#tell_a_friend .modal .cformselect fldrequired
{
	width: 150px;
}