/* CSS Document */

/* fonts */
@font-face {
font-family: Burnstown;
src: url('/fonts/burnstown_dam.otf');}

@font-face {
font-family: VAG-HandWritten;
src: url('/fonts/VAG-HandWritten.otf');}

@font-face {
font-family: JINKY;
src: url('/fonts/JINKY.ttf');}

@font-face {
font-family: OET;
src: url('/fonts/OET.ttf');}

/* paragraphs */

p{
line-height:1.5em;
margin:0;
padding:0;}

p.prevnext{text-align:center;}

p.shout2{font-size:1em;}

div.content p, div.contentmistakes p{line-height:1.5em;}

div.showShoutbox p{line-height:1.2em;}

div.main p{margin-bottom:5px;}

div.lnote p{margin-bottom:5px;}

div.activity p{margin-bottom:10px;}

.content2 p{line-height:1.5em;}

/* spans */

.bold .b{font-weight:bold;}

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

.iconswing, .iconsweb{padding-right:20px;}

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

.call{
font-size:2em;
padding:0 5px;
font-weight:bold;
background-color:#000000;
color:#ffffff;}

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

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

.date, .time{
font-style:italic;
font-size:0.6em;}

.mistake{
font-weight:bold;
text-decoration:underline;
color:#ff0000;}

.mistake2{
font-weight:bold;
color:#ff0000;}

.mistaketype{
font-weight:bold;
color:#000099;}

.instructions{
font-size:1em;
font-weight:bold;
padding-bottom:.5em;}

.info{
font-weight:bold;
line-height:1.5em;}

.infu{
text-align:center;
margin:5px;
padding:5px;
color:#330000;
font-weight:bold;}

.infg{
margin:10px;
padding:5px;
color:#336600;
font-weight:bold;}

.infr{
margin:10px;
padding:5px;
color:#cc0000;
font-weight:bold;}

.bl{
width:100%;
border:none;
border-bottom:1px dotted #000000;
font-weight:bold;}

.bl20{
width:20px;
border:none;
border-bottom:1px dotted #000000;
font-weight:bold;}

.bl50{
width:50%;
border:none;
border-bottom:1px dotted #000000;
font-weight:bold;}

.bl150{
width:150px;
border:none;
border-bottom:1px dotted #000000;
font-weight:bold;}

.bl500{
width:500px;
border:none;
border-bottom:1px dotted #000000;
font-weight:bold;}

.bl600{
width:600px;
border:none;
border-bottom:1px dotted #000000;
font-weight:bold;}

.bl200{
width:200px;
border:none;
border-bottom:1px dotted #000000;
font-weight:bold;}

.idcmabsent{
cursor:pointer;
background:#BE2805;
color:#ffffff;
font-weight:bold;
padding:0 2px;}

.idcm{
cursor:pointer;
text-align:center;
background:#717400;
color:#ffffff;
font-weight:bold;
padding:0 2px;}

.idcmsunday{
text-align:center;
color:#BE2805;
font-weight:bold;
padding:0 2px;}

.idcmtoday{
text-align:center;
border:1px solid #717400;
font-weight:bold;
padding:0 2px;}

.idcmfuture{
text-align:center;
background:#808080;
color:#ffffff;
font-weight:bold;
padding:0 2px;}

.statuson{
color:#ffffff;
background:#00ccff;
padding:0 2px;
font-weight:bold;
font-size:.9em;
cursor:pointer;}

.statusoff{
color:#ffffff;
background:#a0a0a0;
padding:0 2px;
font-weight:bold;
font-size:.9em;
cursor:pointer;}

.click, #click{cursor:pointer;}

.imglogo{
text-align:left;
margin-left:5px;
margin-top:-33px;}

span.answerc{
font-weight:bold;
color:#006600;}

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

span.aonec{
background:#ffffff;
font-weight:bold;
color:#006600;
padding:0 3px;}

span.aonew{
background:#ffffff;
font-weight:bold;
color:#cc0000;
padding:0 3px;}

span.aone{
background:#ffffff;
font-weight:bold;
color:#000000;
padding:0 3px;}

span#spanlogin{
display:none;}

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

#showUsersOnline{
font-size:.7em;
font-weight:bold;
margin-left:330px;
margin-top:-40px;
color:#fffce6;}

#listidvoc, #listl01, #listl02, #listtitleex, #lists{display:none;}

.highlight{
font-weight:bold;
cursor:pointer;}

#lwrap{
margin:0;
padding:0;}

.extypeS{
font-weight:bold;
color:#006699;}

.extypeV{
font-weight:bold;
color:#cc3366;}

.asodd {background:#e0e0e0;}

#data, .none{
display:none;}

/* lists */

ul, ol{
line-height:1.5em;
margin:0;}

.divinline {
padding-left:0;
list-style:none;
line-height:1.5em;}

.divinline div{display:inline;}

.divinline li{clear:both;}

.nolist{
list-style:none;
margin:0;
padding:10px;}

li.resources{
font-weight:bold;
margin-bottom:10px;
padding:10px;
background-image:url('/graphics/bggreen5.png');
background-repeat:repeat;}

.nolist{
list-style:none;
margin:0;
padding:10px;}

div.vsightings ul, div.enotebook ul{
list-style:none;
margin:0;
padding:0;}

div.video{
text-align:center;}

/* forms & inputs */

form{
margin:0;
padding:0;}

input{
font-weight:bold;
margin:0;
padding:0;
background:none;
border:0;
border-bottom:1px solid #000000;}

input.answer{border-bottom:1px solid #000000;}

input.answerw{
border-bottom:1px solid #000000;
color:#cc0000;
font-size:1em;}

input.answerc{
border-bottom:1px solid #000000;
color:#006600;
font-size:1em;}

textarea{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

/* buttons */

.button{
text-transform:uppercase;
font-size:.7em;
border:1px solid #990000;
color:#990000;
font-weight:bold;
padding:0 2px;
cursor:pointer;}

.button:hover {
background:#990000;
color:#ffffff;}

button.prevnext{
border:0;
padding:1px;
background:none;
font-weight:bold;
cursor:pointer;}

div.buttons{
margin:5px;
padding:5px;
text-align:center;
background-image:url('/graphics/bggreen5.png');
background-repeat:repeat;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.button3{
font-size:.8em;
color:red;
font-weight:bold;
margin-left:2px;
cursor:pointer;}

.button4{
text-transform:uppercase;
color:#00ccff;
font-weight:bold;
padding:0 2px;
cursor:pointer;}

div.enotebookbuttons button{font-size:.9em;}

/* divs */

#div21{padding-bottom:50px;}

div.clear{clear:both;}

div.dimmer{
z-index:1000;
display:none;
position:fixed;
left:0px;
top:0px;
background-image: url("/graphics/bg_black_95.png");
background-repeat:repeat;}

div.separator{
font-size:.8em;
text-align:center;}

div.content{
font-size:1em;
text-align:justify;}

div.contentmistakes{
padding:5px;
font-size:1em;
text-align:justify;
background-color:#ffffff;
border:1px solid black;}

div.center{text-align:center;}

div.container {
font-size:.8em;
text-align:left;
width:990px;
margin-top:70px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
overflow:visible;}

div#showShoutbox{
padding:0 5px;
height:350px;
overflow:auto;}

div#div23{
font-size:.9em;
text-align:left;
padding:10px;
display:none;
z-index:1010;
height:100%;
width:800px;
position:fixed;
background-color:#ffffff;
border:2px solid black;
overflow:scroll;}

div#div24{
text-align:center;
vertical-align:middle;
padding:10px;
display:none;
z-index:1010;
position:fixed;}

div#div25{
text-align:center;
padding:10px;
display:none;
z-index:1010;
position:fixed;}

div#div26{
text-align:left;
top:10px;
left:25px;
padding:10px;
display:none;
z-index:1010;
position:fixed;
background-image:url('/graphics/bg_light_90.png');
background-repeat:repeat;
font-size:2em;
line-height:1.5em;
overflow:auto;}

div#div27{
font-size:.9em;
text-align:left;
padding:10px;
display:none;
z-index:1010;
height:400px;
width:600px;
position:fixed;
background-color:#ffffff;
border:2px solid black;}

div.exchoicebox{
line-height:1.5em;
margin:10px 0;
font-weight:bold;
padding:5px;
text-align:center;
border:1px solid #cccc00;
font-size:.9em}

#autosuggestion {
display:none;
overflow:scroll;
position:absolute;
background-image:url('/assets/bg_light_90.png');
background-attachment:fixed;
background-repeat:repeat;
color:#202020;
line-height:1.5em;
font-size:.8em;
text-align:left;
padding:0 2px;
margin-left:4px;
z-index:3000;}

#d2, #d3, #d4 {display:none;}

#showContent{
background-color:#ffffff;
border:1px solid black;
padding:5px;
margin-bottom:20px;}

div.left{
float:left;
width:535px;}

div.lleft{
float:left;
width:267px;}

div.rleft{
float:left;
width:267px;}

div.right{
float:left;
width:250px;}

.content2{text-align:justify;}

/* tables */

table.w100, table.t100, table.w100b{width:100%;}

table.w100 td, table.w100b td{padding:5px;}
td.td15{
width:15%;
text-align:right;}

td.td15b{
padding-left:5px;
width:15%;
text-align:right;}

td.td35{width:35%;}

td.td40{width:40%;}

td.td5{
width:5%;
text-align:right;}

td.td85{width:85%;}

table.cschedule {
font-size:.8em;
height:150px;
border:2px solid #000000;
padding:0;
margin:5px;
text-align:center;}

table.cschedule td{
width:25px;
line-height:1em;}

div#div26 table td{
vertical-align:top;
padding-bottom:30px;}

td.nblist{
font-weight:bold;
padding-right:5px;
text-align:right;
vertical-align:top;
}
td.wfright{
font-weight:bold;
text-transform:uppercase;
text-align:right;}

td.right{
text-align:right;}

td.attemped{
text-align:right;
font-weight:bold;}

td.done{
text-align:right;
font-weight:bold;}

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

td.answerone{
text-align:center;
vertical-align:top;}

/* columns */

.columns2{
column-count: 2;
column-gap: 1em;
column-rule: 1px solid #000000;
-moz-column-count: 2;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid #000000;
-webkit-column-count: 2;
-webkit-column-gap: 1em;
-webkit-column-rule: 1px solid #000000;}

.columns3{
column-count: 3;
column-gap: 1em;
column-rule: 1px solid #000000;
-moz-column-count: 3;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid #000000;
-webkit-column-count: 3;
-webkit-column-gap: 1em;
-webkit-column-rule: 1px solid #000000;}

.columns4{
column-count: 4;
column-gap: 1em;
column-rule: 1px solid #000000;
-moz-column-count: 4;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid #000000;
-webkit-column-count: 4;
-webkit-column-gap: 1em;
-webkit-column-rule: 1px solid #000000;}

.columns5{
column-count: 5;
column-gap: 1em;
column-rule: 1px solid #000000;
-moz-column-count: 5;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid #000000;
-webkit-column-count: 5;
-webkit-column-gap: 1em;
-webkit-column-rule: 1px solid #000000;}

.columns6{
column-count: 6;
column-gap: 1em;
column-rule: 1px solid #000000;
-moz-column-count: 6;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid #000000;
-webkit-column-count: 6;
-webkit-column-gap: 1em;
-webkit-column-rule: 1px solid #000000;}

.col491{
float:left;
width:49%;
border-right:1px dashed #B80028;}

.col492{
float:left;
width:49%;}

/* other */

.separatorimg{
cursor:pointer;
padding:0 15px;}

.separator a:hover{
text-decoration:none;}

img{
border:none;}

.h36{
margin-top:-35px;
margin-left:10px;
padding:2px;
color:#000000;
font-weight:bold;
font-size:3em;
text-shadow: 0 0 .1em #ffffff, 0 0 .1em #ffffff, 0 0 .1em #ffffff, 0 0 .1em #ffffff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}