/*!
 *
 * @package     NWC / NHC Portal
 * @creator     The Digital Ark, Corp.
 * @version     1.0
 */


html, body { height: 100% }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.offscreen { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}
.span9 {width: 720px}
.spacer {margin-top: 14px}

/* Standalone */

body { background: #002F3F url(img/bodyshim.gif) repeat-x; padding-bottom: 10px; }
#wrap {}

.container-narrow { max-width: 942px; margin-left: auto; margin-right: auto;  background-color: #fff; min-height: 520px; padding: 0 0 20px 0}

h5 {font-size: 12px}

/* Header
---------------------------------------------------------*/
header {height: 125px; width: 942px; margin: 0 auto; padding-top: 20px; }
header .nwcBackLink {float: right; font-size: 14px; margin-top: 20px;}
header  a:link, header a:visited, header a:hover, header a:active {color: #fff; text-decoration: none; }

#contentheader {border-bottom: 2px solid rgb(250, 215, 22); margin: 5px 0 0 -20px}
#contentheader h1 { color: rgb(23, 44, 62); font-size: 26px; margin: 0; padding: 0; line-height: 40px}
#contentheader [class*="span"] {margin-left: 0} /* reset the bootstrap padding for spans */
#contentheader form { font-size: 10px; margin: 10px 0 0 0; padding-right: 8px}
#contentheader input { height: 10px; padding: 4px 2px; border-radius: 2px; font-size: 10px}
#contentheader .btn {font-size: 10px; padding: 0px 5px}

.userAccountAccess ul { list-style-type: none; margin-top: 15px}
.userAccountAccess li {display: inline; padding: 0}
.userAccountAccess li + li:before {content : '| '}

.mainHeader { margin: 10px 30px 30px 20px; color: #172C3E; font-size: 26px; text-align: left; border-bottom: 2px solid #fad716;}

/* Login + Registration Forms
---------------------------------------------------------*/
.inlineMe {float: left; margin: 4px 5px 10px 0}
#name-label {padding-top: 30px; }
#registrationFormWrapper p.explanation {font-style: italic}

/* footer
---------------------------------------------------------*/
footer { text-align: center; color: #fff; background-color: #002F3F; padding-bottom: 20px;}
footer a:link, footer a:visited, footer a:hover, footer a:active {color: #fff; font-size: 12px; padding-left: 5px; padding-right: 5px; text-decoration: none;}
footer .ftBtmLinksDiv {height: 20px; padding-top: 3px; }
footer .bold {font-weight: bold}

/* Main Navigation
---------------------------------------------------------*/
#primary-nav { margin-top: -45px;font-size : 90%; margin-left: 10px;}
#primary-nav h3 {font-size: 14px;color: rgb(0, 47, 67); border-bottom: 2px solid rgb(0, 47, 67); padding-bottom: 3px; line-height: 20px}
#primary-nav ul {margin-left: 18px}
#primary-nav.span2 {width: 150px}

#breadcrumbs {font-size: 10px;margin-left: -20px}
/* .iframeHeader {border-bottom: 2px solid #FAD716; margin-bottom: 10px}*/
.iframeHeader h1 {font-size: 26px; margin:0}
.iframeHeader h1 a, .iframeHeader h1 a:link, .iframeHeader h1 a:visited { color: #000}
.iframheader h1 a:hover, .iframheader h1 a:active {color: #000}

#search-form { display: inline}
#search-form input[type="text"] {margin-top: 10px; width: 205px}

/* Search
---------------------------------------------------------*/

#simple-search { width: 100%; display: inline-block; margin: 0 10px 10px 0}
#search-form { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); margin-top: 1.5em; margin-bottom: 1.5em}
.advancedLink {margin: 15px 0 0 0}
#search-form:after {content: ""; display: block; height: 0; width: 300px; clear: both}
form#search-form > div { clear: both; padding-top: 0}
#advanced-search { height: 30px; width: 0; padding:7px 10px; text-indent: -9999px; display: inline-block; position: absolute; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc")}
#advanced-search:after { content: "+"; display: block; text-indent: 0; text-align: center; margin-top: -29px; margin-left: -5px; padding-top: 7px}
.advanced-search-link-header { margin-top: 15px; margin-left: 3px}
#search-wrap {position: relative}
#search-wrap a {font-size: .875em;text-decoration: none;display: inline-block;clear: both}
#search-wrap h2 {display: none}
#search-wrap input[type=text], #search-wrap input[type=submit] {height: 30px; font-size: 16px; line-height: 24px; *zoom: 1}
#search-wrap input[type=submit] { width: 30%; border: 0; background-color: #000; color: #fff; position: absolute; top: 0; left: 60%; padding: 3px 5px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0}
#search-wrap input[type=text] { width: 70%; border: 1px solid #000; padding: 5px 10px}
#advanced-form {display: none;background-color: #fff;overflow: auto;clear: both;z-index: 1001;position: absolute;top: 30px;left: 0;border: 1px solid #e7e7e7;width: 290px;padding: 1.5em 1em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;*behavior: url("../javascripts/boxsizing.htc");box-shadow : 2px 2px 2px #888}
#submit_search {margin: -1px 0 0 5px}
#submit_search_advanced {margin-top: 5px;margin-bottom: 5px}
#search-filters ul, #item-filters ul {background-color: #eee;padding: 3px 0;list-style-type: none;display: inline-block;margin: 0}
#search-filters li, #item-filters li {display: inline}
#search-filters li:after, #item-filters li:after {content: " \00B7";margin: 0 10px 0 5px}
#search-filters li:last-child:after, #item-filters li:last-child:after {content: "\00A0"}
#search-filters ul li ul, #item-filters ul li ul {display: inline-block}
#search-filters ul li ul li, #item-filters ul li ul li {list-style-type: none;display: inline-block}
#search-filters ul li ul li:after, #item-filters ul li ul li:after {content: ", "}
#search-filters ul li ul li:last-child:after, #item-filters ul li ul li:last-child:after {content: ""}
#search-results th {border-bottom: 1px solid #999999; padding: 0 10px 2px 5px}
#search-results td {border: 2px solid #FFFFFF; padding: 5px 10px}
#query-types label { margin-bottom: 0}
#query-types label input { margin-right: 3px; margin-top: -2px}
#record-types {margin-top: 10px}
#record-types p {margin-bottom: 0}
#record-types label input { margin-right: 5px; margin-top: -5px}
#record-types label input[type="checkbox"] {margin-top: 0}
#search-narrow-by-fields {margin-bottom: 15px}
#advanced-search-form {margin-left: 20px}
#advanced-search-form .field.row .span2 label {margin-left: -20px}
#errorBox { position: absolute; left: 220px}
#advanced-0-element_id option {padding-bottom: 2px}
/* Main Content
---------------------------------------------------------*/
h2 {font-size: 16px}
#content h1 { color: rgb(23, 44, 62); font-size: 20px; margin: 0; padding: 0; line-height: 40px}
ul.error { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 1px solid #eed3d7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  color: #b94a48; background-color: #f2dede}
#primary {margin-right: 15px;}

/* Home Page
---------------------------------------------------------*/
.live-tile .tile-title.tileCaption {font-size:14px; font-weight: bold; background-color: rgba(0,0,0,0.5);  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7F000000', endColorstr='#7F000000'); padding-top: 5px}
.live-tile .tile-title.tileCaptionTop {top: 0; height: 23px; letter-spacing: .5px; font-size:20px; font-weight: bold; background-color: rgba(0,0,0,0.5); padding: 5px 20px 5px 0;  text-align: right; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7F000000', endColorstr='#7F000000')}
.live-tile .imageTitle { padding: 4px; font-size: 14px}
.live-tile .tileContentHeader { font-size: 18px; font-weight: normal; text-align: center; padding-top: 84px}
.live-tile.moveUp {margin-top: -205px}
.live-tile .collectionTileContent a:link, .live-tile .collectionTileContent a:visited,
.live-tile .collectionTileContent a:hover, .live-tile .collectionTileContent a:active{ text-decoration: none}
.live-tile h3 {margin-left: 10px; font-weight: normal; font-size: 18px; line-height: 22px}
.live-tile .collectionTileContent h3 {font-weight: bold; margin-bottom: 0px}
.live-tile .collection-description {line-height: 20px}

/* Browse Navigation
---------------------------------------------------------*/

#browseNavigation {border-bottom: 3px solid #4A8DC7; padding-bottom: 3px; padding-bottom: 10px; padding-bottom: 38px}
.sortBar {margin-top: 15px}
.pagination {width: 200px; margin-top: 15px; padding-bottom: 0; margin-bottom: 0}
.pagination a {margin-top: -5px}
.pagination input[type="text"] {width: 20px; font-size: 10.8px; padding: 0px 4px; height: 18px;vertical-align: top}
.pagination ul {box-shadow: none; border-radius:0}
.pagination li {float: left; margin: 0; padding: 0}
.pagination form { font-size: 10.8px; margin: 0; width: 60px}
.pagination form span {line-height: 10.8px}
.pagination ul > li:first-child > a {border: none}
.pagination ul > li:last-child > a {border: none}
.pagination ul > li > a {border: none}
.place-left {display: inline}
#sort-links-list {display: inline; list-style-type: none; margin-left: 10px}
#sort-links-list li { display:inline; margin: 0; padding: 0}
#sort-links-list li + li:before { content: ' | '}
#browseNavigation .navigation {display: inline; list-style-type: none; margin-left: 0px}
#browseNavigation .navigation li { display:inline; margin: 0; padding: 0}
#browseNavigation .navigation li + li:before { content: ' | '}
.navigation .caret {margin-top: 8px; }
#browseNavigation.less-btm {padding-bottom: 20px; margin-bottom: 20px}
.spacer {margin: 5px 0}
#items { margin-top: 15px}
.odd {background-color: #eee}

/* thumb view */
.item.thumbnail {text-align: center; width: 200px; float: left; margin:10px; min-height: 250px !important}
.item.thumbnail.odd {background-color: #fff}
.thumbnail .item-title strong,
.thumbnail .item-creator strong {display:block}
.thumbnail .item-description,
.thumbnail .tags {display: none}
.item-thumb img {width: 96px}

#itemInfo {margin-top: 20px}

/* List View */
.item.listview {margin: 10px 0 10px 0px}
.listview .item-thumb {float: left; margin: 10px}
.listview .item-meta {padding-top: 15px}
.listview .item-meta {padding-top: 8px}
.listview .item-meta > div { margin-top: 8px; line-height: 16px}
.listview .removeLinkContainer, .listview .addLinkContainer {margin-bottom: 5px; float:right; position: inherit}

.removeLinkContainer, .addLinkContainer {margin-top: 10px; position: relative; bottom: 5px}
.removeLinkContainer span, .addLinkContainer span {margin-top: 0px}

.item.private { background-image: url('img/private_sm_v.png'); background-repeat: no-repeat; background-position: top right}
.listview.private { background-image: url('img/private_sm.png'); background-repeat: no-repeat; background-position: top right}


/* Item View
---------------------------------------------------------*/

/* Comments */
form .hidden {display: none}

/* Social Bookmarking */
#socialBookmarking {width: 170px}
#socialBookmarking h2 {margin: 0; padding: 0}
#socialBookmarking.well {padding:0 10px 10px 10px}

.item-pagination {list-style-type: none}
.item-pagination li {display: inline}
.item-pagination li + li {padding-left: 10px}

hr.line {border-top: 3px solid #4A8DC7}
.noSpace {margin: 0}

.backLink { margin-top: 15px}
.imageContainer {text-align: left}
.imageContainer p {margin-top: 3px}

#ratings {padding-top:0; text-align: left; margin-bottom: 10px}
#socialBookmarkingContainer {text-align: left; width: 70px}
#socialBookmarkingContainer h5 {margin: 0; padding: 0}
#socialBookmarkingContainer.well {padding:5px 10px 10px 10px}

.item-file {margin-bottom: 8px}
.item-file .thumb {border: 1px solid #aaa}
.mejs-poster {overflow: hidden}
#itemfiles img {border: 1px solid #ccc}
/* Collections view
---------------------------------------------------------*/
#browseNavigation.lessSpace { padding-bottom: 0}
.collection.thumbnail {text-align: left; width: 200px; float: left; margin:10px; min-height: 280px !important}
.collection.thumbnail .element { text-align: left; padding: 0 10px}
.collection.thumbnail h2 {margin-left: 10px; line-height: 24px}

#item-filters ul { list-style-type: none; margin-left: 0}
#item-filters li { font-weight: bold; font-size: 130%}
.view-items-link { padding-left: 10px}

.description.clearfix {clear: both}
.collection.listview {padding: 0 10px 5px 10px;}
.collection.listview p.view-items-link {margin-left: 0; padding-left: 0;}

.collection.subcollection {margin-left: 20px;}


/* Exhibits
---------------------------------------------------------*/
.exhibitSlideshow { width:550px}
.exhibitSlideshow p {text-align: center}
#exhibit-pages h5 {font-size: 20px;}

.image-text-group {margin-bottom: 15px; }

/* Pages
---------------------------------------------------------*/

.letter {padding-top: 20px; font-weight: bold}
.name {padding-right: 20px}


/* Comment Form
---------------------------------------------------------*/
#comment-form {margin-left: -10px}
#comments-flash #flash ul {margin-left: 0}
#comments-container div#comments-flash,
#comments-container div#flash,
#comments-container div.comments,
#comments-container div.comment,
#comments-container div.well {margin-left: 0 !important}


/* Tag Cloud - http://code.google.com/p/obesity/source/browse/public/stylesheets/acts_as_taggable_stylesheet.css?r=94684a302987b6c41a69e35519d3f40cb8083790 */

.hTagcloud { font-weight: normal; text-align: left; color: #999999; line-height: 1.6em}
.hTagcloud .popularity { margin:0; padding:0}
.hTagcloud .popularity li { display:inline; text-decoration:none; line-height: 1.6em}
.hTagcloud .popularity .popular { font-size:85%}
.hTagcloud .popularity .v-popular { font-size:100%}
.hTagcloud .popularity .vv-popular { font-size:116%}
.hTagcloud .popularity .vvv-popular { font-size:131%}
.hTagcloud .popularity .vvvv-popular { font-size:146.5%}
.hTagcloud .popularity .vvvvv-popular { font-size:161%}
.hTagcloud .popularity .vvvvvv-popular { font-size:177%}
.hTagcloud .popularity .vvvvvvv-popular { font-size:193%}

.tags_smaller .hTagcloud .popularity li { display:inline; text-decoration:none; line-height: 1.3em}
.tags_smaller .hTagcloud .popularity .popular { font-size:77%}
.tags_smaller .hTagcloud .popularity .v-popular { font-size:85%}
.tags_smaller .hTagcloud .popularity .vv-popular { font-size:100%}
.tags_smaller .hTagcloud .popularity .vvv-popular { font-size:116%}
.tags_smaller .hTagcloud .popularity .vvvv-popular { font-size:131%}
.tags_smaller .hTagcloud .popularity .vvvvv-popular { font-size:147%}
.tags_smaller .hTagcloud .popularity .vvvvvv-popular { font-size:163%}
.tags_smaller .hTagcloud .popularity .vvvvvvv-popular { font-size:179%}
.tags_smaller .hTagcloud .popularity .vvvvvvvv-popular { font-size:195%}

.tags_onesize .hTagcloud .popularity li { display:inline; text-decoration:none; line-height: 1.2em}
.tags_onesize .hTagcloud { font-size:85%; text-align: left; color: #999999; display: inline}
.tags_onesize .hTagcloud .popularity .popular { font-size:100%}
.tags_onesize .hTagcloud .popularity .v-popular { font-size:100%}
.tags_onesize .hTagcloud .popularity .vv-popular { font-size:100%}
.tags_onesize .hTagcloud .popularity .vvv-popular { font-size:100%}
.tags_onesize .hTagcloud .popularity .vvvvv-popular { font-size:100%}
.tags_onesize .hTagcloud .popularity .vvvvvv-popular { font-size:100%}
.tags_onesize .hTagcloud .popularity .vvvvvvv-popular { font-size:100%}
.tags_onesize .hTagcloud .popularity .vvvvvvvv-popular { font-size:100%}


/* Browser Specific
---------------------------------------------------------*/
/* Firefox */
@-moz-document url-prefix() {
    #advanced-search { height: 30px}
}

/* Safari and Chrome CSS here */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #advanced-search { height: 30px}
}

/* Styles for IE9 and IE10 */

@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */
    #advanced-search { height: 30px}
    #advanced-form {width: 290px}
    #items {clear: both}
}