/* ---------------------CITZSVCS CSS */

body, table, h4 {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
        font-size:90%;
	}
body {
  background:#000033 url(graphics/bumpers.png) top center repeat-y;
  margin:auto;
  text-align:center;
}
a:link {color:#000942;}
a:visited {  color:#2b5d8f; }
a:hover {  color:#0a529a; }
a:active {  color:#000942; }

#adminBody {
  background:#fff;
  background-image:none;
  text-align:left;
}

a img {border:none;}
p {
    	margin: 0 auto 1em 0;
    	padding: 0 10px;
    	line-height: 1.1em;
	}
p.title {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
	color:#000;
	}
table {
	border-collapse:collapse;
        font-size:75%;
	}
#form1 {
	margin-top:10px;
	}
#status {
	margin:10px 10px;
}
#outercontainer {
        background:#000033 url(graphics/bumpers.png) top center repeat-y;
}
#container {
        background-color:#fefefe;  
        width:990px;
        margin:auto;
        text-align:center;
}
#maincontent form {
	margin: 0 0 0 10px;
	}
.alert, .warning {
	color:#a81933;
	font-weight:bold;
}
#searchButton {
        margin:5px 0 30px 0; 
}
.title a {
	color:#000;
	}
/* ---------------------ADD and EDIT RECORD forms */
legend {
	color:#999;
	}
.left {
	float:left;
	}
.right {
	float:right;
	}

#return {
        float:right;
        padding:10px 30% 0 0;
        }
/* ---------------------EDIT.PHP */
h1#pagename {
        font-size:110%;
        margin:10px 0 10px 10px;
        padding:0;
	}
#display {
         float:left;
	}
/* ---------------------LOGIN form: from ontrack login */
#mainform p {
	text-align: center;
	}
#mainform {
	padding: 10px 20px; 
	margin: 25px auto 20px auto; 
	width: 360px; 
	border: 1px solid gray; 
	background-color: #f5f5f5;
	}
#mainform label {
	width: 100px; 
	float: left;
	}
#mainform input.login {
	width: 50px;
	}
.logout {
	float:right; 
	margin:10px 50px 0 0;
	}
#pagenav {
	width:100%;
	font-weight:bold;
	padding:10px 0;
}
#pagenav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#pagenav li {
	font-size:.8em;
	display:inline;
        margin:0 25px;
}
#pagenav a:hover {
  color:#cc0000;
}
#pagenav li.first {
      padding-left:0;
      margin-left:0;
}
.help {
	font-weight:normal;
	font-size:70%;
	white-space:nowrap;
padding:0 0 0 20px;
background-image: url(graphics/info.png);
background-repeat: no-repeat;
background-position: 0 -5px;
}
#header {
   margin:0;
   padding:0;
   height:50px;
   width:100%;
   background:#000066 url(graphics/header_admin.gif) no-repeat;
}
#header .citzsvcs {
padding:20px 0 0 20px;
font-family:Arial;
color:#000066;
font-size:95%;
font-weight:bold;
line-height:.9em;
float:left;
}
#header .admin {
font-family:Arial;
margin:0 0 0 180px;
padding:15px 0 0 0;
font-size:120%;
font-weight:bold;
color:#fefefe;
}
.searchresults {
	color:#000066;
	margin:20px 10px;
	padding:0;
}
.results {
	margin:0;
	padding-left:10px;
	font-weight:bold;
}
a.info{
    position:relative; 
    z-index:24; 
    border:none;
    color:#000;
    text-decoration:none
}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    border:1px solid #ccc;
    top:0em; left:2em; width:11em;
    background-color:#eee; color:#000;
    padding-left:.5em;
    text-align: left;
}
.req {
	margin-bottom:0;
	padding-bottom:0
}
.first {
        visibility:visible;
	}
.second {
	visibility:hidden;
	display:none;
	}
#maincontent {
	margin:auto;
	width:56%;
}
#errortext {
	background-color:#eee;
	padding:5px 5px;
}
#errortext ul {
	margin:0;
	padding:0 20px;
	font-size:.85em;
}
h2 {
	font-size:1em;
}
#searchform p.first {
	margin:10px 0;
	padding:0;
}
#checkbox {
	margin:0 0 5px 0px;
	padding:0;
}
#checkbox label {
	font-size:90%;
}
#submit {
	margin:0;
}
#alphaList {
	margin:0;
	padding:0;
	font-size:90%;
}
/* ---------------------MANAGE TABLE */
img.edit, img.delete {
	width:16px;
	height:16px;
	border:none;
}
#rights {
 color:#ccc;
 margin-top:10px;
}
#deleteForm {
   background:#eee;
   width:500px;
   padding:10px;
   margin-top:30px;
} 
#deleteForm h1 {
   color:#b2b4bf;
   font-size:110%;
   border-bottom:2px solid #b2b4bf;
}
#deleteTable td {
   font-family:arial;
   font-size:130%;
   padding:3px 10px;
}
#deleteTable .data {
  color:#000066;
}
#deleteInput input {
  margin-top:10px;
  font-weight:bold;
}
#deleteInput input:hover {
 color:#a81933;
 font-weight:bold;
}
#addPage {
 padding:0 20px;
}
#resultsDisplay {
 text-align:left;
 width:500px;
 font-size:95%;
 margin-left:10px;
 margin-bottom:10px;
}
#resultsDisplay tr {
 text-align:left;
}
#resultsDisplay td {
 vertical-align:top;
 text-align:left;
}
#resultsDisplay td.first {
 text-align:right;
 padding-right:8px;
}
.catHeader {
 font-size:105%;
 margin-left:22px;
}
.catMargin {
 margin:0 0 0 10px;
}
#termsNav {
 font-size:100%;
 margin:0;
 padding:0;
 text-align:left;
}
#termsNav li {
 display:inline;
 line-height:2.1em;
 margin:9px;
}
#termsNav a {
 border:1px solid #eee;
 text-decoration:none;
 font-weight:bold;
 color:#003399;
 padding:2px;
}
#termsNav a:hover {
 background-color:#003399;
 font-weight:bold;
 color:#fff;
 padding:2px;
}
.liSelected {
 border:1px solid #fff;
 font-weight:bold;
 color:#454545;
 padding:2px;
}
.letterIndex {
 text-align:left;
 border-bottom:1px solid #ccc;
 font-size:110%;
 margin:10px 0 8px 10px;
}
.letterList {
 text-align:left;
 line-height:1.3em;
}
.searchReturn {
 text-align:left;
}
div.pagination {
        float:right;
        font-size:75%;
        padding: 3px;
        margin:10px 0 25px 0;
}
div.pagination a {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #aaaadd;
        text-decoration: none;
        color: #000099;
}
div.pagination a:hover, div.pagination a:active {
        border: 1px solid #000099;
        color: #000;
}
div.pagination span.current {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #000099;
        font-weight: bold;
        background-color: #000099;
        color: #fff;
        }
div.pagination span.disabled {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #eee;
        color: #ddd;
        }
.exit {
      font-size:102%;
      border:1px outset #000066;
      background-color:#eee;
      padding:5px;
      }
.exit a {
      text-decoration:none;
      }
li.exit:hover {
      border:1px solid #000066;
      }
p.enterTopic {
        margin-top:30px;
}
.updateNote {
        margin:30px 0;
        line-height:1.2em;
}
.categoryList {
        text-align:left;
        line-height:1.4em;
}
/* -----------------------------GLOBAL HEADER STYLES */

#globalHeader {
        background:#fff url(/global/graphics/scanline.gif) top left repeat-x;
        text-align:left;
}

/* -----------------------------GLOBAL FOOTER AND SITE BOTTOM NAV STYLES */
div#siteBottomNav {
        float: left;
        clear: both;
        margin: 0;
        padding: 0;
        font-family:Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 0.8em;
}
div#globalFooter {
        float: left;
        margin: 0;
        padding: 15px 0 0 0;
        background:#fff url('graphics/seal.png') left top no-repeat;
}
div#footerBucket3col {
        float: left;
        margin: 0;
        padding: 15px 0 0 0;
        background:#fff url('/directories/graphics/footerseal3col.jpg') left top no-repeat;
}
div#footerBucket2col {
        float: left;
        margin: 0;
        padding: 15px 0 0 0;
        background:#fff url('/directories/graphics/footerseal2col.jpg') left top no-repeat;
}
div#globalSiteFooter {
        float: left;
        clear: both;
        width: 990px;
        text-align: center;
        margin: 0;
        padding: 60px 0 10px 0;
        font-size: 0.75em;
        font-family:Arial, Helvetica, sans-serif;
}

div#globalSiteFooter p {padding: 0; margin: 0 0 3px 0;}