/*------------------------- Footer----------------------------------*/
.footer {
	border-top: 1px solid #DBDBDB;
	clear: both;
	color: #7F7F7F;
	font-size: 0.9em;
	padding: 5px 5px 5px 0;
	text-align: right;
}

.footer p
{
	padding:0px; margin:0px;
}
/*------------------------------------ Main HTML Tags ----------------------------------*/
html, body, div, span, h1, h2, h3, p, a, em, img, strong, ul, li, form, label {
background:none repeat scroll 0 0 transparent;
border:0 none;
font-size:100%;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}

body
{
	background: #8F9097;
	font-family: 'Trebuchet MS',Helvetica,sans-serif;
	font-size:0.8em;	
	margin: 0;
	color:Black;
	padding: 0;	
}

textarea
{    
	font-size:1.2em;
	overflow:auto;
	border: solid 1px gray;
}

ul
{
	margin-bottom: 15px;	
}

p
{    
	margin-bottom:0.5em;
}

li 
{
	list-style: none;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #0077D4;
	font-size: 1.7em;
	font-weight: normal;
	margin-left: 10px;
}

h1
{
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2
{
	padding: 0 0 0 0;	
}
h3
{
	font-size: 1.2em;	
}
h4
{
	font-size: 1.1em;border-bottom:solid 1px #7F7F7F;margin-bottom:5px;padding:5px;margin-top:0px;
}
h5, h6
{
	font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}
p{padding:5px;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	background-color:White;	
}
#header
{	
	margin-bottom: 0px;	
	padding: 0;
	border-bottom: 1px #FFF solid;
	clear:both;
	height:58px;
}

#main
{	
	background-color: #fff;	
	_height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}
/*------------------------- Footer----------------------------------*/
#ErrorFooter {
background:url("images/scsl_logo.jpg") no-repeat scroll right 15px #FFFFFF;
padding:15px 120px 15px 0;
}
/*----------------------------- Headers ------------------------------*/
.mainPageHeader {
	height: 5px;
	background-color: #D04893;
	margin-bottom: 5px;
} /* change color of bar */

#BottomMargin {margin-bottom:0;}

#logo {
display:inline;
float:left;
margin-left:10px;
}

#logindisplay
{	
	float:left;	
	text-align: right;
	margin: 0px 5px 2px;
	font-size:0.9em;
	width:600px;	
}

.dataLabelWide,
.riskFactoreLabelWideLeft,
.riskFactoreLabelWideRight {
    margin-right: 10px;
    float: left;
    width: 200px;
    text-align: right;
    color: Gray;
    font-size: 0.85em;
}
.riskFactoreLabelWideRight{width: 280px;}
.dataLabelWide { width: 175px; }
.dataLabel{margin-right: 10px; float: left; width: 160px; text-align: right; color:Gray; font-size:0.85em;}
.dataUnit {
    color: Gray;
    font-size: 0.85em;
}
.dataLabelLink{margin-right: 28px; float: right; width: 160px; text-align: right; color:Gray; font-size:0.85em;}
.data {clear:both;}
.dataSelect {
    min-width: 200px;
}

.dataInformation {
    width: 560px;
    float: right;
}

.dataInformationLabel {
    width: 96%;
    float: right;
}

/*--------------------------- Links ----------------------------------*/
a:link {
	color: #0077D4;
	text-decoration: underline;
}
a:visited
{
	color: #66ADE5;
}
a:hover
{
	color: #66ADE5;
	text-decoration: none;
}
a:active
{
	color: #0077D4;
}

/*-------------------------- Disable ------------------------------------*/

.Disable {
	zoom: 1;
	/* For web browsers who care */
	opacity: 0.3;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	pointer-events: none;
	cursor: not-allowed;
}

input[type="text"][disabled],input[type="password"][disabled]{ background-color:#ddd;}
input[type="text"][readonly],input[type="password"][readonly]{ background-color:#ddd;}

/*----------------------------- Messaging --------------------------------*/
.error
{
	color: Red;
}

.field-validation-error
{
	color: #ff0000;
}

/*.validation-errors
{	
	border: 2px solid #ff0000;
	background-color: #ffeeee;	
	text-indent:5px;
	font-size:0.9em;				
}
*/

.information-summary {
    background-color: white;
    font-size: 0.9em;
    margin-bottom: 5px;
    vertical-align: bottom;
    margin: 20px;
    text-align: left;
    padding-right: 5px;
}

.message-summary
{	
	border: 2px solid #000000;		
	background-color: #FFFFCC;						
	font-size:0.9em;
	margin-bottom:5px;
}
.input-message{vertical-align:bottom; text-align:justify;margin-left:30px;padding-right:5px;}
.input-message img{margin-top:5px;vertical-align:bottom;margin-left:-27px}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{	
	margin-bottom:3px;
	padding:0 2px 2px 2px;
	border: 1px solid #7F7F7F;			
}

.Container
{	
	border: none;	
}

fieldset label
{	
	display: inline;
}

fieldset label.inline
{
	display: inline;
}

legend {
	color: #0077D4;
	font-size: 1.1em;
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 7px;
}

input[type="text"], input[type="password"]
{	
	border: 1px solid #CCC;
}

fieldset.form label {
    display: block;
}

fieldset.form label.fieldName {
    width: 100px;
}

fieldset.form input {
     display: block;
}

fieldset.form input[type="button"],
fieldset.form input[type="submit"] {
    display: block;
    float: right;
}

/*--------------------------- Buton Layout ----------------------------*/
.Action-Button-Container{float:right; clear:both;}
.Action-Button-Container-Left {
    clear: both;
    margin-left: 169px;
    margin-top: 3px;
}

/* Messages */
.validation-errors, .message-summary { padding:10px 10px 0px 10px; text-indent:0px; margin:5px 0px; }
.validation-errors
{
	border: 2px solid #ff0000;
	background-color: #ffeeee;
	text-indent: 5px;
	font-size: 0.9em;
}
.message-information
{
    border: 2px solid #000099;
    background-color: #D9D9FF;
    font-size: 0.9em;
    padding-top:5px;
}
.validation-errors ul, .message-summary ul, .message-information ul{ margin-bottom: 0px; }
.validation-errors li, .message-summary li, .message-information li { margin:0px 0px 10px 0px; min-height:26px; }
.input-message { padding-left:35px; text-align:left;  }
.input-message p { line-height:22px; padding:0px; margin:0px 0px 0px 0px; }
.validation-errors .warning, .message-summary .warning { background: url('images/warning-icon.png') no-repeat left top; color: #000000; }
.validation-errors .error, .message-summary .error, .message-information .information { background: url('images/error-icon_1-1.png') no-repeat left top; color: #000000; }
.validation-errors .success, .message-summary .success { background: url('images/success-icon_1.png') no-repeat left top; color: #000000; }
.message-summary { border:2px solid #FECE00; }
/*------------------------------------- Loading ----------------------------------------------*/
.LoadingImage {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*------------------------------------ General -----------------------------------------------*/
.Action-Button-Container { margin-right:0px; width:100%; text-align:right; margin-top:10px; float:none;}
.Action-Button-Container .data {height: 25px; float: left; text-align: left;}
.Action-Button-Container .dataLabel
{
	width: 90px;
	margin-left: 5px;
	text-align: left;
}

.Action-Button-Container .dataLeft {
    height: 25px;
    float: left;
    text-align: left;
    margin-left:170px
}


.Action-Button-Container .TabletsRequiredForTreatment
{
   margin-left: 30px; 
   padding-right:15px;
   width: 170px;
   color:Gray; 
   font-size:0.85em;
}
.Action-Button-Container .TabletsRequiredForTreatment .data
{
   color:Red; 
}

.Action-Button-Container .Icon-Container
{
    border: none;
    padding: 1px 2px 1px 2px;
}

.PoCT_Buttons .Button{
    display: inline-block;
}

#EPLConfirmation 
{
    width: 90%;
    float: left;
    padding-top: 5px;    
    padding-left: 15px;
} 

#EPLConfirmation ul li
{
	list-style-type:disc;
	margin-left:15px;
    margin-top: 5px;
}




/*------------------------------------ Password----------------------------------------*/
#CreateUserWrapper, #ChangePasswordWrapper, #passwordExpiredWrapper {float:left;clear:none;}
#CreateUserWrapper, #passwordExpiredWrapper {width:650px;}
#PasswordRequirements {
	background: url("images/panel_bg.jpg") no-repeat scroll 0 0 #D9EAF8;
	display: inline;
	float: right;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:10px;
	padding: 15px;
	width: 240px;
}

#PasswordRequirements ul 
{
    padding: 5px;
}

#PasswordRequirements ul li
{
	list-style-type:disc;
	margin-left:15px;
}

#PasswordRequirements h3 {
    margin-left: 0;
    padding-left: 5px;
}

#passwordExpiredPage {padding:5px;}

.passwordText {
	font-family: Courier, Monospace;
}

.status {
	font-size: 1.5em;
	color: #FFF;
	font-weight: normal;
	width: 960px;
	text-align: center;
	background: #D04893;
}
.notification{float:left;background: url(images/NotificationIcon.png) no-repeat center center; width:16px; height:16px; margin:0;margin-left:2px;padding:0px;}
.tabWarning{float:left;background: url(images/small_warning-icon.gif) no-repeat center center; width:18px; height:16px; margin:0;margin-left:2px;padding:0px;}
/*------------------------------- Buttons---------------------------------------------*/
input[type="button"], input[type="submit"] {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555;font-size: 1em;  display: inline-block; padding: 4px; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
input[type="file"] {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555;font-size: 1em;  display: inline-block; padding: 4px; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: left; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
input[type="button"]:hover, input[type="submit"]:hover, input[type="file"]:hover { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
input[type="button"][disabled], input[type="submit"][disabled], input[type="file"][disabled]{cursor:default;  }
input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover, input[type="file"][disabled]:hover {border-radius: 0px;border: 1px solid #d3d3d3;background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
li.ui-sorb-buttons input[type="button"] {
    background: #2382c8;
    min-width: 2em;
    color:#fff;
    font-size:0.8em;
    padding:3px;
    margin-top:-2px;
    height:2.2em;
}

    li.ui-sorb-buttons input[type="button"]:hover {
        background: #233E99;
    }
input.skip {
    width: 5em;
}
li.ui-sorb-buttons input[type="button"].grey {
    background: #d3d3d3;
}

/*------------------------------- Tabs---------------------------------------------*/
.tabs {position: relative;zoom: 1; border:none; font-size: 1em; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} 
.tabs ul
{
	margin: 0; 
	outline: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none; 
	display: block;
	margin: 0; 
	padding: 0.2em 0.2em 0;
	border: 1px solid #aaaaaa; 
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
	color: #222222; 
	font-weight: bold;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px;   
	height:27px; 
}
.tabs ul li 
{ 
	list-style: none; 
	float: left; 
	position: relative;     
	margin: 0 .2em 0px 0; 
	border-bottom: 0 !important;    
	white-space: nowrap;
	border: 1px solid #d3d3d3; 
	background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; 
	font-weight: normal;     
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px; 
	-moz-border-radius-topright: 0px; 
	-webkit-border-top-right-radius: 0px; 
	border-top-right-radius: 0px;    
	line-height:16px;
	padding:5px 9px 5px 9px;    
}
.tabs ul li a {text-decoration:none;color: #555555; float:left;}
.tabs ul li.selected { margin-bottom: 0; padding-bottom: 6px; background:none;background-color:White; border:1px solid #AAAAAA}
	.tabs ul li.selected a {
		color: #0077D4;
	}
.tabs ul li.disabled { background-image: url(images/overlay-back.gif); background-repeat: repeat; padding-bottom:4px; cursor:default; }
.tabs ul li.disabled a{cursor:default;color: #222222; }
.tabContainer{background: none; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; padding-top:2px;}

.clinicDetailsContainer{ padding-bottom: 10px; width: 930px; float: left;}
.modalClinicDetailsContainer{ padding-bottom: 10px; width: 800px; float: left;}

.modalClinicDataLabel{margin-right: 10px; margin-left: 10px;  color:Gray; font-size:1em;}

.dataLabelNarrow{margin-right: 10px; margin-left: 10px; float: left; text-align: right; color:Gray; font-size:1em;}
.clinicDetails{float: left; width: 150px;}
.clinicDate{float: left; width: 250px; margin-left: -10px;}
.clinicName{color: #000000; margin-left: -9px;font-weight: bold; width: 930px;}
.clinicHelpLink{float: right; vertical-align:top; margin: 10px;}
#btnAddAppointment{ float: left;}
.floatLeft { float: left;}
.ClinicsModalFirstColumn{float: left; width: 400px;}
.clinicButtons {float: left; margin-top: 5px;}

#ChangeNextTestDate { font-size: 12px !important;}

#linkButton {
    background:none!important;
     border:none; 
     padding:0!important;
    
    /*optional*/
    font-family:arial,sans-serif; /*input has OS specific font-family*/
     color:#069;
     text-decoration:underline;
     cursor:pointer;
}

.externalResultCount {
	float: left;
	margin: 0 -4px 0 4px;
	background-color: #0077D4;
	color: #FFFFFF;
	text-align: center;
	min-width: 11px;
	padding-left: 5px;
	padding-right: 5px;
	/* border-radius: 16px; - No CSS3 in Client */
}


/* Important Information Styling */
.el-rte-structure { background-color: white;}

.el-rte-structure h1, 
.el-rte-structure h2, 
.el-rte-structure h3, 
.el-rte-structure h4, 
.el-rte-structure h5, 
.el-rte-structure h6,
.el-rte-structure div,
.el-rte-structure p,
.el-rte-structure ul {
    margin-left: 0;
    padding-left: 0;
}

.el-rte-structure li {
    list-style-type:disc;
    margin-left: 50px;
}


/* Important Information Styling End*/