/*
	Project: BU WebLogin
	Author(s): Jon Brousseau & Tim Wright
	Created: March 2011
*/

/* RESET --------------------------------------------------------- */

html,body,div,span,object,
iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,
address,big,cite,code,em,img,
q,s,samp,small,strike strong,tr,th,td
sub,sup,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,
caption,tbody,tfoot,thead { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body                      { line-height:1;font:62.5%/120% sans-serif; }
input[type=radio],
input[type=checkbox]      { padding:0;margin:0; }
input[type=hidden]        { display:none !important; }
ol, ul                    { list-style:none; }
blockquote                { quotes:none; }
blockquote:before,
blockquote:after          { content:'';content:none; }
:focus                    { outline: 0; }
table                     { border-collapse:collapse;border-spacing:0; }

/* GLOBAL --------------------------------------------------------- */

html                      { height:100%; }
body                      { background: #f1f1f1;height:100%; }

/* TYPOGRAPHY ----------------------------------------------------- */

h1                        { text-indent:-5000px;background: transparent url(../images/subsig-large.gif) no-repeat 2px 0;display:block;
                            height:35px;width:164px;margin-bottom:40px; }
h2                        { font-size:18px;padding:0 0 20px;color:#000; }
p,
li                        { color:#767676;margin-bottom:10px;font-size:1.3em;line-height:1.6em; }
ul,
ol                        { margin-left:2em; }
ul li,
ol ul li                  { list-style-type:square; }
li ul li                  { font-size:100%; }
ol li,
ul ol li                  { list-style-type:decimal;list-style-position:outside; }
li ul,
li ol                     { font-size:1em;margin-bottom:0; }
p.error                   { color:#cc0000;font-weight:700;margin-bottom:10px; }
p.notice,
p.warning                 { font-weight:700;padding:3px 6px 3px 0; }
strong                    { color:#4b4b4b; }
a                         { color:#000;border-bottom: 1px dotted #999;text-decoration:none; }
a:hover                   { color:#767676;border-bottom: 1px solid #999; }

/* LAYOUT --------------------------------------------------------- */

#wrapper                  { min-height: 100%;height: auto !important;width:100%;height: 100%;margin-bottom:-80px; }
.container                { margin:0 auto;width:520px;padding:40px 0 100px 0; }
form:after,
.container:after          { content:".";display:block;height:0;clear:both;visibility:hidden; }
.login-info,
.error                    { padding:10px;margin:0;background:#f6f6f6;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #dfdfdf;
                            width:500px; }
.error                    { background:#fbeded;border-color:#f0b2b2;}
.login-info li            { font-size:1.1em;list-style-type:none;margin:0;}
.error-box                { padding:20px 20px 10px 20px;background:#f6f6f6;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;
                            border:1px solid #d2d2d2;margin-bottom:20px;clear:both; }
.error-box a              { color:#cc0000; }
.error-box .error         { padding:0;background:none;border:none;font-size:1.4em; } 
.error-box a:hover        { color:#000; }                              
.clear                    { clear:both; }

/* FORMS --------------------------------------------------------- */

form                      { clear:both;margin-bottom:20px;zoom:1; }
label                     { display:block;color:#575757;padding:3px 2px;font-size:1.2em;font-weight:700; }
legend                    { font-size:14px;padding:15px 0 5px 2px;color:#cc0000;display:block;width:100%; }
.input-text,
.input-submit             { font-size:1.4em;line-height:1.1em;font-weight:700; }
.input-text,
.input-submit,
textarea                  { -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.input-text,
textarea                  { width:500px;color:#575757;border:1px solid #cfd2d4;background: #fff url(../images/form-bg.jpg) repeat-x 0 0;
                            padding:10px;margin:3px 0 20px; }
.input-submit             { display:block;border:0;background:#2794bb;color:#fff;overflow:visible;padding:10px 30px;
                            border:1px solid #2380a1;float:left;margin-right:10px; }
.button,a.button:hover    { background: #c8c8c8;border:1px solid #b9b9b9;color:#fff; }
a.button                  { font-size:1em;width:5em; }
.continue                 { background: #c8c8c8; }
textarea                  { font-size:1.7em;line-height:1.5em;height:5em;resize:none; }
.input-text:focus,
textarea:focus            { border:1px solid #6d9fcf;color:#000; }
input[type="submit"],
button, label             { cursor:pointer; }

/* misc. form elements */
.utility                  { float:right;padding:12px 0 0;font-size:1.2em;margin-top:-60px; }
.secur-id                 { font-size:1.2em;display:block;margin-bottom:20px;padding-left:2px; }
.secur-id input           { display:inline;position:relative;vertical-align:bottom; }
.secur-id label           { display:inline;color:#575757;font-size:1em;font-weight:400; }

/* Forms that need to be tabbed (design-wise) */
.form-tabbed              { background:#e8f1f4;border:1px solid #c5dee7;margin-bottom:10px;-moz-border-radius:5px;border-radius:5px;
                            overflow:hidden; }
.form-tabbed form         { padding:10px;margin-bottom:0; }
.form-tabbed .input-text  { width:95%; }
.form-tabbed label        { color:#859ba3; }
.tabs                     {  }
.tabs                     { margin-left:0;padding:0;text-align:center; }
.tabs li                  { padding:0;margin:0;list-style:none; }
.tabs li:first-child a    { border-right:1px solid #c5dee7;margin-left:-1px; }
.tabs a                   { display:block;border:0;float:left;width:50%;padding:10px 0;font-weight:700;background:#deeff5;
                            border-bottom:1px solid #c5dee7;color:#118cb5; }
.tabs a:hover             { color:#333; }
.tabs a:active            { padding-top:11px;padding-bottom:9px; }
.tabs .active a           { color:#667e86;background:#e8f1f4;border:0; }

/* FOOTER --------------------------------------------------------- */

#footer                   { background:#000;color:#fff;height:50px;padding:30px 0 0 20px; }
#footer a                 { color:#a0a0a0;font-size:.9em;border:none; }
#footer a:hover           { color:#fff; }
#footer ul                { margin:0;float:left; }
#footer li                { display:inline;list-style:none;padding-right:20px;margin-right:15px;border-right:1px solid #4d4d4d; }
#footer li:last-child     { border:0; }
#footer span              { float:right;margin:3px 20px 0 0;font-size:1.4em; }