@import url(https://fonts.googleapis.com/css?family=Roboto);

@charset "utf-8";
/* CSS Document */
html {
  /* 1 */
  font: 400 16px / 24px 'Roboto';
  /* 2 */
  color: #525252;
}

*{margin:0; padding:0;}

body{
font:76% 'Roboto', sans-serif;
line-height:1.4em;
text-align:center;
background:#4382A7;
}

a{
color:#026595;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p {
	padding:0 10px 8px 10px;
	font-size:1.2em;
	font-weight:normal;
	color:#fff;
	line-height:1.3em;
	text-align:left;
}

p a {
color:#FF0000;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

p form{margin-top:0; margin-bottom:20px;}

img.left{float:left; padding:0 10px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; padding:0 0 5px 12px;}


/**************** Header and navigation styles ****************/

#container{
width:600px;
height: 820px;
margin:10px auto;
text-align:left;
background:#FFF url("../images/register-back.jpg") 50% 50% no-repeat;	background-size: auto 100% ;
color:#303030;
}

#container_login {
width:600px;
height: 480px;
margin:0 auto;
text-align:left;
background: #FFF url("../images/ship-login.jpg") 50% 50% no-repeat;	background-size: auto 100% ;
color:#303030;
border-radius: 0px 0px 8px 8px; 
-moz-border-radius: 0px 0px 8px 8px; 
-webkit-border-radius: 0px 0px 8px 8px; 
border: 1px solid #000;
}

#logo {
	width:600px;
	background:#00527F;
}
	
	#logo h1 {
padding:20px 0 20px 10px;
font-size:2.2em;
font-weight:530;
color:#fff;
line-height:1.3em;
text-align:center;
}

#header{
	height:40px;
	width:600px;
	background-color: #00527F;
	padding: 20px 0 2px 0;
	text-align:center;
}

.progress_student {
	color: #FFF;
	line-height:1.5em;	
	padding:10px 18px;
	font-size:1.1em;
	background-color: #4382A7;
	border: 1px solid #DADADA;
}

.progresscurrent_student {
	color: #FFF;
	line-height:1.5em;	
	padding:10px 18px;
	font-size:1.1em;
	background-color: #943931;
	border: 1px solid #DADADA;
}

.progress_teacher {
	color: #FFF;
	line-height:1.5em;	
	padding:10px 13px;
	font-size:1.1em;
	background-color: #4382A7;
	border: 1px solid #DADADA;
}

.progresscurrent_teacher {
	color: #FFF;
	line-height:1.5em;	
	padding:10px 13px;
	font-size:1.1em;
	background-color: #943931;
	border: 1px solid #DADADA;

}


.begintitle {
	color: #FFF;
	line-height:1.5em;	
	font-size:1.1em;
	text-align:center;
}

.red {
	color: #FF0000;
	font-weight: 530;
	}

.accountnote {
	color: #943931;
}

#content {
width:600px;
height: 430px;
}

#content-more {
width:600px;
height: 470px;
}

#content-more p {color: #000}


#content h2{
padding:20px 0 16px 20px;
font-size:1.3em;
font-weight:530;
color:#000;
line-height:1.3em;
}

#content h3{
margin:0 0 16px 0;
font-size:1.1em;
font-weight:bold;
color:#000;
}

#content p {
margin:0 0 5px 8px;
font-size:1.3em;
color:#000;
}

/* Form Register Register Teacher-Student Start*/

form#two {background:rgba(218,218,218,0.5); width:470px; height: 420px; padding:10px; border:1px solid #000; margin:0 auto;}
form#two fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-size:1.2em; font-family:'Roboto', sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#two fieldset#opt {background:#dee;}
form#two legend {font-size:1.1em; font-weight:bold; border:1px solid #999; margin-bottom:5px; padding:3px; width:420px; background:#fff;}
/*form#two label.dontknow {clear:left; display:block; float:left; width:120px; font-weight: bold; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em; font-family:'Roboto', sans-serif;} */

form#two input[type="text"] {font-family:'Roboto', sans-serif; width: 200px; font-size: 1.1em; border:1px solid #999; background:#fff; padding-left:0.5em; padding-top:0; margin-bottom:0.6em;}

form#two input[type="radio"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
      padding: 0 0 0 25px;
}
form#two input[type="radio"] + label {
   position:relative;
   padding: 0 0 0 25px;
   font-size: 1.2em;
   line-height: 1.6em;
}
form#two input[type="radio"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:4px;
   height: 14px;
   width: 14px;
   background: white;
   border: 1px solid gray;
   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
}
form#two input[type="radio"]:checked + label:before {
   background: #ef8700;
}

form#two select {font-family:'Roboto', sans-serif; font-size:1.0em; margin-left:0.5em;}
form#two textarea {width:410px; height:15em; border:1px solid #999; padding:0.5em; overflow:auto; background:#fff}
form#two option {background:#788; color:#fff;}
form#two optgroup {background:#abb; color:#000;}
form#two optgroup option {background:#9aa; color:#fff;}
form#two #button1, form#two #button2 {text-align: center; color:#c00; padding-bottom: 0.5em; padding-right:0.5em; cursor:pointer; width:90px; margin-left:8px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}
.button {
   padding:0 .25em 0 .25em;
   width:auto;
   overflow:visible;
}
.radio_b {
    padding:1px 5px 3px 5px;
    background-color:#DADADA;
	border:none;
    cursor: default;
}


form#two input.blue {
	font-family:'Roboto', sans-serif;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: inline;vertical-align: baseline;margin: 0 0 0 120px;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#two input.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
form#two input.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
form#two input.green {
	font-family:'Roboto', sans-serif;
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
		display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: inline;vertical-align: baseline;margin: 0 0 0 120px;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#two input.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
form#two input.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.regular-checkbox {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.regular-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

/* Form Register Student and Teacher pages*/
form#three {background:rgba(218,218,218,0.5); width:470px; height: 580px; padding:10px; border:1px solid #000; margin:0 auto;}
form#three fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-size:1.2em; font-family:'Roboto', sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#three fieldset#opt {background:#dee;}
form#three legend {font-size:1.1em; font-weight:bold; border:1px solid #999; margin-bottom:5px; padding:3px; width:420px; background:#fff;}
/*form#two label.dontknow {clear:left; display:block; float:left; width:120px; font-weight: bold; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em; font-family:'Roboto', sans-serif;} */

form#three input[type="text"] {font-family:'Roboto', sans-serif; width: 200px; font-size: 1.1em; border:1px solid #999; background:#fff; padding-left:0.5em; padding-top:0; margin-bottom:0.6em;}

form#three input[type="radio"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
      padding: 0 0 0 25px;
}
form#three input[type="radio"] + label {
   position:relative;
   padding: 0 0 0 25px;
   font-size: 1.2em;
   line-height: 1.6em;
}
form#three input[type="radio"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:4px;
   height: 14px;
   width: 14px;
   background: white;
   border: 1px solid gray;
   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
}
form#three input[type="radio"]:checked + label:before {
   background: #ef8700;
}

form#three select {font-family:'Roboto', sans-serif; font-size:1.0em; margin-left:0.5em;}
form#three textarea {width:410px; height:15em; border:1px solid #999; padding:0.5em; overflow:auto; background:#fff}
form#three option {background:#788; color:#fff;}
form#three optgroup {background:#abb; color:#000;}
form#three optgroup option {background:#9aa; color:#fff;}

form#three label {float:left; width:120px; font-weight: bold; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em; font-family:'Roboto', sans-serif;} 

form#three input[type="submit"] {float: left;}

form#three p {font-size: 1.1em;}
form#three p.student {font-size: 1.2em;}

form#three input.blue {
	font-family:'Roboto', sans-serif;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: inline;vertical-align: baseline;margin: 0 0 0 100px;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#three input.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
form#three input.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

form#three input.bluefinish {
	font-family:'Roboto', sans-serif;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: inline;vertical-align: baseline;margin: 0 0 0 70px;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#three input.bluefinish:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
form#three input.bluefinish:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


/* green */
form#three input.green {
	font-family:'Roboto', sans-serif;
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
		display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: inline;vertical-align: baseline;margin: 0 0 0 20px;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#three input.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
form#three input.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.regular-checkbox {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.regular-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

/* Switch Teacher page*/

form#four {background:rgba(218,218,218,0.5); width:470px; height: 320px; padding:10px; border:1px solid #000; margin:0 auto;}
form#four fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-size:1.2em; font-family:'Roboto', sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#four fieldset#opt {background:#dee;}
form#four legend {font-size:1.1em; font-weight:bold; border:1px solid #999; margin-bottom:5px; padding:3px; width:420px; background:#fff;}
/*form#two label.dontknow {clear:left; display:block; float:left; width:120px; font-weight: bold; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em; font-family:'Roboto', sans-serif;} */

form#four input[type="text"] {font-family:'Roboto', sans-serif; width: 200px; font-size: 1.1em; border:1px solid #999; background:#fff; padding-left:0.5em; padding-top:0; margin-bottom:0.6em;}

form#four input[type="radio"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
      padding: 0 0 0 25px;
}
form#four input[type="radio"] + label {
   position:relative;
   padding: 0 0 0 25px;
   font-size: 1.2em;
   line-height: 1.6em;
}
form#four input[type="radio"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:4px;
   height: 14px;
   width: 14px;
   background: white;
   border: 1px solid gray;
   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
}
form#four input[type="radio"]:checked + label:before {
   background: #ef8700;
}

form#four select {font-family:'Roboto', sans-serif; font-size:1.0em; margin-left:0.5em;}
form#four textarea {width:410px; height:15em; border:1px solid #999; padding:0.5em; overflow:auto; background:#fff}
form#four option {background:#788; color:#fff;}
form#four optgroup {background:#abb; color:#000;}
form#four optgroup option {background:#9aa; color:#fff;}

form#four label {float:left; width:120px; font-weight: bold; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em; font-family:'Roboto', sans-serif;} 

form#four input[type="submit"] {float: left;}

form#four p {font-size: 1.1em;}
form#four p.student {font-size: 1.2em;}

form#four input.blue {
	font-family:'Roboto', sans-serif;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: inline;vertical-align: baseline;margin: 0 0 0 100px;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#four input.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
form#four input.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

form#four input.bluefinish {
	font-family:'Roboto', sans-serif;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: inline;vertical-align: baseline;margin: 0 0 0 70px;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#four input.bluefinish:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
form#four input.bluefinish:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


/* green */
form#four input.green {
	font-family:'Roboto', sans-serif;
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
		display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: inline;vertical-align: baseline;margin: 0 0 0 20px;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#four input.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
form#four input.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.regular-checkbox {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.regular-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

/* Form 1 LOG-IN SHORTER HEIGHT*/
form#one {background:rgba(218,218,218,0.5); width:470px; height: 330px; padding:10px; border:1px solid #000; margin:0 auto;}
form#one fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-size:1.2em; font-family:'Roboto', sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#one fieldset#opt {background:#dee;}
form#one legend {font-size:1.1em; font-weight:bold; border:1px solid #999; margin-bottom:5px; padding:3px; width:420px; background:#fff;}
form#one label {float:left; width:120px; font-weight: bold; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em; font-family:'Roboto', sans-serif;} 

form#one input[type="text"] {font-family:'Roboto', sans-serif; width: 200px; font-size: 1.1em; border:1px solid #999; background:#fff; padding-left:0.5em; padding-top:0; margin-bottom:0.6em;}
form#one input[type="password"] {font-family:'Roboto', sans-serif; width: 200px; font-size: 1.1em; border:1px solid #999; background:#fff; padding-left:0.5em; padding-top:0; margin-bottom:0.6em;}


form#one select {font-family:'Roboto', sans-serif; font-size:1.0em; margin-left:0.5em;}
form#one textarea {width:410px; height:15em; border:1px solid #999; padding:0.5em; overflow:auto; background:#fff}
form#one option {background:#788; color:#fff;}
form#one optgroup {background:#abb; color:#000;}
form#one optgroup option {background:#9aa; color:#fff;}

form#one input.blue {
	font-family:'Roboto', sans-serif;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');display: block;vertical-align: baseline;margin: 8px auto;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2); 
}
form#one input.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
form#one input.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
form#one input.green {
	font-family:'Roboto', sans-serif;
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
		display: block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: block;vertical-align: baseline;margin: 8px auto; outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#one input.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
form#one input.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* orange */
form#one input.orange {
	font-family:'Roboto', sans-serif;
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');		display: block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: block;vertical-align: baseline;margin: 8px auto; outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#one input.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
form#one input.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

form#one input.blue1 {
	font-family:'Roboto', sans-serif;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');display: block;vertical-align: baseline;float: left; margin: 8px 10px 8px 170px;outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em 1em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2); 
}
form#one input.blue1:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
form#one input.blue1:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green1 */
form#one input.green1 {
	font-family:'Roboto', sans-serif;
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
		display: block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: block;vertical-align: baseline;float: right; margin: 8px 170px 8px 10px; outline: none;	font-size: 1.1em; text-align: center;	text-decoration: none;	color: #FFF;padding: .5em 1em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#one input.green1:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
form#one input.green1:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}


.regular-checkbox {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.regular-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

/* Form Register Student and Teacher pages*/
form#trial {background:rgba(218,218,218,0.5); width:470px; height: 580px; padding:10px; border:1px solid #000; margin:0 auto;}
form#trial fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-size:1.2em; font-family:'Roboto', sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#trial legend {font-size:1.1em; font-weight:bold; border:1px solid #999; margin-bottom:5px; padding:3px; width:420px; background:#fff;}

form#trial input[type="text"] {font-family:'Roboto', sans-serif; width: 200px; font-size: 1.1em; border:1px solid #999; background:#fff; padding-left:0.5em; padding-top:0; margin-bottom:0.6em;}

form#trial select {font-family:'Roboto', sans-serif; font-size:1.0em; margin-left:0.5em;}
form#trial label {float:left; width:120px; font-weight: bold; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em; font-family:'Roboto', sans-serif;} 

form#trial p {font-size: 1.1em;}
form#trial p.student {font-size: 1.2em;}

form#trial input.blue {
  font-family:'Roboto', sans-serif;
  color: #d9eef7;
  margin:0px 5px 0px 5px;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top,  #00adee,  #0078a5);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
  display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */  *display: inline;vertical-align: baseline;outline: none;  font-size: 1.1em; text-decoration: none;  color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em;   -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#trial input.blue:hover {
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top,  #0095cc,  #00678e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
form#trial input.blue:active {
  color: #80bed6;
  background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  background: -moz-linear-gradient(top,  #0078a5,  #00adee);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
form#trial input.green {
  font-family:'Roboto', sans-serif;
  color: #e8f0de;
  margin:0px 5px 0px 5px;
  border: solid 1px #538312;
  background: #64991e;
  background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
    display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */  *display: inline;vertical-align: baseline;outline: none;  font-size: 1.1em; text-decoration: none;  color: #FFF;padding: .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em;   -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
form#trial input.green:hover {
  background: #538018;
  background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
  background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
form#trial input.green:active {
  color: #a9c08c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
  background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}