/*========================*/
/* Minify: /css/login.css */
/*========================*/

/* Wrappers */
#wrap-content { text-align: center; width: 48em; margin: 1em auto;}

/* Sections */
#colC { background-color: #FFFFFF; margin: 0 }
#colC .content { border: solid 1px #98B1C4; font-size: 100%; padding: 1em 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }

.announceRed { width: 500px; text-align: left; font-size: 0.8em; background-color: #ffd8d8; border: 1px dashed #ff0000; padding: 0.5em; margin: 0 auto 1em auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.announceOrange { width: 500px; text-align: left; font-size: 0.8em; background-color: #fff2d8; border: 1px dashed #ffa900; padding: 0.5em; margin: 0 auto 1em auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.announceGreen { width: 335px; text-align: left; font-size: 0.8em; background-color: #dbffd8; border: 1px dashed #11ff00; padding: 0.5em; margin: 0 auto 1em auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.announceYellow { width: 500px; text-align: left; font-size: 0.8em; background-color: #fff8d8; border: 1px dashed #ffd400; padding: 0.5em; margin: 0 auto 1em auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }

#new2iatn { text-align: left; padding: 0;  margin: 0 1em 1em 1em }
#new2iatn h2 { color: #666; font-size: 100%; padding: 0; margin: 0 }
#new2iatn li { color: #000 }
#new2iatn .break-dashed { border-top: 1px dashed #999; padding: 0.5em 0; margin: 0 }

/* Login Table */
#loginTable { border: solid 2px #3c5e85; margin: 0 auto; font-size: 0.7em; width: 270px; vertical-align: middle}
#loginTable tbody tr td { padding: 10px 0 5px 0; }
#loginTable th { color: #fff; background-color: #5c81a7; text-align: left; padding: 0.1em 0.2em 0.1em 0.2em }
#loginTable td { color: #000; background-color: #fff; vertical-align: middle; padding: 0.5em auto; margin: 0; }
#loginTable td.key, #loginTable img { margin: 0; padding: 0; border: 0; text-align: left; vertical-align: top }
#loginTable tfoot td { text-align: left; color: #fff; background-color: #5c81a7; font-weight: normal; padding: 0.3em 0.5em 0 0.5em }
#loginTable tfoot td a { color: #fff;  }
#loginTable .login { text-align: left; font-size: 100% }
#loginTable .rb {border-right: solid 2px #3c5e85; }

/* Consumer Table */
#consumer {	width: 100%; clear: both; font-size: 0.75em }
#consumerTable { width: 100%; padding: 0; background-color: #5c81a7; margin: 1em 0 0 0; border: 2px solid #3c5e85; color: #fff; text-align: left }
#consumerTable th {	font-style: italic; text-align: right; font-weight: bold; padding: 0 0.3em }
#consumerTable td {	color: #fff }
#consumerTable td.small {	color: #fff }
#consumerTable img { vertical-align: top; margin-right: 1em }

#wrapCenteredTables { text-align: center; width: 450px; margin: 1em auto }
#errorTable { width: 450px; margin: 1px 0 0 0; border: 0; text-align: left; font-size: 0.8em }
#errorTable td { padding: 6px }
#warningTable { width: 475px; border: 0; text-align: left; font-size: 0.8em }

/* Span Styles */
.break-dashed { border-top: 1px dashed #5c81a7; padding: 0.5em 0; margin: 0 1em; clear: both } 

/* outside box styles */
.login-title {padding: 3px 0 5px; 0; margin: 0;}
.prem-note { color: #808080; font-size: 80%; padding: 5px 0; margin: 0;}

/* Lists (override from core.css) */
ul.bullet-list { list-style: none; margin: 0; padding: 0 }
ul.bullet-list li { background-image: url(/images/bg-next.gif); background-repeat: no-repeat; background-position: 0 2px; color: #000; margin: 7px 0 0; padding: 0 1.5em 5px 1.5em }

/* formatting styles for notes and links on login forms */
.member-benes-link { text-decoration: none; position: relative; top: 17px;}
.video-link { font-weight: bold; font-size:0.9em; top: 25px; position:relative; text-decoration: none;}
.video-link img {vertical-align: middle; }
.video-link u{vertical-align: middle; }
.partner-msg {font-size: 80%; margin-left: 15px;}
p.logindetail { font-size: 1em; color: #808080; text-align: center }

#content 
{
    height: 1%;
    margin: 0 auto;
    max-width: 766px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
}
#loginbox 
{
    margin: auto;
    padding: 0 34px;
    width: 220px;
}

.btn-join
{
    margin-bottom: 20px;
}