/* Vocab Root Page ( Navi ) **********************************************/

/* nothing added was also for the queue... */
#expiration_warning, #nothing_added_warning {
 background: #fdd; border: 2px solid red; padding: 5px; margin-top: 0; 
 margin-bottom: 20px; }

#vocab_source_buttons div.button { 
    width: 158px; height: 158px; margin: 5px 5px; 
    background-position: 0 158px; float: left; }

.vocab_source_button_container{
width: 158px;
float: left;
margin-right: 10px;
}

.explanation{
font-size: small;
margin-left: 20px;
}
	
#vocab_source_buttons div:hover { background-position: 0 316px; }
#vocab_source_buttons div:active { background-position: 0 0; }

#textbooks_button { 
background-image: url(/images/vocab/navi_textbooks.png);}
#customlists_button { background-image: url(/images/vocab/navi_custom.png); }
#cpod_button { background-image: url(/images/vocab/navi_cpod.png); }
#q_button { background-image: url(/images/vocab/navi_q.png); }

#tags_button { margin: 10px 0; }
#tags_button a { font-size: 15px; font-weight: bold;
		 text-decoration: underline; }
span.new { color: blue; font-weight: bold; }
hr.tags_link_hr { width: 100%; }

#viewer_tool_wrapper div.button {
 background-image: url(/images/vocab/navi_tools_viewer.png); }
#cram_tool_wrapper div.button {
 background-image: url(/images/vocab/navi_tools_cram.png); }
#save_me_tool_wrapper div.button {
 background-image: url(/images/vocab/navi_tools_saveme.png); }
#delete_all_tool_wrapper div.button {
 background-image: url(/images/vocab/navi_tools_deleteall.png); }
#export_tool_wrapper div.button {
 background-image: url(/images/vocab/navi_tools_export.png); }
#reminders_tool_wrapper div.button {
 background-image: url(/images/vocab/navi_tools_reminders.png); }


/* Vocab Viewer **********************************************************/

#vocablist { min-height: 300px; }

.listlink { font-weight: bold; cursor: hand; cursor: pointer; color: #66f; }
.listlink:hover { text-decoration: none; }

div.viewer_browsenav { width:225px; float: left; margin: 10px 0; text-align: center; }

.viewer table {
 width: 676px; clear: both; font-family: serif;
 font-family: "arial unicode ms", "lucida sans unicode", sans-serif !important;
}

.Char    { width: 100px; font-size: 25px; }
.Part    { width: 29px; }
.Pinyin  { width: 107px; }
.Last    { width: 79px; }
.Next    { width: 76px; }
.Spent   { width: 64px; }
.Learned { width: 100px; }

.ProgressBar { height: 10px; background: #4195d3;}
.ProgressBorder { border: 1px solid; text-align: left; }
.alldonebar { background: green;}

.viewer_submit { text-align: center; margin: 4px 0; }


/* Textbooks Page ********************************************************/

#recommended { background-color: #eef; margin-top: 10px; padding: 10px; }
#recommended h3, #recommended ul { margin: 5px 0; }
#recommended ul { padding-left: 40px; }
#textbooks_form submit { margin: auto; }
div.table_scroll_window { max-height: 300px; }
fieldset.flashes { margin-bottom: 10px; }

#fulllessonstable { width: 100%; }
#fulllessonstable a { text-decoration: underline; }
tr.active { background-color: #cbdcff; }

#fulllessonstable td { text-align: left; }

.halftable { width: 50%; float: left; }
.halftable a { text-decoration: underline; }
#explanation { background-color: #CCFFCC;
               margin-top: 10px; 
               padding: 10px; 
               border: 1px solid #AAAAAA;
               margin-bottom: 10px; }
#explanation h3, #recommended ul { margin: 5px 0; }

tr.active { background-color: #cbdcff; }

/* list status message */

div.list_msg {
 position: absolute; font-size: 13px; font-weight: bold; padding: 2px 10px;
 border: 1px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.list_msg_act { background: #dfd; }
div.list_msg_dea { background: #ddd; }


/* tables */

tr.selected { background: #ddf; }
tr.selected td { opacity: 0.7; filter:alpha(opacity=70) }


/* queue */

#add_from_lew { margin-top: 10px; }
#queue_hr { margin-bottom: 10px; }
#ui_total { font-weight: bold; }


/* search */

div#search_results { margin-top: 10px; }
form.search_box { text-align: center; }
form.search_box span { font-size: 11px; }

div.search_result { background: #ddf; padding: 5px; margin: 10px 0; }
div.search_result h3 { margin: 5px 0; }

p.search_nav { text-align: center; }
p.search_nav span, p.search_nav a { margin: 0 5px; }
p.search_nav span.unclickable { color: gray; }


/* Tags Page *************************************************************/

#tag_search { margin-top: 20px; }

#tag_cloud { padding: 10px; background: #DDEDEA; margin-top: 10px; 
 -moz-box-shadow: 6px 5px 15px #ADADAD; -moz-border-radius: 20px; 
 -webkit-box-shadow: 6px 5px 15px #ADADAD; -webkit-border-radius: 20px;
 text-align: justify;
}
#tag_cloud.side_cloud { float: right; width: 200px; margin-top: 0; }

#tag_cloud a { text-decoration: underline; margin: 0 2px; color: #66F; }
#tag_cloud a:visited { color: #66F; }

#tag_lists_header { margin-top: 20px; }

#tag_lists_table { width: 440px; float: left; }
#tag_lists_table td.list_sort_std { background: #ddf; }
#tag_lists_table td.list_sort_custom { background: #dfd; }
#tag_lists_table td.list_sort_cpod { background: #fdd; }
#tag_lists_table td.list_sort { width: 150px; }




/* My Words Page *********************************************************/


/* new vocab lists page */

h2#vocab_nav_header { margin-bottom: 10px; }

#lists_side h3, #tags_side h3 {
 margin: 15px 0 -1px; font-size: 18px; background: #ededfe;
 border-color: #aaa; border-style: solid solid none solid; border-width: 1px; 
 float: left; padding: 5px 10px;
 -moz-border-radius: 6px 6px 0 0;
 -webkit-border-top-left-radius: 6px;
 -webkit-border-top-right-radius: 6px;
}
#lists_side h3 a, #tags_side h3 a { color: blue; }

#lists_side { float: left; width: 450px; }
#tags_side { float: right; width: 216px; }

.list_section, .tag_section {
 background: #EDEDFE; border: 1px solid #aaa; clear: both;
 -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; }

.list_block { float: left; width: 204px; padding: 10px; }
.list_block h4 {
 margin: 0 0 5px 0; border-bottom: 2px solid #777; font-size: 15px; float: left;
}
.list_block h4 a { color: blue; }
.list_block ul, .tag_section ul { margin: 0; padding: 0; clear: both; }
.tag_section { padding: 10px; }
.tag_section hr { margin: 10px 0; }
.list_block li, .tag_section li {
 font-size: 12px; list-style: none; margin-bottom: 4px; }
.list_block strong a { color: blue; }

#cpod_logged_off {
 margin-top: 20px; border: 1px solid #aaa; background: #ededfe; padding: 10px;
}
#cpod_logged_off img { float: left; margin-right: 10px; }
#cpod_logged_off p { text-align: center; margin: 17px 0; }