body {color:#0d306d;}

.eklipse_grid > .eklipse_fifth {
    grid-column: span 5;
}

h1,h2,h3 {font-family:Arial,Helvetica; font-weight:normal; }
h1 {font-weight:bold;}
h3 {font-size:22px; color:#3161a1;}
h2 {font-size:26px; color:white;display:block;background:#3161a1;text-align:center;padding:.3em 1em;}

hr {width:100%;}

input { padding:4px; margin:2px; max-width:98%; min-height: 1.5em}
input.checkbox{width:auto;}
#sandbox input { padding:4px; margin:2px; width:98%; max-width:300px; min-height: 1.5em}

#field_zip_code {width:150px;}

#sandbox a.button ,#sandbox input.button,  button.button {display:inline-block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: white;
	padding:1.1em 3em !important;
	border-radius:6px;
	text-decoration:none;
	background:#fcad26;
	font-weight:bold;
	letter-spacing:.1em;
	min-width:8em;
	text-align:center;
	transition-duration:1s;
	line-height:1.1em;
	border:0;
	box-shadow:none;
	text-shadow:none;
	}

#sandbox a.button:hover, #sandbox input.button:hover, #sandbox button.button:hover {
	transition-duration:.4s;
	color:white;
  	filter: brightness(120%);
	}

	
#sandbox a.button.submit, #sandbox input.button.submit, #sandbox button.button.submit {
	background:#2ecc71;
	padding-left:6em !important;
	}


#sandbox a.button.submit::before, #sandbox input.button.submit::before, #sandbox button.button.submit::before {
	content: "\2713";
	background:#1ebc61;
	display:block;
	position:absolute;
	left:0;
	padding:1.1em 1.3em;
	margin-top:-1.1em;
	border-right:1px solid white;
	border-radius:6px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	}

#sandbox a.button.submit::before, #sandbox input.button.submit::before, #sandbox button.button.submit::before {
	content: "\2713";
	background:#1ebc61;
	display:block;
	position:absolute;
	left:0;
	padding:.55em .5em;
	margin-top:-.55em;
	border-right:1px solid white;
	border-radius:6px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	margin-left:-3em !important;
	font-size:200%;
	}


#sandbox a.button.cancel, #sandbox input.button.cancel, #sandbox button.button.cancel {
	background:#f06060;
	padding-left:6em !important;
	}

#sandbox a.button.cancel::before, #sandbox input.button.cancel::before, #sandbox button.button.cancel::before {
	content: "\2717";
	background:#e06060;
	display:block;
	position:absolute;
	left:0;
	padding:1.1em 1.4em;
	margin-top:-1.1em;
	border-right:1px solid white;
	border-radius:6px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	}

#sandbox a.button.cancel::before,  #sandbox a.button.submit::before,
#sandbox button.button.cancel::before,  #sandbox button.button.submit::before {
	left:auto;
	margin-left:-6em;
 	}

/* 
#sandbox a.button, input.button  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #123d54;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#afd9fa 0%,
		#588fad);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#afd9fa),
		to(#588fad));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	}
 */

table.columns td{ padding:1em;}


#sandbox {max-width:880px;}
.eklipseform.student-english input, .eklipseform.student-espanol input {
    width: 100px;
	}

.wsmall {max-width:120px;}

/* hide a div if there is only one school */
div.scount-1 {display:none;}

/* enlarge the approval checkbox */
input#field_approval {
	transform: scale(2);
	position: relative;
	left: -.5em;
	}

/*.button.small {zoom:90%;}*/

@media screen and (max-width:700px) {
	table.columns td {display:block; width:90%;}
	}