body { font-family: sans-serif; font-size: small; margin-top: 8em; text-align: center; background: #fefefe url(../graphics/loginbg.png) top left repeat-x; } label { font-weight: bold; display: block; margin: 0.5em 0; } #loginbox { position: relative; padding: 1em; /*border: 1px solid #888;*/ width: 252px; margin-left: auto; margin-right: auto; text-align: left; background: white url(../graphics/ktbg.png) bottom left no-repeat; /*-moz-border-radius: 1em;*/ } #loginboxTopLeft { position: absolute; background: url(../graphics/login_corner_topleft.gif) top left no-repeat; top: 0; left: 0; width: 40px; height: 40px; } #loginboxTopMiddle { position: absolute; background: url(../graphics/login_border_repeat.png) top left repeat-x; top:0; left:35px; width: 230px; height: 3px; } #loginbox.hasDisclaimer #loginboxTopMiddle { position: absolute; background: url(../graphics/login_border_repeat.png) top left repeat-x; top:0; left:35px; width: 520px; height: 3px; } #loginboxTopRight { position: absolute; background: url(../graphics/login_corner_topright.gif) top right no-repeat; top:0; right:0; width: 40px; height: 40px; } #loginboxBottomLeft { position: absolute; background: url(../graphics/login_corner_bottomleft.gif) bottom left no-repeat; bottom:0; left:0; width: 40px; height: 40px; } #loginboxBottomMiddle { position: absolute; background: url(../graphics/login_border_bottom.png) bottom left repeat-x; bottom: 0; left: 35px; width: 230px; height: 3px; } #loginbox.hasDisclaimer #loginboxBottomMiddle { position: absolute; background: url(../graphics/login_border_bottom.png) bottom left repeat-x; bottom: 0; left: 35px; width: 520px; height: 3px; } #loginboxBottomRight { position: absolute; background: url(../graphics/login_corner_bottomright.gif) bottom left no-repeat; bottom: 0; right: 0; width: 40px; height: 40px; } #loginboxLeftTop { position: absolute; background: url(../graphics/login_border_repeat.png) top left repeat-y; top: 35px; left: 0; width: 3px; height: 405px; } #loginbox.hasDisclaimer #loginboxLeftTop { height: 200px; } #loginboxLeftBottom { position: absolute; background: url(../graphics/login_border_repeat.png) top left repeat-y; bottom: 35px; left: 0; width: 3px; height: 405px; } #loginbox.hasDisclaimer #loginboxLeftBottom { height: 200px; } #loginboxRightTop { position: absolute; background: url(../graphics/login_border_right.png) top right repeat-y; top: 35px; right: 0; width: 3px; height: 405px; } #loginbox.hasDisclaimer #loginboxRightTop { height: 200px; } #loginboxRightBottom { position: absolute; background: url(../graphics/login_border_right.png) top right repeat-y; bottom: 35px; right: 0; width: 3px; height: 405px; } #loginbox.hasDisclaimer #loginboxRightBottom { height: 200px; } #loginbox.hasDisclaimer { background: white url(../graphics/ktbg.png) bottom left repeat-x; width: 564px; } #formbox { border: 0; padding: 0; margin: 0; width: 252px; float: left; } #loginbox.hasDisclaimer #formbox { padding-right: 20px; border-right: 1px solid #eee; } #disclaimerbox { width: 252px; float: left; padding-left: 20px; border-left: 1px solid #eee; margin-left: -1px; } #disclaimerbox p { margin-top: 0; margin-bottom: 1em; } input { border: 1px solid #666; width: 250px; } select { border: 1px solid #666; margin: 0; width: 252px; } .logoimage { margin-bottom: 2em; } .form_actions { margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: 0px solid #eee; border-width: 1px 0 0 0; text-align: right; } #loginbox.hasDisclaimer .form_actions { padding: 1em 0 6em 0; border-width: 0 0 0 0; } .form_actions input { width: auto; } .descriptiveText { color: #666; clear: both; } .descriptiveText.version { font-size: x-small; } #bottomspacer { height: 50px; } /* block level. */ .ktError { padding: 0 1em; border: 1px solid #ffc21e; margin: 0.5em 0; background: #ffdd80; } .ktError p { padding-left: 25px; background: transparent url(../../thirdparty/icon-theme/16x16/status/dialog-warning.png) center left no-repeat; } .floatClear { clear: both; height: 1px !important; margin: 0; border: 0; padding: 0; width: 1px; }