/*------------ Tools form table ----------*/

/*------------ Revert Genesis Tables ----------*/
.toolsform {
	width: 100%;
	word-break: normal;
}

.toolsform th {
	font-weight: bold;
	text-transform: none;
}

.toolsform tbody {
	border-bottom: 0 solid #ddd;
}

/*------------ Revert Genesis Forms ----------*/
.toolsform input,
.toolsform textarea {
	width: auto;
}

.toolsform select {
	width: 75%;
}

@media only screen and (min-width: 512px) {
	.toolsform select {
		width: auto;
	}
}

/*------------ Additional Tools form styles ----------*/
.toolsform {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	text-align:left;
	border-collapse: collapse;
}

.toolsform td, .toolsform th {
	padding: 10px;
	border: 0 solid transparent;
}

.toolsform th {
	padding-top: 40px;
	text-align: center;
}

.toolsform td {
	text-align: left;
}

.toolsform .inputnum {
	text-align: left;
	width: 100%;
}

.toolsform .inputtxt {
	text-align: left;
	width: 100%;
}

.toolsform .leftcolans {
	text-align: right; 
	width: 100%;
}

.toolsform .selunit {
	text-align: right;
	padding-bottom: 25px;
}

.toolsform .selunit select {
	margin-bottom: 5px;
}

.toolsform .selunitstacktop {
	text-align: right;
	padding-bottom: 0;
}

.toolsform .selunitstack {
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
}

.toolsform .selunitstackbot {
	text-align: right;
	padding-top: 0;
	padding-bottom: 30px;
}

.toolsform .rightcolsel {
	text-align: left;
}

.toolsform .leftcolsel {
	text-align: right;
}

.toolsform .rightcoltxt {
	text-align: left;
}

.toolsform .formgap {
	padding-bottom: 40px;
}

.toolsform .selunit.formgap {
	padding-bottom: 35px;
}

.toolsform .answerbox input {
	border-color: #cc0000;
}

.toolsform .subanswerbox input {
	border-color: #cc0000;
	border-style: dotted;
}

/*------------ Tools Canvas ----------*/
.toolscanvas {
	margin-left: auto;
	margin-right: auto;
	border: 0 solid #666666;
	display: block;
	max-width: 100%;
}

/*------------ Center Text Block ----------*/
.toolscentertextblock {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	max-width: 500px;
}

/*------------ Tools Buttons ----------*/
.toolsbluebutton, 
.toolsredbutton, 
.toolsgreybutton, 
.toolsblueborderbutton, 
.toolsredborderbutton, 
.toolsgreyborderbutton, 
.toolsgreyredborderbutton {
	display: inline-block;
}

.toolsbluebutton input[type="submit"], 
button.toolsbluebutton, 
.toolsredbutton input[type="submit"], 
button.toolsredbutton, 
.toolsgreybutton input[type="submit"], 
button.toolsgreybutton, 
.toolsblueborderbutton input[type="submit"], 
button.toolsblueborderbutton, 
.toolsredborderbutton input[type="submit"], 
button.toolsredborderbutton, 
.toolsgreyborderbutton input[type="submit"], 
button.toolsgreyborderbutton, 
.toolsgreyredborderbutton input[type="submit"], 
button.toolsgreyredborderbutton {
	padding: 4px 12px;
	margin: 0 30px 20px 10px;
	text-transform: none;
}

button.toolsselunitsidebutton {
	margin: 0 0 5px 0;
}

/*------------ Tools Blue Button ----------*/
.toolsbluebutton input[type="submit"], 
button.toolsbluebutton {
	color: #fff;
	background-color: #67a3e1;
	border: 1px solid #67a3e1;
}

.toolsbluebutton input:hover[type="submit"], 
button.toolsbluebutton:hover {
	background-color: #3384d6;
	border-color: #3384d6;
}

.toolsbluebutton input:active[type="submit"], 
button.toolsbluebutton:active {
	background-color: #0066cc;
	border-color: #0066cc;
}

/*------------ Tools Red Button ----------*/
.toolsredbutton input[type="submit"], 
button.toolsredbutton {
	color: #fff;
	background-color: #e06665;
	border: 1px solid #e06665;
}

.toolsredbutton input:hover[type="submit"], 
button.toolsredbutton:hover {
	background-color: #d63432;
	border-color: #d63432;
}

.toolsredbutton input:active[type="submit"], 
button.toolsredbutton:active {
	background-color: #cc0000;
	border-color: #cc0000;
}

/*------------ Tools Grey Button ----------*/
.toolsgreybutton input[type="submit"], 
button.toolsgreybutton {
	color: #666;
	background-color: #eee;
	border: 1px solid #eee;
}

.toolsgreybutton input:hover[type="submit"], 
button.toolsgreybutton:hover {
	background-color: #ddd;
	border-color: #ddd;
}

.toolsgreybutton input:active[type="submit"], 
button.toolsgreybutton:active {
	background-color: #ccc;
	border-color: #ccc;
}

/*------------ Tools Blue Border Button ----------*/
.toolsblueborderbutton input[type="submit"], 
button.toolsblueborderbutton {
	color: #67a3e1;
	background-color: transparent;
	border: 1px solid #67a3e1;
}

.toolsblueborderbutton input:hover[type="submit"], 
button.toolsblueborderbutton:hover {
	color: #fff;
	background-color: #3384d6;
	border-color: #3384d6;
}

.toolsblueborderbutton input:active[type="submit"], 
button.toolsblueborderbutton:active {
	color: #fff;
	background-color: #0066cc;
	border-color: #0066cc;
}

/*------------ Tools Red Border Button ----------*/
.toolsredborderbutton input[type="submit"], 
button.toolsredborderbutton {
	color: #e06665;
	background-color: transparent;
	border: 1px solid #e06665;
}

.toolsredborderbutton input:hover[type="submit"], 
button.toolsredborderbutton:hover {
	color: #fff;
	background-color: #d63432;
	border-color: #d63432;
}

.toolsredborderbutton input:active[type="submit"], 
button.toolsredborderbutton:active {
	color: #fff;
	background-color: #cc0000;
	border-color: #cc0000;
}

/*------------ Tools Grey Border Button ----------*/
.toolsgreyborderbutton input[type="submit"], 
button.toolsgreyborderbutton {
	color: #666;
	background-color: transparent;
	border: 1px solid #ddd;
}

.toolsgreyborderbutton input:hover[type="submit"], 
button.toolsgreyborderbutton:hover {
	background-color: #ddd;
}

.toolsgreyborderbutton input:active[type="submit"], 
button.toolsgreyborderbutton:active {
	background-color: #ccc;
	border-color: #ccc;
}

/*------------ Tools Grey Red Border Button ----------*/
.toolsgreyredborderbutton input[type="submit"], 
button.toolsgreyredborderbutton {
	color: #FBFF2D;
	background-color: #6E49FF;
	border: 3px solid #eee;
}

.toolsgreyredborderbutton input:hover[type="submit"], 
button.toolsgreyredborderbutton:hover {
	background-color: #ddd;
	border-color: #d63432;
}

.toolsgreyredborderbutton input:active[type="submit"], 
button.toolsgreyredborderbutton:active {
	background-color: #ccc;
	border-color: #cc0000;
}

/*------------ Grey Content Text Box ----------*/
.toolsgraycontentbox {
	text-align: left;
    margin: 0 0 5px;
    overflow: auto;
    padding: 20px;
	background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
	border-radius: 3px;
}

.toolsgraycontentbox .highlight {
	font-weight: bold;
}