/* 
AAPG ARCHIVES CSS
Based on Datapages CSS coded by JP Dubois
Updated by Henry Woodbury, Fall 2011
2016-09-28
*/

@import url(../necolas-normalize.css/normalize.css);
@import url(article.css);

/* Fix archaic font tags in old articles */
font {
	font-family: inherit !important;
	background-color: inherit !important;
	color: inherit !important;
	font-size: 100% !important;
	border: inherit !important;
}

/* 
All text items inherit this font-family.
In most browsers the default type size is16px 
62.5% gives us a base size of 10px
*/
body {
	font: normal 62.5% 'Arial Unicode MS', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	background-color: #196188;
	margin: 0px;
	padding: 0px;
	
}

a {
    color: #16577A;
    text-decoration: none;
}

a:link,
a:active {
    color: #16577A;
}

a:visited {
	color: #801A46; 
}

a:hover {
	color: #16577A;
	text-decoration: underline;
}

a.action,
a.action:link,
a.action:visited,
a.action:active,
a.action:hover {
	color: #16577A;
}

/* OLD BODY */
#oldbody a {
    color: #0457b3;
    text-decoration: none;
}

#oldbody a:link,
#oldbody a:active {
    color: #0457b3;
}

#oldbody a:visited {
	color: #801A46; 
}

#oldbody a:hover {
	color: #0457b3;
	text-decoration: underline;
}

#oldbody a.action,
#oldbody a.action:link,
#oldbody a.action:visited,
#oldbody a.action:active,
#oldbody a.action:hover {
	color: #0457b3;
}





/* Page Wrapper */

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}

/* Header */

#header {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	height: 90px;
	clear: both;
}

#logo {
	padding: 20px 10px 10px 0px; 
}

#oldwelcome { /* can be removed */
	position: absolute;
	left: 490px;
	bottom: 40px;
	width: 470px;
	height: auto;
	z-index: 100;
}

#welcome {
	position: absolute;
	right: 0px;
	bottom: 40px;
	max-width: 470px;
	height: auto;
	z-index: 100;
}

#welcome h2 {
	color: #fff;
	font-size: 1.3em;
	padding: 0 2px 0 0;
	margin: 0;
	text-align: right;
}

#oldaccess  { /* can be removed */
	position: absolute;
	left: 490px;
	top: 55px;
	width: 470px;
	height: auto;
	z-index: 100;
}

#access  {
	position: absolute;
	right: 0px;
	top: 55px;
	max-width: 470px;
	height: auto;
	z-index: 100;
}

#access p {
    font-size: 1em;
    font-weight: normal;
    color: #4d99c5;
	text-align: right;
	padding: 0 2px 0 0;
	margin: 0;
}

#access .pipe {
	color: #4d99c5;
}

#header a,
#header a:link,
#header a:active,
#header a:visited {
    text-decoration: none;
    color: #fff;
}

#header a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Supra Navigation */
#supra-navigation {
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	height: 23px;
	background: #16577A;
	z-index: 100;
	position: relative;
	clear: both;

}

#supra-navigation ul {
	list-style-type: none;
	padding: 5px 0 0 5px;
	margin: 0;
	position: relative;
	z-index: 1500
}


#supra-navigation a,
#supra-navigation a:link,
#supra-navigation a:visited,
#supra-navigation a:active {
    text-decoration: none;
    color: #80ceff;
	position: relative;
}

#supra-navigation ul li a:hover {
    color: #FFFFFF;
	position: relative;
}

#supra-nav li {
	position: relative;
	font: bold 11px Arial, Helvetica, sans-serif;
	float: left;
	list-style-type: none;
    color: #80ceff;
    padding: 0 7px 0 13px;
	margin: 0 0 0 0;
	position: relative;
	z-index:1500
}

#supra-nav ul {
	display: none;
	top: 12px;
	padding: 9px 0 0 0;
	margin: 0 5px 0 5px;
	left: 0;
	width: auto;
	z-index: 1000;
	position: absolute;
	background-color: #16577A;

}

#supra-nav ul li {
	display: block;
	font-size: 10px;
	white-space: nowrap;
	float: none;
	padding: 0px 15px 10px 10px;
	margin: 0; 
	background-color: #16577A;
	position: relative;

}

#supra-nav ul li:first-child {
	padding-top: 2px;
	position: relative;
}
#supra-nav li:hover ul, 
#supra-nav li.over ul { 
	display: block; 
}

ul.dropdown {
	margin-top: 8px;
}


/* Navigation */

#navigation {
	width: 960px;
	height: 46px;
	background: #16577A;
	position: relative;
	z-index: 1;
}

#navigation ul {
	list-style-type: none;
	padding: 15px 0 0 5px;
	margin: 0;
	position: relative;
}

#navigation a,
#navigation a:link,
#navigation a:visited,
#navigation a:active {
    text-decoration: none;
    color: #80ceff;
	position: relative;
}

#navigation ul li a:hover {
    color: #FFFFFF;
	position: relative;
}

#nav li {
	font: bold 15px Arial, Helvetica, sans-serif;
	float: left;
	list-style-type: none;
    color: #80ceff;
    padding: 0 7px 0 13px;
	margin: 0 0 0 0;
	position: relative;
}

#nav ul {
	display: none;
	position: absolute;
	top: 15px;
	padding: 10px 0 0 0;
	margin: 0 5px 0 5px;
	left: 0;
	width: auto;
	z-index: 1;
}

#nav ul li {
	display: block;
	font-size: 12px;
	white-space: nowrap;
	float: none;
	padding: 0px 15px 10px 10px;
	margin: 0; 
	background-color: #16577A;
}

#nav li:hover ul, 
#nav li.over ul { 
	display: block; 
}

/* Content */

#content {
	width: 960px;
	margin-top: 20px;
}

#copy {
	float: left;
/*	width: 650px; adjusted to make right column narrower. DF 12 June 2014*/
	width: 728px;
	background-color: #fff;
	margin-bottom: 20px;
}

#copy img {
	max-width: 630px;
}

#copy.full-copy,
#content.full-content {
	width: auto;
	min-width: 960px;
}

#copy.full-copy img {
	max-width: 940px;
}

#copy.home {
	padding-top: 10px;
}

#rightsidebar {
/*	width: 300px;*/
	width: 220px;
	float: right;
	margin-bottom: 10px;
}

#breadcrumb {
	padding-top: 10px;
}

#breadcrumb p {
    font-size: 1.1em;
    font-weight: normal;
    color: #999;
}

#breadcrumb a,
#breadcrumb a:active,
#breadcrumb a:visited {
    text-decoration: none;
    color: #16577A;
}

#breadcrumb a:hover {
    text-decoration: underline;
    color: #16577A;
}

#firstHitLink {
    font-size: 1.1em;
    font-weight: normal;
    color: #999;
}

#firstHitLink a,
#firstHitLink a:active,
#firstHitLink a:hover,
#firstHitLink a:visited {
    text-decoration: none;
    color: #16577A;
}

#firstHitLink a:hover{
	text-decoration: underline;
    color: #16577A;
}


.hitarrow {
	padding-left: 3px;
	padding-right: 3px;
}

h1 {
    font-size: 3em;
    font-weight: bold;
    line-height: 1.25;
    color: #16577A;
    padding: 0 10px 12px 10px;
	margin: 0;
}

h2 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.25;
    color: #16577A;
    padding: 12px 10px 12px 10px;
	margin: 0;
}

h2.subtitle {
	font-weight: normal;
	font-size: 1.4em;
	padding-top: 0;
	margin-top: -6px;
}

h2.subtitle {
	font-size: 1.6em;
}

h3 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.25;
    color: #16577A;
    padding: 0px 10px 12px 10px;
	margin: 0;
}

.years {
	float:left;
	min-width: 525px;
}

h3.year {
	display: inline;
	float: right;
	text-align: left;
	width: 30px;
	}

h3.item {
	padding-left: 40px;
}

div.yearrow {
	width: 525px;
	float: left;
	text-align: left;
	padding-left: 40px;
}

cjstext, cjsabstract, cjstext cjsabstract {
    /*font-size: 1.2em;*/
    font-size: 12px;
	line-height: 1.5;
	display: block;
	padding: 0 10px 12px 10px;
	margin: 0;

}

p {
    /*font-size: 1.2em;*/
    font-size: 12px;
    color: #000000;
	line-height: 1.5;
	padding: 0 10px 12px 10px;
	margin: 0;
}


cjstext p, cjsabstract p, cjstext cjsabstract p {
    /*font-size: 1.2em;*/
    font-size: 12px;
    color: #000000;
	padding: 6px 0 6px 0;
	margin: 0;
}

cjstext ol, cjstext li {
   font-size: 12px;
   color: #000000;

}

p.article-type {
	font-size: 2em;
	font-weight: bold;
	color: #a3bccc;
}

th p, td p {
	font-size: 1em;
}

th, td {
	/*text-align: left;*/
    font-size: 1.2em;
    color: #000000;
	line-height: 1.5;
	/*padding: 0;
	margin: 0;*/
}


 
th, thead td {
	font-weight: bold;
}

thead td,
thead th {
	text-transform: uppercase;
	font-size: 1em;
	vertical-align: bottom;	
}

tbody th {
	font-size: 1.2em;
}

.data-table {
	margin: 0 10px 9px 10px;
}

.data-table thead td,
.data-table thead th {
	border-bottom: 1px solid #124766;
}

.data-table p {
	padding-bottom: 3px;
}

.data-table th p {
	padding-top: 6px;
}

.data-table .first p {
	padding-left: 0;
}

.data-table .last p {
	padding-right: 0;
}

ul {
	padding: 0 10px 6px 10px;
	margin: 0;
}

li {
    font-size: 1.2em;
    font-weight: normal;
    color: #000000;
	line-height: 1.4;
	list-style-type: disc;
	margin-left: 2em;
	padding: 0 0 6px 0;
}

ol li {
	list-style-type: decimal;
}

ul.noble li {
	margin: 0;
	list-style-type: none;
}

/* Some guesswork to get background colors to resemble best case scenario for common snippets 
	Assumes content is contained in ul and p while ads are in divs.*/
.rsblock p {
	padding: 0;
}
.rsblock p a {
	display: block;
	background-color: #c5d7e1;
	padding: 12px 10px 0 10px;
}

.rsblock ul {
	background-color: #c5d7e1;
	padding-top: 12px;
}

.rsblock li {
	position: relative;
	font-size: 1.1em;
	line-height: 1.25;
	margin: 0;
	padding-left: 12px;
	background: url(../aapg-images/icon_gt.png) 1px 3px no-repeat;
	list-style-type: none;
}

/* Right Sidebar */

.rsblock {
	width: 100%;
	margin-bottom: 10px;
}

.rsblock a img {
    margin:auto;
    display:block;
}

.connect {
	background-color: #c5d7e1;
	padding-bottom: 10px;
}

.connect-label {
	padding-top: 4px;
}

.connect .icon25 {
	margin-left: 10px;
}

.article .rsblock h1,
.rsblock h1 {
	font-size: 1.5em;
	color: #124466;
	padding: 10px 10px 4px 10px;
}

.rsblock a,
.rsblock a:active,
.rsblock a:link,
.rsblock a:visited,
.rsblock a:hover {
	color: #004066;
}


.adwrapper {

}

.adbox {

height:150px; width:180px;
margin-bottom:16px;margin-left:15px;
}

.adblock {
	width: 100%;
	margin-bottom: 10px;
}

#linklist-logo li {
	position: relative;
	height: 59px;
}

#linklist-logo img {
	display: block;
	float: left;
	margin: 0 10px 0 10px;
}

#linklist-logo strong {
	position: relative;
	display: block;
	top: 12px;
}

.linklist li {
	position: relative;
	font-size: 1.1em;
	margin-left: 0;
	padding: 0 0 4px 0;
	list-style-type: none;
	line-height: 1.25;
}

/* Buttons */

button {
	border: none;
	padding: 0;
	margin: 0;
}

button[type="reset"] {
	outline: none;
	background: transparent;
	height: 38px;
	height: 28px;
}

a.gisbutton {
/* 

    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
 */

    border-radius: 8px;
    width: 150px;
    background-color: #16577A;
    border-color: #16577A;
    border-width: 2px;
    border-style: solid;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
}

a.gisbutton:hover {
   background-color: white;
    color: #16577A;
 
}

/* icons */

.icon25 {
	display: inline-block;
	text-indent: -99999px;
	text-align: left;
	overflow: hidden;
	height: 25px;
	width: 25px;
	background-image: url(../aapg-images/icon25.png);
	background-repeat: no-repeat;
}

.icon-facebook {
	background-position: 0 0;
}

.icon-linked-in {
	background-position: -25px 0;
}

.icon-twitter {
	background-position: -50px 0;
}

.icon20 {
	display: inline-block;
	text-indent: -99999px;
	text-align: left;
	overflow: hidden;
	height: 20px;
	width: 20px;
	background-image: url(/data/aapg-images/icon20.png);
	background-repeat: no-repeat;
}

.icon-sort-ascending {
	background-position: 0 0;
}

.icon-sort-descending {
	background-position: -20px 0;
}

.icon-sort-ascending:hover {
	background-position: 0 -20px;
}

.icon-sort-descending:hover {
	background-position: -20px -20px;
}

.icon-sort-ascending-off,
.icon-sort-ascending-off:hover {
	background-position: -40px 0;
	cursor: default;
}

.icon-sort-descending-off,
.icon-sort-descending-off:hover {
	background-position: -40px -20px;
	cursor: default;
}

.icon-toggle-collapse {
	background-position: -60px 0;
}

.icon-toggle-collapse:hover {
	background-position: -60px -20px;
}

.icon-toggle-expand {
	background-position: -80px 0;
}

.icon-toggle-expand:hover {
	background-position: -80px -20px;
}

.icon16 {
	display: inline-block;
	text-indent: -99999px;
	text-align: left;
	overflow: hidden;
	height: 16px;
	width: 16px;
	background-image: url(../aapg-images/icon16.png);
	background-repeat: no-repeat;
}

.icon-html {
	background-position: 0 0;
}

.icon-download {
	background-position: -16px 0;
}

.icon-on-demand {
	background-position: -32px 0;
}

.icon-pdf {
	background-position: -48px 0;
}

.icon-previous {
	background-position: -64px 0;
}

.icon-next {
	background-position: -80px 0;
}

.icon-previous-off {
	background-position: -64px -16px;
}

.icon-next-off {
	background-position: -80px -16px;
}

/* Footer */

#footer {
	width: 960px;
	margin: 20px 0 20px 0;
	height: 46px;
	background: #16577A;
	clear: both;
}

/* Footer Navigation*/

#footernavigation {
	width : 960px;
	height : 36px;
    padding-top: 10px;
}

#footernavigation ul {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 7px 20px 0 0;
}

#footernavigation ul li {
	font-size: 1.2em;
    list-style-type: none;
	float: left;
	color: #80ceff;
	padding: 0 0 0 10px;
	line-height: 1;
	margin: 0;
}

#footernavigation a,
#footernavigation a:active,
#footernavigation a:link,
#footernavigation a:visited {
	color: #80ceff;
}

#footernavigation a:hover {
	color: #FFFFFF;
}

#copyright {
    float: left;
    font-size: 1.1em;
    color: #80ceff;
    padding: 8px 0 0 20px;
	line-height: 1;
	margin: 0;
}

#footer .pipe {
	color: #80ceff;
	padding: 0 0 0 10px;
}

/* Support Classes */

.clear  {
	clear: both;
}

.pipe {
	color: #798198;
	font-weight: normal;
	padding: 0 5px 0 5px;
}

.push {
	padding-top: 12px;
}

.push-down {
	padding-bottom: 12px;
}

.featured {
	font-weight: bold;
}

hr {
	border: none;
	border-top: 1px solid #798198;
}

.block {
	display: block;
}

.no-breadcrumb {
	padding-top: 10px;
}

.note {
	font-size: 0.91em;
}

p.note {
	font-size: 1.1em;
}

h2 .note {
	font-size: 0.7em;
	font-weight: normal;
}

.fleft {
	display: block;
	float: left;
}

.fright {
	display: block;
	float: right;
}

h1.img.fleft,
h1.img.fright,
h2.img.fleft,
h2.img.fright,
p.img.fleft,
p.img.fright,
h3.img.fleft,
h3.img.fright {
	padding: 0px 10px 10px 10px;
}

/* bequest */

.rightcopy {
	float: right;
	width: 600px;
}

.leftcopy {
	width: 600px;
	float: left;
}

.rightsidebar {
	float: right;
	width: 350px;
}

.leftsidebar {
	width: 350px;
	float: left;
}

#bequest {
	float: left;
	width: 960px;
	background: #fff;
}

#bequest .bounds {
/*	padding-top: 10px; */
}

#bequest h1 {
	font-size: 1.5em;
}

#bequest h2.tagline {
	padding-top: 0;
	font-weight: normal;
	font-style: italic;
	font-size: 1.3em;
}

#bequest h2, #bequest h3, #bequest h4, #bequest h5 {
	padding-bottom: 9px;
}

#bequest p {
	padding-bottom: 9px;
	line-height: 1.4em;
}

#bequest ul, li {
	padding-bottom: 4px;
}

#bequest img.fleft,
#bequest img.fright {
	padding: 0px 10px 10px 10px;
}

/* nubequest and alertbox*/

#nubequest-block {
/*	margin-bottom: 20px; */
	float: left;
	width: 960px;
	background-color: #8cb0c4;
	position: relative;
}

#alertbox {
	padding: 5px;
	margin: 5px;
	border: 1pt #FF9505 solid;
	position: relative;

}

#alertbox h3 { padding:0; }
#alertbox p { padding: 5px 0 0 0;}
#alertboxOff {display:none; visibility: hidden;}


#nubequest-block .logo-aapg-foundation {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 100;
	width: 120px;
	height: 150px;
}

#nubequest-block .icon-toggle, #alertbox .icon-toggle {
	position: absolute;
	display: block;
	right: 7px;
	top: 7px;
	z-index: 200;
}

#nubequest-block .icon-toggle {
	top: 7px;
}

#alertbox .icon-toggle {
	top: 4px;
}

.nubequest-max {
	min-height: 170px;
}

.nubequest, 
.nubequest-min {
	float: left;
	background-color: #8cb0c4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bacfdb), to(#8cb0c4));
	background-image: -webkit-linear-gradient(top, #bacfdb, #8cb0c4);
	background-image: -moz-linear-gradient(top, #bacfdb, #8cb0c4);
	background-image: -o-linear-gradient(top, #bacfdb, #8cb0c4);
	background-image: linear-gradient(#bacfdb, #8cb0c4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bacfdb', endColorstr='#8cb0c4');
	clear: both;
	width: 960px;
}

#nubequest p,
#nubequest h1,
#nubequest h2,
#nubequest h3 {
	padding: 0 0 8px 0;
	line-height: 1.4em;
}

#nubequest li {
	padding: 0 0 4px 0;
	line-height: 1.4em;
}

#nubequest ul, ol {
	padding: 0 0 4px 0;
}

.nubequest-img-col {
	float: left;
	width: 190px;
	padding: 10px 0 2px 10px;
}

.nubequest-img-col p {
	text-align: center;
}

.nubequest-text-col {
	float: right;
	width: 560px;
	padding: 10px 190px 2px 10px;
}

.nubequest-min .nubequest-text-col {
	float: left;
	width: 900px;
	padding: 10px 50px 1px 10px;
}

.nubequest-img-col #imglogo1, .nubequest-img-col #imglogo2 {
	max-width: 150px;
	max-height: 150px;
} 

/* contents wrapper */

#contents {}

#contents p {
	line-height: 1.4;
	margin-top: -6px;
}

#content .cover {
	float: right;
	padding: 0 0 6px 10px;
}

#content .cover .icon16 {
	display: block;
	float: left;
	margin: 0 6px 10px 0;
}

/* Contents Search Box */

.contents-search-block {
	float: left;
	padding-bottom: 12px;
}

.contents-search-block p {
	padding-bottom: 6px;
}

.contents-search-block p.clear {
	padding-top: 6px;
}

.contents-search-block .fleft {
	margin-right: 10px;	
	margin-top: 0.4em;
}

.contents-search-block input[type=image] {
	margin-top: 0;
}

.contents-search-block input[type=text] {
	margin-top: 0;
	height: 1.4em;
	padding: 0.25em 1px 0.2em 1px;
}

#f-fulltext {
	width: 250px;
}

/* Results List Cell Sort Variation */

.cell-sort .fright {
	margin-top: 0.15em;
	margin-left: 10px;	
}

.cell-sort select.fright {
	margin-top: 0em;
}

.cell-sort .firstlabel {
	width: auto;
	font-weight: bold;
	margin-top: 0.15em;
}

/* Generic search classes */

#f-yearFrom,
#f-yearTo {
	width: 50px !important;
}

.firstlabel {
	width: 5em;
	text-align: right;
}

/* Columns */

.col-block {
	float: left;
	width: 100%;
}

.col33 {
	float: left;
	width: 33%;
}

.col20 {
	float: left;
	width: 20%;
}

/* Home Page and Home Page Search */

.home ul.noble {
	padding-bottom: 0;
}

.home .col-left {
	float: left;
	width: 39%;
}

.home .col-right {
	float: right;
	width: 60%;
}

.full-search-block p {
	padding-bottom: 9px;
}

.full-search-block .firstlabel {
	width: 6em;
}

.full-search-block label {
	font-weight: bold;
}

.full-search-block .fleft {
	margin-right: 10px;	
	margin-top: 0.4em;
}

.full-search-block input[type=image] {
	margin-top: 0;
}

.full-search-block input[type=text] {
	margin-top: 0;
	height: 1.4em;
	padding: 0.25em 1px 0.2em 1px;
	width: 250px;
}

select {
	margin-top: 0.25em;
	padding: 4px 1px 0 1px;
}

option {
	padding: 2px 1px 0 1px;
}

.full-sort-block {
	padding-top: 6px;
}

.full-sort-block p {
	padding-top: 4px;
}

.caveat-block {
	padding-top: 9px;
}

.caveat-block p {
	padding-left: 6em;
	margin-left: 36px;
	text-indent: -16px;
}

p.search-button {
	padding-left: 6em;
	margin-left: 20px;
	padding-top: 3px;
}

#petroleum-abstracts {
	float: left;
	background-color: #e8eff3;
	padding-top: 6px;
	margin-bottom: 3px;
	width: 100%;
}

#petroleum-abstracts  .full-search-block .firstlabel {
	width: 9em;
	margin-left: -3em;
}

/* Login Box */

#db-login p {
	padding-bottom: 8px;
}

#db-login .hint {
	clear: left;
	display: block;
	margin-left: 7em;
	margin-top: 8px;
}

#db-login label {
	display: block;
	float: left;
	width: 7em;
}

#db-login .login-field {
	width: 14em;
}

#db-login .login-submit {
	display: block;
	float: left;
	margin-left: 7em;
}

.error,
.error p {
	color: #f00;
}

.tooltip {
	display: none;
/*	background: transparent url(/tools/img/tooltip/black_arrow.png); */
	background-color: #e8eff3;
	font-size: 1.2em;
	height: auto;
	width: 560px;
	padding: 7px 9px 7px 9px;
	color: #000;
	border: 3px solid #196188;	
}

/* jQuery UI Tabs for Two-Tab Articles Lists */

.ui-tabs-hide {
	display: none;
}

.ui-tabs-nav {
	margin: 5px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #124766;
	height: 21px;
}

.ui-tabs-nav li {
	margin:0 !important;
	padding: 0 !important;
	float: left;
	list-style-type: none;
	border-top: 1px solid #c5d7e1;
	border-right: 1px solid #124766;
	border-bottom: 1px solid #124766;
	text-transform: uppercase;
	font-size: 1em;
	}

.ui-tabs-nav li a {
	display: block;
	padding: 5px 10px 3px 10px;
	color: #1b6b99;
	height: 12px;
}

.ui-tabs-nav li.ui-tabs-selected {
	font-weight: bold;
	border-top: 1px solid #124766;
	border-right: 1px solid #124766 !important;
	border-bottom: 1px solid #e8eff3;
}

.ui-tabs-nav li.tabs-last {
	border-right: none;
}

.ui-tabs-nav li.ui-tabs-selected a {
	color: #000;
	background-color: #e8eff3;
	cursor: default;
}

.ui-tabs-nav li.ui-tabs-selected a:hover {
	text-decoration: none;
	cursor: default;
}

.ui-tabs-panel {
	clear: left;
	width: 100%;
	background-color: #e8eff3;
	padding-top: 10px;
}

/* jQuery UI Dialog Box */

/* Modal Overlay */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../aapg-images/bg_overlay.png) top left repeat;
	width: 100%;
	height: 100%;
}

.ui-dialog {
	position: absolute;
	overflow: visible;
}

.ui-dialog-titlebar {
	position: relative;
	height: 35px;
	background-color: #16577a;
	border: 5px solid #fff;
}

.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog-titlebar-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 25px;
	height: 25px;
	background: url(../aapg-images/icon25.png) top left no-repeat;
	background-position: -75px 0px;
	text-indent: -99999px;
}

.ui-dialog-titlebar-close:hover {
	background-position: -75px -25px;
}

.ui-dialog-title {
	display: block;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 10px 0 0 10px;
	color: #fff;
}

.ui-dialog-content {
	position: relative;
	background-color: #fff;
	border: 5px solid #fff;
}


/* Extended Footer COLUMNS */
/* Code here for compatibility with old markup of other Datapages sites */

#contentsub {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    clear : left;
    height : 165px;
	padding: 0;
	background: #3a5459;
	margin-bottom: 20px;
	width: 728px;
}

#contentsub h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #EAF2FA;
    border-bottom: 1px solid #80CEFF;
	font-family:  Arial, Helvetica, sans-serif;
	line-height: 1;
}

#contentsub h1 a {
	text-decoration: none;
	color: #fff;
}

#contentsub h1 a:hover {
    color: #fff;
}

#column_noline {
    float : left;
	width : 160px;
	height : 165px;
	padding: 0 10px;
}

#contentsub ul {
    margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

#contentsub li {
    font-size: 1.2em;
	color: #80CEFF;
	margin: 12px 0 12px 0;
	padding: 0;
	list-style: none;
	font-family:  Arial, Helvetica, sans-serif;
	line-height: .8;
}

.column {
    float : left;
	width : 160px;
	height : 165px;
	padding: 0 10px;
	margin-left: 1px;
	border-left: 1px solid #80CEFF;
}

#column_noline img,
.column img {
    border: none;
    margin-top:-3px;
    margin-left:-6px;
    margin-bottom:0px;
}

#column_noline #column_orientation,
.column #column_orientation {
    font-size: 1.1em;
    color: #FF9900;
}

#contentsub a {
    text-decoration: none;
    color: #80ceff;
}

#contentsub a:hover {
    color: #FFFFFF;
    
}

h1 a.collection-name {
	font-size: 22px;
}

/* Search Results */

.highlight {
	background-color:#FFFF66;
	font-weight: bold;
	border-left: 1px solid #ffff66;
	border-right: 1px solid #ffff66;
}

h1 a.revise {
	font-size: 0.4em;
}

h1 a.revise:visited {
	color: #16577A;
}

.current, .results {
	font-weight: bold;
}

.cell-year {
	padding-top: 12px;
	text-align: center;
}

.results-header {
	font-size: 0.9em;
	font-weight: bold;
}

.results-list {
	padding: 0 0 10px 0;
}

.cell-result {
	padding-top: 12px;
}

.results-header .cell {
	padding-top: 0px;
}

.results-list h3,
.results-list p {
	padding: 0 10px 2px 10px;
}

p.result-citation {
	font-weight: bold;
}
p.result-source,
p.result-type,
p.result-snippet {
	font-size: 1.1em;
}

.search-pagination p {
	margin-top: 0.3em;
}

/* Grid Containers */

.grid {
	clear: left;
	width: 100%;
	overflow: hidden;
}

.cell { float: left; }
.cell-10 { width: 10%; }
.cell-20 { width: 20%; }
.cell-30 { width: 30%; }
.cell-40 { width: 40%; }
.cell-50 { width: 50%; }
.cell-60 { width: 60%; }
.cell-70 { width: 70%; }
.cell-80 { width: 80%; }
.cell-90 { width: 90%; }

.cell-last { overflow: hidden; }

/* Leaderboard Ad Position */
#leaderboard img {
    margin-bottom:10px;
}

/* Print Styles */

.print {
	display: none !important;
}	

@media print {

	#body,
	#footernavigation {
		background-color: #fff !important;
	}
	
	#footer,
	#header,
	#footernavigation,
	#article,
	#copy,
	#content,
	#wrapper {
		padding: 0 !important;
		width: auto !important;
	}
	
	.noprint,
	#breadcrumb,
	#breadcrumb_wide,
	#navigation,
	#branding,
	#content-ad,
	#rightsidebar,
	#footernavigation ul {
		display: none !important;
	}
	
	.print {
		display: block !important;
	}	
	
	#copyright {
		padding: 0 10px 0 10px !important;
	}

}