body {background: #fff; font-family: Arial, Helvetica, sans-serif; color: #333; border-top: 5px solid #c00;}
* {margin: 0; padding: 0; border: 0;}
/* linkage */
a {color: #339; text-decoration: underline;}
a:visited {}
a:hover {color: #00f;}
a:active {}
#container {width: 860px; margin: 5px auto; text-align: center;}
	.badlogin #container {background: #fff;}
#container img.logo {margin: 10px auto 0 auto;}
	.badlogin #container img.logo {padding-left: 0;}
#container img.penguins {display: none;}
#container h1 {width: 660px; font-size: 16px; font-weight: bold; text-align: center; border-top: 1px dotted #ccc; padding-top: 1em; margin: 1em auto .25em auto;}
#container h2 {font-size: 18px; line-height: 23px; font-weight: bold; text-align: center; padding: 15px 0 25px 0;}
#container h3 {font-size: 16px; background: #ffa; font-weight: bold; text-align: center; margin: 0 auto; display: inline; padding: 0 .5em;}
	#container #split tr td.corporate h2 {color: #c00; border-top: 1px solid #fff;}
	#container #split tr td.personal h2 {color: #c00; border-top: 1px solid #fff;}
#container #split h3 {font-size: 12px; font-weight: normal; margin: -25px 15px 0 15px; text-align: center; color: #c00; background: transparent; display: block;}
#container h4 {font-size: 12px; font-weight: normal; margin: 1em auto; line-height: 150%; width: 240px; text-align: center;}
	#container #split tr td.personal h4 {margin-top: 10px; padding-top: 10px; border-top: 1px dotted #ccc;}
#container h5 {font-size: 14px; font-weight: bold; margin: .75em 10px 0 10px; line-height: 150%; color: #555;}
#container h6 {font-size: 12px; font-weight: normal; display: block; margin: 0 10px 1em 10px; color: #555; text-align: center;}

#container #split {margin: 1em auto 0 auto;}
#container #split tr td.corporate {width: 300px; background: #ffc; padding-bottom: 15px; text-align: center; border: 1px solid #ccc;}
#container #split tr td.corporate:hover {border: 1px solid #999;}
#container #split tr td.corporate form {width: 200px; margin: 0 auto; border-top: 1px dotted #ccc; padding: 10px 20px 0 20px; margin-top: 10px;}
#container #split tr td label {font-weight: normal; text-transform: uppercase; font-size: 10px; display: block; text-align: left; color: #666; letter-spacing: 1px;}
#container #split tr td input {border: 1px solid #559cd2; margin: 0 auto .75em auto; display: block; padding: .25em 0; text-align: left; width: 200px;}
#container #split tr td input.hidden {display: none;}
#container #split tr td #corporate_member_submit {float: left; margin-right: .75em; width: 80px; height: 30px; padding: 0; border: 1px solid #339;}
	* HTML #container #split tr td #corporate_member_submit {margin-right: .25em;}
#container #split tr td #consumer_member_submit {width: 200px; height: 30px; padding: 0; border: 1px solid #339;}
	#container #split tr td #corporate_member_submit:hover, #container #split tr td #consumer_member_submit:hover {border: 1px solid #339;}
#container #split tr td.corporate p.forgotpassword {font-weight: normal; font-size: 10px; color: #333; text-align: left; padding: .35em 0 0 0;}
#container #split tr td.corporate p.forgotpassword a {color: #666;}
#container #split tr td p.description {clear: both; font-size: 11px; margin: 1em 40px 0 40px; line-height: 150%; text-align: center;}

#container #split tr td.gutter {width: 56px; background: #fff; color: #999; font-weight: bold; font-size: 16px; text-align: center;}

#container #split tr td.personal {width: 300px; background: #f7f7f7; padding-bottom: 15px; text-align: center; border: 1px solid #ccc;}
#container #split tr td.personal:hover {border: 1px solid #999;}
#container #split tr td.personal form {width: 200px; margin: 0 auto;}
#container #split tr td.personal label {color: #66403e;}
#container #split tr td.personal input {border-color: #d78884;}

#container #split tr td.osmio {width: 360px; background: #0051a2 url(../images/osmiologin_bg.gif) top left no-repeat; padding-bottom: 15px; text-align: left; border: 1px solid #ccc; border-left: 0; color: #fff;}
#container #split tr td.osmio h2 {font-size: 18px; line-height: 23px; font-weight: bold; text-align: left; padding: 18px 0 32px 22px;}
#container #split tr td.osmio p {margin: 0 22px 1em 22px; font-size: 12px; line-height: 150%;}
#container #split tr td.osmio p.note { color: #80a1c5; font-style: italic; font-size: 11px;}

#container #articlelinks {margin: 15px auto 0 auto; text-align: center;}
#container #articlelinks img {display: inline; margin: 0 10px;}

.badlogin #container #ForgotPassword {background: #fff; margin: 1em auto; width: 660px; border-top: 1px dotted #ccc; text-align: center;}
.badlogin #container #TryAgain {background: #ffc; width: 500px; border: 1px solid #ccc; margin: 1em auto; padding: 0 0 1em 0;}
.badlogin #container #TryAgain h2,
.badlogin #container #ForgotPassword h2 {padding-bottom: 0;}
.badlogin #container #ForgotPassword p {clear: both; font-size: 11px; margin: 1em 0 0 0; line-height: 150%; text-align: center;}
.badlogin #container #ForgotPassword form {width: 500px; margin: 0 auto; margin-top: 10px;}
.badlogin #container #TryAgain form {margin-top: 10px;}
.badlogin #container #ForgotPassword label, .badlogin #container #TryAgain label {font-weight: normal; text-transform: uppercase; font-size: 10px; display: block; text-align: center; color: #666; letter-spacing: 1px; padding-bottom: .25em;}
.badlogin #container #ForgotPassword input, .badlogin #container #TryAgain input {border: 1px solid #559cd2; margin: 0 auto .75em auto; display: block; padding: .25em 0; text-align: left; width: 200px;}
.badlogin #container #ForgotPassword #submit, .badlogin #container #TryAgain #corporate_member_submit {margin: .5em auto 0 auto; width: 200px; height: 30px; padding: 0; border: 1px solid #339; text-align: center;}
.badlogin #container #ForgotPassword input.hidden, .badlogin #container #TryAgain input.hidden {display: none;}
.badlogin p {font-size: 12px; width: 500px; margin: 0 auto; line-height: 1.5em;}

#container #footer {border-top: 1px dotted #ccc; margin: 10px auto 0 auto; padding-top: 10px; color: #999; font-size: 11px; width: 660px;}
#container #footer p {margin: .5em auto; text-align: center;}
#container #footer p.vendor {font-size: 14px; font-weight: bold;}
#container #footer a, #container #footer a:hover {border-bottom: 1px dotted #e7e7e7; text-decoration: none;}