/*****  Reference
-- BORDER --
Dark Blue border: #0000A0
Dark Grey input box border: #999

-- TEXT --
Dark Blue Text: #0000A0
Cyan Text: #9FF
Red Text: #F00 - warning

-- BACKGROUND --
Dark Blue background: #042282 - use on main background and gradient and LHN
Blue background: #36C - blue, use on TH
Blue background: #D2EFFF - lighter blue (system pages - wellarea)
Light Blue background: #E6FCFF - lighter blue (use to highlight rows)
inline style in some templates: blue: #6699FF
??? Drag and drop using #55FF55 - green background (cdb editor) - 5 templates
light Coral (pink) - #F08080 - used in table single/multi choice
??? CDB page: body #CCD5FF

Grey background: #CCCCCC
Lighter Grey: #EEE
Light Grey: #E9E9E9 + #FFF - odd/even rows
Lightest Grey: #F9F9F9 - popup bg
Red background: #FF6969 - a bit lighter than the bright red -  also use for hightlight

Dead: #F93 - Orange
Alive: #9F9 - Green
Incomplete: #FF9 - Yellow


*/

/* LY - 22/04/2013 - show scrollbar in Safari (START) */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: rgba(155, 155, 155, .9);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
	background-color: rgba(4, 34, 190, .9);
}
/* LY - 22/04/2013 - show scrollbar in Safari (END) */


body, h1, h2, h3, h4, div, p, span, strong, i, table, th, td, input, textarea, select, label, text, fieldset, legend {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;}
body {
	background-color:#042282;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	scrollbar-3d-light-color: #ff8000;
	scrollbar-arrow-color: #000080;
	scrollbar-base-color: #000080;
	scrollbar-dark-shadow-color: #24369C;
	scrollbar-face-color: #3366CC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #24369C;		
}
h1, h2, h3, h4 {font-weight:normal;}
h1 {font-size:2em; margin:1em 0;}
h2 {font-size:1.1em;}
td {vertical-align:top;}
form {margin:0;}
textarea {overflow:auto;}
input[type=text] { 
	border-left: 1.5px #ffffff inset;
    border-top: 1.5px #ffffff inset;
    border-right: 0.5px #ffffff inset;
    border-bottom: 0.5px #ffffff inset;
    padding: 1px 0px 1px 6px;
}
input[type=file] {border:none;}
/* additions */
.RegReadOnly  {
	background-Color:#CCCCCC;
	color:#042282;	
	border-left: 1.5px #ffffff inset;
    border-top: 1.5px #ffffff inset;
    border-right: 0.5px #ffffff inset;
    border-bottom: 0.5px #ffffff inset;
    padding: 1px 0px 1px 6px;
}

.RegReadOnlyAutoCalc  {
	background-Color:#CCCCCC;
	color:#042282;	
	border:none;
	text-align:left;
    padding: 1px 0px 1px 6px;
}

tr.topPanel td {font-size:1.5em; height:55px;}
.toplevelTable,
tr.topPanel td {color:#FFF; text-align:center; vertical-align:middle; font-weight:normal;}
tr.topPanel td div.fr {}
tr.topPanel td div.fr input {width:130px; font-size:0.46em;}

.lhn {width:138px; text-align:center;}
.toplevelTable,
.lhntable {width:100%; height:100%; border:0; padding:0;}
.lhntable td {font-size:0.7em; text-align:center; color:#FFF;}
.lhntable td label,
.lhntable td legend {color:#FFF;}
.lhntable td hr {background:#FFF; border:0;}
.lhntable input,
.lhntable input[type=button],
.lhntable input[type=submit],
.lhntable select {width:130px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.wellarea {
	background-color:#FAFAD8;
	border:1px solid #FFF;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FAFAD8', EndColorStr='#FAFAD8');
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAD8), to(#FAFAD8)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #FAFAD8, #FAFAD8); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #FAFAD8, #FAFAD8); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #FAFAD8, #FAFAD8); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #FAFAD8, #FAFAD8);
}
.contentArea {background-color:#FAFAD8;}

/* wellArea - center align */
.cWrapper {padding-bottom:10px; text-align:center;}
.cWrapper table {margin-left:auto; margin-right:auto;}
.alignCenter {margin-left:auto; margin-right:auto; text-align:center;}

.Mybutton {cursor:pointer;}
.Mybutton:disabled {color:#C8C8C8;}
.MybuttonRed
{
	color:#FFF;
	background-color:#C00;
	cursor:pointer;
}

a.normal, a.normal, a.normal:link, a.normal:visited, a.normal:hover, a.normal:active 
{
	display:block;
	background-color: transparent;
	background-repeat: no-repeat;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

/* General */
.tabPage,
.whiteBg {background:#FFF;}
.adminPages {background:#D2EFFF;}
.tdW {background-color:#FFF;}
.tdG {background-color:#E9E9E9;}
/* hover - highlight */
.DarkRow td .tdW,
.DarkRow td .tdG,
.DarkRow td .tdDead {background-color:#E6FCFF;} /* cyan */
.redRow td {background-color:#FF6969 !important;} /* red */
.cSize {font-size:0.86em;}
.hightlight1 td {background-color:#99CCFF;}

.denote,
.wMsg {color:#F00;}
.nTxt {color:#9FF;}
.fl {float:left;}
.fr {float:right;}
.cTxt {text-align:center;}
.rTxt {text-align:right;}
.lTxt {text-align:left;}
.lgTxt {font-size:1.5em;}
.Copyright {font-size:0.6em !important;}

.btn {width:auto;}
.gm {padding:5px;}
.wBgMsg {font-size:0.8em; background:#FFF; padding:10px; text-align:left;}
.animateEle {cursor:pointer;}
.linkEle, linkEle * {cursor:pointer;}
.autoFill {font-style:italic;}

/* Classes applied to different Question type */
.tscQ {} /* TableSingleChoice Question */
.tmcQ {} /* TableMultiChoice Question */
.tscQ textarea,
.tmcQ textarea {margin-bottom:5px;}
.tmcQ span,
.tscQ span {margin:3px 10px 0 0;}
.imgQ {} /* Image Question */
.questionTable td.imgQ img {float:left;}
.questionTable td.imgQ span {float:left; margin:2px 0 0;}
.mmQ {} /* Multimedia Question */
.ctQ {} /* ContactsTable Question */
.gptQ {} /* GpTable Question */
.hcsscQ {} /* HCSSingleChoice Question */
.hcsmcQ {} /* HCSMultiChoice Question */
.timeQ {} /* Time Question */
.dateQ {} /* Date Question */
.dateTimeQ {} /* DateTime Question */
.mlsQ {} /* MultiLineString Question */
.stringQ {} /* String Question */
.slsQ {} /* SingleLineString Question */
.fpQ {} /* FloatingPoint Question */
.mcQ span {float:left; margin-bottom:3px;} /* MultiChoice Question */
.questionTable .SingleChoiceQ th {padding-bottom:0px;} /* SingleChoice Question */
.questionTable .SingleChoiceQ td span {padding-bottom:1px;} /* SingleChoice Question */
.scQ span {float:left;} /* SingleChoice Question */
.intQ {} /* Integer Question */
.tlQ {} /* Timeline Question */

/* checkbox + radio buttons */
.checkbox input,
.radio input {vertical-align:top; margin-top:0; margin-bottom:0 !important;}
.cb, .rb {width:auto !important; border:none !important;} /* reset width for checkbox and radio button - IE8 don't understand input[type=button]  */

/* additions */
.tabrightinactive .cb{display:none;}
.tabrightactive .cb{display:none;}

/* drag and drop styles */
.draglist {background-color:#EEE; height:300px; overflow-y:scroll; border:1px solid #0000A0; list-style:none; margin:0; padding:0;}
.draglist li {background-color:#FFF; cursor:move; margin-bottom:1px;}
.ui-sortable-helper {background-color:#E6FCFF !important; border:1px solid #0000A0;}
.dd {width:100%;}
.dd th {font-size:1em; background:#36C; color:#FFF; padding:10px 0;}
.dd td {width:40%;}
.dd td ul li {padding:5px;}
.dd td ul li.list2 span {float:right;}

/* Different PANEL styles */
.boxA {background:#FFF; border:1px solid #0000A0;}
.boxB {background:#EEE; border:1px solid #0000A0;}
.msgBoxA {width:500px; background:#FFF; padding:10px; margin:10px; clear:both;}
.msgBoxB {border:1px solid #0000A0;}
.wPanel {background:#FF6969; color:#FFF;}
.gaps {margin-top:5px;}

.fw {width:100%;}
.dataPanel {overflow-y:scroll; margin-bottom:8px;}
.divC {text-align:center; padding:10px;}
.wrapperDiv {padding:20px; clear:both;}
.scrollArea {width:100%; overflow:auto; margin:auto;}
.scrollDiv {width:100%; height:350px; overflow:auto; margin:auto;}
.scrollPanel {width:100%; height:350px; overflow-x:auto; overflow-y:scroll; margin:auto;}

table.w100 td input {width:100%;}
table.w100 td input.button,
table.w100 td input.Mybutton {width:auto;}

/* Search panel */
.searchPanel {margin:auto;}
.searchPanel th,
.searchPanel td {text-align:right; border-right:1px solid #0000A0; border-bottom:1px solid #0000A0;}
.searchPanel input,
.searchPanel select {width:100%;}
.searchPanel .noBorder,
.searchPanel .noBorder td {border:none;}
.searchPanel .noBorder input {width:150px; margin:5px auto;}

/* Patient Demographic - Search panel - new version */
.searchTable {border-collapse:collapse; border:1px solid #0000A0;}
.searchTable th.top {background-color:#36C; color:#FFF;}
.searchTable th {text-align:left;}
.searchTable th,
.searchTable td {padding:2px 5px;}
.searchTable td input,
.searchTable td select {width:100%;}
.searchTable td input.Mybutton {width:auto;}
.searchTable td div {padding:3px 5px; margin-bottom:3px;}
.searchTable .lBorder {border-left:1px solid #0000A0;}

/* Pagination panel */
.paginationPanel {margin:auto; padding:10px 0;}
.paginationPanel td {padding:0 5px; cursor:pointer;}
.paginationPanel .curr {color:#F00;}
.paginationPanel .aOff {color:#CCC;}
.paginationPanel .curr,
.paginationPanel .sep,
.paginationPanel .aOff,
.paginationPanel .nTxt {cursor:default;}

/* Error message panel */
.errorPanel {font-size:1.3em;}
.errorPanel p,
.errorPanel {background:#F00; color:#FFF; text-align:center; margin:auto; padding:5px;}

/* general message panel */
.msgPanel {font-size:1.3em; background:#EEE; border:1px solid #999; text-align:center; margin:auto; padding:10px;}

/* Top panel for buttons - Blue */
div.tt, th.tt, td.tt, .tt,
.buttonPanel {background-color:#36C !important; color:#FFF !important; text-align:left !important; font-weight:bold; padding:5px;}

/* Top panel for selction boxes - Grey */
table.topBar {width:100%;}
.topBar {background:#EEE; border:1px solid #999; padding:10px 0 10px 10px;}
.topBar th {font-weight:normal;}
.topBar td {font-weight:bold;}

/* Different TABLE styles */

/* ANY: (No borders, BG:blue) -- (100% table) */
table.nextprebuttonarea {width:100%; background-color:#FAFAD8; color:#FAFAD8;}
table.nextprebuttonarea th {color:#FAFAD8; font-size:0.7em;}
table.nextprebuttonarea td {padding:5px 3px; font-size:0.7em; color:#FAFAD8;}
table.nextprebuttonarea td,
table.nextprebuttonarea td strong,
table.nextprebuttonarea td a {color:#000000; vertical-align:middle;}
table.nextprebuttonarea td input,
table.nextprebuttonarea td button {width:130px;}
table.nextprebuttonarea td strong,
table.nextprebuttonarea td input,
table.nextprebuttonarea td select {font-size:1em;}
table.nextprebuttonarea td img {vertical-align:top; margin:0 15px; cursor:pointer;}

/* 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;}
.questionTable th {width:20%; text-align:right; font-style:normal;}
.questionTable td img {cursor:pointer; vertical-align:top; margin-right:10px;}
.questionTable input,
.questionTable textarea {font-size:1em;}
/* checkbox + radio buttons in registry pages*/
.checkbox input,
.radio input {vertical-align:middle; margin-top:2px; margin-bottom:2px !important; padding-bottom:0px;}
.cb, rb {width:auto !important; border:none !important;} /* reset width for checkbox and radio button - IE8 don't understand input[type=button]  */

.questionTable td table td {border:none !important;}
.questionTable td div.xtra {display:inline;}
/* No tabs */
.noTabSection {margin-bottom:9px;}
.noTabSection .questionTable {margin-bottom:50px;}
.noTabSection .questionTable th,
.noTabSection .questionTable td {border-right:1px solid #0000A0; border-bottom:1px solid #0000A0;}
.noTabSection .questionTable th {background-color:#36C; color:#FFF;}

.questionTable th.dcs_disabled,
.questionTable td.dcs_disabled,
.questionTable label.dcs_disabled
{ 
	color: #CCC;   
}

/* With tabs */
.tabSection .questionTable {margin:0px;}
.tabSection .questionTable th,
.tabSection .questionTable td {border-bottom:1px solid #0000A0; border-right:1px solid #0000A0;}

/* additions */
.questionTable th
{
	border-right: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	height: 1.3em;
	font-size: 0.7em;
	font-weight:normal;
	text-align: right;
	vertical-align:middle;
	background-color: #3366CC;
	color: #FFFFFF;
	padding:2px 0px 2px 6px;
}
.questionTable td
{
	background-color: transparent;
	padding:1px 0px 2px 6px;
	height: 1.3em;
	font-weight:normal;
	text-align: left;
	color: #000000;
	vertical-align:middle;
}
.questionTable select
{
	font-size: 1em;			
	text-align: left;
	vertical-align: middle;
	font-weight:normal;
	color: #000000;    
	background-color: #FFFFFF;
	border-left: 1.5px #ffffff inset;
    border-top: 1.5px #ffffff inset;
    border-right: 0.5px #ffffff inset;
    border-bottom: 0.5px #ffffff inset;
    padding: 1px 0px 1px 6px;
	width:16em;
	height:1.6em;
}
.questionTable Label{vertical-align:middle;}

.SiteList {border-collapse:collapse; margin:15px; float:left;}
.SiteList th,
.SiteList td {font-size:0.7em; border:1px solid #0000A0; padding:5px;}
.SiteList input,
.SiteList select {font-size:1em;}



/* ANY: (All borders, No BG) -- (100% table) */
.debugTable {border-collapse:collapse; margin:15px auto;}
.debugTable td {border:1px solid #F00; padding:5px; background:#FFF; color:#F00;}

/* Key Table e.g. CDB pages */
.keyTable {border-top:1px solid #0000A0;}
.keyTable td {vertical-align:top; padding:5px;}
.keyTable td span {padding-left:15px; padding-right:5px;}
.keyTable td img {vertical-align:middle;}

/* TH on top: (All borders, BG:blue/white) -- (90% table center) -- (TEXT: center OR left) */
.tableContainerL th, 
.tableContainerL td,
.tableContainer th, 
.tableContainer td {font-size:0.7em; padding:5px;}
.tableContainerL th label, 
.tableContainer th label {color:#FFF;}
.tableContainerL td input, 
.tableContainer td input,
.tableContainerL td select, 
.tableContainer td select {font-size:1em;}
.tableContainerL th, 
.tableContainerL td {text-align:left;}
.tableContainer th, 
.tableContainer td {text-align:center;}
.tableContainerL,
.tableContainer {width:90%; text-align:center; margin:1em auto; border-collapse:collapse;}
.tableContainerL th,
.tableContainer th {border:1px solid #0000A0; background-color:#36C; color:#FFF;}
.tableContainer th a, 
.tableContainer th a:link,
.tableContainer th a:visited,
.tableContainer th a:hover,
.tableContainer th a:active {display:block; color:#FFF; text-decoration: none;}
.tableContainerL td,
.tableContainer td {border:1px solid #0000A0; background-color:#FFF;}
.tableContainer th.lTxt,
.tableContainer td.lTxt {text-align:left;}
.tableContainer th.rTxt,
.tableContainer td.rTxt {text-align:right;}
.tableContainerL th.cTxt,
.tableContainerL td.cTxt {text-align:center;}

/* TH on top: (All borders, TH BG:blue) -- (freesize table) -- (TD Links) */
.mainTable {border-collapse:collapse; margin:2px 0px;}
.mainTable th,
.mainTable td {font-size:0.7em; border:1px solid #0000A0;}
.mainTable th,
.mainTable th span,
.mainTable th label {background-color:#36C; color:#FFF; vertical-align:top;}
.mainTable tbody td {cursor:pointer; vertical-align:middle; text-align:center;}
.mainTable tbody .initNone,
.mainTable tbody .flwNone,
.initNone,
.flwNone {background-color:#FFFFFF; color:#0000A0 !important;}
.noLink,
.mainTable tbody td.noLink {cursor:default;}
.mainTable tbody td.lastPat {
border-top:3px solid #000;
border-bottom:3px solid #000;
border-left:1px solid #0000A0;
border-right:1px solid #0000A0;
}
.mainTable tbody td.lastPatL {
border-top:3px solid #000;
border-left:3px solid #000;
border-bottom:3px solid #000;
border-right:1px solid #0000A0;
}
.mainTable tbody td.lastPatR {
border-top:3px solid #000;
border-left:1px solid #0000A0;
border-right:3px solid #000;
border-bottom:3px solid #000;
}
.mainTable tbody .initIncomplete,
.mainTable tbody .flwIncomplete,
.initIncomplete,
.flwIncomplete {background-color:#FFE63D; color:#0000A0 !important;} /* yellow */
.mainTable tbody .initComplete,
.mainTable tbody .flwCompleteAlive,
.initComplete,
.flwCompleteAlive {background-color:#97EFB6; color:#0000A0 !important;} /* green */
.mainTable tbody .flwCompleteDead,
.flwCompleteDead,
.tdDead {background-color:#FF4646;} /* red */

/* don't use sytle A C D F I L M - return many serach results */

/* TH on side: (No borders, No BG) -- (100% table center) */
.styleB {width:100%; margin:20px auto; border-collapse:collapse;}
.styleB th {text-align:right;}
.styleB th.tt {padding:5px;}
.styleB th,
.styleB td {font-size:0.7em; padding:5px 0;}
.styleB th {padding-right:5px; padding-left:125px;}

/* TH on side: (No borders, No BG) -- (100% table center) */
.styleE {width:100%; margin:10px auto;}
.styleE th,
.styleE td {font-size:0.7em;}

/* TH on side: (No borders, No BG, TH right) -- (freesize table center) */
.styleG {margin:20px auto; border-collapse:collapse;}
.styleG th {text-align:right;}
.styleG th,
.styleG td {font-size:0.7em; padding:5px;}
.styleG td img {vertical-align:middle;}
.styleG td input {font-size:1em;}
.styleG td span {display:block; font-size:0.7em;}


/* TH on side: 3 column table (TH borders, No BG) -- (100% table) */
.styleH {width:100%; border-collapse:collapse;}
.styleH th {width:30%;}
.styleH th,
.styleH td {font-size:0.7em;}

.styleJ {width:100%; border-collapse:collapse;}
.styleJ th,
.styleJ td {font-size:0.7em;}

.styleK {width:100%; margin:20px 0; border-top:1px solid #0000A0; border-bottom:1px solid #0000A0;}
.styleK td {font-size:0.7em; padding:5px;}
.styleK th {font-size:1.2em; padding:5px;}

.styleN {width:100%; border-collapse:collapse; margin-bottom:20px;}
.styleN td {text-align:left; font-size:0.7em; padding:5px; border:1px solid #0000A0;}
.styleN th {text-align:right; font-size:0.7em; padding:5px; border:1px solid #0000A0;}

.styleQ {margin:20px auto 0; width:80%; border-collapse:collapse; margin-bottom:20px;}
.styleQ th {text-align:left; background-color:#36C; color:#FFF;}
.styleQ th,
.styleQ td {font-size:0.7em; padding:5px; border:1px solid #0000A0;}

td.locked,
th.locked{font-weight:bold;}

/* TH on side: (borders: bottom + right) -- (freesize table center) */
.tableBRB {margin:5px auto;}
.tableBRB th {text-align:right; padding:5px;}
.tableBRB td {padding:5px;}
.tableBRB td input,
.tableBRB td select {width:100%;}
.tableBRB td input[type=button],
.tableBRB td .Mybutton {width:auto;}
.tableBRB th img {float:left;}
.tableBRB th,
.tableBRB td {font-size:0.7em; width:20%; border-bottom:1px solid #0000A0; border-right:1px solid #0000A0;}
.tableBRB .noBr {border:none; vertical-align:bottom; text-align:right;}
.tableBRB .noB {border:none; vertical-align:bottom;}

.tableDot {width:50%; margin-bottom:20px; border-collapse:collapse;}
.tableDot th {background:#66AAEE; color:#FFF;}
.tableDot th.lTxt {padding-left:20px;}
.tableDot td {border-bottom:1px dotted #0000A0; padding:5px;}
.tableDot td,
.tableDot th {font-size:0.7em; padding:5px; vertical-align:center;}
.tableDot td input {font-size:1em;}

.blueGrey {width:100%; border-collapse:collapse; background-color:#EEE; border:1px solid #0000A0;} /*  */
.blueGrey th, 
.blueGrey td {text-align:left; vertical-align:middle; font-size:0.7em; padding:5px; border-right:1px solid #0000A0;}
.blueGrey th {background-color:#36C; color:#FFF; border-bottom:1px solid #0000A0;}
.blueGrey th label {color:#FFF;}
.blueGrey td input {vertical-align:middle;}
.blueGrey td.rTxt {text-align:right;}

.blueGreyResults {border-collapse:collapse; background-color:#EEE;} /*  */
.blueGreyResults th, 
.blueGreyResults td {text-align:left; font-size:0.7em; padding:3px 5px; border:1px solid #0000A0;}
.blueGreyResults th {background-color:#36C; color:#FFF;}
.blueGreyResults td input,
.blueGreyResults td select {width:100%; font-size:1em;}
.blueGreyResults td input.myButton {width:auto;}

/* Timeline styles */
.tableViewTL td {padding:0 10px; vertical-align:middle; text-align:left; background-color:#EEE;}
.tableViewTL th {text-align:left; padding:0 10px;}
.tlWrapper {width:800px; height:260px; overflow:auto;}
.tlControl, .tlControl tr td {vertical-align:top;}
svg {background:#EEE; padding:0 10px 10px 10px;}
line {stroke: #0000A0;}
path {stroke: #0000A0;}
path,
line {fill: none;}
text {font-size: 11px; fill:#0000A0;}
.line {stroke:#000;} /* line of the chart */
.axisTitle {font-size: 1.2em;}
.highAlertColor {fill:#999;} /* blue */
.lowAlertColor {fill:#CCC;} /* green */
.chartArea {fill:#FFF;} /* white */
.dotMarker {fill:#0000A0;} /* white */
.noEntryMsg {font-size: 2em;}
div.tlTooltip {
    position:absolute;
    padding:8px;
    background:#3399FF;
    border:0px;
    border-radius:8px;
    pointer-events:none;
}

.dcsPagination 
{
	margin:10px 0;
	text-align:left;
}
.dcsPagination span
{
	padding:15px 8px;
	font-size:0.8em;
}
#loadingIcon 
{
	text-align:center;
	padding:10px;
}
.eOn {color:#F00;}
.SectionTitle 
{
	font-size:1em;
	font-weight:bold;
	padding:5px 0;
}



/***********************************************Dialog BOX************************************************/
/* popup box and Box style */
div.box,
.PopUpDiv,
.showPopUpDiv,
.CompilePopUpWrapper,
#DCSConfBox {
	z-index:100;
	padding:15px;
	border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#F9F9F9;
	border:4px solid #006090;
	/* border:2px solid #000; */
	margin-left: auto;
	margin-right: auto;
}
.DCSConfBoxTop {cursor:move;}
#DCSConfBox table th,
#DCSConfBox table td.DCSConfBoxTitle {text-align:center; font-size:0.7em; font-weight:bold; background-color:#36C; color:#FFF; padding-top:5px; padding-bottom:5px;}
#DCSConfBox table td {text-align:center; vertical-align:middle;}

#DCSConfBox table td.DCSConfBoxTitleRed {text-align:left; font-size:0.7em; font-weight:bold; background-color:#C00; color:#FFF; padding-top:5px; padding-bottom:5px;}

#confBoxInner td img {display:none;}
#yesConfButton, #noConfButton, #okConfButton {font-size:0.7em;}

.PopUpDiv,
.showPopUpDiv {
	position:absolute;
	top:20%;
	left:25%;
}
div.box {width:550px;}
.PopUpDiv {display:none;}
div.box {width:550px;}
.closeX {font-size:2em; font-weight:bold; float:right; margin-top:-10px;}
.closeX * {color:#F00; text-decoration:none;}

.DCS_confbutton 
{
	font-weight: bold;
	width:100px;
}

.button
{
	padding:0;
	margin:0;
	border:none;
	background:none;
	cursor:pointer;
}

.QuestionData,
.QuestionDataCell,
.TQuestionDataCell,
.QuestionDataCellSingleAndMultiChoice
{
	border-right : 1px solid #0000A0;
	border-bottom : 1px solid #0000A0;
}
.QuestionLabel
{
	border-right: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	height: 1.3em;
	font-size: 0.7em;
	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;}

.NTQuestionLabel
{
	text-align: right;
	vertical-align:middle;
	background-color:#3366CC;
	color: #FFFFFF;
}
.combo
{
	padding:12px;
	border:10px solid #000000;
	background-color: transparent;
	font-weight:normal;
	color: #ff0000;
	
}
.toppageheader
{
	vertical-align: middle;
	text-align: center;
	font-size:1.5em;
}	

.imageedithdtitle
	{
		background-color: #042282;
		color:#FFFFFF;
		vertical-align: middle;
		text-align: right;
		font-weight:normal;
	}
.imageedithddata
	{
		background-color: #042282;
		color:#FFFFFF;
		vertical-align: middle;
		text-align: left;
		font-weight:normal;
	}
.leftpageheader
{
	background-color: #042282;
	vertical-align: top;
	text-align: center;
	font-weight:normal;
}
.contact
	{
		background-color: #042282;
		color:#FFFFFF;
		vertical-align: middle;
		text-align: center;
		font-weight:normal;
		font-size:1.1em;
	}
.DCSGraphYAxisText
{ 
	writing-mode: tb-rl; 
	filter: flipv fliph;
} 
.DCSGraphAbsolute
{ 
	position:absolute;
} 
.DCSGraphAlignRight
{
	text-align:right;
}
.DCSGraphMainTable
{
	width:inherit;
}
.iButtonPanelCell
{
	background-color: #042282;
	color:#FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-weight:normal;
}
table.excel{
border-collapse: collapse;
border:1px #666666 solid;
}
.thcell{
	background-color:#bbbbbb;
	border-left:1px #aaaaaa solid;
	border-top:1px #aaaaaa solid;
	border-right:1px #666666 solid;
	border-bottom:1px #999999 solid;
	font-weight:normal;
 }
.tdcell{
	background-color:#ffffff;
	border:1px #aaaaaa solid;
	padding:3px;
 }
 .rodd
 {
	background-color:#E9E9E9;
 }
 .reven
 {
	background-color:#dddddd;
 }
.dcsDebug
{
	background-color:#FFFF99;
	color:#0033CC
}

/* Meds stuff for medication lists*/
.fakeNoText
{
	border:none;
	background-color: transparent;
	text-decoration:underline;
}
.dsc_med_dialog *
{
	text-align:left;
}	
.dsc_med_dialog *
{
	text-align:left;
}
.dcs_med_categoryEditLink
{
	cursor:pointer;
	text-decoration:underline;
}
.dcs_med_editTitle
{
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
}
/*END Meds stuff */
.EuroScoreCell0
{
	border-right: 1px solid #0000A0;
	border-bottom: 1px solid #0000A0;
	font-weight:normal;
	text-align: left;
	vertical-align:middle;
	background-color: #FFFFFF;
	color: #000000;
	padding-left:5px;
}
.EuroScoreCell1
{
	border-right: 1px solid #0000A0;
	border-bottom: 1px solid #0000A0;
	font-weight:normal;
	text-align: left;
	vertical-align:middle;
	background-color: #BCE0FE;
	color: #000000;
	padding-left:5px;
}
.EuroScoreCellNull
{
	border-right: 1px solid #0000A0;
	border-bottom: 1px solid #0000A0;
	font-weight:normal;
	text-align: center;
	vertical-align:middle;
	background-color: #BBBBBB;
	color: #888888;
	cursor:help;
}
.EuroScoreResultCell
{
	border-right: 1px solid #0000A0;
	border-bottom: 1px solid #0000A0;
	font-weight:normal;
	text-align: left;
	vertical-align:middle;
	background-color: #66AAEE;
	color: #000000;
}
.EuroScoreSubRow0
{
	border-right: 1px solid #0000A0;
	border-bottom: 1px solid #0000A0;
	font-weight:normal;
	text-align: left;
	vertical-align:middle;
	background-color: #CCCCCC;
	color: #3300CC;
	padding-left:15px;
}
.EuroScoreSubRow1
{
	border-right: 1px solid #0000A0;
	border-bottom: 1px solid #0000A0;
	font-weight:normal;
	text-align: left;
	vertical-align:middle;
	background-color: #DDDDDD;
	color: #3300CC;
	padding-left:15px;
}

.noteBoxCell
{
	border-right: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	text-align: left;
	background-color: transparent;
}
.noteBox
{
	display:none;
	border:groove;
	padding: 4px;
	position:absolute;
	top:150px;
	left:200px;
	width:500px;
	background-color:#FFFFCC;
	text-align:center;
}
.noteBoxEdit
{
	padding: 4px;
	color:#000000;
	background-color:#FFFFFF;
	border:solid thin #FF0000;
	text-align:left;
	width:95%;
	height:80px;
	overflow: auto;
}

.noteBoxHistory
{
	readonly:readonly;
	padding: 4px;
	color:#3333FF;
	background-color:#FFFFFF;
	border:solid thin #3333FF;
	text-align:left;
	width:95%;
	height:300px;
	overflow: auto;
}

/*** LY 28/3/2013 - START ***/
#contextMenu
{
	position:absolute;
	background:#F1F1F1;
	border: 2px solid #000;
	width:200px;
}
.menuItem,
.menuItemDefault,
.highlightItem
{
	font-weight:bold;
	padding:6px 10px 6px 22px;
	cursor:default;
	background-repeat:no-repeat;
	background-position:2px center;
}
.highlightItem
{
	background-Color:highlight;
	color:#FFF;
}
/* hr tag */
hr,
.bTop
{
	border:0;
	background:#000;
	font-size:1px;
	height:1px;
	padding:0;
	margin:5px 0;
	noshade:noshade;
	align:center;
}

.hideEle {display:none;}
.hideall {display:none; height:0; border:0; margin:0; padding:0;}
.clearall {clear:both; height:0; border:0; margin:0; padding:0;}

/* Disable styles */
select:disabled,
input[type=text]:disabled,
input.dcs_disabled
{ 
	background:#CCC;   
}
th.dcs_disabled,
td.dcs_disabled,
label.dcs_disabled
{ 
	color: #CCC;   
}
img.dcs_disabled
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=20); /* internet explorer */
	-khtml-opacity: 0.2;      /* khtml, old safari */
	-moz-opacity: 0.2;       /* mozilla, netscape */
	opacity: 0.2;           /* fx, safari, opera */
}
.dcs_notdisabled
{ 
	background-color: #ffffff;   
}
/*** LY 28/3/2013 - END ***/

/* All adminPages: TableAdmin.csp | SystemStatus.csp */

/* All log reports: intellect: SystemAdmin.csp, SystemAdminLoginLog.csp, UserLoginLog.csp */
.logTable {border-collapse:collapse;}
.logTable th,
.logTable th a {background-color:#36C; color:#FFF;}
.logTable th,
.logTable td {font-size:0.7em; border:1px solid #0000A0; padding:5px;}

/* intellect/AppMain.csp */
.AppMain {padding-bottom:10px; text-align:center;}
.AppMain h1 {font-size:1.5em; margin:15px auto 16px;}
.AppMain h2 {color:#0000A0; font-size:1em; font-weight:bold; margin:0px auto 0px;}
.AppMain h3 {color:#0000A0; font-size:1em; margin:3px auto 15px;}
.AppMain h4 {margin:5px auto;}
.AppMain div, .AppMain p {text-align:center;}
.AppMain div {padding-top:6px;}
.AppMain div span {font-size:0.66em; vertical-align:top;}
.AppMain .btnTop {margin-top:15px;}
.AppMain p {font-size:0.66em; text-align:center; margin:5px auto;}
.AppMain input,
.AppMain input[type=button],
.AppMain input[type=submit] {width:180px; font-size:0.64em;}
.AppMain .MsgBox {padding:0px 60px 10px;}
.AppMain .MsgBox .msg {color:#0000A0; font-size:0.9em; margin-bottom:5px;}
.AppMain .MsgBox div {text-align:left;}
.AppMain .MsgBox div.rTxt {text-align:right;}
.AppMain .MsgBox div.rTxt span {vertical-align:middle;}
.AppMain .MsgBox textarea {color:#0000A0; width:100%; height:150px; overflow:auto; border:2px solid #3366cc;}
.AppMain h3,
.AppMain p,
.AppMain p span,
.AppMain div span {font-family: Verdana, Arial, Helvetica, sans-serif;}


/* ApplicationEnd.html */
.ApplicationEnd {text-align:center;}
.ApplicationEnd h2 {padding:6em 0 5em; font-weight:bold;}
.ApplicationEnd p {padding:1em 0;}
.ApplicationEnd p a {font-weight:bold; font-size:0.8em;}

/* 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:200px; vertical-align:middle;}
.PatientDemographicShortList .top td.t {width:auto; 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;}
.PatientDemographicShortList .tableBRB th,
.PatientDemographicShortList .tableBRB td {padding:2px 5px 2px 0; color:#FFF; 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;}

.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/PatientDemographicSummary.csp */
.PatientDemographicSummary h1 {margin:0 20px;}
.PatientDemographicSummary .divC span,
.PatientDemographicSummary .divC input,
.PatientDemographicSummary .divC select {font-size:1em;}

/* intellect/PatientDemographicShortNew.csp */
.newPatientEntry input,
.newPatientEntry input[type=button],
.newPatientEntry input[type=submit] {width:250px;}
.enterData {}
.enterData th, .enterData td {padding:10px 5px; vertical-align:top;}
.enterData th {text-align:right;}
.enterData td {text-align:left;}

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

.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;
}

/* BAES3 specific */
.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:20em;
	border-left: 1.5px #ffffff inset;
    border-top: 1.5px #ffffff inset;
    border-right: 0.5px #ffffff inset;
    border-bottom: 0.5px #ffffff inset;
}

.PatientDemographicShortNew .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:12em;
	border-left: 1.5px #ffffff inset;
    border-top: 1.5px #ffffff inset;
    border-right: 0.5px #ffffff inset;
    border-bottom: 0.5px #ffffff inset;
}
/* BAES3 specific */

/* intellect/PatientDemographicSearch.csp */
.PatientDemographicSearch .mainTable {width:100%;}
.PatientDemographicSearch .mainTable td select {width:100%;}
.tdBorder {width:100%;}
.tdBorder td {border:1px solid #0000A0; padding:0;}
.tdBorder td td {border:none;}
.PatientSearchOptionsTable {width:100%;}
.PatientSearchOptionsTable th,
.PatientSearchOptionsTable td {font-size:0.7em;}
.PatientSearchOptionsTable th {background-color:#36C; color:#FFF; border-bottom:10px solid #FFF; padding:3px; text-align:left;} /* border bottom to add extra spaces on 1st row */
.PatientSearchOptionsTable td {vertical-align:top;}
.PatientSearchOptionsTable td.yBullet{
	background:transparent url('../intellect/images/bullet_square_yellow.png') no-repeat 6px 0px;
	padding-left:26px;
	height:25px;
}

/* used in Log reports intellect/UserLoginLog.csp */
.UserLoginLog .dataPanel {height:410px;}
.tableContainerL .DarkRow,
.tableContainer .DarkRow,
.tableContainer .DarkRow td,
.DarkRow td {background-color:#E6FCFF;}
.LightRow {background-color:#FFF;}

/* intellect/login.csp */
.loginControls {width:480px;}
.loginControls th {text-align:right; font-size:0.7em;}
.loginControls .msg {padding:20px 0; font-size:0.9em;}
.login h2 {font-size:1.5em; margin:0.5em auto 2em;}
/*
.timer {background-color:#CCCCCC; width:15.8em; overflow:hidden;}
#timer {font-size:0.7em; letter-spacing:0.1px;}
*/
.timer {background-color:#CCCCCC; width:15.8em; overflow:hidden;}
#timer {font-size:0.8em;}
#speed {text-align:center; border:0.5px solid #CCCCCC; font-size:0.82em; font-weight:bold;}
#speed .sp1 {background-color:#9F9;} /* green */
#speed .sp2 {background-color:#FF9;} /* yellow */
#speed .sp3 {background-color:#F93; color:#FFF;} /*5 orange */
#speed .sp4 {background-color:#FF0000; color:#FFF;} /* red */
/* additions */
.login .loginControls input 
{
	width:19em;
	border-left: 1.5px #ffffff inset;
	border-top: 1.5px #ffffff inset;
	border-right: 0.5px #ffffff inset;
	border-bottom: 0.5px #ffffff inset;
}
#speed 
{
	border-right:0px; 
	border-bottom:0px;
	height: 1.2em; 
}
.login h1 {font-size:2em; margin:2em auto 0.5em;color:#FF0000;}



/* intellect/UpLoadReports.csp */
.UpLoadReports th {padding:0 10px 0 30px;}

/* intellect/UpLoadReports.csp */
.UpLoadReports table.tableContainer {width:auto; margin-top:6em;}
.UpLoadReports .tableContainer th {text-align:right; border:1px solid #FFF;}
.UpLoadReports .tableContainer td {text-align:left; border:1px solid #FFF;}

/* intellect/SystemAdmin.csp and intellect/SystemAdminLoginLog.csp */
.styleAdmin {padding-left: 20px; text-align:center;}
.styleAdmin .scrollArea {padding-right:20px; width:auto;}
.styleAdmin .searchPanel {}
.styleAdmin table {margin-left:5%; width:90%;}
.styleAdmin table th,
.styleAdmin table td,
.styleAdmin p {font-size:0.7em;}
.styleAdmin table td input {font-size:1em;}
.styleAdmin h2 {background-color:#36C; color:#FFF; margin:20px auto; padding:2px 10px; text-align:left;}
.styleAdmin .logTable th,
.styleAdmin .logTable th a {background-color:#36C; color:#FFF;}
.SystemAdminLoginLog h2 {margin-right:20px;}
.styleAdmin .formTable {width:auto; margin:0 auto 20px;}
.formTable input.Mybutton {width:150px;}
.initalText {width:210px; margin:0 auto 20px;}
.initalText p {text-align:left;}

/* Routine generated page: CDB */
.datedropdownarea {width:100%; padding:5px 3px; background:#FAFAD8;}
.datedropdownarea td {font-size:0.8em; vertical-align:middle; white-space:nowrap;}
.datedropdownarea td select {font-size:1em;}
.datedropdownarea td a {color:#000; text-decoration:none;}
.DatabaseInfoHeader {text-align:right;}
.subHeading {background:#FAFAD8; font-size:1.1em; font-weight:bold; text-align:center; margin:0px 3px; padding:5px 3px; border:1px solid #0000A0;}
#notab-section,
.contentPanel {overflow-y:auto; width:100%;}
.tab-body {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color:#FAFAD8;
	filter:none;
	text-align:left; 
	overflow-y:auto;	
}


/* intellect/LocalUserAppFlags.csp */
.LocalUserAppFlags legend {font-size:1.5em; font-weight:bold; padding-bottom:1em;}
.LocalUserAppFlags .tableContainer input,
.LocalUserAppFlags .tableContainer textarea {width:100%;}

/* intellect/CustomButtons.csp */
#CustomButtons table td select {width:100px;}


/************ intellect/demographicsextraedit.csp *************/
.demographicsextraedit {text-align:center;}
.demographicsextraedit .tableContainerL {width:auto;}
.demographicsextraedit h2 {background-color:#36C; color:#FFF; margin:0 auto; padding:2px 5px;}
.demographicsextraedit ul {height:200px;}
.demographicsextraedit #ul3 {height:100px;}
.demographicsextraedit ul li {width:100%; float:left; text-align:left;}
.demographicsextraedit ul li .xCol {text-align:center; width:10px;}
.demographicsextraedit .wDiv {margin-bottom:20px;}
.demographicsextraedit .fl,
.demographicsextraedit .fr {width:47%;}
.demographicsextraedit .PopUpDiv h3 {background-color:#36C; color:#FFF; padding:2px 5px;}
.demographicsextraedit .PopUpDiv h3 span {color:#FFF; font-weight:bold;}
.demographicsextraedit .PopUpDiv {height:300px;}
.demographicsextraedit .PopUpDiv table {width:100%; border-collapse:collapse;}
.demographicsextraedit .PopUpDiv table th,
.demographicsextraedit .PopUpDiv table td {border-bottom:1px solid #0000A0; text-align:center; font-size:0.7em; padding:5px;}
.demographicsextraedit .PopUpDiv table.enterData td {border:none;}
.demographicsextraedit .dataPanel .dataPanel {height:100px; margin-bottom:20px;}
.list1 div {width:20%; float:left; padding:5px; font-size:0.7em;}
.pretButton {cursor:pointer;}
.pretButtonOpt,
.pretButtonDel {cursor:pointer; padding:2px 5px; font-weight:bold;}
.pretButtonOpt {background-color:#D2EFFF;}
.pretButtonDel {background-color:#FF6969; margin-left:10px;}

/* intellect/TableAdmin.csp */
.TableAdmin #Results {margin:11px auto; clear:both;}
.TableAdmin #Pagination {width:90%; margin:auto; background:orange;}

/* intellect/userPageAdmin.csp */
.userPageAdmin h2 {background-color:#36C; color:#FFF; padding:2px 5px;}
.userPageAdmin .styleH th {border-left:1px solid #0000A0; border-right:1px solid #0000A0;}
.userPageAdmin .styleH th table {width:100%; padding:10px 0;}
.userPageAdmin .styleH th table th {border:none; width:70%;}
.userPageAdmin .styleH th table td {height:auto; vertical-align:bottom;}
.userPageAdmin .styleH th table td div {cursor:pointer; text-align:center; text-decoration:underline;}
#listcont1,
#listcont2,
#listcont3 {height:200px;}

/* intellect/windowfactory.csp */
.showPopUpDiv {width:500px;}
#window.showPopUpDiv h2 {background-color:#36C; color:#FFF; font-weight:bold; padding:2px 5px;}

/* intellect/CDBEditor/cdbfrontpages.csp */
.theTabs {width:100%; border-collapse:collapse;}
.theTabs th,
.theTabs td {padding:0;}
.cdbfrontpages h2 {margin:0; padding:15px; border-left: 1px solid #0000A0; border-right: 1px solid #0000A0;}
.cdbfrontpages h3 {font-size:1.4em;}
.cdbfrontpages #msgText {height:250px; overflow-y:auto; margin-bottom:8px;}
.cdbfrontpages .dataPanel table {margin:auto;}
.cdbfrontpages .dataPanel table th {width:30%;}
.cdbfrontpages .dataPanel table td.lTxt span {width:15px; display:inline-block;}
.compileWindow {display:none; position:absolute; top:100px; left:175px; background-color:#66CCFF; padding:15px; border:1px solid #0000A0;}
.tab-body-holder {background:#D2EFFF; text-align:center;}
.tab-body-holder .dataPanel {margin:0 auto; border:1px solid #0000A0; border-top:none;}

/* intellect/DemographicsFull.csp */
.DemographicsFull .dataPanel {height:440px;}
.demographicsMain .tableContainer {width:auto; margin:auto; padding-top:10px;}
.demographicsMain .gpTable .tableContainerL {width:100%; margin-top:0;}
.demographicsnumberadmin h2 {margin:7px 2px 0;}
.demographicsnumberadmin .tableBRB th,
.demographicsnumberadmin .tableBRB td {width:45%;}
.demographicsnumberadmin .tableBRB th {white-space:nowrap;}
.demographicsnumberadmin .tableContainer {margin-top:7px;}
.demographicsnumberadmin .tdG td {background-color:#E9E9E9;}
.demographicsmergepatient .tableBRB {width:100%;}
.demographicsmergepatient .tableBRB td input,
.demographicsmergepatient .tableBRB td select {width:auto;}
.demographicsmergepatient .styleDot {border-collapse:collapse; margin:20px;}
.demographicsmergepatient .styleDot th,
.demographicsmergepatient .styleDot td {vertical-align:top; border:1px dotted #0000A0; padding:3px 10px;}
.demographicsmergepatient .styleDot th {text-align:left; font-weight:normal;}
.demographicsmergepatient .styleDot td {font-weight:bold;}
.demographicsmergepatient .styleDot th.noB {width:25%; border:none; font-weight:bold; font-size:1.1em; width:50%}
.DemographicsExtra table {width:100%;}
.DemographicsExtra td,
.DemographicsExtra .tableBRB input,
.DemographicsExtra .tableBRB select {width:auto;}
.DemographicsExtra .fourCols td {width:30%;}
.thHL {background-color:#FFFFCC;}

/* intellect/auditdetail2.csp */
.auditdetail2 {padding-bottom:0;}
.auditdetail2 .tableBRB {width:50%; margin-left:auto; margin-right:auto;}
.auditdetail2 h2 {width:50%; margin:40px auto 0; background-color:#36C; color:#FFF; padding:5px 0;}
.auditdetail2 .tableBRB th,
.auditdetail2 .tableBRB td {width:40%;}

/* intellect/FunnelPlotFront.csp */
.FunnelPlotFront {background-color:#FAFAD8;}
.FunnelPlotFront .styleG input,
.FunnelPlotFront .styleG select {width:300px;}
.FunnelPlotFront .styleG td {cursor:pointer;}
.FunnelPlotFront .styleG td span {display:inline; font-size:1em;}
.FunnelPlotFront .styleG td div div span {padding-right:10px;}
.FunnelPlotFront #bSubmit {width:300px;}

/* intellect/funnelgraph.csp */
.FunnelGraph {background:#FFF;}
.FunnelGraph td {color:#0000A0; font-size:0.7em; }
.FunnelGraph td label {color:#0000A0; font-size:0.9em; padding-right:10px;}
.FunnelGraph #FunnelPlotTitle {font-size:0.8em; font-weight:bold;}

/* intellect/HCSSingleChoice.csp */
.HCSSingleChoice .tableContainerL {width:100%; margin:0;}
.HCSSingleChoice .tableContainerL th {border-bottom:none;}
.HCSSingleChoice .tableContainerL td {cursor:pointer;}
.HCSSingleChoice .tableContainerL td img {vertical-align:bottom; padding-right:10px;}

/* intellect/HCS.csp */
.HCS .dataPanel {height:160px; margin-top:20px; margin-bottom:20px;}
.HCS .tablefactory {overflow-y:scroll;}
.HCS .tableContainer {margin-top:0; margin-bottom:0;}

/* intellect/WordMerge.csp */
.WordMerge h2 {padding:5px;}
.WordMerge .tableDot td {cursor:pointer;}

/* intellect/contactsearch.csp */
.contactsearch .tableBRB {width:100%; margin-top:20px;}
.contactsearch .tableBRB th {width:10%;}
.contactsearch .tableBRB td input {width:auto;}
.contactsearch .tableContainer td {cursor:pointer;}

/* intellect/hcsselect.csp */
.hcsselect h2 {margin:22px auto 0; padding:5px;}
.hcsselect .tableContainerL {width:100%; margin:0 auto;}

/* intellect/LetterFields.csp */
.LetterFields .tableContainerL {width:100%; margin:0 auto;}

/* intellect/MLPLetters.csp */
.MLPLetters p {font-size:0.8em;}

/* intellect/MultiMedia.csp */
.MultiMedia {}
.ViewMediaDiv div {float:left;}
.uploadedMediaDiv {width:220px; height:480px; background:#EEE; overflow-y:auto; border:1px solid #FFF;}
.uploadedMediaDiv table {width:100%; border-collapse:collapse;}
.uploadedMediaTable td {text-align:right; border:none; padding:5px;}
.uploadedMediaTable td div {text-align:left;}
.MultiMedia .prevImgContainer {text-align:left; height:430px; width:430px; overflow:hidden; border:1px solid #FFF;}
.loadingMsg {font-size:1.5em; position:absolute; left:40%; top:30%; background:#FFF; padding:10px; border:1px solid #0000A0;}

/* intellect/gpeditor.csp */
.GPResults .mainTable th {width:10%;}
.gpeditor h2 {font-size:1.3em; padding:5px; font-weight:bold; background-color:#36C; color:#FFF; margin:0;}
.gpeditor .dataPanel {height:325px;}
.gpeditor .questionTable th,
.gpeditor .questionTable td {font-size:0.7em; padding:0 3px;}
.gpeditor .questionTable input[type=button] {width:150px;}
.gpeditor .PopUpDiv {top:10%;}
.gpeditor .PopUpDiv h2 {margin-bottom:20px;}
.gpeditor .blueGrey {background:none; border:none;}
.gpeditor .blueGrey td {border:none;}
.gpeditor .blueGrey th {border:1px solid #0000A0;}
.gpeditor .blueGrey td input[type=button] {width:150px; margin-left:10px;}
.gpeditor .blueGrey .endRow td {padding-top:30px;}
.gpeditor .browseGP iframe {border:1px solid #0000A0; width:100%; height:60px; margin-top:20px;}
.selItem {width:100%; background:#FFF; border-collapse:collapse; margin-bottom:10px;}
.selItem th,
.selItem td {font-size:0.7em; font-weight:normal; padding:3px; border:1px solid #0000A0;}
.selItem th {text-align:right; background:#EEE;}

/* intellect/CDBEditor/cdbreordersections.csp + intellect/CDBEditor/cdbreorderpages.csp */
.cdbreorderpages ul,
.cdbreordersections ul {text-align:left; margin:20px;}
.cdbreorderpages ul li,
.cdbreordersections ul li {padding:5px;}

/* intellect/CDBEditor/cdbEditCSPPage.csp + intellect/CDBEditor/cdbquestionedit.csp */
.cdbquestionedit .dataPanel {margin-top:10px;}
.timelineDiv {padding-top:10px;}
.cdbquestionedit th,
.cdbEditCSPPage th {text-align:right;}
.cdbquestionedit th *,
.cdbEditCSPPage th * {color:#FFF;}
.cdbquestionedit th .l,
.cdbEditCSPPage th .l {font-size:2em;}
.cdbquestionedit textarea,
.cdbEditCSPPage textarea {font-size:1em;}

/* intellect/cdbeditor/cdbs.csp + intellect/cdbeditor/cdbpagesoverview.csp */
.CDBs,
.cdbpagesoverview {text-align:left; padding:10px;}
.treeSearch {padding:5px 0 15px 0;}
.tree ul.dynatree-container {height:auto; border:none; background:#D2EFFF;}

/* intellect/CDBEditor/cdbvalidation.csp */
.cdbvalidation .styleQ select {width:50px;}
.cdbvalidation h2 {margin:0; padding:2px 5px; background:#36C; color:#FFF; text-align:left; border:1px solid #0000A0; border-bottom:none;}
#rule {height:55px; background:#FFF;}
#rule div {padding:5px;}
.vList {color:red !important; height:80px; overflow:auto;}
.selQus {height:55px; overflow:auto; background:#FFF;}

/* intellect/CDBEditor/cdbDoDisable.csp */
.cdbDoDisable h2 {margin:0; padding:2px 5px; background:#36C; color:#FFF; text-align:left; border:1px solid #0000A0; border-bottom:none;}

/* intellect/CDBEditor/cdbeditcdb.csp */
.cdbeditcdb h2 {padding:15px; margin:0;}
.cdbeditcdb .tableBRB {width:80%;}
.cdbeditcdb .tableBRB th,
.cdbeditcdb .tableBRB td,
.cdbeditcdb .tableBRB input,
.cdbeditcdb .tableBRB select {width:auto;}
.cdbeditcdb .tableBRB input.ext {width:350px;}
.cdbeditcdb .styleE {padding-left:15px;}
.cdbeditcdb .displayFields {text-align:center; margin:auto;}
.cdbeditcdb .displayFields h2 {font-size:1.5em; padding:40px 0 0;}
.cdbeditcdb .displayFields table {border-collapse:collapse; margin:0 auto; background:#FFF;}
.cdbeditcdb .displayFields td {border:1px solid #0000A0; text-align:center; padding:15px;}
.cdbeditcdb .displayFields td * {font-weight:bold;}
.subButton {padding:3px; margin:3px; background-color:#36C; color:#FFF; font-size:2em; cursor:pointer;}

/* intellect/CDBEditor/cdbcss.csp */
.cdbcss .topBar th {text-align:right;}
.cdbcss .topBar td {width:8%;}
.cdbcss .tab-body {margin-bottom:1px;}
.cdbcss .previewTable {background-color:#FFF; margin:10px auto; border:1px solid #0000A0;}
.cdbcss .previewTable td {padding:10px 20px; font-size:0.7em;}
.cdbcss .previewTable td td {padding:0;}
.cdbcss fieldset {font-size:1.3em;}
.cdbcss fieldset fieldset {font-size:1em; margin-bottom:12px;}
.cdbcss fieldset.extraPad {margin-bottom:25px;}
.cdbcss fieldset select {width:100%;}
.previewQues {margin:15px auto;}
.previewQues td {border:none; white-space:nowrap;}

/* intellect/FunnelPlotFront.csp */
.FunnelPlotFront .styleG .myButton {width:auto;}

/* compile popup */
.CompilePopUpWrapper {display:none; position:absolute; top:70px; left:160px;}
.CompilePopUpWrapper table {width:600px; text-align:center;}
.CompilePopUpWrapper table th {padding:5px 0;}
.CompilePopUpWrapper table th span {display:block; font-size:1.6em;}
.CompilePopUpWrapper table td {padding:5px 0;}
.CompilePopUp {height:400px; overflow-y:scroll; text-align:left; padding:0 10px;}

.autoWidth {width:auto;} /* keep this at the bottom of the stylesheet to override the table styles */
/* intellect/DataExport.csp */
.DataExport * {color:#0000A0;}
.DataExport h1 {font-size:1.3em; font-weight:bold;}
.DataExport h2 {font-size:0.9em; font-weight:bold; margin:5px auto;}
.DataExport p {font-size:0.9em; margin:0 auto;}
.DataExport div {margin:20px auto;}
.DataExport div input {font-weight:bold; color:#000; font-size:0.7em;}
.DataExport .tableContainer {width:98%}
.DataExport .tableContainer th,
.DataExport .tableContainer td {padding:2px;}
.DataExport .tableContainer td input { font-size:1em;}
.DataExport .tableContainer td div {margin:0;}
.DataExport .hightlight1 td {background-color:#99CCFF;}
.DataExport .lTxt {font-weight:bold;}

.DocumentManagement h1 {font-size:0.7em; font-weight:bold; color:#0000A0; margin:70px auto;}
.DocumentManagement .tableContainer th,
.DocumentManagement .tableContainer td {font-weight:bold;}
.DocumentManagement .tableContainer td {color:#0000FF;}
/* intellect/audit.csp */
.audit .tableDot {width:100%;}
.audit .tableDot th {text-align:left;}
.audit .tableDot th.act {cursor:pointer;}

/* compile popup */
.CompilePopUpWrapper {display:none; position:absolute; top:70px; left:160px;}
.CompilePopUpWrapper table {width:600px; text-align:center;}
.CompilePopUpWrapper table th {padding:5px 0;}
.CompilePopUpWrapper table th span {display:block; font-size:1.6em;}
.CompilePopUpWrapper table td {padding:5px 0;}
.CompilePopUp {height:400px; overflow-y:scroll; text-align:left; padding:0 10px;}

.autoWidth {width:auto;} /* keep this at the bottom of the stylesheet to override the table styles */

/* vanishingly rare events */
.rbCellVRE {font-size:0.7em;}
.MyVREbuttonRed {
	background-color:#CC0000;
	color:#FFFFFF;
}
.MyVREbuttonGreen {
	background-color:#99FF99;
	color:#000000;
}

.PatientDemographicShortNew #ContainerGender span.Radio {width:12%;}

.PatientDemographicShortNew td span{float:left;}
.PatientDemographicShortNew td span.dmy{font-size:0.7em;float:none;}

.PatientDemographicShortResults tbody .demogReadOnly {background-color:#CCC;} /* grey */

.AddNewPatientReadOnly  {
	background-Color:#CCCCCC;
	color:#042282;	
	border-left: 1.5px #ffffff inset;
    border-top: 1.5px #ffffff inset;
    border-right: 0.5px #ffffff inset;
    border-bottom: 0.5px #ffffff inset;
    padding: 1px 0px 1px 6px;
    font-size:0.7em;
}

/* frontpages/RegisterMe.csp */
.RegisterMe .questionTable{width:60%;}
.RegisterMe h1 {font-size:2em; margin:2em auto 0.5em;color:#FF0000;}
.RegisterMe h2 {font-size:1.5em; margin:0.5em auto 1em;}
.RegisterMe h3 {font-size:1.1em; margin:0.2em auto 0.3em;}
.RegisterMe th {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	vertical-align:middle;
	background-color: #3366CC;
	color: white;
	padding:  2px 0 2px 0;
	width:250px;
}
.RegisterMe th.rBullet {
	background:#3366CC url('../intellect/images/bullet_square_red.png') no-repeat 6px 3px;
	padding-left:26px;
}
.RegisterMe td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	/* 
	background-color: white; 
	border : 2px solid #CCCCCC;
	*/
	padding:0px 0px 0px 10px;	
}
.RegisterMe select {width:337px;}

/* frontpages/connection.csp */

.connection {font-size: 0.9em;}
.connection .MyButton
{
	width:500px;
	color: #FFF;
	background:url('../frontpages/img/bbg.gif');
	background-repeat: repeat-x 0 0;
	height: 50px;
	border-style: solid;
	border-width: 2px;
	font-size: 1.1em;
	font-weight:bold;
}

.flwOverdue {background-color:#FF3333;color:#2A1FAA;} /* ROPE */

.DCSConfBoxButtons {padding-left:30px;}

.table0 th.rBullet,
.table1 th.rBullet,
.table2 th.rBullet {
	background:#3366CC url('../intellect/images/bullet_square_red.png') no-repeat 6px 0px;
	padding-left:26px;
	/*
	RED - background-color: #FF0000;
	color: #FFFFFF;
	// #ff9900 = PANTONE 151 C
	*/
	background-color: #ff9900;
	color: #000000;
	font-weight:bold;
}

.table0 td.rBulletMessage,
.table1 td.rBulletMessage,
.table2 td.rBulletMessage {
	background:#FAFAD8 url('../intellect/images/bullet_square_red.png') no-repeat 6px 0px;
	padding-left:26px;
	vertical-align:top;
}

#confBoxBody .QuestionLabelDialog
{
	border-right: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	height: 1.3em;
	font-size: 0.7em;
	font-weight:normal;
	text-align: right;
	vertical-align:middle;
	background-color: #3366CC;
	color: #FFFFFF;
}
#confBoxBody .QuestionDataCellDialog
{
	text-align:left;
	padding-left:10px;
	border-right : 1px solid #0000A0;
	border-bottom : 1px solid #0000A0;
}

/* ENTUKLSR */
#newSubProcQ78I1074,
#newSubProcQ88I1084
{
	font-size: 0.7em;
	width:200px;
}

.PatientDemographicShortList #bAddPatient
{
	font-size: 1.2em;
	width:200px;
}

.PatientDemographicShortNew #bAddPatient,
.PatientDemographicShortNew #bSearch
{
	font-size: 0.9em;
	font-weight:bold;
	width:220px;
}

.UserEdit {background:#FAFAD8;}