a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; } html, body { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } b, strong { font-weight: bold; } img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } ul, ol { list-style: none; } li { display: list-item; } table { border-collapse: collapse; border-spacing: 0; } th, td, caption { font-weight: normal; vertical-align: top; text-align: left; } q { quotes: none; } q:before, q:after { content: ""; content: none; } sub, sup, small { font-size: 75%; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } svg { overflow: hidden; } body { font: 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; } pre, code { font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace; } hr { border: 0 #cccccc solid; border-top-width: 1px; clear: both; height: 0; } h1 { font-size: 25px; } h2 { font-size: 23px; } h3 { font-size: 21px; } h4 { font-size: 19px; } h5 { font-size: 17px; } h6 { font-size: 15px; } ol { list-style: decimal; } ul { list-style: disc; } li { margin-left: 30px; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure { margin-bottom: 20px; } .input_tiny { width: 50px; } .input_small { width: 100px; } .input_medium { width: 150px; } .input_large { width: 200px; } .input_xlarge { width: 250px; } .input_xxlarge { width: 300px; } .input_full { width: 100%; } .input_full_wrap { display: block; padding-right: 8px; } input[type="search"]::-webkit-search-decoration { display: none; } input:invalid, button:invalid, a.button:invalid, select:invalid, textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input:focus, button:focus, a.button:focus, select:focus, textarea:focus { -webkit-box-shadow: #0066ff 0 0 5px 0; -moz-box-shadow: #0066ff 0 0 5px 0; box-shadow: #0066ff 0 0 5px 0; z-index: 1; } input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button, a.button, input[type="reset"], input[type="submit"], input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background: #dddddd url('../images/button.png?1298351022') repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(#ffffff, #dddddd); background-image: -moz-linear-gradient(#ffffff, #dddddd); background-image: -o-linear-gradient(#ffffff, #dddddd); background-image: -ms-linear-gradient(#ffffff, #dddddd); background-image: linear-gradient(#ffffff, #dddddd); border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; display: inline-block; font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; outline: 0; overflow: visible; margin: 0; padding: 3px 10px; text-shadow: white 0 1px 1px; text-decoration: none; vertical-align: top; width: auto; *padding-top: 2px; *padding-bottom: 0; } button:hover, a.button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -ms-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc); } button:active, a.button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #dddddd), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#ffffff, #dddddd 1px, #eeeeee); background-image: -moz-linear-gradient(#ffffff, #dddddd 1px, #eeeeee); background-image: -o-linear-gradient(#ffffff, #dddddd 1px, #eeeeee); background-image: -ms-linear-gradient(#ffffff, #dddddd 1px, #eeeeee); background-image: linear-gradient(#ffffff, #dddddd 1px, #eeeeee); -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; border-color: #999999 #bbbbbb #dddddd; } button::-moz-focus-inner, a.button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; padding: 0; } a.button { *padding-bottom: 3px; } button { *padding-top: 1px; *padding-bottom: 1px; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-appearance: none; background-color: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; outline: 0; margin: 0; padding: 2px 3px; text-align: left; font-size: 13px; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; height: 1.8em; vertical-align: top; *padding-top: 2px; *padding-bottom: 1px; *height: auto; } textarea[disabled], select[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] { background-color: #eeeeee; } button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], a.button_disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; color: #888888; cursor: default; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; } input:-moz-placeholder, textarea:-moz-placeholder { color: #888888; } input.placeholder_text, textarea.placeholder_text { color: #888888; } textarea, select[size], select[multiple] { height: auto; } select[size="0"], select[size="1"] { height: 1.8em; *height: auto; } @media (-webkit-min-device-pixel-ratio: 0) { select[size], select[multiple], select[multiple][size] { background-image: none; padding-right: 3px; } select, select[size="0"], select[size="1"] { background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); background-repeat: no-repeat; background-position: right center; padding-right: 20px; } ::-webkit-validation-bubble-message { -webkit-box-shadow: none; box-shadow: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black)); border: 1px solid; border-color: #747474 #5e5e5e #4f4f4f; color: white; font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif; overflow: hidden; padding: 15px 15px 17px; text-shadow: black 0 0 1px; height: 16px; } ::-webkit-validation-bubble-arrow, ::-webkit-validation-bubble-top-outer-arrow, ::-webkit-validation-bubble-top-inner-arrow { -webkit-box-shadow: none; box-shadow: none; background: #666666; border: 0; } } textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; } optgroup { color: black; font-style: normal; font-weight: normal; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; } optgroup::-moz-focus-inner { border: 0; padding: 0; } .ie6_button, * html button, * html a.button { background: #dddddd url('../images/button.png?1298351022') repeat-x; border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; font: bold 12px/1.2 Arial, sans-serif; padding: 2px 10px 0px; text-decoration: none; overflow: visible; vertical-align: top; width: auto; } * html a.button { position: relative; top: 3px; padding-bottom: 2px; } * html button { padding-top: 1px; padding-bottom: 1px; } .ie6_input, * html textarea, * html select { background: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; padding: 2px 3px 1px; font-size: 13px; font-family: Arial, sans-serif; vertical-align: top; } * html select { margin-top: 1px; } .placeholder_text, .ie6_input_disabled, .ie6_button_disabled { color: #888888; } .ie6_input_disabled { background: #eeeeee; } body { background: white; color: black; } #wrapper { margin: 0 auto; padding: 20px; width: 800px; } label.error { background: #ffffcc; color: #cc0000; font-style: italic; } input.error, select.error, textarea.error { background-color: #ffeeee; } .horiz { margin-top: -20px; margin-left: -20px; } .horiz td { padding: 20px 0 0 20px; }