
html {overflow-y: scroll;}

body {
    font-family:arial,sans-serif;
    font-size: 15px;
    background-color:#fff;
    background-image: url(/B/trees.jpg);
    background-repeat: no-repeat; 
    background-position: center top;
    margin-left: 0px auto;
    margin-right: 0px auto;
    margin-top: 0px;
    padding-top: 75px;
    z-index:1;
}

div#loginPopupDiv {
    width:430px; 
    height:400px; 
    top:50%; 
    left:50%; 
    margin: -300px 0 0 -395px;
    position: fixed;
    background-color:#fff;
    background-image: url(/pages/B/790_img_86.jpg);
    background-repeat: no-repeat; 
    background-position: center top;
    background-color: white;
    padding: 60px 20px 20px 320px;
    border: 1px solid #888;
    display: none;
    z-index:10000;
    font-size: 20px;
}

div#loginPartP {
    display: block;
    font-size: 20px;
}

div#newUserPartP {
    display: none;
    font-size: 20px;
}

#darklayer
{
    display:none;
    background-color: black;
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top: 0px;
    left: 0px;
}

div#editorPopupDiv {
    display: none;
}

#blogentry {
    width: 500;
    height: 200;
} 

#blogcomment {
    width: 500;
    height: 200;
} 

div.popup {
    display:none;
    background-color: #fff;
    border: #888 2px solid;
    padding: 5px 5px 5px 5px;
    z-index:100;
}

p.clear {
    clear: both;
}

a img {
  border: #888 0px solid;
}

.aButton {
cursor:pointer;
display:inline;
font-family:arial,sans-serif;
font-size: 12px; 
padding: 2px 2px 2px 2px;
}

#content { 
   width: 890px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
}

.bluck
{
  float: left;
  width: 37px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.image
{
  margin: 0px 0px 0px 0px;
}

div.image img
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.border_p {
  border: #000 1px solid;
}

a.thumbnail
{
  position: relative;
  display: block;
}

a.thumbnail span
{ 
    position: absolute;
    background-color: white;
    padding: 5px;
    border: 1px solid #888;
    display: none;
    color: black;
    z-index:2;
}

a.thumbnail:hover span
{
    display: block;
    top: 0px;
    left: 0px; 
}

div#topbarleft {
    float:left;
    text-align: left;
    height: 36px;
    width: 50%;
    display: inline;
}

a#enableeditor {
    visibility:visible;
}

a#disableeditor {
    visibility:hidden;
}

a#logout {
    visibility:hidden;
}

#couldnotlogin {
    display:none;
    color: #ce5246;
}

#login_in_use {
    display:none;
    color: #ce5246;
}

#pwdsnotequal {
    display:none;
    color: #ce5246;
}

#emailsnotequal {
    display:none;
    color: #ce5246;
}

.poof {
    cursor: pointer;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

div#topbarright {
    float:right;
    text-align: right;
    width: 50%;
    height: 36px;
    display: inline;
}

div#muddle {
    float: left;
    width: 72px;
    margin:0 0 0 0;
}

div#lefty {
    display:block;
    float:left;
    width: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#center {
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


div#righty {
    display:block;
    float:right;
    width: 260px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

p {
  padding: 5px 5px 5px 5px;
}


p.normal_p {
    margin-bottom: 5px;
}

p.medium_p {
    font:normal 20px Arial,Sans-Serif;
    color: #8c0b0b;
    margin-bottom: 5px;
}

p.large_p {
    font:normal 35px Arial,Sans-Serif;
    color: #8c0b0b;
    margin-bottom: 20px;
}

div.boxed_div { 
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #888;
}

.block_p {
   display: block;
}

.inline_p {
   display: inline;
}

img.PP {
    border: 0;
}

a {
    color: #8c0b0b;
    text-decoration: none;
    white-space: nowrap;
}

a:active {
    color: #8c0b0b;
}

a:hover {
    color: #8c0b0b;
    text-decoration: underline;
}

a:visited {
}

#prevsvenska {
    background-color: #888;
    width:500px;
    height:300px;
}

#prevengelska {
    background-color: #888;
    width:350px;
    height:100px;
}

#prevkinesiska {
    background-color: #888;
    width:350px;
    height:100px;
}

#svenska {
    width:350px;
    height:200px;
}

#engelska {
    width:350px;
    height:200px;
}

#kinesiska {
    width:350px;
    height:200px;
}

#input {
    display:none;
}

.default_align_p {
}

.left_align_p {
    float:left;
}

.right_align_p {
    float:right;
}

.clear_p {
    clear:both;
}
.width_full_p {
}

.width_50_p {
    width:50px;
}

.width_100_p {
    width:100px;
}

.width_260_p {
    width:260px;
}

.width_512_p {
    width:512px;
}

.width_790_p {
    width:790px;
}

.width_890_p {
    width:890px;
}

.selectable  {
    width:60px;
}

