/*
@import url(dialog.css);

@import url(tables.css);

@import url(menu.css);

@import url(summary.css);

@import url(css/tooltip.css);
*/

body, html	{
	height:	100%;
}
td {
	font-size: 10pt;
}

pre {
	font-family: Arial,sans-serif;
	white-space: pre-wrap; /* css-3 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	width: 99%; /* remove horizontal scroll-bar when viewing in IE7 */
	margin-top: 0;
	margin-bottom: 4px;
}

.pageFooter {
	border-top: #B4B4B4 1px solid;
	position: relative;
	bottom: 0;
	height: 20px;
	margin-top: 40px;
	width: 100%;
	clear: both;
}

.pageFooterRef {
	border-top: #B4B4B4 1px solid;
	width: 100%;
	bottom: 0;
	min-height: 1%;
	height: 1%;
	clear: both;
}

.pageFooter1 {
	border-top: #B4B4B4 1px solid;
	position: absolute;
	bottom: 6px;
	height: auto;
	width: 100%;
	clear: both;
}

table.moduleListArea {
	padding: 0;
	background-color: #EEEEE6;
	border-bottom: #B4B4B4 1px solid;
}
table.moduleListArea td {
	font-size: 10pt;
	padding: 0;
	vertical-align: middle;
}
table.moduleListArea td a {
	font-weight: normal;
}

.moduleContentArea {
	
}

.moduleContentArea1 {
	min-height: 100%;
	margin: 0 auto;
	height: auto;
	overflow: auto;
}

* html .moduleContentArea1 {
	height: 100%;
}

.moduleButton {
	height: 30px;
	display: inline-block;
	vertical-align: middle;
}

.moduleButton a {
	font-size: 10pt;
	height: inherit;
	display: block;
	vertical-align: middle;
	line-height: 30px;
}

.moduleButton a:hover {
	background-color: #ddd;
}

.moduleButton a span {
}

img {
	border: 0;
	vertical-align: middle;
}

.error {
	font-weight: bold;
	color: red;
}

/* 
Classes for displaying warning, information or error messages to user 
*/
span.helpmessage {
    background: url("../images/16x16/help.png") no-repeat scroll 10px 50% #f3f3ff;
	border: 1px solid #7b7afe;
	color: black;
}

span.info {
    background: url("../images/16x16/information.png") no-repeat scroll 10px 50% #e7e7ff;
    border-color: #7b7afe;
    border-style: solid;
    border-width: 1px 0;
    color: #0000CC;
}

span.warning {
    background: url("../images/16x16/warning.png") no-repeat scroll 10px 50% #FFFFD6;
    border-color: #FE7B7A;
    border-style: solid;
    border-width: 1px 0;
    color: #CC0000;
}

span.error {
    background: url("../images/16x16/error.png") no-repeat scroll 10px 50% #FFD6D6;
    border-color: #FE7B7A;
    border-style: solid;
    border-width: 2px;
    color: #CC0000;
}
span.error, span.info, span.warning, span.helpmessage {
    display: inline-block;
    margin: 15px 10px;
    padding: 5px 35px 5px 45px;
    width:	400px;
}

.mandatory {
	font-weight: bold;
	color: red;
}

.helpmessage	{
    background: url("../images/16x16/information.png") no-repeat scroll 10px 50% #f3f3ff;
    display: block;
    margin: 15px 10px;
    padding: 5px 35px 5px 45px;
	color:	darkblue;
	border: 1px solid #7b7afe;
}

body {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}

textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
}

a {
	color: #405060;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

a:link {
	
}

a:visited {
	
}

a:hover {
	color: #39A9FF;
}

.summary {
	border: #B4B4B4 1px solid;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	background: #f8f8f8;
	width: 80%;
}

.reportSummary {
	border: #B4B4B4 1px solid;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fafafa;
	width: 100%;
}

.summaryTitle {
	padding: 2px 2px 2px 2px;
	margin: 0 0 5px 0;
	text-align: left;
	background: #DFE5EB;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.summarySection {
	padding: 2px 3px 2px 3px;
	vertical-align: top;
	color: #000000;
	text-align: left;
}

.navTitle {
	font-size: 13px;
	font-weight: bold;
	color: #EEEEEE;
	background: #4F5193;
	text-align: center;
}

.navHeader {
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	background: #4F5193;
	text-align: center;
}

.navContent {
	font-size: 11px;
	font-weight: bold;
	color: #656565;
	background: #EEEEEE;
}

.navContent a {
	font-size: 11px;
	font-weight: normal;
}

.navButtonBar {
	border: #b4b4b4 1px solid;
	background: #DEE9EC;
	vertical-align: top;
	color: #00008c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}

.navButtonBar .title	{
	font-weight: normal;
	text-align: left;
}
.navButtonBar .label	{
	font-weight: normal;
	color: black;
	text-align: left;
}

.smallFont {
	font-size: 8pt;
}

.textofhyperlinkcolor {
	color: #405060;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.selectpatienttable {
	color: #405060;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	text-decoration: none;
}

.message {
	font-weight: bold;
	color: blue;
	clear: both;
}

div.wrap {
	border: 1px solid #BBBBBB;
	width: 500px;
	display: block;
	background-color: #eeeeee;
}

.sortable {
	list-style: none;
	margin: 8px;
	padding: 8px;
	display: block;
}

.clear-element {
	clear: both;
}

.ui-state-default1 {
	clear: both;
	text-align: left;
	list-style: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #405060;
}

.ui-state-default2 {
	clear: both;
	text-align: left;
	list-style-type: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
}

.ui-state-default3 {
	clear: both;
	text-align: left;
	list-style-type: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
}

.parentStyle {
	font-weight: bold;
	background-color: #99FFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.pageStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	background: #CCCCCC;
}

.sectionStyle {
	font-size: 13px;
	text-align: left;
	background: #E9E9E9;
}

.fieldStyle {
	background: #FFFFFF;
	font-size: 13px;
	text-align: left;
	width: 100%;
}

.menuSectionTitle {
	vertical-align: bottom;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	background: #DFE5EB;
	border: 1px solid #B7B7B7;
	width: 500px;
	text-align: center;
}

.printFormPart {
	padding: 10px 20px 10px 20px;
}

.printFormDefinitionPropertyName {
	font-size: 10pt;
	font-weight: bold;
}

.printFormDefinitionPropertyValue {
	font-size: 10pt;
	font-weight: normal;
}

.printFormDefinition {
	border: 1px solid black;
	width: 90%;
}

.printFormDefintionSection {
	border: none;
	width: 100%;
}

.printFormDefintionSectionTitle {
	font-size: 10pt;
	font-weight: bold;
	padding: 1px 2px 1px 2px;
}

.printPatientSectionTitle {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 10px;
}

.printFormPageTitle {
	font-size: 14pt;
	padding: 1px 2px 1px 10px;
}

.printFormDefinitionTitle {
	font-size: 20pt;
	text-align: center;
	padding: 20px;
}

.printFormFieldLabel {
	width: 60%;
	font-weight: bold;
	vertical-align: top;
}

.HTres {
	height: 99.4%;
	vertical-align: top;
}

* html .HTres {
	height: 96.5%;
	vertical-align: top;
}

html:first-child .HTres {
	height: 99.4%;
	vertical-align: top;
}

/*
*
* Password strength indicator styles 
*/
 
.pstrength-minchar {
	font-size: 11px;
}

#passwordStrength {
	height: 10px;
	display: block;
	float: left;
}

.strength0 {
	width: 20px;
	background: #cccccc;
}

.strength1 {
	width: 40px;
	background: #CC0000;
}

.strength2 {
	width: 60px;
	background: #FE642E;
}

.strength3 {
	width: 80px;
	background: #FFFF00;
}

.strength4 {
	background: #7DFC78;
	width: 100px;
}

.strength5 {
	background: #0B6C08;
	width: 120px;
}

.listFilterTextBoxPopup {
	display: none;
	position: fixed;
	border: 2px grey;
	padding: 0;
	font-size: medium;
	z-index: 2;
	background-color: #ffffd8;
}
.listFilterTextBoxPopup td	{
	padding: 2px 2px 2px 2px;
}

/*
 * Styles related to Comments feature
 */

.commentsBox {
	width:800px;
	height:auto;
	float:left;

	background:#e0e5eb;
	border:1px solid #b4b4b4;
	padding:10px 15px;
}

/* as above, but narrower special case for Patient Details screen */
.bodySection .commentsBox	{
	width:725px;
}

.commentsHeading	{
	font-size: 16px;
	font-weight: bold;
	color:		#4040a0;
}
.commentsLabel	{
	font-weight: bold;
	color:		#4040a0;
}
.commentsWarning	{
	color:	red;
	font-weight: bold;
}
.commentsDate	{
	color: grey;
	font-size: 8pt;
	text-align: right;
	vertical-align: top;
}
.commentsUserName	{
	vertical-align: top;
	color: navy;
}
.commentsText	{
	color: navy;
	vertical-align: top;
}
.commentsAttachments	{
	
}
.commentsAttachmentsDelete	{
	display: none;
}
.commentsAttachments:hover .commentsAttachmentsDelete	{
	display: inline;
}

/* Styles related to the Audit Log display for user and patient */

.auditTitle {
	text-align:	left;
	background: white;
	color: #333;
	font-size: 14pt;
	width: 95%;
	padding: 4px 0 4px 0;
}

.auditResults {
	border: 1px solid lightgray;
	background-color: #fcfdff;
	width: 95%;
}

table.auditResults th {
	background: #EBF5FF;
	text-align: left;
	padding: 4px;
	border-bottom: 1px solid lightgray;
	font-size: 10pt;
	color:		#333;
}

table.auditResults td {
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px solid lightgray;
	font-size: 10pt;
	color:		#555;
}

.auditResults .time {
	text-align: left;
}

.auditResults .severity {
	text-align: right;
}

.auditNavigation {
	margin-top:	10px;
	border: 0;
	width: 90%;
	font-size: 10pt;
	color: #555;
}


/* Breadcrumb navigation */

.breadcrumb	{
	margin:	10px;
	text-align: left;
	color:	#333;
}
.breadcrumb a	{
	color:	#555;
}
.breadcrumb a:hover	{
	text-decoration: underline;
	color: #39A9FF;
}
.breadcrumb a.selected	{
	font-weight: bold;
}



/* menu panel */

.top{
	margin-top: 50px;
}
.menuButtonDiv {
    background: url("../referrals/images/blueGradientRectangle.png") repeat scroll 0 0 transparent;
    color: #ffffff;
    font-weight: bold;
    height: 48px;
    text-align: center;
    vertical-align:middle;
    width: 270px;    
}
.menuButtonDiv a	{
   color: #ffffff;
}

/*  New button classes */

/* three sizes */
.menuButtonSquare	{
	height:56px;
	width:90px;
}
.menuButtonRect {
	height:40px;
	width:145px;
}
.menuButtonRectLarge {
	height: 60px;
	width: 180px;
	font-weight: bold;
}

.menuButtonRect a {
	height:40px;
	width:145px;
}
.menuButtonSquare a {
	height:54px;
	width:88px;
	margin-top: 2px;
	margin-left: 2px;
}
.menuButtonRectLarge a {
	height: 58px;
	width: 178px;
}

.menuButtonSquare, .menuButtonRect, .menuButtonRectLarge {
	background: #dfdfdf linear-gradient(#fefefe, #dfdfdf);
	border:1px solid #9a9;
	color: #02018b;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	border-radius:3px;
	display: inline-block;
	font-size:12px;
	text-align:center;
	vertical-align: middle;
	margin: 2px 2px 5px 0;
}

.menuButtonSquare:hover, .menuButtonRect:hover, .menuButtonRectLarge:hover {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.menuButtonRect a, .menuButtonSquare a, .menuButtonRectLarge a {
	display:table-cell;
	vertical-align:middle;
	color: #02018b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.menuButtonRect a:hover, .menuButtonSquare a:hover, .menuButtonRectLarge a:hover {
	color:  #804000;
}

/* colour variants */
.menuButtonRect.green 	{
	background: #B7EDB7 linear-gradient(#C8FEC8, #A6DCA6);
}
.menuButtonRect.blue 	{
	background: #BDDFEE linear-gradient(#CEF0F0, #B0D0E0);
}
.menuButtonSquare.group 	{
    background: #F5BBE9 linear-gradient(#CEF0F0, #B0D0E0);
    border-right-style: double;
    border-bottom-style: double;
    border-right-width: thick;
    border-bottom-width: thick;
}

.menuButtonRect.pink 	{
	background: #ECBFC1 linear-gradient(#FFCBF9, #E5ABD9);
}
.menuButtonRect.selected 	{
	background: #FDE172 linear-gradient(#FDF182, #FDE172);
}

.menuButtonSquare.green 	{
	background: #B7EDB7 linear-gradient(#C8FEC8, #A6DCA6);
}
.menuButtonSquare.blue 	{
	background: #BDDFEE linear-gradient(#CEF0F0, #B0D0E0);
}
.menuButtonSquare.pink 	{
	background: #F5BBE9 linear-gradient(#FFCBF9, #FFCBF9);
}
.menuButtonSquare.selected 	{
	background: #FDE172 linear-gradient(#FDF182, #FDE172);
}
.menuButtonRectLarge.blue 	{
	background: #BDDFEE linear-gradient(#CEF0F0, #B0D0E0);
}
.menuButtonRectLarge.pink 	{
	background: #F5BBE9 linear-gradient(#FFCBF9, #FFCBF9);
}




div.menu	{
	width:	300px;
	margin-left:	auto;
	margin-right: auto;
	padding: 10px;
}
div.menu ul	{
	list-style-type: none;
  margin: 0;
  padding: 0;
}
div.menu li	{
	text-align: center;
	border-bottom: 1px solid #ccc;
    background: url("../referrals/images/blueGradientRectangle.png") repeat scroll 0 0 transparent;
    width:	270px;
    height:	38px;
    margin-bottom: 10px;
    
}

div.menu h2 {
	font-family:  Helvetica, Verdana, sans-serif;
	margin-bottom: 10px;
}
 
div.menu li a {
	font-size:	16px;
	text-decoration: none;
	color: #fff;
	display: block;
	width: 270px;
	height: 38px;
	padding-top:	10px;
 
  transition: background-color 0.1s ease;
}
 
div.menu li a:hover {
  background: #e0e0e6;
  color:	#55a;
  height: 28px;
}

.patientDemographicsBox	{
	background-color: #E1EAE9;
	margin-bottom: 3px;
	width: 100%;
	
}
.patientDemographicsBox	td {
	padding: 2px;
}
.patientDemographicsBoxLabel	{
	color:	#666;
	font-size: 10pt;
}
.patientDemographicsBoxValue	{
	font-size: 10pt;
}

.buttonClass {
	box-shadow:inset 0 1px 0 0 #ffffff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background: #ededed linear-gradient(to left top, #ededed, #dfdfdf);
	border-radius:6px;
	text-indent:-43px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#444444;
	font-size:12px;
	height:40px;
	line-height:40px;
	width:145px;
	text-align:right;
}

.meetingDetailsPanel {
    background: none repeat scroll 0 0 rgb(225, 234, 233);
    border: none;
    color: #00008C;
    font-family: Arial,Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: top;
    width:	100%;
}

.meetingDetailsLabel	{
	color:	#666666;	
	text-align: left;
}
.meetingDetailsData	{
	color:	black;	
	text-align: left;
}
#editMeetingSpecialityTable	{
	width:	100%;
}
#editMeetingSpecialityTable	td {
	padding-bottom: 10px;
}
#editMeetingScheduleClinicians	{
	width:	100%;
}
#editMeetingScheduleClinicians td {
	padding-bottom: 3px;
}

.infoMessage{
	color:	#0000FF;	
}

/* Virtual Meeting Blog feature */

#blogContributeContainer	{
	margin-left:	1em;
}
#blogLockContainer	{
	margin-left:	1em;
}
#blogPosts	{
	margin-top: 1em;
	margin-left: 1em;
}
.blogRow	{
	padding:	0.75em;
	background-color: #f8f8f8;
	border-bottom: 1px lightgrey solid;
}
.blogUser	{
	display: inline-block;
	width:	10%;
	vertical-align: top;
	color: #444;
	font-size: 9pt;
}
.blogHospital	{
	color: #444;
	font-size: 9pt;
}
.blogComment	{
	display: inline-block;
	width:	78%;
	margin-left:	1em;
	color: navy;
	vertical-align: top;
	font-family: Arial, sans-serif;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.blogDate		{
	display: inline-block;
	color: #444;
	font-size: 8pt;
	text-align: right;
	vertical-align: top;
	margin-top: 0.5em;
}
.blogDelete		{
	color: #444;
	font-size: 8pt;
	text-align: right;
	vertical-align: top;
}
#blogSave{
	background: #F5BBE9 linear-gradient(#FFCBF9, #E5ABD9);

	border:1px solid #9a9;
	color: #02018b;
	border-radius:1px;
	font-size:12px;
	text-align:center;
	vertical-align: middle;
	margin: 2px 2px 5px 0;
	cursor: pointer;
}
#lockUnlockBlog	{
	margin-bottom: 1em;
}

/* Please Wait dialog */
#pleaseWaitPopup	{
	margin: auto;
	position: relative;
	top: 40%;
	width: 100px;
	height: 20px;
	border: 10px solid lightseagreen;
	padding: 20px 10px 15px 45px;
	font-size: 12px;
	font-weight: bold;
	background: url("../images/ajax-loader-bl.gif") no-repeat scroll 15px rgba(255, 255, 255, 1.0);
}

#pleaseWaitContainer	{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.3);
	position: fixed;
}

/* login dialog, primarily for IE */
#j_username, #j_password {
	font-family: Arial, Verdana, sans-serif;
}

.patientDeceasedSearchResult	{
	color:	maroon;
}
.patientDeceasedSearchResult a	{
	color:	maroon;
}

#screenMessageDiv	{
	color: #888;
	font-weight: bold;
	font-size: medium;
	margin:	1em;
	white-space: pre;
	margin:	2em;
}
#screenMessageDiv a	{
	font-size: medium;
}