html,

body {background-color: #ffffff; font: normal 1em tahoma, verdana, arial, sans-serif; height: 100%; margin: 0; padding: 0;}

a {color: #0000ff; text-decoration: none;}
a:hover {color: #cd0000; text-decoration: underline;}
form {margin: 0; padding: 0;}
input[type=checkbox] {cursor: pointer;}
input[type=password] {font: normal 0.9em tahoma, verdana, arial, sans-serif;}
input[type=radio] {cursor: pointer;}
input[type=submit] {font-weight: bold; height: 34px;}
input[type=text] {font: normal 0.9em tahoma, verdana, arial, sans-serif;}
label {cursor: pointer;}
select {font: normal 0.9em tahoma, verdana, arial, sans-serif;}
textarea {font: normal 1em tahoma, verdana, arial, sans-serif;}

#body {margin: 0; padding: 0 0 40px 0;} /* #body {padding-bottom} must mirror #footer {height} */

#errors {padding: 20px; text-align: center;}

#footer {height: 40px;} /* #footer {height} must mirror #body {padding-bottom} */

#header div.bar {background-color: #d6dde0; height: 3px;}
#header.theme0 {background: #ffffff url('http://dork.com/images/header/bg-0.png') repeat-x 0 0;}
#header.theme0 #logo {background-image: url('http://dork.com/images/header/dork.png');}
#header.theme0 #links a {color: #003399;}
#header.theme0 #links span {color: #000000;}
#header.theme1 {background: #000000 url('http://dork.com/images/header/bg-1.png') repeat-x 0 0;}
#header.theme2 {background: #003399 url('http://dork.com/images/header/bg-2.png') repeat-x 0 0;}
#header.theme3 {background: #55a901 url('http://dork.com/images/header/bg-3.png') repeat-x 0 0;}
#header.theme4 {background: #9900cc url('http://dork.com/images/header/bg-4.png') repeat-x 0 0;}
#header.theme5 {background: #dd0000 url('http://dork.com/images/header/bg-5.png') repeat-x 0 0;}
#header.theme6 {background: #ff1493 url('http://dork.com/images/header/bg-6.png') repeat-x 0 0;}

#links {font: bold 13px verdana, arial, sans-serif; padding: 25px 10px 0 0; height: 24px; text-align: right;}
#links a {color: #ffffff; text-decoration: none;}
#links a:hover {text-decoration: underline;}
#links span {color: #ffffff; font-weight: normal; padding: 0 5px 0 5px;}

#logo {background: transparent url('http://dork.com/images/header/dork-white.png') no-repeat 0 0; cursor: pointer; float: left; height: 29px; margin: 10px 0 0 10px; width: 107px;}

#main {min-height: 100%; position: relative;}

#nav {background: transparent url('http://dork.com/images/header/bg.gif') repeat-x 0 0; font: bold 14px tahoma, verdana, arial, sans-serif; height: 30px;}
#nav a {cursor: pointer; text-decoration: none;}
#nav a div {float: left; height: 24px; padding: 6px 10px 0 10px;}
#nav a:hover div {background-color: #ffffff;}
#nav a.on div {background: transparent url('http://dork.com/images/header/arrow.gif') no-repeat center; color: #000000;}
#nav .pipe {background-color: #d6dde0; float: left; height: 30px; width: 1px;}
#nav.theme0 a {color: #002369;}
#nav.theme1 a {color: #2a2a2a;}
#nav.theme2 a {color: #002369;}
#nav.theme3 a {color: #448700;}
#nav.theme4 a {color: #69008c;}
#nav.theme5 a {color: #9c0000;}
#nav.theme6 a {color: #d41179;}

#passStrength {font-size: 12px;}
#passStrength span {font-weight: bold;}
#passStrength span.strong {color: #008000;}
#passStrength span.medium {color: #0000ff;}
#passStrength span.weak {color: #ff0000;}
#passStrength span.short {color: #ff0000;}

.box1 {background-color: #f8f8f8; border: 1px solid #dadada; padding: 15px;}
.box1 p {font-size: 0.75em;}
.box1 .hr {border-bottom: 1px dotted #dadada; height: 1px; margin: 1em 0 1em 0;}
.box1 .title {background: transparent no-repeat 0 2px; font: bold 1em tahoma, verdana, arial, sans-serif; margin: 0; padding: 0 0 0 21px; white-space: nowrap;}

.charRemain {color: #ff4500; float: right; font-size: 0.85em;}

.clear {clear: both; height: 0;}

.conf {background-color: #ebffeb; border: 1px solid #3cdc0f; margin-bottom: 20px; padding: 0 10px 0 10px;}
.conf li {margin: 10px 0 10px 0;}
.conf ol {margin: 0 0 0 25px; padding: 0;}
.conf span {color: #800000; font-family: 'courier new'; font-weight: bold;}
.conf .title {font-size: 1.2em; font-weight: bold; margin: 0.5em 0 0.5em 0;}

.err {background-color: #ffebeb; border: 1px solid #dc3c0f; margin-bottom: 20px; padding: 0 10px 0 10px;}
.err li {margin: 10px 0 10px 0;}
.err ol {margin: 0 0 0 25px; padding: 0;}
.err span {color: #800000; font-family: 'courier new'; font-weight: bold;}
.err .title {font-size: 1.2em; font-weight: bold; margin: 0.5em 0 0.5em 0;}

.form td.l {color: #4c4c4c; font-size: 0.85em; font-weight: bold; padding: 7px 5px 5px 0; text-align: right; white-space: nowrap;}
.form td.r {font-size: 0.9em; padding: 5px 0 5px 5px;}
.form tr {vertical-align: top;}

.records table {border-right: 1px solid #dadada; border-top: 1px solid #dadada; font-family: georgia; width: 100%;}
.records table tr td {background-color: #ffffff; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; padding: 0.5em;}
.records table tr td.c {text-align: center;}
.records table tr td.r {text-align: right;}
.records table tr td img {border: 0; height: 16px; width: 16px;}
.records table tr:hover td {background-color: #ffffcc;}
.records table tr th {background-color: #f5f5f5; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; padding: 0.5em;}
.records table tr th .asc {background: url('http://dork.com/images/icons/bullet_arrow_up.png') no-repeat right 0; padding-right: 16px;}
.records table tr th .asc a {text-decoration: none;}
.records table tr th .desc {background: url('http://dork.com/images/icons/bullet_arrow_down.png') no-repeat right 0; padding-right: 16px;}
.records table tr th .desc a {text-decoration: none;}
.records table tr th .off a {text-decoration: none;}
.records .pages {margin: 20px 0 20px 0; text-align: center;}
.records .pages a {background-color: #ffffff; border: 1px solid #dadada; margin: 0 3px 0 3px; padding: 3px 5px 3px 5px; text-decoration: none;}
.records .pages a:hover {color: #ffffff; background-color: #3764d2; border: 1px solid #2d55af;}
.records .pages span {font-weight: bold; margin: 0 3px 0 3px;}
.records .pages strong {font-family: verdana;}

.secCode input[type=text] {font-size: 13px; margin-top: 5px; width: 120px;}
.secCode span {font-size: 12px; margin-left: 5px;}
.secCode .reload {border: 0; height: 16px; width: 16px;}
.secCode .secImg {height: 41px; width: 101px;}