/* -------------------------------------

Title : Directories stylesheet
Author : Jeff Croft, Janelle Corkill
URL : http://k-state.edu/directories/

Description : This is the additional stylesheet for directories. It defines the office directory styles and the search styles.

Created : Jan 15, 2006
Modified : Feb. 16, 2006

---------------------------------------- */

/* Styles for the office directory, et al */

h2.letterHeader {
 font-size: 24px;
 line-height: 35px;
 margin: 0;
 color: #fff;
 width: 35px;
 background-color: #A5A48C;
 text-align: center;
}

h3 {
 margin-bottom: 0;
}

h3 a:link,
h3 a:visited,
h3 a:active {
 text-decoration: none;
}

div#KSU_mainContent  ul#letterBar {
 top: 0;
 margin: 2em 0;
 border: none;
 padding: 0;
 margin: 0 0 2em 0;
}

ul#letterBar li {
 display: inline;
 margin: 0 .5em 0 0;
 font-size: 14px;
 font-weight: bold;
}

div#KSU_mainContent  ul#letterBar + h2.letterHeader {
 margin: 22px 0;
}

div#KSU_mainContent ul {
 list-style-type: none;
 margin: 2em 0 2em 35px;
 padding: 0 0 0 15px;
 line-height: 1.6em;
}

body.ksu-mobile div#KSU_mainContent ul {
 margin: 5px;
 padding: 0;
 line-height: inherit;
}

div#KSU_mainContent ul ul {
 position: static;
 margin: 0 0 0 2em;
 padding: 0;
 border: none;
}

div#KSU_mainContent ul.letterList {
 border-left: 2px solid #A5A48C;
 position: relative;
 top: -57px;
}

div#KSU_mainContent ul.letterList ul {
   border: none;
}


div#KSU_mainContent ul span {

}

div#KSU_mainContent ul strong {
 font-size: 12px;
}

div#KSU_mainContent ul strong a {

}

div#KSU_mainContent ul li a.mailto,
div#KSU_mainContent ul li a.mailto:link,
div#KSU_mainContent ul li a.mailto:visited
div#KSU_mainContent ul li a.mailto:active {
 color: #333;
}

div#KSU_mainContent ul li span a,
div#KSU_mainContent ul li span a:link,
div#KSU_mainContent ul li span a:visited
div#KSU_mainContent ul li span a:active {
 color: #333;
}

div#KSU_mainContent ul li a.mailto:hover {
 color: #50017c;
}

div#KSU_mainContent ul li span.address a:hover {
 color: #50017c;
}

/* Styles for the search areas */

div#searchColumn {
 padding: 10px;
 width: 300px;
 margin: 10px 10px 0 10px;
 float: right;
}

div#searchFormat {
 display: block;
 padding: 5px;
 width: 125px;
 margin: 10px 30px 0 10px;
 float: right;
}

fieldset {
 border:1px solid #333;
 margin:0 0 30px 0;
 padding:10px;
}

div#searchColumn fieldset {
 width:275px;
}

div#peopleSearch fieldset {
 width:90%;
}

legend {
 font-family: Helvetica, Arial, sans-serif;
 font-weight: bold;
 color: #50017c;
 font-size: 20px;
 line-height: 1.4em;
 text-transform: uppercase;
 padding: 2px 6px
}

div#formFields input {
 width: 105px;
 font-size: 11px;
 margin: 0 10px 10px 0;
 float: right;
}

div#formFields label {
 display: block;
 float: left;
 margin: 0;
 font-size: 12px;
 line-height: 16px;
 font-weight: bold;
 text-align: right;
 color: #333;
}

div#searchColumn div#formFields label {
 width: 100px;
}

div#peopleSearch div#formFields label {
 width: 170px;
}

div#formFields input.button {
 display: block;
 float: right;
 margin: 1em 10px 10px 10px;
 background-color: #50017C;
 color: #fff;
 padding: 2px 10px;
 font-weight: bold;
 border: none;
 width: auto;
 cursor: pointer;
 clear: both;
}

div#peopleSearch div#formFields input.button {
 top: -50px;
}

p.searchDescription {
 margin-left:6px;
}

div#formFields form {
 display:inline;
}

div#formFields {
 display: block;
 margin: 25px 0 0 25px;
}

div#searchColumn div#formFields {
 width: 225px;
}

div#peopleSearch div#formFields {
 width: 300px;
}

fieldset ul.directories {
   list-style-type: disc;
   margin: 1em 0 1em 2em;
   padding: 0 0 0 30px;
   line-height: 1.4em;
}