/**
 *	This CSS file can be customized to override any of the
 *	styles in the PLATORM2.css to create a custom look and
 *	feel.
 */




/* LOGIN PAGE STYLES */


/* The image in .loginBody is the background stripe that goes horizontally across the page. We could also use a repeat-y to create  and effect more like the NRMI5 or Kyphon login page */

BODY.loginBody {
	background-color: #fff;
}

/* Max height for the Study Logo image is about 112px, assuming a TOP position of 0px. Max width is theoretically the width of the page. But those are extreme cases; in practice, the logo should have a healthy amount of white space around it, hence the LEFT: 22 and TOP: 47.  */

.loginStudyLogo {
	POSITION: absolute;
	LEFT: 90px;
	TOP: 10px; 
}

.loginBox {
	position: absolute;
	top: 0px;
	left: 0px;
	vertical-align: bottom;
	text-align: left;
	border: 0px;
	padding: 0px;
	z-index: 1;
}

.loginUsername {
	text-align: right;
	padding-right: 5px;
}

.loginPassword {
	width: 120px;
	text-align: right;
}

.loginFooter {
	font-size: 10px;
	color: #515151;
	text-align: left;
	POSITION: absolute; 
	LEFT: 330px; 
	TOP: 375px;
}

.loginFooter a {
	font-size: 10px;
}

.loginInfoBox {
	POSITION: absolute; 
	TOP: 188px; 
	LEFT: 599px;
}

/* Presumably the "Powered by Outcome" logo shouldn't be included in studies which don't have unique client branding (e.g., data.outcome.com, in those cases, VISIBILITY should be set to HIDDEN */
.loginPoweredBy {
	POSITION: absolute; 
	TOP: 380px; 
	LEFT: 840px;
	VISIBILITY: visible;
}

.loginInput, .loginSubmit {
	text-align: right;
	padding-right: 15px;
}

.loginInput INPUT {
	width: 150px;
}

#loginNotifications {
	position: absolute;
	left: 20px;
	top: 430px;
	width: 275px;
	background: #9db7c4;
	padding: 5px;
}

.idFrameLabel, .idFrameData {
	color: white;
}

.ptGridSuperHeader {
	background-color: #eaeaea;
	text-align: left;
	font-size: 12px;
	color: #515151; 
	font-weight:bold; 
	padding: 5px;
	text-decoration: underline;
}

.ptGridSuperHeader1 {
	background-color: #eaeaea;
	text-align: left;
	font-size: 12px;
	color: #515151; 
	font-weight:bold; 
	padding: 5px;
}

.ptGridHeader {
	text-align:left;
	background-color: navy;
	font-size: 12px; 
	color: white; 
	font-weight:bold; 
	padding: 5px;
	text-decoration: underline;
}

.cffGridHeader{
	text-align:center;
	background-color: navy;
	font-size: 12px; 
	color: white; 
	font-weight:bold; 
}

div.gridLegend{
	POSITION: absolute; 
	LEFT: 750px; 
	TOP: 60px;
}

.searchTable {
	width: 330px;
	margin-bottom: 5px;
	padding-top: 1px;
	border: 1px solid #C1C1C1;
	background-color: #EAEAEA;
}

.searchTable TD {
	padding-top: 2px;
	padding-bottom: 2px;
}

.searchTable TD TD {
	padding-top: 0px;
	padding-bottom: 0px;
}

div.carecenter{
	border: 2px solid #ABD9E9;
}

.extraEncounterGridRows{
	display:none;
}

.extraCEGridRows{
	display:none;
}

.extraPNGridRows{
	display:none;
}

.extraARGridRows{
	display:none;
}

.formFieldAsterisk{
	display:inline;
	color: red; 
	font-weight:bold; 
}

div.signed, div.signed a, td.signed a {
	color: black; 
	font-weight:bold; 
}

.ptGridAltRow {
	background-color: #eaeaea;
}

#duplicateSaveError {
	color: Red;
	margin-bottom: 2px;
	margin-top: 2px;
	font-weight:bold;
}

td.duplicateSaveError {
	color: Red;
	margin-bottom: 2px;
	margin-top: 2px;
	font-weight:bold;
}


/* PATIENT CALCULATION REPORT STYLES */

.pr_dataSection {
	border-collapse: collapse;
	border: 1px solid #C2C2C2;
}

.pr_dataSectionHeader {
	background-color: #C2C2C2;
	text-align: left;
	color: #000000;
	font-weight: bold;
	padding: 7px 3px;
}

.pr_calcRow0 {
	background-color: #FFFFFF; 
}

.pr_calcRow1 {
	background-color: #EAEAEA; 
}

.pr_footnote {
	background-color: #DEDEDE;
	font-weight: normal;
	text-align:left;
	color: #000000;
	padding: 3px;
	font-style:italic;
}

/* END PATIENT CALCULATION REPORT STYLES */

.irr_label {
 text-align: left;
 padding-right:8px;
 padding-bottom:8px;
}

.irr_toggle {
 padding-right: 8px;
 padding-bottom:8px;
}

.formSelectorTab { /*the active tab*/
	font-weight: bold;
	position: relative;
	color: #000000;
	border-color: #ffffff;
	z-index: 0;
	margin-left:2px;
	margin-right: 2px;
	padding: 5px;
	text-decoration:	none;
}

.encounterDataDropDown {
	position: relative;
	margin-left: 5px;
	float: right;
	margin-left: 0px;
}

span.addRemoveTab { /* the Add/Remove button on the Tab Selection Page */
	text-align: left;
	width: 50%;
	display: inline;
	margin-right: 10px;
}

.TSDiv {
	background-color: #e0dada;
	border-bottom: 1px outset #ffffff;
}

.tabRow {
	width: 40%;
	display: inline;
}

/*Work Order7, item6.New style for placing the submit buttons on top of page */
#TopOfForm {
	border-top: 1px solid #fff;
}	

#TopOfForm div {
	padding-bottom: 10px;
}

/* Work Order7, item1. Made Delete Form link RED */
.deleteForm {
	color: #F00;
}

/* WO 10: add border around non-null death date patients in Incomplete Records report*/
/* NOTE: this padding is needed for IE browsers to show the top border (wretched IE!) */
.DataColumnSorted1 {
    background-color: #DEEBF7;
    padding-top: 1px;
    padding-bottom: 1px;
}

.DataColumnSorted0 {
    background-color: #F7FBFF;
    padding-top: 1px;
    padding-bottom: 1px;
}

.csRow {
	font-weight: bold;
	padding-right: 25px;
	padding-bottom: 2px;
}

.csHeaderRow {
	font-size: 13px;
	font-weight: bold;
	padding: 4px;
}

.siteSelect {
	border: 1px solid #006699;
	padding: 1px;
	width: 325px;
}

.hide {
	visibility: hidden;
	display: none;
}

.show {
	visibility: visible;
	display: block;
}

.attViewInfo {
	margin-bottom: 8px;
}

.attViewCntr {
	height: 225px;
	overflow-y: auto;
}

.attViewTbl {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 300px;
	margin: 0px auto;
}

.attViewHdr {
	padding: 3px;
	background-color: #F3F3F3;
	border: 1px solid black;
	font-weight: bold;
	text-align:center;
	font-size:12px;
}

.attViewCell {
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid black;
	text-align:center;
}

#uploadRgTbl {
	width:100%;
}


/** =======================================================	**/
/**			BEGIN ATTACHMENT ELEMENT STYLES					**/

div.attach {
	padding:2px;
}

.attach_extras {
	font-style:italic;
	font-weight:bold;
	color: #464646;
	margin-left:10px;
}

a.attachLink {
	text-decoration:underline;
	color:#253494;
	font-weight:bold;
}

.attach_msg {
	font-style:italic;
	font-weight:bold;
	color: #464646;
}

.attach img {
	margin-right:6px;
}

.attach_btn {
	padding:0px 2px 0px 2px;
}

/** =======================================================	**/
/**			END ATTACHMENT ELEMENT STYLES					**/