﻿body { 
text-align: center;
margin: 0px;
padding-bottom: 20px;
background-color: #dddddd;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
color: #000000;
}

table { font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
img { border-style: none;  display: block; }

a { color: #0088cc; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

#Content { 
border: 1px solid rgb(160, 160, 160);
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding: 0px;
width: 950px;
text-align: center;
background-color: #ffffff;
}

#Panel { 
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding: 0px;
width: 100%;
height: 133px;
text-align: left;
background-color: #ffffff;
background-image: url('img/csspanel/med_panel.png');
background-repeat: repeat-x;
}

#ButtonsLeft { 
position: relative;
width: 374px;
height: 44px;
top: 47px;
left: 10px;
display: inline;
float: left;
margin: 0px;
padding: 0px;
vertical-align: top;
}

#ButtonsRight { 
width: 374px;
height: 44px;
top: 47px;
left: 52px;
position: relative;
display: inline;
float: left;
margin: 0px;
padding: 0px;
vertical-align: top;
}

#Logo a { 
width: 139px;
height: 100px;
top: 0px;
left: 31px;
position: relative;
display: inline;
float: left;
margin: 0px;
padding: 0px;
background-image: url('img/csspanel/med_logo.png');
vertical-align: top;
}
#Logo a:hover { background-position: 0px -100px; }

#backtext { width: 233px;
height: 14px;
top:-22px;
left: -486px;
position: relative;
display: inline;
vertical-align: top;
float: left;
margin: 0px;
padding: 0px;
background-image: url('img/csspanel/medecho.png');
background-repeat: no-repeat;
}

#ContentBox {
margin: 0px auto 40px auto;
padding: 0px;
width: 750px;
text-align: center;
border: 1px solid rgb(220, 220, 220);
background-color: #ffffff;
background-image: url('img/gradient_med.gif');
background-position: bottom center;
background-repeat: repeat-x;
}
#ContentBoxText {
margin: 30px auto 150px auto;
padding: 0px;
width: 690px;
text-align: left;
}
#Footer {
margin: 0px auto 0px auto;
padding: 8px;
width: 850px;
text-align: center;
border-top: 1px solid rgb(180, 180, 180);
border-bottom: 1px solid rgb(180, 180, 180);
font-size: 10px; color: #6e6e6e;
}
#Ct { text-align: center; }
#button {
margin: 0px;
padding: 0px;
display: block;
width: 120px;
height: 30px;
}

#but1 a { background-image: url('img/csspanel/btns/ml.png'); }
#but1 a:hover { background-position: 0px -30px; }
#but1 a:active { background-position: 0px -60px; }

#but2 a { background-image: url('img/csspanel/btns/ml.png'); background-position: -120px 0px; }
#but2 a:hover { background-position: -120px -30px; }
#but2 a:active { background-position: -120px -60px; }

#but3 a { background-image: url('img/csspanel/btns/ml.png'); background-position: -240px 0px; }
#but3 a:hover { background-position: -240px -30px; }
#but3 a:active { background-position: -240px -60px; }

#but4 a { background-image: url('img/csspanel/btns/mr.png'); }
#but4 a:hover { background-position: 0px -30px; }
#but4 a:active { background-position: 0px -60px; }

#but5 a { background-image: url('img/csspanel/btns/mr.png'); background-position: -120px 0px; }
#but5 a:hover { background-position: -120px -30px; }
#but5 a:active { background-position: -120px -60px; }

#but6 a { background-image: url('img/csspanel/btns/mr.png'); background-position: -240px 0px; }
#but6 a:hover { background-position: -240px -30px; }
#but6 a:active { background-position: -240px -60px; }
