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; } a:link, a:active, a:visited { color: #111; background: transparent; } a:hover { color: #444; background: transparent; } form#profile table { border-collapse: collapse; } table#bda_formset { width: 100%; } .bda-field-spectacle { width: 65%; } .bda-field-spectacle select { width: 94%; margin: 0 3%; } .bda-field-double, .bda-field-autoquit, .bda-field-priority { text-align: center; } .bda-field-double { width: 15%; } .bda-field-autoquit { width: 15%; } .tools-cell { width: 32px; } .tools { width: 32px; } .tools a.icon.drag-handler, .tools a.icon.delete-handler { float: left; } .tools a.icon.drag-handler { margin-right: 5px; } form#bda_form p { font-size: 0.8em; } table#bda_formset { border-spacing: 0px 5px; } tbody.bda_formset_content { } tr.dynamic-form td { border-width: 1px 1px 1px 0px; border-style: solid; border-color: #888; background: #EEE; } tr.dynamic-form td:first-child { border-left-width: 1px; } tr.dynamic-form.predelete td { background-color: #FFECEC; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #CCC; } tr.dynamic-form.predelete td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #CCC; } tr.dynamic-form.predelete td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .ui-sortable-helper { } tr.ui-sortable-placeholder td, .placeholder-cell { background: transparent; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #CCC; } tr.ui-sortable-placeholder td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #CCC; } tr.ui-sortable-placeholder td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } form { padding: 0; } #form-placeholder { margin-top: 15px; } #form-placeholder form#profile { margin-top: 10px; } form#profile table td, form#profile table th { width: 400px; } form#profile table th { text-align: right; } fieldset { border: 0; margin: 0; padding: 0; float: left; clear: none; width: auto; } fieldset legend { display: none; } #main-login-container { width: 500px; margin: 7em auto; } #main-login { width: 500px; border: 15px solid #333; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #main-container { max-width: 90%; width: 800px; margin: 7em auto; display: block; } #main { border: 15px solid #333; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 2em; box-shadow: 0 0 100px #AAA inset; } #main #main-content { font-size: 1.25em; margin-top: 10px; } #main #main-content ul { line-height: 1.3em; } #main h1 { font-size: 3em; } #main h1 a { color: #333; text-decoration: none; } #main h2 { font-size: 1.5em; margin-bottom: 10px; } #main h3 { font-size: 1.3em; margin-top: 5px; } #main h4 { margin-top: 10px; font-weight: bold; } #main p { margin-top: 8px; margin-bottom: 8px; } #main form li { list-style: none; } .success { font-weight: bold; color: #00B000; background-color: transparent; } #main form ul.errorlist li { font-weight: bold; color: #B00000; background-color: transparent; list-style: disc; } form#bda_form ul.errorlist li { padding-left: 0px; list-style: none; } #main-login.login_block { padding: 2em; box-shadow: 0 0 100px #AAA inset; } a#login_clipper, 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; } a#login_clipper { background-color: #123E96; box-shadow: 0 0 100px #040C78 inset; } a#login_clipper:hover { background-color: #164BB6; } a#login_outsider { background-color: #961221; box-shadow: 0 0 100px #780411 inset; } a#login_outsider:hover { background-color: #B31729; } #main-login label { font-size: 11px; } #main-login label span.accesskey { text-decoration: underline; } #main-login input { letter-spacing: 1px; } #main-login .btn-row { float: right; } .btn-submit, .btn-addmore { 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); } #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,h4,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; float: left; } #main-login #header h1 { float: none; } #header #homelink { float: right; } tt { font-weight: bold; } .error { color: #BB0000; background-color: transparent; } /* FORMS --------------------------------- */ #main-login input { border-width: 1px; font-family: Verdana,sans-serif; font-size: 1.1em; color: #000; padding: 3px; min-height: 1.5em; } #main-login input[type="text"], #main-login 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; } input[disabled], input[readonly] { color: #BBB; } input[type="text"], input[type=password] { border: 1px solid #888; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 3px #AAA inset; padding: 0px 2px 0px 2px; } input#search_autocomplete { width: 600px; font-size: 14px; height: 20px; padding: 10px 8px; margin: 0 auto; display: block; color: #aaa; } input#search_autocomplete:focus { font-size: 18px; color: #343a4a; } .autocomplete {margin-bottom:5px;} .yourlabs-autocomplete ul {list-style-type: none; padding: 0; margin: 0; font-size: 1.5em;} .yourlabs-autocomplete li {padding: 6px 5px; display: block;} .yourlabs-autocomplete li a {text-decoration: none;} .yourlabs-autocomplete li a span.highlight {text-decoration: underline; font-weight: bold;} .yourlabs-autocomplete li.autocomplete-header {background-color: #FFEF9E; padding: 3px 5px; color: #000;} .yourlabs-autocomplete li.autocomplete-value {cursor: pointer;} .yourlabs-autocomplete li.hilight {background-color: #EA4839; color: #FFF; } .yourlabs-autocomplete li.hilight a {color: #FFF; } .yourlabs-autocomplete { border: none; background: none; } .yourlabs-autocomplete.outer-container { position: relative; } .yourlabs-autocomplete.inner-container { position: absolute; left: -1px; top: 2px; border: 1px solid #B7B7B7; width: 618px; background: #fff; } .yourlabs-autocomplete.inner-container { margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; position: relative; list-style-type: none; } 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%); } .tristate:hover { cursor: pointer; }