/* CSS Document */
body {
margin: 0;
background-image: url(image/background-medipsy.gif);
background-repeat: repeat-x;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 21px;
color: #000;
}

a:link {
text-decoration: none;
}

#body {
width: 850px;
margin: auto;
}

/* header */

#header {
margin: auto;
width: 940px;
}

#logo {
float:left;
width:130px;
}

#login {
height: 90px;
width: 250px;
padding: 5px;
margin: 0 0 5px 0;
line-height: 20px;
float: right;
border: 2px solid #E5EEF4;
}

#login ul {

list-style: none;
margin: 0;
padding: 0;
}

#login ul li {
float: left;
margin: 0;
padding: 0px 5px 10px 5px;
display: block;
width: 115px;
}

input {
color: #00314C;
}

#header2 {
clear: both;
}

/* body */

#body {
width: 850px;
margin: auto;
}

#sidebar {
border: 2px solid #E5EEF4;
padding: 10px;
display: none;
}

#main {
padding: 10px;
}

/* footer */

#footer {
clear:both;
padding:15px 0 0;
}

#footer ul {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
}

#footer ul li {
display: inline;
padding: 0 10px;
border-right: 1px solid #000;
}

/* tag body */

body.ms #main, body.sm #main {
width: 550px;
}

body.ms #sidebar, body.sm #sidebar {
display: block;
width: 200px;
}

body.ms #main, body.sm #sidebar {
float: left;
}

body.sm #main, body.ms #sidebar {
float: right;
}