a:active
{
	color: #000000;
}
a:link
{
	color: #000000;
}
a:visited
{
	color: #000000;
}
a:hover
{
	color: Maroon;
	text-decoration: none;
}
.main-content
{
	border: 0px;
	padding: 8px 0px 0px 8px;
	margin: 0px;
	background-color: White;
}

td.rounded {
	padding-right: 5;
}
body, html
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 100%;
    overflow:auto;
	background:url('../../Files/Images/bkgrd_body.gif') #3c55a7 repeat-y center;
}
pre
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}
.invisible
{
	display:	none;
}
/*.suggestion {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggestion_hover {
	background-color: #C5D2FF;
	padding: 2px 6px 2px 6px;
}
#suggestions {
	position: absolute;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #000000;
	z-index: 2;
}*/
.grid-header a:active
{
	color: #696969;
	text-decoration: none;
}
.grid-header a:link
{
	color: #696969;
	text-decoration: none;
}
.grid-header a:visited
{
	color: #696969;
	text-decoration: none;
}
.grid-header a:hover
{
	color: Maroon;
	text-decoration: none;
}
.grid-first-item
{
	border-top: #696969 1px solid;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	padding: 4px;
}
.grid-last-item
{
	border-top: #696969 1px solid;
	border-right: #696969 1px solid;
	border-bottom: #696969 1px solid;
	padding: 4px;
}
.grid-item
{
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	border-left: #696969 1px double;
	border-bottom: #696969 1px solid;
	padding: 4px;
	margin: 1px;
}
.grid-header
{
	border-bottom: #696969 1px solid;
	font-weight: bold;
	text-align: left; 
	font-size: 11px;
	color: #696969;
}
.grid-last-header
{
	border-bottom: #696969 1px solid;
	border-right: #696969 1px solid;
	padding-right: 4px;
	font-weight: bold;
	font-size: 11px;
	color: #696969;
}
.grid-new-row
{
	border-top: #696969 1px solid;
}
.header-gray
{
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
}
.tab-active
{
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	border-top: 0px none #FFFFFF;
	border-right: 1px solid #434E6A;
	border-left: 1px solid #434E6A;
	border-bottom: 0px none #FFFFFF;
	text-align: center;
	padding: 3px 18px 3px 18px;
}
.tab-inactive
{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-top: 0px none #000000;
	border-right: 1px solid #434E6A;
	border-left: 1px solid #434E6A;
	border-bottom: 0px none #000000;
	text-align: center;
	padding: 3px 18px 3px 18px;
}
.tab-inactive a:link
{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tab-inactive a:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tab-inactive a:active
{
	font-size: 11px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}
.tab-inactive a:hover
{
	font-size: 11px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}
.tan-border
{
	border-top: 1px solid #D5D291;
	border-left: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-bottom: 1px solid #D5D291;
	background-color: White;
}

/*CASI Question layout*/
.CASIBackground
{
          /*background-color:#F5F5FA;*/
          background: #EBF4FB;
          border: 2px solid #cad1e7;
          text-align:center; 
          padding: 5px 5px 5px 5px;
          width:99%;
          height:100%;

}

.CASITextContainer
{
	/*position:relative; */
	float:left;
	background-color:#EBF4FB;
	width:76%; 
	height:auto;
	visibility: visible; 
	text-align:center; 
	vertical-align:top;
	padding: 0px 5px 2px 5px;
}	

.CASIImageContainer
{
	/*position:relative; */
	float:right;
	background-color:#D4D7DE;
	width:20%; 
	height:auto; 
	visibility: visible; 
	text-align:center; 
	padding: 5px 5px 5px 5px;
}	

.CASIResponseButtonsContainer
{
	clear:both;
	/*margin-left: auto;*/ 
	/*margin-right: auto;*/
	width:100%;	
	padding: 5px 5px 5px 5px;
}
.CASINavigateButtonsContainer
{
	clear:both;
	/* margin-left: auto; */
	/* margin-right: auto; */
	width:100%;	
	border-top: double 3px Gray;
	padding: 5px 5px 25px 5px;
}
div.progress 
{
	background-color:	#FFFFFF;
	margin-left: auto; 
	margin-right: auto;
	width:	200px;
	height:	10px;
	border:	solid 1px Gray;
	overflow:	hidden;
	text-align:	left;
} 

.CASITextContainer .CASIQuestionText
{       
         background-color:transparent;
          padding: 15px 5px 20px 5px;
          left: -5px;  
          top: -5px;  
          /*height:250px;*/ 
          overflow:auto;

}

.CASITextContainer .CASIHelpText
{
	background-color:#E4E2F4;
	text-align:center; 
	vertical-align:middle;
	padding: 5px 5px 15px 5px;
	left: -5px;  
	top: -5px;  
	border-top:solid 1px #7381B4;
	font-size:11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#424269;
	/*height:50px;*/
        overflow:auto;
}
.CASITextContainer .CASIHelpText #ctl01_cphCASIBody_imgHelp 
{
	display: none;
}

.CASIImageContainer .CASIImageTop
{
	background-color:#363A4A;
	display:block;
	text-align:center;
	height:160px; 
	line-height:170px;
	border-bottom: solid 3px #D4D7DE; 
	padding: 0px 0px 0px px;
	left: -5px;  
	top: -5px;  
}

.CASIImageContainer .CASIImageBottom
{
	background-color:#FFFFFF;
	display:block;
	text-align:center;
	height:0px; 
	line-height:170px;
	border-top: solid 2px #FFFFFF; 
	padding: 5px 5px 5px 5px;
	left: -5px;  
	top: -5px;  
}

.CASIResponseButtonsContainer .GenderButton
{
	width:50%;	
	text-align:right;
}
/*End---CASI Question layout*/

div.progress 
{
	background-color:	#FFFFFF;
	width:	200px;
	height:	10px;
	border:	solid 1px Gray;
	overflow:	hidden;
	text-align:	left;
}
div.main-header
{
	background:	#007193;/*#434E6A*/
}
div.health-history-question
{
	width:	270px;
	overflow:	auto;
}
p
{
	font-size:	14px;
	text-indent:	36px;
}
table.maintext
{
	margin-left:	auto;
	margin-right:	auto;
	font-size:	18px;
	text-align:	left;
	vertical-align:	middle;
}
div.lstGenderWrapper
{
    display: inline-block;
    overflow: hidden;
    border: 1px solid gray;
    height: 37px;
}
.lstGenderClass
{
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 1.2em;
    padding: 10px;
    width: 131px;
    /*margin: -5px -20px -5px -5px;
    margin: -10px -33px -57px -10px;*/
    margin:-10px -33px -32px -10px;
}
td.maintext
{
	font-size: 14px;
}
td
{
	font-size: 10px;
	color: #000000;
}
th
{
	font-size: 12px;
}
td.main-header
{
	background-color:   #007193;/*#434E6A*/
	color:	#FFFFFF;
}
td.main-header-highlight
{
	background-color:   #007193;/*#434E6A*/
	font-size:	9px;
	font-weight:	600;
}
td.indent
{
	text-indent: 20px;
}
td.health-history-brief-text
{
	width:	270px;
	border-right:	double 3px Gray;
}
.handheld
{
	font-size:	xx-small;
}
.Footer
{
    height:2;
    font-size:10px;
}
.buffer
{
	padding: 8px 8px 8px 8px;
	margin: 16px 16px 16px 16px;
}
.keypad
{
	padding: 8px 0px 8px 0px;
	margin: 16px 0px 16px 0px;
	width: 60px;
}
.keypadlong
{
	padding: 8px 0px 8px 0px;
	margin: 16px 0px 16px 0px;
	width: 220px;
}
.centertext
{
	text-align: center;
}
.unanswered
{
	font-weight: bolder;
}
.answered
{
	font-weight: normal;
}
table.Common
{
	margin: 10px 10px 10px 10px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	padding: 5px 5px 5px 5px;
}
table.DriveSetup
{	
	margin: 10px 10px 10px 10px;
	border-top: 1px;
	border-left: 1px;
	border-right: 3px;
	border-bottom: 3px;
	border-color: Navy;
	border-style: outset;
	border-collapse: collapse;
	padding: 5px 5px 5px 5px;
	background-color: #EFF3FB;
	width: 95%;
	height: 100%;
}	
table.DriveSetup tr.d0 td
{
	background-color:#E6E6FA;
}
table.DriveSetup tr.d1 td
{
	background-color:#D9D9F3;
}
table.DriveSetup td.Caption
{
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	text-align: left; 
	font-style:normal;
	font-size:12px;
	color: black;
	width: 40%;
	height: 4em;
	border-bottom: 1px solid #B5C7DE
}
table.DriveSetup td.Content
{
	border-bottom: 1px solid #B5C7DE;
}
table.DriveSetup td.Controls
{	
	text-align: right;
	border-bottom: double 2px Navy;
	height:3em;
}
table.DriveSetup td.Header 
{
	font-weight: bold;
	font-size:18px;
	font-style:normal;
	text-align: center;
	color: black;
	border-bottom: double 2px Navy;
	height:3em;
}
table.DriveSetup td.SubHeader 
{
	font-weight: bold;
	font-size:14px;
	font-style:normal;
	text-align: center;
	color: black;
	border-right: 1em solid Navy;
	border-bottom: double 1px Navy;
	height:4em;
}
table.DriveSetup td.Blank
{
	background-color: Navy;
}
table.DriveSetup td.WithBottomLine
{
	height: 5em;
	border-bottom: 1px solid #B5C7DE;
}
table.DriveSetup td.Footer
{	
	text-align: center;
	border-top: double 2px Navy;
	height: 70px;
}
table.DriveSetup td.grid
{
	margin: 5px 20px 5px 20px;
	text-align:center;
	vertical-align:top;
}
.tb-header
{
	font-weight: bold;
	text-align: left; 
	font-size: 14px;
	color: #000000;
}
.tb-label
{
	font-weight: bold;
	text-align: left; 
	font-size: 12px;
	color: #000000;
}
.tb-inputcaption
{
	font-weight: bold;
	text-align: left; 
	font-size: 11px;
	color: #696969;
}
.Static {
	background-color: White;
}
.GridViewButton 
{
	font-weight:	bold;
	font-size:		xx-small;
}
.HHQuestionText
{
	font-size:		18px;
	font-weight:	bold;
}
.HHQuestionHelp
{	
	position:relative;
	font: 12px  verdana, arial,sans-serif;
	padding: 10px 10px 10px 10px;
	border-top:solid 10px #F1F1FF;
	border-bottom: solid 10px  #F3F3FF;
	border-left:solid 1px #DFDFE2;
	border-right: solid 1px #DFDFE2;
	background-color: #F5F5FF;
	overflow:	auto;
	top:25px;
	height:	100%;
	text-align:left;
	vertical-align:middle;	
	line-height:125%;
}
.supervisorControl
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-collapse:collapse;
	background-color: White;
	padding: 0px;
	font-size: 1.0em;
}
.supervisorControl_TitleText
{
	color: White;
	text-align: center;
	vertical-align: middle;	 
	font-size: 1.0em;
	font-weight:bold;
	border-top: 1px solid #B5C7DE;
	border-bottom: 1px transparent #B5C7DE;
	border-left: 1px solid #B5C7DE;
	border-right: 1px solid #B5C7DE;
	border-collapse: collapse;
	background: #507CD1;
}
.supervisorControl_Left
{
	text-align: left;
	vertical-align: middle;	 
	font-size: 1.0em;
	border-top: 0px;
	border-bottom: 0px solid #B5C7DE;
	border-left: 1px solid #B5C7DE;
	border-right: 0px solid #B5C7DE;
	border-collapse: collapse;
	background: #EFF3FB
}
.supervisorControl_Right
{
	text-align: left;
	vertical-align: middle;	 
	font-size: 1.0em;
	border-top: 1px transparent #B5C7DE;
	border-bottom: 1px transparent #B5C7DE;
	border-left: 1px transparent #B5C7DE;
	border-right: 1px solid #B5C7DE;
	border-collapse: collapse;
	background: #EFF3FB
}
.supervisorControl_Message
{
	color:Red;
	text-align:left;
	border-top: 0px;
	border-bottom: 0px solid #B5C7DE;
	border-left: 1px solid #B5C7DE;
	border-right: 1px solid #B5C7DE;
	border-collapse:collapse;
	background:#EFF3FB
}
.supervisorControl_Bottom
{
	text-align:right;
	vertical-align:middle;	 
	font-size: 1.0em;
	border-top: 0px;
	border-bottom: 1px solid #B5C7DE;
	border-left: 1px solid #B5C7DE;
	border-right: 1px solid #B5C7DE;
	border-collapse:collapse;
	background:#EFF3FB
}
input
{
	margin: expression(this.type == "button" || this.type == "submit" ? '0px 5px 0px 0px' : '0px');
	padding: expression(this.type == "button" || this.type == "submit" ? '3px' : '0px');
	font-family: expression(this.type == "button" || this.type == "submit" ? 'Verdana, Arial, Helvetica, sans-serif' : '');
}
.plain
{
	font-family:	Sans-Serif;
}
.no-space
{
	margin: 0;
	padding: 0;
}
option.exists
{
	color:	Maroon;
	background-color:	#DDDDDD;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


/*Modal Popup*/
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* Drop Shadow */
.shiftcontainer
{
	position: relative;
	padding:10px;
	filter:shadow(color:gray, strength:10, direction:135);
	/*filter:dropshadow(opacity=70, color=gray, offx=3, offy=3, positive=1);*/
	left: -0px; /*Number should match -left shadow depth below*/
	top: -0px; /*Number should match -top shadow depth below*/
}

.shadowcontainer
{
	width: 400px; /* container width*/
	/*height: 300px;*/
	border:1px solid black;  
	background-color: #d1cfd0;
}

.shadowcontainer .innerdiv
{
	/* Add container height here if desired */
	vertical-align:middle;
	background-color: white;
	padding: 10px;
	border: 1px solid black;
	position: relative;
	left: -0px; /*shadow depth*/
	top: -0px; /*shadow depth*/
}

.donorconsent
{
	font-size:11px; 
	font-style:normal; 
	text-align:left; 
	width:90%; 
	height: 300px;
	padding-left: 20px;
	padding-right:20px;
	padding-top:20px; 
	padding-bottom:30px;
	border: 1px solid black;
	overflow: auto;
}


/*Deferral Detail Entry*/
.deferraldetailentrycontainer
{
      position:absolute;
      text-align:left;
      vertical-align:top;
      width:70%;
}

.deferraldetailentrycontainer .header
{
      padding:0em 0 2em 0em;
      text-align:inherit;
      vertical-align:inherit;
      font-weight: bold;
      font-size: 1.3em;
      color: #000000;
      width:100%;
}

.deferraldetailentrycontainer .caption
{
      float:left;
      width:20%;
      height:auto;
      font-weight: bold;
      font-size: 1.05em;
      color: #696969;
}

.deferraldetailentrycontainer .input
{
      float:left;
      width:75%;
      height:auto;
      padding:0px 0px 0px 0px;
}

/* LastEvent before first event */
.deferraldetailentrycontainer .caption .firstEvent
{
      position:relative;
      top: 3em;
      height:3em;
}

.deferraldetailentrycontainer .input .firstEvent
{
      position:relative;
      top: 3em;
      height:3em;
}

.deferraldetailentrycontainer .caption .lastEvent
{
      position:relative;
      top:-3em;
      height:3em; 
}

.deferraldetailentrycontainer .input .lastEvent
{
      position:relative;
      top:-3em;
      height:3em;
}

/* collapsePanel default*/
.collapsePanel {
      width: 99%;
      height:0px;
      background-color:#EFF5FB;
      padding:0px 5px 0px 5px;
      overflow:hidden;
      font-weight:bold;
      font-size:1.05em;
      color:#424242;
}
 
.collapsePanelHeader{   
      width:100%;            
      color:White;
      background-color:#708090;
      padding:0px 2px 0px 2px;
      font-weight:bold;
      font-size:1.3em;
      float:none;
      padding:5px; 
      cursor: pointer; 
      vertical-align: middle;
}
input[type='button'], input[type='submit'], .button {
	background:#3c55a7;
	color: #fff !important;
	border:solid 1px #30468e;
}
/*ul {list-style-position:inside;}*/
table.HemoglobinDevice
{	
	margin: 10px 10px 10px 10px;
	border-top: 1px;
	border-left: 1px;
	border-right: 3px;
	border-bottom: 3px;
	border-color: Navy;
	border-style: outset;
	border-collapse: collapse;
	padding: 5px 5px 5px 5px;
	background-color: #EFF3FB;
	width: 45%;
	height: 100%;
}	
table.HemoglobinDevice tr.d0 td
{
	background-color:#E6E6FA;
}
table.HemoglobinDevice tr.d1 td
{
	background-color:#D9D9F3;
}
table.HemoglobinDevice td.Caption
{
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	text-align: left; 
	font-style:normal;
	font-size:12px;
	color: black;
	width: 60%;
	height: 4em;
	border-bottom: 1px solid #B5C7DE
}
table.HemoglobinDevice td.CaptionLiteral
{
	
	padding-right: 20px;
	font-weight: bold;
	text-align: left; 
	font-style:normal;
	font-size:12px;
	color: black;
	width: 60%;
	height: 4em;
	border-bottom: 1px solid #B5C7DE
}
table.HemoglobinDevice td.Content
{
	border-bottom: 1px solid #B5C7DE;
}
table.HemoglobinDevice td.Controls
{	
	text-align: right;
	border-bottom: double 2px Navy;
	height:3em;
}
table.HemoglobinDevice td.Header 
{
	font-weight: bold;
	font-size:18px;
	font-style:normal;
	text-align: center;
	color: black;
	border-bottom: double 2px Navy;
	height:3em;
}
table.HemoglobinDevice td.SubHeader 
{
	font-weight: bold;
	font-size:14px;
	font-style:normal;
	text-align: center;
	color: black;
	border-right: 1em solid Navy;
	border-bottom: double 1px Navy;
	height:4em;
}
table.HemoglobinDevice td.Blank
{
	background-color: Navy;
}
table.HemoglobinDevice td.Footer
{	
	text-align: center;
	border-top: double 2px Navy;
	height: 40px;
}
table.HemoglobinDevice td.CaptionError
{
	padding-left: 20px;
	padding-right: 20px;
   font-weight: bold;
	text-align: center; 
	font-style:normal;
	font-size:12px;
	color: black;
	width: 60%;
	height: 4em;
	border-bottom: 1px solid #B5C7DE

}
/*Reset password*/
.title
{
	font-Size: 1.2em;
	font-weight: bold;
	color: white;
	font-family:Verdana , Arial, Helvetica, sans-serif;
	background-color: #507CD1;
}

.instruction
{
	font-Size: 1.2em;
	font-weight: bold;
	color: #6E6E6E;
	font-family: Verdana , Arial, Helvetica, sans-serif;
}

.nameCaption
{
	font-Size: 1.1em;
	font-weight: normal;
	font-family: Verdana , Arial, Helvetica, sans-serif;
}
.progressBackground 
{
	background-color:Gray;
	
	position:absolute; 
	left:0px; top:300px; 
	height:100%; 
	width:100%;
	text-align:center;	
	z-index:1;
}

.progressCenter
{
	position:relative; 
	top: 0px; 
	left: 0px;
	padding: 8px 8px 8px 8px;
	background-color:White ;
	width:100%;
	z-index:2;
}
.confirmPopupContent
{
	position: relative;
	top: -9px;
	left: -8px;
	background-color:#E3E5E8;
	padding: 8px 8px 8px 8px;
}

.confirmPopupTitle
{
	position: relative;
	top: -8px;
	left: -7px;
	font-size: 1.1em;
	font-weight:bold;
	background-color:#969DB3;
	padding: 8px 8px 8px 8px;
}

.confirmPopupMessage
{
	font-size: 1.1em;
	font-weight:normal;
	padding:14px 8px 28px 8px;	
}
.taskRequired
{
	padding:  0px 18px 5px 0px;
	color: #DF7401;
	font-weight:bold;
}
.optionalButton
{
	/*display:	none;*/
}
div.SurveyBackground
{
 background-color:#FFFFE0; 
 width:550px; height:350px; 
 border: solid 2px black; 
 padding:0px; 
 position:absolute; 
 top:-1000px;
}
div.SurveyBackgroundHeader
{
 width :100%; 
 width:100%;  
 padding-top:3px; 
 padding-bottom:3px; 
 background-color:Navy; 
 color:White; 
 text-align:center; 

}


div.Maintenance_Edit_Popup_Header
{
  background-color  : #2F2F4F; 
  width: 100%; 
  height: 25px; 
  text-align: center;
  vertical-align: middle; 
  padding-top: 5px
}

div.Maintenance_Edit_Popup
{
	width:800px;
	height:500px;
	background-color:#C0D9D9;
}

.indicator
{
 display:inline;
 font-size:large;
 color:Red;
}
.driveSetup_ScheduledDrive_DropDownList
{
	  /* width: 350px; */
}

.unitsInContainerHeader
{
 display:inline;
 font-size:8px;
}

.unitsInContainerContent
{
 display:inline;
 font-size:7px;
}

.unitsInContainerFooter
{
 display:inline;
 font-size:8px;
 font-weight:normal;
}
.extraction
{
 padding: 0 0 0 0;
 border-collapse: collapse;
 border-bottom-style: none;
}

.extraction .BUI
{
 width:220px;
 border-bottom-width:1px;
 border-bottom-color:#8b8b83;
 border-bottom-style: solid;
}

.extraction .Count
{
 width:60px;
 border-bottom-width:1px;
 border-bottom-color:#8b8b83;
 border-bottom-style: solid;
}

.extraction .Container
{
 width:70px;
 border-bottom-width:1px;
 border-bottom-color:#8b8b83;
 border-bottom-style: solid;
}

.extraction .Destination
{
 width:120px;
 border-bottom-width: 1px;
 border-bottom-color:#8b8b83;
 border-bottom-style: solid 
}

.extrationWarningNotMeetCriteria
{
 background-color: #FFFFB5;	
}

.hiddenText input[type="checkbox"] + label
{
    display:none;
}
/* firstEvent before last event */
.deferraldetailentrycontainer .caption .firstEvent
{
	position:relative;
	top:0em;
	height:3em;
}

.deferraldetailentrycontainer .input .firstEvent
{
	position:relative;
	top:0em;
	height:3em;
}

.deferraldetailentrycontainer .caption .lastEvent
{
	position:relative;
	top:1em;
	height:3em;
	padding-bottom:3em;
}

.deferraldetailentrycontainer .input .lastEvent
{
	position:relative;
	top:1em;
	height:3em;
	padding-bottom:3em;
}
.radios .YesButton label
{
	font-size:14px;
}
		
.radios .YesButton input
{
	border:none; 		
}
        
.radios .NoButton label
{
	font-size:14px;
}
		
.radios .NoButton input
{	
	border:none; 
	font-size:large;
}
.checkInBackground
{
	position: relative;
	width:100%;
	height:100%;	
	text-align:center;
	padding: 0 0 0 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12518C', endColorstr='#FFFFFF');
}

.checkInBackground .header
{
	position: relative;
	font-size:30px;
	font-family: Bookman Old Style;
	color:White;
	width:97%;
	padding:15px 15px 15px 15px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#071F37', endColorstr='#75D8E1');
}

.checkInBackground .image
{
	padding: 30px 0 30px 0;
	height:35%;
}

.checkInBackground .thankyou
{
	font-Size: 30px;
	font-weight: bold;
	color:Black; 
	height:20%;
}

.checkInBackground .instruction
{
	padding: 30px 0 30px 0;
	position: relative;
	font-size:30px;
	color:Black; 
	height:20%;
}

.fileUpload
{
background-color:#FFFF80;
color: black;
font: Verdana 12px;
padding: 1px 4px;
font-family: Arial, Helvetica, sans-serif, Palatino Linotype ;

}

/* Reaction - Dashboard settings */

#ctl00_lblScreener
{ 
color:white 
}

#dateTime
{
  color:white
}


div.rcn_Dashboard_outer
{
    width: 800px;
    border: 2px solid #1e5184;
    text-align: left;
    font-size: 14px;
    background-color: #EBEBE0;
}

th.rcn_Dashboard
{
    font-weight: bold;
    font-size: 10pt;
    padding-left: 10px;
}

td.rcn_Dashboard, td.rcn_Dashboard_data, td.rcn_Dashboard_label
{
    font-family: Calibri;
    font-size: 10pt;
    padding: 0px 0px 0px 10px;
    vertical-align: top;
    
}
th.rcn_Dashboard
{
    text-align: left;
}
tr.rcn_Dashboard_highlight, tr.rcn_Dashboard_handheld_highlight
{
    background-color: Red;
    font-weight: bold;
}

/* group headings */
span.rcn_Dashboard
{
    font-size: 12px !important;
    font-weight: bold;
    color: #1e5184;
    padding:  0px 0px 0px 5px;
}
div.rcn_Dashboard
{
    width: 100%;
    border-top: 2px solid #1e5184;
    text-align: left;
    padding: 3px 0px 3px 0px;
}

tr.rcn_Dashboard
{
}



/* Reaction - Dashboard settings - specific to handheld devices */
div.rcn_Dashboard_handheld
{
    width: 100%;
    border-top: 2px solid black;
    text-align: left;
}

div.rcn_Dashboard_outer_handheld
{
    width: 250px;
    border: 2px solid black;
    border-width: 2px 0px 2px 0px;
    text-align: left;
}

td.rcn_Dashboard_handheld_label
{
    text-align: right;
}

td.rcn_Dashboard_data
{
    font-weight: bold;
}

.rcn_Dashboard_handheld
{
    font-family: Calibri;
    font-size: 8pt;
}

table.rcn_Dashboard_handheld
{
    border-collapse: collapse;
    padding: 15px;
}

td.rcn_Dashboard_handheld, tr.rcn_Dashboard_handheld, td.rcn_Dashboard_handheld_data, td.rcn_Dashboard_label
{
    padding: 0px 0px 0px 6px;
   vertical-align: top;
}

td.rcn_Dashboard_handheld_data
{
    font-weight: bold;
}

span.rcn_Dashboard_handheld
{
    font-size: 8pt;
    font-weight: bold;
    color: Blue;
    padding: 0px 0px 0px 5px;
}



/* Reaction Action Links - links that are actually buttons */
input.rcn_ActionLink, input.rcn_ActionLink_handheld
{
    font-family: Calibri;
    color: #eee;
    background-color: #1e5184;
    font-size: 1em;
    font-weight: bolder;
    text-decoration: none;
    border-style: none;
    border-bottom: 0.1em none #555;
    border-right: 0.1em none #555;
    border-top: 0.1em none #ccc;
    border-left: 0.1em none #ccc;
    margin: 0.2em;
    padding: 0.0em;
    display: inline;
    text-align: left;
    min-width: 10px;
    width: auto;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    cursor: hand;
}
input.rcn_ActionLink_handheld
{
    padding-right: 0px;
    width: auto !important;
}

/* Reaction Action Links - links that are links */
a.rcn_ActionLinkCompleted, 
{
    text-decoration: none;
    font-family: Calibri;
    font-size: 1em;
    font-weight: bolder;
    color: #eee;
    padding-bottom: 20px;
    height: 20px;
    white-space: nowrap;
}

a.rcn_ActionLinkIncomplete
{
    text-decoration: none;
    font-family: Calibri;
    font-size: 1em;
    font-weight: bolder;
    color:red;
    white-space: nowrap;

}

a.rcn_ActionLinkCompleted_handheld
{
    text-decoration: none;
    font-family: Calibri;
    font-size: 1em;
    font-weight: normal;
    color: black;
    padding-bottom: 20px;
    height: 20px;
    white-space: nowrap;
}

a.rcn_ActionLinkIncomplete_handheld
{
    text-decoration: none;
    font-family: Calibri;
    font-size: 1em;
    font-weight: normal;
    color: red;
    white-space: nowrap;
}


/* Reaction - Action link containers - used to hold Action links - background colors should be the same as the action links */
div.rcn_ActionLink, div.rcn_ActionLink_action
{
    background-color: #1e5184;
    width: 100%;
    border-top: 2px solid black;
    text-align: left;
}

div.rcn_ActionLink_action
{
    /* border-top is line separating field groups & actions on dashboard */
    border-top: 2px solid #EBEBE0;
}

/* Reaction - Action link containers for handheld display */
div.rcn_ActionLink_handheld, div.rcn_ActionLink_handheld_action
{
    background-color: #FFF;
    width: 100%;
    border-top: 2px solid black;
    text-align: left;
}

div.button_reaction_handheld
{
    background-color: Red;
}

div rcn_ActionLink_handheld_inside
{
}

div.rcn_ActionLink_handheld, div.rcn_ActionLink_handheld
{
    background-color: #1e5184;
    width: 100%;
    border-top: 2px solid black;
    text-align: left;
}

div.rcn_ActionLink_handheld_inside
{
}
/* Reaction - link used inline - for Category 'Show all' & future */
input.rcn_InlineButton
{
    font-family: Calibri;
    color: black;
    font-size: 1.2em;
    font-weight: bolder;
    text-decoration: none;
    border-style: none;
    border-bottom: 0.1em none #555;
    border-right: 0.1em none #555;
    border-top: 0.1em none #ccc;
    border-left: 0.1em none #ccc;
    margin: 0.2em;
    padding: 0.0em;
    display: inline;
    text-align: left;
    min-width: 10px;
    width: auto;
    padding-right: 20px;
    background-color: #EBEBE0;
}


/* tables used on Reaction search & display pages */
table.rcn_Search
{
    border: 3px solid #1e5184;
    border-collapse: collapse;
}

td.rcn_SearchLeft, td.rcn_SearchMiddle, td.rcn_SearchRight
{
    background-color: #EBEBE0;
    border: 1px solid #1e5184;
    padding: 3px 10px 3px 10px;
}

td.rcn_SearchLeft
{
    text-align: left;
    font-weight: bold;
}

td.rcn_SearchMiddle, th.rcn_SearchMiddle
{
    text-align: center;
}

th.rcn_SearchMiddle
{
    background-color: #1e5184;
    color: White;
    padding: 8px 0px 8px 0px;
    font-weight: bolder;
    font-size: 18px;
}

td.rcn_SearchRight
{
    text-align: left;
}


span.rcn_Label
{
    color:White;
}


/*Reaction/Group Headings for repository pages*/
td.rcn_heading_large, span.rcn_heading_large
{
    color: #FFF;
    font-size: 16px !important;
}


/* Global alerts that show at top of window */
div.pnlAlert
{
    width: 100%;
    background-color: red;
    color: antiquewhite;
    text-align: center;
    font-weight: bold;
    padding-top: 3px;
    font-family: Arial;
}
a.pnlAlertLink
{
    color: antiquewhite;
}

div.pnlAlert_handheld
{
    width: 88px;
    background-color: green;
    color: red;
    text-align: center;
    font-weight: bold;
    padding-top: 3px;
    font-family: Arial;
}
a.pnlAlertLink_handheld
{
    color: red;
}
span.rcn_Label
{
    color:White;
}

div.ViewSiteReports
{
	width:100%;
	height:1000px;
	text-align: center;
    font-weight: bold;
    padding-top: 3px;
    font-family: Arial;
}

/*END*/