@import url(base.css);
@import url(epoch_styles.css);

.addlisting { border-width: 0px; vertical-align: -20%; }
#content #copy-listing-link,
#content #add-listing-link,
#content #new-listing-link
 { padding-right: 10px; float:right; }
* html .addlisting { padding-top: 7px;} 
.listing-links ul {	margin:  0px; padding: 10px 0px; text-align: right;} 
.listing-links li {	display: inline; 	padding: 0px 10px;  background: url(../images/nav-divider.gif) left no-repeat; vertical-align: top;} 
.listing-links a {	font-weight: bold; } 
.listing-links img {vertical-align: middle;}

.listings { margin: 0px; border-collapse: collapse; border-right: 1px solid white; border-bottom: 1px solid white; width: 800px;}
.listings th { background: url(../images/table-header.gif);  height: 31px; padding: 0px 5px; text-align: center; font-weight: bold; border-right: 1px solid white; border-bottom: 0px solid #2b384b;}
.listings th a {text-decoration: none; color: #2b384b;}
.listings .odd { background: #e9eaef; }
.listings .even { background: white; }
.listings td {  border-bottom: 1px solid #787c88; border-right: 1px solid #787c88; padding: 6px 5px; }


label { display: inline-block; width: 100px; font-weight: bold; overflow: hidden; }
.help { margin: 5px 10px 10px 155px; font-style: italic;}

.field { display: inline-block; font-size: 0.8em; width: 354px; height: 40px; margin-right: 6px; border:0px  solid black; float:left;}
.field .star {display: inline-block; width: 18px; vertical-align: top; padding-top: 8px;}
.field label {display: inline-block; vertical-align: top; padding-top: 8px;}

.lookup { display: inline-block; width: 130px; border: 1px solid black;}

#content h2 {text-align: left; padding-left: 10px; }
#content h2 a {color:  #60213c;}
#content .section {background: url(../images/header-h1.gif) repeat-x bottom; padding-bottom: 20px;}
#content .section-update-help { padding: 20px; text-align: center; font-weight: bold; }
.fields td { padding: 3px; }
.fields .required {color: #60213c; }
.fields .field-div { width: 7px; background: url(../images/field-div.gif) top repeat-y; }

.status-button,
.lookup-button,
.agent-button,
.cal-button {background: transparent;}

.fields .lookup-button,
.fields .agent-button,
.fields .cal-button {float:right; background: transparent;}

.fields { width: 100%; font-size: 0.9em;  margin-bottom: 0px;}
.fields table { width: 390px; font-size: 1.0em; }
.fields .odd {background: #e9eaef;}
.fields .field-name {width: 130px;}
.fields .req-or-err { width: 18px;}
.fields .field-value { padding: 5px 0px; margin: 0px;}
.fields input { font-size: 0.9em; vertical-align: top; }
.fields textarea { font-size: 1.0em; vertical-align: top; }
.fields .textarea-counter { font-weight: bold; color: #006634;}
.fields select {font-size: 0.9em;}
.fields .readonly {border: 1px solid white;}

.fields .multi {width: 0px; margin: 0px; padding: 0px; display: inline;}
.fields .multi td {padding: 3px 5px; margin: 0px; }

#content .errorPopup {  z-index:100; visibility: hidden; background: none; position: absolute; top:-150px; width: 300px; margin: 0px; padding: 0px; padding-left: 3px;}
#content .errorPopup div {  border: 1px black solid; font-weight: bold; color: white; background: #DD0000; margin: 0px;  padding: 10px;}
#content .errorPopup a {  color: white; text-decoration: underline; }
#content .errorPopup ul {  margin: 4px 10px; padding: 0px;}
#content .errorPopup li {  margin-bottom: 7px; margin-left: 5px;  padding: 0px;}
#content .errorPopup td {vertical-align: top;}
#content .errorPopup table { width: auto;  }

#content .helpPopup {  z-index:100; visibility: hidden; background: none; position: absolute; top:-150px; width: 330px; margin: 0px;  padding: 0px; padding-left: 3px;}
#content .helpPopup div {  border: 1px black solid; font-weight: bold; color: white; background: #60213c; margin: 0px; padding: 10px;}
#content .helpPopup a {  color: white; text-decoration: underline; }
#content .helpPopup ul {  margin: 4px 10px; padding: 0px;}
#content .helpPopup li {  margin-bottom: 7px; margin-left: 5px;  padding: 0px;}
#content .helpPopup table {width: auto; margin: 0px; padding 0px; vertical-align: top;}
#content .helpPopup td {vertical-align: top;}
#content .helpPopup table { width: auto; }
#content #errors { color: red; border: 0px solid red; }
#content #errors td {border: 0px solid red;}

button { border: 0px; padding: 0px; margin: 0px;}

#buttons { text-align: left; padding-bottom: 0px; padding-right: 20px;}
#buttons form {margin: 0px;}
h2 #buttons {float: right; position: relative; top: -3px; padding-right: 0px;}

.withkey {height: 140px;}
#required-key { float:right; background: url(../images/nav-bk.gif) repeat-x top; padding: 0px 10px 15px 10px; border-left: 1px solid #006634; border-bottom: 1px solid #006634; margin-left: 15px; margin-bottom: 15px; }
#required-key img { vertical-align: middle; padding: 3px 7px 3px 0px;}

#subnav ul {	margin:  0px; padding: 10px 0px; } 
#subnav li {	display: inline; 	padding: 5px 5px 5px 10px;  background: url(../images/nav-divider.gif) left no-repeat; } 
#subnav a {	color: #006730; text-decoration: none; } 
#subnav #LND { background: white; padding-left: 0px;}

#class-tabs { margin: 0px; padding: 0px; padding-top: 5px; border-bottom: 12px solid  #006634;}
#class-tabs .active {display: inline; background: #006634; padding: 4px 10px; margin-right: 4px; line-height: 20px;}
#class-tabs .inactive {display: inline; background: #ccbb88; padding: 2px 10px 4px 10px; margin-right: 4px; margin-top: 0px; line-height: 10px; }
#class-tabs a { color: white; font-weight: bold; text-decoration: none; }
#class-pages {  padding: 10px 10px;  padding-bottom: 30px; margin-top: 1px; }
#class-pages form { padding: 0px; margin: 0px;}
#class-pages .inactive { display: none; }

#search-by-panel { font-size: 11px; float: right; line-height: 2.0em; margin-right: 0px;}
#search-by-panel td { padding-left: 5px;}
#search-by-panel select { font-weight: bold;}

.focused { background: #60213c; color: white;}
.focused .required { background: #60213c; color: white;}

#content .submit-large { line-height: 1.7em; }
#content .submit-large .save { font-size: 1.5em; font-weight: bold; }

.readonly {border: 3px transparent solid; background: none;}

.gridimage {
  max-width: 50px;
  max-height: 50px;
  width: expression(this.width > 50 ? "50px" : true);
  height: expression(this.height > 50 ? "50px" : true);
}