body
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    height: 100%;
    width: 800px;
    margin-left: 50px;
}

p.intro
{
    text-align:justify;
    font-weight: bold;
    font-size: medium;
}

img
{
    border:none;
}

a:link, a:visited
{
    color:blue;
}

a:hover
{
    color:darkgreen;
}


.lefttoppanel, .leftbottompanel, .righttoppanel, .rightbottompanel
{
    border:3px solid black;
    width:250px;
    height:300px;
    float:left;
    margin:20px;
}

.nostylea
{
    text-decoration:none;
}

.loginbox
{
    border: 3px solid black;
    background: white;
}

.hd
{
    height: 25px;
    border-bottom: 1px solid black;
    padding:5px;
    font-weight:bold;
    background-color: white;
}

.bd
{
    border-top: 1px solid black;
    padding:5px;
    background-color: white;
}

#notification
{
    border:2px solid white;/*#9c9;*/
    background-color: #F75D59; /*skyblue;#cfc;*/
    font-weight:bold;
    text-align:center;
    padding: 5px;
    float: left;
    width: 98%;
}

.mask
{
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
  background-color:#2f2f2f;
}


#login-form
{
    float:left;
    margin:10px;
    width:100%;
}

#content-1
{
    background-color:silver;
    width:100%;
}

.cssbox,
.cssbox_body,
.cssbox_head,
.cssbox_head h2
{
    text-align:center;
    background: transparent url(/images/d.png) no-repeat bottom right;
}
.cssbox
{
    width: 375px !important; /* 335 orig intended total box width - padding-right(next) */
    width: 320px;
    /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */
}

/* set the top-right image */
.cssbox_head
{
    text-align:center;
    background-position: top right;
    margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2
{
    text-align:center;
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%;
    /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body
{
    text-align:center;
    background-position: bottom left;
    margin-right: 25px; /* interior-padding right */
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ ;
}