body {
        margin:0;
        color:#535353;
        font:12px/16px Arial, Helvetica, sans-serif;
        background:#faf6d1;
}
form {
        margin:0;
        padding:0;
}
#main {
        margin:0 auto 16px;
        width:1024px;
        clear:both;
        overflow:hidden;
        background:#fff;
        padding:0 16px;
        border:1px solid #00347d;
        border-width:0 1px 1px;
}
img {
        margin:0;
        border:0;
}
:focus {outline:none;}
.holder {
        overflow:hidden;
        width:100%;
        clear:both;
        padding:0 6px 12px 0;
}
/*-----header-----*/
.header {
        clear:both;
        width:1024px;
        /*overflow:hidden;*/
}
.header .logo {
        float:left;
        margin:12px 12px 0 20px;
        display:inline;
        width:196px;
        height:71px;
        text-indent:-9999px;
        overflow:hidden;
        background:url(../images/logo.gif) no-repeat;
}
.header .logo a {
        display:block;
        width:196px;
        height:71px;
}
.header p {
        text-align:right;
        margin:18px 0 0;
        color:#333;
        font:9px/16px Arial, Helvetica, sans-serif;
        letter-spacing:1px;
}
.header .holder ul {
        float:right;
        clear:right;
        margin:0;
        padding:0;
        white-space:nowrap;
}
.header .holder ul li {
        float:left;
        font:10px/16px Arial, Helvetica, sans-serif;
        list-style:none;
        padding:0 5px 0 6px;
        background:url(../images/separator-blue.gif) no-repeat 0 60%;
}
.header .holder ul li:first-child {
        background:none;
        padding:0 5px 0 0;
}
.header .holder ul li a {
        color:#00357d;
        text-decoration:none;
}
.header .holder ul li a:hover {text-decoration:underline;}
.header .links {
}

/*---nav-bar---*/
.nav-bar {
        /*overflow:hidden;*/
        width:100%;
        height:29px;
        clear:both;
        background:#faf6d1;
}
.nav-bar:after {
        content:"";
        display:block;
        clear:both;
        height:0;
}
ul#nav {
        float:left;
        margin:4px 0 0 4px;
        padding:0;
        display:inline;
}
ul#nav li {
        float:left;
        font:bold 10px/16px Arial, Helvetica, sans-serif;
        list-style:none;
        height:18px;
}
ul#nav li li {
        height:auto;
        border-bottom:1px dotted #fff;
        padding-top:4px !important;
}
ul#nav li:hover,
ul#nav li.hover {position:relative;}
ul#nav li:hover ul,
ul#nav li.hover ul {display:block;}
ul#nav li:hover ul ul,
ul#nav li.hover ul ul {display:none;}
ul#nav li ul li:hover ul,
ul#nav li ul li.hover ul {display:block;}
ul#nav li ul li:hover ul ul,
ul#nav li ul li.hover ul ul {display:none;}
ul#nav li ul ul li:hover ul,
ul#nav li ul ul li.hover ul {display:block;}
ul#nav li ul ul li:hover ul ul,
ul#nav li ul ul li.hover ul ul {display:none;}
ul#nav li ul ul ul li:hover ul,
ul#nav li ul ul ul li.hover ul {display:block;}
ul#nav li ul ul ul ul li:hover ul,
ul#nav li ul ul ul ul li.hover ul {display:none;}
ul#nav li:hover a,
ul#nav li.hover a {background:#d4e8ef;}
ul#nav li a {
        float:left;
        padding:4px 8px 6px;
        color:#333;
        text-decoration:none;
        text-transform:uppercase;
}
ul#nav li a:hover,
ul#nav li a.active:hover {background:#d4e8ef;}
ul#nav li a.active {
        background:#faf1a0 !important;
        border-bottom:1px solid #060;
}
ul#nav li li a.active {
        border:none;
}
ul#nav li ul {
        position:absolute;
        top:26px;
        left:0;
        width:134px;
        margin:0;
        padding:2px 0 6px;
        background:#cbdce3;
        display:none;
        z-index:467;
}
ul#nav li ul li {
        float:left;
        padding:0 2px;
        width:130px;
        list-style:none;
        font:10px/16px Arial, Helvetica, sans-serif;
        letter-spacing:1px;
}
ul#nav li ul li a {
        display:block;
        color:#535353;
        float:none;
        padding:0 2px 0 8px;
        text-transform:none;
        width:120px;
        background:none !important;
}
ul#nav li ul li a:hover {background:#faf6d1 !important;}
ul#nav li ul ul {
        left:132px;
        top:-2px;
}

/*----- search bar -----*/

.search-bar {
        float:right;
        height:22px;
        padding:7px 4px 0px 16px;
        background:#c9b688;
}
.search-bar div {display:inline;}
.search-bar label {
        float:left;
        padding:1px 9px 0 0;
        font:bold 10px/16px Arial, Helvetica, sans-serif;
        color:#000;
}
.search-bar #inp-search {
        float:left;
        width:114px;
        border:0;
        margin:0 2px 0 0;
        padding:2px 0;
        font:10px/16px Arial, Helvetica, sans-serif;
        color:#000;
}
.search-bar #btn-submit {
        float:left;
        margin:0;
        padding:0 0 1px;
        /*width:36px;*/
        width:76px;
        font:10px Arial, Helvetica, sans-serif;
        color:#000;
        height:18px;
        vertical-align:top;
}

/*-----content-----*/
#content {
        clear:both;
        width:1024px;
        padding:10px 0 0;
        overflow:hidden;
}

/*---side-block---*/
.side-block {
        float:left;
        width:314px;
        padding:0 0 0 14px;
}
.side-block .img-holder {
        overflow:hidden;
        margin:0 0 8px;
}
.side-block .img-holder img {
        display:block;
        margin:0 auto;
        border:0;
}

/*--menu-block--*/
.menu-block {
        overflow:hidden;
        margin:0 0 10px;
        padding:10px 12px;
        width:285px;
        background:#e9e2cf;
}
.menu-block a.to-home {
        float:left;
        padding:0 0 0 14px;
        background:url(../images/ico-01.gif) no-repeat 0 2px;
        font:10px/16px Arial, Helvetica, sans-serif;
        text-decoration:underline;
        color:#535353;
        letter-spacing:1px;
}
.menu-block a.to-home:hover {text-decoration:none;}
.menu-block h3 {
        margin:0;
        padding:2px 0;
        clear:both;
        font:bold 18px/22px Arial, Helvetica, sans-serif;
}
.menu-block ul {
        overflow:hidden;
        margin:0 0 0 15px;
        padding:0;
        width:100%;
}
.menu-block ul li {
        float:left;
        width:100%;
        list-style:none;
        font:10px/16px Arial, Helvetica, sans-serif;
        color:#535353;
        letter-spacing:1px;
}
.menu-block ul li a {
        color:#535353;
        text-decoration:none;
}
.menu-block ul li a:hover {text-decoration:underline;}

/*---content-block---*/
.content-block {
        float:right;
        width:670px;
        padding:0 10px 0 0;
        overflow:hidden;
}

/*--breadcrumb--*/
ul.breadcrumb {
        overflow:hidden;
        width:100%;
        clear:both;
        margin:0 0 14px;
        padding:0;
}
ul.breadcrumb li {
        float:left;
        list-style:none;
        font:10px/16px Arial, Helvetica, sans-serif;
        color:#00357d;
        letter-spacing:1px;
        padding:0 3px 0 7px;
        background:url(../images/separator-breadcrumb.gif) no-repeat 0 60%;
}
ul.breadcrumb li:first-child {
        background:none;
        padding:0 3px 0 0;
}
ul.breadcrumb li a {
        color:#00357d;
        text-decoration:underline;
}
ul.breadcrumb li a:hover {text-decoration:none;}

/*---text-block---*/
.text-block {
        overflow:hidden;
        width:100%;
        clear:both;
        margin:0 0 24px;
}
.text-block h2 {
        margin:0 0 8px;
        padding:6px 0 0;
        color:#32a490;
        font:bold 18px/22px Arial, Helvetica, sans-serif;
}
.text-block p {
        margin:0 0 16px;
        color:#535353;
        font:12px/16px Arial, Helvetica, sans-serif;
}

/*-----footer-----*/
/* todo: we need two footers?  narrow/wide, sidebar, sans-sidebar */
/*
#footer {
        clear:both;
        padding:12px 0 0;
        margin:0 0 20px 265px;
        overflow:hidden;
        border-top:1px solid #999;
}
#footer p {
        margin:0;
        color:#666;
        font:9px/12px Arial, Helvetica, sans-serif;
}
#footer p a {
        color:#039;
        text-decoration:underline;
}
#footer p a:hover {text-decoration:none;}

#footer {
	clear:both;
	padding:12px 0 0;
        text-align: center;
	overflow:hidden;
	border-top:1px solid #999;
}
#footer p {
	margin:0;
	color:#666;
	font:9px/12px Arial, Helvetica, sans-serif;
}
#footer p a {
	color:#039;
	text-decoration:underline;
}
#footer p a:hover {text-decoration:none;}
*/

/*----- footer -----*/
#footer {
        clear:both;
        padding:12px 0 0;
        text-align: center;
        overflow:hidden;
        border-top:1px solid #999;
}
#footer p {
        margin:0;
        color:#666;
        font:9px/12px Arial, Helvetica, sans-serif;
}
#footer p a {
        color:#039;
        text-decoration:underline;
}
#footer p a:hover {text-decoration:none;}


/*---------------------------------------------------------------------------*/ 
/*----- local selectors -----------------------------------------------------*/ 
/*---------------------------------------------------------------------------*/ 

/*----- login page -----*/
.account-management  {
  margin-left: auto;
  margin-right: auto;
  background-color:#f0f0f0; 
  font:bold 14px Arial, Helvetica, sans-serif;
}

/*----- error pages -----*/
#errorExplanation {
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
#errorExplanation h2 {
  font:bold 18px Arial, Helvetica, sans-serif;
  text-align: left;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  color: #c00;
}
#errorExplanationRow {
  font:bold 12px Arial, Helvetica, sans-serif;
  color: #c00;
  background-color: #e6e0da;
  text-align: left;
}
#errorExplanation li {
  font:bold 12px/16px Arial, Helvetica, sans-serif;
}

/*-----search results -----*/
.search_results {
 border-collapse: collapse;
}

.section-heading label {
    font: bold 16px/18px Arial, Helvetica, sans-serif;
}

.line-delimiter {
  width: 100%;
  border: 1px solid black;
}

tr.search-rowNoHighlight td {
}
tr.search-rowHighlight td {
 background-color: #e6e0da;
}

.search a {
  text-decoration: none;
  font:bold 12px/16px Arial, Helvetica, sans-serif;
  color: black;
}

.search a:hover  {
  text-decoration: underline;
}

/*--- alternating resource records ---*/ 
.rowHighlight-alt01 { background-color: #ebebeb; }
.rowHighlight-alt02 { background-color: #e4dac3; }
.rowHighlight-alt03 { background-color: #e6f0da; }

/*--- content-block01 ---*/
/*
.content-block01 {
}

.content-block01 td {
        font:bold 12px/16px Arial, Helvetica, sans-serif;
}
*/

#dynamic-records01 th {
        border-top: solid;
}
#dynamic-records01 td {
        font:bold 12px/16px Arial, Helvetica, sans-serif;
}

/*--- publish ---*/
.publish-bar {
     background:#e4dac3;
     padding:2px 2px 0;
     float:left;
     width:100%;
     font:bold 16px/16px Arial, Helvetica, sans-serif;
}
.publish-title {
     text-align:center;
     width:100%;
     font:bold 16px/16px Arial, Helvetica, sans-serif;
}
.publish-messages {
     text-align:center;
     width:100%;
     font: bold 16px/18px Arial, Helvetica, sans-serif;
     color:red;
}
.publish-instructions {
     width:100%;
     font: bold 14px/16px Arial, Helvetica, sans-serif;
}
.publish-instructions table {
     border: solid black;
     width:70%;
     font: 14px/16px Arial, Helvetica, sans-serif;
}
.publish-calendar {
     float:right;
     margin-bottom: 20px;
}
.publish-form {
     font: 14px/16px Arial, Helvetica, sans-serif;
}

/*--- adv_search ---*/
.adv-search-bar {
     background:#e4dac3;
     padding:2px 2px 0;
     float:left;
     width:100%;
     font:bold 16px/16px Arial, Helvetica, sans-serif;
}
.adv-search-title {
     text-align:center;
     width:100%;
     font:bold 16px/16px Arial, Helvetica, sans-serif;
}
.adv-search-instructions {
     width:100%;
     font: bold 14px/16px Arial, Helvetica, sans-serif;
}
.adv-search-label {
     font: bold 12px/14px Arial, Helvetica, sans-serif;
}

/*--- notes ---*/
.notes-instructions {
     width:90%;
     margin:10px 24px 0px;
     font: bold 14px/16px Arial, Helvetica, sans-serif;
}

.notes-message {
     width:95%;
     height: 300px;
     background:#ebebeb;
}

/*--- record group ---*/
.new-group-instructions {
     width:90%;
     margin:10px 24px 0px;
     font: bold 14px/16px Arial, Helvetica, sans-serif;
}

.new-group-label {
     margin-left:24px;
     font: bold 14px/16px Arial, Helvetica, sans-serif;
}

.edit-group-instructions {
     width:90%;
     margin:10px 24px 0px;
     font: bold 14px/16px Arial, Helvetica, sans-serif;
}

.edit-group-label {
     font: bold 14px/16px Arial, Helvetica, sans-serif;
}

.record-group th {
     background:#faf6d1;
     padding:5px 5px 0;
     text-align:left;
     font: bold 14px/18px Arial, Helvetica, sans-serif;
}

.record-group td  {
    font:bold 12px/14px Arial, Helvetica, sans-serif;
    background:#e6e0da;
}

.record-group a {
  text-decoration: none;
  font:bold 12px/16px Arial, Helvetica, sans-serif;
  color: black;
}

.record-groups a:hover  {
  text-decoration: underline;
}

/*--- text-block01 ---*/
/*
.text-block01 {
        overflow:hidden;
        width:100%;
        clear:both;
        margin:0 0 24px;
}
.text-block01 h2 {
        margin:0 0 8px;
        padding:6px 0 0;
        color:#32a490;
        font:bold 18px/22px Arial, Helvetica, sans-serif;
}
.text-block01 p {
        margin:0 0 16px;
        color:#535353;
        font:12px/16px Arial, Helvetica, sans-serif;
}
*/

/*--- archive-records ---*/
.archiverecord th {
     background:#faf6d1;
     padding:5px 5px 0;
     text-align:left;
     font: bold 14px/18px Arial, Helvetica, sans-serif;
}
.archiverecord td {
    font:bold 12px/14px Arial, Helvetica, sans-serif;
    background:#e6e0da;
}

.archive-message {
     font:bold 14px/16px Arial, Helvetica, sans-serif;
}

/*--- recent-activity-sidebar ---*/
.recent-activity-bar {
        height:22px;
        padding:0px 0px 0 12px;
}
.recent-activity-bar div {display:inline;}
.recent-activity-bar label {
        float:left;
        padding:4px 9px 0 0;
        font:bold 12px/14px Arial, Helvetica, sans-serif;
        color:#000;
}
.recent-activity-bar select {
        padding:1px 9px 0 0;
        font:bold 10px/16px Arial, Helvetica, sans-serif;
        color:#000;
}
.recent-activity-bar #btn-submit {
        margin:0;
        padding:0 0 1px;
        /*width:36px;*/
        width:46px;
        font:10px Arial, Helvetica, sans-serif;
        color:#000;
        height:22px;
        vertical-align:top;
}

.edit-action-bar {
  background-color:#e4dac3;
  text-align: left;
  font:bold 14px/16px Arial, Helvetica, sans-serif;
  position:relative;
}

.edit-action-bar span {
  position:absolute; 
  right:0; 
}

.edit-record-groups-bar {
  padding: 3px; 
  text-align: left;
  font:bold 14px/16px Arial, Helvetica, sans-serif;
  position:relative;
}

.edit-record-groups-bar span {
  position:absolute; 
  right:0; 
}

.edit-record-groups-bar a {
  text-decoration: none;
  color: black;
  padding: 5px 5px 5px 5px;
}

.edit-action-bar a {
  text-decoration: none;
  color: black;
  padding: 5px 5px 5px 5px;
}

.edit-action-bar a:active {
  text-decoration: underline;
  color: black;
}

.edit-action-bar a:hover {
  text-decoration: underline;
  color: black;
}

/* todo: change name to recent-activity-content */
/*--- recent-activity-results ---*/
#recent-activity-results {
  font:bold 12px/14px Arial, Helvetica, sans-serif;
}
#recent-activity-results a {
  text-decoration: none;
  color: black;
}
#recent-activity-results a:link {
  text-decoration: none;
  color: black;
}
#recent-activity-results a:visited {
  text-decoration: none;
  color: black;
}
#recent-activity-results a:active {
  text-decoration: underline;
  color: black;
}
#recent-activity-results a:hover  {
  text-decoration: underline;
  color: black;
}

/*--- todo: more archive stuff to clean up ---*/
.archive-actions tr td {
  font:bold 14px Arial, Helvetica, sans-serif;
  background-color:#e4dac3;
  padding:3px;
  border:none;
}
.archive-instructions {
  font:bold 14px Arial, Helvetica, sans-serif;
}
tr.archive-rowHighlight td {
  font:bold 14px Arial, Helvetica, sans-serif;
  background-color:#ebebeb;
  padding: 5px 5px 5px 15px;
  border:none;
}
tr.archive-rowNoHighlight td {
  font:bold 14px Arial, Helvetica, sans-serif;
  padding: 5px 5px 5px 15px;
  border:none;
}

.archive-link-cancel {
  font:bold 14px/16px Arial, Helvetica, sans-serif;
  color: grey;
}
.archive-link {
  font:bold 14px/16px Arial, Helvetica, sans-serif;
}
.archive-link a {
  text-decoration: none;
  color: black;
}
.archive-link a:link {
  text-decoration: none;
  color: #535353;
}
.archive-link a:visited {
  text-decoration: none;
  color: #535353;
}
.archive-link a:active {
  text-decoration: underline;
  color: #535353;
}
.archive-link a:hover  {
  text-decoration: underline;
  color: black;
}

/*--- confirm-action-bar ---*/
.confirm-action-bar {
  background-color: #f0f0f0;
  text-align: center;
}
.confirm-action-bar h2 {
  font:bold 18px Arial, Helvetica, sans-serif;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  color: #c00;
}
.confirm-action-bar h3 {
  font:bold 16px Arial, Helvetica, sans-serif;
  padding: 5px 5px 5px 15px;
  margin: -7px;

}

/*--- log-records ---*/
.log-records label {
     text-align:left;
     font: bold 14px/18px Arial, Helvetica, sans-serif;
}
.log-records td  {
    font:bold 12px/14px Arial, Helvetica, sans-serif;
    background:#e6e0da;
}
.log-records th  {
    font:bold 14px/16px Arial, Helvetica, sans-serif;
    background:#faf6d1;
    padding:3px 0;
    text-align:left;
}

/*----- dns records -----*/
tr.rowHighlight td { text-align:left; background-color: #ebebeb; }
tr.rowNoHighlight td { text-align:left;  }

.dnsrecord th {
     background:#faf6d1;
     padding:5px 5px 0;
     text-align:left;
     font: bold 14px/18px Arial, Helvetica, sans-serif;
}
.dnsrecord td  {
    font:bold 12px/14px Arial, Helvetica, sans-serif;
    background:#e6e0da;
}

/*
.line-delimiter {
  width: 100%;  
  border: 1px solid black;  
}
.section-heading label {
  font: bold 16px/18px Arial, Helvetica, sans-serif;
}
*/