/*
 * MFS 
 */

*{font-size:1em;}

input,select,th,td {font-size:1em;}
div div,div p,div td,td div,p p,p td,li p,td p,blockquote p,li li {font-size:1em;}

/**
------------------------------------------------- stan
**/

html {
	width: 100%;
	height: 100%;
	background: url("http://www.manchesterdonors.com/images/body-top-bg.png") repeat-x #FFF;
}

body {
	width: 100%;
	height: 100%;
	
}

h1 {
	font-family: trebuchet MS;
	font-size: 1.9em;
	color: #039BDC;
	font-weight: normal;
}

h2 {
	font-family: trebuchet MS;
	font-size: 1.4em;
	color: #1C3F95;
	font-weight: normal;
}

h3 {
	font-family: trebuchet MS;
	font-size: 1.2em;
	color: #039BDC;
}

h4 {
	font-family: trebuchet MS;
	font-size: 1.1em;
	color: #039BDC;
	font-weight: normal;
	margin-top: 20px;
}

a {
	color: #669900;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #336600;
}

p {
	font-family: Verdana,"Lucida Grande", Lucida, sans-serif;
	color: #333333;
	font-size: 0.8em;
	line-height: 1.4em;
}

strong {
	font-weight: bold;
}




/**
------------------------------------------------- wrapper
**/
div.wrapper {
	width: 950px;
	margin: 0 auto 0 auto;
}

div.bg-top {
	width: 100%;
	height: 100px;
	background: red;
	position: absolute;
	top: 0;	
}

div.bg-bottom {
	width: 100%;
	height: 470px;
	background: url("http://www.manchesterdonors.com/images/body-bottom-bg.png") repeat-x;
}

/**
------------------------------------------------- header
**/

img.mfslogo {
	margin: 40px 0 27px 0;
	float: left;
}

div.telephone {
	float: right;
	font-family: trebuchet MS;
	text-align: right;
	padding: 55px 0 0 0;
}

div.telephone label {
	color: #039BDC;
	font-size: 1.3em;
	display: block;
}

div.telephone span {
	color: #1C3F95;
	font-size: 1.6em;
	display: block;
}

div.header {
	height: 160px;
}

/**
------------------------------------------------- nav
**/

div.nav {
	width: 100%;
	height: 41px;
	background: url("http://www.manchesterdonors.com/images/navbar.png");
	font-family: trebuchet MS;
	font-size: 0.90em;
}

ul.nav {
	padding: 13px 0 0 0;
	
}

ul.nav li {
	display: inline;
}

ul.nav li a {
	color: #fff;
	padding: 0 22px;
	text-decoration: none;
	border-color: #091A43;
	border-style: solid;
	border-width: 0 1px 0 0;
}

ul.nav li a:visited {
	color: #fff;
}

ul.nav li.last a {
	border-width: 0;
}

/**
------------------------------------------------- content
**/

div.content {
	margin: 15px 0 0 0;
	overflow: hidden;
}

div.content div.left {
	float: left;
	width: 707px;
}

div.content div.right {
	width: 225px;
	float: right;
	margin-top: 10px;
}

div.banner {
	width: 647px;
	height: 230px;
	background: url("http://www.manchesterdonors.com/images/home_mainbanner.jpg") no-repeat;
	padding: 30px;
}

/**
------------------------------------------------- front
**/
div.banner p {
	margin: 10px 0px 0 0;
	width: 360px;
	font-size: 0.8em;
}
/*
div.banner a {
	background: url("../images/button_apply.png");
	width: 142px;
	height: 38px;
	display: block;
	margin: 20px 0 0 0;
}
*/
a.apply {
	background: url("http://www.manchesterdonors.com/images/button_apply.png");
	width: 142px;
	height: 38px;
	display: block;
	margin: 15px 0 0 0;
}

div.blocks {}

div.blocks a{
	
	color: #FFF;
	font-weight: bold;
}

div.blocks a:hover{
	text-decoration: underline;
}

div.blocks a:visited{
	color: #FFF;

	font-weight: bold;
}

div.blocks div.sperm {
	float: left;
	width: 186px;
	height: 179px;
	margin: 14px 14px 0 0;
	padding: 20px;
	background: url("http://www.manchesterdonors.com/images/panel_sperm.png");
}

div.blocks div.sperm p{
	padding: 0px;
	width: 120px;
}

div.blocks div.egg {
	float: left;
	width: 186px;
	height: 179px;
	margin: 14px 14px 0 0;
	padding: 20px;
	background: url("http://www.manchesterdonors.com/images/panel_egg.png");
	margin: 14px 14px 0 0;
}

div.blocks div.egg p{
	padding: 0px;
	width: 120px;
}

div.blocks div.faq {
	float: left;
	width: 186px;
	height: 179px;
	margin: 14px 14px 0 0;
	padding: 20px;
	background: url("http://www.manchesterdonors.com/images/panel_faqs.png");
	margin: 14px 0 0 0;
}

div.blocks div.faq p{
	padding: 0px;
	width: 120px;
}

div.blocks h2 {
	color: #fff;
	width: 80px;
}

div.blocks p {
	color: #fff;
	font-size: 0.8em;
	margin: 10px 0 0 0;
}

div.right p {
	font-size: 0.8em;
	margin: 10px 0 0 0;
}

div.right hr {
    background: url("http://www.manchesterdonors.com/images/hr-fill.png") repeat-x;
    border: 0;
    height: 1px;
    margin: 12px 0 12px 0;
}

ul.links {}
ul.links li {
	background: url("http://www.manchesterdonors.com/images/bullet_link.png") no-repeat 0 5px;
	margin: 5px 0 5px 0;
}
ul.links li a {
	padding: 0 0 0 20px;
	display: block;
	font-size: 0.8em;
	font-family: verdana;
}

/**
------------------------------------------------- footer
**/

div.footer {
	height: 50px;
	padding: 120px 0 0 0;
	background: url("http://www.manchesterdonors.com/images/footer-bg.png") repeat-x 0 100px;
	width: 950px;
	margin: 0 auto 0 auto;
}

ul.fnav {
	float: left;
}
ul.fnav li {
	display: inline;
}
ul.fnav li a {
	font-size: 0.7em;
	font-family: verdana;
	color: #666666;
	text-decoration: none;
	padding: 0 10px;
	border-right: solid #666 1px;
}

ul.fnav li.first a {
	padding-left: 0;
}
ul.fnav li.last a {
	border-right-width: 0;
}

div.copy {
	float: right;
	font-size: 0.7em;
	font-family: verdana;
	color: #666666;
	text-align: right;
}

/**
------------------------------------------------- sperm donor page
**/

h1.spermdonor {
	width: 675px;
	height: 50px;
	background: url("http://www.manchesterdonors.com/images/title_spermdonors.png");
	color: #fff;
	font-weight: normal;
	padding: 15px 0 0 30px;
}

div.block {
	background: #fff url("http://www.manchesterdonors.com/images/block-bg.png") no-repeat;
	border: #C3E6F5 solid;
	border-width: 1px 0 0 0;
	padding: 25px 30px 30px 30px;
	margin: 15px 0 0 0;	
}

div.block p {
	font-size: 0.8em;
	font-family: verdana;
	color: #333;
	margin: 10px 0 0 0;
}

ul.list li {
	font-size: 0.8em;
	font-family: verdana;
	color: #333;
	margin: 0 0 0 15px;
	list-style: disc;
	line-height: 1.4em;
}

h2.mt {
	margin-top: 20px;
}

/**
------------------------------------------------- titles
**/

h1.eggdonor {
	width: 675px;
	height: 50px;
	background: url("http://www.manchesterdonors.com/images/title_eggdonors.jpg");
	color: #fff;
	font-weight: normal;
	padding: 15px 0 0 30px;
}

h1.faqs {
	width: 675px;
	height: 50px;
	background: url("http://www.manchesterdonors.com/images/title_faqs.jpg");
	color: #fff;
	font-weight: normal;
	padding: 15px 0 0 30px;
}

h1.heading, h1.applyonline {
	width: 675px;
	height: 50px;
	background: url("http://www.manchesterdonors.com/images/title_midblue.png");
	color: #fff;
	font-weight: normal;
	padding: 15px 0 0 30px;
}

/**
------------------------------------------------- apply online
**/


span.red {
	color: #ee0000;
}

/* form */
div.fieldset {
	width: 100%;
	background: #EAF7FB;
	margin: 20px 0 0 0;
	overflow: hidden;
}

div.legend {
	padding: 0 10px;
	background: #34ADDF;
	line-height: 25px;
	font-size: 0.9em;
	font-family: trebuchet MS;
	color: #fff;
}

div.panel {
	width: 300px;
	padding: 10px;
	font-size: 0.8em;
	font-family: verdana;
	
}

div.pane {
	font-size: 0.8em;
	font-family: verdana;
	background: #fff;
}

div.panel div.row {
	overflow: hidden;
	padding: 5px 0;
}

div.pane div.row {
	overflow: hidden;
	padding: 10px 10px;
	background: #EAF7FB;
	margin: 0 0 1px 0;
}

div.pane p {
	margin: 0 0 5px 0;
}

div.dec div.pane div.row {
	background-color: #C2E7F5;
	height: 75px;
	line-height: 75px;
}

div.panel label.lb {
	display: block;
	width: 120px;
	float: left;
	font-weight: bold;
	height: 30px;
	clear: left;
}



div.pane label.lg {
	display: block;
	width: 300px;
	float: left;
	font-size: 0.9em;
}


div.panel input.field {
	
}

div.panel div.set {
	width: 200px;
	float: left;
	line-height: 20px;
	font-size: 0.9em;	
}

div.panel select {
	width: 150px;
}

div.west {
	float: left;
}

div.east {
	float: right;
}

div.btns {
	text-align: right;
	margin-top: 20px;
}

div.set ul.radio_list {
	margin: 0;
}
div.set ul.radio_list li {
	display: inline;
}

div.dec div.set {
	width: 400px;
	float: left;
}

/* origin radio groups */
div.radio_group {
	width: 300px;
	padding: 10px;
	float: left;
	font-size: 80%;
	font-family: verdana;
	
}

div.radio_group ul {}
div.radio_group ul li {
	list-style: none;
}


ul.error_list {
	color: #ee0000;
	font-family: trebuchet MS;
	margin: 0;
	display: block;
	float: left;
	padding: 0;
}

ul.error_list li {
	list-style: none;
	padding-left: 20px;
	background: url("http://www.manchesterdonors.com/images/error.png") no-repeat 0px 2px;
}

div.dec ul.error_list li {
	line-height: 12pt;
	position: absolute;
}

div.disb ul.checkbox_list {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div.disb ul.checkbox_list li {
	display: block;
	float: left;
	padding-right: 20px;
}

div.check ul.checkbox_list {
	margin: 0;
	padding: 0;
}

div.check ul.checkbox_list li {
	list-style: none;
}

div.check ul.checkbox_list li input {
	float: left;
}

div.check input {
	float: left;
}

div.check label {
	display: block;
	float: left;
	width: 580px;
	padding: 0 0 0 5px;
}

select#candidate_dob_day {
	width: 45px;
}
select#candidate_dob_month {
	width: 45px;
}
select#candidate_dob_year {
	width: 60px;
}

div.sex ul.radio_list {
	margin: 0;
}
div.sex ul.radio_list li {
	display: inline;
}

div.error404 {
	font-family: verdana;
	height: 300px;
	margin: 10px 0 0 0;
}

div.error404 p {
	margin: 10px 0;
}

input.sm {
	width: 80px;
}

div.panel select.unit {
	width: 80px;
}

textarea.details {
	width: 300px;
	height: 150px;
	font-family: sans-serif;
	font-size: 100%;
}

input.submit {
	float: right;
	margin-top: 20px;	
}

div.block-error {
	width: 180px;
	height: 20px;
	float: left;
}

div.heightspace {
	height: 200px;
}


div.map {
	border: 1px solid #C2E7F5;
}

/* --------------------------------------------------- enews stuff ----------------------------------------------- */


form#enews-form, form#download-form {
margin-top: 10px;
}

form#download-form {
width: 400px;
float: left;
}

.enews input.textfield, form#download-form input.textfield {
margin-bottom: 10px;
font-size: 12px;
padding: 2px;
width: 200px;
}


#enewssubmit, #downloadsubmit  {
background: url(../images/search_submit.png) no-repeat 0 -38px;
	color: #fff;
	width: 143px;
	height: 38px;
	border: 0;
	padding: 4px 0 10px 17px;
	display: block;
	margin: 10px 0;
	text-align: left;
	font-size: 12px;
}

#enewssubmit:hover, #downloadsubmit:hover {
background: url(../images/search_submit.png) no-repeat 0 0;
cursor: pointer;
}

label {
	font-family: Verdana,"Lucida Grande", Lucida, sans-serif;
	color: #333333;
	font-family: trebuchet MS;
	font-size: 12px;
}

label.error {
color: #039BDC;
font-family: Verdana,"Lucida Grande", Lucida, sans-serif;
font-size: 12px;
}

img.download-image {
float: left;
margin: 15px 20px 0 0;
border: solid 1px #ccc;
}

#message-download {
margin: 15px 0 0 0;
}

#message {
margin: 15px 0 0 0;
}

/* --------------------------------------- popup stuff ----------------------------------------------------- */

#popup {
background:#0089c3 url(../images/popup-bg.png) no-repeat;
width: 310px;
/*height: 179px;*/
height: auto;
margin: 14px 14px 0 0;
padding: 20px;
position: absolute;
top: 300px;
left: 400px;
z-index: 300;
border: solid 15px #ccc;
font-family: trebuchet MS;
visibility:hidden;
}


#popup .popup-thanks {
width: 250px;
}

#popup .popup-thanks #message {
width: 220px;
float: left;
}

#popup h2 {
color: #fff;
}

#popup p {
color: #fff;
margin-bottom: 10px;
font-size: 12px;
}

#popup form {
width: 280px;
float: left;
}

#popup input.radio {
margin-right: 15px;
}

#popup form label {
color: #fff;
}

#popup form #question_submit {
background: url(../images/search_submit.png) no-repeat 0 -38px;
	color: #fff;
	width: 143px;
	height: 38px;
	border: 0;
	padding: 4px 0 10px 17px;
	display: block;
	margin: 10px 0;
	text-align: left;
	font-size: 12px;
}

#popup form #question_submit:hover {
background: url(../images/search_submit.png) no-repeat 0 0;
cursor: pointer;

}


#popup a.close {
color: #fff;
/*margin-top: 120px;*/
}

#popup a.close:hover {
text-decoration: underline;
}


/* -------------------------------------- social media ----------------------------------------------------- */
p.facebook {
background: url(../images/facebook-icon.png) no-repeat;
padding: 10px 5px 10px 35px;
margin: 10px 0 0 0;
}

p.twitter {
background: url(../images/twitter-icon.png) no-repeat;
padding: 10px 5px 10px 35px;
margin: 0 0 10px 0;
}

div.right p.facebook, div.right p.twitter {
margin: 0; /* cancel out margin in right column but not contact page */
}


/* --------------------------------------- additional blog styles ------------------------------------------ */

/* ------ right column stuff ------------ */
.right ul.list li {

	list-style-type: none;
}

.right ul.list li h3 {

	font-family: trebuchet MS;
	font-size: 1.5em;
	color: #039BDC;
}

.right ul.list li ul li {
	font-size: 1em;
	font-family: verdana;
	color: #333;
	background: url("http://www.manchesterdonors.com/images/bullet_link.png") no-repeat 0 5px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 20px;
}

.right ul.list li ul li a {
	
}

#searchsubmit {
	background: url(images/search_submit.png) no-repeat 0 -38px;
	color: #fff;
	width: 143px;
	height: 38px;
	border: 0;
	padding: 4px 0 10px 30px;
	display: block;
	margin: 10px 0;
	text-align: left;
	text-transform: uppercase;
}

#searchsubmit:hover {
background: url(images/search_submit.png) no-repeat 0 0;
cursor: pointer;
}

/* ----------- page content / post stuff -------------- */

h2.pagetitle {
margin-bottom: 20px;
}

div.post {
margin-bottom: 20px;
}

.post h2 {
clear: left;
}

p.postmetadata {
padding-bottom: 10px;
background: url("http://www.manchesterdonors.com/images/hr-fill.png") repeat-x bottom left;
}

h3#comments {
margin: 10px 0;
}

small {
font-size: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* -------------- comments ------------- */

.commentlist {
margin-bottom: 20px;
}

.commentlist li {
padding: 10px;
border: solid 1px #ececec;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border: solid 1px #ececec;
	}
	
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	font-size: 0.8em;
	}

#commentform #submit  {
background: url(images/search_submit.png) no-repeat 0 -38px;
	color: #fff;
	width: 143px;
	height: 38px;
	border: 0;
	padding: 4px 0 10px 30px;
	display: block;
	margin: 10px 0;
	text-align: left;
	text-transform: uppercase;
}

#commentform #submit:hover {
background: url(images/search_submit.png) no-repeat 0 0;
cursor: pointer;
}



/* ------------------- Images ----------------- */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
	

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
/* ----------------- links --------------------- */

	
.navigation .alignright, .navigation .alignleft {
font-size: 0.7em;

}

.article-more {
font-size: 0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
float: right;
clear: left;
}

/* ------------------ miscellaneous stuff ------------------ */

div.block hr {
    background: url("http://www.manchesterdonors.com/images/hr-fill.png") repeat-x;
    border: 0;
    height: 1px;
    margin: 12px 0 12px 0;
}