@import url('init.css');

body {
  background: #e9e9e9 url(/html/images/ms/background_body.gif) 0px 0px repeat-x;
  color: #565656;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 1.3em;
}
sup {
  font-size: .6em;
  vertical-align: text-top;
}
strong {
  font-weight: bold;
}
#content_main p a.top {
  font-size: .8em;
}
#wrapper { 
  margin: 0px auto;
  width: 882px;
}
#header {
  background: #fff url(/html/images/ms/header.gif) 0px 0px no-repeat;
  height: 68px;
}
#header a#logo {
  display: block;
  float: left;
  height: 38px;
  margin: 28px 0 0 0;
  text-indent: -9999px;
  width: 316px;
}
#header ul#navigation_zero {
  float: right;
  padding: 45px 0 0 0;
  width: 188px;
}
#header ul#navigation_zero li {
  display: inline;
  font-size: .677em;
}
#header ul#navigation_zero li a {
  color: #8c8e90;
  text-decoration: none;
}
#header ul#navigation_zero li a:hover {
  text-decoration: underline;
}
#navigation ul#navigation_main {
  background: transparent url(/html/images/ms/background_navigation.gif) 0px 0px repeat-x;
  float: left;
  height: 26px;
  width: 736px;
}
#navigation ul#navigation_main li {
  float: left; 
}
#navigation ul#navigation_main li a {
  display: block;
  height:26px;
  text-indent: -9999px;
  background: transparent url(/html/images/ms/navigation_main.gif) 0px 0px no-repeat;
}
#navigation ul#navigation_main li.home a {
  width: 81px;
}
#navigation ul#navigation_main li.home a:hover { background-position: 0px -27px; } 
#home #navigation ul#navigation_main li.home a { background-position: 0px -54px; } 

#navigation ul#navigation_main li.about_ms a  { 
  background-position: -82px 0;
  width: 128px;
}
#navigation ul#navigation_main li.about_ms a:hover { background-position: -82px -27px; } 
#about_ms #navigation ul#navigation_main li.about_ms a { background-position: -82px -54px; } 

#navigation ul#navigation_main li.symptoms a  { 
  background-position: -210px 0;
  width: 209px;
}
#navigation ul#navigation_main li.symptoms a:hover { background-position: -210px -27px; } 
#symptoms #navigation ul#navigation_main li.symptoms a { background-position: -210px -54px; } 

#navigation ul#navigation_main li.treatment a  { 
  background-position: -419px 0;
  width: 120px;
}
#navigation ul#navigation_main li.treatment a:hover { background-position: -419px -27px; } 
#treatment #navigation ul#navigation_main li.treatment a { background-position: -419px -54px; } 

#navigation ul#navigation_main li.peer a  { 
  background-position: -539px 0;
  width: 198px;
}
#navigation ul#navigation_main li.peer a:hover { background-position: -539px -27px; } 
#peer #navigation ul#navigation_main li.peer a { background-position: -539px -54px; } 

#navigation .resizer {
  background: transparent url(/html/images/ms/background_resizer.gif) 0px 0px repeat-x;
  float: right;
  font-size: .8em;
  height: 26px;
  width: 126px;
}
#navigation .resizer span {
  color: #00536f;
  float: left;
  font-weight: bold;
  padding: 6px 0 0 5px;
}
#navigation .resizer ul {
  float: right;
}
#navigation .resizer ul li  {
  border-left: 1px solid #ddf6ff;
  float: left;
  height: 26px;
  text-align: center;
}
#navigation .resizer ul li a {
  color: #00536f;
  display: block;
  font-weight: bold;
  line-height: 22px;
  padding:2px 0 0 0;
  text-decoration: none;
  width: 19px;
}
a.medium { font-size: 1.1em; }
a.large  { font-size: 1.3em; }
#branding {
  background: transparent url(/html/images/ms/us/branding.jpg) 0px 0px no-repeat;
  height: 208px;
}
.global #branding { background: transparent url(/html/images/ms/global/branding_int.jpg) 0px 0px no-repeat; }

#branding p.tagline {
  text-indent: -9999px;
}
#branding p a {
  display: block;
  float: right;
  height: 30px;
  margin: 10px 0 0 0;
  text-indent: -9999px;
  width: 126px;
}
#flourish_footer {
  background: transparent url(/html/images/ms/background_footer.gif) 1px 0px no-repeat;
  display: block;
  width: 100%;
}
.internal #flourish_footer {
  background: transparent url(/html/images/ms/background_footer-internal.gif) 0px 0px no-repeat;
}
#footer {
  font-size: .8em;
  padding: 15px 0 0 0;
  text-align: center;
}
#footer ul {
  padding: 10px 0;
}
#footer ul li {
  display: inline;
}
#footer ul li a {
  color: #565656;
}

/**
 * Splash Page
 * -----------------------------------------------------------------------------
 */
#splash #header {
  height: 116px;
}
#splash #branding {
  background: transparent url(/html/images/ms/branding_splash.jpg) 0px 0px no-repeat;
  height: 400px;
}
#splash #branding h1 {
  background: transparent url(/html/images/ms/home/header.gif) 0px 0px no-repeat;
  display: block;
  height: 86px;
  text-indent: -9999px;
}
#splash #branding p {
  font-size: 1.1em;
  font-weight: bold;
  margin: 77px 0 0 70px;
}
#splash #branding a.button {
  display: block;
  height: 41px;
  float: none;
  text-indent: -9999px;
  width: 230px;
}
#splash #branding a.button:hover { background-position: 0px 100%; }
#splash #branding a.us {
  background: transparent url(/html/images/ms/btn_us.gif) 0px 0px no-repeat;
  margin: 16px 0 0 70px;
}
#splash #branding a.global {
  background: transparent url(/html/images/ms/btn_other-countries.gif) 0px 0px no-repeat;
  margin: 10px 0 0 70px;
}

#content_container {
  padding: 12px 10px 5px 10px;
  background: #fff url(/html/images/ms/background_gradient.gif) 0px 0px repeat-x;
}

#content_wrapper {
  background: #fff url(/html/images/ms/background_content.gif) 0px 0px repeat-y;
  padding: 0 0 20px 0;
}

#content_main,
#content_secondary {
  float: left;
  padding: 15px 0px 0 15px;
  width: 425px;
}
#content_secondary {
  width: 255px;
  padding-left: 24px;
}
#content_tertiary {
  width: 125px;
  float: right;
  padding-top: 5px;
}

.internal #content_wrapper {
 	background: #fff url(/html/images/ms/background_content-internal.gif) 0px 0px repeat-y;
}
.internal #content_main { 
  width: 522px;
}

.internal #content_secondary {
  width: 291px;
}

a,
#content_main ul li,
#content_main h1,
#content_secondary h2,
#content_tertiary h2 {
  color: #2c8cc9;
}
a:hover {
  text-decoration: none;
}
#content_main h1,
#content_secondary h2,
#content_tertiary h2 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 20px 0 10px 0;
  border-top: 1px solid #ccc;
  display: block;
  margin: 20px 0 0 0;
}
#content_main h1.first,
#content_secondary h2,
#content_tertiary h2  {
  margin: 0;
  border: none;
  padding: 0 0 10px 0;
}
#content_secondary h2 {
  display: block;
  padding-left: 10px;
}
#content_tertiary h2 {
   padding-top: 10px;
   font-size: 1.1em;
}
#content_main p {
  padding: 5px 0;
}
#content_main ul {
  padding: 0 0 10px 15px;
  list-style-type: disc;
}
#content_main ul li {
  padding: 0 0 4px 0;
}
#content_main ul li span {
 color: #565656;
}
#content_main ul.internal_navigation {
  padding-bottom: 25px;
}

.references h5 {
  border-top: 1px solid #ccc;
  font-size: .8em;
  padding: 20px 0 10px 0;
  margin: 10px 0 0 0;
  font-weight: bold;
}
.references ol {
  list-style-type: decimal;
  padding: 0 0 10px 20px;
  font-size: .8em;
}
.references ol li {
  padding: 0 0 5px 0;
}

.container_peer_perspective {
  padding: 0;
}
.container_peer_perspective img {
  float: left;
}
div.brad {
 padding: 10px 0 10px 6px;
}
p.sign_up_text {
  padding: 0 0 10px 10px;
}
.chx {
  padding: 0 0 10px 10px;
}
.full_line,
fieldset,
p.waiver {
  padding: 0 0 0 10px;
}
p.waiver {
  padding: 10px 0 10px 10px;
}
.chx input {
  float: left;
}
.submit {
  padding: 0 0 10px 10px;
}
.chx label {
  float: left;
  font-size: .7333em;
  line-height: 1.2em;
  display: block;
  width: 200px;
}
.full_line label {
  display: block;
  font-weight: bold;
}
.long {
  width: 210px;
}
.short {
  width: 100px;
}
.half_line {
  width: 100px;
  float: left;
  padding: 5px 10px 0 0;
}
.half_line label {
  display: block;
  font-weight: bold;
}
.waiver {
  padding: 10px 0;
  font-size: .733em;
}
.req {
  color: #f83d3d;
}
.callout_left {
  float: left;
}
.callout_right {
  float: right;
}
#content_main .callout_left p {
  width: 190px;
  padding-left: 5px;
}
#content_main .callout_right p {
  width: 189px;
  padding-left: 6px;
}


#peer .full_line {
  width: 400px;
}
#peer .half_line {
  width: 150px;
}
#peer #content_main p.full_line {
  padding: 0 0 0 10px;
}
#peer #content_main .long {
  width: 253px;
}
#home form {
  padding-top: 0px;
}

a#internship {
  padding: 0 0 0 10px;
}

.button {
  display: block;
  float: left;
  height: 41px;
  text-indent: -9999px;
}
.button:hover {
  background-position: 0px 100%;
}
.ok {
  background: transparent url(/html/images/ms/btn_ok.gif) 0px 0px no-repeat;
  width: 91px;
}
.cancel {
  background: transparent url(/html/images/ms/btn_cancel.gif) 0px 0px no-repeat;
  width: 131px;
}


.banner {
  display: block;
  text-indent: -9999px;
}
.banner:hover {
  background-position: 0px 0%;
}
.brain_games_long {
  background: transparent url(/html/images/ms/banner_brain-game-long.jpg) 0px 100% no-repeat;
  width: 424px;
  height: 100px;
}
.here_for_you_us {
  background: transparent url(/html/images/ms/us/banner.jpg) -2px -3px no-repeat;
  width: 127px;
  height: 525px;
}
.here_for_you_us:hover {
  background-position: -2px 100%;
}

.here_for_you_global {
  background: transparent url(/html/images/ms/global/banner.jpg) -2px -2px no-repeat;
  width: 120px;
  height: 530px;

}
.here_for_you_global:hover {
  background-position: -2px 100%;
}
.square_us {
  background: transparent url(/html/images/ms/us/banner_square.gif) 50% 0px no-repeat;
  width: 295px;
  height: 214px;
}
.square_us:hover {
  background-position: 50% 100%;
}

.square_global {
  background: transparent url(/html/images/ms/global/banner_square.gif) 50% 0px no-repeat;
  width: 295px;
  height: 214px;  
}
.square_global:hover {
  background-position: 50% 100%;  
}

.brain_games_small {
  background: transparent url(/html/images/ms/banner_brain-games.jpg) 50% 100% no-repeat;
  width: 295;
  height: 83px;
}
.brain_games_small:hover {
    background-position: 50% 0%;  
}

.msmyway {
  //background: transparent url(/html/images/ms/global/banner_msmyway.jpg) 50% 0px no-repeat;
  background: transparent url(/html/images/ms/global/banners/games_long.jpg) 50% 100% no-repeat;
  //width: 295;
  width: 277;
  //height: 100px;
  height: 70px;
}
.msmyway:hover {
    //background-position: 50% 100%;
	background-position: 50% 0px;
}

.msmyway_small {
  background: transparent url(/html/images/ms/global/banners/games_short.jpg) 50% 100% no-repeat;
  width: 295;
  height: 93px;  
}
.msmyway_small:hover {
    background-position: 50% 0px;  
}

.ms_internship {
  background: transparent url(/html/images/ms/us/ms_internship.jpg) 50% 0px no-repeat;
  display: block;
  width: 240px;
  height: 82px;  
}
.ms_internship:hover,.ms_submit:hover,.ms_submit_white:hover {
  background-position: 50% 100%;

}

.ms_submit {
  background: transparent url(/html/images/ms/btn_submit_green.gif) 50% 0px no-repeat;
  display: block;
  width:75px;
  height: 31px;
}

.ms_submit_white {
  background: transparent url(/html/images/ms/btn_submit_white.gif) 50% 0px no-repeat;
  display: block;
  width:75px;
  height: 31px;
}

#overlay-test {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 499;
}
#light1 {
  border: 1px solid red;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  background: #fff;
  z-index: 500;
}


.s1, .s2, .s3, .s4 {
  float: left;
  width: 298px;
  height: 82px;
  text-indent: -9999px;
}
.s1 { 
	background: transparent url(/html/images/ms/us/banner_square_group/01.jpg) 50% 0px no-repeat;
	height:81px;
}
.s1:hover { background: transparent url(/html/images/ms/us/banner_square_group/01.jpg) 50% 99% no-repeat;}

.s2 { 
  background: transparent url(/html/images/ms/us/banner_square_group/02.jpg) 50% 0px no-repeat;
  height: 52px;
}
.s2:hover { background: transparent url(/html/images/ms/us/banner_square_group/02.jpg) 50% 100% no-repeat;
}

.s3 { 
  background: transparent url(/html/images/ms/us/banner_square_group/03.jpg) 50% 0px no-repeat;
  height: 52px;
}
.s3:hover { background: transparent url(/html/images/ms/us/banner_square_group/03.jpg) 50% 100% no-repeat;}

.s4 { 
  background: transparent url(/html/images/ms/us/banner_square_group/04.jpg) 50% 0px no-repeat;
  height: 58px;
}
.s4:hover { background: transparent url(/html/images/ms/us/banner_square_group/04.jpg) 50% 100% no-repeat;}

#content_tertiary a {
  margin: 0 0 2px 0;
}

.t1, .t2, .t3, .t4 {
  float: left;
  width: 121px;
  height: 117px;
  text-indent: -9999px;
}
.t1:hover, .t2:hover, .t3:hover, .t4:hover { background-position: 100% 0%; }

.t1 { background-image: url(/html/images/ms/us/banner_group/01.jpg);}
.t2 { background-image: url(/html/images/ms/us/banner_group/02.jpg);}
.t3 { background-image: url(/html/images/ms/us/banner_group/03.jpg);}
.t4 { background-image: url(/html/images/ms/us/banner_group/04.jpg);}


select.error, input.error {
  border: 1px solid red;
}
label.error {
  color: #f83d3d;
  font-size: .8em;
}