body {visibility:hidden;}
#ErrorText {font:bold 10pt arial;}
#divLogo {width:100%;text-align:left;}
#divLogo img {width:30%;}
.pmText {color:gray;text-decoration:underline;}
#divpmText {width:100%;text-align:right;}

#phDiv {WIDTH: 100%;display:table}
#phP1 {width:100%;display:table-cell;}
#phP1 img {WIDTH: 28%;padding-top:9px;}
#phP2 {cursor:pointer;
			display:table-cell;
			font:40px 'Garamond';
			opacity: 0.4;
			text-align: right;
			padding-right: 1%; 
			vertical-align: top;
			}
			
  body {
		font-family:'Arial';
		margin: 0px;
		padding-left:4%;
		padding-right:4%;
		background-color:#fff;
		display:table;
                height:auto;
        }

#tdQ1Label {vertical-align:middle;}
#GridHeaderColumn div:nth-child(1) {float:left;}
#GridHeaderColumn div:nth-child(3) {float:right;}
#GridHeaderColumn div:nth-child(2) {margin:0 auto;display:inline-block;vertical-align:text-top;}
#GridHeaderColumn {vertical-align: bottom;}
#GridHeaderColumn div {font-size:12pt;font-weight:bold;}

#ProjectFooter {font-size:10px;}
#ProjectHeader {font-size:16px;}
[id^="QText_"] {font-size:12px;font-weight:bold;}
#GridRowTitle #spLabel {color:#FFF;}

@media only screen and (min-device-width:801px) {
	input[type=text] {font:10pt 'Arial';border:1px solid black;width:40%;}
	textarea {font:12pt 'Arial';border:1px solid black;width:100%;}
	.rankNumber { font-size:12px;}
}


@media only screen and (max-device-width:800px) {
	font {font:20pt arial !important;}
	input[type=text] {font:20pt 'Arial' !important;border:1px solid black;width:200px;}
	textarea {font:20pt 'Arial' !important;border:1px solid black;width:70%;}
	[id^="QText_"] {font-size:14px !important;font-weight:bold;}
	#spLabel {  font-size:14px !important;}
	
	#tdswpagex {
		border: 0px solid #629cc8 !important;
		padding: 2px !important;
	}
}


#Subm{
	color:#000;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:0px;
	border: 1px solid #9e9e9e;
	background-colorX: #373737;
	cursor:pointer;
	border-radius: 6px;
	width:92%;
	height:30px;
}

#Back{
	color:#000;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:0px;
	border: 1px solid #9e9e9e;
	background-colorX: #373737;
	cursor:pointer;
	border-radius: 6px;
	width:7%;
	height:30px;
} 
input[type=radio],
input[type='checkbox'] {
  display: none;
}
input[type=checkbox] + label,
input[type=radio] + label {
  display: block;
}

input[type="checkbox"] + label:hover:before,
input[type="radio"] + label:hover:before{
    font-size: 16px;
    color: #629cc8 ;
    transition: color 0.2s ease-in-out;
}
label.VerticalCheckboxListLabelA:hover,
label.VerticalCheckboxListLabelB:hover,
label.VerticalRadioMapLabelA:hover,
label.VerticalRadioMapLabelB:hover {
    padding:5px;
    border:1px solid rgb(67, 70, 77);
    border-radius:5px;
    transition: color 0.2s ease-in-out;
}

.Grid1LabelA{
background: #EEE; 
}

label.VerticalRadioMapLabelA,
label.VerticalRadioMapLabelB {
  
}


input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0px;
  padding-top: 2px;
}

input[type=radio] + label:before {
      font-size: 16px;
      color:#43464D;
  content: "\f10c"; /* Radio Unchecked */
}


input[type="checkbox"] + label:before {
  content: "\f096"; /* Checkbox Unchecked */
      font-size: 16px;
       color:#43464D;
}


input[type=radio]:checked + label:before {
  content: "\f05d"; /* Radio Checked */
     font-size: 16px;
       color:#43464D;
}

input[type="checkbox"]:checked + label:before {
  /*padding-right: 2px; */
       color:#43464D;
}

input[type="checkbox"]:checked + label:before {
  content: "\f14a"; /* Checkbox Checked */ 
  font-size: 16px;
       color:#43464D;
}



#spLabel {
  border-radius: 4px;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px;
  padding: 2px;
  font-size:12px;
}

#spLabel:hover {
  background-color: #629cc8;
  transition: background 0.5s ease-in-out;
  cursor:pointer;
}

#trTableR84-0 TD:hover {
  background-color:rgba(99, 99, 99, 0.5);
  transition: background-color 0.5s ease-in-out;
  cursor:pointer;
}

TD #GridRowTitle:hover {
   background-color:transparent;
}

#GridRowTitle #spLabel:hover {
   background-color:transparent;
}


doHighLight, highlightColor {
  border: 0px solid gray;
  background-color:#629cc8;
}