﻿body
{
    background: #fff;
    color: #333;
    border-top: 5px solid #e7e7e7;
}
 
/* linkage */
a
{
    color: #339;
    text-decoration: underline;
}
a:visited
{
}
a:hover
{
    color: #00f;
}
a:active
{
}
#container
{
    width: 1000px;
    margin: 5px auto;
    text-align: center;
}
.badlogin #container
{
    background: #fff;
}
#container img.logo
{
    margin: 10px auto 0 auto;
}
#container h1
{
   font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0 25px 0;
}
#container h2
{
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
}
#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;
}
#container #split tr td.personal h2
{
    color: #F29200;
}
#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: 400px;
    background: #E0E7FE;
    padding-bottom: 15px;
    text-align: center;
    border: 1px solid #ccc;
}
#container #split tr td.corporate:hover
{
    border: 1px solid #999;
}
/*
 #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 outset #900;}
	* 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 outset #900;}
	#container #split tr td #corporate_member_submit:hover, #container #split tr td #consumer_member_submit:hover {border: 1px inset #900;}
#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: 400px;
    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 #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;}

 */