/*theGRIFF Style Sheet*/

body{font-family: verdana, arial, helvetica;font-size:1.4em;}

/* Start Button Styles --------------------------------------------- */
.tsc_button input[type="button"],
.tsc_button button { border:0 none; font:inherit; }
*:focus { outline:0 none; }
input[type="submit"] { border:1px solid rgba(0, 0, 0, 0.25); }
.tsc_button input[type="button"],
.tsc_button button { -moz-box-sizing: content-box; }/*fixes mozilla padding - mozilla only, doesn't need webkit or other values */
.tsc_button input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { padding:0; border:0 none;}/*fixes mozilla button padding - mozilla only, doesn't need webkit or other values */
/* General Button Styles, Cascades Down To Every Button ------------- */
.tsc_button { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50); box-shadow:0 1px 3px rgba(0, 0, 0, 0.50); background:#222222;  border:1px solid rgba(0, 0, 0, 0.25); color:#FFFFFF !important; cursor:pointer; display:inline-block; font-size:1.3rem; font-weight:bold; line-height:13px; overflow:visible; padding:5px 15px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); width:auto; text-align:center; font-family:tahoma,verdana,arial,helvetica;}
.tsc_flat{border:0px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px; background:#222222;-moz-box-shadow: 0px 0px 0px #fff;-webkit-box-shadow: 0px 0px 0px #fff;box-shadow:0px 0px 0px #fff; }
.tsc_button:hover { background:#111111; color:#FFFFFF; }
.tsc_button:active { background:#242424; }
.tsc_c3b_green.tsc_button,.zLime { background-color:#91BD09; }
.tsc_c3b_green.tsc_button:hover,.zLime:hover { background-color:#749A02; }
.tsc_c3b_green.tsc_button:active,.zLime:active { background-color:#a4d50b; }
.tsc_c3b_ltgreen.tsc_button,.zLtGreen { background-color:#eff3d5; color:#555 !important;text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);}
.tsc_c3b_ltgreen.tsc_button:hover,.zLtGreen:hover { background-color:#D7E197; }
.tsc_c3b_ltgreen.tsc_button:active,.zLtGreen:active { background-color:#D7E197; }
.tsc_c3b_blue.tsc_button,.zBlue { background-color:#0E59AE; }
.tsc_c3b_blue.tsc_button:hover,.zBlue:hover { background-color:#063468; }
.tsc_c3b_blue.tsc_button:active,.zBlue:active { background-color:#1169cc; }
.tsc_c3b_gray.tsc_button { -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50); background:#FFFFFF url(/sysImages/button-overlay-black.png) repeat-x; border:1px solid #BBBBBB; color:#555555 !important; text-shadow:0 1px 1px rgba(255, 255, 255, 0.5); }
.tsc_c3b_gray.tsc_button:hover { background-color:#EEEEEE; border-color:#999999; color:#444444 !important; }
.tsc_c3b_gray.tsc_button:active { background-color:#ffffff; }
.tsc_c3b_gray.tsc_button.tsc_flat{border:0px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;-moz-box-shadow: 0px 0px 0px #fff;-webkit-box-shadow: 0px 0px 0px #fff;box-shadow:0px 0px 0px #fff;background:#bdc3c7;color:#010101 !important; }
.tsc_c3b_gray.tsc_button.tsc_flat:hover{background: #343434;color:#fff !important;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); }
.hide{display:none;}
.header,.zoneNotes{font-size:1.6rem;font-weight: bold;text-align:center;color:#0f46b4;}
.columns.header{vertical-align: middle;}
.heading{text-align:left;font-weight:bold;font-size:1.6rem;padding:4px 20px; background:#D7D7D7 url(/sysImages/tall-tsc-button-overlay.png) repeat-x;background-size: 100% 100%; margin:6px 0px;}

.container{max-width:651px;text-align:left;}

input[type="checkbox"],input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin:0px 3px 0px 0px;
}
.column.right,.columns.right{text-align:right;}
.column,.columns{    line-height: 32px;}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], 
input[type="tel"], input[type="url"], input[type="password"], textarea, select 
{    height: auto;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    margin-bottom: 1.3rem;
    font-size:1.4rem;
}
textarea{width:90%;height:32px;font-size:1.5rem;font-family:verdana,arial,helvetica;}
select{max-width:100%;}
.two-thirds.column {text-align-left;}
.two-thirds.column input[type="text"]{  width:90%; max-width:100%;}
.columns input[type="text"]{  width:100%;}

.one-third.column.right span{font-size:1.0rem;display:block;margin:-8px 0px 3px;line-height:1.0rem;}

.hidden{display:none;}

@media (max-width: 840px) {
	select{max-width:100%;}
}
@media (max-width: 840px) {
	.two-thirds.column .otherOption input[type="text"]{width:120px;max-width:100%;}
}
@media (max-width: 549px) {
	.formContainer{padding:10px 5px;}
	.column.right,.columns.right{text-align:left;margin-top:6px;}
	.column input[type="text"], .columns input[type="text"]{  }
	.two-thirds.column input[type="text"],.three.columns input[type="text"]{  width:99%;}
	.selectWrapWother{float:none;}
	.otherOption{float:none;margin-left:0px;}
	.two-thirds.column .otherOption input[type="text"]{width:99%;max-width:100%;}
	input[type="text"]{margin-bottom: 1.5rem;font-size:1.6rem;line-height:1.6rem;padding:10px;}
	select{width:99%;max-width:99%;    
		margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 10px;}
	.column.textarea textarea{width:100%;height:32px;padding:2px;}
	.four.columns.oneline{float:left;width:63%;margin-right:3%;}
	.two.columns.oneline{float:left;width:37.5%;margin-right:3%;}
	.two.columns.oneline.ap{width:15%;}
	.two.columns.oneline input[type="text"]{font-size:1.4rem;padding:6px 10px;line-height:normal;}
	.two.columns.oneline select{width:100%;}
	.two.columns.oneline.grandTotal,.two.columns.oneline.partTotal,.two.columns.oneline.other{width:30%;}
	.two.columns.oneline.oColumn,span.atSym{display:none;}
	.ten.columns.oneline{float:left;width:62%;text-align:right;vertical-align: middle;margin-right:3%;}
	.four.columns.oneline.special,.two.columns.oneline.special{width:47%;} 
	.partTotal,.grandTotal{margin-top:6px;}
	.columns.right.submitWrap{text-align:center;}
	.columns.right.submitWrap input{font-size:1.6rem;}
	.header img{max-width:100%;}
	.header div.centerHeader{margin:0px;}
	.submitButton{font-size:1.8rem;padding:18px 10px;}
}
.ovrLoginForm input{
    width:200px;
}
.listTable{
    color:black;
}
.requiredField{background-color:#FFF0F0 !important; border: 1px solid red !important;}
.formTitle{font-weight:bold;font-size:1.6rem;margin-bottom:10px;}
.superscript { position: relative; top: -0.6em; font-size: 80%; }