.admin {
/*class which is toggle-able*/
}

#admin { 
position: relative;
font-family: verdana, geneva;
border: #666666 2px solid; 
background-color: #ffffff; 
padding: 4px; 
margin-bottom: 5px;
}

#admin a {
text-decoration: none;
}

#adminhead {
border-left: #234362 3px solid;
border-top: #60859D 3px solid;
border-right: #B0CBDD 3px solid;
border-bottom: #486A82 3px solid;
background-color: #376A9B;
padding-left: 5px;
color: white;
font-size: 11px;
font-weight: bold;
margin-bottom: 2px;
}

#adminbody {
background-color: #CCCCCC;
color: black;
padding: 8px;
font-family: verdana, geneva;
font-size: 10px;
font-weight: bold;
line-height: 16px;
}

#adminbody td p {
font-family: verdana, geneva;
font-size: 10px;
font-weight: bold;
line-height: 16px;
}

.adminbutton {
font-family: verdana, geneva;
font-size: 10px;
font-weight: bold;
color: black;
margin-right: 4px;
margin-bottom: 4px;
padding: 4px;
padding-bottom: 3px;
padding-left: 8px;
border: 1px #A4A4A4 solid;
border-right: 2px #A4A4A4 solid;
background-color: #EEEEB3;
background-image: url(../images/admin/adminbuttonbak.gif);
line-height: 28px;
}

.adminbuttonoff {
font-family: verdana, geneva;
font-size: 10px;
font-weight: bold;
color: black;
margin-right: 4px;
margin-bottom: 4px;
padding: 4px;
padding-bottom: 3px;
padding-left: 8px;
border: 1px #A4A4A4 solid;
border-right: 2px #A4A4A4 solid;
background-color: #cccccc;
background-image: url(../images/admin/adminbuttonbakoff.gif);
line-height: 28px;
}

#adminbody dfn {
font-family: verdana, geneva;
margin-left: 5px;
padding-left: 2px;
padding-right: 2px;
cursor: help;
background-color: white;
border: 1px solid #376A9B;
color: #376A9B;
font-weight: bold;
}

.adminbutton a {
color: black;
}

.adminbutton a:visited {
color: black;
}

.adminbutton a:hover {
color: red;
}

.adminbutton a:active {
color: blue;
}

.adminformbutton {
font-family: verdana, geneva;
font-size: 10px;
font-weight: bold;
color: black;
background-color: #E7E7AD;
border-top: 3px solid #FFFFCE;
border-right: 3px solid #FFFFCE;
border-bottom: 3px solid #CECE9C;
border-left: 3px solid #B5B58C;
}

#adminmessage {
background-image: url(../images/admin/msgbak.gif);
height: 14px;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 5px;
font-family: verdana, geneva;
font-size: 10px;
font-weight: bold;
}

.adminsmallbutton {
font-family: verdana, geneva;
font-size: 9px;
font-weight: bold;
color: black;
margin-right: 1px;
margin-bottom: 1px;
padding: 1px;
padding-bottom: 1px;
padding-left: 1px;
border: 1px #A4A4A4 solid;
border-bottom: 1px #646464 solid;
border-right: 1px #646464 solid;
background-color: #EEEEB3;
text-decoration: none;
}

.adminsmallbutton a {
color: black;
}

.adminsmallbutton a:visited {
color: black;
}

.adminsmallbutton a:hover {
color: red;
}

.adminsmallbutton a:active {
color: blue;
}

.adminmovepage1 a {
text-decoration: none;
display: block;
margin-top: 5px;
width: 350px;
visibility: visible;
font-size: 2px;
height: 2px;
line-height: 2px;
color: white;
background-color: #eeeeee;
}

.adminmovepage1 a:hover {
text-decoration: none;
display: block;
margin-top: 5px;
border-bottom: 1px dotted green;
border-top: 1px dotted green;
visibility: visible;
text-align: right;
font-size: 10px;
height: 15px;
line-height: 15px;
color: green;
}

.adminmovepage2 a {
text-decoration: none;
display: block;
margin-top: 5px;
width: 350px;
visibility: visible;
font-size: 2px;
height: 2px;
line-height: 2px;
color: white;
background-color: #eeeeee;
}

.adminmovepage2 a:hover {
text-decoration: none;
display: block;
margin-top: 5px;
border-bottom: 1px dotted red;
border-top: 1px dotted red;
visibility: visible;
text-align: right;
font-size: 10px;
height: 15px;
line-height: 15px;
color: red;
}

.adminmovepage3 a {
text-decoration: none;
display: block;
margin-top: 5px;
width: 350px;
visibility: visible;
font-size: 2px;
height: 2px;
line-height: 2px;
color: white;
background-color: #eeeeee;
}

.adminmovepage3 a:hover {
text-decoration: none;
display: block;
margin-top: 5px;
border-bottom: 1px dotted blue;
border-top: 1px dotted blue;
visibility: visible;
text-align: right;
font-size: 10px;
height: 15px;
line-height: 15px;
color: blue;
}

#controlpanel {
/*control panel at top right*/
position: fixed; 
top: 10px; 
right: 10px;
border: 3px double black;
background-color: #cccccc;
font-family: tahoma;
letter-spacing: 1px;
font-size: 11px;
font-weight: bold;
padding-bottom: 3px;
}

#controlpanel h5 {
text-transform: uppercase;
margin: 0;
margin-bottom: 4px;
color: white;
background-color: #376A9B;
border-top: 1px solid #9AB5C8;
border-left: 1px solid #9AB5C8;
border-bottom: 1px solid #324A5A;
border-right: 1px solid #324A5A;
font-size: 11px;
}

.controlpanel {
background-color: #EEEEB3;
padding: 1px;
padding-left: 2px;
padding-right: 2px;
margin: 2px;
border: 1px solid #444444;
text-decoration: none;
color: black;
}

.controlpanel:hover {
color: red;
}

.controlpanel:active {
color: white;
background-color: #376A9B;
}

*html #controlpanel {
/*hack for ie position:fixed*/
position: absolute;
top:expression(document.documentElement.scrollTop+5+Math.random()*0); 
left:expression(document.body.clientWidth-100);
}

#toc {
display: none;
text-align: center;
margin-top: 6px;
background-color: white;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#toc a {
display: block;
font-weight: normal;
color: black;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;

}

#toc a:hover {
background-color: #eeeeb3;
color: #660000;
}