/** FIELDMANAGER - TECH4FIELD **/
/** GLOBAL **/
html, body { z-index: 0; width: 100%; height: 100%; overflow: hidden; font-size: 12px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #eaf2f7; background-image: url('../images/loginPage/body.png'); background-position: center top; background-repeat: repeat-x; }
body { text-align: center; margin: 0; }
/** FORM **/
#form1 { z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; text-align: center; }
/** LOGO SEVENSOFT **/
.logoSS { z-index: 2; width: 400px; height: 38px; position: absolute; top: 0; left: 4%; background-image: url('../images/loginPage/logoSS.png'); background-repeat: no-repeat; background-position: left top; color: #cee3eb; line-height: 30px; padding: 7px 0 0 0; text-indent: 170px; text-align: left; }
/** BG TABLE **/
.bgTable { z-index: 3; margin: 0 auto; position: relative; top: 76px; width: 310px; height: 276px; border-collapse: collapse; background-image: url('../images/loginPage/sevensoft.png'); background-repeat: no-repeat; background-position: center top; }
/** LOGIN TABLE **/
#tabLogin { z-index: 4; color: #ED2A26; font-size: 1em; text-align: left; position: absolute; top: 270px; left: 0px; width: 310px; border-collapse: collapse; display: none; }
.txtLogin { border: solid 1px #ED2A26; width: 155px; }
.bConnect { border: solid 1px #ED2A26; background-color: #933f3e; color: #f6a8a7; }
.bConnect:hover { cursor: pointer; color: #FFFFFF; background-color: #cc4442; }
/** NO JAVASCRIPT AND IE5 CAUTION **/
#caution, #noJs { z-index: 5; color: #ED2A26; font-size: 1em; text-align: justify; position: absolute; top: 270px; left: 0px; width: 310px; }
/** GRAPHIC PREVENT **/
#prevent { z-index: 6; position: absolute; top: 50px; right: 0; left: 0; width: 100%; height: 40px; line-height: 20px; overflow: visible; text-align: center; color: #14566e; font-size: 10px; }
/** LOAD FIRST **/
#loadFirst { z-index: 7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; }
/** WAIT **/
#waitLP { z-index: 13; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; background-repeat: repeat; background-image: url('../images/welcome/07.gif'); }
#waitCntLP { z-index: 14; position: relative; top: 30%; right: auto; left: auto; width: 150px; height: 31px; margin: 0 auto; overflow: hidden; }
#waitInfLP { z-index: 15; position: absolute; top: 0; left: 0; width: 100px; height: 30px; line-height: 30px; color: #3099bf; font-size: 16px; text-align: left; }
#waitperLP { z-index: 16; position: absolute; top: 0; right: 0; width: 50px; height: 30px; line-height: 30px; color: #3099bf; font-size: 16px; text-align: right; }
#waitbarLP { z-index: 17; position: absolute; top: 30px; left: 0; height: 1px; background-color: #3099bf; }
/** PROPERTY **/
.rgt { text-align: right; }
/*** WELCOME PAGE ***/
#welcopme { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0; left: 0; overflow: hidden; }
/** WINDOWS **/
.line1, .line2, .line3 { position: absolute; left: -200px; width: 200px; height: 200px; background-repeat: no-repeat; }
.line1 { top: 76px; background-image: url('../images/multiview/line1.png'); }
.line2 { top: 276px; background-image: url('../images/multiview/line2.png'); }
.line3 { top: 476px; background-image: url('../images/multiview/line3.png'); }
.image { position: absolute; width: 160px; height: 160px; background-repeat: no-repeat; top: 20px; left: 20px; }
.image img { position: absolute; width: 160px; height: 160px; background-repeat: no-repeat; top: 0; left: 0; }
.headImg, .headImg a { position: absolute; width: 160px; height: 160px; line-height: 30px; top: 0; left: 0; color: #cee3eb; font-family: Arial; font-size: 1.1em; background-image: none; background-repeat: no-repeat; display: block; text-decoration: none; }
.headImg a:hover { background-image: url('../images/multiview/overflow.gif'); color: #b0f2ff; }
#dtf { position: relative; width: 400px; height: 300px; margin: 0 auto; top: 276px; text-align: center; }
.dTxt { position: absolute; top: 0; left: 0; width: 400px; height: 260px; overflow: auto; text-align: center; font-family: Arial; font-size: 1.4em; color: #2a5160; }
.lnkLeft, .lnkRight { position: absolute; top: 260px; width: 200px; height: 40px; line-height: 40px; background-repeat: no-repeat; text-decoration: none; color: #6da3bd; font-family: Arial; font-size: 1.4em; overflow: hidden; text-align: center; }
.lnkLeft { left: 0; background-image: url('../images/multiview/lft.gif'); background-position: 0 0; }
.lnkRight { left: 200px; background-image: url('../images/multiview/rgt.gif'); background-position: 160px 0; }
.lnkLeft:hover { background-position: 0 -40px; color: #0096c3; }
.lnkRight:hover { background-position: 160px -40px; color: #0096c3; }