/******************************************************************************
 STYLES FOR SCREENS LESS THAN 640px
 ******************************************************************************/
@media screen and (max-width:640px) {

/* HTML */
html { background: url(../images/main-bg-responsive.png) repeat-x; }

/* BODY */
body { width: 100%; }


/******************************************************************************
 MOBILE ONLY STYLES
 ******************************************************************************/
.non-mobile { display: none; }
.mobile { display: block; }
.selector { display: block !important; }
.button-area { display: none; }


/******************************************************************************
 HEADER
 ******************************************************************************/
header { height: 44px; }
div#logo { float: none; margin: 2px auto 0; }


/******************************************************************************
 NAVIGATION
 ******************************************************************************/

/* NAV USER */
nav#nav-user { max-width: 25%; min-width: 0; position: absolute; right: 0; top: 0; z-index: 2; }
nav#nav-user > ul { margin-top: -5px; }
nav#nav-user li { max-width: 100%; min-width: 0; }
nav#nav-user li.messages { display: none; }
nav#nav-user li a { padding: 0 22px 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* NAV PRIMARY */
nav#nav-primary { display: none; position: absolute; width: 100%; z-index: 1; top: 44px; }
nav#nav-primary li { background: #f4f4f4 !important; border-bottom: 1px solid #fff; font-size: 14px; line-height: 40px; padding: 0; text-align: left; text-transform: uppercase; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
nav#nav-primary li a { background-color: transparent !important; background-image: none !important; border: none; height: auto; padding: 0 0 0 15px; width: 100% !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; none !important; }
nav#nav-primary li a:hover { background-color: transparent !important; border-top: none !important; }
nav#nav-primary span { background: transparent url(../images/nav-collapsed.png) right center no-repeat; padding-right: 15px; }
nav#nav-primary li ul { display: none; }
nav#nav-primary li.expanded ul { display: block; background: #8a9609; border-top: 1px solid #fff; padding-left: 6px; overflow: hidden; }

nav#nav-primary li.expanded ul li { background: #dfe0e0 !important; color: #666; padding-left: 19px; text-transform: none; }
nav#nav-primary li.expanded ul li:last-child { border-bottom: none; }
nav#nav-primary li.expanded ul li a { background: #dfe0e0 !important; padding: 0; }
nav#nav-primary li.expanded span { background-image: url(../images/nav-expanded.png); }

nav#nav-secondary { display: none; }

/* NAV TRIGGER */
#nav-trigger { background: transparent url(../images/btn-nav.png) left top no-repeat; display: inline; float: left; height: 14px; left: 15px; position: absolute; width: 19px; text-indent: -99999px; top: 15px; }


/******************************************************************************
 MAIN
 ******************************************************************************/

/* MAIN */
section#main, section#main.wide { display: block; float: none; padding: 24px 15px 10px; overflow: hidden; width: auto; }

/* MAIN > HEADER */
section#main header h1 + h2 { color: #8c8d84; font-weight: normal; line-height: 1.2em; }

/* MAIN > TEXT */
section.text img { max-width: 100%; padding: 0; }

/* MAIN > TABLEDATA */
div.table-data ul { clear: left; float: left; line-height: 24px; }

/* MAIN > GRAPHS */
section.graph div.graph { display: none; }

/* MAIN > STATS */
section#stats { display: block; float: none; overflow: hidden; padding: 10px 0; width: auto;  }
section#stats ul { }
section#stats li { border: none; overflow: hidden; padding: 5px 0; text-overflow: ellipsis; white-space: nowrap; }
section#stats li:nth-child(odd) { border-right: 1px solid #e4e4e4; padding-right: 10px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
section#stats li:nth-child(even) { padding-left: 10px; }

/* MAIN > SEARCH */
section.search,
section#search-results { display: block; float: none; width: auto; }
section#main section.search h2,
section#main section#search-results h2 { margin-bottom: 10px; }
section.search input#search-box { margin: 3px 0 10px 0; padding: 5px 1.3% 7px; width: 100%;  }
section.search input.button { float: right; margin: 3px 0; width: 68px; height: 29px; }
section.search div#advanced-search,
section#search-results div#refine-search { clear: left; display: block; float: none !important; overflow: hidden; width: auto !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
section.search div#advanced-search.open,
section#search-results div#refine-search.open { padding: 10px; }
section.search div#advanced-search h3 a { padding: 4px 10px 0 0; }
section#search-results div#refine-search.open p.refine { padding: 4px 10px 0 0; }
section.search ul.form,
section#search-results ul.form { margin-top: -10px; padding: 5px 0 0; }
section.search ul.form label,
section#search-results ul.form label { text-align: left; }
section.search ul.form div.input,
section#search-results ul.form div.input { clear: left; display: block; margin: 14px 0 0; text-align: center; width: 100% !important; }
section.search ul.form div.input div.date,
section#search-results ul.form div.input div.date { clear: left; width: 220px; }
section.search ul.form div.input div.date label,
section#search-results ul.form div.input div.date label { padding: 0; position: relative; top: -20px; }
section.search ul.form div.input div.date input,
section#search-results ul.form div.input div.date input { margin-left: 40px; width: 114px; }
section.search ul.form div.input input,
section.search ul.form div.input textarea,
section#search-results ul.form div.input input,
section#search-results ul.form div.input textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
section#search-results ul.form div.input select { float: left; }
section.search ul.form div.input input.button { float: none; width: auto; }
section.search div#simple-search { padding-right: 90px; position: relative; }
section.search div#simple-search input.button { position: absolute; right: 0; top: 0; }

/* MAIN > TIMELINE DATA TABLE */
div#cited-art-timeline { display: none; }
div.timeline { background: none; padding: 0; }
div.timeline tbody { border: none; }
div.timeline table thead th { padding: 10px 4px; background: url(../images/border-bg.gif) 0 100% repeat-x }
div.timeline table td.group-header { padding: 4px; }
div.timeline .citation-bullet { display: none; }
div.timeline table.data td .key { padding: 0; }
div.timeline table.data tbody td { background: url(../images/border-bg.gif) 0 100% repeat-x; line-height: 22px; padding: 4px; }
div.timeline table.data tbody td.expand { line-height: 16px; }
div.timeline table.data tbody:nth-child(even) td { background-color: #f5f5f5  }
div.timeline table.data tbody:nth-child(odd) td { background-color: #fff; }


/******************************************************************************
 ASIDE
 ******************************************************************************/

/* ASIDE */
aside#sidebar { display: none; }


/******************************************************************************
 FOOTER
 ******************************************************************************/

/* FOOTER LINKS */
div#footerLink > div { margin: 10px 20px 0; padding-top: 25px; }
div#footerLink > div > div { display: none; }
div#footerLink > div > div:first-child { float: none; display: block; text-align: center; }
div#footerLink a#fullSiteLink { color: #8a9609; display: block; font-size: 11px; margin-bottom: 25px; text-decoration: underline; text-transform: uppercase; }


/******************************************************************************
 TAG BASICS
 ******************************************************************************/
.valuescores .tbl-grid td { float: left; padding: 8px 0 !important; text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.valuescores .tbl-grid td:nth-child(n+2) { border-top: none; }


/******************************************************************************
 JCAROUSEL
 ******************************************************************************/
div.carea { width: auto; }
div.tabletd { float: none; width: auto; }
div.jcarousel-skin-tango .jcarousel-container-horizontal { padding: 0; width: auto; }
div.jcarousel-skin-tango .jcarousel-clip-horizontal { height: auto; width: auto; }
div.jcarousel-skin-tango .jcarousel-clip-horizontal ul { border-bottom: 1px solid #e4e4e4; margin: 5px 0 0 !important; width: auto !important;  }
div.jcarousel-skin-tango .jcarousel-item { border-top: 1px solid #e4e4e4; height: auto; padding: 1px 0; width: 100%; }
div.jcarousel-skin-tango .jcarousel-item a { background: #f5f5f5 !important; !important; border: none !important; font-size: 11px; height: auto !important; padding: 8px 5px; text-align: left !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; cursor: default;  }
div.jcarousel-skin-tango .jcarousel-item:nth-child(even) a { background-color: #fff !important; }
div.jcarousel-skin-tango .jcarousel-item a span { margin-left: 25px; }
div.jcarousel-skin-tango .jcarousel-item a span:first-child { color: #0058a4 !important; float: left; font-weight: normal !important; margin: 0; }
div.jcarousel-skin-tango .jcarousel-item span.arrow-down  { display: none !important; }
div.box-left { display: none; }
div.box-right { display: none; }
div.jcarousel-prev { display: none !important; }
div.jcarousel-next { display: none !important; }


/******************************************************************************
 FOOTABLE PLUGIN
 ******************************************************************************/
table.data.phone td.expand { padding: 5px 10px 5px 45px; }
table.data.phone td.expand span.trigger { cursor: pointer; float: left; height: 24px; margin: 0 10px 0 -35px; position: relative; top: -2px; width: 24px; background: url(../images/plus.png) left top no-repeat; }
table.data.phone tr.footable-detail-show td.expand span.trigger { background-image: url(../images/minus.png) ; }
table.data.phone tr:nth-child(4n+1) td,
table.data.phone tr:nth-child(4n+2) td { background-color: #f5f5f5; }
table.data.phone tr:nth-child(4n) td,
table.data.phone tr:nth-child(4n-1) td { background-color: #fff; }
table.data.phone th.footable-first-column { padding-left: 44px; }


/******************************************************************************
 UNIFORM PLUGIN
 ******************************************************************************/
div.selector { background: #f7f7f7 url(../images/select-dropdown-border.png) right top repeat-y !important; border: 1px solid #626262; color: #626262 !important; margin: 7px 0 0; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
div.selector span { background: transparent url(../images/select-dropdown.png) right center no-repeat !important; text-shadow: none; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}