/*----------------------------------------------------------------------------------------------
 NOTES:
 
 	use pixel for spacing that doesn't need to change with page-scaling

 ----------------------------------------------------------------------------------------------*/	
/*----------------------------------------------------------------------------------------------
 GENERAL STYLES
 ----------------------------------------------------------------------------------------------*/	

	body {
		background: #FFFFFF;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 80%;
		padding-left: 5px;
		padding-right: 5px;		
		min-width: 57em;		  	
	} 

	/* Hides from IE-mac \*/
	* html .floatholder {height: 1%;}
	/* End hide from IE-mac */

/*	
	#everythingContainer {
     margin:0px auto;
     padding:0px;
     text-align:left;
     width:799px;
	}
*/

	.redtext {
		color: red;
	}

	.pointer {
		cursor: pointer;
	}

	.bottom20px {
		margin-bottom: 20px;
	}	
	
	.bottom10px {
		margin-bottom: 10px;
	}		
	
	.greentext {
	  color: green;
	}
	
	td {
		font-size: 80%;
	}
	
	.alignright { text-align: right; }
	.aligntop   { vertical-align: top; }
	
	a:link,a:visited,a:active {
		color: #000099;
		text-decoration: underline;
	}

	pre {
		font-size: 1.1em;
	}

	a:hover{
		background-color: #336699;  
		color: #FFFFFF;
		text-decoration: none;
	}

	a#rss_feed {
		position: absolute;
		right: 5px;
		top: 2px;
	}

	.nomargin {
	  margin-top: 0;
		margin-bottom: 0;
	}
	
	a.badword {
		color: black;
		text-decoration: none;
	}	

	a.badword:hover {
		color: black;
		background-color: #FFFFFF;
	}	

	.grey {
		color: #999999;
	}

	span.link {
		cursor: pointer;
		text-decoration: underline;
		color: #000099;
	}
		
	.small_text {
		font-size: 0.8em;
	}
	
	.large_text {
	  font-size: 1.2em;
	}
	
	.padding {
		padding: 10px;
	}

	div.spacer {
		clear: left;
	}
	
	div.spacer_right {
		clear:right;
	}
	
	div.small_result_image {
		float: left;
		width: 75px;
		padding: 5px;
	}

	.relative {
		position: relative;
	}

	.absolute {
		position: absolute;
	}	

	.inline {
		display: inline;
	}
	
	.fillwindow {
		/*  hack for IE. will not respect container div boundaries for floating elements */
		width: 100%;
	}
	
	.bold { font-weight:bold; }
	.italic { font-style:italic; }
	
	.form_note {
		background-color: #FFFFCC;
		color: black;
		font-size: 90%;
		font-weight: bold;
		padding: 2px;
	}

	.displaynone {
		display:none;
	}

/*----------------------------------------------------------------------------------------------
 styles for color picker
 ----------------------------------------------------------------------------------------------*/

	.color_picker_swatch {
			border: 1px solid #0099FF;
		}
	.color_picker_swatch td {
			width: 10px;
			height: 10px;
			cursor: pointer;
		}

/*----------------------------------------------------------------------------------------------
 special character window
 ----------------------------------------------------------------------------------------------*/

	div#special_characters_window a:link,div#special_characters_window a:visited,div#special_characters_window a:active { 
		padding: 2px;
		margin: 2px; 
		text-decoration:none;
	}

/*----------------------------------------------------------------------------------------------
 styles for custom faux select box
 ----------------------------------------------------------------------------------------------*/
 	
	.faux_select {
			border: 1px solid #7B9EBD;
			width: 130;
			display: inline;
			font: icon; 
			cursor: default;
			position: relative;
			top: 4px;
			z-index: 99;
	}

	.faux_selected {
			border: 0 inset buttonface; 
			background: window; 
			padding: 0; 
			font: icon;
		}
	
	.faux_select_table {
			height: 100%; width: 100%;			
			background: buttonface;
		}
	
	.faux_option {
			font: icon; padding: 1; padding-left: 3; padding-right: 3; width: 100%;
		}
	
	.faux_drop_down		{
			position: absolute; visibility: hidden; width: 100%;
			border: 1px solid #7B9EBD;
			background-color: #fff;
			padding: 0;
		}
	
	.faux_select .faux_button	{
			width: 16px; height: 20px; font-family: webdings; padding: 0;
			font-size: 11px; border: 1 outset buttonhighlight;
		}	

	.faux_select .faux_button_down	{
			width: 16px;
			height: 20px;
			font-family: webdings;
			padding: 0;
			font-size: 11px;
			border: 1 inset buttonhighlight;
		}	

	.visible {
		visibility: visible;
	}
	
	.hidden {
		visibility: hidden;
	}
	
/*----------------------------------------------------------------------------------------------
 Popup Window
 ** keep this high in style sheets so specific window's styles can override these general settings
 ----------------------------------------------------------------------------------------------*/

	div.popupwindow {
		position: absolute;
		min-width: 15em;
		background-color: #fff;
		width: 35em;
	}

	div.popupwindow_border {
		border: 1px solid #336699;
	}

	div.popupwindow div.popupwindow_inner{
	  overflow: auto;
	}
	
	div.overflow_visable div.popupwindow_inner {
		overflow: visible;
	}

	div.popupwindow div.title{
		position: relative;
		font-weight: bold;
		cursor: pointer;
		background-color: #336699;
		padding: 10px;
		height: 1.3em;
		color: #FFFFFF;
		text-align:left;
	}

	div.popupwindow .popupwindow_controls {
		position: absolute;
		top: 3px;
		right: 5px;
	}

	div.popupwindow_controls .control_item {
		float: left;
		margin-left: 3px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 1.3em;
		width: 1.4em;
		height: 1em;
		padding: 2px;
		border: 1px solid #FFFFFF;		
	}
	div.popupwindow_controls .shrink {
	  background-color: #000099;
	}	
	div.popupwindow_controls .close { 
	  background-color: #FF0000;
	}	
	
 
/*----------------------------------------------------------------------------------------------
 	SMALL WINDOWS
 ----------------------------------------------------------------------------------------------*/	
	
	div.small_window_border {
		border: 1px solid #CCCCFF;
		border-top: none;
	}
	
	div.small_window_title {
		background-color: #CCCCFF;
		padding: 5px;
		font-weight: bold;
		text-align:center;
	}
	


/*----------------------------------------------------------------------------------------------
 FEATURED LESSONS
 ----------------------------------------------------------------------------------------------*/	
	
	div.featured_lessons ol {
		margin-left: 0px;
	}
	
	
/*----------------------------------------------------------------------------------------------
 PAGE LAYOUT
 ----------------------------------------------------------------------------------------------*/	


	div.window_container {
		margin-right: 16em;
	}
	
	div.window_container_border {
	/* apply to inner padding on window container if present */
		border: 1px solid #CCCCFF;
		border-top: none;
	}	
	
	div.window_container_fill {
	/* apply to inner padding on window container if present */
		background-color: #ccc;
	}	
		
	div#window_info_bar {
		/* Information Bar for top of Window Container */
		background-color: #CCCCFF;
		padding: 5px;
		font-weight: bold;
	}
	
	.window_info_bar { 
		background-color: #CCCCFF;
		padding: 5px;
	}

	div#reportbugs {
		position: absolute;
		top: 0.5em;;
		left: 275px;
		text-align: center;
	}

	div#right_float_container {
		float: right;
		clear: right;
		width: 15em;
	}

	div.assignments_container {
		position: relative;
		margin-bottom: 20px;
		background: #eee;
	}

	hr.hr1 {
		border: none;
		border-top: 1px dashed #999999;
		background-color: none;
		height: 1px;
	}

	span.title2 {
		font-size: 1em;
		color:#336699;
		position: relative;
	}

	span.title1 {
		font-size: 1.5em;
		color:#336699;
	}

	.link {
		color: #000099;
		text-decoration: none;
	}

	.link:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	
/*----------------------------------------------------------------------------------------------
 FRIENDS
 ----------------------------------------------------------------------------------------------*/	
	div.smallpadding {
	 padding: 5px;
	}

	div.friend_pic {
		height: 75px;
		text-align:center;
	}

	div.friend_info {
		margin-top:  5px;		
		margin-left: 5px;	
		text-align:  center;
	}
	
	ul#friendslist {
		list-style:  none;
		margin-left: 0;
	}
	
	ul#friendslist li {
	 background-color: #FFFFFF;
	 margin: 5px;
	 float:  left;
	 width: 12em;
	 overflow: hidden;
	}


/*----------------------------------------------------------------------------------------------
 TAG CLOUD
 ----------------------------------------------------------------------------------------------*/	
 a.tagcloud	 { font-weight: bold; margin: 2px; }
 a.tagcloud1:link,a.tagcloud1:active,a.tagcloud1:visited { font-size: .8em;   color: #0000FF; }
 a.tagcloud2:link,a.tagcloud2:active,a.tagcloud2:visited { font-size:  .9em;  color: #0000FF; }
 a.tagcloud3:link,a.tagcloud3:active,a.tagcloud3:visited { font-size:  1.2em; color: #0000CC; }
 a.tagcloud4:link,a.tagcloud4:active,a.tagcloud4:visited { font-size: 1.4em;  color: #000099; }
 a.tagcloud5:link,a.tagcloud4:active,a.tagcloud5:visited { font-size: 1.6em;  color: #000066;}   
 a.tagcloud:hover{ color: #FFFFFF; }
/*----------------------------------------------------------------------------------------------
 Forums
 ----------------------------------------------------------------------------------------------*/	

	.forum_topic_width {
		width: 20em;
	}

	div.deleted_post {
		margin-top: 10px;
		border: 1px dotted #000000;
		padding: 5px;
		font-size: 1.2em;
	}

	span.forum_posts_topic_name {
		font-weight: bold;
	}
	
	div.forum_post {
		margin-bottom: 5px;
	}	
	
	span.date_posted {		
		color: #999999;
	}
	
	td.forum_actions {	
		color: #999999;
	}
	
	td.forum_actions a {
		color: #999999;
	}
	
	table.forum {
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	table.forum thead tr td {
		background-color: #ccc;
		font-weight: bold;
	}

	table.forum tr td {
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;	
		padding: 5px;	
		text-align: center;		
	}

	table.forum tr td.checkbox {
		padding: 2px;
		width: 3em; 
	}

	table.forum tr td.time_passed {
		width: 12em;
	}

	table.forum tr td.user {
		width: 12em;
	}

	table.forum tr td.number {
		width: 3em;
	}

	table.forum tr td.topic {
		text-align: left;
		padding-left: 5px;		
	}

	table.forum tr td.date {
		width: 7em;
	}
	
	textarea.forum_post_focus {
		height: 10em;
	}
	
	textarea.forum_post_blur {
		height: 3em;
	}
	
	div.post_container {
		position:relative;
		margin-top: 10px;
	}
	
	div.forumRCp {
		margin-left: 80px;
	}
	
	.forum_small_grey,a.forum_small_grey:active,a.forum_small_grey:visited,a.forum_small_grey:link {
		color: #999999;
	}
	
	a.forum_small_grey:hover {
		color: #FFFFFF;
	}

	.indent5px {
		margin-left: 5px;
	}
	
	img.user_online_image {
		border: 0;
		vertical-align: top;
	}

	.forum_topic_name {
		font-weight: bold;
	}

	.forum_header_container {

	}

	.forum_header_container .left {
		vertical-align: top;
	}

	.forum_header_container .right{
		vertical-align:top;
		padding-left: 10px;
	}		

	button.hidden {
		display:none;
	}
	button.show {
	
	}

/*----------------------------------------------------------------------------------------------
 Mail
 ----------------------------------------------------------------------------------------------*/

	div.mail_toaster {
		position: absolute;
		width: 8em;
		left: 5em;
		top: 1.2em;
		background-color: #FFFF99;
		padding: 10px;
		border: 2px solid #FFCC33;
		border-top: 1px solid #000;
		text-align:center;
	}

	div#mail_window_container {
		text-align: center;
	}

	div#mail_edit_bar {	
		font-weight: bold;
	}

	table.mail {
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	p.mail_button {
		text-align:center;
	}

	table.mail tr td {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;	
		padding: 5px;		
	}

	table.mail tr td.message_info_column {
		text-align:right;
		vertical-align:top;
		width: 5em;
	}

	table.mail thead tr td {
		background-color: #ccc;
		font-weight: bold;
	}

	table.mail tr.read td {
		background-color: #FFF;
	}

	table.mail tr.unread td {
		background-color: #FFFF99;
		font-weight: bold;
	}

	td.mail_checkbox {
		width: 5em;
		text-align: center;
	}

	td.mail_from {
		width: 7em;
		text-align: left;
	}

	td.mail_subject {
		text-align: left;
	}

	td.mail_date_sent {
		width: 12em;
		text-align: left;
	}

/*----------------------------------------------------------------------------------------------
 PAGINATION
 ----------------------------------------------------------------------------------------------*/

	span.current_page {
		border: 1px solid #000;
		padding: 3px;
		background-color: #336699;
		color: #fff;
	}

	a.other_pages:link,a.other_pages:visited,a.other_pages:active {
		border: 1px solid #000;
		background-color: #CCCCFF;
		padding: 3px;
		text-decoration: none;
	}

	a.other_pages:hover {
		background-color: #336699;
	}

	div.result_page_navigation {
		text-align: center;
		padding: 10px;
		line-height: 2em;
	}

/*----------------------------------------------------------------------------------------------
 Uncategorized ( may need to be moved )
 ----------------------------------------------------------------------------------------------*/
  
  table.cells_align_top tr td {
	  vertical-align: top;
	}
 
  table.padCells tr td {
	  padding-left: 10px;
		padding-right: 10px;
	}
 
	.sub_div {
	  margin-left: 20px;
		border-left: #999999 dotted thin;
		padding: 5px;
		padding-left: 10px;
	}

	div.course_left_info_box {
	  float: left;
		width: 200px;
	  text-align: center;
		border-right: 1px solid #CCCCCC;
	}
	
	div.course_middle_info_box {
		margin-left:230px;
		margin-right:180px;	
	}
  
	button.greenStart {

	}

/*----------------------------------------------------------------------------------------------
 Wizard
 ----------------------------------------------------------------------------------------------*/
	
	div#create_a_lesson_window_padding,div#add_question_window_padding {
		background-color: #CCCCFF;
	}
	
	.wizard_example {
		padding: 5px;
		background-color: #FFCC00;
		border: 1px solid #0066CC;
		width: 30em;
	}

	.wizard_nowidth {
		width: auto;
	}
	
	.wizard_preview {
		padding: 5px;
		border: 1px black solid;
	}
	
	.wizard_textarea {
		padding: 5px;
		width: 30em;
		height: 8em;
	}

	.wizard_buttons_container {
		margin-top: 20px;
		text-align: center;
	}

	.wizard_cancel_container {
		text-align:left;
	}
	.wizard_cancel {
		font-size: 80%;
	}

	

/*----------------------------------------------------------------------------------------------
 Lessons
 ----------------------------------------------------------------------------------------------*/

	.green_background {
		background: green;
	}

	span.search_string_info_bar {
		font-style: italic;		
	}

	.content_title_width {
		width: 50em;
	}

	div.content_nonauthor_container {
		margin-left: 70px;
		width: 40em;
		background-color:#CCCCFF;
	}

	table.content_nonauthor {
		height: 10em;
		width: 30em;
		overflow: auto;
		border: 1px solid #ccc;
		background: #fff;
		padding: 5px;
	}

	div.content_nonauthor_header {		
		padding: 5px;
		margin-bottom: 5px;
	}

	div#clipboard_window {
		width: 40em;
	}	
	
	div.group_add_list {
		width: 30em;
	}

	div.content_top_bar {
		padding: 5px;
		background-color: #FFF;
		color: #000;
		font-size: 1.5em;
		text-align:left;
	}
	
	div.content_menu_bar {
		font-weight: bold;
		padding: 5px;
		background-color: #ffffcc;
		border: 1px solid #FFCC99;	
	}



	div.lesson_container {
		margin: 5px;
		background-color: #fff;
	}


/*----------------------------------------------------------------------------------------------
 Content List & Clipboard
 ----------------------------------------------------------------------------------------------*/
	
	div#contentlist_container {

		border: 1px solid #000;
	}

	div#content_container { 
	
	}

	div.clipboard {
		padding: 2px;
		width: 35em;
	}
	
	table.target {
		border: 5px solid #80FF80;
	}
	
	tr.contentlist_row td {
		padding: 3px;
	}
	
	tr.contentlist_row td {

	}
	
	tbody.contentlist {
		
	}

	img.contentlist_image {
	 vertical-align: top;
	 margin-right: 5px;
	}

	tfoot.contentlist {
		background-color: #ffffcc;
		font-weight: bold;
	}
	
	table.contentlist {
		width: 40em;
		position: relative;
	}
	
	.drag {		
	  font-weight: bold;
		background-color: #91FF91;
		border: 1px black outset;
	}
	.anywhere_move {
		cursor: move;
	}
	.vertical_move {
		cursor: n-resize;
	}

/*----------------------------------------------------------------------------------------------
 Content Editor
 ----------------------------------------------------------------------------------------------*/

	.ce_width {
		width: 46em;
	}

	div#content_editor_window_reading,div#content_editor_window_question {
	 width: 50em;
	}

	div#content_editor_window_source {
	 width: 50em;
	}

	div.source_editor_not_linked {
	 background-color: #FFFF00;
	 color: #000000;
	}
	
	div.reading_editor_not_linked {
	 background-color: #00FF00;
	 color: #000000;
	}
	
	div.question_editor_not_linked {
	 background-color:#CCCCFF;
	 color: #000000;
	}

	div.editor_linked {
	 background-color: #FFCCCC;
	}
	
	.content_editor_section {
		padding:5px;text-align:left;margin-bottom:5px;margin-top:5px;
	}

	form.content_editor {
 		text-align: center;
	}

	textarea.content_editor_textarea {
		padding: 5px;
	}

	div.content_editor_toolbar {
		text-align: right;
		background: #ccc;
		border: 1px solid #ccc;
		padding: 2px;
	}

	div.content_editor_toolbar img {
		margin-left: 5px;
		cursor: pointer;
		vertical-align: middle;
	}

/*----------------------------------------------------------------------------------------------
 Insert Media
 ----------------------------------------------------------------------------------------------*/
	iframe.media {
		border-width: 0px;
		height: 4em;
		width: 100%;
	}

	iframe.hidden {
		visibility: hidden;
		width:0px;
		height:0px;
	}

	div#media_windowimage { width: 40em; }
	div#media_windowaudio { width: 40em; } 

	#main {
		overflow: scroll;
		height: 40em;
		margin: auto;
		border: 1px solid #000;
		background-color: #FFFFFF;
	}

	div#search_media {
		border: 1px solid #000;
		background-color: #DDEDD5;
	}

	#images {
		margin: 10px;
	}

	#images div {
		margin: 5px;
		width: 85px;
		height: 100px;
		border: 1px solid #ccc;
		float: left;
		overflow: hidden;
		padding: 5px;
		cursor: pointer;
		text-align: center;
	}

	#iframe {
		border: 1px solid #000;
		border-bottom: none;
	}

	#images div:hover {
		border-color: #ccc;
	}

	#images img.load {
		margin: 36px;
	}

/*----------------------------------------------------------------------------------------------
 PROFILE
 ----------------------------------------------------------------------------------------------*/

	div.profile_edit_disclaimer {
		padding: 0.5em;
		text-align: center;
	}

	span.profile_form_label {
		font-weight:bold;
		color: #000066;
	}

	span.profile_form_heading {
		font-weight: bold;
		color: #FF9900;
	}

	td.profile_display_title {
		font-weight:bold;
		color: #000000;
		text-align: center;
		padding: 10px;
	}

	td.profile_image {
		padding-right: 10px;
	}

	div#image_loading {
		padding: 1em;
		text-align: center;
	}

	div.profile_search_results_main {
		padding-left:0.5em;
		padding-right:0.5em;
	}

/*----------------------------------------------------------------------------------------------
 GROUPS
 ----------------------------------------------------------------------------------------------*/

ul#lesson_list {
	list-style: none;
}

ul#lesson_list li.lesson {
	float: left;
	width: 8em;
	height: 10em;
	margin: 10px;
	text-align:center;
}
ul#lesson_list li.lesson div.image {
	height: 75px;
}

div.group_result_container {
	margin: 5px;
	background-color: #fff;
}

div.group_member_container {
	margin: 5px;
	background-color: #fff;
	overflow: hidden;
}

div.group_image {
float: left;
	width: 75px;
	height: 75px;
	padding: 5px;
}
div.single_group_image {
	float: left;
	width: 200px;
	height: 200px;
	padding: 5px;
}
div.group_info {
	margin-left: 95px;
}
div.single_group_info {
	margin-left: 220px;
}
div#add_group_form form {
	font-size: .9em;
}
div.options_container {
	float:right;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #ffffcc;
	border: 1px solid #FFCC99;	
	width:10em;
}
div.profile_options {
	padding:10px;
	text-align: center;
}
div.group_options {
	padding:10px;
	text-align: center;
}
/*----------------------------------------------------------------------------------------------
 SEARCH
 ----------------------------------------------------------------------------------------------*/

input#search123 {
	color: red;
}
ul.search_results {
	list-style: none;
}
li.search_results {
	 text-align: center;
	 background-color: #FFFFFF;
	 margin: 5px;
	 float:  left;
	 width: 12em;
	 overflow: hidden;
}
input.redtext {
	color: red;
	text-align: center;
}
form.search_bar {

}
/*----------------------------------------------------------------------------------------------
 TROPHY ROOM
 ----------------------------------------------------------------------------------------------*/

div.bbcode_reference table tr td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px;
	width: 50%;
}
div.bbcode_reference table thead tr td{
	background-color: #ccc;
	color: black;
	font-weight: bold;
	text-align: center;
}
div.bbcode_reference table {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 10px;
	background-color: #ccc;
	width: 26em;
}
div#trophy_room_window {
position: relative;
}
div.tr_top {
	text-align:center;
	width: 300px;
	padding: 5px;
	background: #ffffcc;
}

ul.trophy_room {
	list-style-type: none;
}

div.trophy_room {
	height: 10em;
	width: 10em;
	overflow: hidden;
	text-align:center;
	float: left;
	margin: 5px;
}

img.trophy_room {
	border: 0;
}
div#tr_edit {
	margin-top: 10px;
	background-color: #ffffcc;
	border: 1px dotted #FFCC99;
	padding:10px;
}

textarea.autowidth {
	width: 100%;
}
textarea.tall {
	height: 15em;
}
div#tr_header {
	margin-top:5px;
	position: relative;
}


/*----------------------------------------------------------------------------------------------
 UNUSED?
 ----------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------
 Quiz Engine
 ----------------------------------------------------------------------------------------------*/

	img.specialchars_button {
		position:absolute;
		right: 0;
		top: 0;
	}

	input.iconPadRight {
		padding-right: 16px;
	}

	table.cells_top_valign tr td {
		vertical-align:top;
	}

	div#outline {
		float:left;
		background-color: #FFFFFF;
		width: 15em;
		height: 25em;
		overflow:auto;
	}
	
	div.outline_title {
		height: 2em;
		text-align:center;
	}

	td.outline_active {
		width: 15em;
	}

	a.outline_highlight:link,a.outline_highlight:visited,a.outline_highlight:active {
		background-color:#FFFF00;
	}

	a.outline_highlight:hover{
		color: #000099;
		text-decoration: none;
	}

	div.adwords {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	div.quiz_title_bar {
		font-weight:bold;
		text-align:center;

		padding:3px;
	}

	div#ways_to_study_window {
		width: 40em;
	}
	div#ways_to_study_window_inner {
		height: 30em;
		overflow: auto;
	}

	div#topic_window_inner {
		height: 30em;
		width: 98%;
		overflow: auto;
	}

	div#top_menu_container {
		position: relative;
		clear: both;		
		height: auto !important;
	}
	
	div#top_menu {
		float: right;
		text-align:right;		
	}

	div.number_button {
		font-size: 0.7em;
		color: #FFFFFF;
		float: left;
		padding: 1px;
	}

	div.quiz_button {
		float:left;
		margin: 5px;
	}

	div.wronganswer {
		padding: 5px;
		padding-left: 10px;
	}

	td.align_left {
		text-align: left;
	}

	td.align_right {
		text-align: right;
	}

	div#quiz_container {
		background-color: #eee;
		position: relative;		
	}

	div#quiz_container_back {
		position:relative;
		background-color: #eee;		
		padding-top: 0px;
	}

	div#answer_node {
		background-color: #ccc;
		border: 1px dotted #000;
		padding: 5px;
		margin-top: 0;
		text-align: center;
	}

	div#content_node {
		min-height: 15em;
		height: auto !important;
		height: 15em;
		padding: 10px;		
		border: 1px solid #000000;
		border-top: none;
		background-color:#FFFFFF;
		/*background-image: url(http://www.studytag.com/images/site/paper013.gif);*/
	}

	div#title_node {
		border: 1px solid #000000;
		text-align: center;
		color: black;
		padding: 5px;
	}

	div.quiz_bottom_button {
		color: #FFFFFF;
		text-align:right;
	}

	div.quiz_bottom_button span{
		cursor:pointer;
	}

	div.flashcard div#title_node {
		background-color: #FFFF66;
	}
	
	div.flashcard_box { 
		border: 1px black solid;
		background-image: url(http://www.studytag.com/images/site/paper013.gif);
		padding: 10px;		
	}

	div.reading div#title_node{
		background-color: #FFE6BF;
	}

	div.fact div#title_node{
		background-color: #99FF99;	
	}	

	div.question div#title_node{
		background-color: #99FFFF;
	}		
	
	div#loading {
		padding: 1.5em;
		width: 30em;
	}

	div#splash_main {

	}

	div.splash_height {
		min-height: 300px;
		height: auto !important;
		height: 300px;			
	}
	
	div#splash_title {
		font-weight:bold;
		margin-bottom: 10px;
	}

	div#splash_author_text {
		
	}

	div#splash_container {

	}

	.float_left { float: left; }
	.float_right { float: right; }
	
	div.quiz_end_screen_title {
		font-weight: bold;
		padding-left: 10px;
	}

	div#splash_stats TABLE {

	}
	
	div#splash_stats {
		background-color: #ccc;
		margin-bottom: 10px;
		padding: 5px;
	}
	
	div#trophy_div {
		float: left;
		text-align: center;
	}
	
	div.review_container {
		
	}

/*----------------------------------------------------------------------------------------------
 Rounded Corners
 ----------------------------------------------------------------------------------------------*/
 
	/*Nifty Corners Cube CSS by Alessandro Fulciniti
	The following classes are added dinamically by javascript,
	and their use should be avoided in the markup */
	
	b.niftycorners,b.niftyfill{display:block}
	b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
			overflow:hidden;border-style:solid;border-width: 0 1px}
	/*normal*/
	b.r1{margin: 0 3px;border-width: 0 2px}
	b.r2{margin: 0 2px}
	b.r3{margin: 0 1px}
	b.r4{height: 2px}
	b.rb1{margin: 0 8px;border-width:0 2px}
	b.rb2{margin: 0 6px;border-width:0 2px}
	b.rb3{margin: 0 5px}
	b.rb4{margin: 0 4px}
	b.rb5{margin: 0 3px}
	b.rb6{margin: 0 2px}
	b.rb7{margin: 0 1px;height:2px}
	b.rb8{margin: 0;height:2px}
	b.rs1{margin: 0 1px}
	/*transparent inside*/
	b.t1{border-width: 0 5px}
	b.t2{border-width: 0 3px}
	b.t3{border-width: 0 2px}
	b.t4{height: 2px}
	b.tb1{border-width: 0 10px}
	b.tb2{border-width: 0 8px}
	b.tb3{border-width: 0 6px}
	b.tb4{border-width: 0 5px}
	b.tb5{border-width: 0 4px}
	b.tb6{border-width: 0 3px}
	b.tb7{border-width: 0 2px;height:2px}
	b.tb8{border-width: 0 1px;height:2px}
	b.ts1{border-width: 0 2px}


/*----------------------------------------------------------------------------------------------
 Trophy Cabinet
 ----------------------------------------------------------------------------------------------*/

	div.trophy_cabinet {


	}

	div.trophy_cabinet_inner {
		position: relative;
		background-image: url(images/site/trophies/cabinet2.gif);		
	}
	
	img.trophy {
		position: absolute;
	}

/*----------------------------------------------------------------------------------------------
 Common Page Layout
 ----------------------------------------------------------------------------------------------*/
	div#footer {
		color:#CCC;
		position: static;
		background: #FFF;
		border-top: 1px $ccc solid;
		margin-top: 20px;
		text-align: center;
		width: 100%;
	}

	.emptyPlaceMarker
	{
	border-right: red thin dashed;
	border-top: red thin dashed;
	border-left: red thin dashed;
	border-bottom: red thin dashed;
	background-color: Transparent;
	}

	div#pagecontent {
	  /*position:relative;*/
		padding-top: 10px;
		background: #FFF;
	}

	div#logocontainer {		
		height: 50px;
		width: 200px;
	}

	div#logout {
		text-align: right;
		position:absolute;
		right:10px;
		top:5px;
	}

	div.assignments {
		position: relative;
		padding: 10px;
	}

	span.assignment_title {
		font-weight: bold;
	}

	span#top_username {
		font-weight: bold;
	}

	#locationAndSearch { 
		text-align: left; 
		background-color: #CCCCFF;
/*		border-top: 1px #ccc solid; */
		border-bottom: 1px #ccc solid;
		padding: 2px;
		padding-left: 10px;
		height: 1.9em;
	}
	
	
	#locationAndSearch .search { 
		float: right;
		margin: 0;
		padding: 0;
		height: 2.2em;
	}


	div.img_container_b {
		height: 200px;
		width: 200px;
	}

	div.img_container_a {
		height: 75px;
		width: 75px;
		text-align: center;
	}
/*----------------------------------------------------------------------------------------------
 Tabs
 ----------------------------------------------------------------------------------------------*/
 .blue_back  { background-color: #33CCFF; }
 .white_back { background-color: #FFFFFF; }

/*----------------------------------------------------------------------------------------------
 Reports
 ----------------------------------------------------------------------------------------------*/

	table.activity_report {
		border: 1px solid #000;
		border-collapse: collapse;
	}
	table.activity_report thead th {	background-color: #FFFF99; padding: 2px; text-align: left; font-size:.8em; }		
	table.activity_report tbody tr.odd  {	background-color: #CCCCCC; }	
	table.activity_report tbody tr.even { background-color: #eee;  }
	table.activity_report tbody tr td   { padding: 2px; text-align: left; }
		
/*----------------------------------------------------------------------------------------------
 Login/Register Form
 ----------------------------------------------------------------------------------------------*/
	
	img.captcha {
		width: 13em;
	}

	a.login_selected {
		text-decoration: none;
		font-size: 1.3em;
		color: black;
	}
		
	a.login_unselected {
		
	}
	
	input.create_account {
		font-size: 90%;
	}
		
	.boxtitle {
		font-weight: bold;
	}
		
	.center {
		text-align: center;
	}
	
	.red 	 { border: 1px solid red; }
	.green { border: 1px solid #00FF00; }

/*----------------------------------------------------------------------------------------------
 Help
 ----------------------------------------------------------------------------------------------*/
	.help_window_height { height: 20em; width:100%; overflow:auto; }

/*----------------------------------------------------------------------------------------------
 ieButton
 ----------------------------------------------------------------------------------------------*/
 button.ieButton {
   border: 1px solid #666666;
 }
  button.ieButtonOriginal {
	  border: 1px solid #666666;
	}
  button.ieButtonOver {
	  border: 1px solid #FFCC00;
	}	


/*----------------------------------------------------------------------------------------------
 Navigation Menu
 ----------------------------------------------------------------------------------------------*/

	div#menu {

	}
	
	div#menu span {
		float:left;
		margin-right:1px;
		text-align: center;		
		padding:2px; 
	}
	
	div#menu a {
		float:left;
		width:6em;
		padding: 1px;
		text-decoration:underline; 
		margin-right:3px;
		text-align: center;
	}
	
	div#menu a.unselected { 
		background: #ccc;
		color: #000099;
	}
	
	div#menu a.selected,div#menu a.unselected:hover	{
		background: #CCCCFF; 
		color: #000099;
		font-weight: bold;
	}