/* After testing, use these styles to hide the test fields on the member app */
#hideAfterTesting {
	width: 95%;
	padding: 6px; 
	margin: 0px;
	overflow: hidden;
	height: 1px;  /*uncomment this out after testing the form*/
	border: #ff0000 0px solid;  /*change this to 0px after testing the form*/
}
			
/* Member App Error Message Fix */
#content_WebInputSubmit1_lblMessage {
	color: #000080;
	font-size: 20px!important;
	position: absolute;
	background-color: #FFFF00;
	top: 40px;
	left: 40px;
	width: auto;
	padding: 0;
	font-weight: 900;
}
/* special styles */
.instructions {
	color: #ff0000;
}

/* Table styles */
.postbackmessage {
	margin : 12px 0;
	color: #ff0000; 
	font: 24px Arial Bold;
	background-color: #eeeeee;
	border: #cccccc 1px solid;
	padding: 3px 8px;
}
/* bootstrap undos */
.memberapptable label { display : inline; margin : 0; vertical-align : middle; font-size : inherit; }
.memberapptable input[type=text] { margin : 2px 0 1px 0 }
.memberapptable input[type=checkbox],
.memberapptable input[type=radio] { margin : 0 4px 0 0; vertical-align : middle; }


.memberapptable {
	font-size : 16px;  /* match weebly */
}
.memberapptable table {
	font-size : inherit !important; /* override value hardcoded by control */
}
.memberapptable td + td { padding-left : 6px }
.memberapptable tr td input {
	background: #eee;
	border-width: 1px;
	border-color: #999;
}
.memberapptable tr td select {
	margin-bottom : 0;
	background: #eee;
	border-width: 1px;
	border-color: #999;
    width : auto;
    max-width : 230px;
}
.memberapptable tr td textarea {
	background: #eee;
	border-width: 1px;
	border-color: #999;
}
.memberapptable tr td input:hover {
	background: #ddd;
}
.memberapptable tr td select:hover {
	background: #ddd;
}
.memberapptable tr td textarea:hover {
	background: #ddd;
}
.memberapptable tr td {
    vertical-align : top;
}
.memberapptable .calc-total { text-align : right; }
.memberapptable tr th {
	background: #002E62;
    padding : 1px 5px;
	text-align:left;
	border-bottom: #555555 2px solid;
	color: #ffffff;
}
#businesstypedescription {
	color: #ff0000; 
}
.required {
	color: #ff0000; 
	font-size: 110%;
}

.memberapptable .radios-c input[type=radio] {
	margin-left : 6px;
}


/* tables going from grid to stack */
@media screen and (max-width : 555px) {
    table.grid-stack-for-phone > tbody > tr > td { display : block; padding : 0 0 6px 0; }
    table.grid-stack-for-phone > tbody > tr > td:first-child { padding-bottom : 1px; } /* first child is usually the label. make it look like it's on top */
    
    .grid-stack-for-phone td.labelcontainer {
        width : auto;
    }
    
    .grid-stack-for-phone input {
        max-width : 100%;
        height : auto;
             -o-box-sizing : border-box;
            -ms-box-sizing : border-box;
           -moz-box-sizing : border-box;
        -webkit-box-sizing : border-box;
                box-sizing : border-box;
    }
    
    .grid-stack-for-phone textarea {
        width : 100% !important;
             -o-box-sizing : border-box;
            -ms-box-sizing : border-box;
           -moz-box-sizing : border-box;
        -webkit-box-sizing : border-box;
                box-sizing : border-box;
    }
	.memberapptable td + td { padding-left : 0 }
}