@media screen, print {

/* ------------ main page --------------- */
html            { background:#fafafa;/* Colors total background. */ }
body            { background:#fafafa; height:100%; min-height:100%; padding:16px 5% 80px 4%; }


/* ------------ main page header -------- */
h1              { height:128px; position:relative; text-align:right; width:100%; }
h1 > img[alt!=Clinspire]:first-child
                { left:16px; position:absolute; top:0; }
h1 > img[alt=Clinspire]:last-child
                { margin-right:16px; }
h1 > span       { color:#e8e8e8; font-size:54px; font-weight:400; margin-right:16px; }
h1 > span b,
h1 > span i     { color:#1abbf0; font-size:64px; }
h1 > span small { color:#999; font-size:12px; right:16px; position:absolute; top:74px; white-space:nowrap; }

/* ------------ main page footer -------- */
body > small    { color:#bababa; display:block; font-size:14px; margin-top:16px; text-align:center; width:100%; }
body > small a,
body > small a:link,/* Overrides oul style. */
body > small a:visited,
body > small a:hover,
body > small a:focus,
body > small a:active
                { border:0; color:#999; text-decoration:none; }
body > small a:hover
                { border-bottom:1px solid #999; color:#777; }
body > small + small.version
                { margin-top:4px; }


/* ------------ main page timeout note -- */
.note           { margin:-79px auto -6px; text-align:center; width:540px; }
.note.fullscreen{ background:#ede574; border:8px solid #ebe372; color:#bbb362; height:100%; left:0; margin:0; position:fixed; top:192px; width:100%; z-index:100; }
.note p         { border-radius:6px 6px 0 0; background:#ede574; border-top:5px solid #ebe372; color:#d52; height:68px; text-align:center;
             -moz-border-radius:6px 6px 0 0;
          -webkit-border-radius:6px 6px 0 0; }
.note.fullscreen p
                { border-radius:0; background:#ebe372; margin:0 auto 1em;
             -moz-border-radius:0;
          -webkit-border-radius:0; }


/* ------------ main page login --------- */
.loginbox form  { margin:0 auto; min-height:305px; width:540px; }
.loginbox label { margin-right:0; }
.loginbox p:last-child/* This' the did you forget ... */
                { border-top:2px solid #e0e0e0; color:#999; font-size:15px; margin:0 16px 12px; text-align:center; }
/* This' the language selector image part. *//*
.loginbox p:first-child
                { position:absolute; margin:8px 0 0 400px; }
.loginbox p:first-child a
                { border:0; } */
.loginbox a,
.loginbox a:visited,
.loginbox a:hover,
.loginbox a:focus,
.loginbox a:active
                { border:0; color:#666; text-decoration:none; }
.loginbox a:hover
                { border-bottom:1px solid #666; color:#333; }
.loginbox fieldset
                { min-height:163px; width:392px; }
.loginbox fieldset:first-child
                { margin-top:74px; }
.loginbox legend{ border-bottom:2px solid #e0e0e0; color:#444; font-weight:300;/* If proper Browser. */ margin:-74px 4px -12px; padding:16px 0 4px 0; position:absolute; text-align:center; width:508px; }
.loginbox input[type="submit"]
                { width:220px; }
/* ------------ ...override oul --------- */
.loginbox input,
.loginbox input.required,
.loginbox input:focus
                { margin-right:0; }


/* ------------ main page login error and
                          forgotten error */
.loginbox input.required
                { background:#ede574 !important;/* temporary hack - do it else, e.g. move to bottom of this file (!) */ }
.errormessage   { color:#d52; cursor:text; display:inline-block; font-family:verdana,arial,sans-serif !important; font-size:13px !important; font-weight:400; width:208px; line-height:1.5; min-height:19px; padding:0 4px 4px 8px; text-align:left; }
#forgoterrormessages
                { margin-top:18px; width:248px; }
.errormessage hr
                { background:#d52; height:1px; }


/* ------------ main page forgotten ----- */
#frmForgotBox fieldset
                { margin-bottom:12px; width:397px; }
#frmForgotBox input
                { width:246px; }
#frmForgotBox input[type="submit"]
                { width:260px; }


/* ------------ change password,
                       system state ----- */
body.change     { padding:16px 4% 80px 32px; }
.change .loginbox form
                { margin:0; }
#frmChangeBox fieldset
                { width:440px; }


/* ------------ change system state error */
textarea.required
                { background:#ede574; }

}