#navigation {
	border-bottom:2px solid #000;
	margin:0px;
	padding:10px 0px 7px 10px;
	text-align: center;
}
#navigation ul, #navigation li {
	display:inline;
}

#navigation a:link, #navigation a:visited {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background-color:#3D5C00;
	color:#ffffff;
	border-top: 2px #000 solid;
	border-left: 2px #000 solid;	
	border-right: 2px #000 solid;
	padding:7px 15px 8px 15px;
	margin-left:12px;
	margin-right:12px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
}

#navigation li a#onlink{
	background-color:#668033;
	padding:7px 22px 7px 22px;
	border-bottom:4px #668033 solid;
	margin-left:9px;
	margin-right:9px;
	font-size:15px;
}

#navigation li a#onlink:hover{
	color:#FFFF00;
}

#navigation a:hover {
	background-color:#999;
	color:#FFFF00;
}

#teter {
	color: #FFFFFF;
	background-color: #668033;
	background-image: url(../styleImages/backgrounds/boxTitleBg.gif);
	height: 20px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-left: 5px;
}

a.login:link, a.login:visited,a.login:active  {
	color: #0000CC;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.login:hover  {
	color: #cc0000;
}
a.register:link, a.register:visited,a.register:active  {
	color: BLACK;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.forgotInfo:link, a.forgotInfo:visited,a.forgotInfo:active  {
	color: #0000CC;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a.forgotInfo:hover  {
	color: #cc0000;
}

a.navBoxMain:link, a.navBoxMain:visited,a.navBoxMain:active  {
	color: #0000CC;
	text-decoration: none;
}
a.navBoxMain:hover {
	color: #003300;
}

a.blue:link, a.blue:visited,a.blue:active  {
	color: #0000CC;
	text-decoration: none;
}
a.blue:hover {
	color: #003300;
}

a.black:link, a.black:visited,a.black:active  {
	color: black;
	text-decoration: none;
}
a.black:hover {
	color: blue;
}
a.black_inactive:link, a.black_inactive:visited,a.black_inactive:active  {
	color: black;
	text-decoration: none;
	cursor: default;
}

a.white:link, a.white:visited,a.white:active  {
	color: white;
	text-decoration: none;
}
a.white:hover {
	color: blue;
}

a.button1on:visited, a.button1on:link , a.button1on:active {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding:5px;
	background:#ffff6d;
	width:300px;
	border-radius:15px;
	text-align: center;
}
a.button1on:hover {
	border:2px solid #000000;
	background-color:#999;
	color:#FFFF33;
}

a.button1off:visited, a.button1off:link , a.button1off:active {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding:5px;
	width:300px;
	border-radius:15px;
	text-align: center;
}
a.button1off:hover {
	background-color:#999;
	color:#FFFF33;
}

a.button2on:link , a.button2on:active , input.button2on{
	background:#FFFF80;	/*CCFF99*/
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.button2on:visited{
	background:#FFFF80;	/*CCFF99*/
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a.button2on:hover, input.button2on:hover{
	background-color:#999;
	color:#FFFF33;
}

a.button2off:visited, a.button2off:link , a.button2off:active , input.button2off{
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a.button2off:hover, input.button2off:hover{
	background-color:#999;
	color:#FFFF33;
}

a.button2on_inactive:visited, a.button2on_inactive:link , a.button2on_inactive:active {
	background:#D6EBFF;
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor: default;
}
a.button2off_inactive:visited, a.button2off_inactive:link , a.button2off_inactive:active {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor: default;
}
/**************************************************/
/* START - Button for selecting multiple students */
a.button_txt_14:visited, a.button_txt_14:link , a.button_txt_14:active, input.button_txt_14 {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background:#FFFF80;
	width:300px;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.button_txt_14:visited {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background:#FFFF80;
	width:300px;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.button_txt_14:hover {
	border:2px solid #000000;
	background-color:#999;
	color:#FFFF33;
}
/* END - Button for selecting multiple students */
/**************************************************/

a.button3:visited, a.button3:link , a.button3:active, input.button3 {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background:#FFFF80;
	width:300px;
	border-radius:15px;
	text-align: center;
}
a.button3:visited {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background:#FFFF80;
	width:300px;
	border-radius:15px;
	text-align: center;
}
a.button3:hover {
	border:2px solid #000000;
	background-color:#999;
	color:#FFFF33;
}
a.button3_inactive:visited, a.button3_inactive:link , a.button3_inactive:active, input.button3_inactive {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background:#D6EBFF;
	width:300px;
	border-radius:15px;
	text-align: center;
	cursor: default;
}

a.button4:visited, a.button4:link , a.button4:active, input.button4 {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background:#F0FFFF;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.button4:hover {
	border:2px solid #000000;
	background-color:#999;
	color:#FFFF33; 
}
a.button4on:link , a.button4on:active, input.button4on {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background:#ffff6d;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.button4on:visited {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background:#ffff6d;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.button4on:hover {
	border:2px solid #000000;
	background-color:#999;
	color:#FFFF33;
}

a.button5:visited, a.button5:link , a.button5:active, input.button5 {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background:#F0FFFF;
	border-radius:15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a.button5:hover {
	border:2px solid #000000;
	background-color:#999;
	color:#FFFF33; 
}

/********************** navigation bar **********************/
/********* on bar *********/
a.navbar_on:link , a.navbar_on:active, input.navbar_on{
	background:#FFFF80;
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	border-radius:15px;
	text-align: center;
}

a.navbar_on:visited	{
	background:#FFFF80;
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	border-radius:15px;
	text-align: center;
}
a.navbar_on:hover, input.navbar_on:hover{
	background-color:#999;
	color:#FFFF33;
}
/********* off bar *********/
a.navbar_off:visited, a.navbar_off:link , a.navbar_off:active {
	color: white;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	text-align: center;
}
a.navbar_off:hover, input.navbar_off:hover{
	background-color:#999;
	color:white;
}

/********************** link bar **********************/
a.note1on:link , a.note1on:active, input.note1on{
	background:#FFFF80;
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	border-radius:15px;
	text-align: center;
}

a.note1on:visited	{
	background:#FFFF80;
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	border-radius:15px;
	text-align: center;
}
a.note1on:hover, input.note1on:hover{
	background-color:#999;
	color:#FFFF33;
}

a.note1on_inactive:visited, a.note1on_inactive:link , a.note1on_inactive:active {
	background:#D6EBFF;
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	text-align: center;
	cursor: default;
}

a.note1off:visited, a.note1off:link , a.note1off:active {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	text-align: center;
}
a.note1off:hover, input.note1off:hover{
	background-color:#999;
	color:#FFFF33;
}
a.note1off_inactive:visited, a.note1off_inactive:link , a.note1off_inactive:active {
	color: #000000;
	text-decoration:none;
	border:1px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	text-align: center;
	cursor: default;
}

/* Toggle Switch */
.onoffswitch {
    position: relative; width: 78px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 6px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 12px; padding: 0; line-height: 12px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 9px;
    background-color: #3B34C1; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 9px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 9px; margin: 1.5px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 6px;
    position: absolute; top: 0; bottom: 0; right: 62px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}