/*-- Fonts --*/
@font-face{
	font-family:'Gothic';
	src:	url(../fonts/gothic.eot);
	src: 	url(../fonts/gothic.eot?#iefix) format('embedded-opentype'), 
			url(../fonts/gothic.woff) format('woff'),
			url(../fonts/gothic.ttf) format('truetype'),
			url(../fonts/gothic.svg#gothicb) format('svg');
			font-weight:normal;font-style:normal;
}
@font-face{
	font-family:'Gothic';
	src:	url(../fonts/gothicb.eot);
	src:	url(../fonts/gothicb.eot?#iefix) format('embedded-opentype'),
			url(../fonts/gothicb.woff) format('woff'),
			url(../fonts/gothicb.ttf) format('truetype'),
			url(../fonts/gothicb.svg#gothicb) format('svg');
	font-weight:bold;
	font-style:normal;
}


body{
	background: #fcfcfc;
}

h4 {
	font-size: 16px;
	font-weight: normal;
}

.modal-body {
  overflow: hidden;
}

.disclaimer-text {
	position: relative;
	top: -30px;
	left: 200px;
}

#view_reference_opener {
	display: none;
}

.disclaimer-text a {
	cursor: pointer;
}

/* bootstrap overrides */
.nav{
	margin-bottom: 0;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-pills {
    text-align:center;
}

.nav-tabs > li, .nav-pills > li{
	vertical-align: middle;
}


.nav-pills > li > a{
	border: 2px solid #ccc;
	background: #FFFFFF;
	font-weight: normal;
	color: #666;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
}

.modal{
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-family: "Gothic", "Century Gothic", Futura, AppleGothic, sans-serif;
}

#qfg-logo {
  color: #fff;
  float: left;
  margin-top: 20px;
  width: 50%;
}

#qfg-number {
  color: #A368AB;
  font-size: 35px;
  float: right;
  margin-top: 40px;
  text-align: right;
  width: 50%;
}

.did_you_know p{
	font-style: italic;
}

#did_you_know, #did_you_know2 {
  display: none;
  position: absolute;
  bottom: 25px; right: 0px;
  text-align: right;
  width: 300px;
  padding-right: 5px;
}

#did_you_know h2, #did_you_know2 h2 {
  color: #3d32a0;
  font-size: 18px;
}

#did_you_know p, #did_you_know2 p {
  color: #666;
  font-size: 13px;
  margin-bottom: 0px;
}

/* End bootstrap overides */

#ivfapp{
	width: 500px;
	height: 550px;
	border-top: 5px solid #9b5ba4;
	font-family: "Gothic", "Century Gothic", Futura, AppleGothic, sans-serif;
}

#ivfapp ol li {
  font-weight: bold;
}

#ivfapp ol li span.italic-norm {
  font-style: italic;
  font-weight: normal;
}

#ivfapp_tabs{
	border: 1px solid #b6b6b6;
	background: url("../img/pill_bg.gif") no-repeat #f8f8f8 70px 30px;
	
}

#ivfapp_tabs > li{
	margin-top: 10px;
	margin-bottom: 16px;
}

#ivfapp_content{
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	min-height: 540px;
	position: relative;
	padding-bottom: 15px;
}

#graph_container{
	display: none;
	margin: 25px 20px 0px 0px;
}

#graph_container > div{
	background: #f3ebf4;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

#graph_container div span {
  color: #A368AB;
  display: block;
  font-weight: bold;
  padding: 5px 10px;
  text-align: center;
}

#graph_container div.fb-like {
  background: none;
  position: absolute;
  right: 50px; top: 90px;
  text-align: left;
}

.ivfapp_content_section {
	color: #9f62a8;
	font-weight: normal;
}

.ivfapp_content_section p{
	font-size: 16px;
}

.ivfapp_content_section li {
	font-size: 15px;
}

.ivfapp_content_section label {
  color: #666;
}

.ivfapp_content_section .button_container{
	text-align: left;
	margin-top: 20px;
	margin-left: 5px;
}

.ivfapp_content_section {
	width: 460px;
	margin-left: 20px;
}

.ivfapp_content_section.results {
	width: 205px !important;
	margin-left: 20px;
}


#bmi_text{
	color: #cdcdcd;
	margin-left: 6px;
}

#bmi_result{
	border-bottom: 2px solid #cdcdcd;
	display: inline-block;
	width: 60px;
	text-align: center;
}

#ivfapp_results h4, #ivfapp_results h3, #results_info h3{
	color: #3D32A1;
}

#result-ivf {
	display: none;
	font-weight: bold;
}

.sd-para p{
	font-size: 14px;
	color: #666; 
}

#result-iui {
  display: none;
  font-weight: bold;
}

#ivfapp_results h3 {
	font-size: 16px;
	margin-bottom: 15px;
}

#ivfapp_results h3 span.small {
	font-size: 12px;
}

#ivfapp_results h4 {
	color: #666;
	font-size: 14px;
	margin: 15px 0px;
	font-weight: bold;
}

#ivfapp_results h4 span {
	color: #A368AB;
}

#ivfapp_results .result-button {
  background-color: #201A55 !important;
  background-image: linear-gradient(#3D329F, #241D61);
  background-repeat: repeat-x;
  border-color: #241D61;
  border-radius: 5px 5px 5px 5px;
  color: #fff;
  margin: 5px 0px;
  padding: 10px 5px 10px 7px;
}

#ivfapp_results .result-button a {
  background: url(../img/icon_next.png) no-repeat center right;
  color: #fff;
  display: block;
  min-height: 22px;
  /* width: 100%; */
  line-height: 15px;
  padding-right: 20px;
}

#ivfapp_results .result-button span {
  background: url(../img/telephone.png) no-repeat center right;
  color: #fff;
  display: block;
  min-height: 22px;
  width: 100%;
}

#results_info{
	position: absolute;
	bottom: 0;
}
#results_info h3, #ivfapp_results h3 {
	font-size: 1.2em;
}

#results_info p { 
	color: #666;
}

#results_info p.result_text {
	font-size: 1em;
	line-height: 1em;
}

#results_info p.mini_text {
	font-size: .9em;	
	line-height: 1.1em;
}


#results_contact > a > img, #results_contact > img{
	margin-bottom: 10px;
}

#qfg-contact {
  color: #9F62A8;
  font-size: 16px;
  padding: 20px;
  position: absolute;
  bottom: 0px; right: 0px;
  text-align: right;
}

#qfg-contact a {
  color: #9F62A8;
}

/*
#results_contact button{
	width: 95%;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 5px;
	text-align: left;
	padding: 6px 10px 6px;
}
*/

#graph_container{
	width: 232px;
	
}

.controls {
	margin-bottom: 10px;
	margin-left: 6px;
}

#bars_wrapper, .ivfapp_content_section{
	height: 354px;
	position: relative;
}


#left_bar{
	margin-left: 15px;
	background: #ba8ec0;
}
#right_bar{
	margin-right: 15px;
	background: #a368ab;
	right: 0;
}

#left_bar, #right_bar{
	position: absolute;
	bottom: 0;
	height: 320px;
	width: 95px;
}

#left_bar .bottom_p, #right_bar .bottom_p{
	position: absolute;
	bottom: 0;
}

#bars_wrapper p{
	font-weight: normal;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
	font-size:1.1em
}

#modal_intro_window h4{
	font-size: 1.3em;
	font-weight: bold;
}

#modal_intro_window .msgbox, .ivfapp_btn{
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
			box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

#reference_link{
	width: 100%;
	text-align: center;
	
}

#reference_link a{
	margin-right: 10px;
	color: #9C5BA5;
	text-decoration: underline;
	font-size: 10px;
	padding-bottom: 5px;
	font-weight:normal;
}

.button_container{
	text-align: center;
}

.ivfapp_btn{
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
	font-size: 26px;
	line-height: 30px;
	padding: 10px 25px;
}

.icon-next{
	background: url("../img/icon_next.png") no-repeat;
	width: 22px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
}

.icon-tp{
	background: url("../img/telephone.png") no-repeat;
	width: 22px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
}

#header_msgbox, #results_msgbox{
	margin: 10px 20px 15px 20px;
}

#results_msgbox{
	display: none;
}

.msgbox, .ivfapp_btn{
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px; 
	background-color: #201A55 !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3D329F", endColorstr="#241D61");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#3D329F), to(#241D61));
	background-image: -moz-linear-gradient(top, #3D329F, #241D61);
	background-image: -ms-linear-gradient(top, #3D329F, #241D61);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D329F), color-stop(100%, #241D61));
	background-image: -webkit-linear-gradient(top, #3D329F, #241D61);
	background-image: -o-linear-gradient(top, #3D329F, #241D61);
	background-image: linear-gradient(#3D329F, #241D61);
	border-color: #241D61 #241D61;
	text-align: center;
}

.msgbox h4{
	color: #9BC14D;
	padding: 10px;
}

.msgbox p{
	color: #fcfcfc;
	padding: 10px;
}

#modal_reference, #modal_error{
	display: none;
	color: #FFF;
  	opacity: 0.9;
  	filter: alpha(opacity = 90); /* For IE8 and earlier */
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

#modal_reference .close{
	color: #cfb2cf;
}

#modal_reference{
	background: #9c579f;
	border: 5px solid #cfb2cf;
}

#modal_error{
	background: #b94a48;
	border: 5px solid #FF8484;
	width: 300px;
	margin: -115px 0 0 -150px;
}

.error_input{
	color: #b94a48;
	border-color: #b94a48;
}

#results_info{
	margin: 20px 20px 0 20px;
	display: none;
}