/* VOCABULARY CSS LIBRARY

These are the Stylesheet Definitions of the Vocabulary Web Application.

There are two Sections: SECTION 1 was written by J. Reiser when I started programming this application in September 2009.

SECTION 2 was added later on by me (R. Reiser). I started writing it in March 2011 and it contains all remaining Definitions
needed for the application. */

/***** v-- SECTION 1 *****/

/* Einbindung: <link rel="stylesheet" type="text/css" href="voc_styling.css"> */

/* whispering styles start */

/* Nachfolgend Stylings für Titel */

.wsp_tb_p { font-family:Arial; font-size:30px; line-height:36px; font-weight:900; text-align:left; color:#000000 }
.wsp_tb_n { font-family:Courier; font-size:30px; line-height:36px; font-weight:900; text-align:left; color:#000000 }
.wsp_tm_p { font-family:Arial; font-size:20px; line-height:24px; font-weight:900; text-align:left; color:#000000 }
.wsp_tm_n { font-family:Courier; font-size:20px; line-height:24px; font-weight:900; text-align:left; color:#000000 }
.wsp_ts_p { font-family:Arial; font-size:16px; line-height:20px; font-weight:900; text-align:left; color:#000000 }
.wsp_ts_n { font-family:Courier; font-size:16px; line-height:20px; font-weight:900; text-align:left; color:#000000 }

/* Nachfolgend Stylings für TextAbsätze */

.wsp_txt_ppl { font-family:Arial; font-size:14px; line-height:18px; font-weight:100; text-align:left; color:#000000 }
.wsp_txt_ppc { font-family:Arial; font-size:14px; line-height:18px; font-weight:100; text-align:center; color:#000000 }
.wsp_txt_ppr { font-family:Arial; font-size:14px; line-height:18px; font-weight:100; text-align:right; color:#000000 }
.wsp_txt_ppj { font-family:Arial; font-size:14px; line-height:18px; font-weight:100; text-align:justify; color:#000000 }
.wsp_txt_pbl { font-family:Arial; font-size:14px; line-height:18px; font-weight:900; text-align:left; color:#000000 }
.wsp_txt_pbc { font-family:Arial; font-size:14px; line-height:18px; font-weight:900; text-align:center; color:#000000 }
.wsp_txt_pbr { font-family:Arial; font-size:14px; line-height:18px; font-weight:900; text-align:right; color:#000000 }
.wsp_txt_pbj { font-family:Arial; font-size:14px; line-height:18px; font-weight:900; text-align:justify; color:#000000 }
.wsp_txt_npl { font-family:Courier; font-size:14px; line-height:18px; font-weight:100; text-align:left; color:#000000 }
.wsp_txt_npc { font-family:Courier; font-size:14px; line-height:18px; font-weight:100; text-align:center; color:#000000 }
.wsp_txt_npr { font-family:Courier; font-size:14px; line-height:18px; font-weight:100; text-align:right; color:#000000 }
.wsp_txt_npj { font-family:Courier; font-size:14px; line-height:18px; font-weight:100; text-align:justify; color:#000000 }
.wsp_txt_nbl { font-family:Courier; font-size:14px; line-height:18px; font-weight:900; text-align:left; color:#000000 }
.wsp_txt_nbc { font-family:Courier; font-size:14px; line-height:18px; font-weight:900; text-align:center; color:#000000 }
.wsp_txt_nbr { font-family:Courier; font-size:14px; line-height:18px; font-weight:900; text-align:right; color:#000000 }
.wsp_txt_nbj { font-family:Courier; font-size:14px; line-height:18px; font-weight:900; text-align:justify; color:#000000 }

/* Nachfolgend Stylings für diverses */

.wsp_ff { font-family:Courier; line-height:14px; font-size:12px; font-weight:100 }
.wsp_fbgc { background-color:#000000 }
a.wsp_lk:link { color:#0000FF; background-color:#; text-decoration:none }
a.wsp_lk:visited { color:#0000FF; background-color:#; text-decoration:none }
a.wsp_lk:hover { color:#0000FF; background-color:#; text-decoration:underline }
a.wsp_lk:active { color:#0000FF; background-color:#; text-decoration:underline }
.wsp_pict { color:#444444; background-color:#444444; border-color:#444444 }
.wsp_lot_left { text-align:left }
.wsp_lot_center { text-align:center }
.wsp_lot_right { text-align:right }

/* whispering styles stop */

/* Nachfolgend Stylings speziell für Vocabulary */

.stc_unknown { background-color:#999999 }
.stc_forgotten { background-color:#FF0000 }
.stc_memorized { background-color:#FFCC00 }
.stc_learned { background-color:#00FF00 }

/***** ^-- SECTION 1 *****/

/*-----------------------------------------------------------------------------------------------------------------------*/

/***** v-- SECTION 2 *****/

body {font-size:16px; color:black; background-color:white;}

.voc_card_name {font-size:18px; font-weight:bold;}
.voc_entry_name {font-size:13px; font-weight:bold;}
.voc_entry_lan {font-size:13px; color:blue;}
.voc_language {font-size:18px; font-weight:bold; color:blue;}
.voc_site_subject {font-size:16px; font-weight:bold; color:blue;}

.voc_sys_entry {font-family:Times New Roman; font-size:16px; background-color:white;}
.voc_usr_entry {font-family:Times New Roman; font-size:16px; background-color:#ddffbb;}   /* former value: #B4F0A2 */
.voc_grp_entry {font-family:Times New Roman; font-size:16px; background-color:#ffff99;}
.voc_www_entry {font-family:Times New Roman; font-size:16px; background-color:#ccffff;}
.voc_entry {font-family:Times New Roman; font-size:16px;}
.voc_subentry {font-family:Times New Roman; font-size:16px;}
.voc_entry_alt {font-family:Times New Roman; font-size:16px; color:green;}
.voc_entry_dim {font-family:Times New Roman; font-size:16px; color:gray;}
.voc_cover {font-size:36px; font-weight:bold; color:gray;}

.voc_attributes {font-family:Courier New,Courier; font-size:13px;}
a.attr_link:link {font-family:Courier New,Courier; font-size:13px; font-weight:bold; text-decoration:none; color:#00A0FF;}
a.attr_link:visited {font-family:Courier New,Courier; font-size:13px; font-weight:bold; text-decoration:none; color:teal;}
a.attr_link:hover {text-decoration:underline;}
a.attr_link:active {font-weight:bold; text-decoration:none;}
.voc_entry_desc {font-weight:bold; font-style:italic; color:maroon;}

.voc_input {background-color:white;}
.voc_editor {font-family:Courier New,Courier; font-size:14px; line-height:18px; font-weight:normal; text-align:left; color:#000000;background-color:white;}   /* the same as '.wsp_txt_npl' but with additional font 'Courier New' and background color 'white' */

.voc_text {font-size:16px;}
.voc_remark {font-size:13px;}
.voc_text_lit {font-size:16px; text-indent:1cm;}
.voc_remark_lit {text-indent:0.75cm; font-size:13px;}
.voc_explanation {font-size:16px; color:rgb(30,155,225);}
.voc_expl_hilite {font-weight:bold; color:teal;}
.italic_bright {font-style:italic; color:olive;}

.ph_text {font-size:16px;}
.ph_translation {font-size:16px; color:gray;}
.ph_attributes {font-size:13px; font-style:italic;}
.ph_number {font-size:14px; font-weight:bold; color:silver;}
.ph_number_white {font-size:14px; font-weight:bold; color:white;}
a.ph_link:link {font-size:16px; font-weight:normal; text-decoration:none; color:blue;}
a.ph_link:visited {font-size:16px; font-weight:normal; text-decoration:none; color:purple;}
a.ph_link:hover {text-decoration:underline;}
a.ph_link:active {font-weight:bold; text-decoration:none;}

.sel_text {color:rgb(255,200,100);}
.sel_operator {font-family:Arial Black,Arial; font-size:18px; font-weight:bold; text-decoration:none; color:rgb(255,200,100);}
.sel_entry {background-color:rgb(255,200,100);}

.voc_message {font-size:18px; font-weight:bold; color:green;}
.voc_note {font-size:13px; font-weight:bold; font-style:italic;}
.voc_error {font-size:18px; font-weight:bold; color:red;}

.earth {display:block;}
.air {display:none;}

/***** ^-- SECTION 2 *****/