body {
  color: #000;
  background-color: #fff;
  font: normal 80% Verdana, Arial, sans-serif;
  margin: 0;
  padding: 0;
}
fieldset {
    border:0;
}
legend {
    font-weight:bold;
}
.normal {
  background: #ffd;
  line-height: 1.1em;
  padding: 0;
  margin: 0 20px 0 0;
}

#nav {
  float: left;
  font: bold 1.0em Verdana, Arial, sans-serif;
  margin: 0 0 0 -1px;
  line-height: 1.1em;
  padding: 25px 10px;
  background: #ffd;
  width: 170px;
  z-index: 1;
}
html>body #nav {
    width: 150px;
}

h3 {
  background: #063 url("tabedge.gif") right top no-repeat;
  color: #fff;
  margin: 10px 0 0;
  padding: 2px 6px;
  font-size: .85em;
  border-bottom: 2px #063 solid;
}

#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #063;
  border: none;
  border-bottom: 1px #063 solid;
}

#nav li {
  margin: 0;
  padding: 0;
  border: none;
  border-left: 1px #063 solid;
  border-right: 1px #063 solid;
}

#nav li a {
  display: block;
  padding: 4px 10px 4px 10px;
  margin: 0;
  color: #063;
  font-size: .85em;
  font-weight: bold;
  text-decoration: none;
  background: #ffe082;
  border-top: 2px #fea solid;
  border-bottom: 2px #b6a05d solid;
  border-left: 2px #fea solid;
  border-right: 2px #b6a05d solid;
  width: 148px;
  }
  html>body #nav li a {
    width: auto;
}

#nav li a:hover {
  color: #000;
  background: #ffe082;
  border-top: 2px #b6a05d solid;
  border-bottom: 2px #fea solid;
  border-left: 2px #b6a05d solid;
  border-right: 2px #fea solid;
}

#nav li a:active {
  color: #c30;
  background: #f2efed;
}

#monthlycashreport #nav-monthlycashreport, #acctcreate #nav-acctcreate, #acctedit #nav-acctedit, #cal #nav-cal, #attcal #nav-attcal, #entedit #nav-entedit, #faq #nav-faq, #feedback #nav-feedback, #acctquestion #nav-acctquestion, #history #nav-history, #search #nav-search , #searchparty #nav-searchparty ,#welcome #nav-welcome, #daily #nav-daily, #login #nav-login, #report #nav-report, #newaccountsreport #nav-newaccountsreport, #feereport #nav-feereport, #puser #nav-puser, #pauser #nav-pauser, #paadmin #nav-paadmin, #cadmin #nav-cadmin, #org #nav-org, #judiciary #nav-judiciary {
  color: #00c;
  background: #fea url("images/point.gif") right no-repeat;
}

#monthlycashreport #nav-monthlycashreport a, #acctcreate #nav-acctcreate a, #acctedit #nav-acctedit a, #cal #nav-cal a, #attcal #nav-attcal a, #entedit #nav-entedit a, #faq #nav-faq a, #feedback #nav-feedback a, #acctquestion #nav-acctquestion a, #history #nav-history a, #search #nav-search a, #searchparty #nav-searchparty a, #welcome #nav-welcome a, #daily #nav-daily a, #login #nav-login a, #report #nav-report a, #feereport #nav-feereport a, #newaccountsreport #nav-newaccountsreport a, #puser #nav-puser a, #pauser #nav-pauser a, #paadmin #nav-paadmin a, #cadmin #nav-cadmin a, #org #nav-org a, #judiciary #nav-judiciary a {
  color: #00c;
  background: #fea url("point.gif") right no-repeat;
}

#contentNEW {
  background: #fff;
  line-height: 1.1em;
  padding: 0 15px 20px;
  margin-left: 85px;
  border-left: 2px dashed #ffe082;
  left: 85px;
  position: absolute;
}

#content {
  background: #fff;
  line-height: 1.1em;
  padding: 0 15px 20px;
  height: 500px auto;
  z-index: 2;
  left: 0px;
  position: absolute;
}

#contentCAL {
  background: #fff;
  line-height: 1.1em;
  padding: 0 15px 20px;
  margin-left: 2px;
  border-left: 2px dashed #ffe082;
  height: 500px auto;
  z-index: 2;
  left: 0px;
  position: absolute;

}

.requiredwarning	{
	width: 80%;
	text-align: left;
	font-weight: bold;
	color: #F00;
}

.required	{
	font-weight: bold;
	color: #F00;
}

#tiptext	{
	font-size: 0.8em;
}

#pageFooter {
  clear: both;
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
  background: #063;
  height: 18px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

#pageFooter a {
  color: #fff;
}

#content div.progressNav {
  margin: 30px 0px 0px 0px;
  padding: 0.3em 0px 0.3em 0px;
  border-top: 2px solid #063;
  border-bottom: 2px solid #063;
  font-family: Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1em;
}
#content div.progressNav span {
  display: inline;
  margin-right: 1em;
  padding: 0.2em;
  color: #666;
}
#content div.progressNav span.complete, #content div.progressNav span.complete a {
  color: #feb53d;
}
#content div.progressNav span.current {
  font-weight: bold;
  background: transparent url(/courts/payments/images/gavel.gif) top center no-repeat;
  padding-top: 1.9em;
}
#content div.progressNav span.current, #content div.progressNav span.current a {
  color: #f54c01;
}

.login #content {
  margin: 0 20px 0 50px;
  border: none;
}

.help #content {
  margin: 0 20px 0 50px;
  border: none;
}

#helperbar {
  float: right;
  font: bold .8em Verdana, Arial, sans-serif;
  background: #ffe082;
  color: #063;
  border: 1px #063 solid;
  border-top: 0px #063 solid;
  padding: 3px 15px;
  margin: 0;
  white-space: nowrap;
  line-height: 1.1em;
}

#helperbar a {
  color: #063;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

#helperbar a:hover {
  color: #000;
  text-decoration: underline;
}

h1 {
  clear: right;
  padding: 20px 0 5px;
  margin: 0;
  line-height: 1.0em;
  font: bold 1.3em Verdana, Arial, sans-serif;
  color: #063;
}

h2 {
  padding: 10px 0 5px;
  margin: 0;
  line-height: 1.1em;
  font: bold 1.2em Verdana, Arial, sans-serif;
  color: #063;
}

p {
  font: normal 1.0em Verdana, Arial, sans-serif;
  color: #000;
  padding: 0 0 10px;
  margin: 0;
  line-height: 1.1em;
}

.limited {
  max-width: 600px;
  width:expression(document.body.clientWidth > 600? "600px": "auto" );
}

#content table {
  line-height: 1.1em;
  padding: 0;
  margin: 0 0 10px;
  border: 1px #063 solid;
  font: normal .87em Verdana, Arial, sans-serif;
}

#content tr:nth-child(even) {background: #EFEFEF}
#content tr:nth-child(odd) {background: #FFF}

#contentCAL table {
  line-height: 1.1em;
  padding: 0;
  margin: 0 0 10px;
  border: 1px #063 solid;
  font: normal .87em Verdana, Arial, sans-serif;
}

#content th {
  padding: 2px 10px;
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
  vertical-align: bottom;
  background: #ffe082;
  color: #063;
  border-bottom: 1px #063 solid;
}
#contentCAL th {
  padding: 2px 10px;
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
  vertical-align: bottom;
  background: #ffe082;
  color: #063;
  border-bottom: 1px #063 solid;
}

#content td {
  padding: 3px 5px;
  margin: 0;
}
#contentCAL td {
  padding: 3px 5px;
  margin: 0;
  vertical-align: baseline;
}

#content li {
  padding: 5px;
}
#contentCAL li {
  padding: 5px;
}

.label {
  text-align: right;
  font-weight: bold;
  vertical-align: top;
}

.actionbox {
  margin: 0;
  padding: 0;
  background: #fff;
  border-spacing: 0;
  border-collapse: collapse;
}

.actionbox td {
  border: 1px #063 solid;
  margin: 0px;
  padding: 3px 10px;
  text-align: center;
}

.lite {
  background-color: #efe;
}

.subheading {
  padding: 2px 10px;
  margin: 0;
  border-bottom: 1px #000 solid;
  vertical-align: bottom;
  background: #f2efed;
  font: bold 1.0em Verdana, Arial, sans-serif;
  color: #000;
  text-align: center;
}

.subtotal {
  font-weight: bold;
  text-align: right;
  border-top: 1px #ccc solid;
}

.total {
  font-weight: bold;
  border-top: 1px #000 solid;
  text-align: right;
  font-size: 1.2em;
}

.buttons {
  text-align: center;
  border: 0;
  margin: 5px 0 10px;
  padding: 0;
}

.help h5 {
  margin: 20px 20px 10px 0;
  padding: 10px 6px;
  font-size: 1.0em;
  font-weight: bold;
  background: #efe;
  border-top: 2px #063 solid;
  border-bottom: 1px #063 dashed;
}

.help p {
  font: normal 1.0em Verdana, Arial, sans-serif;
  color: #000;
  padding: 0 0 10px;
  margin: 0 50px 0 20px;
  line-height: 1.1em;
}

.help ul {
  font: normal 1.0em Verdana, Arial, sans-serif;
  color: #000;
  padding: 0 0 10px;
  margin: 0 50px 0 60px;
  line-height: 1.1em;
}

.hide {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute; /* for the benefit of IE5 Mac */
}

.pophelp {
  display: none;
  background: #ffe082;
  margin: 2px 5px;
  padding: 0;
  text-decoration: none;
}

.pophelp a {
  background: #ffe082;
  border: 1px #006633 solid;
  color: #063;
  float: right;
  font: bold .87em Verdana, Arial, sans-serif;
  margin: 0;
  padding: 0px 3px;
  text-decoration: none;
}

.pophelp a:hover {
  background: #ffc;
  color: #093;
}

.login ul {
  margin: 0;
  padding: 0 20px 5px 50px;
}

.login li {
  margin: 0 0 5px;
  padding: 0;
}

.loginbox {
  width: 350px;
  padding: 0 0 15px;
  margin: 0 0 0 40px;
  background: #fff;
  border: 1px #063 solid;
  line-height: 1.3em;
}

.loginbox h5 {
  padding: 5px 10px;
  margin: 0 0 5px;
  background: #efe;
  border-bottom: 1px #063 dashed;
  font-weight: bold;
  font-size: 1.0em;
}

.loginbox p {
  padding: 3px 0;
  margin: 5px 0;
  clear: both;
}

.loginbox label {
  float: left;
  width: 180px;
  margin: 2px 0 0;
  padding-right: 6px;
  text-align: right;
}

.loginbox input {
  float: left;
  margin-right: 10ox;
}

.loginbox .buttons input {
  float: none;
  margin-top: 10px;
}

.largetype	{
	font-size: 1.2em;
}

#receipt {
  margin: 10px 20px;
  padding: 0;
  width: 650px;
}

#receipt table {
  line-height: 1.1em;
  padding: 0;
  margin: 0 0 10px;
  border: 1px #000 solid;
  font: normal 1.0em Verdana, Arial, sans-serif;
}

#receipt th {
  padding: 1px 10px;
  margin: 0;
  font-weight: bold;
  vertical-align: bottom;
  background: #fff;
  color: #000;
}

#receipt td {
  padding: 5px 10px;
  margin: 0;
  vertical-align: baseline;
}

#receipt h2 {
  padding: 0 0 5px;
  margin: 0;
  line-height: 1.1em;
  font-size: 1.0em;
  color: #000;
}

.tint td {
  background: #efe;
  border-top: 1px #efe solid;
}

em {
  font-weight: bold;
}

.note {
  color: #00c;
  font: bold 1.0em Verdana, Arial, sans-serif;
}

.errormsg {
  color: #c30;
  font: bold 1.0em Verdana, Arial, sans-serif;
}

.req {
  color: #c30;
}

.clearit {
  clear: both;
}

.btns {
  margin: 0;
  padding: 10px;
  background: #ffd;
  text-align: center;
}

.btns input, .btns select {
  margin: 5px 0;
}

.offset {
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin: 0 0 10px;
  background: #efe;
  max-width: 500px;
  width:expression(document.body.clientWidth > 500? "500px": "auto" );
}

h5 {
  padding: 5px 10px;
  margin: 0 0 5px;
  background: #efe;
  border-bottom: 1px #063 dashed;
  font-weight: bold;
  font-size: 1.1em;
}

.money {
  text-align: right;
}
.small-link {

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.alertbox {
	text-align: center;
	margin: 10px;
	padding: 5px;
	background-color: #FFF9CC;
	border-style: solid;
	border-width: 1px;
	border-color: #FFCC33;
	color: #f00;
	font-weight: bold;
}

.heresthethingsmall	{
	margin: 0.5em 1em 0.5em 1em;
  background-color: #def;
  border: 1px solid #194b80;
  padding: 0.5em;
	width: 400px;
}

.heresthething	{
  margin: 0.5em 1em 0.5em 1em;
  background-color: #def;
  border: 1px solid #194b80;
  padding: 0.5em;
  font-size: 11pt;
}

div.officecheck {
  /*border: 1px solid black;*/
  width: 250px;
  /*height: 30px;*/
  float: left;
  padding: 3px;
}

div.disabled {
	color: lightgray;
}

div.version {
  text-align: left;
  font-size: x-small;
  color: gray;
}

a.link_button {
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #20538D;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #4479BA;
  padding: 2px 10px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  width: 100px;
  text-align: left;
  margin-top: 2px;
}

a.link_button:hover {
  color: yellow;
}