<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
	html{
		background-color:#373636;
	}

	body{
		background-color:#373636;
		height:900px;
		overflow:scroll;
	}
	h1{
		
	}
	h2{

	}
	#container{
		position:relative;
		display:block;
		width:1100px;
		height:900px;
		border:none;
		background-image: url('images/background_large.png');
		box-shadow: 0 -100px 20px 25px #262626;
		margin: 0 auto;
		margin-top:-1%;
		margin-bottom:0%;
		padding-left:30px;
		padding-right:30px;
		padding-bottom:30px;
		padding-top:30px;
		z-index:0;
	}	
	#big_calendar_background{
		position:relative;
		width:1160px;
		height:960px;
		border:none;
		box-shadow: 0 0px 20px 25px #262626;
		background-image: url('images/background_large.png');
		margin: 0 auto;
		margin-top:-1%;
		margin-bottom:0%;
		z-index:0;
	}
	img#logo{
		position:absolute;
		width:5%;
		height:6%;
		left:5px;
		top:5px;
		z-index:0;
	}
	#tab_box{
		position:absolute;
		display:block;
		left:0px;
		width:100%;
		padding:none;
		border:none;
	}
	button#tab_red{
		position:relative;
		float:right;
		width:490px;
		height:60px;
		margin:0px;
		margin-right:-15px;
		border:none;
		padding-bottom:0px;
		background:none;
		background-image:url('images/tab_red_sprite.png');
		background-repeat:no-repeat;
		background-position:0px -2px;
		z-index:2;
	}
	button#tab_red:hover, button#tab_red:active, button#tab_red.focus{
		background-position:0px -62px;
	}
	button#tab_blue{
		position:relative;
		float:right;
		height:60px;
		width:490px;
		margin:0px;
		border:none;
		padding-bottom:0px;
		background:none;
		background-image:url('images/tab_blue_sprite.png');
		background-repeat:no-repeat;
		background-position:0px -2px;
		z-index:4;
	}
	button#tab_blue:hover, button#tab_blue:active, button#tab_blue.focus{
		background-position:0px -62px;
	}
	button#tab_yellow{
		position:relative;
		float:right;
		height:56px;
		width:200px;
		margin:0px;
		margin-right:-15px;
		border:none;
		padding-bottom:0px;
		background:none;
		background-image:url('images/tab_yellow_sprite.png');
		background-repeat:no-repeat;
		background-position:0px -1px;
		z-index:3;
	}
	button#tab_yellow:hover, button#tab_yellow:active, button#tab_yellow.focus{
		background-position:0px -61px;
	}
	hr.tab_line{
		border:none;
		background-color:#373636;
		height:3px;
		margin-bottom:2%;
	}
	
	
/*--PROFILE MICROSCOPE--*/	
	#microscope{
		position:relative;
		width:29%;
		height:65%;
		padding-top:10px;
		padding-left:10px;
		margin-right:30px;
		margin-bottom:30px;
		margin-top:90px;
		float:left;
		background-color:#FFFDED;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-radius:15px;
	}
	span.microscope_title{
		position:relative;
		display:inline-block;
		width:90%;
		margin-top:0%;
		border:none;
		background:none;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:24pt;
		text-align:center;
		color:#333333;
	}
	p.microscope{
		position:relative;
		display:none;
		margin-top:80%;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:16pt;
		text-align:left;
		color:#333333;
	}
	p#default.microscope{
		display:inline-block;
	}
	span#microscope_due{
		color:#333333;
		font-size:13pt;
	}
	span#microscope_class{
		color:#333333;
		font-size:13pt;
	}
	span#microscope_reading{
		color:#333333;
		font-size:13pt;
	}
	span.microscope_notes{
		color:#333333;
		font-size:13pt;
	}
	span.microscope_ping{
		position:relative;
		display:inline-block;
		margin-top:5%;
		color:#999999;
	}
	a.microscope_title{
		position:relative;
		width:100%;
		margin-top:0%;
		margin-right:30px;
		border:none;
		background:none;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:24pt;
		text-align:left;
		color:#333333;
	}	
	span#microscope{
		position:relative;
		width:100%;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:14pt;
		text-align:left;
		color:#999999;
		margin-bottom:4.5%;
	}
	a.microscope:hover{
		color:#de7035;
	}
	a.microscope:active{
		color:#de7035;
	}
	
	a#default.microscope{
	}
/*--PROFILE CLOCK--*/	
	#profile_clock{
		position:absolute;
		width:275px;
		height:200px;
		top:12%;
		left:5%;
		padding:0px;
		padding-left:27px;
		padding-top:0px;
		border:none;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:42pt;
		text-align:center;
		color:#333333;
		background-color:none;
		background-image:url('images/clock_empty.png');
		background-repeat:no-repeat;
		background-position: center;
		z-index:4;
	}
	img#time_left{
		position:relative;
		border:none;
		margin:0;
		background-color:none;
	}
	#profile_clock_hour{
		position:relative;
		border:none;
		height:200px;
		width:170px;
		padding:0px;
		margin:0 auto;
		background-image:url('images/clock_big_hand.png');
		background-repeat:no-repeat;
		background-position:center top;
		z-index:5;
		pointer-events:none;
	}
	#profile_clock_second{
		position:relative;
		border:none;
		height:160px;
		width:157px;
		padding:0px;
		float:right
		margin-top:-250px;
		background-image:url('images/clock_second_hand.png');
		background-repeat:no-repeat;
		background-position:center right;
		z-index:7;
		pointer-events:none;
	}
	#profile_clock_min{
		position:relative;
		border:none;
		height:200px;
		width:124px;
		padding:0px;
		margin:0 auto;
		margin-top:-200px;
		background-image:url('images/clock_min_hand.png');
		background-repeat:no-repeat;
		background-position:left top;
		z-index:5;
		pointer-events:none;
	}
/*--PROFILE UPCOMING ASSIGNMENTS--*/
	#assignment_nav{
		position:relative;
		width:35%;
		height:45%;
		float:left;
		margin-left:0px;
		margin-top:90px;
		background-color:#FFFDED;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-radius:15px;
		padding-left:10px;
		padding-top:0px;
		overflow:scroll;
		z-index:1;
	}
	ul#profile_upcoming{
		list-style-position:outside;
		list-style-type:disc;
	}
	li.profile_upcoming{
		position:relative;
		width:100%;
		float:left;
		cursor:pointer;
	}
	li.profile_upcoming{
		margin-top:6%;
	}
	li.profile_upcoming{
		margin-top:6%;
	}
	span.profile_upcoming{
		position:relative;
		display:block;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:14pt;
		color:#999999;
		border-color:#FFFDED;
		cursor:pointer;
		border-style:solid;
		border-width:1px;
		border-radius:5px;
	} 
	span.profile_upcoming:hover{
		color:#ED1C24;
	}
	span.profile_upcoming.focus{
		color:#ED1C24;
	}	
/*--PROFILE CALENDAR WEEK--*/
	#week_calendar{
		position:relative;
		width:66.5%;
		height:37.8%;
		float:left;
		margin-top:3%;
		margin-left:0px;
		padding-left:10px:
		padding-top:10px;
		background-color:#FFFDED;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-radius:15px;
		overflow:hidden;
		z-index:1;
	}
	span#calendar_title{
		position:relative;
		width:100%;
		display:inline-block;
		margin-top:2px;
		margin-left:10px;
		margin-bottom:0px;
		padding:none;
		width:100%;
		border:none;
		background:none;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:28pt;
		text-align:left;
		color:#373636;
	}
	a#week_forward, a#month_forward{
		margin-left:20px;
	}
	a#week_backward, a#month_backward{
		margin-right:20px;
	}
	a#week_forward,a#week_backward{
		text-decoration:none;
		color:#999999;
	}
	a#week_forward:hover,a#week_backward:hover{
		color:#373636;
	}
	a#week_forward:active,a#week_backward:active{
		color:#373636;
	}
	span#schedule{
		position:relative;
		width:100%;
		display:inline-block;
		margin-left:45px;
		margin-top:0px;
		border:none;
		background:none;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:300;
		font-size:14pt;
		text-align:left;
		vertical-align:top;	
		line-height:1em;
		color:#999999;
	}
	span.week_calendar_year{
		position:relative;
	}
	table#week_calendar{
		position:relative;
		display:none;
		width:100%;
		empty-cells:show;
		border-collapse:collapse;
	}
	td,th{
		position:relative;
		height:5%;
		border-style:solid;
		border-width:3px;
		border-color:#333333;
		border-top:none;
		border-left:none;
		padding:0px;
	}
	table#week_calendar td{
		border-bottom:none;
	}
	table#week_calendar td.week_calendar_time{
		position:relative;
		width:10%;
		text-align:center;
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
		padding:0px;
	}
	button.due_dot{
		position:relative;
		display:inline-block;
		width:50%;
		float:right;
		margin:0px;
		padding:none;
		border:none;
		background-image:url('images/due_dot_small.png');
		background-repeat:no-repeat;
		background-position:0px -2px;
	}
	table#week_calendar td.due{
		background-color:#FFFDED;
		opacity:0.9;
		padding-top:0px;
		padding-bottom:0px;
		height:10%;
	}
	table#week_calendar td#today,table#month_calendar td#today{
		background-color:#999999;
	}
	table#week_calendar td.due.one{
		color:#333333;
		background-color:rgb(6,143,180);
	}
	table#week_calendar td.due.two{
		background-color:rgb(240,88,117);
	}
	table#week_calendar td.due.three{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	table#week_calendar td.one button.due_dot{
		color:#333333;
		background-color:rgb(6,143,180);
	}
	table#week_calendar td.two button.due_dot{
		background-color:rgb(240,88,117);
	}
	table#week_calendar td.three button.due_dot{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	table#week_calendar td.four button.due_dot{
		color:#333333;
		background-color:rgb(6,143,180);
	}
	table#week_calendar td.five button.due_dot{
		background-color:rgb(240,88,117);
	}
	table#week_calendar td.six button.due_dot{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	table#week_calendar td.seven button.due_dot{
		color:#333333;
		background-color:rgb(6,143,180);
	}
	table#week_calendar td.eight button.due_dot{
		background-color:rgb(240,88,117);
	}
	table#week_calendar td.nine button.due_dot{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	table#week_calendar td.ten button.due_dot{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	table#week_calendar td.empty{
		height:200px;
	}
	table#week_calendar th{
		padding-right:10px;
		background-color:#FFFDED;
		border-right:none;
		border-left:none;
		border-top:none;
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
	}
	span.mon_sun{
		text-align:center;
		font-weight:900;
	}
	table#week_calendar tr#week{
		height:10%;
	}
	table#week_calendar tr#week_day_numbers{
		height:5%;
		width:100%;
	}
	table#week_calendar td.day_number{
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:12pt;
		text-align:right;
		padding:0px;
		padding-right:5px;
	}
	table#week_calendar td.working{
		padding-left:20px;
		padding-right:20px;
	}
	table#week_calendar td.one{
		background-color:rgb(6,143,180);
	}
	table#week_calendar td.two{
		background-color:rgb(240,88,117);
	}
	table#week_calendar td.three{
		background-color:rgb(255,189,89);
	}
	table#week_calendar td.four{
		background-color:rgb(6,143,180);
	}
	table#week_calendar td.five{
		background-color:rgb(240,88,117);
	}
	table#week_calendar td.six{
		background-color:rgb(255,189,89);
	}
	table#week_calendar td.seven{
		background-color:rgb(6,143,180);
	}
	table#week_calendar td.eight{
		background-color:rgb(240,88,117);
	}
	table#week_calendar td.nine{
		background-color:rgb(255,189,89);
	}
	table#week_calendar td.ten{
		background-color:rgb(255,189,89);
	}
	table#week_calendar td.day{
		background-color:#FFFDED;
		padding:0px;
	}
	td.last{
		border:none;
	}
	button.week_calendar_working_button{
		position:relative;
		width:100%;
		height:10%;
		margin-top:0%;
		background-color:none;
		border:none;
	}
	button.week_calendar_due_button{
		position:relative;
		width:100%;
		height:10%;
		margin-top:0%;
		background-color:none;
		border:none;
	}
	button#expand_calendar{
		position:relative;
		float:right;
		display:inline-block;
		padding:0px;
		background:none;
		border:none;
		color:#373636;
		text-align:right;
		margin-top:0%;
		margin-right:20px;
		font-size:32pt;
	}
/*--PROFILE CALENDAR MONTH--*/		
	table#month_calendar{		
		position:relative;
		width:100%;
		height:80%;
		border-collapse:collapse;
	}
	span#month_calendar_title{
		position:relative;
		display:none;
		width:100%;
		display:inline-block;
		margin-top:2px;
		margin-left:10px;
		width:100%;
		border:none;
		background:none;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:28pt;
		text-align:left;
		color:#373636;
	}
	table#month_calendar td, th{		
		position:relative;
		border-style:solid;
		border-width:3px;
		border-color:#333333;
		border-right:none;
		border:bottom:none;
		padding:0px;
	}	
	table#month_calendar tr{		
		position:relative;
		height:14%;
		border:none;
	}	
	table#month_calendar td.day{
		padding:0px;
		border-top:none;
		margin:0px;
		vertical-align:top;
	}
	table#month_calendar td.due{
		background-color:#FFFDED;
		opacity:0.9;
	}
	table#month_calendar td.due.one{
		color:#333333;
		background-color:rgb(6,143,180);
	}
	table#month_calendar td.due.two{
		color:#333333;
		background-color:rgb(240,88,117);
	}
	table#month_calendar td.due.three{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	table#month_calendar td.due.four{
		color:#333333;
		background-color:rgb(6,143,180);
	}
	table#month_calendar td.due.five{
		color:#333333;
		background-color:rgb(240,88,117);
	}
	table#month_calendar td.due.six{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	table#month_calendar td.empty{
	}
	table#month_calendar th{
		border:none;
		padding:0px;
		background-color:#FFFDED;
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
	}
	table#month_calendar tr#week{
	}
	table#month_calendar tr.day_numbers{
		position:relative;
		height:2%;
		width:100%;
		padding:0px;
		border:none;
	}
	table#month_calendar td.day_number{
		width:14.29%;
		padding:0px;
		margin:0px;
		border-bottom:none;
	}
	button.month_calendar_due{
		position:relative;
		width:100%;
		display:inline-block;
		padding:none;
		margin:0px;
		border:none;
		color:#333333;
		background-color:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:300;
		font-size:12pt;
		text-align:right;
	}
	table#month_calendar button.one{
		color:#333333;
		background-color:rgb(6,143,180);
	}
	table#month_calendar button.two{
		background-color:rgb(240,88,117);
	}
	table#month_calendar button.three{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	table#month_calendar button.four{
		color:#333333;
		background-color:rgb(6,143,180);
	}
	table#month_calendar button.five{
		background-color:rgb(240,88,117);
	}
	table#month_calendar button.six{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	table#month_calendar button.seven{
		color:#333333;
		background-color:rgb(6,143,180);
	}
	table#month_calendar button.eight{
		background-color:rgb(240,88,117);
	}
	button.nine{
		color:#333333;
		background-color:rgb(255,189,89);
	}
	button.month_calendar_working{
		position:relative;
		width:100%;
		display:inline-block;
		padding:none;
		margin:0px;
		border:none;
		background-color:rgb(6,143,180);
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:300;
		font-size:12pt;
		text-align:right;
	}
	table#month_calendar span.day_numbers{
		position:relative;
		margin-right:5px;
		text-align:right;
		float:right;
		padding:0px;
		margin-top:0px;
		margin-left:0px;
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:12pt;
	}
	table#month_calendar tr#week_days{
		posistion:relative;
		width:100%;
		height:2%;
		border:none;
		padding:0px;
		margin:0px;
	}
	tr#week_days td{
		padding:0px;
		margin:0px;
	}
	span#expand{	
	}
	span#contract{
		display:none;
	}
	.no_show{
		display:none;
	}
	span#month_date{
		display:none;
	}
/*----------MAIN NAV [notes]----------*/
	#notes_nav{
		position:relative;
		width:5%;
		height:40%;
		float:right;
		margin-top:90px;
		border:none;
		z-index:0;
	}
	#archive.notes_nav{
		font-size:14pt;
	}
	#archive_notes_nav{
		position:relative;
		width:15%;
		height:40%;
		float:right;
		margin-top:30px;
		border:none;
		z-index:0;
	}
	a.notes_nav,button.notes_nav{
		position:relative;
		float:right;
		width:100%;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:24pt;
		color:#FFFDED;
		text-align:right;
		text-decoration:none;
		border:0;
		background:none;
		cursor:pointer;
	}
	a.notes_nav:hover,a.notes_nav:active,a.notes_nav.focus{
		color:#333333;
	}
	a.notes_nav{
		margin-right:5px;
	}
	button.notes_nav:hover,button.notes_nav:active,button.notes_nav.focus{
		color:#333333;
	}
/*----------ARCHIVE [notes]----------*/
	#note_name_holder{
		position:relative;
		width:100%;
		height:93%;
		float:left;
		margin-right:none;
		margin-bottom:30px;
		margin-top:90px;
		border:none;
		background:none;
		overflow-x:hidden;
		overflow-y:scroll;
		z-index:0;
	}
	button.archive_note{
		position:relative;
		width:207px;
		height:200px;
		float:left;
		margin-left:10px;
		margin-top:10px;
		background-color:#FFFDED;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-radius:15px;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:24pt;
		color:#999999;
		text-align:center;
		text-decoration:none;
	}
	button.archive_note:hover,button.archive_note:active,button.archive_note.focus{
		color:#333333;
		border-color:#333333;
	}
	span.archive_note_date{
		display:inline-block;
		float:left;
		width:100%;
		font-size:14pt;
	}
	span#plus_note{
		display:inline-block;
		float:left;
		width:100%;
		font-size:49pt;
	}
/*----------TAKING NOTES [notes]----------*/
	#note_main{
		position:relative;
		width:69%;
		height:70%;
		float:left;
		margin-right:none;
		margin-bottom:30px;
		margin-top:90px;
		border:none;
		background:none;
		z-index:0;
		pointer-events:all;
	}
	textarea#note{
		position:relative;
		width:92%;
		height:87.5%;
		padding-left:10px;
		padding-right:10px;
		margin-top:-1px;
		float:left;
		background-color:#FFFDED;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-bottom-left-radius:15px;
		border-bottom-right-radius:15px;
		border-top:none;
		outline:none;
		resize:none;
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:18pt;
		z-index:2;
	}
	textarea#note_topic{
		position:relative;
		width:92%;
		height:11%;
		padding-left:10px;
		padding-right:10px;
		float:left;
		background:none;
		background-color:#FFFDED;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		border-bottom:none;
		outline:none;
		resize:none;
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:32pt;
		z-index:2;
	}
	#preview{
		position:absolute;
		width:69%;
		height:70%;
		left:20%;
		top:10%;
		border:none;
		background:none;
		z-index:3;
	}
	p#topic_preview{
		position:relative;
		width:92%;
		height:11%;
		padding-left:10px;
		padding-right:10px;
		float:left;
		background:none;
		background-color:#333333;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		border-bottom:none;
		outline:none;
		resize:none;
		color:#FFFFFF;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:32pt;
		opacity:0.0;
	}
	p#note_preview{
		position:relative;
		width:92%;
		height:87.5%;
		padding-left:10px;
		padding-right:10px;
		margin-top:-1px;
		float:left;
		background-color:#333333;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-bottom-left-radius:15px;
		border-bottom-right-radius:15px;
		border-top:none;
		outline:none;
		resize:none;
		color:#FFFFFF;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:18pt;
		opacity:0.0;
	}
	#element_holder{
		position:relative;
		width:100%;
		height:auto;
		float:left;
		margin-top:0px;
		border:none;
		z-index:3;
	}
	#note_holder{
		position:relative;
		width:85%;
		height:auto;
		float:left;
		margin-top:23px;
		border-style:solid;
		border-width:2px;
		border-color:#333333;
		border-left:none;
		border-right:none;
		border-bottom:none;
	}
	button.note_element{
		position:relative;
		width:10px;
		height:15px;
		margin-top:-8px;
		border-style:solid;
		border-width:1px;
		border-radius:100%;
		border-color:#333333;
		background-color:#333333;
		text-align:center;
		vertical-align:top;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
		cursor:pointer;
	}
	button.note_element.first{
		float:left;
	}
	button.note_element.last{
		float:right;
	}
	button.note_element.focus{
		border-color:rgba(204,255,255,0.6);
		background-color:rgba(204,255,255,1.0);	
		-moz-box-shadow:0 0 5px 2px rgba(204,255,255,0.7);
		-webkit-box-shadow:0 0 5px 2px rgba(204,255,255,0.7);
		box-shadow:0 0 5px 2px rgba(204,255,255,0.7);
		cursor:default;
	}
	button#expand_notes.note_element{
		float:left;
		margin-left:1%;
		margin-right:2%;
		margin-top:17px;
		background-color:#FFFDED;
		border-color:#FFFDED;
		cursor:pointer;
	}
	ul#expanded_note{
		position:relative;
		height:10px;
		width:53.3%;
		padding-left:1%;
		padding-right:1%;
		float:left;
		margin-left:3.75%;
		margin-top:2px;
		border-style:solid;
		border-width:2px;
		border-color:#333333;
		border-top:none;
		border-right:none;
		background:none;
		overflow:scroll;
	}
	h.expanded_note{
		position:relative;
		width:100%;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:18pt;
	}
	p.expanded_note{
		position:relative;
		width:100%;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
	}
	p.expanded_note.red{
		color:rgb(240,88,117)
	}
	p.expanded_note.blue{
		color:rgb(6,143,180);
	}
	p.expanded_note.yellow{
		color:rgb(255,189,89);
	}
	p.expanded_note.black{
		color:#333333;
	}
	h.expanded_note.red{
		color:rgb(240,88,117)		
	}
	h.expanded_note.blue{
		color:rgb(6,143,180);
	}
	h.expanded_note.yellow{
		color:rgb(255,189,89);
	}
	h.expanded_note.black{
		color:#333333;
	}
	li.expanded_button{
		position:relative;
		width:100%;
		height:auto;
		margin-top:2%;
		border-style:solid;
		border-width:1px;
		border-radius:5px;
		border-color:#FFFDED;
		background-color:#FFFDED;
		text-align:left;
		cursor:pointer;
	}
	li.expanded_button:hover{}
	li.expanded_button:active{
		-moz-box-shadow:-5px 0 10px 5px #333333;
		-webkit-box-shadow:-5px 0 10px 5px #333333;
		box-shadow:-5px 0 10px 5px #333333;
	}
	button#forward,button#back{
		position:absolute;
		display:none;
		color:#FFFDED;
		font-size:20pt;
	}
	button#plus.note_element{
		font-size:20pt;
		float:left;
		margin-left:2%;
		margin-top:17px;
		background-color:#FFFDED;
		border-color:#FFFDED;
		cursor:pointer;
	}
	button#forward.note_element{
		left:70%;
		top:75%;
	}
	button#back.note_element{
		left:8.1%;
		top:75%;
	}
	button#note_el_delete{
		position:absolute;
		width:60px;
		height:60px;
		right:36%;
		top:130px;
		background:none;
		border-radius:7px;
		border-style:solid;
		border-width:4px;
		border-color:#333333;
		font-size:28pt;
		align:center;
		opacity:0.1;
		z-index:1;	
		cursor:pointer;	
	}
	button#note_el_delete:hover{
		opacity:0.6;
	}
/*----------NOTE COLORS [notes]----------*/
	#note_colors{
		position:relative;
		width:4%;
		height:30%;
		float:left;
		margin-top:25%;
		background:none;
		border:none;
		z-index:1;
	}
	button.note_colors{
		position:relative;
		width:50%;
		height:25%;
		float:left;
		margin-right:40%;
		margin-top:0px;
		border-style:solid;
		border-width:1px;
		border-radius:3px;
		border-top-left-radius:0px;
		border-bottom-left-radius:0px;
		border-left:none;
		opacity:0.5;
		cursor:pointer;	
	}
	button.note_colors:hover,button.note_colors.focus{
		opacity:1.0
	}
	button#one.note_colors{
		margin-top:0px;
		border-style:solid;
		border-width:1px;
		border-color:rgb(6,143,180);
		background-color:rgb(6,143,180);
		z-index:5;
	}
	button#two.note_colors{
		background-color:rgb(240,88,117);
		border-color:rgb(240,88,117);
		z-index:4;
	}
	button#three.note_colors{
		background-color:rgb(255,189,89);
		border-color:rgb(255,189,89);
		z-index:3;
	}
	button#four.note_colors{
		background-color:#333333;
		border-color:#333333;
		z-index:2;
	}
	button#five.note_colors{
		background-color:rgb(240,88,117);
		border-color:rgb(240,88,117);
		margin:none;
		z-index:1;
	}
/*----------FLASH CARDS [notes]----------*/
	input#notes_flashcards_tab{
		position:relative;
		width:4%;
		height:82px;
		float:left;
		margin-top:5%;
		margin-left:-2%;
		background-color:#333333;
		border-style:solid;
		border-width:1px;
		border-color:#333333;
		border-radius:5px;
		border-left:none;
		opacity:0.9;
		z-index:0;	
		cursor:pointer;	
	}
	#flash_card_holder{
		position:relative;
		display:inline;
		float:right;
		width:25%;
		height:58%;
		margin-top:17.8%;
		right:35%;
		border:none;
		overflow-y:scroll;
		overflow:hidden;
		z-index:-1;
	}
	ul#note_flash_cards{
		position:relative;
		list-style:none;
		width:100%;
		margin-left:-15%;
		margin-top:0%;
		
	}	
	li.flash_card{
		position:relative;
		margin:0;
		width:95%;
		float:left;
	}	
	li.flash_card.question{
	}
	li.flash_card.answer{
	}	
	.clear{
		clear:both;   
	}	
	#note_flash_cards{
		position:relative;
		display:inline-block;
		width:104.5%;
		min-height:98%;
		height:auto;
		float:left;
		margin-top:none;
		overflow:scroll;
		border:none;
		z-index:-1;
	}
	button.notes_set_name{
		position:relative;
		display:inline-block;
		width:100%;
		text-align:left;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:18pt;
		line-height:1em;
		vertical-align:center;
		color:#333333;
		background:none;
		border-style:solid;
		border:none;
		cursor:pointer;
	}
	span#notes_set_name{
		display:inline-block;
		float:left;
	}
	span#name_arrow{
		display:inline-block;
		float:left;
		margin-left:10px;
	}
	textarea.notecard.question{
		position:relative;
		display:inline-block;
		width:46%;
		height:70px;
		float:left;
		margin-top:8px;
		text-align:justified;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
		color:#000000;
		background-color:rgba(255,253,237,0.5);
		border-style:solid;
		border-width:2px;
		border-radius:5px;
		border-color:rgba(255,253,237,0.5);
		outline:none;
		resize:none;
		cursor:pointer;
	}
	textarea.notecard.answer{
		position:relative;
		display:inline-block;
		width:46%;
		height:70px;
		float:right;
		margin-top:8px;
		text-align:left;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
		color:#333333;
		background-color:rgba(199,201,201,0.5);
		border-style:solid;
		border-width:2px;
		border-radius:5px;
		border-color:rgba(199,201,201,0.5);
		outline:none;
		resize:none;
		cursor:pointer;
	}
	textarea.notecard.question.focus{
		background-color:rgba(255,253,237,1.0);
		border-color:rgba(255,253,237,1.0);
		-moz-box-shadow:-5px 0 10px 5px #333333;
		-webkit-box-shadow:-5px 0 10px 5px #333333;
		box-shadow:-5px 0 10px 5px #333333;
	}
	textarea.notecard.answer.focus{
		background-color:rgba(199,201,201,1.0);
		border-color:rgba(199,201,201,1.0);
		-moz-box-shadow:-5px 0 10px 5px #333333;
		-webkit-box-shadow:-5px 0 10px 5px #333333;
		box-shadow:-5px 0 10px 5px #333333;
	}
	textarea.newnotecard.question{
		position:relative;
		display:none;
		width:44%;
		height:70px;
		float:left;
		margin-top:8px;
		text-align:justified;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
		color:#333333;
		background-color:rgba(255,253,237,0.5);
		border-style:solid;
		border-width:2px;
		border-radius:5px;
		border-color:rgba(255,253,237,0.5);
		outline:none;
		resize:none;
	}
	textarea.newnotecard.answer{
		position:relative;
		display:none;
		width:23%;
		height:70px;
		float:right;
		margin-top:8px;
		margin-right:5%;
		text-align:justified;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
		color:#333333;
		background-color:rgba(199,201,201,0.3);
		border-style:solid;
		border-width:2px;
		border-radius:5px;
		border-color:#c7c9c9;
		outline:none;
		resize:none;
	}
	textarea.newnotecard.answer.shown, textarea.newnotecard.question.shown{
		display:inline-block;
	}
	button.plus_minus{
		width:49%;
		height:78px;
		position:absolute;
		display:inline-block;
		right:0px;
		padding:0px;
		font-family:'Open Sans Condensed', sans-serif;
		font-size:43pt;
		color:#FFFDED;
		background:none;
		border-style:solid;
		border-width:2px;
		border-radius:5px;
		border-color:#c7c9c9;
		outline:none;
		z-index:4;
	}
	span.plus_flashcard{
		position:relative;
		display:none;
		width:100%;
		height:100%;
		vertical-align:top;
	}
	button.plus_flashcard:hover{
		color:#373636;
		border-color:#373636;
	}
	button.plus_flashcard:active{
		color:#373636;
		border-color:#373636;
	}
	button.plus_flashcard_submit:hover{
		color:#373636;
		border-color:#373636;
	}
	button.plus_flashcard_submit:active{
		color:#373636;
		border-color:#373636;
	}
	ul#notes_set_picker{
		width:15%;
		position:absolute;
		display:none;
		right:-16%;
		top:110px;
		border:none;
		padding-top:9px;
	}
	li.flashcard_name{
		font-family:'Open Sans Condensed', sans-serif;
		font-size:18pt;
		color:#999999;
		background:none;
		text-decoration:none;
		text-align:left;
		line-height:1em;
		vertical-align:center;
		margin-bottom:10px;
		text-indent:10px;
		border:none;
		list-style-type:none;
		float:right;
		cursor:pointer;
	}
	li.flashcard_name:hover{
		color:#FFFDED;
	}
	li.flashcard_name.focus{
		color:#FFFDED;
	}
/*----------CREATING FLASH CARDS [flash cards]----------*/
	#flash_card_archive{
		position:relative;
		width:25%;
		height:60%;
		float:left;
		margin-top:90px;
		border-width:1px;
		border-style:solid;
		border-color:#FFFDED;
		background-color:#FFFDED;
		border-radius:15px;
		z-index:0;
	}
	#flashcard_main{
		position:relative;
		width:43.5%;
		height:63.5%;
		float:left;
		margin-left:30px;
		margin-top:90px;
		border:none;
		background:none;
		z-index:0;
	}
	#flash_card_detail{
		position:relative;
		width:25%;
		height:23%;
		padding-top:5%;
		padding-bottom:0%;
		float:right;
		margin-top:90px;
		border-width:1px;
		border-style:solid;
		border-color:#FFFDED;
		background-color:none;
		border-radius:15px;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:72pt;
		color:#333333;
		text-align:center;
		z-index:0;
	}
	span#unattempted_percent{
		color:#333333;
	}
	span#red_percent{
		color:red;
	}
	span#green_percent{
		color:green;
	}
	#flash_card_method{
		position:relative;
		display:inline;
		width:22%;
		height:15%;
		float:right;
		margin-top:-90px;
		background:none;
		border:none;
		outline:none;
	}
	a.flash_card_method{
		margin-right:50px;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:18pt;
		color:#FFFDED;
		text-decoration:none;
		cursor:pointer;
	}
	a.flash_card_method:hover,a.flash_card_method:active{
		color:#333333;
	}
	#flash_card_list{
		position:relative;
		width:25%;
		height:51%;
		float:right;
		margin-top:13px;
		border:none;
		background-color:none;
		border-radius:15px;
		overflow:scroll;
		z-index:0;
	}
	a.flash_card_list{
		position:relative;
		display:inline-block;
		width:46.2%;
		padding-right:1%;
		height:78px;
		margin-left:26.4%;
		margin-bottom:10px;
		margin-top:0px;
		text-align:right;
		font-family:'Open Sans Condensed', sans-serif;
		font-size:18pt;
		color:#FFFDED;
		background:none;
		border-style:solid;
		border-width:2px;
		border-radius:5px;
		border-color:#c7c9c9;
		outline:none;
		z-index:4;
		cursor:pointer;
	}
	a.flash_card_list:hover,a.flash_card_list:active,a.flash_card_list.focus{
		color:#333333;
		border-color:#333333;
	}
	#flash_card_readings{
		position:relative;
		width:72%;
		height:15%;
		float:left;
		margin-top:30px;
		border-width:1px;
		border-style:solid;
		border-color:#FFFDED;
		background-color:none;
		border-radius:15px;
		z-index:0;
	}
	textarea.flash_card.question{
		position:relative;
		width:100%;
		height:29.5%;
		padding-top:20%;
		padding-bottom:0%;
		margin-bottom:10px;
		float:left;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:28pt;
		text-align:center;
		vertical-align:middle;
		color:#333333;
		background-color:#FFFDED;
		border-style:solid;
		border-width:2px;
		border-radius:5px;
		border-color:#FFFDED;
		outline:none;
		resize:none;
	}
	textarea.flash_card.answer{
		position:relative;
		width:100%;
		height:29.5%;
		padding-top:20%;
		padding-bottom:0%;
		float:left;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:28pt;
		text-align:center;
		color:#333333;
		background-color:#c7c9c9;
		border-style:solid;
		border-width:2px;
		border-radius:5px;
		border-color:#c7c9c9;
		outline:none;
		resize:none;
	}
	textarea.flash_card.focus{
		border-color:#333333;
	}
	button#flash_card_flip{
		position:relative;
		width:100%;
		height:46%;
		padding-top:0%;
		padding-bottom:0%;
		float:left;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:28pt;
		text-align:center;
		color:#333333;
		background-color:#c7c9c9;
		border-style:solid;
		border-width:2px;
		border-radius:5px;
		border-color:#c7c9c9;
		outline:none;
		resize:none;
		cursor:pointer;
	}
	button.flash_card_next,button.flash_card_prev{
		position:relative;
		width:60px;
		height:40px;
		margin-top:10px;
		margin-right:-7px;
		float:right;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:10pt;
		color:#FFFDED;
		text-align:center;
		background:none;
		border-syle:solid;
		border-width:1px;
		border-color:#FFFDED;
		border-radius:5px;
	}
	button.flash_card_prev{
		float:left;
		font-size:12pt;
	}
	span.right_wrong{
		font-size:12pt;
	}
	button.flash_card_next:hover,button.flash_card_prev:hover,button.flash_card_next:active,button.flash_card_prev:active{
		border-color:#333333;
		color:#333333;
	}
	a.archive_set, a.flash_card_run{
		position:relative;
		width:100%;
		margin-left:10px;
		float:left;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:24pt;
		color:#999999;
		cursor:pointer;
	}
	a.flash_card_run{
		font-size:12pt;
	}
	a.flash_card_run:hover,a.flash_card_run:active,a.flash_card_run.focus{
		color:#333333;
	}
	span.archive_set_date{
		position:relative;
		width:100%;
		margin-left:10px;
		margin-bottom:30px;
		float:left;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
		color:#999999;
	}
	span.archive_set_date.focus{
		color:#333333;
	}
	a.archive_set:hover,a.archive_set:active,a.archive_set.focus{
		color:#333333;
	}
	#card_numbers{
		position:absolute;
		width:60%;
		height:5%;
		top:60%;
		margin-left:5%;
		border:none;
		z-index:3;
		overflow:hidden;
	}
	a.card_number{
		position:relative;
		float:left;
		width:45px;
		height:45px;
		margin-right:10px;
		border-style:solid;
		border-width:1px;
		border-color:#FFFDED;
		background:none;
		text-align:center;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:12pt;
		color:#FFFDED;
		border-radius:100%;
		cursor:pointer;
	}
	a.card_number.focus,a.card_number:hover,a.card_number:active{
		color:#333333;
		border-color:#333333;
	}
	span.flash_card_number{
		position:relative;
		display:inline-block;
		margin-top:10px;
	}
/*----------CLASSES----------*/
	ul#class_list{
		position:relative;
		width:10%;
		float:left;
		padding-left:0px;
		margin-left:0px;
		margin-top:90px;
		border:none;
		list-style-position:outside;
		list-style-type:disc;
	}
	li.classes_li{
		position:relative;
		float:left;
		padding-left:5px;
		padding-right:0px;
		margin-bottom:1px;
		cursor:pointer;
		position:relative;
		border-style:solid;
		border-width:1px;
		border-radius:5px;
		border-color:#333333;
		background-color:#333333;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:24pt;
		text-align:left;
		color:#999999;
		list-style-type:none;
	} 
	li.classes_li.hidden_tab{
		display:none;
	}
	li.classes_li:hover,li.classes_li:active{
		color:#FFFDED;
	}
	li.classes_li.focus{
		color:#FFFDED;
	}
	.classes_class_info{
		position:relative;
		width:25%;
		height:300px;
		display:none;
		float:right;
		padding-left:10px;
		margin-top:90px;
		border-style:solid;
		border-width:1px;
		border-color:#333333;
		border-radius:15px;
		background:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:18pt;
		text-align:left;
		color:#FFFDED;
	}
	.classes_class_info.focus{
		position:relative;
		display:inline-block;
	}
	button.classes_percent{
		position:relative;
		display:inline-block;
		float:left;
		width:100%;
		border:none;
		background:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:900;
		font-size:32pt;
		text-align:center;
		cursor:pointer;
	}
	button.classes_percent.grade_A{
		color:#033709;
	}
	button.classes_percent.grade_B{
		color:#040C55;
	}
	button.classes_percent.grade_C{
		color:#333333;
	}
	button.classes_percent.grade_D{
		color:#590505;
	}
	button.classes_percent.grade_F{
		color:#AA0909;
	}
	button.classes_percent.no_grade{
		color:#333333;
	}
	span.classes_class_abbr{
		position:relative;
		display:inline-block;
		float:left;
	}
	span.classes_class_num{
		position:relative;
		display:inline-block;
		float:left;
		margin-left:5px;
	}
	span.class_info_title{
		position:relative;
		width:30%;
		display:inline-block;
		float:left;
		color:#FFFDED;
	}
	a.class_info{
		position:relative;
		width:50%;
		float:right;
		text-align:left;
		text-decoration:none;
		cursor:pointer;
		margin-right:10px;
		margin-left:0px;
	}
	a.class_info.no_link{
		cursor:default;
	}
	a.class_info.no_link:hover,a.class_info.no_link:active{
		color:#FFFDED;
	}
	a.class_info:hover,a.class_info:active{
		color:#333333;
	}
	span.class_info_name{
		position:relative;
		width:100%;
		text-align:left;
		text-indent:10px;
		font-family:'Open Sans Condensed', sans-serif;
		font-size:18pt;
		font-weight:100;
	}
	button#classes_arrow{
		position:relative;
		float:left;
		display:inline-block;
		margin-left:10px;
		margin-top:98px;
		font-family:'Open Sans Condensed', sans-serif;
		font-size:18pt;
		background:none;
		border:none;
		color:#333333;
		cursor:pointer;
	}
	button#classes_arrow:hover,button#classes_arrow:active{
		color:#333333;
	}
	span.classes_li_name,span.classes_li_times,span.classes_li_days,span.classes_li_teacher{
		position:relative;
		display:inline-block;
		text-decoration:none;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:14pt;
		color:#999999;
		border-color:#FFFDED;
		cursor:pointer;
		border-style:solid;
		border-width:1px;
		border-radius:5px;
	}
	.classes_note_preview{
		position:relative;
		display:inline-block;
		width:100%;
		height:45%;
		margin-top:30px;
		float:left;
		border:none;
		pointer-events:none;
	}
	p.classes_note_topic{
		position:relative;
		width:50%;
		height:30%;
		margin:0 auto;
		background-color:#FFFDED;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		border-bottom:none;
		outline:none;
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:18pt;
		text-align:left;
		text-indent:10px;
	}
	p.classes_note_notes{
		position:relative;
		width:50%;
		height:68%;
		margin:0 auto;
		background-color:#FFFDED;
		border-style:solid;
		border-color:#e0e1df;
		border-width:1px;
		border-bottom-left-radius:15px;
		border-bottom-right-radius:15px;
		border-top:none;
		outline:none;
		color:#333333;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:100;
		font-size:18pt
		text-indent:10px;
	}
	a#classes_note{
		cursor:pointer;
		text-decoration:none;
		pointer-events:all;
	}
	span.classes_no_notes{
		position:relative;
		display:inline-block;
		width:100%;
		margin-top:8%;
		text-align:center;
	}
/*PLACEHOLDER TEXT*/
	textarea.notecard.question::-webkit-input-placeholder,textarea.notecard.answer::-webkit-input-placeholder{
		text-align:center;
		line-height:4em;
	}
	textarea.notecard.question::-moz-placeholder,textarea.notecard.answer::-moz-placeholder{
		text-align:center;
		line-height:4em;
	}
	textarea.notecard.question:-moz-placeholder,textarea.notecard.answer:-moz-placeholder{
		text-align:center;
		line-height:4em;
	}
</style>
</head>
<body>
</body>
</html>