/* CSS file */
.appinfo {
	font-size: 80%;
}
h1 {
	font-size: 28px;
}

td h3 {
 	background-color: #CCC;
	padding: 3px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: .36px;
    color: #000;
	margin-top: 20px;
    margin-bottom: 3px;}

.redbox {
	border: solid 2px red;
	padding: 5px;
	text-align: center;
}
.submessage {
	border: solid 1px grey;
	background-color: #FFC;
	padding: 10px;
	margin: 0 30px;
	text-align: center;
	text-size: 1.25em;
}
.txtSm {
	width: 100px;
}
.txtMed {
	width: 300px;
}

.txtLrg {
	width: 500px;
}

label {
	font-weight: 500;
}
option {
	font-size: 18px;
}
.small {
	font-size: 85%;
}
input[type=text], input[type=number],input[type=email],input[type=tel], .sdList {
	height:2em;
}

.dateInfoIcon, .returndateInfoIcon, .tcnInfoIcon {
	width: 18px;
	height: 18px;
	vertical-align: -.20em;
	cursor: pointer;
	padding-right: 2px;
}

.dateInfo, .returndateInfo, .tcnInfo {
	display: none;
	font-size: 90%;
	padding: 0px 20px;
}

table.SDinfo, table.DoctorInfo {
	width: 100%
}
table.SDinfo input[type=text], table.DoctorInfo input[type=text]{
	width: 99%
}
th.SDselect {
	width: 20%
}

#txtAltEmployerInfo, .txt100 {
	width: 100%
}

div.important{
	font-size: 90%;
	margin: 10px;
	padding: 10px 10px 15px 10px;
	border: 1px inset#F00;
}
div.important h3 {
	margin-top: 3px;
	margin-bottom: 0;
}
div.important p {
	margin-top: 5px;
	margin-bottom: 0;
}

div.consent {
	font-size: 80%;
	margin: 10px;
	padding: 0 10px;
	border: 1px solid #333;
}

ul.forms li {
	padding-bottom: 10px;
	list-style: none;
}

input[type=file] {
	padding-left: 10px;
}
.SDinfo th {
	border: 1px solid #333
}
.bankInfoInputs label {
	display: inline-block;
	width: 180px;
	font-size: 90%;
}
p.TPP-amount, p.RPP-provider, p.RPP-amount, p.CPP-amount, div.EISB-amount, p.RTW-date, p.altEmployer, p.accommEmploy, div.coursework, p.WCB-amount, p.YesWCB, p.receiptWCB, p.ARTW-date, div.bankInfoInputs, p.WCB-illness {
	display: none;
}

p.YesWCB, p.receiptWCB {
	margin: 15px 20px 15px 20px;
	font-style: italic;
	font-size: 90%;

}
p.TPP-amount.show, p.RPP-provider.show, p.RPP-amount.show, p.CPP-amount.show, div.EISB-amount.show, p.RTW-date.show, p.altEmployer.show,  p.accommEmploy.show, div.coursework.show, p.WCB-amount.show, p.YesWCB.show, p.receiptWCB.show, p.ARTW-date.show, div.bankInfoInputs.show, p.bankUpload.show, p.WCB-illness.show {
	display: block;
}

table.appForm {
	width: 100%;
	border-collapse:separate;
	font-size: 16px;
}
.tight {
	margin: 5px 0 3px 0;
}
table.appForm td.sdno {
	width: 20% !important;
}
table.appForm td.school, table.appForm td.position {
	width: 40% !important;
}

table.appForm td {
	width: 33%;
}


table.appForm tr.labels td {
	padding: 0px 3px 0px 3px;
	border: none;
	font-size: 90%;
	font-weight: bold;
    color: #007faf;
}
table.appForm td.labels {
	font-size: 90%;
	font-weight: bold;
    color: #007faf;
	border: none;
}

table.appForm tr.colspan td {
	padding: 3px 3px 3px 0px;
	border: none;
}

table.appForm tr td {
	padding: 3px 3px 3px 3px;
	border: 1px solid #000;
}
table.appForm tr td.noborder {
	border: none;
}

@media screen and (min-width: 1200px)
{
span.name {
	display: inline-block;
	min-width: 160px;
}
}
@media print
{
	#header, #footer {
		display: none;
	}
	table.appForm {
		font-size: 10pt;
	}
	td h3 {
		margin-top: 10px;
		font-size: 14px;
	
	}
	h1 {
		font-size: 18px;
	}
}