/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

span.art-fairs {
  color: #666;
  text-transform: uppercase;
  margin-right: .75em;
  letter-spacing: 0.5px;
}

.home-pg-spacer {
  margin-bottom: 2.5em !important;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0px;
}

table tr th, table tr td {
  text-align: left;
  padding: 0px;
}

/* Layout */
body {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 300;
  /*font-family: Verdana, Arial, Helvitica, sans-seriff;*/
  font-size: 10px;
  color: #666;
  background-color: #fff;
}

div#page_container {
  width: 950px;
  margin: 0 auto;
}

div#logo {
  height: 82px;
  background-image: url(images/goodman_gallery_logo_2.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

div#ajax_loading {
  display: none;
  position: fixed;
  right: 8px;
  top: 8px;
}

div#left_col {
}

div#main_menu {
  /*overflow: auto;*/
}

div#content {
}

div#site_links {
  float: right;
  width: 214px;
  margin-left: 38px;
}

div#footer_container {
  clear: both;
  padding-top: 32px;
}

div#footer {
  height: 40px;
  border-top: 1px solid #999;
  padding: 1em 0;

  color: #666;
  font-size: 1.1em;
}


/* header links */
div#site_links ul {
  list-style: none;
  letter-spacing: 0.5px;
}

div#site_links ul li {
  line-height: 2em;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.9em;
}

div#site_links ul li a {
  border-top: 1px solid #dcdcdc;
  border-right: 0px solid #ffff00;
  color: #444;
  display: block;
  padding: 0.25em 0 1em;
  text-decoration: none;
  text-transform: uppercase;
}

div#site_links ul li a:hover {
  border-top: 1px solid #666;
  color: #999;
}

.highlight {
  background-color: #ff0;
}

/* type setting */
strong {
  color: #222;
  font-weight: normal;
}

a,
a:visited {
  color: #444;
  text-transform: uppercase;
  text-decoration: underline;
}

a:hover {
  color: #999;
}

/* content */
div#content p {
  text-align: left;
  font-size: 1.1em;
  line-height: 1.3em;
  margin-top: 1em;
}

div#content #artist_listing p {
  text-align: left;
  font-size: 1.1em;
  line-height: 1.3em;
  margin-top: 0em;
}

.artist-location {
  padding-left: 10px;
  font-size: 12px;
  text-decoration-color: #666;
  vertical-align: baseline;
}

div#content p.home_para {
  margin-top: 2em;
}

div#content h1 {
  font-size: 1.9em;
  font-weight: normal;
  color: #999;

  /*border-top: 1px solid #dcdcdc;*/

  padding: 0.25em 0;
  margin: 0.25em 0;
}

div#content h2 {
  font-size: 1.8em;

  font-weight: normal;
  color: #999;

  padding: 0.25em 0;
  margin: 0.25em 0;
}

div#content h3 {
  font-size: 1.2em;

  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #666;

  padding: 0.25em 0;
  margin: 1em 0 0;
}

div#content ul {
  list-style: square inside;
  padding-left: 1em;
  margin: 1em 0;
  overflow: auto;
}

div#video_content {
  margin-top: 1em;
  margin-bottom: 1em;
}

div#content ol {
  list-style: lower-roman inside;
  padding-left: 1em;
  margin: 1em 0;
}

div#content table {
  margin: 1em 0;
  background-color: #666;
  border-spacing: 1px;
}

div#content table th,
div#content table td {
  padding: 0.5em;
  background-color: #fff;
}

div.half_page_left {
  float: left;
  width: 331px;
  margin-right: 18px;
}

div.half_page_right {
  float: left;
  width: 331px;
  margin-left: 18px;
}

/* exhibit overviews */
div.exhibit_info {
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding-top: 1.2em;
  text-transform: uppercase;
  text-align: left;
  color: #444;
  letter-spacing: 0.5px;
  border-top: 1px solid #dcdcdc;
}

div.exhibit_info strong {
  color: #999;
  font-size: 2.1em;
}

div.exhibit_info img {
  border: 1px solid #dcdcdc;
}

div.exhibit_date {
  text-transform: uppercase;
  letter-spacing: 0.5px;

  margin-bottom: 4px;
  margin-top: 1em;
}

div.exhibit_links {
  margin: 0.25em 0;
  font-size: 0.9em;
}

div.exhibit_links a,
div.exhibit_links a:visited {
  color: #666;
  text-transform: uppercase;
  margin-right: .75em;
  text-decoration: underline;
  letter-spacing: 0.5px;
}

div.exhibit_links a:hover {
  color: #999;
}

div.program_links {
  margin: 1.25em 0;
  font-size: 0.9em;
}

div.program_links a,
div.program_links a:visited {
  color: #666;
  text-transform: uppercase;
  margin-right: .75em;
  text-decoration: underline;
  letter-spacing: 0.5px;
}

div.program_links a:hover {
  color: #999;
}
div#content div.more,
div#content div.program {
  display: none;
  padding: 1em 0;
}

div.program strong {
  width: 10em;
}

div#content div.more p {
  color: #444;
  line-height: 1.4em;
  font-size: 1.2em;
}

/* right column */
div#right_content {
  float: right;
  width: 214px;
  margin-left: 3.8em;
  margin-top: 14px;
  clear: both;
}

div#right_content h1 {
  font-weight: normal;
  color: #666;
  text-transform: uppercase;
  margin: 0 0 0.5em;
  font-size: 1.5em;
  border-top: 0;
}

div#right_content h2 {
  font-weight: normal;
  font-size: 1.2em;
  color: #999;
  border-top: 1px solid #dcdcdc;
  padding: 0.25em 0 0.3em 0;
  text-transform: none;
  letter-spacing: 0;
}

div#right_content p {
  font-size: 1em;
  color: #666;
  margin-top: 0.5em;
  line-height: 1.4em;
}

div#right_content a,
div#right_content a:visited {
  color: #444;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 0.8em;
  margin-bottom: 2em;
}

div#right_content a:hover {
  color: #999;
}

/* textile preview page */
div#markup_input textarea {
  width: 700px;
  height: 300px;
}

/* data tables */
div#content table.data_listing {
  width: 100%;
  background-color: #fff;
  border-spacing: 0px;
  border: 0;
}

div#content table.data_listing th {
  padding: 0 0 1em;
}

div#content table.data_listing td {
  padding: 0;
}

table.data_listing th {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: normal;
  color: #444;
  text-align: left;
  letter-spacing: 0.5px;

  padding-bottom: 0.5em;
}

table.data_listing td {
  font-size: 2em;
  color: #ccc;
}

table.data_listing td a {
  color: #999;
  text-decoration: none;
  letter-spacing: 0em;
  display: block;
  padding: 0.1em 0;
}

div#exhibition_listing table.data_listing td a {
  color: black;
  text-decoration: none;
  letter-spacing: 0em;
  display: block;
  padding: 0.1em 0;
}

table.data_listing td a.first {
}

table.data_listing td a.last {
}

table.data_listing td a:hover {
  color: #444;
}

div.video_description p {
  margin-top: 0 !important;
}

div.full_page_left {
  float: left;
  width: 50%;
  margin-top: 2em;
}

div.full_page_right {
  float: right;
  width: 40%;
  margin-top: 2em;
  height: 263px;
  display: table;
}

div.video_desc_link {
  display: table-cell;
  vertical-align: middle;
}

div.pagination_spacing {
  margin-top: 1em;
}

/* artist listing page */
div#artist_listing {
  margin-top: 3em;
}

div#multimedia_listing {
  margin-top: 2em;
}

div#video_show {
  margin-top: 2em;
}

.vids {
  width: 100%;
  height: 20px;
}
/* artist detail page */
div#artist_detail {
}

div#artist_detail h1 {
  border: 0;
  color: #444;
  margin-top: 3.3em;
}

div#artist_left_col {
  width: 470px;
  float: left;
}

div#artist_image_preview {
  width: 450px;
  /*height: 270px;*/
  min-height: 270px;
  border: 1px solid #eee;
  /*overflow: hidden;*/
  background-position: center;
  background-repeat: no-repeat;
}

div#artist_image_preview #spinner {
  background-image: url(images/loading.gif);
  width: 450px;
  min-height: 270px;
  background-position: center;
  background-repeat: no-repeat;
}

div#artist_image_preview img {
  display: block;
  margin: 0 auto;
}

div#artist_image_controls {
  width: 450px;
  height: 1.9em;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}

div#content div#artist_image_controls ul {
  width: 450px;
  font-size: 0.8em;
  list-style: none;
  padding: 0;
  margin: 0;
}

div#artist_image_controls ul li {
  float: left;
  padding: 0.5em 2em;
  display: block;
}

div#artist_image_controls ul li a,
div#artist_image_controls ul li a:visited {
  color: #444;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 0.5px;

  padding: 0;
}

div#artist_image_controls ul li a:hover {
  color: #999;
}

div#artist_image_description {
  width: 450px;
  font-size: 0.9em;
  margin-top: 1em;
}

div#artist_image_description p {
  margin: 0;
}

div#artist_details {
  width: 450px;
  margin-top: 1em;
}

div#artist_details_photo {
  width: 150px;
  float: left;
  margin: 0 1em 1em 0;
}

div#artist_details_text {
}

div#artist_details_text p {
  color: #666;
  margin-bottom: 1em;
  line-height: 1.4em;
}

div#artist_right_col {
  width: 470px;
  float: left;
}

div#artist_thumbnails {
  width: 450px;
  height: 290px;
  border: 1px solid #eee;
  overflow: auto;
  position: relative;
}

div#content ul#artist_thumbnails_items {
  width: 32000px;
  position: relative;
  list-style: none;
  margin: 0;
}

ul#artist_thumbnails_items li {
  float: left;
}

ul#artist_thumbnails_items li div.artist_thumbnails_image {
  width: 120px;
  height: 120px;
  border: 1px solid #eee;
  background-color: #fff;
  margin: 6px 3px;
  overflow: hidden;
  padding: 2px;
  text-align: center;
}

ul#artist_thumbnails_items li div.artist_thumbnails_image.selected {
  background-color: #444;
}

div#artist_thumbnails_scrollbar {
  width: 450px;
  height: 1.5em;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  position: relative;
}

div#artist_thumbnails_scrollbar a div {
  position: absolute;
  cursor: move;
  margin: 0;
  z-index: 100;
  height: 4px;
  width: 3em;
  background-color: #444;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
}

.padded {
  display: block;
  background-color: #fff;
  padding-bottom: 12px;
}

div#artist_menu {
  margin-top: 3em;
}

div#content div#artist_menu ul {
  width: 450px;
  border-top: 1px solid #eee;
  font-size: 0.9em;
  list-style: none;
  margin: 0;
  padding: 0;
}

div#artist_menu ul li {
  float: left;
  padding: 0.5em 3em 0.5em 0;
  display: block;
}

div#artist_menu ul li a,
div#artist_menu ul li a:visited {
  color: #444;
  text-transform: uppercase;
  text-decoration: none;

  padding: 0.5em 0;
  border-top: 1px solid #eee;
  letter-spacing: 0.5px;
}

div#artist_menu ul li a:hover,
div#artist_menu ul li a.active {
  color: #999;
  border-top: 1px solid #444;
}

div#artist_info_container {
  width: 450px;
  overflow: hidden;
  clear: both;
}

div#content ul#artist_info_elements {
  width: 4250px;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#artist_info_elements li {
  width: 450px;
  float: left;
}

div.artist_link_seperator {
  margin-bottom: 2%;
}

div#errorExplanation ul {
  overflow: hidden;
}

/* artist exhibitions */
div.artist_info_exhibition {
}

div.artist_info_exhibition h2 {
  font-size: 1.4em;
}

/* artist works*/
div.artist_info_work {
}

div.artist_info_work h2 a,
div.artist_info_work h2 a:visited,
div.artist_info_exhibition h2 a,
div.artist_info_exhibition h2 a:visited,
div.artist_info_bio h2 a,
div.artist_info_bio h2 a:visited,
div.artist_info_press h2 a,
div.artist_info_press h2 a:visited {
  color: #999;
  text-decoration: none;
}

div.artist_info_work h2 a:hover,
div.artist_info_work h2 a.selected,
div.artist_info_exhibition h2 a:hover,
div.artist_info_exhibition h2 a.selected,
div.artist_info_bio h2 a:hover,
div.artist_info_bio h2 a.selected,
div.artist_info_press h2 a:hover,
div.artist_info_press h2 a.selected {
  color: #444;
}

div.artist_info_bio h2 a.selected {
  color: #444;
}

div.collapsible.collapsed {
  display: none;
}

/* news page */
div#news_listing {
  margin-top: 2em;
}

h5 {
  color: #ddd;
  font-weight: normal;
  font-size: 4.5em;
}

div#news_listing div.news_listing_item {
  clear: both;
  overflow: auto;
}

div#news_listing div.first {
}

div#news_listing div.news_listing_details {
  margin-top: 2em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #444;
}

div#news_listing div.news_listing_details span.news_source {
  float: right;
}

div#news_listing img {
  float: left;
  margin: 0 1em 1em 0;
}

div#news_listing p {
  color: #444;
  margin: 0;
}

div#news_listing a,
div#news_listing a:visited {
  color: #444;
  text-decoration: underline;
}

div#news_listing a:hover {
  color: #999;
}

/* exhibitions page */
div#exhibition_listing {
  margin-top: 2em;
}

.exhibition_people {
  font-size: 0.8em;
  color: #999;
}

.exhibition_location {
  font-size: 0.6em;
  color: #999;
  margin-bottom: 1em;
}

/* available works page */
div#available_works_listing {
  margin-top: 2em;
}

div#filter_bar {
  margin-top: 1em;
  border-bottom: 1px solid #999;

  text-transform: uppercase;
}

div#filter_bar a {
  text-decoration: none;
  padding: 0 1em 0 0;
  margin-right: 1em;
  background-image: url(images/down.png);
  background-position: right;
  background-repeat: no-repeat;
}

div#content ul#works_thumbs {
  margin-top: 2em;
  padding: 0;
}

ul#works_thumbs li {
  width: 215px;
  padding: 4px;
  float: left;
  border: 1px solid #eee;
  margin: 0 16px 0.5em 0;

  list-style-image: none;
  list-style-type: none;
}

ul#works_thumbs li.last {
  margin-right: 0;
}

ul#works_thumbs li div.work_thumb {
  width: 215px;
  height: 215px;
  text-align: center;
}

div.work_metadata {
  font-size: 0.8em;
  height: 10em;
  line-height: 1em;
  margin-top: 1em;
  padding: 0.5em;
  border-top: 1px solid #eee;
}

div.add_remove_catalogue {
  text-align: right;
}

div#content div.work_metadata p {
  margin: 0;
}

div#artists_dropdown {
  width: 620px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  background-color: #fff;
  position: absolute;
  display: none;
}

div#video_type_dropdown {
  width: 210px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  background-color: #fff;
  display: none;
  position: absolute;
}

div#artists_dropdown ul li {
  height: 24px;
}

div#artists_dropdown ul li,
div#video_type_dropdown ul li,
div#sort_dropdown ul li,
div#categories_dropdown ul li,
div#types_dropdown ul li {
  width: 200px;
  float: left;
  margin: 0.5em 0;

  list-style-image: none;
  list-style-type: none;
}

div#sort_dropdown,
div#categories_dropdown,
div#types_dropdown {
  width: 210px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  background-color: #fff;
  position: absolute;
  display: none;
}

/* publications page */
div#publications_listing {
  margin-top: 2em;
}

h5 {
  color: #ddd;
  font-weight: normal;
  font-size: 4.5em;
}

div#publications_listing div.publications_listing_item {
  clear: both;
  overflow: auto;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

div#publications_listing div.publication_image {
  float: left;
  width: 215px;
  margin: 0 1em 0 0;
}

div#publications_listing div.publication_details {
  float: left;
  width: 480px;
  /*margin: 0 1em 0 225px;*/
  margin-right: 1em;
}

div#publications_listing div.publication_memo {
  margin-left: 475px;
}

/* my catalogue page */
li#submit_form {
  display: none;
}

li#submit_form form {
  border: 0;
}

li#submit_form form table {
  background-color: #fff;
}

li#submit_form form label {
  text-align: right;
}

li#submit_form form input {
  width: 310px;
  border: 0;
  border-bottom: 1px solid #ccc;
}

li#submit_form form td.submit input {
  border: 1px solid #333;
  background-color: #ccc;
  width: 60px;
  font-size: 0.9em;
  color: #333;
}

li#submit_form form textarea {
  width: 310px;
  height: 200px;
  border: 0;
  border: 1px solid #ccc;
}

/* view submitted catalogue */
div.catalogue_item {
  width: 120px;
  padding: 0.5em;
  border: 1px solid #ccc;
  float: left;
  margin: 1em;
}

/* Subscribe to mailing list */
div#subscribe_form {
  display: none;
  padding: 2em 1em;
  position: absolute;
  width: 195px;
  background-color: #fff;
  border: 1px solid #999;
}

div#subscribe_form .text_field {
  width: 190px;
  border-color: #ccc;
  border-style: none none solid;
  border-width: 0 0 1px;
}

div#subscribe_form .submit_button {
  border: 1px solid #333;
  background-color: #ccc;
  width: 60px;
  margin-top: 1.5em;
  font-size: 0.9em;
  color: #333;
}

div#subscribe_form .subscribe_notice {
  color: #333;
  margin: 1em 0;
  background-color: #ffa;
  padding: 0.5em;
}

/* full-page flash */
#full_html,
#full_body {
  height: 100%;
}

#full_page_flash {
  width: 100%;
  height: 100%;
}
/* suckerfish menus */
#suckerfish * {
  margin: 0;
  padding: 0;
}

#suckerfish {
  overflow: auto;
}

#suckerfish,
#suckerfish ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 2em;
  z-index: 999;

  letter-spacing: 1px;
}

#suckerfish a {
  color: #444;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  border-top: 1px solid #dcdcdc;
  padding: 0.75em 0 0 0;
  margin-top: -1px;
}

#suckerfish a:hover{
  color: #999;
  border-top: 1px solid #666;
}

#suckerfish li {
  padding: 0 2em 0 0;
  float: left;
  border-top: 1px solid #dcdcdc;
}

#suckerfish li ul li a {
  margin-left: .25em;
  width: 10.75em;
}

#suckerfish li ul li a.daddy {
  background-image: url("/goldberg/images/daddy_rightarrow.gif");
  background-position: right center;
  background-repeat: no-repeat;
}

#suckerfish li ul li {
  padding: 0;
  width: 11em;
  border-bottom: .075em solid white;
  border-right: .075em solid white;
}

#suckerfish li ul {
  position: absolute;
  background: #6d7a73;
  width: 11em;
  left: -999em;
}

#suckerfish li ul ul {
  margin: -2em 0 0 11.075em;
}

#suckerfish li:hover ul ul,
#suckerfish li.sfhover ul ul {
  left: -999em;
}

#suckerfish li:hover ul,
#suckerfish li li:hover ul,
#suckerfish li.sfhover ul,
#suckerfish li li.sfhover ul {
  left: auto;
}


/* goldberg specific */
/* Hierarchical list in a table */

table.table_as_list {
}

table.table_as_list tr.depth0 {
  background: #e8e9ea;
}

table.table_as_list tr.depth0 td div.menu_title {
  margin-left: 0px;
}

table.table_as_list tr.depth1 {
  background: #c8e9ea;
}
table.table_as_list tr.depth1 td div.menu_title {
  margin-left: 20px;
}

table.table_as_list tr.depth2 {
  background: #e8c9ea;
}
table.table_as_list tr.depth2 td div.menu_title {
  margin-left: 40px;
}

/* HTML panel within page */
div.html_panel {
  background-color:#fafcff;
  border:1px solid #909090;
  color:#2a2a2a;
  padding:15px 20px 5px;
}


/* Custom List Formatting */
ul.roles_list {
  list-style-image: url("/goldberg/images/role.png");
}

ul.permissions_list {
  list-style-image: url("/goldberg/images/permission.png");
}

/* System Settings */

table.system_settings tr.settings_row {
  background-color:#ecdbbe ;
}

div.guidance_text {
  font-style: italic ;
  margin-left: 20px ;
}

/* Tabbed Panels */
.tablist {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding-bottom: 19px;
  padding-left: 10px;
}

.tablist ul,
.tablist li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.tablist a:link,
.tablist a:visited {
  background: #E8EBF0;
  border: 1px solid #ccc;
  color: #666;
  float: left;
  font-size: small;
  font-weight: normal;
  line-height: 14px;
  margin-right: 8px;
  padding: 2px 10px 2px 10px;
  text-decoration: none;
}

.tablist a:link.current,
.tablist a:visited.current {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #000;
}

.tablist a:hover {
  color: #f00;
}

.tablist ul a:hover {
  color: #f00 !important;
}

/* New styling for exhibition page */
div#content ul#thumb_list_version_2 li p {
    margin-top: 0em;
}