@charset "utf-8";
/* CSS Pearls Online Search page */
/* Move down content because we have a fixed navbar that is 50px tall */
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: 0;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}


body {
    padding-top: 10px;
    padding-bottom: 10px;
    color: darkblue;
	font: normal 16px/1.4 Arial, sans-serif;
}

h1 {font: bold 24px/1.3em Baskerville, "Times New Roman", serif;
	text-align: center;}

h2 {font: bold 22px/1.2em Baskerville, "Times New Roman", serif; text-align:left;}
/* eja 
ol, ul, li {list-style: none; margin:0; padding: 2px;}

li {line-height: 1.2em; }
*/
ol, ul { list-style: none; }

hr {display: block;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-left: auto;
    margin-right: auto;
    border-style: outset;
    border-width: 0px;
    color: darkblue;
}

.becentered {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.left2 {float:left;}


/*  Search Form */
#SearchForm {
    margin: 0 auto;
    max-width: 90%;
    width: 90%;
}



/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/* input, select, textarea {max-width: 300px;} */

select#author, option { width: 300px; }
/*
input[type=submit] {width: 10em; height: 2em; font-size: 16pt;}
*/

input, 
select, 
textarea { max-width: 300px; }

.dateinput  { 
     margin: 0 auto;
    width: 100%;
    text-align: center;
    max-width: 150px; }

.LabelText {font-size: 16px;
     margin: 0 auto;
    width: 100%;
    text-align: center;
    }

.RequestText {font-size:16pt;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    width: 600px;
    }

	
	.dropText {font-size: 16px;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    width: 600px; 
    }

.smallerText {font-size: 13px; }

.highlight { background: #FFFF40; }

.button { padding: 10px;  margin: 0 auto;}

/* Buttons */
#AdvancedSearch, #SearchButton {
    border-radius: 100px;
    display: block;
    font-size: 1.5em;
    height: 2.75em;
    margin: 1em auto;
    max-height: 50px;
    max-width: 280px;
    width: 100%;
}


#SearchButton {
    //color:#fff;
    background-color: hsl(210,80%,60%);
}

#AdvancedSearch {
    background-color: #fff;
    border: 1px solid hsl(180, 50%, 50%);
    //color: hsl(180, 50%, 50%);
}


#SearchButton:hover {
    background-color: hsl(210,80%,70%);
}

#SearchButton:active {
    background-color: hsl(210,80%,50%);
    transform: translateY(3px);
}


#AdvancedSearch:hover {
    background-color: hsl(180, 50%, 60%);
    //color: #fff;
}

#AdvancedSearch:active {
    background-color: hsl(180, 50%, 40%);
    //color: #fff;
    transform: translateY(3px)
}

.advbutton { padding: 10px; width: 40px; margin: 0 auto;}

.DisplayName {font-size: 16pt; line-height: 18pt;}

.headerstylegrid { font-weight: bold; color: #FFF; background-color: #000084;}

#Hyperlink2 {color: green !important;   font-size: 1.2em !important;}

.AMLLink {font-size: 14pt;}
.BookstoreLink {font-size: 14pt;}

.cssPager td span { background-color:#4f6b72; font-size: 1.3em !important;}  

.search_results_wp .FooterNumbers a {
    font-size: 1.1em;
    margin: 0 1%;
    text-align:center;
}


.resultsULCSS li:nth-child(2n+1) {
    /* background-color: hsl(200, 0%, 96%); */
    background-color: hsl(214, 100%, 90%);
}

.AMLDateToSearch {font-size: 12pt; color: darkgreen; }

.ResultsDetails {font-size: 1.0em; max-width: 98%;}

.AlternateliCS {  background-color:white!important;}
.liCS {  background-color:Gainsboro!important;}

/* Responsive: Portrait tablets and up */
@media screen and (min-device-width: 501px) and (max-device-width: 768px) {
 	.jumbotron {margin-top: 10px;}

 	.body-content {padding: 0;}

 	.Explanation {font-size: 14pt;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    }

	.LabelText {font-size: 16px;
     margin: 0 auto;
    width: 98%;
    text-align: center;
    }

    
.dateinput  { 
    font-size: 16px;
     margin: 0 auto;
    width: 100%;
    text-align: center;
    max-width: 150px; }
	
	.dropText {font-size: 16px;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    width: 500px; 
    }

	.BiggerText {font-size: 16pt; }

    .FooterNumbers {font-size: 16pt !important; text-align: center !important; background-color: darkseagreen !important; color: darkblue !important;  }
	
	.RequestText {font-size: 16px;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    width: 500px;
    }

    .DivCenter {margin: 0 auto; clear:both; }
    .ResultsDetails {font-size: 1.0em; max-width: 98%; width: 500px;}
}

@media only screen and (max-width: 500px) {

    input, select, textarea {max-width: 310px; font-size: 14px;}

	.body-content {padding-left: 3px; padding-right: 3px;}

    h1 {font: bold 18px/1.2em Baskerville, "Times New Roman", serif; text-align: center;}
	
    h2 {font: bold 16px/1.2em Baskerville, "Times New Roman", serif; text-align: center;}
	
    .Explanation {font-size: 16px;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    }
    .LabelText {font-size: 16px;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    }
	
	.dropText {font-size: 16px;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    width: 300px; 
    }
	
	.RequestText {font-size: 16pt;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    max-width: 98%;
    width: 400px;
    }

	.SearchResultsGrid{
        background-color: #fff;
         font-family: sans-serif;
        font-size:1em;
    }

    .SearchResultsGrid tr{
        background-color: #fff!important;
        background: #fff none repeat scroll 0 0;
        padding: .5em 0.3em !important;
    }


    .search_results_wp {
        display: block;
        margin: 0 auto;  
        padding: 1em 0;
    }


        .search_results_wp td {
            background: #fff none repeat scroll 0 0;
            padding: .5em 0.3em !important;
            max-width: 65%;
            display: block;
        }

      ​​​.DisplayName,.ResultsDetails{
        display: block;
       /* width: 90%; */ 
        margin: 0 auto;
    }


	.DisplayName {font-size: 14px; line-height: 14px;}

    .ResultsDetails {font-size: 1.0em; max-width: 98%; width: 400px;}
	
	.AMLLink {display: none;}

	.AMLDateToSearch {display: none;}



}



/*2.0 dpr
@media only screen and
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
     body {font-size: 100%;}
	 
     .Explanation {font-size: 120%;}
	 
    .LabelText {font-size: 100%;}
	
    .RequestText {font-size:16pt;
    padding-left: 3px;  
    padding-top: 3px;
    padding-bottom: 3px; 
    width: 400px;
    }

}
     */