/***************************************

mazzle page style
layout is based on YUI grids

***************************************/

html {
    background-color: #CCC;
}

body {
    margin:0;
    color: #202020;
}

#doc3 {
	margin:auto 0;
}

#doc #bd,
#doc2 #bd {
    background-color: #FFF;
    border-width: 0 1px 1px; 
    border-style:  solid; 
    border-color:  #2B477F;
}

#doc #hd,
#doc2 #hd {
    border-width: 0 1px;
    border-style:  solid;
    border-color:  #2B477F;

}

/* remove margin from column grid */

/*
.yui-t3 #yui-main .yui-b {
    margin-left: 18.4615em;
}

.yui-t3 .yui-b {
    width: 18.4615em;
}
*/

.yui-t3 .grid-disabled #yui-main .yui-b {
    margin-left: 0;
}

.yui-t3 .grid-disabled #sidebar {
    display: none;
}

/***************************************************
* links
***************************************************/

a {
	color: #3B5998;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/***************************************************
* header
***************************************************/

#header {
	/*background: #1D64C7;*/
	color: #FFF;
}

#doc3 #headerspacer {
    height: 25px;
    background: #CCC url('../../img/grey_bg.png') repeat-x scroll left top;
}

#header a {
	color: #FFF;
}

#topheader {
    background: #2B477F;/* url('../../img/blue_bg.png') repeat-x scroll left top;*/
    height: 3em;
    padding: 0 15px 0 15px;
}

#bottomheader {
    background-color: #FFF;
    border-bottom: 1px solid #2B477F;
    padding: 0 15px 0 15px;
    height: 2em;
}

#title,
#subtitle {
    height: 3em;
    float: left;
    padding: 0;
}

#title div {
    padding: 0.6em 0 0.9em;
    height: 1.5em;
}

#title a {
	font-size: 1.5em;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight: bold;
}

#subtitle div {
	padding: 1.1em 0 0.9em 0.5em;
	height: 1em;    
}    

#subtitle a {
	font-size: 1em;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-style: italic;
}

#title a:hover,
#subtitle a:hover {
	text-decoration: none
}

/***************************************************
* navigation
***************************************************/
	
#navigation {
    text-align: center;
	margin-left: 4em;
}

#navigation ul {
	height: 2em;
	list-style-position:outside;
}

#navigation li {
    height: 1.1em;
    padding: 0.3em 0 0.6em;
	float: left;
	list-style-image: none;
	list-style-type: none;
    border-left: 1px solid #E2E2E2;
}

#navigation li.selected {
   margin-bottom: -0.15em;
   border-top: 0.15em solid #2B477F;
   background-color: #FFF;
}
#navigation li.selected a {
    color: #000;
}

#navigation li a {
	color: #2B477F;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    padding: 0 15px;
	letter-spacing: 1px;
	font-size: 1.1em;
}

/***************************************************
* search
***************************************************/

#page_search {
    float: right;
    width: 14em;
    padding: 0.3em 17px 0.1em 1em;
}

#page_search .yui-ac input {
    border: 1px solid #AAA;
    padding-left: 15px;
    background: #FFF url('search_bg_disabled.png') no-repeat left bottom;

}

#page_search .yui-ac input:focus {
    background: #FFF url('search_bg_enabled.png') no-repeat left bottom;
}

#page_search .yui-ac-container {
    clear: both;
    color: #000;
}    

/***************************************************
* options
***************************************************/

#options a#loginlink {
	font-size: .9em;
}
#options  {
    height: 1em;
    float: right;
	padding: 1.6em 0 0.4em;
	color: #CCC;
	font-size: .9em;
}

#options a {
    color: #CCC;
    padding: 0 5px;
}
#options a:hover {
    color: #FFF;
}

#options form {
    display: inline;
}

#options .yui-button {
    margin: 0 0;
    background:transparent repeat-x scroll 0pt;
	border-width: 0;
	border-style: none;
	vertical-align: inherited;
}

#options .yui-button .first-child {
	border-width: 0;
}


#options .yui-button button {
    line-height: inherit;
    min-height: 0;
    margin: 0;
    padding: 0 5px 0 5px;
    color: #CCC;
    font-size: .9em;
}

#options .yui-menu-button button {
    padding-right: 10px;
    background-image: url(menu_down_arrow_disabled.png);
}

#options .yui-button-active button,
#options .yui-button-hover button {
    color: #FFF;
    text-decoration: underline;
}

#options .yuimenu {
    background-color: #FFF;
    text-align: left;
}

#options .yuimenu a {
    color: #000;
    padding: 3px 10px;
}

#options .yuimenuitem-selected a {
    background-color: #2B477F;
    color: #FFF;
}

/***************************************************
* search
***************************************************/

#search {
	padding-top: 3em;
}

#search .yui-ac {
    margin: 0.5em auto;
	width: 20em;
}

#search .yui-ac-input {
    width: 15.8em;
    margin-right: .2em;
}

#search .description {
    padding: 1em 0;
    text-align: center;
}

.submitButton {
	background-color: #2B477F;
	color: #FFF;
	font-size: 0.90em;
	padding: 0.1em 0.2em;
	margin-bottom: 2px;
	font-variant: small-caps;
}

/***************************************************
* body
***************************************************/

#bd {
	clear: both;
}

#mapLayer {
    height: 600px;
}

#application {
    margin: 0 15px;
}

/***************************************************
* footer
***************************************************/

#footer {
    padding: 0.5em 15px;
    font-size: 92%;
}

#footer .icons {
    text-align: right;
}

#footer .text {
    text-align: center;
}

#footer .system {
    text-align: center;
    padding-top: 0.2em;
}



/***************************************************
* sidebar
***************************************************/

#doc2 #sidebar {
    margin-top: 2em;
}

#sidebar {
    background-color: #FFF;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #6D6D6D;
}

#sidebar .hd {
    height: 2em;
    background-color: #2B477F;
    border-bottom: 1px solid #AAA;
    color: #FFF;
}

#sidebar .hd .label {
    float: left;
    padding: 0.3em .5em;
}

#sidebar .hd .close {
    float: right;
    padding: 0.3em .5em;
}

#sidebar .bd {
    padding: 0.3em 0.5em;
}

#sidebar .yui-button {
    margin: 0 0.2em;
}

#sidebar .yui-button button {
    line-height: 1;
    min-height: 0;
    vertical-align: bottom;
}

#sidebar .yui-button button {
    padding: 0 0.4em;
}


/***************************************************
* exhibit
***************************************************/

.exhibit-facet {
	margin-bottom: 5px;
	background-color: #FFF;
	border: 1px solid #CCC;
}

.exhibit-facet-header {
    text-align: center;
}

.exhibit-viewPanel h1 {
	font-weight: bold;
	margin: 15px 0 10px;
	padding: 5px;
	border-bottom: 1px solid #888;
	background-color: #f2f2f2;
}

.exhibit-viewPanel {
	background-color: #FFF;
}

.exhibit-collectionView-header {
    margin-left: 10px;
}

/***************************************************
* misc
***************************************************/

.warning {
    margin: 1em;
    font-size: 110%;
}

/***************************************************
* help
***************************************************/

#sidebar .example {
    margin: 0.3em 0 1em;
    padding: 0.5em;
    background-color: #F2F2F2;
}

#sidebar li {
    list-style: disc inside;
}

#sidebar .help-header {
    font-weight: bold;
    margin: 0.5em 0 0.1em;
}

#sidebar .help-desc {
    margin: 0.2em 0;
    padding: 0.3em;
    font-size: 90%;
    background-color: #E6E6E6;
}

#sidebar .help-comment {
    margin: 0.2em 0;
    font-size: 90%;
}