/* CSS Document */
#triagerow_triage, #triage_speech {
	font-family: "Open Sans", sans-serif;
}
.clearboth {
	clear: both;
}
.frm_primary_label {
  padding-bottom:2px !important;
}
.frm_description {
  padding-top: 2px !important;
}
/* Main section on the homepage */
/* Speech bubble */
#helpnow_outer /* bottom of speech bubble */{
	float: left;
	background: url(../images/speech-bubblebottom.gif) bottom left no-repeat;
	width: 80%;
	text-align: center;
	padding-bottom: 72px;
}
#helpnow_inner /* top of speech bubble */{
	background: url(../images/speech-bubbletop.gif) top left no-repeat;
	text-align: center;
	padding: 2%;
	font-size: 1.5em;
	margin-top: 2%;
	line-height: 1.35em;
	overflow: auto;
	width: 92%;
	color: #146793;
	*margin-left: -4%;
}
/* Doctor image */
#helpnow img {
	float: left;
	width: 20%;
	height: auto;
	margin-top: 2%;
	margin-bottom: 2%;
}
/* Button in speech bubble */
.helpnow_button {
	background: #8DC73F;
	color: #ffffff;
	padding: 1%;
	width: 40%;
	text-align: center;
	margin: 2% auto 0 auto;
	cursor: pointer;
}
.helpnow_button:hover {
	background: #146793;
}
/* Main section boxes that display options */
.triage_header {
	color: #146793;           
	font-weight:bold
}
#triage_bubbletext .triage_header_content p {
  text-align:center;
  font-size:.9em;
  width:80%;
  margin:1em auto;
}
.triage_level .triage_question {
	width: 30%;
	float: left;
	background: #8DC73F;
	margin: 2% 1.5% 2% 1.5%;
	color: #ffffff;
	cursor: pointer;
	font-size: 1.5em;
	padding: 1%;
	font-weight: 300;
	display: block;
	text-align: center;
	height: 61px;
	*width: 25%;
}
#triage_bubbleinner .triage_question.triage_single {
  float:none;
  margin-left:auto;
  margin-right:auto;
}
.triage_level .triage_question:hover {
	background: #146793;
}
.triage_level {
	padding-bottom: 20px;
}

/* Main section */
/* Breadcrumbs at the top of the speech bubble */
#triage_bc .triage_stageouter /* adds the arrow to the box */ {
	width: 25%;
	float: left;
	background: url(../images/triagearrow.gif) right 50% no-repeat;
}
.triage_showarrow /* displays the arrow */ {
	padding-right: 5%;
}
#triage_bc .triage_stage {
	float: left;
	background: #8DC73F;
	margin-top: 2%;
	color: #ffffff;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 300;
	display: block;
	text-align: center;
	min-height: 61px;
	padding: 4%;
    padding-top:7%;
	width: 100%;
}
#triage_bc .triage_stage:hover {
	background: #146793;
}
/* Doctor image */
#triage_speech img {
	float: left;
	width: 20%;
	height: auto;
	margin-top: 2%;
	margin-bottom: 2%;
}
/* Speech bubble */
#triage_bubbleouter /* bottom of speech bubble */{
	float: left;
	background: url(../images/speech-bubblebottom.gif) bottom left no-repeat;
	width: 80%;
	text-align: center;
	padding-bottom: 72px;
}
#triage_bubbleinner /* top of speech bubble */{
	background: url(../images/speech-bubbletop.gif) top left no-repeat;
	text-align: center;
	padding: 2%;
	font-size: 1.2em;
	margin-top: 2%;
	line-height: 1.35em;
	overflow: auto;
	width: 92%;
	*margin-left: -4%;
}
#triage_bubbleinner .triage_question /* options inside speech bubble */ {
	width: 45%;
	float: left !important;
	background: #146793;
	color: #ffffff;
	cursor: pointer;
	margin: 1.5% !important;
	padding: 1%;
}
#triage_bubbletext p {
  margin-top:1em;
  text-align: left;
}
#triage_bubbleinner .triage_question:hover {
	background: #8DC73F;
}
#triage_bubbleinner a {
	font-weight: 600;
	color: #146793;
}
#triage_bubbleinner a:hover {
	color: #146793;
}
/* Back to the start button */
#triage_begining {
	background: #146793;
	color: #ffffff;
	padding:1%;
	font-weight: 600;
	width: 18%;
	font-size: 1.1em;
	cursor: pointer;
	margin-bottom: 2%;
	margin-left: 2%;
}
#triage_begining i {
	padding-right: 3%;
}

/* Last section - Clipboard */
#triage_result {
	background: url(../images/clipboard.gif) 20% top no-repeat;
	text-align: left;
	padding: 17% 10% 15% 6%;
	margin-right: 10%;
	line-height: 1.35em;
	width: 56%;
	min-height: 670px;
	float: right;
	margin-top:-100px;
}
#triage_result h2 {
	font-size: 1.3em;
	color: #146793;
	padding-bottom: 10px;
}
#triage_result .frm_forms {
	padding-top: 10px;
}
#triage_result .frm_forms input, #triage_result .frm_forms textarea {
	font-family: "Open Sans", sans-serif;
	padding: 5px;
	border-radius: 0;
}
#triage_result .frm_submit input {
	background: #8DC73F;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	padding: 10px;
	border: none;
}
#triage_result .with_frm_style, #triage_result .with_frm_style form {
/*	text-align: center;   */
  text-align:left;
}
#triage_result img {
	float: none;
	width: 0;
	height: auto;
	margin-top: 0;
}
#triage_result .with_frm_style label.frm_primary_label, #triage_result .frm_login_form.with_frm_style label { font-size: 14px;}
#triage_result .with_frm_style .form-field { margin-bottom: 5px;}


@media (max-width: 940px) {
	#helpnow img, #triage_speech img { width: 15%;}
	#triage_bubbleouter { width: 85%;}
}

@media (max-width: 850px) {
	#triage_result { width: 60%; float: none; margin: 0 0 0 10px; padding: 20% 10% 15% 6%;}
	#triage_result .with_frm_style label.frm_primary_label, #triage_result .frm_login_form.with_frm_style label { font-size: 12px;}
	#triage_result .with_frm_style .form-field { margin-bottom: 5px;}
}

@media (max-width: 800px) {
	#helpnow img, #triage_speech img { display: none;}
	#triage_bubbleouter { border: 5px solid #146793; border-radius: 15px; background: #ffffff; padding-bottom: 1%; width: 98%; margin: 1%;}
	#triage_bubbleinner { background: #ffffff;}
	#triage_result { width: 98%; background: #ffffff; border: 5px solid #146793; border-radius: 15px;  margin: 0 1%; padding: 2.5%; min-height: 0;}
}