@import url('init.css');

body {
  background: #ededed 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: 942px;
}

/*
 * Header
 * -----------------------------------------------------------------------------
 */
#header {
  background: transparent url(/html/images/ms/header.gif) 0px 0px no-repeat;
  height: 76px;
  left: 55px;
  width: 865px;
  position: relative;
}
#header a#logo {
  display: block;
  float: left;
  position: absolute;
  height: 38px;
  padding: 4px 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
 * -----------------------------------------------------------------------------
 */
#navigation { margin: 0px auto; width:850px; }
#navigation ul#navigation_main li { float: left; }

#navigation ul#navigation_main li a {
  background: transparent url(/html/images/ms/navigation_main.gif) 0px 0px no-repeat;
  display: block;
  float: left;
  height: 29px;
  text-indent: -9999px;
}

#navigation ul#navigation_main li.home a { width: 90px; }
#navigation ul#navigation_main li.home a:hover,
#home #navigation ul#navigation_main li.home a { background-position: 0px 100%; }

#navigation ul#navigation_main li.about_ms a { background-position: -91px 0; width: 108px; }
#navigation ul#navigation_main li.about_ms a:hover,
#about_ms #navigation ul#navigation_main li.about_ms a { background-position: -91px 100%; }

#navigation ul#navigation_main li.symptoms a { background-position: -199px 0; width: 213px; }
#navigation ul#navigation_main li.symptoms a:hover,
#symptoms #navigation ul#navigation_main li.symptoms a { background-position: -199px 100%; }

#navigation ul#navigation_main li.treatment a { background-position: -412px 0; width: 118px; }
#navigation ul#navigation_main li.treatment a:hover,
#treatment #navigation ul#navigation_main li.treatment a { background-position: -412px 100%; }

#navigation ul#navigation_main li.peer a { background-position: -530px 0; width: 151px; }
#navigation ul#navigation_main li.peer a:hover,
#peer #navigation ul#navigation_main li.peer a { background-position: -530px 100%; }

#navigation ul#navigation_main li.questions a { background-position: -681px 0; width: 168px; }
#navigation ul#navigation_main li.questions a:hover,
#questions #navigation ul#navigation_main li.questions a { background-position: -681px 100%; }

/*
 * Branding
 * -----------------------------------------------------------------------------
 */
#branding {
  background: transparent url(/html/images/ms/us/branding.jpg) 0px 0px no-repeat;
  height: 208px;
  margin: 0px auto;
  width:941px;
  position: relative;
}

#branding p.tagline { text-indent: -9999px; }

#branding p.conversation {
}
#branding p a {
  background: transparent url(/html/images/ms/btn_conversation.gif) 0px 0px no-repeat;
  display: block;
  top: 130px;
  left: 468px;
  height: 26px;
  position: absolute;
  text-indent: -9999px;
  width: 246px;
}
#branding p a:hover { background-position: 0px -28px; }

#flourish_header {
  background: transparent url(/html/images/ms/background_content-top-internal.gif) 0px 0px no-repeat;
  height: 8px;
  width: 100%;
}

/*
 * Footer
 * -----------------------------------------------------------------------------
 */
#flourish_footer {
  background: transparent url(/html/images/ms/background_footer.gif) -1px 0px no-repeat;
  display: block;
  margin: 0px auto;
  width: 865px;
}

.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;
  left: 35px;
}
#splash #branding {
  background: transparent url(/html/images/ms/branding_splash.jpg) 0px 0px no-repeat;
  height: 400px;
  width: 886px;
}
#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 -42px; }
#splash #branding a.us {
  background: transparent url(/html/images/ms/us_btn.png) 0px 0px no-repeat;
  margin: 16px 0 0 70px;
}
#splash #branding a.global {
  background: transparent url(/html/images/ms/other_country_btn.png) 0px 0px no-repeat;
  margin: 10px 0 0 70px;
}
#content_container {
  padding: 12px 10px 5px 10px;
  width: 941px;
}
#content_wrapper {
  background: #fff url(/html/images/ms/background_content.gif) 0px 0px repeat-y;
  padding: 0 0 20px 0;
  margin: 0px auto;
  width: 864px;
}
#content_main,
#content_secondary {
  float: left;
  padding: 15px 0px 0 15px;
  width: 425px;
}
#content_secondary {
  width: 255px;
  padding-left: 24px;
}
#content_tertiary {
  width: 129px;
  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 { color: #2c8cc9; }

#content_main ul li { color: #8a2539; }
#content_main h1,
#content_secondary h2 { color: #211b1f; }

#content_tertiary h2 { color: #9c6f28; }

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-left: 13px;
   padding-top: 10px;
   font-size: .9em;
}
#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; }

.peer_page fieldset { padding: 0; }

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 !important;
}
.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: 103px;
  height: 42px;
}
.cancel {
  background: transparent url(/html/images/ms/btn_cancel.gif) 0px 0px no-repeat;
  width: 144px;
  height: 42px;
}

.btn_lets_go_small {
  background: transparent url(/html/images/ms/btn_lets-go.gif) 0px 0px no-repeat;
  width: 100px;
  height: 24px;
}

.btn_lets_go {
  background: transparent url(/html/images/ms/btn_lets-go2.gif) 0px 0px no-repeat;
  width: 150px;
  height: 24px;
}
.btn_view_now {
  background: transparent url(/html/images/ms/btn_view-now.gif) 0px 0px no-repeat;
  width: 150px;
  height: 24px;
}
.banner {
  display: block;
  text-indent: -9999px;
}

.banner:hover { background-position: 0px 0%; }

.brain_games_long {
  background: transparent url(/html/images/ms/ms_mybraingames_co.png) 0 0 no-repeat;
  width: 424px;
  height: 100px;
  margin-bottom: 10px;
}
.brain_games_long:hover { background-position: 0 100%; }

.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/cta_brain_games.gif) 50% 0% no-repeat;
  width: 295;
  height: 83px;
}

.brain_games_small:hover { background-position: 50% 100%; }

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

.msmyway_small {
  background: transparent url(/html/images/ms/global/banners/games_short.jpg) 50% 100% no-repeat;
  width: 295;
  height: 99px;
}
.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 { background-position: 50% 100%; }

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

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

#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; }

.s1:hover { background: transparent url(/html/images/ms/us/banner_square_group/01.jpg) 50% 100% no-repeat;}

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

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

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

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

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

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

.t1, .t2, .t3, .t4 {
  background: transparent url(/html/images/ms/us/banner_resources.jpg) 0px 0px no-repeat;
  float: left;
  height: 117px;
  text-indent: -9999px;
  width: 129px;
}

.t1:hover, .t2:hover, .t3:hover, .t4:hover { background-position: -132px 0; }

.t1 { height: 126px; }

.t2 {
  background-position: 0px -126px;
  height: 123px;
}

.t2:hover { background-position: -132px -126px;}

.t3 {
  background-position: 0px -249px;
  height: 124px;
}

.t3:hover { background-position: -132px -249px; }

.t4 {
  background-position: 0px -373px;
  height: 121px;
  border-bottom: 1px solid #ccc;
}

.t4:hover { background-position: -132px -373px; }

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

.box {
  float: left;
  width: 206px;
}

.gutter { padding: 0 0 0 10px; }

.box_middle {
  background: transparent url(/html/images/ms/box_middle.gif) 0px 0px repeat-y;
  padding: 0 10px;
  min-height: 225px;
  height: auto !important;
  height: 225px;
}
.box_middle p.button_position1 { padding: 7px 0 0 0 !important; }

.box_middle p.button_position2 { padding: 27px 0 0 0 !important; }


.box_top {
  height: 11px;
  background: transparent url(/html/images/ms/box_top.gif) -1px 0px no-repeat;
}
.box_bottom {
  height: 13px;
  background: transparent url(/html/images/ms/box_bottom.gif) 0px 0px no-repeat;
}

#questions #content_wrapper {
  background-image: none;
  padding-bottom: 0;
}
#questions #content_main { width: 847px; padding: 0; }

#questions #flash_movie {
  margin: 0px auto;
  width: 700px;
}

#questions #flourish_header { background-image: none; }

#questions #flourish_footer { background: transparent url(/html/images/ms/background_footer-questions.gif) 0px 0px no-repeat; }

#header p {
  color: #8c8e90;
  font-size: .7em;
}

#header .left {
  float: left;
}
#header .right {
  float: right;
}

#header a { color: #8c8e90; text-decoration: none; }

#header a.selected { text-decoration: underline; }

#header .medium { font-size: 1.3em; }
#header .large { font-size: 1.6em; }

#splash #header .left,
.us #header .international,
.global #header .us,
.global #footer .us,
#splash #header .sitemap,
#splash #header .right span { display: none; }

#splash #header .right { padding: 5px 0px 0 0; }

div.redirect_users {
   padding: 10px 0 0 0;
}

.media_box { padding: 0 0 15px 0; font-size: .9em;}

.media_box img {
   float: left;
}
.media_box .media_content { float: right; width: 340px;}

.mastering_callout {
   display: block;
   background: transparent url(/html/images/ms/mastering_ms_callout.jpg) 0px 0px no-repeat;
   height: 173px;
   width: 293px;
   text-indent: -9999px;
}
.mastering_callout:hover {
   background-position: 0px -173px;
}


#peer #content_secondary .container_peer_perspective { display: none; }

.posts {
	padding: 10px;
	margin: 10px;
	width: 250px;
	border: 1px solid #bbb;
	float: right;
}

.posting {
	background: #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}
.posting h1 {
	border: none !important;
	margin: 0 !important;
	padding-top: 0px !important;
}

.posts ol {
	font-weight: bold;
}
.posts ol li {
	padding: 5px;
}