/*
 * Login stylesheet for WOE using Transcontinental style
 *
 * Written by T.Pierron, Polkadots Software Inc. Feb 2009.
 */

*             { font-size: 12px; font-family: sans-serif }
body          { overflow: hidden; margin: 0; padding: 45px 0 0 0;
				background: white url(images/colors_top.png) no-repeat -368px top }
h1            { display: block; width: 201px; height: 53px; margin: 11px 0 0 11px; padding: 0;
                background: white url(images/transmag_logo_en.png) no-repeat top left }
h1.fr         { width: 206px; background-image: url(images/transmag_logo_fr.png) }
h1 span       { display: block; position: absolute; width: 100%; left: 0; height: 0px; bottom: 0;
                border-bottom: 12px solid #cf3f37; overflow: hidden }
h2            { color: #0056a5; font-size: 2.5em; font-weight: bold }
h2 span       { font-weight: bolder; font-size: 1.2em; display: block; padding-left: 2em; margin-top: -5px }
h3            { color: #0056a5; font-size: 2em; padding: 0; margin: 15px 0 5px 0 }
ul            { margin: 0; padding: 0 }
ul li         { list-style: none }
ul li a       { color: #0056a5 }
#login        { border-collapse: collapse; border: 0; position: absolute; top: 59px; right: 88px; z-index: 10 }
#username     { height: 50px; padding-right: 60px; background: transparent url(images/login_icon.png) no-repeat 100% 50% }
#password     { height: 50px; padding-right: 60px; background: transparent url(images/passwd_icon.png) no-repeat 100% 50% }
#footer       { z-index: 0; position: absolute; display: block; bottom: 0; left: 0; right: 0;
                height: 393px; border-top: 14px solid #1e56a1; margin: 0;
                background: transparent url(images/press_transmag.jpg) no-repeat 100% 100% }
#footer #bottom
              { display: block; margin-top: -83px; width: 100%; height: 422px;
                background: transparent url(images/woe_title.png) no-repeat 0 0 }
#footer ul    { position: absolute; bottom: 23px; left: 30px }
#footer ul li { margin: 6px 0 }
#footer ul li a
              { color: black; font-weight: bold; text-shadow: 0 0 2px white }
.label        { text-align: right; text-shadow: 0 0 2px white }
.error        { color: red; font-weight: bold; padding-left: 10px }
.warning      { font-size: 0.9em; color: gray }
#tutos        { position: absolute; left: 0; width: 437px; bottom: 0; top: 0; margin: 0; padding-top: 200px;
                border-right: 14px solid #0055a5; padding-left: 65px;
				background: transparent url(images/videos_footer.jpg) no-repeat 0 100% }
#tutolist     { position: absolute; left: 516px; top: 0; bottom: 0; right: 0; padding: 175px 0 0 47px;
				background: transparent url(images/woe_logo_small.png) no-repeat 47px 26px }
#tutolist a   { font-weight: normal }
#tutolist li  { margin-bottom: 3px }