/* 
1. GLOBALS/DEFAULTS ( html, body, presentational classes and hacks )
2. STRUCTURE ( all primary container divs/elements )
3. TYPOGRAPHY AND HYPERLINKS ( all typography and hyperlinks except structured site navigation and lists )
4. NAVIGATION ( styled lists and effects for systematic page/site navigation )
5. LAYOUT AND POSITIONING ( tables, forms, lists (non-nav) )
*/

/* ========================================================================= GLOBALS/DEFAULTS */



/* ========================================================================== DEFAULT TYPOGRAPHY AND HYPERLINKS */


small {
display: inline;
margin: 0;
padding: 0;
}

#finders small {
font-size: 10px;
}

h1 {
font-size: medium;
text-align: center;
}

h2 {
margin-left: 0;
margin-bottom: 0;
width: 99%;
font-weight: normal;
padding: 5px 0 5px 8px;
/* a couple adjustments to line everything up; othewise...allow h2 to inherit from parent stylesheet (site)
*/
}

#loginform h3 {
display: block;
background: #050;
color: #fff;
padding: 10px 0;
margin: 0;
text-align: center;
}


pre {
background-color: #eee;
padding: 10px;
font-size: 11px;
}

#personnel table td a {
  /*text-decoration: none !important;*/
  border-bottom: none;
  }




#personnel #tablist tr th a, #personnel #tablist tr th a:visited {
color: #fff;
}

#personnel #tablist tr th a:hover {
background: #fff;
color: #036;
}



/* ============================================================================= STRUCTURE */


#env {
background: #fff;
clear: left;
margin: 0 auto;
padding: 5px 0 0 0;
min-height: 100%;
position: relative;
width: 900px;
}

#finders {
margin: 20px 0;
}

#personnel #env {
background: transparent;
}

#results {
clear: both;
display: block;
margin: 0;
}

/* ============================================================================= LAYOUT AND POSITIONING */

fieldset {
border: 1px #ccc solid;
height: 130px;
padding: 20px 20px 0 20px;
margin-top: 0;
display: block;
}


#search {
width: 300px;
float:left;
}

#list {
width: 340px;
float: right;

}


label {
display: block;
margin: 0 0 5px 0;
font-size: small;
font-weight: bold;
color: #333;
}

#personnel #env form label {
display: block;
margin-top: 0;
}

#search label, #list label {
display: block;
margin-bottom: 20px;
}

#loginform {
width: 45%;
margin: 80px auto;
border: 1px solid #ccc;
}

#card {
background: #fafaea;
line-height: 1.5;
margin: 0;
padding: 10px;
border: #cfcdb8 2px solid;
}

#loginform #formbody {
padding: 15px;
}

#loginform #formbody input {
margin-bottom: 15px;
}

#tablist .dk_row {
background-color: #ddd;
}

#tablist .lt_row {
background-color: #eee; /*#efece0;*/
}

#tablist {
margin: 20px 0 0 0;
}

#tablist tr {
border-bottom: 1px #333 solid;
}

#tablist tr.header {
background: #1d3b5f;
color: #fff;
}


#tablist tr.header th {
padding: 10px 20px;
}

#tablist tr.header th, #tablist tr.header th a {
font-size: 16px;
font-weight: normal;
}

#tablist th, #tablist td {
font-size: small;
padding: 3px 10px;
}

#tablist td a {
color: #1d3b5f;
display: block;
text-decoration: none;
}

#tablist td a:hover {
background-color: #1d3b5f;
color: #fff;
text-decoration: underline;
}

#tablist td.del a {
color: #c30;
font-size: x-small;
display: block;
padding: 3px 10px;
}

#tablist td.del a:hover {
background-color: #c30;
color: #fff;
}

#tablist td.edit a {
color: #060;
font-size: x-small;
display: block;
padding: 3px 10px;
}

#tablist td.edit a:hover {
background-color: #060;
color: #fff;
}

#add a {
color: #DF721B;
font-size: small;
margin: 20px 0 0 20px;
}

#add a:hover {
background-color: #DF721B;
color: #fff;
}

body#personnel #results #tablist td {
font-size: 14px;
}


.fieldWithErrors {
  padding: 2px;
  background-color: #f60;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #f60;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #f60;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

ul#tab {
 background: #00334f;
 border: 2px #235070 /*#001E2F*/ solid;
 border-bottom: none;
 height: 3.5em;
 margin: 15px 0 0 0;
 padding: 0 10px;
 list-style: none;
}

ul#tab li {
 list-style: none;
 margin: 0;
 padding: 0;
 line-height: 3em;
 color: #fff;
 font-size: medium;
}

li#tab-name {
 float: left;
}

li#tab-dept {
 float: right;
}

#irecord {
	padding-top:20px;
width: 100%;
}


#admin {
background: #cf8c19;
margin: 0;
padding: 0 5px 0 0;
line-height: 1.5;
text-align: right;
}

#admin a {
color: #fff;
font-weight: bold;
font-size: x-small;
}

#admin a:hover {
color: #333;
text-decoration: none;
background: transparent;
}

#personnel #tablist .dk_row {
background-color: #ddd8c0;
}

#personnel #tablist .lt_row {
background-color: transparent; /*#efece0;*/
}




/* ------------------- admin */

#status {
position: absolute;
right: 20px;
padding: 0;
float: none;
font-size: 80%;
color: #fff;
}

#status a {
font-size: 100%;
color: #ffc;
}

#status a:hover {
background: #fff;
color: #f60;
}

#status .loggedin {
color: #f90;
font-weight: bold;
}

a.addnew {
margin: 20px 0 0 0;
padding: 5px 10px;
background: #050;
color: #fff;
text-decoration: none;
border: 1px #060 solid;
font-size: 80%;
}

a.addnew:hover {
background: #fff;
color: #060;
}



/* ===================================================================== NAVIGATION */

#menu {
border-bottom: 1px solid #003;
margin: 20px 0 0 0;
padding-bottom: 19px;
padding-left: 10px;
}

#menu ul, #menu li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
	
#menu a:link, #menu a:visited {
background: #efefef;
border: 1px solid #ccc;
color: #999;
float: left;
font-size: small;
font-weight: bold;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#menu a:link.active, #menu a:visited.active {
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#menu a:hover {
color: #f60;
}
	
body.listings #menu li#nav-listings a, 
body.options #menu li#nav-options a {
background: #fff;
border-bottom: 1px solid #fff;
color: #f60;
}

#menu #subnav {
display: none;
width: 90%;
}

body.options #menu #subnav {
display : inline;
left : 10px;
position : absolute;
top : 45px;
z-index: 200;
}

#menu #subnav li a {
font-size: 11px;
border: none;
padding: 5px 10px;
color: #777;
}

body.options #menu ul#subnav a {
background: #fff;
border: none;
color: #aaa;
font-size: 11px;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 5px 10px;
text-decoration: none;
}

body#class #menu ul#subnav li#sub-class a, 
body#depts #menu ul#subnav li#sub-depts a {
color: #f60 !important;
font-size: 11px;
}

#menu ul a:hover {
color: #f60 !important;
text-decoration: underline !important;
}

#menu ul a:hover {
color: #f60 !important;
}

#message {
margin: 10px 0;
color: #c60;
}

#pagination {
text-align: center;
}

#pagination td {
padding-top: 20px;
}


#pagination td a {
display: inline;
padding: 2px 20px;
color: #c60;
}


/*#personnel table#tablist tr:hover {
background: #def;
}*/