/* CSS Reset */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, input, th, td, iframe{  
margin: 0; padding: 0; border: 0; outline: none; line-height:1.5em;}  

.blurred{
  color:white;
  font-size:5em;
  text-align:center;
  padding-top:200px;
  position:fixed;
  display:block;
  z-index:100000;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.6);
}
.focused{
  position:fixed;
  display:none;
}

.showRes{cursor:pointer;}
 

ul, ol{list-style: none;}  
  
div{text-align:left;}

h1{
  font-size:1.5em;
}
h2{
  padding-left:5px;
  margin:10px 0;
  font-size:1.3em;
  }

a{text-decoration:none;}




.r1{
font-size:1.1em;
font-weight:bold;
color:#FF4900;}

.r2{
font-size:1.2em;
font-weight:bold;
color:#BF5930;}

.r3{
font-size:1em;
font-weight:bold;
color:#A62F00;}

.r4{
font-size:1.1em;
font-weight:bold;
color:#FF9B73;}

.r5{
font-size:1.2em;
font-weight:bold;
color:#FF7100;}

.r6{
padding:0 1px;
font-size:1em;
font-weight:bold;
color:#ffffff;
background-color:#BF6F30;}

.r7{
padding:0 1px;
font-size:1.1em;
font-weight:bold;
color:#ffffff;
background-color:#A64A00;}

.r8{
padding:0 1px;
font-size:1.2em;
font-weight:bold;
color:#ffffff;
background-color:#FF9540;}

.r9{
padding:0 1px;
font-size:1em;
font-weight:bold;
color:#ffffff;
background-color:#FFB173;}

.r10{
padding:0 1px;
font-size:1.1em;
font-weight:bold;
color:#ffffff;
background-color:#FF0700;}

.b1{
font-size:1.1em;
font-weight:bold;
color:#000099;}

.b2{
font-size:1.2em;
font-weight:bold;
color:#3300cc;}

.b3{
font-size:1em;
font-weight:bold;
color:#3366cc;}

.b4{
font-size:1.1em;
font-weight:bold;
color:#00ccff;}

.b5{
font-size:1.2em;
font-weight:bold;
color:#66ccff;}

.b6{
padding:0 1px;
font-size:1em;
font-weight:bold;
color:#ffffff;
background-color:#3333cc;}

.b7{
padding:0 1px;
font-size:1.1em;
font-weight:bold;
color:#ffffff;
background-color:#3366ff;}

.b8{
padding:0 1px;
font-size:1.2em;
font-weight:bold;
color:#ffffff;
background-color:#6666ff;}

.b9{
padding:0 1px;
font-size:1em;
font-weight:bold;
color:#ffffff;
background-color:#3399ff;}

.b10{
padding:0 1px;
font-size:1.1em;
font-weight:bold;
color:#ffffff;
background-color:#ccffff;}

.g1{
font-size:1.1em;
font-weight:bold;
color:#006600;}

.g2{
font-size:1.2em;
font-weight:bold;
color:#666600;}

.g3{
font-size:1em;
font-weight:bold;
color:#00cc00;}

.g4{
font-size:1.1em;
font-weight:bold;
color:#00ff00;}

.g5{
font-size:1.2em;
font-weight:bold;
color:#ccff00;}

.g6{
padding:0 1px;
font-size:1em;
font-weight:bold;
color:#ffffff;
background-color:#006633;}

.g7{
padding:0 1px;
font-size:1.1em;
font-weight:bold;
color:#ffffff;
background-color:#009900;}

.g8{
padding:0 1px;
font-size:1.2em;
font-weight:bold;
color:#ffffff;
background-color:#669900;}

.g9{
padding:0 1px;
font-size:1em;
font-weight:bold;
color:#ffffff;
background-color:#cccc00;}

.g10{
padding:0 1px;
font-size:1.1em;
font-weight:bold;
color:#ffffff;
background-color:#00ff33;}

.p1{
font-size:1.1em;
font-weight:bold;
color:#cc00ff;}

.p2{
font-size:1.2em;
font-weight:bold;
color:#ff00ff;}

.p3{
font-size:1em;
font-weight:bold;
color:#ff99cc;}

.p4{
font-size:1.1em;
font-weight:bold;
color:#ffccff;}

.p5{
font-size:1.2em;
font-weight:bold;
color:#ccccff;}

.p6{
padding:0 1px;
font-size:1em;
font-weight:bold;
color:#ffffff;
background-color:#cc00cc;}

.p7{
padding:0 1px;
font-size:1.1em;
font-weight:bold;
color:#ffffff;
background-color:#cc33ff;}

.p8{
padding:0 1px;
font-size:1.2em;
font-weight:bold;
color:#ffffff;
background-color:#ff66ff;}

.p9{
padding:0 1px;
font-size:1em;
font-weight:bold;
color:#ffffff;
background-color:#ff99ff;}

.p10{
padding:0 1px;
font-size:1.1em;
font-weight:bold;
color:#ffffff;
background-color:#ffccff;}


/* CSS Document */
body{
width:100%;
text-align:center;
font-size:1em;}

.hidden{
  display:none;}
  
ol.regular{
  margin-left:20px;
  list-style:decimal;}

ol.regular li{line-height:2em;}

p.indent{margin-left:20px;}

ul.regular{
  margin-left:20px;}

div.top_sep{width:100%; height:80px;}

nav, div.nav{
  top:0;
  width:100%;
  position:fixed;}


div#nav_links2 a{
  font-size:1em;
  font-weight:bold;}

div.nav ul.nav_links li {
  padding-left:10px;
  display:inline;}

div.nav ul.nav_links {
  margin-top:15px;
  margin-left:120px;
  }

div.nav a{
  text-decoration:none;}

div.nav li{
  padding-right:10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;}
	
div.nav li:hover{
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
  padding-left:10px;}

.alerts, .alerts2{
  padding:5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;}
	
.alerts:hover, .alerts2:hover{
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
}

div#nav_links2 li{
  padding-bottom:5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;}
	
div#nav_links2 li:hover{
  padding-left:10px; }

img#logo{
  position:absolute;
  top:5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  }

img#logo:hover {
  -webkit-transform: scale(1.025);
  -o-transform: scale(1.025);
  -moz-transform: scale(1.025);}

div.examples{
  padding-left:15px;}

/*div.examples p:before{
  content: " - "}
*/
.vsource{
  font-size:.8em;}

div.otest{
  background:white;
  padding:15px;
  width:500px;
  height:200px;
}

.top_nav {
  top:0;
  position:absolute;
  display:none;
  z-index:100;}

.nav_links {
  font-size:20px;
  font-weight:bold;
}

.nav_buttons{
  position:absolute;
  right:50px;
  top:0;
  padding:0 10px;
  font-size:15px;}

.button{
  margin:2px;}

#top_login {
  position:absolute;
  right:0;
  top:0;
  color:#c0c0c0;
}
  
.logout{
  font-weight:bold;
  font-size:12px;
  top:0;
  right:15px;
  z-index:1000;
  padding:2px 5px;
  position:fixed;}

.logout a, .logout span{
  padding:2px 5px;}

 
#loginbut{
  background-image:url('/graphics/logout1.png');
  width:60px;
  height:20px;
  text-align:center;}

#loginbut a{
  color:#ffffff;
  text-decoration:none;}

.main{
  text-align:left;
  margin:20px;
  min-height:1000px;}

.content {
  /*padding:90px 10px 110px 10px;*/
  min-width:600px;
  margin-left:110px;}

.nav_bottom{
  padding:5px;
  text-align:right;
  height:20px;
  font-size:10px;
  margin:15px 30px;
  text-transform:uppercase;}
  
  
.content_ex{
  margin:35px;
  padding:10px;
  min-height:200px;}

div.online{
  z-index:100;
  position:fixed;
  top:90px;
  left:5px;
  width:100px;}

div#showOnline p{margin-bottom:5px;}

div#nav_links2 a{
  text-decoration:none;}

div.tlinks4{
  padding-top:25px;}

div.facebook{
  z-index:0;
  top:360px;
  right:38px;
  position:fixed;}

div.login{
  font-size:0.9em;
  z-index:0;
  top:160px;
  right:38px;
  position:fixed;
  width:166px;
  height:130px;
  padding:20px 10px;
  border:2px solid black;
  background-color:rgba(255,255,255,0.5);
  border-radius: 3px;}

div.login p{line-height:2em; font-size:.9em;}
div.login input{margin-bottom:5px;}
div.login input{
  padding:2px 5px;
  border:2px solid #c0c0c0;
  border-radius:3px;}
div.login input[type=email], div.login input[type=password] {width:152px;}
div.login input[type=submit]{padding:2px;}

div#showShoutbox{
  overflow:scroll;}

.shoutnick{
  font-weight:bold;
  font-size:0.8em;}
  
.shouttime{
  font-size:.6em;
  text-align:right;
  padding-right:5px;
  margin:5px 0 0;}

.shout{
  font-size:.9em;
  text-align:justify;
  padding-right:5px;
  margin:0;}

.buttonx{
  font-size:.8em;
  padding:0 2px;
  color:red;
  font-weight:bold;
  cursor:pointer;}

.shoutarea{
  margin-top:5px;
  height:45px;
  width:186px;}
 
.a_m{
  cursor:pointer;
  color:#ffffff;
  font-size:3em;}
  
#menus{
  z-index:2000;
  position:fixed;
  padding:50px 0;}

div.ptitle{
  z-index:10;
  position:fixed;
  right:0;
  top:10px;
  margin-right:350px;}

#loading{
  z-index:10000;
  position:fixed;
  text-align:center;
  font-weight:bold;
  display:none;}

.in{
  color:#404040;
  margin-left:200px;
  padding-left:50px;
  font-family: 'Yanone Kaffeesatz', serif;
  font-size: 100px;
  text-shadow: 0 0 5px #000000, 2px 2px 0 red, -2px -2px 0 red;}

.m_bg{
  z-index:1000;
  position:fixed;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  display:none;
  background:rgba(0,0,0,0.8);}  

.dbg{position:fixed;}
    
.lbg{position:fixed;}  

.m_w{
  position:fixed; 
  display:none;
  margin-right:50px;
  z-index:2000;}

.m_w2{
  left:150px;
  top:0;
  position:fixed; 
  display:none;
  z-index:900;
  background-color:rgba(255,255,255,0.95);
  border:1px solid black;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  overflow:auto;
  padding:20px;
  }

#m_w4{
  overflow:auto;}

#m_w5{
  position:fixed;
  display:none;
  z-index:3000;
  overflow:auto;
  padding:10px;
  font-size:2em;
  color:white;}

.default{
  min-width:500px;
  /*min-height:300px;*/
  overflow:auto;
  padding:20px;}
 
.resource{
  /*min-height:300px;*/
  overflow:hidden;
  text-align:center;
  background-color:rgba(255,255,255,0.1);
  border-radius: 15px;
  -webkit-border-radius: 15px;} 

.keywords{
  overflow:auto;
  background-color:white;
  border-radius: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -webkit-border-radius: 15px;
  
}

.alerts{
  font-size:1em;
  color:#ffcc00;
  text-shadow:2px 2px 2px #000000, -2px 2px 2px #000000, -2px -2px 2px #000000, 2px -2px 2px #000000;
  cursor:pointer;}

.alerts2{
  font-size:1em;
  color:#c0c0c0;
  text-shadow:2px 2px 2px #000000, -2px 2px 2px #000000, -2px -2px 2px #000000, 2px -2px 2px #000000;
  cursor:pointer;}

  
.showres1{
  font-family:Verdana;
  font-size:2em;
  overflow:auto;
  margin:20px;
  background:white;
  padding:20px;
  border:3px solid black;
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;}

.showres1 p{line-height:1.3em; margin:0; padding:0;}

.entry{
  margin:10px 5px;
  padding:10px 20px;
  text-align:justify}

.entry p{
   margin-bottom:10px;
}

   
#menus div a{color:#ffffff;}

#v{
  color:#ff0000;
  font-weight:bold;
  padding:50px;}
  
.x3{
  margin-top:10px;
  margin-right:-10px;
  height:41px;
  font-size:3em;
  cursor:pointer;
  font-weight:bold;
  text-align:right;}

.x{
  margin-top:-10px;
  font-size:1.5em;
  cursor:pointer;
  font-weight:bold;
  text-align:right;}

.noteex{
  padding:5px;
  margin:5px;
  margin-left:30px;
  font-size:0.8em;
  border:1px dashed #c0c0c0;
  }

#menus{
  text-align:center;
  position:fixed;}

.more {
  display:inline-table;
  text-align:center;
  width:35px;}

.r{
  color:#ffffff;
  margin:20px;
  display:inline-table;
  width:120px;
  height:50px;
  font-size:1.5em;
  text-align:center;
  /*transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;*/}

.r:hover{
  text-decoration:underline;
  /*-webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);*/}


/*fieldset {
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:15px 0;
  border-top: 1px solid #7F5417;
  border-bottom: 1px solid #7F5417;
  margin-bottom:10px;}
*/

button{
  background-color:rgba(255,255,255,0.0);}

legend {
  padding:0 20px;
  margin-left:20px;}

label {
  display: inline-block;
  text-align: right;
  padding-right: 7px;}

label.l150 {
  font-size:1.1em;
  display: inline-block;
  text-align: right;
  padding-right: 7px;
  margin-bottom: 7px;
  min-width:150px;
  vertical-align:middle;}
  
label.l200 {
  font-size:1.1em;
  display: inline-block;
  text-align: right;
  padding-right: 7px;
  margin-bottom: 7px;
  min-width:150px;
  vertical-align:middle;}

textarea{
  padding:0;
  margin:0;
  border:1px solid brown;
  background-color:rgba(255,255,255,0.6);
  /*min-width:300px;
  min-height:100px;*/}

textarea.t400200{
  width:400px;
  height:200px;}

textarea.tbig{
  width:400px;
  height:200px;}

.t400 {width:400px;}

.tmax{
  width:100%;
  height:50px;}

/*input[type="text"], select {
  display: inline-block;
}*/
  
div#ajustify{
  text-align:justify;}

div.catbox{
  display:inline-table;
  vertical-align:top;
  width:180px;
  min-height:50px;
  margin:10px;
  padding:10px;}
  
div.catbox2{
  display:inline-table;
  vertical-align:top;
  width:250px;
  min-height:50px;
  margin:10px;
  padding:10px;}

p.letter{
  font-size:1.2em;
  font-weight:bold;}

div.pnumber{
  width:15px;
  font-weight:bold;
  padding-right:10px;
  text-align:right;}

span.nbs {
  font-size:.8em;
  font-weight:bold;}

span.nbs2 {
  font-size:.8em;
  font-weight:bold;}

div.expoint{
  width:100%;
  display:table;
  line-height:1em;}

div.extratext{
  text-align:justify;
  padding-left:15px;}

div.expoint div{
  padding-top:10px;
  display:table-cell;
  /*vertical-align:middle;*/}

div.exmc{
  display:table;
  line-height:1.5em;
  margin:0 0 10px 20px;}

div.exmc div{
  display:table-cell;
  vertical-align:top;}

div.exchoicebox{
  margin:10px 0;
  border:1px solid black;
  padding:10px;
  text-align:center;}

div.exinstructions{
  font-size:1.1em;
  font-weight:bold;}
  
div.right{
  text-align:right;
  font-weight:bold;
  text-transform:uppercase;}

div.left{
  font-weight:bold;
  text-transform:uppercase;}
  
.answerc{
  font-weight:bold;
  color:#336600;}

.answerw{
  font-weight:bold;
  color:#cc0000;}

.title{
  font-size:2em;
  font-weight:bold;}

.title1{
  line-height:2em;
  font-size:1.1em;
  color:#660000;}

.s{text-decoration:line-through;}

.s2{
  text-decoration:line-through;
  border-bottom:2px solid red;}

  .ex{
font-size:0.8em;
padding-left:50px;
color:#000066;
}

.source, .italic, .i{font-style:italic}

.und, .u, .replaced_word{text-decoration:underline;}

.bu{
  font-weight:bold;
  text-decoration:underline;}

.caption{
  font-size:.8em;
  text-align:right;}

div.calbox{
  display:inline-table;
  vertical-align:top;
  margin:5px;
  padding:5px;}

table.cschedule{font-size:0.8em;}

table.cschedule td{
  cursor:pointer;
  padding:1px;
  text-align:right;}

.marked{background-color:#ff9900;}

.schedulel{
  display:table-cell;
  vertical-align:top;
  width:40%;}

.scheduler{
  display:table-cell;
  vertical-align:top;
  width:59%;}

div#hide div{display:none;}

.aright{text-align:right;}
.acenter{text-align:center;}

.date{font-size:0.8em;}

.title3{margin-left:-5px; margin-top:-20px; font-size:2em;}

/*.scale{
  text-align:justify;
  padding:5px; 
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;}

.scale:hover{
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);} */

div.showres p{padding-bottom:35px;}

#nav2{
  width:40px;
  position:fixed;
  top:80px;
  right:230px;}

.tnav2{
  text-align:center;
  font-size:1.1em;
  line-height:2em;
  cursor:pointer;}

div.rmessage{
  padding:10px;
  width:380px;
  margin:10px;
  margin-left:110px;
  border:1px dotted #c0c0c0;}

.cloudtag{text-align:center;}
.cloudtag div{
  display:inline-block;
  padding:0 20px;}

div.table{
  display:table;
  width:100%;}

div.ftable{
  width:100%;
  display:table;}

div.row, div.row1, div.frow, div.frow2 {display:table-row;}



div.frow2 div.cell{
  text-transform:uppercase;
  font-weight:bold;
}

div.cell{
  display:table-cell;
  padding:5px;
  max-width:500px;}

div.celll{
  display:table-cell;
  width:100px;
  text-align:right;
  padding-right:20px;}

div.cellr{
  display:table-cell;
  min-width:220px;
  text-align:right;
  padding-left:20px;}

div.flabel{
  display:table-cell;
  font-weight:bold;
  padding:5px;
  text-align:right;
  vertical-align:middle;}
  

  
div.finput, div.fdesc, div.fsubmit{
  display:table-cell;
  padding:5px;}

div.flabel{max-width:80px;}

div.fcontent{
  display:table-cell;
  padding:5px;}

div.cellb{
  vertical-align:middle;
  font-size:.8em;
  display:table-cell;
  text-align:right;
  white-space:nowrap;
}

div.cellb div{display:inline;}
  
div.buttons{
  text-align:left;
  margin-bottom:15px;
  padding:0;}

div.buttons div{
  display:inline;
  padding-right:10px;}

.shownick{
  font-weight:bold;
  cursor:pointer;}
  
div.h_w{
  width:800px;
  position:absolute;
  z-index:5000;
  background-color:white;
  text-align:left;
  padding:10px;
  max-height:500px;
  overflow:auto;
  display:none;
  border:1px solid #000000;
  border-top:none;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;}

div.portrait{
  margin:0;
  padding:10px;}

div.landscape{
  margin:0;
  padding:10px;
  width:510px;
  display:inline-block;}
  
.b{
  font-weight:bold;}
  
span[onclick], .pointer, .button_p {
  cursor:pointer;}
  
.mccorrect{
  background-color:rgba(0,102,0,0.3)}
  
.mcwrong{
  background-color:rgba(204,0,0,0.3)}

.infg{
  font-weight:bold;
  padding:2px;
  color:#006600;}

.info{
  font-weight:bold;
  padding:2px;}

.infg{
  font-weight:bold;
  padding:2px;
  color:#336600;}

.infr{
  font-weight:bold;
  padding:5px;
  color:#990000;}

.rcomment{
  margin-left:50px;
  margin-bottom:10px;
  font-size:0.9em;}

.clear{clear:both;}

.cgroup{
  display:inline-block;
  vertical-align:top;
  padding:10px;
  margin:10px 5px;
  width:250px;}

.utype1{color:red;}
.status0{color:#0000ff;}

.ccontenth1{
  font-size:.8em;
  padding:0 2px;
  border:1px solid rgb(153,0,153);
  background-color:rgba(153,0,153,.5);
  color:white;}

.ccontenth0{
  font-size:.8em;
  padding:0 2px;
  border:1px solid rgb(153,0,0);
  background-color:rgba(153,0,0,.5);
  color:white;}

.ccontenth2{
  padding:0 2px;
  background-color:#cc66ff;
  color:white;}

.columns2{
  column-count:2;
  column-gap: 20px;
  column-fill: auto;
  -webkit-column-count:2;
  -webkit-column-gap: 20px;
  -moz-column-count:2;
  -moz-column-gap: 20px;}

.columns3{
  column-count:3;
  column-gap: 20px;
  column-fill: auto;
  -webkit-column-count:3;
  -webkit-column-gap: 20px;
  -moz-column-count:3;
  -moz-column-gap: 20px;}
  
.columns4{
  column-count:4;
  column-gap: 20px;
  column-fill: auto;
  -webkit-column-count:4;
  -webkit-column-gap: 20px;
  -moz-column-count:4;
  -moz-column-gap: 20px;}

.columns5{
  column-count:5;
  column-gap: 20px;
  column-fill: auto;
  -webkit-column-count:5;
  -webkit-column-gap: 20px;
  -moz-column-count:5;
  -moz-column-gap: 20px;}

ul.columns li{
  break-inside: avoid-column;
  margin-bottom:3px;}

ul.columns li:nth-child(odd)    { background-color:rgba(176,176,176,0.2); }
ul.columns li:nth-child(even)    { background-color:rgba(176,176,176,0.1); }

/*#showLogin{
  position:absolute;
  top:10px;
  left:30px;
  background-color:rgba(0,0,0,0.5);
  padding:10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;}*/

.caption2{
  max-width:800px;
  text-align:center;
  font-weight:bold;
  padding:10px;
  color:white;
  font-size:1.5em;}

.show{
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:rgba(0,0,0,0.7);
  padding:25px;
  color:white;
  text-align:center;}

.mediawall {
  vertical-align:middle;
  text-align:center;}

.mediawall div{
  padding-right:80px;
  display:inline-block;
  }

span.a{
  font-weight:bold;
  color:#cc0000;}

span.sb{
  font-weight:bold;
  text-decoration:line-through;}

span.ur{
  font-weight:bold;
  border-bottom:2px solid #cc0000;
  text-decoration:line-through;}

span.un{
  font-weight:bold;
  border-bottom:2px solid #cc0000;}

span.un2{
  font-weight:bold;
  border-bottom:2px solid #000099;}

span.ec{
  font-weight:bold;
  color:#cc0000}

span.ec2{
  font-weight:bold;
  color:#000099}
  
div.anchorgap{
  height:1000px;}
  
.sh_alert{
  width:200px;
  text-align:right;
  font-weight:bold;
  font-size:5em;
  color:black;
  position:absolute;
  right:50px;
  top:110px;
  z-index:5000;}

/* exercises 08/09 */

span.left{
  text-transform:uppercase;
  font-weight:bold;
  padding-right:15px;}

td.numbered_list{
  vertical-align:top;}

div.awindows {width:100%;}
  
div.awindows div{
  display:inline-block;
  padding:5px 10px;
}

.call{
  color:white;
  background:black;
  font-weight:bold;
  font-size:2em;
  text-align:center;
}

.skypecall{
background-color:#99ccff;
color:#F2F5ED;
border:1px solid #194E84;
font-weight:bold;
padding:0 5px;
text-transform:uppercase;
margin-bottom:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.skypewait{
background-color:#cc0000;
color:#F2F5ED;
border:1px solid #84002E;
font-weight:bold;
padding:0 5px;
text-transform:uppercase;
margin-bottom:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.skypechat{
background-color:#37414A;
color:#F2F5ED;
border:1px solid #1F242A;
font-weight:bold;
padding:0 5px;
text-transform:uppercase;
margin-bottom:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

a:hover.raise{
  position: relative; bottom:.3em;}

.back{text-align:center; padding:10px;}

div.vs{border-top:1px dotted grey;}

div.vs div{
  padding-right:25px;
  display:inline-block;
  font-weight:bold;
}

  /* input fields */

.text {
  border-bottom: 1px solid #177F75;
  font-family:Verdana, Arial, Helvetica, sans-serif;}

  
input.login {
  width:200px;
  vertical-align:5px;
  border-bottom: 1px solid green
  background-color:rgba(255,255,255,0.6);}

.submenu{
  line-height:2em;
  margin:10px 0;}
.submenu div{
  display:inline;
  padding:0 5px;
  margin:0 5px;}

.submenu2{
  line-height:2em;
  font-size:0.8em;
  margin:20px 0;}
.submenu2 div {
  display:inline;
  margin-right:5px;}

.submenu a:hover, .submenu2 a:hover{text-decoration:none;}

#loading{
  position:fixed;
  display:none;}

.bg1{
  background-color:black
  filter:alpha(opacity=50);
  background-color:rgba(0,0,0,.5);
  z-index:1000;}
  
.bg2{
  background-color:white;
  filter:alpha(opacity=90);
  background-color:rgba(255,255,255,0.9);
  z-index:1000;}
  
.filter_buttons{
  font-weight:bold;
  font-size:.9em;}

.filter_buttons a{text-decoration:none;}

.filter_buttons div{
  line-height:2.5em;
  display:inline;
  white-space:nowrap;
  padding:5px;
  margin-right:40px;}

.filter_buttons select{
  font-size:0.9em;
  padding:0 5px 0 5px;
  border:0;
  background:none;}

.filter_buttons p{
  line-height:2em;}
  
form.submitF textarea{
  width:400px;
  height:100px;}

ul.ul_inline li{
  display:inline;
}

.fullwin{
  background-color:rgba(255,255,255,.9);
  z-index:1000;
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  overflow:auto;}

.fs08{
  font-size:0.8em;}

.max100{
  margin:5px;
  padding:5px;
  max-height:100px;
  overflow:auto;
}

.l03{padding-left:25px;}

.msg{
  padding:5px;
  margin:auto;}

.width350{width:350px;}
.width20{width:20px;}
.width40{width:40px;}

.finishmenu{
  text-align:center;
  padding-top:5px;}

.finishmenu span{
  padding:10px 25px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:rgba(192, 192, 192, 0.1);}

.finishmenu a{
  text-decoration:none;}

.q{margin:5px 20px; padding:5px; border:1px dashed #808080;}

.imgleft{
  float:left;
  margin:5px;}

.imgright{
  float:right;
  margin:5px;}

input:read-only{
  color:gray;}

.submenu a{text-decoration:none;}

.sdone{
  font-size:1.5em;
  font-weight:bold;
  padding:5px 5px 5px 15px;
  margin-left:5px;
  color:rgb(0,128,0);}

.sdone:before
{
content:url('/graphics/icon_ok.png');
}

.warning{
  color:#990000;
  font-weight:bold;
  vertical-align:10px;}

.warning:before {
  vertical-align:-5px;
  content:url('/graphics/icon_x.png');
}

select{
  padding:2px 5px;}
  
.dictionary_div{
  padding:10px;
  display:inline-block;
  vertical-align:top;}
  
ul.spaced li{
  padding:10px 0;
  border-bottom:1px solid #c0c0c0;}

.superscript{
  vertical-align: super;
  font-size:.7em;
  }

.h1{
  background-color:rgba(0,255,0,.5);
  border:1px solid lime;
  border-radius:5px;
}

.umimportant{
  border:1px solid #99000;
  background-color:rgba(153,0,0,.8);
  color:white;
  font-weight:bold;
  border-radius:2px;
}

.showenvelope{
  height:8px;
  padding-right:2px;
  cursor:pointer;}

.frow2 .cell div{
  padding-left:5px;
  display:inline;
  vertical-align:top;
}

.frow2 a{
  padding-left:5px;
  text-decoration:none;
  color:white;}

.frow2 .cell div select{font-size:.6em;}

.filter_buttons form{display:inline;}

a.button, a.button_p a{text-decoration:none;}