/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited , a:hover{ color: #00e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }

aside p {color:#006600;}



/* ===================================================
    Initializr styles
    http://verekia.com/initializr/responsive-template
    Author: Jonathan Verrecchia
   =================================================== */

body{ font:16px/24px Helvetica, Helvetica Neue, Arial, sans-serif; }

.wrapper{
	width:98%;
	margin:0 auto;
}

/* ===================
    ALL: Green Theme
   =================== */

#header-container{ border-bottom: 2px solid #3F8C3E; background-color: #005802;}
#footer-container{ ; }
#main aside      { border-top:    20px solid #3F8C3E; }
#main h3 {
	/*background:url(../images/columnbg.jpg) repeat-x;*/
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color:#006600;
}

#header-container header {
	background: #3F8C3E url(../images/logoMobile.png) left no-repeat;
	margin: 0 auto;
	height: 96px;
}

#footer-container{
	background:#68B076;
}

#main aside{
	background:#B3D7BA;
	border: solid 1px #8ab573;
	border-top: 20px solid #3F8C3E;
	margin: 0 5px 25px 5px;
}

#title{ color:white; }

::-moz-selection { background: #68B076; color: #fff; text-shadow: none; }
::selection      { background: #68B076; color: #fff; text-shadow: none; }

/* headings */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 	
	color: #3F8C3E;		
}

h1 {
	font-size: 24px;
	font-weight: normal;
	line-height: 1;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #6b9ef1;
}
h2{
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	margin: 30px 0 0 0;
	padding: 0 0 0 2px;
	border-left: 5px solid #3F8C3E;
	color: #3F8C3E;
}

/* -- Login -- */

.steps {
	background: #eaeaea;
	margin: 0;
	line-height: 1;
	padding: 8px 5px;
	bottom: 0px;

}

/*p {margin: 1em 0; padding: 0; font-size: 14px;}*/

/* -- !Introduction Text -- */
.introduction {
	font-size: 16px;
	line-height: 1.4;
	margin: 10px 0 16px;
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-style: italic;
	font-weight: normal;
}

/* Note */
p.note {
	font-size: 12px;
	margin: 0 0 10px 0;
}

p.error {
	font-size: 12px;
	line-height: 14px;
	color: #F00;
}
	
/* Control Notes */
em.note {
	font-size: 12px;
	clear: left;
	display: block;
	font-style: normal;
	margin: 0;
}

input, textarea, select {font-family: Helvetica, Arial, Verdana, sans-serif;}

article section #nameTag {
	font-size: 120%;
	background: #fff;
	padding: 0 0 0 0;
	overflow: hidden;
}

.picRight {
	float:right;
	border:solid 1px #030;
	margin: 0 0px;
}

#news {
	font-size:85%;
	line-height: 1;
}
article section  #nameTag p {
	margin: 0;
	padding: 15px 0 0 0;
	border-bottom: 1px dotted #009;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

/* ==============
    MOBILE: Menu
   ============== */

nav a, nav a:link{
	/*display:block;*/
	float:left;
	width:100%;
	text-decoration:none;
	border-bottom: solid 1px #ffffff;
	font-size: 16px;
	padding: 5px 0;
	color:#006600;
	font-weight: normal;
}

nav a:visited{
	color:#006600;
}

nav a:hover{

	color: #ffff00;
}

nav li:first-child a{ border-top: solid 1px #ffffff;}  
nav li:last-child a{ margin-bottom: 50px;}  

/* ==============
    MOBILE: Main
   ============== */

#main{
	padding:30px 0;
}

#main article h1{
	font-size:2em;
}

#main aside{
	color:white;
	padding:0px 5px 10px;

}

#footer-container footer{
	color:white;
	padding:20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 #title{ padding-top:20px; }


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {

	
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

	nav ul li{
		display:inline;
	}	
	.oldie nav a{
		margin:0 0.7%;		
	}
}

@media only screen and (min-width: 640px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

	#header-container,
	#main aside{
		-webkit-box-shadow:0 5px 10px #aaa;
		   -moz-box-shadow:0 5px 10px #aaa;
		        box-shadow:0 5px 10px #aaa;
	}

	#header-container header {
	margin: 0 auto;
	background: #3F8C3E url(../images/logoLarge.png) left no-repeat;
	width: 360px;
	}
	
/* ============
    WIDE: Menu
   ============ */
	
	#title{
		float:left;
	}



/* ============
    WIDE: Main
   ============ */

	#main article{
		float:right;
		width:70%;
	}
	
	#main aside{
		float:left;
		width:25%;
	}
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

	.wrapper{
		width:1026px; /* 1140px - 10% for margins */
		margin:0 auto;
	}
}


/******* FORM STYLING *******/
/* -- !Fieldsets & Legends -- */
fieldset {
	border: none;

	padding: 0;
}

/* -- !Required Fields -- */
fieldset abbr {
	color: #c00;
	font-size: 20px;
	line-height: 1;
	padding: 0 1px;
	vertical-align: middle;
}

/* -- !Fields -- */
fieldset div {
    margin: 0 0 10px;
    padding: 5px 0 5px 0;
}

fieldset div.controls {
	margin: 25px 0 0;
	padding: 0;
}

	/* Labels */
    fieldset div label, th {
    	color: #000;
    	font-size: 13px;
        font-weight: bold;
        line-height: 1.1;
        margin: 7px 0 0 ;
        width: 140px;
    }

	/* Input defaults */
	fieldset div input,
	fieldset div select {
		border: 1px solid #a3b4c4;
		border-color: #636d77 #a3b4c4 #c7d2de; 
		color: #333;
	    display: block;
	    font-size: 14px;
	    
	    line-height: 1;
	    margin: 0;
	}
	
	/* Focus */
	fieldset div input:focus,
	fieldset div select:focus {
		border-color: #636d77;
	}
    
    /* Text inputs */
    fieldset div input {
    	padding: 6px 5px;
        width: 300px;
    }
	
	.grade{
		text-align: left;
		width: 20px;
	}
	.score {
		text-align: left;
		width: 20px;
	}
	input.grade{
		text-align: left;
		width: 20px;
	}
	input.subject{
		text-align: left;
		width: 20px;
	}    
    /* Select menus */
    fieldset div select {
    	padding: 0 0 0 3px;
        width: 300px;
    }    
    fieldset div select.grade {
    	padding: 0 0 0 3px;
        width: 120px;
    }
	fieldset div select.subject {
    	padding: 0 0 0 3px;
		margin: 5px 0 0 0;
    } 
    fieldset div select.sitting {
    	padding: 0 0 0 3px;
        width: 70px;
    }   
    
    /* File Upload */
    fieldset div input[type=file] {
    	background: none;
    	border: inherit;
    	padding: 0;
    }
        
    /* Radio buttons + checkboxes */
    fieldset div ul {
    	margin: 5px 0 0 0;
    }
    
	    fieldset div ul li {
	        margin: 0 0 5px;
	        padding: 0;
	    }
	                                 
	        fieldset div ul li label {
	            display: inline;
	            float: none;
		    	font-size: 1em;
	            font-weight: normal;
	            margin: 0;
	            padding: 0;
	        }
	                        
	        fieldset div ul li input {
	        	background: none;
	            border: none;
	            display: inline;
	            margin: 0 5px 0 0;
	            padding: 0;
	            width: auto;
	        }

/* Groups */

fieldset fieldset.group {
		color: #000;
		margin: 0;
		padding: 0;
	}
	
		fieldset fieldset.group legend span {
			background: none;
			border: none;
	    	font-size: 13px;
	        font-weight: bold;
	        left: 0;
	        line-height: 1.1;
	        margin: 0;
			padding: 0;
		}
		
		fieldset fieldset.group div {
			background: none;
			float: left;
			margin: 0 5px 0 0 ;
			padding-left: 0;
		}

/* -- !Option Buttons -- */
	fieldset .field-option ul {
		overflow: hidden;
	}
	
		fieldset .field-option ul li {
			margin-right: 38px;
			list-style: none;
		}

/* -- !Date of Birth -- */
fieldset fieldset#section-dob div label {
	position: absolute;
	top: -999em;
}

fieldset fieldset#section-dob div select {
	width: 80px;
}

fieldset fieldset#section-dob div select#dob_month {
	width: 108px;
}		
	

		/* Submit */
	fieldset div.controls {
		background: none;
	}
	
input#profile , input#upload  {
	width: 150px;
	height: 36px;
	border: 1px solid #989898;
 	background-color: #006600;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
 	border-radius: 6px;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
 	color: #fff;
 	font-size: 18px;
 	text-shadow: 1px 1px 1px #666;
	cursor: pointer;
	margin-bottom: 20px;
}
	
 input#submit  {
	width: 200px;
	height: 36px;
	border: 1px solid #989898;
 	background-color: #006600;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
 	border-radius: 6px;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
 	color: #fff;
 	font-size: 18px;
 	text-shadow: 1px 1px 1px #666;
	cursor: pointer;
	margin-bottom: 20px;
}

 hover.input#submit, hover.input#profile , hover.input#upload  {

 	color: #000;

}
a.button{
	width: 120px;
	height: 36px;
	color:#7d9a23;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:20px;
	text-decoration:none;
	text-shadow: 1px 1px 1px #666;
	font-size: 18px;
	padding: 5px 10px 5px 0;
	float: right;
}

a:hover.button{
	color:#000;
}
/*Apply Link */
a.greenButtonRound {
	border: 1px solid #989898;
 	background-color: #006600;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
 	border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 	color: #fff;
 	font-size: 18px;
	cursor: pointer;
    text-decoration: none;
    padding: 10px 30px 10px 30px;
}
a.greenButtonRound:hover {
    color: #D4CE7F;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
		
	/* Error Message */
	fieldset strong.error {
		clear: left;
		color: #993333;
		display: block;
		margin: 0.5em 0 0.2em 5px;
	}
	
	/* Field */
	fieldset div input.error,
	fieldset div textarea.error,
	fieldset div select.error {
		border: 1px solid #993333;
	}
	
	/* Icon */
	fieldset img.icon {
		right: 60px;
		position: absolute;
		top: 10px;
	}

/*Form Validation */
input:focus:required:invalid {
  background-image: url(../images/error.png);
  background-position: 98% center;
  background-repeat: no-repeat;
}

input:required:valid {
  background-image: url(../images/accept.png);
  background-position: 98% center;
  background-repeat: no-repeat;
}

input:disabled, fieldset div ul li label   {
  cursor: text;
}

input[type="email"]:focus:required:invalid {
  background-image: url(../images/email_error.png);
}
/* Table */
table {
	width: 100%;
	border: 1px solid #3F8C3E;
	text-align: left; }
th {
	font-weight: bold;
	font-size: 15px;
	background-color: #68B076;
	border-bottom: 1px solid #3F8C3E; 
	padding: 10px 0;
	}
td {
	padding: 4px 5px; }
.odd {
	background-color: #B3D7BA; }
.odd td {
	border-bottom: 1px solid #3F8C3E; }

/* List */
dl {
  margin: 20px 0 0 0; 
  padding: 0; 
  border-left:1px solid #000; 
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  
}
dd {
  margin: 10px 0; 
  padding: 0 5px; 
  line-height: 18px;
}
dt {
  margin:0; 
  padding:0.4em; 
  font-size: 13px; 
  font-weight:bold; 
  background: #68B076;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}


/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.cancel {
    text-decoration: line-through;
}