
/**
 * Base css for main interface
 *
 * @author David Walker
 * @copyright 2012 California State University
 * @license
 * @version
 * @package Xerxes
 */

@charset "utf-8";

/** BASIC ELEMENTS **/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	margin-bottom: 1em;
}

h1 { 
	font-size: 200%;
}

h2 { 
	font-size: 140%;
}

h3 { 
	font-size: 110%;
	font-weight: bold;
}

h4 {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a:link, a:visited {
	text-decoration: none;
	color: #003399;
}

a:hover {
	text-decoration: underline;
}

/** BASIC ELEMENTS ( but not for header, footer )**/

#bd dt, #bd dd {
	margin-bottom: .5em;
	display: block;
}

#bd dt { 
	clear: both;
	float: left;
	font-weight: bold;
	width: 10em;
	text-align: right;
	color: #444;
}

#bd dd {
	margin-left: 11em;
}

#bd p {
	margin-bottom: 1em;
}

#bd button, #bd option, #bd input[type="text"], #bd input[type="textarea"], #bd input[type="checkbox"], #bd input[type="radio"], 
#bd input[type="reset"], #bd input[type="submit"] {
	padding: 1px;
}

/** YUI TEMAPLTE ADDITIONS **/


#doc3 #bd {
	margin-left: 1em;
	margin-right: 1em;
}

.xer-t5 {
	margin:auto;
	text-align:left;
	width:57.69em;
	*width:56.25em;
}

.xer-t5 #yui-main {
	float:right;
	margin-left:-25em;
}

.xer-t5 .yui-b{
	float:left;
	width:18.4615em;
	*width:18.00em;
}
.xer-t5 #yui-main .yui-b{
	margin-left:19.4615em;
	*margin-left:19.125em;
}

/** HEADER **/

#hd-banner {
	background-color: #336699;
	padding: 20px;
	padding-bottom: 2px;
}

#hd-banner-link {
	color: #fff;
	font-weight: bold;
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/** SIDEBAR **/

.sidebar {
	background-color: #e9e9e9;
	padding: 1.3em;
	color: #333;
}

.sidebar .box {
	margin-left: 1em;
	margin-bottom: 2em;
}

.sidebar .box li {
	list-style: square;
	margin-left: 1.5em;
}

.sidebar .umlaut_section h3 {
	padding-top: 0;
	margin-left: -1em;
	font-size: 120%;
	font-weight: 600;
}

.sidebar li {
	padding-bottom: .5em;
}

.sidebar .box li {
	margin-left: 1.5em;
}

.sidebar .box li.sidebar-folder {
	list-style: none;
	margin-left: 0;
}

/** GLOBAL STYLES **/

.ada, #skipnav {
	position: absolute; 
	top: -1000px; 
}

#languages {
	float: right;
	color: #fff;
}

#languages a, #languages a:visited {
	color: #fff;
}

#message-display {
	padding: .8em;
	margin: 2em;
	margin-top: .7em;
	background-color: #dbffda;
	display: table;
	white-space: nowrap;
	max-width: 500px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}

.error {
	color: #CC0000;
}

.non-breaking {
	white-space: nowrap;
}

.raised-box {
	padding: 1.8em;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.mini-icon {
  vertical-align:middle; 
}

.icon-command, a.icon-command, a.icon-command:visited, a:hover.icon-command {
	padding: 0px 0px 0px 24px;  
	position: relative;   
	text-decoration: none;
	white-space: nowrap;  
	background-repeat: no-repeat;
	*-background-image: none;  
}

.icon-command.rename {
	background-image: url(../images/famfamfam/tag_blue_edit.png);
}

.icon-command.delete {
	background-image: url(../images/delete.gif);
}

.icon-command.add {
	background-image: url(../images/famfamfam/add.png);
}

.icon-command.reorder {
	background-image: url(../images/reorder.gif);
}

.icon-command.edit {
	background-image: url(../images/famfamfam/wrench.png);
}

.icon-command.public {
	background-image: url(../images/famfamfam/lock.png);
	*-background-image: none;  
}

/** TOP ROW **/

#bd-top {
	padding: .7em;
	margin-bottom: 1.5em;
}

.trail {
	color: #666;
}

.account {
	text-align: right;
}

.account li {
	display: inline;
	padding-right: 1em;
}

.account img {
	vertical-align: middle;
}

/** SEARCH BOX **/

.search-box {
	display: table;
	margin-bottom: 3em;
	padding-bottom: 1.5em;
	padding-right: 2.2em;
	white-space: nowrap; 
}

#bd p.spell-suggest {
	margin-bottom: 3em;
}

.search-label {
	float:left; 
	padding-top: .3em;
}

.search-inputs {
	margin-left: 4.3em;
}

.search-input-toggle {
	margin-top: 1em;
}

.search-box-advanced-newline {
	margin-top: .2em;
}

/** AUTHENTICATION **/

#authentication .box {
	margin: 3em;
	border: 1px solid #ccc;
	background-color: #e9e9e9;
	width: 25em;
	padding: 2em;
}

#authentication p {
	padding-bottom: 1em;
}

#authentication .submit { 
	margin-left: 8em;
}

#authentication label {
	float: left;
	width: 7em;
	font-weight: bold;
	text-align: right;
	margin-right: 1em;
}

/** RESULTS **/

.no-hits {
	margin: 4em;
}

#sort {
	padding: 1em;
	border-top: 1px solid #ccc;	
	margin-top: 0;
	margin-bottom: 2em;
	margin-left: -200px;
	padding-left: 200px;
	
	background-color: #e9e9e9;
}

#sort-options {
	text-align: right;
}

.results-database-recommendations {
	font-size: 100%;
	margin-top: 2em;
	margin-bottom: 2.5em;
	color: #444;
}

.results-database-recommendations h2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 100%;
}

.results-database-recommendations ul {
	margin-left: 1em;
}

.results-database-recommendations li {
	margin-left: 1em;
	margin-bottom: 1em;
	list-style: disc;
}

.result {
	margin-bottom: 3em;
	line-height: 130%;
}

a.results-title {
	font-weight: bold;
}

.results-info {
	border-left: 2px solid #ddd; 
	margin-left: .3em;
	padding-left: 1em;		
	margin-top: .7em;
	color: #333;
}

.results-info a:link, .results-info a:visited, #record-full-text a:link, #record-full-text a:visited {
	color: green;
}

.results-type {
	font-weight: bold;
}

.results-language {
	color: #CC0000;
}

.results-abstract {
	margin-top: .7em;
	margin-bottom: .7em;
}

.results-author, .results-year, .results-publishing {
	display: block;
	margin-bottom: 0.35em;
}

.record-actions {
	margin-top: .7em;
}

.record-action {
	margin-bottom: 0.35em;
}

a.record-action {
	display: table;
}

#record-full-text {
	margin-top: 2em;
	margin-bottom: 2em;
}

.folder-labels {
	margin: .4em;
}

/* pager */

.results-pager {
	margin-top: 7em;
	margin-bottom: 7em;
	text-align: center;
}
.results-pager-list {
	display: inline;
	padding: .8em;
	border: 1px solid #A2C9EF;
	background-color: #E4F1FD;
}
.results-pager li {
	display: inline;
	padding: .3em;
	background-image: none;
}
.results-pager-next {
	padding-left: 2em;
}

/** RECORD FULL VIEW **/

#record h2 {
	margin-top: 1em;
}

#record li {
	list-style: square;
	margin-left: 3em;
}

.record-abstract {
	line-height: 140%;
}

#citation-note {
	border: 1px solid #ccc;
	padding: .4em;
	font-size: 80%;
	color: #666;
}

#recommendations {
	margin-top: 2em;
}

#recommendations .result {
	margin-bottom: 2em;
}

#recommendations li {
	list-style: none;
	margin-left: 1.5em;
}

/** MY SAVED RECORDS **/

.folder-return {
	display: inline;
	margin-left: 3em;
}

#folder-output-results thead td {
	background-color: #efefef;
	font-weight: bold;
}

#folder-output-results td {
	padding: .7em;
	border: 1px solid #ccc;
}

.folder-email-success {
	display: table;
	padding: 10px;
	background-color: #FFFFCC;
	border: 1px solid #FFCC00;
	color: #009900;
	font-weight: bold;
}

#export legend {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	padding-top: 2em;
	padding-bottom: 2em;
	font-size: 140%;
}

.export-options div {
	display: block;
	margin-bottom: 1em;
	clear: left;
}
	
#export-email-options label {
	display: block;
	float: left;
	width: 15em;
	font-weight: bold;
	text-align: right;
}

#export-email-options input, #export-email-options textarea {
	display: block;
	margin-left: 17em;
}

#export-single {
	margin: 2em;
}

#export-single {
	font-size: 130%;
	padding: 1em;
}

#export-options-endnote div {
	margin: 1em;
}

#export-options-endnote input {
	margin-right: 1em;
	margin-left: 1em;
}

/** AUTO-COMPLETE **/

div.autocomplete {
	margin: 0;
	padding: 0;
	width: 25em;
	background: #fff;
	border: 1px solid #888;
	position: absolute;
}

div.autocomplete ul {
  list-style-type: none;
}

div.autocomplete ul li.selected {
	margin: 0;
	padding: 0;
	background-color: #B0E0E6;
}

div.autocomplete ul {
	margin: 0;
	padding: 0;
}

#tag-suggestions li {
	margin: 0px;
}

div.autocomplete ul li {
	padding: .2em;
	height: 1.2em;
	display: block;
	list-style-type: none;
	cursor: pointer;
	background: none;
}

/** MODULES **/

#search-modules {
	font-size: 110%; 
	padding: 1em; 
	margin-bottom: 2em; 
	background-color: #e9e9e9; 
	border-top: 1px solid #ccc; 
	padding-top: 5em;
	padding-bottom: 2em;
}

#search-modules li {
	margin-bottom: .5em;
	padding: .5em;
	padding-right: 0;	
}

#search-modules li.here {
	background-color: #fff;
	border-left: 4px solid #F60;
	margin-right: -20px;
	padding-left: 1em;
}

#search-modules li.here a {
	font-weight: bold; 
	color: #000;	
}

/* facet limit */

.results-facets-applied {
	margin: 3em;	
}

.results-facets-applied li {
	position: relative; 
	padding: 10px; 
	padding-left: 30px; 
	margin: 2px;
	background-image: url(../images/facet-bg.png);
	background-repeat:repeat-x;
	background-color: #efefef; 
	border: 1px solid #cbcbcb;
}

.embed-info {
	border: 0px none;
}

.remove {
	position: absolute; 
	top: 10px; 
	right: 10px;
}

.facet-option-more, .facet-option-less {
	padding: 1.3em; 
	padding-top: .7em; 
	display:none;
}

#search-sidebar ul li.facet-selection {
	list-style: none;
	padding-left: 15px;
	text-indent: -22px;
}

.facet-excluded a {
	color: #333;
}

.facet-excluded-text {
	text-decoration:line-through;	
}

#fullscreen {
	position: absolute; 
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	background-color: #333;
	
	filter: alpha(opacity=20); /* old ie */
	-moz-opacity: 0.20;        /* old ff */
	opacity: 0.20;             /* modern */
}

#loading {
	position: absolute; 
	top: 0;
	left: 0;	
	
	text-align: center;
	vertical-align: central;
	
	border: 1px solid #333;
	background-color: #fff;
	padding: 1em;			
}

/* search sidebar */

#search-sidebar {
	background-color: transparent;
	padding-left: 0px;
	padding-top: 0px;
}

#search-sidebar .box {
	margin-left: .5em;
}

#search-sidebar ul li {
	font-size: 87%;
}

#search-sidebar h3 {
	margin-top: 1em;
}

/*tabs */

.tabs #sort {
	background-color: transparent;
	border: none;
}

.tabs p.error {
	margin: 3em;
}

.tabs .tabs-hit {
	font-size: 85%;
	padding-left: .5em;
}

#tabnav {
	line-height: normal;
 	background: #fff url("../images/tabs/bg.png") repeat-x bottom;
	padding-left: 10px;
	margin-bottom: 15px;
}

#tabnav ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}

#tabnav li {
	float: left;
	border: 1px solid #666;
	border-bottom: none;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #efefef;
	margin: 0;
	margin-left: .4em;
	padding: 0 0 0 9px;
}

#tabnav a {
	display:block;
	padding: 5px 15px 4px 6px;
	padding: 10px 18px 9px 7px;
	text-decoration: none;
	font-weight: bold;
	color: #444;
}

#tabnav a:hover {
	color: #333;
}

#tabnav .here {
	background-color: #fff;
}

#tabnav .here a {
	color: #333;
	padding-bottom: 10px;
}


/* MY SAVED RECORDS */

table#folder_output_results td {
	padding: .7em;
	border-bottom: 1px solid #ccc;
}

table#folder_output_results thead {
	background-color: #efefef;
	font-weight: bold;
}


.saved-records-sort #sort {
	padding: 1em;
	padding-left: 1em;
	margin-left: 0;
	background-color: transparent;
}




/** temp fixes **/

.facet-date {
	margin-left: 1em;
	margin-bottom: 2em;
}

.facet-date label {
	float:left;
	width:45px;	
}

.facet-date div {
	margin-bottom: .7em;

}