/* Set default font size and EMs to 12px */
html, body { /* now mozilla is happy! */ height: 100%; }

html { font-size: 100%; }

body { font-size: 75%; }

table { font-size: 100%; }

html>body { font-size: 12px; }

/* Page layout */
body { margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #666666; background: #ffffff url(../img/page_bg.gif) repeat-x; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

form { margin: 0; }

img { margin: 0; display: block; }

a acronym, a abbr, a img { border: 0; }

hr { height: 0px; border-bottom: 1px solid #ccc; border-top: 0; border-left: 0; border-right: 0; }

.clr { clear: both; }

.hdn { display: none; }

.s1 { font-size: 0.916em; }

.s2 { font-size: 1em; }

.s3 { font-size: 1.166em; }

.s4 { font-size: 1.20em; }

.s5 { font-size: 1.30em; }

h1, h2, h3 { margin: 0; padding: 10px 0 10px 0; color: #314148; line-height: 130%; }

h1 { font-size: 190%; padding-bottom: 10px; }

h2 { font-size: 130%; padding: 10px 0 3px 0; }

h3 { font-size: 120%; padding: 10px 0 3px 0; }

p { margin: 0; padding: 0; margin-bottom: 12px; }

a { color: #6E6E9E; cursor: pointer; }

sup {font-size: 70%;}



a:hover { text-decoration: underline; }

.spacer{ position: relative; margin: 0; padding: 0; clear: both; width: auto; font-size: 1px; line-height: 1px; height: 1px; }

.spacer.extra{ padding: 5px 0 !important; }

.right{ float: right; }

.left{ float: left; }

.btn{ width: auto !important; border: 0; }

.nobullet li{ background: transparent !important; padding-left: 0px !important; }

/* +======================== ELEMENTS/ ========================= */
#wrapper { width: 100%; position: relative; }

#container { width: 936px; text-align: left; margin: 0 auto; position: relative; }

#page-wrapper{ background: url(../img/bg_contents.gif) repeat; overflow:hidden; }

#page-wrapper-bottom{height:666px; }

/* ========================= HEADER/ ========================= */
#header{ width: 926px; text-align: left; margin: 0 auto; position: relative; clear: both; }
.header-box {background: url(../img/bg_header.jpg) top left no-repeat; }

.header-box-left {  }

.header-box-right {height: 98px; padding: 8px 12px; }

#header .logo { width: 208px; margin-top: 30px; float: left; }

#header .strapline{ font-size: 1.1em; text-transform: uppercase; color: #1F488B; float: left; margin: 62px 0 0 15px; font-weight: bold; }

#header .login-box-msd-logo { width: 329px; float: right; }

#header .msd-logo img { float: right; }

/* ========================= Content/ ========================= */
#content { width: 936px; clear: both; padding-top: 20px; text-align: left; margin: 0 auto; position: relative; float:left; }

/* ========================= Splash page =========================  */

#splash-content {width: 926px; text-align: center;}

#splash-content H1 {color: #b2d235; display: block;}

#splash-content-end {background: url(../img/page-bottom.gif) no-repeat; width: 936px; height: 19px;} 

/* ========================= Footer ========================= */
#footer {padding: 30px 5px 15px 5px; clear: both; overflow: hidden; font-size: 0.916em; font-weight:bold;}

#footer ul { margin: 0 auto; width: 160px;}

#footer ul li { display: inline; list-style: none; float: left; padding: 0 5px 0 5px; border-right: 2px solid #A3A3A6;}

#footer  ul li a { display: block; line-height: 100%; }

#footer  ul li.last { border: 0; }

#footer #info {color: #999999; text-align: center; font-weight: normal; margin-top: 35px;}




#splash #splash-content H1 {color: #b2d235; height:50px;}
#splash #content {padding-top:40px;}
#splash #splash-content {padding-bottom:0px;}
#splash #button-box{width: 244px; height: 63px; margin: 0px auto;}
#splash #button {height:63px;padding-top:130px;margin-left:213px;}
#splash #button li {list-style:none;float:left;clear:none;padding:0 25px 0 0;}
#splash #button li {list-style:none;float:left;clear:none;padding:0 25px 0 0;}
#splash #page-wrapper{ background: url(../img/bg_splash_bottom.gif) no-repeat;background-position:bottom; background-color:#f9f6fb;  }
#splash #page-wrapper-bottom{border-right:1px solid #ececec ; border-left:1px solid #ececec; }
#splash #title {overflow:hidden;}
#splash #title li {float:left;list-style:none;padding-left:31px;}
#splash #btn_left {background: url(../img/int/btn_left.gif) no-repeat top; width: 244px; height: 46px; display: block;}
#splash #btn_right {background: url(../img/int/btn_right.gif) no-repeat top; width: 244px; height: 46px; display: block;}
#splash #select-left {float: left; width: 455px; margin-right: 15px; text-align: right; direction: rtl;}
#splash #select-right {float: left; margin-left: 15px;}


#splash_physicians #splash-content H1 {color: #b2d235; height:50px;}
#splash_physicians #content {padding-top:40px;}
#splash_physicians #splash-content {padding-bottom:0px; margin-left:204px; width:563px;}
#splash_physicians #button-box{width: 244px; height: 63px; margin: 0px auto;}
#splash_physicians #button {height:63px;padding-top:30px;overflow:hidden;}
#splash_physicians #button li {list-style:none;float:left;clear:none;padding:0 30px 0 0;}
#splash_physicians #button li {list-style:none;float:left;clear:none;padding:0 30px 0 0;}
#splash_physicians #page-wrapper{ background: url(../img/bg_splash_physicians.gif) repeat-x;background-position:bottom; background-color:#f9f6fb;  }
*html #splash_physicians #page-wrapper{ background: url(../img/bg_splash_physicians.gif) repeat-x;background-position:bottom left; background-color:#f9f6fb;  }
#splash_physicians #page-wrapper-bottom{border-right:1px solid #ececec ; border-left:1px solid #ececec; }
#splash_physicians #title { overflow:hidden;padding-bottom:20px;}
*html #splash_physicians #title { overflow:hidden; padding-bottom:20px;margin-right:0px;}
*+html #splash_physicians #title { overflow:hidden; padding-bottom:20px;padding-right:0px;}
#splash_physicians #btn_left {background: url(../img/int/btn_left.gif) no-repeat top; width: 244px; height: 46px; display: block;}
#splash_physicians #btn_right {background: url(../img/int/btl_right.gif) no-repeat top; width: 244px; height: 46px; display: block;}
#btn_physician {background: url(../img/int/physician.gif) no-repeat top; width: 243px; height: 46px; display: block;}
#btn_patient {background: url(../img/int/patient.gif) no-repeat top; width: 243px; height: 46px; display: block;}
#splash_physicians p {text-align:left;font-size:15px; font-family:Arial;margin:0;padding-bottom:10px;}
#splash_physicians #flag li {float:left;list-style:none; margin-top:4px;}
#splash_physicians #flag li a {text-decoration:underline;color:#000}
#splash_physicians #flag li a:hover {text-decoration:none;color:#000}
#splash_physicians #header .login-box-msd-logo { width: 280px; float: right;}
#splash_physicians #footer {padding: 15px 5px 15px 5px; clear: both; overflow: hidden; font-size: 0.916em; font-weight:bold;}
#title h1 {color: #b2d235; width:560px !important; height:10px !important;}
