html,body { } @font-face { font-family: 'Droid Serif'; font-style: normal; font-weight: bold; src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('droidserif.woff') format('woff'); } .spacer { clear: both; } #cof a:link, #cof a:active, #cof a:visited { color: #111; background: transparent; } #cof a:hover { color: #444; background: transparent; } #cof form { display: block; padding: 0; width: 100%; } #cof fieldset { border: 0; margin: 0; padding: 0; float: left; clear: none; width: auto; } #cof fieldset legend { display: none; } #cof #main-login-container { width: 500px; margin: 7em auto; } #cof #main-login { width: 500px; border: 15px solid #333; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #cof #main-container { width: 800px; margin: 7em auto; } #cof #main { width: 800px; border: 15px solid #333; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 2em; box-shadow: 0 0 100px #AAA inset; } #cof #main #main-content { font-size: 1.25em; margin-top: 10px; } #cof #main #main-content ul { line-height: 1.3em; } #cof #main h1 { font-size: 3em; } #cof #main h1 a { color: #333; text-decoration: none; } #cof #main h2 { font-size: 1.5em; margin-bottom: 10px; } #cof #main h3 { font-size: 1.3em; } #cof #main p { margin-top: 8px; margin-bottom: 8px; } #cof #main form li { list-style: none; } #cof .success { font-weight: bold; color: #00B000; background-color: transparent; } #cof #main form ul.errorlist li { font-weight: bold; color: #B00000; background-color: transparent; list-style: disc; } #cof #main-login.login_block { padding: 2em; box-shadow: 0 0 100px #AAA inset; } #cof a#login_clipper, #cof a#login_outsider { float: left; display: block; width: 250px; height: 200px; text-align: center; font-family: 'Droid Serif', serif; font-size: 2em; font-weight: bold; line-height: 190px; text-decoration: none; color: #FFF; } #cof a#login_clipper { background-color: #123E96; box-shadow: 0 0 100px #040C78 inset; } #cof a#login_clipper:hover { background-color: #164BB6; } #cof a#login_outsider { background-color: #961221; box-shadow: 0 0 100px #780411 inset; } #cof a#login_outsider:hover { background-color: #B31729; } #cof #main-login label { font-size: 11px; } #cof #main-login label span.accesskey { text-decoration: underline; } #cof #main-login input { letter-spacing: 1px; } #cof #main-login .btn-row { float: right; } #cof .btn-submit { float: none; clear: none; display: inline; letter-spacing: 0; color: #333; padding: 5px; text-transform: uppercofe; font-variant: small-caps; border: 1px solid #ccc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC)); background: -moz-linear-gradient(19% 75% 90deg,#EEE, #CCC); background: linear-gradient(center top, #EEE, #CCC); } #cof #main-login .btn-reset { float: none; clear: none; margin-left: 5px; border: 0; border-left: 1px solid #ddd; background: transparent; color: #777; text-transform: lowercase; letter-spacing: 0; } /* RESET --------------------------------- */ /* reset some properties for elements since defaults are not crossbrowser - http: //meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html,body,div,span,h1,h2,h3,p,a,img,ul,li,fieldset,form,label,legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ul { font-size: 1.1em; padding: 6px 0 6px 12px; } body { font: normal 400 62.5%/1.0 Verdana, sans-serif; background-color: #eee; color: #333; } /* HEADER --------------------------------- */ #header h1 { font-family: 'Droid Serif', serif; font-weight: bold; font-size: 18px; margin-bottom: 5px; } tt { font-weight: bold; } .error { color: #BB0000; background-color: transparent; } /* FORMS --------------------------------- */ input { border-width: 1px; font-family: Verdana,sans-serif; font-size: 1.1em; color: #000; padding: 3px; min-height: 1.5em; } input[type="text"], input[type=password] { border: 2px solid #888; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0 0 12px #AAA inset; min-height: 2em; } hr { border: 0; height: 1px; background: #333; background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,70%,0)), color-stop(50%,hsla(0,0%,70%,.75)), color-stop(100%,hsla(0,0%,70%,0))); background: -webkit-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); background: -moz-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); background: -ms-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); background: -o-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); background: linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); } .fm-v div.row { margin: 0; padding: .5em 0; width: 100%; } .fm-v div.row label { float: left; width: 100%; line-height: 1.5; } .fm-v div.row input.btn-submit { display: block; margin: 0; } .fm-v div.row.fl-controls-left { width: 50%; float: left; }