/*	NATIONAL REGISTRIES	*/
/*	custom.css start	*/

/*	Read only labels	*/
.ReadOnlyText {
	/* background-color: #FAFAD8; */
	color: #FF4646 !important;
	font-weight: bold;
	font-size:1em;
	padding: 1px 0px 1px 6px !important;
}
/*	Elements	*/
input[type=text] { 
    padding: 1px 0px 1px 6px;
}

tr.topPanel td div.fr input {width:130px; font-size:0.46em; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*	General	*/
.QuestionLabel
{
	border-right: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	height: 30px;
	font-size: 0.71em;
	font-weight:normal;
	text-align: right;
	vertical-align:middle;
	background-color: #3366CC;
	color: #FFFFFF;
}
.QuestionData
{
	font-size: 0.7em;			
	text-align: left;
	vertical-align: middle;
	font-weight:normal;
	color: #000000;    
	background-color: #FFFFFF;
	padding:1px 0px 1px 6px;
	width:16em;
	border-left: 1.5px #ffffff inset;
    border-top: 1.5px #ffffff inset;
    border-right: 0.5px #ffffff inset;
    border-bottom: 0.5px #ffffff inset;
}

.QuestionDataCellDemog
{
	background-color: transparent;
	padding:1px 0px 1px 6px;
	height: 1.3em;
	font-weight:normal;
	text-align: left;
	color: #000000;
	vertical-align:middle;
}

.QuestionDataCellDemog img {vertical-align:middle;}

.toppageheader
{
	vertical-align: middle;
	text-align: center;
	font-size:1.5em;
}	

/* Different TABLE styles */

/* ANY: (No borders, BG:blue) -- (100% table) */
table.nextprebuttonarea {width:100%; background-color:inherit !important; color:#FFFFFF;}
table.nextprebuttonarea th {color:#FFFFFF; font-size:0.7em;}
table.nextprebuttonarea td {padding:5px 3px; font-size:0.7em; color:#FFFFFF;}
table.nextprebuttonarea td,
table.nextprebuttonarea td strong,
table.nextprebuttonarea td a {color:#000000; vertical-align:middle;}

/* CDB: Data Entry pages: (No borders, No BG) -- (100% table) */
.questionTable {width:99%; border:none;}
.questionTable th,
.questionTable td {font-size:0.7em; padding:0px;}

/*	Tabs / NoTabs sections	*/
/* No tabs */
.noTabSection .questionTable th,
.noTabSection .questionTable td {border-right:0px solid #003594; border-bottom:1px solid #003594; background-color: #FFFFFF;}
.questionTable th.dcs_disabled,
.questionTable td.dcs_disabled,
.questionTable label.dcs_disabled
{ 
	color: #CCC;   
}

/* With tabs */
.tabSection .questionTable {margin-right:0px; border-spacing:0px !important; margin-left: 10px;}
.tabSection .questionTable th
{
	background-color: #3366CC;
	border-right: 0px;
	color: #FFF;
	height: 30px;
	font-weight: bolder;
	border-bottom: 1px solid #003594;
	padding-right: 20px;
	border-spacing:0px;
}
.tabSection .questionTable td {border-bottom:1px solid #003594; border-right:0px solid #003594;}
/* additions */
.tabSection .questionTable .QuestionContainer td
{
	padding-top: 9px !important;
}
/*	intellect/PatientDemographicShortList.csp */
.PatientDemographicShortList .tableBRB th,
.PatientDemographicShortList .tableBRB td {width:15%;height: 1em;}
.PatientDemographicShortList table th,
.PatientDemographicShortList table td {font-size:0.7em;}
.PatientDemographicShortList table input,
.PatientDemographicShortList table select {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.instrText {font-size:0.9em; font-weight:bold; padding:5px 0; margin:2px 0px; background:none; border:0px groove #000;}
/* additions */
.PatientDemographicShortList .top {border-collapse:collapse;}
.PatientDemographicShortList .top td {width:10%; vertical-align:middle;}
.PatientDemographicShortList .top td.t {width:80%; padding:3px 0;}
.PatientDemographicShortList h1 {font-size:2.1em; margin:0; padding:0px; text-align:center;}
/*.PatientDemographicShortList .top td input {font-weight:bold; font-size:0.9em;}*/
.PatientDemographicShortList .top td.g {background-color:#CCC; font-weight:bold;height: 1.8em;}
.PatientDemographicShortList .top td.g span {padding:0 5px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.PatientDemographicShortList .tableBRB {margin:0;}
.PatientDemographicShortList .tableBRB th {background-color:#36C; font-weight:normal;color:#FFF;}
.PatientDemographicShortList .tableBRB th,
.PatientDemographicShortList .tableBRB td {padding:2px 5px 2px 0; height: 26px; vertical-align:middle;}
.PatientDemographicShortList .tableBRB td input,
.PatientDemographicShortList .tableBRB td select {width:150px;}
.PatientDemographicShortList .tableBRB tr.colorcode th {background-color:#CCC; color:#000;height: 1.2em; vertical-align:middle;}
.PatientDemographicShortList .tableBRB tr.colorcode td {text-align:center; height: 1.2em; vertical-align:middle;}
.PatientDemographicShortList .tableBRB td.btnCol input {margin:0px 20px 1px 20px; width:130px; font-size:0.9em; text-align:center;}
.PatientDemographicShortList .mainTable {border:3px solid #CCC;}
.PatientDemographicShortList .mainTable th,
.PatientDemographicShortList .mainTable td 
{
	border-width:1px; 
	text-align:left;
	/* padding:5px 5px 5px 5px; */
	vertical-align:middle;
}
.PatientDemographicShortList .mainTable th {font-weight:normal;}
.PatientDemographicShortList .mainTable td {font-weight:bold;}

.PatientDemographicShortList .mainTable td .noResultsMsg {text-align:center; padding:10px 10px 10px 10px; font-size:1.25em; }

/*	Timeline section	*/
.PatientDemographicShortList #BackFromTimeline
{
	text-align: center;
}

.PatientDemographicShortList #BackFromTimelineBtn
{
	width:16em;
}

#demogTimeline
{
	text-align:center;
	width:80%;
}

#demogTimeline .demogTimelineTbl
{
	border-collapse: collapse;
}

#demogTimeline td
{
	/* width: 12%; */
}

#demogTimeline .Mybutton
{
	font-size: 0.9em;
	width:7em;
}

#demogTimeline #btnAddProc
{
	font-size: 0.9em;
	width:10em;
}

#demogTimeline .btnAddFlw
{
	font-size: 0.9em;
	width:10em;
}

#demogTimeline .DemogTimelineSummaryBox
{
	border: 2px solid #000;
}

#demogTimeline .DemogTimelineSummaryText
{
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
}

#demogTimeline .DemogTimelineL
{
	border-left: 1px solid #000;
	/*background:url('../Images/timelineV.gif') repeat-y 0 0;*/
}

#demogTimeline .DemogTimelineR
{
	border-right: 1px solid #000;
	/*background:url('../Images/timelineV.gif') repeat-y 0 0;*/
}

#demogTimeline .DemogTimelineB
{
	border-bottom: 1px solid #000;
	/*background:url('../Images/timelineH.gif') no-repeat 100% 0;*/
}

#demogTimeline .DemogTimelineLB
{
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	/*background:url('../Images/timelineCorner.gif') no-repeat 0 0;*/
}

#demogTimeline .DemogTimelineLDash
{
	border-left: 1px dashed #000;
}

#demogTimeline .DemogTimelineLBDash
{
	border-left: 1px dashed #000;
	border-bottom: 1px dashed #000;
}

#demogTimeline .DemogTimelineText
{
	text-align: left;
	vertical-align: middle;
	font-size:0.7em;
}

#demogTimeline .DemogTimelineText a
{
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	font-size:0.7em;
}

#demogTimeline .DemogTimelineTextDeceased
{
	text-align: left;
	font-weight: bold;
	color: #C00;
	vertical-align: middle;
}

#demogTimeline .DemogTimelineTextDeceased a
{
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #C00;
	vertical-align: middle;
}

#demogTimeline .DemogTimelineTextComplete
{
	text-align: left;
	font-weight: bold;
	color: #090;
	vertical-align: middle;
}

#demogTimeline .DemogTimelineTextComplete a
{
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #090;
	vertical-align: middle;
}

#demogTimeline .DemogTimelineTextHighlight
{
	text-align: left;
	color: #0000A0;
	vertical-align: middle;
}

#demogTimeline .DemogTimelineTextHighlight a
{
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #0000A0;
	vertical-align: middle;
}

#demogTimeline .DemogTimelinePlus
{
	text-align: left;
	font-size: 1.1em;
	vertical-align: middle;
	padding-top: 0px;
}

#demogTimeline .DemogTimelineRowAddNew
{
	height: 25px;
}

#demogTimeline a
{
	color:#000;
	text-decoration: none;	
}

#demogTimeline #aAddFollowup,
#demogTimeline #aAddProc
{
	font-size: 1.5em;
	font-weight: bold;
}

#demogTimeline img
{
	border: none;
}

#demogTimeline .DemogTimelineTextGrey
{
	text-align: left;
	vertical-align: middle;
	font-size:0.7em;
	color:#999999;
}

#demogTimeline .DemogTimelineTextBold
{
	text-align: left;
	vertical-align: middle;
	font-size:0.72em;
	font-weight: bold;
}

#demogTimeline .DemogTimelineTextBold a
{
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	font-size:0.72em;
	font-weight: bold;
}

ul.tltree, ul.tltree ul
{
	list-style-type: none;
	background: url('../images/vline.png') repeat-y;
	margin-left: 70px;
	padding: 0;
}
   
ul.tltree li
{
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0 12px;
	line-height: 25px;
	background: url('../images/node.png') no-repeat;
	cursor:hand;
}

ul.tltree li.last
{
	text-align: left;
	vertical-align: middle;
	background: #FFFFFF url('../images/lastnode.png') no-repeat;
	cursor:hand;
}

ul.tlbullets, ul.tlbullets ul
{
	list-style-type: circle;
	margin-left: 70px;
	padding: 0;
}
   
ul.tlbullets li
{
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0 12px;
	line-height: 25px;
	cursor:hand;
}

ul.tlbullets li.last
{
	text-align: left;
	vertical-align: middle;
	cursor:hand;
}

ul.tlnograph
{
	font-size: 0.7em;
}

/*	intellect/PatientDemographicShortResults.csp	*/

.PatientDemographicShortResults th 
{
	height:30px;
	padding:6px 5px 5px 5px;
	vertical-align:middle;
}
.PatientDemographicShortResults td 
{
	height:25px;
	padding-left:5px;
	vertical-align:middle;
}
.PatientDemographicShortResults div {color:#0000a0 !important;}

/*	intellect/PatientDemographicShortNew.csp	*/

.PatientDemographicShortNew input[type=button],
.PatientDemographicShortNew input[type=submit] {width:17.5em; font-size:0.64em;}

.PatientDemographicShortNew .QuestionDataWide
{
	font-size: 0.7em;			
	text-align: left;
	vertical-align: middle;
	font-weight:normal;
	color: #000000;    
	background-color: #FFFFFF;
	padding:1px 0px 1px 6px;
	width:28em;
	border-left: 1.5px #ffffff inset;
    border-top: 1.5px #ffffff inset;
    border-right: 0.5px #ffffff inset;
    border-bottom: 0.5px #ffffff inset;
}

.InfoAddNewPatient
{
	font-size: 0.7em;
	margin:0 auto 0;
	text-align:left;
	padding:4px 0px 4px 70px;
}
.InfoAddNewPatientHdr
{
	font-size: 0.7em;
	margin:0 auto 0;
	text-align:left;
	font-weight:bold;
	padding:6px 0px 4px 50px;
}

.PatientDemographicShortNew #ContainerNHSOrPrivate span.Radio {width:20%;}
.PatientDemographicShortNew #ContainerGender span.Radio {width:20%;}
.PatientDemographicShortNew #ContainerConsent span.Radio {width:20%;}
.PatientDemographicShortNew #ContainerJointOp span.Radio {width:20%;}

.PatientDemographicShortNew td span{float:left;}
.PatientDemographicShortNew td span.dmy{font-size:0.7em; float:none;}
.PatientDemographicShortNew td .Radio{font-size:0.7em; float:left; }
.PatientDemographicShortNew td span.Radio label{float:none; display:inline; padding-left:5px; vertical-align:middle;}

/*	Built-in DCSDialogs	*/
#ui-id-1 {text-align:left; color: #FFFFFF !important;}
.ui-dialog-title { color:#000000 !important;}
.ui-dialog-titlebar { background-color:#CC0000 !important;}
#VRE_OK_BTN {background-color:#CC0000 !important; color: #FFFFFF !important; font-weight:bold}
#VRE_OK_BTN span {background-color:#CC0000 !important; color: #FFFFFF !important; font-weight:bold}

/*	custom.css end	*/


/*Picture Buttons in Well Area in AppMain.csp */
.button-enterdata
{
	width: 300px  !important;
	height: 125px;
	background: url('../images/btns/dde.png') no-repeat;
	position: relative;
	z-index:1;
	margin: 10px;
	font-size: 20px !important;
	text-align: left;
	font-family: Verdana;
	color: #870d7c;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
}

.button-downloaddoc
{
	width: 300px  !important;
	height: 125px;
	background: url('../images/btns/doc-buttons.png') no-repeat;
	text-align: left !important;
	padding: 10px 0px 10px 0px;
	margin: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
}

.button-downloaddata
{
	width: 300px !important;
	height: 125px;
	background: url('../images/btns/data-buttons.png') no-repeat;
	padding: 10px 0px 10px 0px;
	margin: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
}

.button-dashboard
{
	width: 300px !important;
	height: 125px;
	background: url('../images/btns/dashboard.png') no-repeat;
	padding: 10px 0px 10px 0px;
	margin: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 2);
}


/*	CDB Editor	*/
.draglist li
{
	color:	#000000 !important;
}

/*	CORN	*/
.MybuttonG, button.MybuttonG, input[type=button].MybuttonG 
{
	font-size: 0.9em;
	/*	width:7em;	*/
	background: #89C403 !important;
	/*	width:130px;	*/
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
	border:1px solid #74b807;
	color:#FFFFFF !important;
	padding:2px 3px 2px 0px;
	text-shadow:1px 1px 0px #528009;
	-moz-box-shadow:inset 1px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 1px 1px 0px 0px #a4e271;
	box-shadow:inset 1px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89C403), color-stop(1, #77A809));
	background:-moz-linear-gradient(top, #89C403 5%, #77A809 100%);
	background:-webkit-linear-gradient(top, #89C403 5%, #77A809 100%);
	background:-o-linear-gradient(top, #89C403 5%, #77A809 100%);
	background:-ms-linear-gradient(top, #89C403 5%, #77A809 100%);
	background:linear-gradient(to bottom, #89C403 5%, #77A809 100%);
	border-radius:6px;
	/*	font-weight: bold;	*/
}