/* ================================ */
/* Sanatogen® Pregnancy */
/* ================================ */
/* author: www.OiMedia.co.uk */
/* contact: info@OiMedia.co.uk */
/* site url: www.sanatogenpreganancy.co.uk */
/* version: 0.1 */
/* ================================ */
/* © 2009 Copyright Bayer plc*/

form {
	margin:0;
	padding:0;
}
.form-left-radio {
	float:left;
	width:30px
}

.form-right {
	float:left;
	width:345px
}

.form-right-short {
	float:left;
	width:305px
}

	.form-right select, .form-right-small select, .form-right-short input {
		width:200px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	}

label.left {
	float:left;
	width:120px;
	display:block;
}

label.left-long {
	float:left;
	width:160px;
	display:block;
}

label.right {
	float:left;
	width:425px;
	display:block;
}

.question-header {
	background:url(../images/internal/quiz/header.gif) top left no-repeat;
	height:29px;
	width:530px;
}
	.question-header-small {
		background:url(../images/internal/quiz/header-small.gif) top left no-repeat;
		height:29px;
		width:260px;
	}

.question-header-filled {
	background:#de7ba9 url(../images/internal/quiz/header-filled.gif) top left no-repeat;
	height:29px;
	width:530px;
}

.question-bg {
	background:url(../images/internal/quiz/bg.gif) top left repeat-y;
	padding:0 30px;
	font-size:13px;
	color:#333;
	width:470px;
}

	.question-bg h2 {
		margin:0;
		padding:0;
	}
	.question-bg h3, .question-bg-small-namer h3, .question-bg-small-tools h3 {
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		border-bottom:1px dotted #f7d3e4;
	}
	
	.question-bg p {
		margin:0;
		padding:0 0 5px 0;
	}
	
	
	.form-button {
		padding:10px 0 0 0;
		border-top:1px dotted #f7d3e4;
		text-align:center;
	}
	
	.submit-button {
		width:100px;
		height:35px;
		font-weight:bold;
		margin:0 auto;
		
	}
	
.question-bg-filled {
	background:#de7ba9;
	padding:0 30px;
	font-size:13px;
	color:#fff;
	width:470px;
}

	.question-bg-filled h3 {
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		color:#fff;
		border-bottom:1px dotted #cb0079;
	}

	
.question-bg-small-gender, .question-bg-small-namer, .question-bg-small-tools {
	background:url(../images/internal/quiz/bg-small.gif) top left repeat-y;
	padding:0 20px;
	font-size:13px;
	color:#333;
	width:220px;
}

.question-bg-small-tools {
	height:250px;
}

	.question-bg-small-tools h2 {
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		border-bottom:1px dotted #f7d3e4;
	}

	.question-bg-small-tools h4 {
		color:#cb0079;
		margin:0 0 5px 0;
		padding:5px 0 5px 35px;
		font-size:13px;
	}
	
		.question-bg-small-tools h4.tools {
			background:url(../images/tools-icon.gif) top left no-repeat;
		}
		
		.question-bg-small-tools h4.guides {
			background:url(../images/guides-icon.gif) top left no-repeat;
		}

	.question-bg-small-tools ul {
		list-style:none;
		margin:0;
		padding:0 0 0 25px;	
	}
	
	.question-bg-small-tools ul li {
		margin:0;
		padding:0 0 5px 10px;
		background:url(../images/internal/bullet1.gif) top left no-repeat;	
	}
	
.question-bg-small-gender {
	height:105px;
	text-align:center;
}

	.question-bg-small-gender h2 {
		margin:0 0 10px 0;
		padding:0;
		font-size:13px;
		font-weight:bold;
	}
	
	.question-bg-small-gender h3 {
		margin:0;
		text-align:center;
		font-size:16px;
	}
	
	.question-bg-small-gender h3 strong {
		font-size:23px;
	}
	
.question-bg-small-namer {
	height:310px;
}

	.question-bg-small-namer h4 {
		margin:5px 0;
		color:#cb0079;
	}
.question-footer {
	background:url(../images/internal/quiz/footer.gif) top left no-repeat;
	height:29px;
	width:530px;
}

.question-footer-filled {
	background:#de7ba9 url(../images/internal/quiz/footer-filled.gif) top left no-repeat;
	height:29px;
	width:530px;
}


	.question-footer-small {
		background:url(../images/internal/quiz/footer-small.gif) top left no-repeat;
		height:29px;
		width:260px;
	}

.q-wrong {
	width:75px;
	height:63px;
	float:left;
	background:url(../images/internal/quiz/wrong.gif) top left no-repeat;
}

.q-right {
	width:75px;
	height:63px;
	float:left;
	background:url(../images/internal/quiz/right.gif) top left no-repeat;
}


.your-answer {
	width:455px;
	float:left;
}

.your-answer h4 {
	font-size:13px;
	color:#00aeef;
	margin:0 0 10px 0;
	font-weight:normal;
}

.your-answer h5.heading-wrong {
	font-size:13px;
	color:#c00;
	margin:0 0 10px 0;
}

.your-answer h5.heading-right {
	font-size:13px;
	color:#6c3;
	margin:0 0 10px 0;
}

.your-answer p {
	margin:0 0 15px 0;
}

.error {
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	background:#cb0079;
	padding:5px;
	margin:0 0 5px 0;
	text-align:center;
}

.double-col {
	margin-right:5px;
	width:260px;
	float:left;
}


.toggle {
	background:url(../images/internal/toggle-icon.gif) top left no-repeat;
	margin-top:10px;
	font-weight:bold;
	border-top:1px dotted #f7d3e4;
}

.toggle a {
	padding:15px 0 15px 35px;
	display:block;
}

.toggle a:hover {
	padding:15px 0 15px 35px;
	display:block;
	background:url(../images/internal/toggle-icon-over.gif) top left no-repeat;
}

/*======== Ovualtion calendar table =========*/
table.ov-list {
	margin-top:15px;
}

table.ov-list tr td, table.ov-list tr th{
	background:#fff;
	color:#333;
}

table.ov-list tr th {
	text-align:left;
}

table.ov-list tr td {
	background:#fff url(../images/table/td-BG-2.gif) top left repeat-x ;
}
		
		table.ov-list tr th.table-top-left-pink {
			background:#fff url(../images/table/top-left-pink.gif) top left no-repeat;
		}
		
		table.ov-list tr th.table-top-right-pink {
			background:#fff url(../images/table/top-right-pink.gif) top right no-repeat;
		}
		
		table.ov-list tr td.table-bottom-pink {
			background:#fff url(../images/table/bottom-pink.gif) bottom left no-repeat;
			height:5px;
		}
		
		#tool-container {
			width:550px;
			margin:0 auto;
		}
		
/* Due date */

.left-label, .right-label {
	
}

.left-label input, .right-label input {
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.left-label {
	float:left;
	width:230px;
}

.right-label {
	float:right;
	padding-left:20px;
	width:200px;
}

.weeks {
	text-align: center;
	padding-top:20px;
	font-size:18px;
	color:#fff;
}

.TSUiDesc1 {
	padding:10px;
	backgropund:#f7d3e4;
}

input.datepicker {
	font-size:18px;
	font-weight:bold;
	color:#cb0079;
	text-align:center;
}

.first-tri {
	background:url(../images/internal/1st-trimester.jpg) top left no-repeat;
	height:64px;
	font-size:16px;
	color:#cb0079;
	padding:32px 0 0 76px;
}

.second-tri {
	background:url(../images/internal/2nd-trimester.jpg) top left no-repeat;
	height:64px;
	font-size:16px;
	color:#cb0079;
	padding:32px 0 0 76px;
}

.third-tri {
	background:url(../images/internal/3rd-trimester.jpg) top left no-repeat;
	height:64px;
	font-size:16px;
	color:#cb0079;
	padding:32px 0 0 76px;
}

.first-tri a, .second-tri a, .third-tri a {
	font-size:12px;
	color:#cb0079;
	text-decoration:underline;
	display:block;
}

.first-tri a:hover, .second-tri a:hover a, .third-tri a:hover {
	text-decoration:none;
}