/*****  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:Arial, Verdana, 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;		
}
body.normal {background:#FFF; padding:10px;}
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;
}
input[type=file] {border:none;}

tr.topPanel td {font-size:1.5em; height:55px;}
.toplevelTable,
tr.topPanel td {color:#FFF; text-align:center; vertical-align:middle;}
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;}

.tabPage, .popup {background:#FFF;}
.wellarea {
	background-color: #E6FCFF;
	border:1px solid #FFF;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66AAEE', EndColorStr='#FFFFFF');
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#66AAEE), to(#FFFFFF)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #66AAEE, #FFFFFF); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #66AAEE, #FFFFFF); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #66AAEE, #FFFFFF); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #66AAEE, #FFFFFF);
}

/* 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; width:130px;}
.Mybutton:disabled {color:#999; background-color:#FFF; border:1px solid #999; cursor:default;}
.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 */
.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 */
.hightlight1 td {background-color:#99CCFF;}
.drugIcon {cursor:pointer;}

.denote,
.wMsg 
{ 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F00;
}
.nTxt {color:#9FF;}
.blueT {color:#00C;}
.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;}
.linkEleL {cursor:pointer; text-align:left;}
.linkEleFW {cursor:pointer; width:100%;}
.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:7px;} /* SingleChoice Question */
.questionTable .SingleChoiceQ td span {padding-bottom:3px;} /* 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]  */

/* 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;}
.draglist li span.hideCb {float:right;}
.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;}
/* intellect/CDBEditor/cdbeditsection.csp */
#ul1 li span.hideCb {display:none;}
#ul2 li span.hideCb {display:inline;}
#ul1 div span {float:left;}

/* 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;}
.msg {margin:15px auto;}
.wPanel {background:#FF6969; color:#FFF;}
.gaps {margin-top:5px;}

.fw {width:100%;}
.dataPanel,
.dataSDiv {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 */
.serachPanel {margin:auto;}
.serachPanel th,
.serachPanel td {text-align:right; border-right:1px solid #0000A0; border-bottom:1px solid #0000A0;}
.serachPanel input,
.serachPanel select {width:100%;}
.serachPanel .noBorder,
.serachPanel .noBorder td {border:none;}
.serachPanel .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;}
.paginatonSpan {font-size:1em;}

/* 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; vertical-align:middle;}
.topBar td {font-weight:bold; vertical-align:middle;}

/* Different TABLE styles */

/* ANY: (No borders, BG:blue) -- (100% table) */
table.nextprebuttonarea {width:100%; background-color:#36C; color:#FFF;}
table.nextprebuttonarea th {color:#FFF; font-size:0.7em;}
table.nextprebuttonarea td {padding:5px 3px; font-size:0.7em; color:#FFF;}
table.nextprebuttonarea td,
table.nextprebuttonarea td strong,
table.nextprebuttonarea td a {color:#FFF; 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:100%; border:none;}
.questionTable th,
.questionTable td {font-size:0.7em; padding:5px;}
.questionTable th {width:20%; text-align:right; font-style:normal;}
.questionTable td img {cursor:pointer; vertical-align:top; margin-right:10px;}
.questionTable input,
.questionTable select,
.questionTable textarea {font-size:1em;}
.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 #EEE; border-bottom:1px solid #EEE;}
.noTabSection .questionTable th {background-color:#36C; color:#FFF;}
/* With tabs */
.tabSection .questionTable {margin:0px;}
.tabSection .questionTable th,
.tabSection .questionTable td {border-bottom:1px solid #0000A0; border-right:1px solid #0000A0;}

.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;}
.noLink,
.mainTable tbody td.noLink {cursor:default;}
.mainTable tbody td.lastPat {border:1px double #000;}
.mainTable tbody .initIncomplete,
.mainTable tbody .flwIncomplete,
.initIncomplete,
.flwIncomplete {background-color:#FF9;} /* yellow */
.mainTable tbody .initComplete,
.mainTable tbody .flwCompleteAlive,
.initComplete,
.flwCompleteAlive {background-color:#9F9;} /* green */
.mainTable tbody .flwCompleteDead,
.flwCompleteDead,
.tdDead {background-color:#F93;} /* orange */

/* 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;}
.styleG td span.txt {font-size:1em;}


/* 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.Mybutton {width:130px;}
.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:305px; overflow:auto;}
.tlControl, .tlControl tr td {vertical-align:top;}
svg {background:#EEE; padding:0 10px 5px 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:2px solid #000;
	margin-left: auto;
	margin-right: auto;
}
.DCSConfBoxTop {cursor:move;}
#DCSConfBox table th,
#DCSConfBox table td.DCSConfBoxTitle {text-align:left; font-weight:bold; background-color:#36C; color:#FFF;}
#DCSConfBox table td {text-align:center; vertical-align:middle;}

.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;
}

.QuestionLabel,
.QuestionData,
.QuestionDataCell,
.TQuestionDataCell,
.QuestionDataCellSingleAndMultiChoice
{
	border-right : 1px solid #0000A0;
	border-bottom : 1px solid #0000A0;
}
.QuestionDataCell img {vertical-align:top;}
.QuestionLabel {text-align:right;}
.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;
}	
.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 !important;
	color:#0033CC !important;
}

/* 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:400px;
}
.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 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:20px auto 16px;}
.AppMain h2 {font-size:1.5em; font-weight:bold;}
.AppMain h3 {font-size:1em; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.AppMain h4 {margin:5px auto;}
.AppMain div, .AppMain p {text-align:center;}
.AppMain div {padding-top:6px;}
.AppMain div span {font-size:0.7em; vertical-align:top;}
.AppMain .btnTop {margin-top:20px;}
.AppMain p {font-size:0.7em; text-align:center; margin:5px auto;}
.AppMain input,
.AppMain input[type=button],
.AppMain input[type=submit] {width:180px; font-size:0.7em;}
.AppMain .MsgBox {padding:0px 40px 10px;}
.AppMain .MsgBox .msg {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 {width:100%; height:150px; overflow:auto;}


/* 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%;}
.PatientDemographicShortList table th,
.PatientDemographicShortList table td {font-size:0.7em;}
.PatientDemographicShortList table input,
.PatientDemographicShortList table select {font-size:1em;}
.PatientDemographicShortList .mainTable .Mybutton {width:auto;}
.instrText {font-size:1.1em; padding:5px; margin:2px 0px; background:#EEE;}

/* intellect/PatientDemographicSummary.csp */
.PatientDemographicSummary h1 {margin:0 20px;}
.PatientDemographicSummary .divC span,
.PatientDemographicSummary .divC input,
.PatientDemographicSummary .divC select {font-size:0.7em;}
.PatientDemographicSummary .tableBRB th,
.PatientDemographicSummary .tableBRB td {width:18%;}
.PatientDemographicSummary .tableBRB th.gender,
.PatientDemographicSummary .tableBRB td.gender {width:200px;}
#DCSConfBox table.dataTable {border-top:2px solid #000; width:90%; text-align:center; margin:5px auto; padding-top:10px;}
#DCSConfBox table.dataTable td {width:50%; text-align:left;}
#DCSConfBox table.dataTable td.DCSConfBoxBodyText {text-align:right; padding-right:10px;}

/* 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;}

/* intellect/PatientDemographicSearch.csp */
.PatientDemographicSearch .mainTable {width:100%;}
.PatientDemographicSearch .mainTable td select {width:100%;}
.PatientDemographicSearch .cSize {font-size:0.86em; margin-left:100px; margin-top:50px; float:left;}
.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; 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;
}
.PatientSearchOptionsTable td input,
.PatientSearchOptionsTable td select {font-size:1em;}

/* 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:2.5em auto 2em;}
.login .loginControls input {width:19em;}
.timer {background-color:#CCCCCC; width:15.6em; overflow:hidden;}
#timer {font-size:0.8em;}
#speed {text-align:center; border:1px solid #0000A0; 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 */

/* 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 .serachPanel {}
.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;}
.styleAdmin .fl,
.styleAdmin .fr {width:49%;}
.SystemAdminLoginLog h2 {margin-right:20px;}
.formTable,
.styleAdmin .formTable {width:auto; margin:0 auto;}
.formTable input {width:200px;}
.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-color:#FFF;}
.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;}
select.DatabaseInfoHeader {text-align:left;} /* dropdown list */
.subHeading {background:#D2EFFF; 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 {text-align:left; overflow-y:auto;}
.DCSMKCSPSINGLEPAGE .tab table,
.tabHeader {background-color:#FFF; border:none; width:100%; margin:0; padding:0; border-collapse:collapse;}

/* 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 {font-size:1em; text-align:left;}
.demographicsextraedit ul li span {font-size:0.7em; width:23%; display:inline-block; vertical-align:middle;}
.demographicsextraedit ul li span span {font-size:1em; width:auto; display:inline-block;}
.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 .Mybutton {width:130px;}
.demographicsextraedit .tableContainerL .Mybutton {font-size:1em;}
.demographicsextraedit .buttonPanel .Mybutton {font-size:0.7em;}
.demographicsextraedit .dataSDiv {height:130px; 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;}
.TableAdmin .tableContainer td img {cursor:pointer;}

/* intellect/userPageAdmin.csp */
.userPageAdmin h2 {background-color:#36C; color:#FFF; padding:2px 5px;}
.userPageAdmin .formTable th,
.userPageAdmin .formTable td input {font-size:0.7em; clear:both; display:block; margin-bottom:4px;}
.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;}
.userPageAdmin .Qop {background:#FFF;}
.userPageAdmin .QopOver {background:#EEE;}
.userPageAdmin .QopOver td {background:#EEE;}
.userPageAdmin .QopOverM, .QopOverM div {background:#E6FCFF;} /* highlight */
#listcont1,
#listcont2,
#listcont3 {height:200px;}
#listcont1 span {height:20px; vertical-align:middle;}
.CyloListContainer {height:100%; border:1px solid #0000A0; overflow:auto;}
.CyloListContainer table {width:100%; border-collapse:collapse;}
.CyloListContainer td {cursor:pointer; border-top:1px solid #0000A0;}
.dvCI {background-color:#FC9;} /* pink */
.dvCS {background-color:#FFC;} /* beige */
.dvCF {background-color:#CF9;} /* green */

/* 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;}
.DemographicsFull .tableBRB select {z-index:10;}

/* 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 .styleG input,
.FunnelPlotFront .styleG select {width:200px;}
.FunnelPlotFront .styleG td span {display:inline; font-size:1em;}
.FunnelPlotFront .styleG td div div span {padding-right:10px;}
.FunnelPlotFront .styleG .myButton,
#bSubmit {width:auto;}

/* 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-color:transparent;}
.DCSConfBoxBody .tableContainerL {width:100%;}
.DCSConfBoxBody .msg {text-align:center;}

/* 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;}
#cdbcssTable td {padding-right:10px;}

/* intellect/CDBEditor/cdbMoveSection.csp */
.cdbMoveSection h1,
.cdbMoveSection p {color:#FFF;}
.cdbMoveSection .styleN {background:#FFF; margin-bottom:0;}
.cdbMoveSection .dataPanel {background:#FFF;}

/* 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; font-size:0.7em;}
.DataExport .tableContainer td input { font-size:1em;}
.DataExport .tableContainer td div {margin:0;}
.DataExport .hightlight1 td {background-color:#99CCFF;}
.DataExport .lTxt {font-weight:bold;}

/* intellect/audit.csp */
.audit .tableDot {width:100%;}
.audit .tableDot th {background-color:#36C; text-align:left; cursor:pointer;}

/* intellect/EditSites.csp */
.EditSites .styleQ {width:auto;}
.EditSites .topContent {text-align:left; margin:0 5%;}
.EditSites .topContent p {font-size:0.8em; padding-left:10px;}
.EditSites h1,
.EditSites h2 {font-size:1.1em; padding:2px 10px; background-color:#36C; color:#FFF;}
.EditSites h2 {text-align:left; margin:20px 5%;}

/* compile popup */
.CompilePopUpWrapper {display:none; position:absolute; top:50px; 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;}

/* popup intellect/patientreport.csp */
.patientreport {text-align:center;}
.patientreport table tr.sec td {background:#EEE;}
.patientreport table th.sec {background:#EEE; color:#000;}

/* Cohort/ExportProcess.csp */
.ExportProcess {padding:5px;}

.autoWidth {width:auto;} /* keep this at the bottom of the stylesheet to override the table styles */

/* edit image page */
table.EditImagetopBar {width:auto; text-align:center; margin:0 auto; border-top:1px solid #CCC; margin-top:10px;}
table.EditImagetopBar th,
table.EditImagetopBar td {font-size:0.8em; height:auto; color:#FFF;}
table.EditImagetopBar th {text-align:right; width:15%; padding:0 0 0 5px;}
table.EditImagetopBar td {text-align:left; width:25%; padding:0 15px 0 0;}

/* intellect/CDBEditor/cdbqneditlist.csp */
.cdbqneditlist .topbar {margin-bottom:15px;}
.cdbqneditlist .tableContainer td.lTxt input {width:90%;}
.cdbqneditlist .boxB {width:80%; text-align:left; margin:0px auto; padding:10px 0;}
.cdbqneditlist .boxB ul {padding-top:0; margin:0;}
.cdbqneditlist .boxB ul li {}
.cdbqneditlist .boxB h3 {padding:0 0 0 25px; margin:0; font-weight:bold;}

/* Tab.css */
/* All tabs */
.tab-body {background-color:#D2EFFF; border: 1px solid #0000A0; border-top:none;}

.tabmainactive,
.tableftactive,
.tabrightactive,
.tabmaininactive,
.tableftinactive,
.tabrightinactive {height:27px; vertical-align:middle; text-align:center; cursor:pointer;}
.tabbottomactive,
.tabbottomactiveleft,
.tabbottomactiveright {background:#D2EFFF;}
/* Inactive tabs */
.tabmaininactive {background: url(../Images/tab-bg_inactive.gif) repeat-x 0 0;}
.tableftinactive {width:6px; background: url(../Images/tab-left_inactive.gif) no-repeat 0 0;}
.tabrightinactive {width:6px; background: url(../Images/tab-right_inactive.gif) no-repeat 100% 0;}
.tabbottominactive,
.tabbottominactiveleft,
.tabbottominactiveright {height:1px; background-color:#0000A0;}
/* Active tabs */
.tabmainactive {font-weight:bold; background: url(../Images/tab-bg_active.gif) repeat-x 0 0;}
.tableftactive {width:6px; background: url(../Images/tab-left_active.gif) no-repeat 0 0;}
.tabrightactive {width:6px; background: url(../Images/tab-right_active.gif) no-repeat 100% 0;}
.tabbottomactive,
.tabbottomactiveleft,
.tabbottomactiveright {border-top: 1px solid #D2EFFF;}