/* 
    Document   : first
    Created on : Mar 9, 2012, 12:17:43 PM
    Author     : oleg
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@import url("YUI/reset-fonts-grids.css");
@import url("YUI/grids-3.7.2.css");

@import url("sectionSearchResults_Bibliography.css");
@import url("sectionSearchResults_Table.css");
@import url("sectionClosedBar.css");
@import url("sectionHeaderNoButtons.css");
@import url("sectionHeaderWithButtons.css");
@import url("sectionFiveColumnSearch.css");
@import url("sectionFourColumnSearch.css");
@import url("sectionThreeColumnSearch.css");
@import url("sectionTwoColumnSearch.css");
@import url("sectionUserEntryForm.css");
@import url("sectionMainHeader.css");
@import url("sectionSavedSearches.css");

.yui3-u-1-5 {    
    padding-top: 3px;     
}
.yui3-u-4-5 {   
}

html,body{
  min-height: 101%;
  background-color: #004b90;
}

#ft{
  margin-top: 70px;
}

.titleGroup, .titleBlue, .titleGreen, .titleWhite, .titleWhiteBanner, .titlePage1{
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

.titleGroup, .titleBlue{
color: #004b8f;
}

.titleGreen{
color: #007c66;
}

.titleWhite{
color: #ffffff;
}
.titleWhiteBanner{
color: #ffffff;
padding: 3px;
}
.titlePage1{  
  color: #007c66;
  font-size: 14px;  
}

.labelTextTable, .titleSectionExpandBar, .titleGroup{
  font-weight: normal;
}

.resultsEntryLbl{
  font-weight: bold;
}

.resultsEntryData{
  font-weight: normal;
}

.button, .buttonLong, .buttonMouseOver{
  background-color: #004b8f;

  padding-top: 3px;
	padding-bottom: 3px;

	MARGIN-TOP: 1px;
	MARGIN-RIGHT: 0px;
	MARGIN-LEFT: 1px;

	CURSOR: pointer;	
	COLOR: #FFFFFF;
  border: 0px solid #ffffff;
}

.buttonMouseOver {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #004b8f;
}

.button{
  width: 60px;
}
.buttonLong, .buttonMouseOver{
  width: 120px;
}
.buttonStats{
  color: #FFFFFF;
  background-color: #004b8f;
  border: 3px solid #004b8f;
  CURSOR: pointer;
  width: 20px;
  margin: 2px
}

.recorddelemeter{
  margin-bottom: 20px;
}

.midBar{
  
  padding: 3px 0 3px 3px;
  background-color:#004b8f;
  color: #ffffff
}

.banner{
  height: 20px;
  margin-top: 3px;
  background: url(../images/navigation_bg.png);
}

a:link {color: #0074BF; text-decoration: none}
a:visited{color: #0074BF; text-decoration: none}
a:hover {text-decoration: underline}

.spacer{
  height: 10px;
}
.spacerSmall{
  height: 2px;
}

.messageText1{
  color: red;
  font-weight: bold;
}

.searchHints{
  margin: 5px 0 5px 0;
}

.commentPatron{
  background: #e2e2e2;
  padding: 10px;
  margin: 3px 0 3px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.commentLStaff{
  BORDER: #e2e2e2 1px solid;
  padding: 10px;
  margin: 3px 0 3px 50px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.helpTextFieldLabel{
  cursor: pointer;
}

#hintbox{ /*CSS for pop up hint box */
  position:absolute;
  top: 0;
  background-color: #e2e2d2;
  width: 150px; /*Default width of hint.*/
  padding: 3px;
  BORDER: #e2e2e2 1px solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  z-index:100;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
  visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
  font-weight: bold;
  color: navy;
  margin: 3px 8px;
}

.searchRequestsBox{
  width: 120px;
  padding: 5px;
  padding-left: 20px;
  background-image:url('../images/Search15.png');
  background-repeat: no-repeat;
  background-position: left center;
  outline:0;
  color: #d3d3d3;
}
.searchRequestsBox Active{
  color: #000000;
}
h1{
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}

.faqsTable, .documentationTable{
  padding: 10px;
}
.hiddenFaqAnswer{
  display: none;
  padding: 10px;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
.lookupWindow{
  background-color: #ffffff;
}
#resultsLeftHandSide{
  width: 83%;
}
.mainContentLeft{
  width: 83%;
  float: left;
}
.mainContentFull{
  width: 100%;
}
#resultsRightHandSide{
  width: 16%;
}


.buttonPressed{
  /*background-color: #ffffff;*/
  background-image: url('../images/loadingAnimationSmall.gif');
  background-repeat: no-repeat;
  background-position: right center;
  padding-top: 3px;
	padding-bottom: 3px;

	MARGIN-TOP: 1px;
	MARGIN-RIGHT: 0px;
	MARGIN-LEFT: 1px;

	CURSOR: default;
	COLOR: #cccccc;
  border: 1px solid #cccccc;

  width: 100px;
}

.question{
  cursor: pointer;
}

/* Top menu */

#nav {
	margin: 0;
	padding: 7px 6px 0;
	line-height: 100%;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  background: url(../images/navigation_bg3.png);
  height: 37px;
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #004b8f; /* for non-css3 browsers */
  /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b8f', endColorstr='#004b55');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#004b8f), to(#004b55)); */ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1);*/ /* for firefox 3.6+ */

	color: #FFFFFF;

	/*border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);*/
	
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #FFFFFF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #007c66 !important; /* for non-css3 browsers */
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; *//* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important;*/ /* for firefox 3.6+ */

	color: #fff !important;
	/*-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);*/
}
/* level 2 list */
#nav ul {
	background: #004b90; /* for non-css3 browsers */
  /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); */ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #fff,  #cfcfcf); */ /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	/*border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  z-index: 1000;
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	/*text-shadow: 0 1px 1px rgba(255, 255, 255, .9);*/
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	/*-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;*/
}
#nav ul li:last-child > a {
	/*-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;*/
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
  display: block;
}

/* register interest */
.registerInterestTextInput{
  width: 310px;
}
.registerInterestTextAreaInput{
  width: 310px;
  height: 80px;
}

/* round borders on new ckeditor */
#cke_comments{
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.labelTextTableSort {
  cursor: pointer;
}