/* VOCAB LIST PAGE *******************************************************/

h2#top_list_name { width: 500px; } 

/* Action area */

#action_area {
 float: left; width: 180px; padding: 10px; background: #EDEDFE;
 border: 1px solid #aaa;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#study_button, #study_button input { width: 100%; font-size: 20px; }

/* had to be specific for this css button */
#study_button.alt_button { width: 148px; }

.std_progress_bar_wrapper {
 width: 100%; margin-top: 3px; position: relative; border: 1px solid #91C95B; }
.std_progress_bar_wrapper span {
 position: absolute; top: 1px; left: 3px; font-size: 11px; color: white;
 text-shadow: 0 0 1px black; }

#list_status { margin: 10px 0; font-size: 12px; }
#list_status div { margin-bottom: 5px; }
#list_settings_link_wrapper { margin-top: 5px; }
#action_area h3 { margin: 15px 0 5px; }
#action_area h4 { margin: 5px 0 0; text-decoration: underline; }
#action_area p.action_blurb { margin: 0 0 5px; font-size: 11px; }


/* Info area */

#info_area {
 float: right; width: 440px; padding: 10px; background: #EDEDFE;
 border: 1px solid #aaa; 
 -moz-border-radius: 5px 0 5px 5px; -webkit-border-radius: 5px 0 5px 5px;
 position: relative; }
#info_area .innertabs {
 position: absolute; top: -29px; right: -1px; height: 30px; }
#info_area .innertabs .innertab {
 float: right;
}
.innertabs .selectedinnertab { padding: 5px 15px 6px; top: 0; border-bottom: 0; }

/* Description window */

#descwindow #list_image_wrapper { float: left; margin-right: 10px; }
#list_image_edit_link { text-align: center; font-size: 11px; }
#descwindow h3 { margin: 0; }

/* Tag bar ***************************************************************/

#tag_bar { margin-top: 10px; position: relative; }
#tag_input { width: 100%; }
#tagSubmitBox {
 border-bottom: 1px solid #aaa; width: 160px; float: right;
 position: absolute; left: 10px; bottom: -80px; background: #ddf;
 border: 1px solid #aaa; z-index: 1;
}
#tag_submit_box_header {
 background: #aaf; font-weight: bold; padding: 2px 10px; }
#tag_submit_box_body { padding: 10px 15px 10px 10px; }

#tagSubmitBox #closeBox { float: right; position: relative; top: 2px; }

#tag_instructions { font-size: 10px; color: #777; margin: -1px 0 -5px; }
#no_tags { font-style: italic; }
#tags { text-align: justify; line-height: 18px; }

#tags .tag { margin-right: 5px; position: relative; }
.tag a { font-size: 11px; text-decoration: underline; }
.tag_remove {
 color: red; font-size: 10px; position: absolute; top: -3px;
 padding-left: 2px; border: 1px solid #aaa; background: #ddd; height: 8px; 
 line-height: 6px; right: -3px; display: none; }
.tag:hover .tag_remove { display: block; }

#tag_edit { background: #2BC433; padding: 1px; border: 1px solid green;
 display: inline-block; color: white; line-height: 7px; }

/* contents area */

.add_words_wrapper { text-align: center; margin: 40px; }

#edit_single_sect { float: right; margin-bottom: 10px; }

/* Sections Table ********************************************************/

#no_words_note {
 background: #c7ffc1; border: 1px solid green;
 padding: 10px; margin: 10px 0;
 text-align: center; line-height: 24px; font-size: 14px;
}

#addsectiondiv { max-height:300px; overflow: auto; clear: both;
		 border-bottom: 1px solid black; border-top: 1px solid black; }
#edit_sections_wrapper { margin-bottom: 3px; }
#addsectiontable {
 clear: both; width: 100%; background: white; margin-top: 5px; }
#addsectiontable th { padding: 2px; }
#addsectiontable tr.section_line { font-size: 13px; height: 29px; }
tr.section_line .sect_name {
 white-space: nowrap; width: 240px; overflow: hidden; text-overflow: ellipsis; }
#startfromcol { width: 86px; }
#studycol { width: 80px; }
#donecol { width: 125px; }
#addsectiontable td.section_cell, th#sectioncol {
 text-align: left; padding-left: 10px; }
#addsectiontable a { text-decoration: underline; }

td.donecell { text-align: center; }
#addsectiontable td.add { background: #B9E2C6; font-weight: bold; color: green;}
#addsectiontable td.skip { background: #C5C5C5; font-size: 10px; }
#addsectiontable td.done { background: #B9C1E2; }

#addsectiontable span.num_words {
 float: right; font-size: 11px;
 position: relative; top: 1px; margin: 0 5px; }

#empty_sections { text-align: center; margin-top: 30px; }

#collapsed_row td { padding: 0; }
#collapsed_row hr { width: 100%; margin: 4px 0; }

/* section editor */

#add_sect_button { float: right; }

#edit_div { padding: 5px; background: #ddf; }

#edit_div span { font-size: 15px; font-weight: bold; position: relative;
		 top: 5px; left: 5px; }

.edit_sections_link { color: #11f; font-size: 13px; }

.sect_editor { margin: 0; width: 100% }
.sect_editor input[type="text"] { width: 90%; }
.sect_editor .sect_name_wrapper { position: relative; }
.sect_editor label { position: absolute; left: 120px; top: 3px; color: #777; }

/* grabber isn't grabbable without this */
.sect_editor .grabber_wrapper { position: relative; z-index: 1; } 

.stdtable .name_cell { width: 500px; text-align: left; }
.num_words_cell { width: 120px; }

.stdtable .remove_cell { text-align: center; width: 20px; }

.add_new_button {
 color: blue; padding: 5px; text-align: center; border-top: 1px solid #ddd; }
.add_new_button:hover { background-color: #ccf; }
.add_new_button img { margin: 0 5px; position: relative; top: 3px; }

.section_table_wrapper { min-height: 120px; width: 100%; }

.editor_buttons { margin-top: 10px; }
.editor_buttons .canvas_button { float: right; margin-left: 10px; }


/* section page */

.rows_wrapper { position: relative; }
.rows_wrapper .screen {
 position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 background: #ddf; opacity: 0.5;
}
.rows_wrapper p.saving_msg {
 position: absolute; left: 0; top: 0; width: 100%;
 margin-top: 20px; font-size: 20px; text-align: center; }
p.saving_msg span {
 background: white; border: 1px solid black; padding: 5px 10px; }

#lew_errors {
 background: #fbb; border: 1px solid red; text-align: center;
 padding: 5px; font-size: 15px; 
}

.selected_label, .num_selected_num { line-height: 27px; float: left; }
.num_selected_num { font-weight: bold; margin-left: 5px; margin-right: 10px; }

th.word_col { width: 500px; }
th.word_col .alt_button { position: relative; top: 2px; }
th.progress_col { text-align: right !important; padding-right: 15px; }
.simp_ui_div { width: 100px !important; text-align: right; }
.simp_progress_on .more_progress { display: none; }
.more_progress_on .simp_progress { display: none; }
.simp_progress, .more_progress { font-size: 11px; margin-left: 5px; }
.simp_progress_on .uidiv { display: none; }
.more_progress_on .simp_ui_div { display: none; }

#newnav {
 font-size: 13px; margin: 10px auto 2px; padding: 4px 3px; width: 400px; 
 text-align: center; height: 17px; clear: both; }
#newnav .nav_link, #newnav .nav_nums { float: left; height: 1px; }
#newnav .nav_link { width: 29%; }
#newnav .nav_nums { width: 40%; font-weight: bold; }
h3#sect_name {
 margin-top: 10px; margin-bottom: 5px; float: left; font-size: 20px; }
.edit_section { float: right; }

/*
.remove_words { background-image: url(/images/vocab/list_editor_remove.png); }
.add_to_queue {
 background-image: url(/images/vocab/list_editor_add_to_queue.png); }
*/

.std_list_button {
 background-position: 0 24px; height: 24px; width: 143px; }
.std_list_button:hover { background-position: 0 47px; }
.std_list_button:active { background-position: 0 -1px; }

.remove_words, .add_to_queue { float: left; }

#section_footer .canvas_button { float: left; margin-right: 10px; }
#section_footer span { line-height: 23px; }

/* Queue ******************************************************************/

div.queuenav {
 padding: 5px 15px; font-size: 15px; float: left; border-left: 2px solid;
 border-right: 2px solid; border-top: 2px solid; z-index: 1;
 margin-top: 6px; margin-left: 10px; margin-right: 10px;
}

#queue_add_tab { clear: both; }
#browsewindow table { width: 100%; }

#queuewindowframe { margin-bottom: 45px; }
#browseRangeDiv { text-align: center; }
#queue_selected_label, #added_num { position: relative; top: -7px; }
#counterDiv .canvas_button { margin-left: 15px; }

#navdiv { background: white; border: 1px solid #bbb; height: 17px;
	  padding: 2px 3px 0; font-size: 11px; margin: 7px 0; 
	  position: relative; }
#prevnav { left: 5px; }
#listkey { left: 250px; }
#forenav { right: 5px; top: 2px; }
#prevnav, #listkey, #forenav { position: absolute; background: white; }
#navdiv img { margin-top: 2px; float: left; margin-right: 4px; }