﻿@import url("../../../Content/themes/base/jqueryui.css?mver=86");
@import url("../../../Content/themes/base/jquery-ui.css?mver=86");
@import url("./PageBase.iPadFixes.css?mver=86");


/* TODO: Uncomment this before working on v2.9.  It will change some sizing in Firefox, Safari, and Chrome.  So as you work on v2.9, these style tweaks can also be done.  The most noticable change is that the buttons on the Patient Pipeline become cut off on the bottom (too short). */

html * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


html, body, form
{
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
/* IE7 only */
html* body, form
{
	height: auto;
}

body
{
	position: fixed;
	width: 100%;
	overflow: hidden;
	font-family: helvetica,sans-serif;
	background-color:white;
	background-image:none;
	-webkit-text-size-adjust: none;
	-webkit-background-size: 0.438em 100%;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

form
{
}


a
{
	outline: 0px;
}

a img {
	border: none;
}

/* form structure */


.msform a:active/*, .msform a:visited*/
{
	outline: none;
}


.msform
{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
/* IE7 only: force hasLayout=true */
html* .msform
{
	zoom: 1; 
}

.msform .content
{
	position: absolute;
	overflow: hidden; /* Causes first load to have content scrollbar undernearth navbar  	left: 0; 	top: 0; 	height: 100%; 	width: 100%; 	padding: 88px 0 44px 0; 	*/ /* Causes first load to have content scrollbar undernearth bottom toolbar  	left: 0; 	top: 0; 	height: 100%; 	width: 100%; 	padding: 88px 0 44px 0; 	*/ /* When you click toolbar button then hide it, the content is scrolled up 44px. */
	left: 0;
	right: 0;
	top: 88px;
	bottom: 44px;
	z-index: 5000;
}
/* IE7 only: force hasLayout=true */
html* .msform .content
{
	zoom: 1; 
}

.msform .content.with_no_search
{
	top: 44px;
}

.msform .content.with_searchbar_has0rows
{
	top: 44px;
}

.msform .content.with_searchbar_has1rows
{
	top: 89px;
}

.msform .content.with_searchbar_has2rows
{
	top: 134px;
}

.msform .content.with_searchbar_has3rows
{
	top: 179px;
}

.msform .content.with_searchbar_has4rows
{
	top: 243px;/*224px;*/
}

.msform .content .wrapper
{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	/* z-index: 1000; */
}
/* IE7 only: force hasLayout=true */
html* .msform .content .wrapper
{
	zoom: 1; 
}

.msform .display
{
	position: relative;
}
/* IE7 only: force hasLayout=true */
html* .msform .display
{
	zoom: 1; 
}

.msform .content .wrapper .display
{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
/* IE7 only: force hasLayout=true */
html* .msform .content .wrapper .display
{
	zoom: 1; 
}

.msform .content .wrapper .display #ctl00_ContentPlaceHolder_form_InternalMultiPage
{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
/* IE7 only: force hasLayout=true */
html* .msform .content .wrapper .display #ctl00_ContentPlaceHolder_form_InternalMultiPage
{
	zoom: 1; 
}

.msform .display .view
{
	height: 100%;
	position: absolute;
	width: 100%;
}
/* IE7 only: force hasLayout=true */
html* .msform .display .view
{
	zoom: 1; 
}

.msform .display .view .step-content
{
	overflow: auto;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
/* IE7 only: force hasLayout=true */
html* .msform .display .view .step-content
{
	zoom: 1; 
}

.msform .display .view .step-content .step-content-wrap
{
	/* 	position: relative; 	min-height: 100%; 	width: 100%; 	padding: 14px 10px 20px 10px; 	*/
	padding: 14px 10px 20px 10px;
}
/* IE7 only: force hasLayout=true */
html* .msform .display .view .step-content .step-content-wrap
{
	zoom: 1; 
}

.msform .display .view .step-content .step-content
{
	position:static;
	left: auto;
	top: auto;
	height: auto;
}

.msform .display .view .step-content .step-content-wrap .step-content .step-content-wrap
{
	padding: 0;
}

.msform .display .view .stepview
{
	overflow: auto;
	background-color:white;
	background-image:none;
	/*background: #cbd2d8 url('../../images/bg.gif') scroll repeat;*/
	position: absolute;
	left: 0;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 6000; /* 	overflow-x: hidden; 	overflow-y: auto; 	*/
}
/* IE7 only: force hasLayout=true */
html* .msform .display .view .stepview
{
	zoom: 1; 
}

.msform .display .view .stepview .stepview-wrap
{
	/* 	position: relative; 	min-height: 100%; 	width: 100%; 	padding: 14px 10px 20px 10px; */
	padding: 14px 10px 20px 10px;
}
/* IE7 only: force hasLayout=true */
html* .msform .display .view .stepview .stepview-wrap
{
	zoom: 1; 
}

.msform .display .view .view-table
{
	width: 75%;
	margin-bottom: 10px;
}

/* loader */

.msform .loaderContainer
{
	background: #ffffff;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 999999;
}

.msform .loader
{
	background: #ffffff url("../../images/loader.gif") no-repeat scroll 10% 50%;
	color: #444444;
	font-family: helvetica;
	text-shadow: 0 1px 0 #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	top: 100px;
	left: 44%;
	padding: 11px 0 10px 45px;
	position: absolute;
	width: 100px;
	z-index: 2;
	display: none;
}

.msform .loaderContainer .loader
{
	background-color: transparent !important;
	opacity: 1 !important;
	display: block;
	width:185px;
}

/* default button layout */

.msform a.button
{
	background: url("../../images/button-gray.png") no-repeat scroll left top transparent;
	color: #4f5766;
	display: block;
	font-family: helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	margin: 0;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
	top: 0;
	white-space: nowrap;
	width: 70px;
}

/* content */
.msform .content .button
{
	background: url("../../images/toolbutton.png") no-repeat scroll 0 0 transparent;
	border-width: 0 5px;
	color: #FFFFFF;
	margin: 0;
	overflow: hidden;
	padding: 0 3px 0 3px;
	position: relative;
	right: auto;
	margin-left: 12px;
	float: left;
	top: 0;
	white-space: nowrap;
	width: auto;
	-webkit-tap-highlight-color: transparent;
}
/* for IE7 */
html* .msform .content .button
{
	zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}

.msform .content .button.default
{
	background: url("../../images/toolbuttonGreen.png") no-repeat scroll 0 0 transparent;
}

.msform .content .button a
{
	background: url("../../images/toolbutton.png") no-repeat scroll right top transparent;
	color: #FFFFFF;
	display: block;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	height: 29px;
	*height: 23px;
	margin: 0;
	padding: 7px 11px 0 8px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
}

.msform .content .button.default a
{
	background: url("../../images/toolbuttonGreen.png") no-repeat scroll right top transparent;
}

/* navbar & toolbar */

.msform .toolbar
{
	background: url("../../images/bar/ui-navbar-default-background.png") repeat scroll 0 0 transparent;
	display: block;
	font-family: Helvetica;
	height: 43px;
	position: absolute;
	top: auto;
	bottom: 0px;
	width: 100%;
	z-index: 4000;
	border-top: 1px solid #445265;
}

.msform .navbar
{
	border-top: 0px;
	border-bottom: 1px solid #445265;
	position: relative;
	text-align: center;
	top: 0px;
	-webkit-box-shadow: 0 0 15px #999;
	-moz-box-shadow: 0 0 15px #999;
	z-index: 8000;
}

.msform .toolbar h1.title
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
	filter: Shadow(Color=#111111,Direction=360,Strength=1); /* IE */
	font-family: Helvetica;
	font-size: 21px;
	margin: 0px;
	padding: 9px 0 0 0;
}


.msform .toolbar span.title
{
	right: 40%;
	text-align:right;
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
	filter: Shadow(Color=#111111,Direction=360,Strength=1); /* IE */
	font-family: Helvetica;
	font-size: 19px;
	margin: 0px;
	top: 9px;
	width: 40%;
}
.msform .toolbar span.mrn
{
	left: 62%;
	text-align:left;
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
	filter: Shadow(Color=#111111,Direction=360,Strength=1); /* IE */
	font-family: Helvetica;
	font-size: 19px;
	margin: 0px;
	top: 9px;
	width: 30%;
}

.msform .toolbar .title .counter
{
	font-size: 15px;
	margin-left: 6px;
	vertical-align: middle;
}

.msform .toolbar .button
{
	background: url("../../images/toolbutton.png") no-repeat scroll 0 0 transparent;
	border-width: 0 5px;
	color: #FFFFFF;
	margin: 0;
	overflow: hidden;
	padding: 0px 6px 0px 6px;
	position: relative;
	right: auto;
	margin-left: 12px;
	float: left;
	top: 7px;
	white-space: nowrap;
	width: auto;
	-webkit-tap-highlight-color: transparent;
}
/* for IE7 */
html* .msform .toolbar .button
{
	zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}

.msform .toolbar .importantbutton
{
	background: url("../../images/toolbuttonGreen.png") no-repeat scroll 0 0 transparent;
	border-width: 0 5px;
	color: #FFFFFF;
	margin: 0;
	overflow: hidden;
	padding: 0px 6px 0px 6px;
	position: relative;
	right: auto;
	margin-left: 12px;
	float: left;
	top: 7px;
	white-space: nowrap;
	width: auto;
	-webkit-tap-highlight-color: transparent;
}
/* for IE7 */
html* .msform .toolbar .importantbutton
{
	zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}

.msform .navbar .button, .msform .navbar .importantbutton
{
	position: absolute;
	right: 6px;
	left: auto;
	float: none;
	margin-left: 0px;
}

.msform .toolbar .button a
{
	background: url("../../images/toolbutton.png") no-repeat scroll right top transparent;
	color: #FFFFFF;
	display: block;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	height: 29px;
	*height: 23px;
	margin: 0;
	padding: 7px 11px 0 4px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
}

.msform .toolbar .importantbutton a
{
	background: url("../../images/toolbuttonGreen.png") no-repeat scroll right top transparent;
	color: #FFFFFF;
	display: block;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	height: 29px;
	*height: 23px;
	margin: 0;
	padding: 7px 11px 0 4px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
}

.msform .toolbar .back
{
	left: 12px;
	right: auto;
	background: url("../../images/toolbutton.png") no-repeat scroll 0 -32px transparent;
	padding: 0 12px;
}

.msform .toolbar .back a
{
	padding-left: 6px;
}

.msform .toolbar .logo
{
	left: 85px;
	right: auto;
	top: 6px;
	display: inline;
	position: absolute;
	float: none;
	margin-left: 0px;
}

.msform .toolbar .saveprogress
{
	right: 83px;
}

.msform .toolbar .save
{
	right: 83px;
}

.msform .toolbar .review
{
	right: 75px;
}

.msform .toolbar .next
{
}

.msform .toolbar .next a
{
	background: url("../../images/toolbuttonGreen.png") no-repeat scroll -449px -32px transparent;
	padding-right: 17px;
}

.msform .toolbar .info
{
	background: none !important;
	border-width: 0;
	margin: 0;
	overflow: hidden;
	padding: 0 3px 0 3px;
	position: relative;
	margin-right: 12px;
	float: right;
	top: 7px;
	width: 30px;
}

.msform .toolbar .info a
{
	background: url("../../images/info.png") no-repeat scroll right top transparent !important;
	display: block;
	height: 29px;
	*height: 23px;
	margin: 0;
	padding: 10px 0 0;
	position: relative;
	width: 28px;
}

/* validation */
.msform input[type="text"].invalid
{
	border: 1px solid #d30000;
}


/*
    search panel
*/

.msform div.search
{
	background-color: #FFFFFF;
	height: 100%;
	left: 0;
	position: absolute;
	top: 44px;
	width: 100%;
	/* z-index: 5000; */
}

.msform .searchbar
{
	background: url("../../images/searchbar-advance-top.png");
	background-position: top;
	background-color: #CFCBD1; /* #CFCBD1 is Between #C7CFD4 and #BEC7CD */
	height: 44px;
	position: relative;
	width: 100%;
	z-index: 7000;
	display: block;
	font-family: Helvetica;
	-webkit-box-shadow: 0 0 15px #999;
	-moz-box-shadow: 0 0 15px #999;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	background-repeat: repeat-x;
}

.msform .searchbar .searchbar-wrap
{
/*
	background: url("../../images/searchbar-advance-bot.png");
*/
	background: url("../../images/searchbar-advance.png");
	background-size: 4px 100%;
	position: relative;
	height: 100%;
	width: 100%;
	background-position: bottom;
	background-repeat: repeat-x;
}

.msform .searchbar.hidden
{
	display: none;
}

.msform .searchbar.collapsed
{
	/* height: 44px; */
}

.msform .searchbar.expanded
{
	/* height: 135px; */
}

.msform .searchbar.has0rows
{
	height: 0px;
}

.msform .searchbar.has1rows
{
	height: 44px;
}

.msform .searchbar.has2rows
{
	height: 89px;
}

.msform .searchbar.has3rows
{
	height: 135px;
}

.msform .searchbar.has4rows
{
	height: 200px;/*179px;*/
}

.msform .searchbar.expanded  .searchbar-wrap
{
	background: none;
}

.msform .searchbar .searchForm label
{
	font-family: helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0 4px 0 0;
	padding: 4px 0 0 6px;
	color: #444;
}

.msform .searchbar .searchForm ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}

.msform .searchbar .searchForm li
{
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.msform .searchbar .searchForm li:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.msform .searchbar .searchfield
{
	background: url("../../images/searchfield.png") no-repeat scroll 0 0 transparent;
	border: 0 none;
	color: #666666;
	display: none;
	font-family: Helvetica;
	font-size: 12px;
	height: 43px;
	line-height: 25px;
	margin: 0 0 0 20px;
	position: relative;
	width: 480px;
	vertical-align: middle;
}

.msform .searchbar .searchfield input
{
	border: 0 none;
	color: #666666;
	font-family: Helvetica;
	font-size: 16px;
	left: 40px;
	position: absolute;
	top: 13px;
	width: 400px;
	margin: 0;
	padding: 0;
}

.msform .searchbar .searchfield:focus, .msform .searchbar .searchfield input[type="text"]:focus
{
	outline-width: 0;
}

.msform .searchbar .searchfield a /* clear button */
{
	background: url("../../images/cancel_normal.png") no-repeat scroll left top transparent;
	display: block;
	height: 20px;
	left: auto;
	position: absolute;
	right: 9px;
	top: 13px;
	width: 20px;
}

.msform .searchbar .searchfield a:hover, .msform .searchbar .searchfield a:active
{
	-webkit-appearance: none;
	border: none;
	-webkit-border-radius: 0;
	-webkit-tap-highlight-color: transparent;
}


.msform .searchbar .button
{
	/*
	background: url("../../images/toolButtonBlue.png") no-repeat scroll 0 0 transparent;
	border-width: 0 5px;
	color: #FFFFFF;
	left: 510px;
	margin: 0;
	overflow: hidden;
	padding: 0 3px;
	position: absolute;
	top: 7px;
	white-space: nowrap;
	width: auto;
	display: none;
	*/
	background: url("../../images/toolbutton.png") no-repeat scroll 0 0 transparent;
	border-width: 0 5px;
	color: #FFFFFF;
	margin: 0;
	/*overflow: hidden;*/
	padding: 0px 6px 0px 6px;
	position: relative;
	right: auto;
	margin-left: 12px;
	float: left;
	top: 2px;
	white-space: nowrap;
	width: auto;
	-webkit-tap-highlight-color: transparent;
}
/* for IE7 */
html* .msform .searchbar .button
{
	zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}

.msform .searchbar .button a
{
	/*
	background: url("../../images/toolButtonBlue.png") no-repeat scroll right top transparent;
	color: #FFFFFF;
	display: none;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	margin: 0;
	padding: 7px 11px 0 8px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	*/
	background: url("../../images/toolbutton.png") no-repeat scroll right top transparent;
	color: #FFFFFF;
	display: block;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	height: 29px;
	*height: 23px;
	margin: 0;
	padding: 7px 11px 0 4px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
}

.msform .search .instructions
{
	display: block;
	padding: 15px;
}

.webpadLogo
{
	padding-right: 10px;
	padding-bottom: 10px;
}

.msform div.search .loader
{
	background: url("../../images/loader.gif") no-repeat scroll left center transparent;
	color: #444444;
	font-family: helvetica;
	text-shadow: 0 1px 0 #FFFFFF;
	font-size: 15px;
	top: 130px;
	left: 24%;
	padding: 11px 0 10px 30px;
	position: absolute;
	width: 100px;
	z-index: 2;
	display: none;
}


.msform div.search .results
{
	height: 486px;
	overflow: auto;
	position: absolute;
	width: 63%;
	font-family: helvetica;
	border-right: 1px solid #999;
}

.msform div.search .results ul
{
	margin: 0;
	padding: 0;
	display: block;
}

.msform div.search .results .item
{
	border-bottom: 1px solid #CCCCCC;
	display: block;
	margin: 0 !important;
	position: relative;
	cursor: pointer;
	display: block;
	font-family: helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	width: auto;
	color: #444444;
}

.msform div.search .results .more
{
	text-align: center;
	padding-right: 0px;
}

.msform div.search .results .item .text
{
	display: block;
	font-family: helvetica,sans-serif;
	font-size: 17px;
	font-weight: bold;
	position: relative;
	width: auto;
	padding: 16px 0 15px 45px;
}


.msform div.search .results .more .text
{
	background-color: #eff5fc;
	padding-left: 0px;
}


.msform div.search .results .alt
{
}

.msform div.search .results .selecting
{
	background: url("../../images/selection.png") repeat-x scroll bottom left;
	color: #333;
}

.msform div.search .results .selecting .text, .msform div.search .results .selected .text
{
	background: #eff5fc url("../../images/checkbutton.png") no-repeat scroll 1.25% 50%;
}

.msform div.search .results .loading .text
{
	background: #ffffff url("../../images/loader.gif") no-repeat 40% 50%;
}


/* search reflist */

.msform div.search .reflist
{
	height: 486px;
	overflow: auto;
	position: absolute;
	left: auto;
	right: 0px;
	width: 37%;
	font-family: helvetica;
}


.msform div.search .reflist .title
{
	position: relative;
	height: 19px;
	background: url("../../images/listgroup.png") repeat-x scroll top left transparent;
	font-family: helvetica;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
	filter: Shadow(Color=#111111,Direction=360,Strength=1); /* IE */
	font-family: Helvetica;
	font-size: 14px;
	margin: 0px;
	padding: 4px 0 0 12px;
	font-weight: bold;
}

.msform div.search .reflist ul
{
	margin: 0;
	padding: 0;
	display: block;
}

.msform div.search .reflist .item
{
	border-bottom: 1px solid #CCCCCC;
	display: block;
	margin: 0 !important;
	position: relative;
	display: block;
	width: auto;
	color: #444444;
}

.msform div.search .reflist .item .text
{
	display: block;
	font-family: helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	width: auto;
	padding: 12px 0 15px 20px;
}

.msform div.search .reflist .item .text .inner-text
{
}

.msform div.search .reflist .item .text .details
{
	display: none;
}

.msform div.search .reflist .selecting
{
	background: url("../../images/selection.png") repeat-x scroll bottom left;
	color: #333;
}




/* form section */

.msform .content .wrapper .display
{
	font-family: Helvetica, Sans-Serif;
}

.msform .display .instructions
{
	font-size: 14px;
	margin: 0 2% 30px 0;
	color: #000;
	text-shadow: 0 1px 0 #FFFFFF;
}

.msform .display ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}

.msform .display li
{
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.msform .display li:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.msform .display ul.group
{
	margin: 50px 0 0 0;
}

.msform .display li.section
{
	border-top: 1px solid #6F7F95;
	margin-bottom: 49px;
	margin-top: 20px;
	padding-bottom: 0;
	padding-top: 10px;
	width: 98%;
}

/* IE7 only */
html* .msform .display li.section
{
	padding-top: 14px !important;
}
.MiscUL
{
	margin-top: 0px;
}
.InfoUL
{
	margin-top: 0px;
}
.FamiliHistoryUL
{
	margin-top: 0px;
}
.GeneralInfoUL
{
	margin-top: 0px;
}
.GeneralVitalInfoLi
{
	border: none;
	padding-top: 8px;
	margin-bottom: -15px !important;
}
.rightAligned
{
    float :left;
    width:65% !important;
}    

.msform .display li.subsection
{
	margin-bottom: 49px;
	margin-top: 20px;
	padding-bottom: 0;
	padding-top: 10px;
	width: 98%;
}

.msform .display li.plain
{
	background: transparent;
	border: 0px dotted #CCCCCC;
	margin-bottom: 0px;
	width: auto;
}

.msform .display .section h3
{
	color: #556780;
	font-family: helvetica,sans-serif;
	font-size: 115%;
	line-height: 130%;
	margin: 0 0 0 12px;
	/* position: absolute; */
	text-shadow: 0 1px 0 #FFFFFF;
	top: -33px;
}

.msform .display .subsection h4
{
	color: #556780;
	font-family: helvetica,sans-serif;
	font-size: 100%;
	line-height: 110%;
	margin: 0 0 0 12px;
	position: absolute;
	text-shadow: 0 1px 0 #FFFFFF;
	top: -33px;
}

/* field */


.msform .display li.field
{
	/*padding:7px 10px 7px 5px;*/
	padding: 7px 7px 7px 3px;
}

.msform .display li.last
{
}

.msform .display li.field label.desc
{
	float: left;
	font-family: helvetica,sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin: 0 4px 0 0;
	padding: 4px 0 0 6px;
	width: 34%;
	color: #444;
}

.msform .display li.field label.descRYI
{
	width: 98%;
}

.msform .display li.field label.questiontext
{
	float: left;
	font-family: helvetica,sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 4px 0 0 8px;
	color: #444;
}

.msform .display li.field label.descInboundFaxQueue{
	padding-left: 2px;
}

.answerliteral
{
	font-family: helvetica,sans-serif;
	font-size: 17px;
	margin: 0 5px 0 0;
	padding: 10px 0 0 10px;
	color: #444;
}

.msform .display li.field .additionalinfo
{
	display: block;
	font-family: helvetica,sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	margin: 0 5px 0 0;
	padding: 4px 0 0 16px;
	color: #444;
	clear: both;
}

/* Form elements */

.msform .content .wrapper .display input[type="text"], input[type="password"], .msform .content .wrapper .display input[type="number"], .msform .content .wrapper .display textarea, .msform .content .wrapper .display select
{
	margin: 0;
	padding-left:0px;
	padding-right:0px;
	font-size: 100%;
	border: 1px solid #6F7F95;
	color: #333;
	-webkit-border-radius: 6px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: white;
}

/*IE11 Issue - Clear button shows two times*/
.msform .content .wrapper .display input[type="text"]::-ms-clear{
	display: none;
}

.msform select.select
{
	color: #333333;
	float: right;
	font-size: 100%;
	height: 28px;
	margin: 0;
	width: 60%;
}

.msform .display input.text
{
	float: right;
	width: 60%;
}

.msform .display input.fulltext
{
	float: right;
	width: 100%;
}

.msform .display .fieldright
{
	float: right;
}

.msform .display .section p
{
	font-size: 85%;
	margin: 0 0 1em 0;
}

.msform .display .section ul
{
	display: inline-block;
}


input.text, textarea.textarea, select.select
{
	margin: 0;
	font-size: 100%;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	color: #333;
}

input.text
{
	padding: 2px 0 2px 0;
}

input.currency
{
	text-align: right;
}

input.checkbox, input.radio
{
	display: block;
	line-height: 1.4em;
	margin: 8px 0 0 3px;
	width: 13px;
	height: 13px;
}

textarea.textarea
{
	margin-top: 1px;
	font-family: "Lucida Grande" ,Tahoma,Arial,Verdana,sans-serif;
	float: right;
	width: 60%;
}

textarea.clinicalNotes
{
	float: right;
	width: 99%;
}


.msform .freetext-remove
{
	/* 	display: block; 	left: auto; 	position: absolute; 	right: -46px; 	top: 7px; */
}

.msform .noselection
{
	font-family: helvetica,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	left: auto;
	position: absolute;
	right: 12px;
	top: 4px;
	width: auto;
}


.msform .noselection label
{
	float: right;
	margin-top: 2px;
	position: relative;
}

.msform .noselection input
{
	float: right;
}

.msform .termsconfirm
{
	font-family: helvetica,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	left: auto;
	position: absolute;
	right: 17px;
	top: 15px;
}


.msform .termsconfirm label
{
	float: right;
	margin-top: 2px;
	position: relative;
}

.msform .termsconfirm input
{
	float: right;
}

.mqr
{
	color: #000;
	text-shadow: 0 1px 0 #efefef;
}

.mqr .mqr-table
{
	width: 100%;
	border-collapse:collapse;
}

.mqr-sep
{
	border-bottom: 1px solid #cbcfd4;
}

.mqr-row-alt {
	background-color: white;
}
    .mqr-row-alt:not(:first-child) {
        border-top: 1px solid #cbcfd4;
    }

.mqr-row {
	background-color: white;
}

	.mqr-row:not(:first-child) {
		border-top: 1px solid #cbcfd4;
	}

.mqr li .checkbuttonlist-yesno
{
	margin-right: 10px;
}

.validator
{
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: Red;
}

.validationPass
{
	color: #444444;
	font-family: helvetica,sans-serif;
	font-size: 20px;
	font-weight: bold;
	float: left;
}

.validationFail
{
	color: #FF0000;
	font-family: helvetica,sans-serif;
	font-size: 20px;
	font-weight: bold;
	float: left;
}

.jslink
{
	cursor: pointer;
	cursor: hand;
}

/*html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default
{
	background: none repeat scroll 0 0 #FFFFFF;
	font-size: 16px !important;
}*/

/*html body .RadInput_Default .riTextBox
{
	font-size: 13px !important;
}*/

/*html body .RadInput .riTextBox, html body .RadInputMgr
{
	border-style: solid;
	border-width: 1px;
	padding: 1px 1px 1px 1px !important;
}*/

/* JQuery Autocomplete CSS */
.ac_results
{
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul
{
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li
{
	margin: 0px; /*	padding: 2px 5px; */
	cursor: default;
	display: block; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/
	font: menu; /*	font-size: 12px; */
	font-size: 17px; /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/
	overflow: hidden;
	padding: 16px 10px 15px 45px;
}

.ac_loading
{
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd
{
	background-color: #eee;
}

.ac_over
{
	background-color: #5C9CCC;
	color: white;
}

/* RYI Expand/Collpase CSS */
.sectionHeader
{
	border: 1 solid lightgray;
	background-color: #DBDBDB;
	width: 100%;
	text-indent: 7px;
	padding-left: 2px;
	line-height: 250% !important;
	margin-left: 0px !important;
}

.sectionHeader LABEL
{
	/* float: left; */
}

.sectionHeader LABEL LABEL
{
	float: none;
}

.sectionHeader .expandCollapseContainer
{
	float: right;
	top: 0px;
	position: relative;
}

.sectionDetails
{
	padding-top: 0px;
	/* border: 1px solid gray; */
	margin-bottom: 49px;
	display: block;
}

.imageCollapse
{
	width: 46px;
	height: 46px;
	background: url("../../images/up-icn.png") no-repeat scroll 0 0 transparent;
	background-position: center;
}

.imageExpand
{
	width: 46px;
	height: 46px;
	background: url("../../images/down-icn.png") no-repeat scroll 0 0 transparent;
	background-position: center;
}

.expanded
{
	background-color: #DBDBDB;
}

.collapsed
{
	background-color: #C6C6C6;
}

.msform .content .button.blue
{
	background: url("../../images/toolButtonBlue.png") no-repeat scroll 0 0 transparent;
}

.msform .content .button.blue a {
    background: url("../../images/toolButtonBlue.png") no-repeat scroll right top transparent;
}

.full-height {
    height: 100%;
}

.step-content-container {
    height: 100%;
    position: relative;
}

.step-content-vertical-align-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
}

.step-content-vertical-align {
    display: table-cell;
}

.step-content-vertical-align-middle {
    vertical-align: middle;
}
/* @media only screen and (max-width: 900px) */
/* HACK: This is to target iPad in landscape mode... using a max-height would be better */
@media only screen and (orientation:landscape)
{

}

/*Below css classes is used to set scroll in iframe content when source is loaded for IOS/andriod devices*/
.scroll-wrap {
	position: relative;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#scroll-overlay {
	position: absolute;
	top: 0;
	left: 0;
	/* set the width and height equal to the iframe’s */
	z-index: -10;
	-webkit-overflow-scrolling: touch;
}
.arrow {
    width:40px;
    margin:0px auto;
	margin-left: 0px;
}
.ui-icon-right-arrow {	
    width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #859b9b;
    float:right;
}
.ui-icon-left-arrow {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 20px solid #859b9b;
    float:left;
}
.line {
    margin-top:8px;
    width:20px;
    background:#859b9b;
    height:5px;
}
.left-line{
	float:right;
}
.right-line{
	float : left;
}