/* STYLESHEET FOR TABBED LEVEL 2 PAGES */

/* Wrap */
#wrap {
	padding-top: 5px;
	margin: 0;
	width: 975px;
	position: relative;
}

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
#TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
 
/* TabbedPanelsTab is a li style */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: .8em;
	list-style: none;
	background-color: rgb(140,145,155);
	border-top: solid 2px rgb(230,235,245);
	border-left: solid 2px rgb(110,115,125);
	border-bottom: solid 2px rgb(170,175,185);
	border-right: solid 2px #036;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* LINKS FOR THE TABS ONLY */
.TabbedPanelsTab a:link { color: #036; }
.TabbedPanelsTab a:visited { color: #036; }
.TabbedPanelsTab a:hover { color: #fff; }
.TabbedPanelsTab a:active { color: #036; }

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: rgb(185,192,211);
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
 
/* 	However, if using TabsWithCurves, set background color to page color because only the little
* 	corner lights up when selected. */

.TabbedPanelsTabSelected {
	background-color: rgb(170,175,185);
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
 
.TabbedPanelsContentGroup {
	clear: both;
	background-color: rgb(170,175,185);
	border-top: solid 2px rgb(230,235,245);
	border-left: solid 2px rgb(110,115,125);
	border-bottom: solid 2px rgb(170,175,185);
	border-right: solid 2px #036;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
 
.TabbedPanelsContent {
	padding: 4px; 
	color: #036;
}

.TabbedPanelsContent li {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em; color: #036;
	text-align: left; line-height: 1.2em;
}

/* This selector is an example of how to change the appearance of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
/* No Java Script */
noscript { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large; font-style: italic; font-weight: bold;
	text-align: center;
	color: #555; margin-bottom: 10px;
}

.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
}

.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* ----EVERYTHING BELOW IS THE COLOR SCHEME FOR THIS PAGE ---- */

/*PAGE*/
body { background-color: #fff; margin: 0px; padding: 0px; }

/* LINKS */

a:link { color: #036; }
a:visited { color: #903; }
a:hover { color: #939; }
a:active { color: #03c; }

/* NAVIGATION BAR */

div#navigation { width: 100%; background-image: url(../navbar/navbgrd2016.jpg); background-repeat: repeat-x;  }

/* OLD NAVBAR: */

div#nav { width: 100%; background-image: url(../navbar/navbgrd.jpg); background-repeat: repeat-x;  }

#wrapper {
    width: 100%; max-width: 975px;
    margin: 2px auto;
} 

/* END OLD NAVBAR: */

#wrapper {
    width: 100%; max-width: 850px;
    margin: 2px auto;
}

#subnav {
    padding: 0 0 10px 0;
    position: relative;
}

#subnav #quicksearch {
    position: absolute;
    top: 7px;
    right: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;	
}
	
/* ICON BAR */
div#iconbar { width: 100%; margin-top: 15px;}
.xprints { background-image: url(../navbar/xprints.jpg); background-repeat: repeat-x; }
.xglobes { background-image: url(../navbar/xglobes.jpg); background-repeat: repeat-x; }
.xglobesarch { background-image: url(../navbar/xglobesarch.jpg); background-repeat: repeat-x; }
.xmaps { background-image: url(../navbar/xmaps.jpg); background-repeat: repeat-x; }
.xpictorialmap { background-image: url(../navbar/xpictorialmap.jpg); background-repeat: repeat-x; }
.xdecarts { background-image: url(../navbar/xdecarts.jpg); background-repeat: repeat-x; }
.xnewyork { background-image: url(../navbar/xnewyork.jpg); background-repeat: repeat-x; }

.xarcvdecarts { background-image: url(../navbar/xarcvdecarts.jpg); background-repeat: repeat-x; }
.xarcvmaps { background-image: url(../navbar/xarcvmaps.jpg); background-repeat: repeat-x; }
.xarcvprints { background-image: url(../navbar/xarcvprints.jpg); background-repeat: repeat-x; }
/* Note: if you have two iconbar imgs stacked on top of each other (as in gavels.html)
and don't want a gap, put them in one row of code rather than two */

/*TEXT*/
	
.caption { font-size: 0.7em; color: #000; font-family: verdana,arial,sans-serif; text-align: center; margin-top: 0px; margin-bottom: 5px;}

h4 { 
	color: #036; 
	font-size: 16px; 
	font-weight: bold;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h5 { 
	color: #036; 
	font-size: 13px; 
	font-weight: bold;
	margin-top: -5px; margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
.sold { color: #903; font-style: italic; }

.click {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	color: #990033;
}

/*IMAGES*/
.gifhead { margin-top: 10px; margin-bottom: 10px;}

/* IMAGES */
.floatl { float: left; margin-right: 10px; }
.floatr { float: right; margin-left: 10px; }
.float-tn { float: left; height: auto; width: auto; 
	padding: 0 5px 10px 0; margin: 5px 0 0; 
	vertical-align: top; }
.tn { height: auto; width: auto; 
	padding: 0 5px 0; margin: 5px 0 0; 
	vertical-align: top; }

/* FOOTER */
/* div is the newer and preferred method as opposed to using tables*/

div#footer {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #036;
	text-align: center;
	width: 100%; max-width: 975px;
	margin-bottom: 15px;
}

.footer-lg { font-size: 1.2em; }

hr.foot { width: 100%; max-width: 975px; }

/* PARAGRAPH TAG AND MODIFIERS */

p { margin-bottom: 1em;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	text-align: left;
}

/* Center text--you don't need the newyorkctr text etc., if you span with this */
/* e.g. <p class="ctr"><span class="globegreen"> */

.ctr { text-align:center; }

/* Blue text */
.sansblue { 
	margin-top: 0em; margin-bottom: .8em; padding: .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.4em;
	color: #036;
}

.sansbluectr { 
	margin-top: 0em; margin-bottom: .8em; padding: .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.4em;
	color: #036;
}

/* Green text for special globe pages */
.globegreen { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #066;
}

/* Blue text for special map pages */
.mapblue { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #006699;
}

/* Pink text for special print pages */
.printpink { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #996666;
}

/* Purple text for special decarts pages */
.decartspur { 
	margin-top: 0em; margin-bottom: .85em; padding: .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: left;
	line-height: 1.4em;
	color: #993399;
}

/* Brown text for special newyork pages */
.nybrown { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.4em;
	color: #663333;
}

.nybrownctr { margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.4em;
	color: #663333;
	text-align: center; }
	
div#disclaimer {
	background-color: #036;
	background-position: center top;
	vertical-align: middle;
	margin: 5px; padding: 10px; width: 600px;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em; font-weight: bold;
	text-align: left;
}

.h2ny {
	font-style: italic;
	font-weight: bold;
}