/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#fff;font-size:.8em}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/* end reset stylesheet */

html
{
  height:100%;
  background-color:#FFF;
}

body
{
  background-color:#FFF;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px; 
  height:100%;
  min-height:100%;
  color:#737373;
  font-weight:normal;
}

input, select
{
  border-style:solid;
  border-width:1px;
  border-color:#999;
  background-color:white;
  color: #737373;
}

input
{
  padding:2px;
}

input[type=submit]
{
  border-style:none;
  color:white;
}

a
{
  color:#737373;
  text-decoration:underline;
}

a:hover
{
  color:#000;
}

em
{
  font-style:italic;
}

strong
{
  font-weight:bold;
}

:focus
{
  outline: 0;
  -moz-outline-style: none;
}

#body_container
{
  width:900px; /* HTML width. Javascript width is auto */
  /* Javascript only
   * min-width: 900px;
   */
  margin:auto; 
  min-height:100%; /* Javascript min-height is 100%; */
  height:auto; /* Javascript height is 100% */
  position: relative;
  max-width:1600px;
}

/*** HEADER ***/

#header
{
  max-width: 1600px;
  height: 74px;
  width:100%;
  position:relative;
  border-style: solid;
  border-color: #D8D8D8;
  border-width: 0px;
  border-bottom-width: 1px;
}

#header .logo
{
  display:block;
  float: left;
  background-image: url('/images/aiga_logo.png');
  background-repeat: no-repeat;
  width:45px;
  height:45px;
  margin-top:15px;
  margin-left:15px;
  cursor:pointer;
  background-color:#27CDD4;
}

#header #logo_and_title
{
  float:left;
  position:relative;
  height:75px;
  overflow:hidden;
}

#header #logo_and_title:hover .logo
{
  background-position:0px -45px;
}

#header .title
{
  display:block;
  float:left;
  width:108px;
  height:16px;
  margin-top:30px;
  overflow:hidden;
  margin-left:0px;
  color: #666;
  background-image:url('/images/text_design_archives.png');
  background-repeat:no-repeat;
  cursor:pointer;
}

#header #logo_and_title h1
{
  position:absolute;
  top:75px;
}

#header_right
{
  float:right;
  height:40px;
  margin-top:10px;
  padding-top:15px;
  margin-bottom:10px;
  margin-right:15px;
  position:relative;
  width:420px;
  padding-left:15px;
  border-style:solid;
  border-color:#D8D8D8;
  border-width:0px 0px 0px 1px;
}

.header_link
{
  font-size:15px;
  color:#737373;
  position:absolute;
  line-height:22px;
  text-decoration:underline;
}

.header_link :hover
{
  color:#000;
}

#collections_link
{
  left:15px;
}

#browse_link
{
  right:285px;
}

#search_box_group
{
  position:absolute;
  right:270px;
}

#q
{
  position:absolute;
  font-size:13px;
  width:241px;
  height:17px;
  padding:3px;
  padding-right:24px;
}

#search_box_group .go
{
  position:absolute;
  left:249px;
  width:19px;
  height:18px;
  top:3px;
  background-image:url('/images/magnifying_glass.png');
  background-repeat:no-repeat;
  cursor:pointer;
}

#search_box_group .go:hover
{
  background-position:0px -19px;
}

.autocomplete
{
  position:absolute;
  width:270px;
  background-color:black;
  color: #666666;
  z-index:50000;
  font-size:13px;
}

.autocomplete li
{
  position:relative;
  float:left;
  clear:left;
  padding:5px;
  width:260px;
  border-style:solid;
  border-width:0px 0px 1px 0px;
  border-color: #494949;
  cursor:pointer;
  color:white;
}

.autocomplete li.active
{
  background-color:#27CDD4;
  color: #333;
}

/*** NAVBAR ***/

#navbar
{
  max-width: 1570px;
  display:block; /*Javascript is display:none*/
  margin-top:10px;
  margin-bottom:15px;
  margin-left:15px;
  height:20px;
}

#navbar .viewtypes
{
  float:left;
}

#navbar .viewtype
{
  float:left;
  margin-right:5px;
}

#navbar .viewtypes .grid 
{
  float:left;
}

#navbar .viewtypes a.icon
{
  height:0;
  padding-top:19px;
  overflow: hidden;
  width:28px;
}

#navbar .viewtypes .grid .icon
{
  display:block;
  background-image:url('/images/options_grid.png');
}

#navbar .viewtypes .grid.active .icon
{
  background-position:0px 19px;
}

#navbar .viewtypes .grid .icon:hover
{
  background-position:0px 19px;
}

#navbar .viewtypes .thumb_sizer_container
{
  display:none;
  float:left;
}

#navbar .viewtypes .thumb_sizer_container.active
{
  display:block;
}

#navbar .viewtypes .thumb_sizer_background
{
  float:left;
  width: 100px;
  height: 19px;
  background-image: url('/images/options_grid_sizing_02.png');
  background-repeat: repeat-x;
}

#navbar .viewtypes .thumb_sizer_start
{
  float:left;
  width: 18px;
  height: 19px;
  background-image: url('/images/options_grid_sizing_01.png');
  background-repeat: no-repeat;
}

#navbar .viewtypes .thumb_sizer_end
{
  float:left;
  width: 17px;
  height: 19px;
  background-image: url('/images/options_grid_sizing_03.png');
  background-repeat: no-repeat;
}

#navbar .viewtypes .thumb_sizer_background .thumb_sizer
{
  float:right;
  height:7px;
  width: 20px;
  margin-top:6px;
  margin-bottom:6px;
  background-color:#666;
  cursor: pointer;
}

#navbar .viewtypes .list 
{
  float:left;
}

#navbar .viewtypes .list .icon
{
  display:block;
  background-image:url('/images/options_list.png');
}

#navbar .viewtypes .list.active .icon
{
  background-image:url('/images/options_list_active.png');
}

#navbar .viewtypes .list .icon:hover
{
  background-position:0px 19px;
}

#navbar .viewtypes .slideshow
{
  float:left;
  display:none; /* No slideshow in html view, javascript display is block */
}

#navbar .viewtypes .slideshow .icon
{
  display:block;
  background-image:url('/images/options_slide.png');
}

#navbar .viewtypes .slideshow.active .icon
{
  background-image:url('/images/options_slide_active.png');
}

#navbar .viewtypes .slideshow .icon:hover
{
  background-position:0px 19px;
}

#navbar .viewtypes .detail
{
  float:left;
}

#navbar .viewtypes .detail .icon
{
  display:block;
  background-image:url('/images/options_detail.png');
}

#navbar .viewtypes .detail.active .icon
{
  background-image:url('/images/options_detail_active_02.png');
}

#navbar .viewtypes .detail .icon:hover
{
  background-position:0px 19px;
}

#navbar .print
{
  float:right;
  display:none;
  cursor:pointer;
  margin-top:2px;
  margin-right:15px;
}

#navbar .print .label
{
  float:left;
  margin-left:5px;
  font-weight:bold;
  color: #BCBDBB;
}

#navbar .print .icon
{
  float:left;
  background-image: url('/images/print_icon.png');
  width:19px;
  height:16px;
}

#navbar .print:hover .label
{
  color:#333;
}

#navbar .print:hover .icon
{
  background-position:0px 16px;
}

/*** NAVBAR SELECT ***/

#navbar .select
{
  float:left;
  line-height:17px;
  height:17px;
  font-size: 11px;
  color: #FFF;
  margin-right:5px;
}

#navbar .newListSelected
{
  float:left;
  background-repeat: no-repeat;
  background-position: 95% center;
  z-index:1000;
  cursor:pointer;
}

#navbar .selectedTxt
{
  border: 1px solid #BCBDBB;
  height:17px;
  padding-left:5px;
  line-height:17px;
  background-repeat: no-repeat;
  background-position: 95% center;
  font-weight:bold;
  color: #BCBDBB;
}

#navbar .newList
{
  width:100px;
  margin-top:-1px;
}

#navbar .newList li
{
  position:relative;
  height:17px;
  line-height:17px;
  padding-right:20px;
  padding-left:5px;
  border-width:1px 0px 0px 0px;
  border-style:solid;
  border-color:#494949;
  background-color:black;
}

#navbar .newList li:hover
{
  background-color:#27CDD4;
  color:#333;
}

#navbar .sort li.hiLite
{
  background-color:#27CDD4;
  color:#333;
}

#navbar .sort .icon
{
  margin-right:6px;
  margin-top:5px;
  float:right;
  background-image:url('/images/sort_arrow.png');
  background-repeat:no-repeat;
  width:14px;
  height:7px;
}

#navbar .sort:hover .selectedTxt
{
  border-color:#333;
  color:#333;
}

#navbar .sort:hover .icon
{
  background-position:0px -7px;
}

#navbar #share
{
  display:none; /* javascript display is block */
}

#navbar .share .icon
{
  margin-right:6px;
  float:right;
  background-image:url('/images/share_flag.png');
  background-repeat:no-repeat;
  width:9px;
  height:13px;
}


#navbar .share:hover .selectedTxt
{
  border-color:#333;
  color:#333;
}

#navbar .share:hover .icon
{
  background-position:0px -13px;
}

#navbar .share li a
{
  text-decoration:none;
  color: #FFF;
}

#navbar .share li:hover a
{
  color:#333;
}

/*** PAGE CONTAINER ***/

#page_container
{
  width:870px; /* Javascript width is auto */
  height:auto; /* Javascript height is 0px */
  position:relative;
  overflow:hidden;
  clear:left;
  margin-left:15px;
  margin-right:15px;
  padding-bottom:120px; /* Javascript padding-bottom is 0px */
  max-width: 1601px;
}

#page_container .all_pages
{
  position:static; /*Javascript position is absolute */
  float:left; /*Javascript float is none */
}

#page_container .page
{
  position:static; /*Javascript position is absolute */
  float:left; /*Javascript float is none */
}

#page_container .scrim
{
  z-index:100;
  background-color:white;
  position:absolute;
}

/*** SCROLLER ***/

#scroller
{
  max-width: 1600px;
  display:none; /* Javascript display is block */
  width:100%;
  height:23px;
  margin-top:23px;
  margin-bottom:3px;
}

#scroller .left_arrow_button
{
  width:23px;
  height:23px;
  background-color:#27CDD4;
  float:left;
  background-image: url('/images/scroll_arrow_left.png');
  cursor:pointer;
}

#scroller .left_arrow_button:hover
{
  background-position:0px 23px;
}

#scroller .right_arrow_button
{
  width:23px;
  height:23px;
  background-color:#27CDD4;
  float:right;
  background-image: url('/images/scroll_arrow_right.png');
  cursor:pointer;
}

#scroller .right_arrow_button:hover
{
  background-position:0px 23px;
}

#scroller .scroll_track
{
  margin-left:26px;
  margin-right:26px;
  height:23px;
  background-color:#CCC; 
  cursor:pointer;
}

#scroller .scroll_bar
{
  display:none;
  height:23px;
  background-color:#27cdd4;
  float:left;
  cursor:pointer;
}

#scroller .range
{
  position:absolute;
  display:none;
  height:23px;
  top:-23px;
  border-style:none;
  background-color:transparent;
  font-size:15px;
  color:#27cdd4;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

#scroller .line
{
  position:absolute;
  height:15px;
  border-style:solid;
  border-width:0px;
  border-bottom-width:1px;
  border-color:#27cdd4;
  width:100%;
}

#scroller .start
{
  position:absolute;
  background-color:white;
  line-height:23px;
  padding-right:5px;
  font-weight:bold;
}

#scroller .end
{
  position:absolute;
  background-color:white;
  line-height:23px;
  padding-left:5px;
  font-weight:bold;
}

/*** STATUS BAR ***/

#status 
{
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
  font-size:15px;
  background-color:#F0F0F0;
  color:#737373;
  -khtml-user-select:none;
  max-width: 1600px;

  /*html only*/
  position:absolute;
  bottom:60px;
}

#status .loading
{
  float:left;
  visibility:hidden; /* Javascript is visibility:visible */
  margin-left:17px;
}

#status .active_search
{
  float:left;
  margin-left:17px;
  color:#27cdd4;
}

#status .value 
{
  float:left;
  margin-left:5px;
}

#status .value .color_block
{
  width:28px;
  height:13px;
  border-style:solid;
  border-color:white;
  border-width:3px;
}

#status .number_of_results
{
  float:left;
  margin-left:17px;
  color:#27cdd4;
}

#status .label
{
  float:left;
  color:#333;
}

#status .toggle_filters
{
  float:right;
  cursor:pointer;
  margin-right:15px;
  font-size:11px;
  font-weight:bold;
  line-height:15px;
}

#status .toggle_filters:hover
{
  color:#333;
}

#status .toggle_filters .hide_icon
{
  float:right;
  width:11px;
  height:11px;
  margin-left:5px;
  margin-top:2px;
  background-image:url('/images/filters_hide.png');
}

#status .toggle_filters:hover .hide_icon
{
  background-position:0px 11px;
}

#status .toggle_filters .text
{
  float:right;
}

#status .toggle_filters .show_icon
{
  float:right;
  width:11px;
  height:11px;
  margin-left:5px;
  margin-top:2px;
  background-image:url('/images/filters_show.png');
}

#status .toggle_filters:hover .show_icon
{
  background-position:0px 11px;
}

#status .clear_filters
{
  float:right;
  cursor:pointer;
  margin-right:15px;
  font-size:11px;
  font-weight:bold;
  line-height:15px;
}

#status .clear_filters:hover
{
  color:#333;
}

/*** FILTERS ***/

#filters
{
  display:none; /* Javascript display is block */
  width:100%;
  height:115px;
  background-color:#F0F0F0;
  font-size:13px;
  color:#737373;
  line-height:15px;
  overflow:hidden;
  max-width: 1600px;
  clear:left;
}

/* This exists mainly to get that top border in.*/
#filters .content
{
  margin-left:15px;
  margin-right:15px;
  border-style:solid;
  border-width:1px 0px 0px 0px;
  border-color:#CDCDCD;
  padding-top:10px;
  width:auto;
}

#filters .content .facets
{
  width:100%;
  float:left;
}

#filters .loading
{
  margin-left:2px;
}

#filters .filter_column
{
  float:left;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#CDCDCD;
  margin-left:15px;
  padding-right:15px;
  margin-bottom:10px;
}

#filters .filter_column.first
{
  margin-left:0px;
}

#filters .filter_column.last
{
  border-style:none;
}

#filters .filter_column .title
{
  color:#333;
}

#filters .filter_column .show_all_results
{
  display:none;
  text-decoration:underline;
  cursor:pointer;
}

#filters .filter_column .facet
{
  position:relative;
  cursor:pointer;
  text-decoration:underline;
}

#filters .filter_column .facet:hover
{
  color:#000;
}

#filters .filter_column .facet.selected
{
  color:#27cdd4;
  text-decoration:none;
}

#filters .filter_column .facet.selected:hover
{
  color:#27cdd4;
}

/*** GRID VIEW ***/

.page .grid 
{
}

.page .grid li.entry_thumb
{
  float:left;
  margin-right:5px;
  margin-bottom:5px;
  line-height:0px;
  width:88px;
  height:88px;
  background-color:#FFF;
  overflow:visible;
  border:1px dashed #999;
}

.page .grid li.entry_thumb img
{
  margin-left:-1px;
  margin-top:-1px;
  width:90px;
  height:90px;
  position:relative;
}

/*** LIST VIEW ***/

.page .list
{
  margin-left:75px; /* javascript margin-left is 0px */
}

.page .list .no_thumb
{
  float:left;
  margin-right:15px;
  width:88px;
  height:88px;
  background-color:#FFF;
  overflow:visible;
  border:1px dashed #999;
}

.page .list .list_column
{
  float:left;
  width:359px;
  border-style:solid;
  border-color: #D8D8D8;
  border-width:0px 1px 0px 0px;
  margin-right:15px;
}

.page .list .list_column.last
{
  width:360px;
  margin-right:0px;
  border-style:none;
}

.page .list .list_item
{
  width:345px;
  height:90px;
  padding-right:14px;
  padding-bottom:10px;
  margin-right:15px;
}

.page .list .list_item img
{
  float:left;
  margin-right:15px;
}

.page .list .list_item .detail
{
  float:left;
  width:240px;
  font-size:13px;
  color:#737373;
  margin:0px;
}

.page .list .list_item .detail a
{
  font-size:13px;
  color:#737373;
}

.page .list .list_item .detail a:hover
{
  color:#000;
}

.page .list .list_item .title
{
  margin-top:-1px;
}

.page .list .list_item .title a
{
  font-size:13px;
  color:#333;
}

/*** SLIDESHOW ***/

.page .slideshow .count_as_entry
{
  display:block;
}

/*** DETAIL ***/

.page .detail
{
  margin-left:50px;
  float:left; /*html only, javascript is float none*/
}

.page .detail .thumb_column
{
  float:left;
  width:30px;
  margin-right:5px;
}

.page .detail .thumb
{
  width:30px;
  height:30px;
  margin-bottom:5px;
  cursor:pointer;
}

.page .detail .thumb img
{
  display:block;
  width:30px;
  height:30px;
}

.page .detail .thumb.selected
{
  width:24px;
  height:24px;
  border-style:solid;
  border-width:3px;
  border-color:#27CDD4;
  overflow:hidden;
}
.page .detail .thumb.selected img
{
  margin-left:-3px;
  margin-top:-3px;
}

.page .detail .image_column
{
  float:left;
  margin-right:30px;
}

.page .detail .image_column .image
{
  position:relative;
  display:none;
  cursor:pointer;
  overflow:hidden;
}

.page .detail .image_column .image img
{
  display:block;
}

.page .detail .image_column .image.selected
{
  display:block;
}

.page .detail .image_column .video_scrim
{
  position:absolute;
  left:0px;
  top:0px;
  background-color:black;
  -moz-opacity: 0.5; 
  -webkit-opacity: 0.5; 
  opacity: 0.5; 
  filter:alpha(opacity=50); 
  width:100%;
  height:100%;
  z-index:5;
}

.page .detail .image_column .video_play
{
  display:none;
  width:47px;
  height:21px;
  position:absolute;
  background-image:url('/images/poster_frame_play.png');
  background-repeat:no-repeat;
  z-index:10;
}

.page .detail .image_column .image:hover .video_play
{
  background-position:0px -21px;
}

.page .detail .text_column
{
  float:left;
  width:235px; /*html only, javascript is 435px */
  font-size:13px;
  color:#737373;
}

.page .detail .text_column h1
{
  margin-top:-3px;
  font-size:20px;
  color:#333;
}

.page .detail .text_column h2
{
  font-size:15px;
  color:#737373;
  margin-bottom:15px;
}

.page .detail .text_column h3
{
  font-size:13px;
  color:#333;
}

.page .detail .statement
{
  margin-bottom:15px;
  line-height:15px;
}

.page .detail .statement p
{
  margin-bottom:15px;
}

.page .detail .loading
{
  margin-top:15px;
}

.page .detail .other_entry_details
{
  line-height:15px;
}

.page .detail .credits
{
  margin-top:15px;
  line-height:15px;
  margin-bottom:15px;
}

/*** NO RESULTS ***/

.page .no_results
{
  font-size:25px;
}

.page .no_results .message
{
  color:#000;
}

.page .no_results .search_term
{
  color:#27CDD4;
}

/*** NOT FOUND ***/

.page .not_found
{
  margin-top:30px;
}

.page .not_found .exclamation_box
{
  height:74px;
  width:74px;
  border-style:dashed;
  border-width:1px;
  border-color:#999;
  font-size:35px;
  margin-bottom:15px;
  line-height:74px;
  text-align:center;
  float:left;
  margin-right:15px;
}

.page .not_found .error_code
{
  color:#333;
  font-size:25px;
}

.page .not_found .message
{
  font-size:25px;
  color:#737373;
  line-height:38px;
}

/*** HOME ***/

#home
{
  margin-top:15px;
  margin-bottom:30px;
  -khtml-user-select:none;
  height:100%; /* javascript height is auto */
}

#home .welcome
{
  float:left;
  width:419px;
  padding-right:15px;
  height:100%;
  /* javascript only
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color: #D8D8D8;
  */
}

#home .warning
{
  border-style:dashed;
  border-width:1px;
  border-color: #999;
  padding:10px;
  font-size:15px;
  margin-bottom:30px;
}

#home .warning .title
{
  font-weight:bold;
  color:#333;
}

#home h1
{
  font-size:25px;
  color:#333;
  margin-bottom:10px;
  line-height:30px;
}

#home p
{
  font-size:20px;
  line-height:25px;
  margin-bottom:25px;
}

#home .featured_collections_column
{
  float:left;
  height:100%;
  margin-left:15px;
  margin-right:15px;
  line-height:17px;
  font-size:15px;
}

#home .featured_collections_container .previous
{
  position:absolute;
  left:0px;
  bottom:0px;
  background-color:white;
  color:#BCBDBB;
  background-image:url('/images/arrow_sm_left.png');
  background-repeat:no-repeat;
  padding-left:18px;
  height:11px;
  font-size:11px;
  line-height:11px;
  cursor:pointer;
  z-index:20;
  font-weight:bold;
}

#home .featured_collections_container .previous:hover
{
  background-position:0px -12px;
  color:black;
}

#home .featured_collections_container .next
{
  position:absolute;
  right:15px;
  bottom:0px;
  color:#BCBDBB;
  background-color:white;
  text-align:right;
  background-image:url('/images/arrow_sm_right.png');
  background-repeat:no-repeat;
  background-position:right 0px;
  padding-right:18px;
  height:11px;
  font-size:11px;
  line-height:11px;
  cursor:pointer;
  z-index:20;
  font-weight:bold;
}

#home .featured_collections_container .next:hover
{
  background-position:right -12px;
  color:black;
}

#home .featured_collections_container
{
  position:absolute;
  overflow:hidden;
}

#home .featured_collections
{
  position:absolute;
  height:100%;
}

#home .featured_collection
{
  position:absolute;
  height:100%;
  font-size:11px;
  width:194px;
  padding-right:15px;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color: #D8D8D8;
}

#home .featured_collection .thumbs
{
  width:194px;
  height:194px;
  float:left;
  position:relative;
  cursor:pointer;
}

#home .featured_collection .thumbs .selected_border
{
  display:none;
  width:188px;
  height:188px;
  border-style:solid;
  border-width:3px;
  border-color:#27CDD4;
  position:absolute;
  cursor:pointer;
}

#home .featured_collection .empty_thumbs
{
  width:192px;
  height:192px;
  border-style:dashed;
  border-width:1px;
  border-color: #D8D8D8;
}

#home .featured_collection .thumb
{
  float:left;
}

#home .featured_collection .thumb img
{
  display:block;
}

#home .featured_collection .name
{
  float:left;
  clear:left;
  width:100%;
  font-size:15px;
  color:black;
  margin-top:10px;
}

#home .featured_collection .description
{
  float:left;
  clear:left;
  width:100%;
  font-size:13px;
  margin-top:15px;
}

/*** COLLECTIONS ***/

#collections
{
  margin-top:15px;
  margin-bottom:15px;
  font-size:13px;
  width:100%;
  min-width:958px;
  float:left;
}

#collections h1
{  
  font-size:25px;
  color:#333;
  margin-bottom:10px;
}

#collections .all_collections
{
  float:left;
  width:290px;
  line-height:18px;
}

#collections .all_collections h2 {
  margin: 0;
  font-weight: bold;
}

#collections .all_collections_sublist {
  margin: 0 0 10px 0;
}

#collections .collection
{
  margin-right:10px;
}

#collections .collection span
{
  text-decoration:underline;
  cursor:pointer;
}

#collections .collection span:hover
{
  color:#000;
}

#collections .collection.selected span, #collections .collection.selected a
{
  color:#27CDD4;
}

#collections .collection.selected:hover span
{
  color:#27CDD4;
}

#collections .collection_refines
{
  float:left;
  /*width:130px;*/
  width:190px;
  margin-left:15px;
  line-height:18px;
}

#collections .collection_refines.no_scroll
{
  border-style:solid;
  border-color:#D8D8D8;
  border-width:0px 1px 0px 0px;
}

#collections .collection_refine span
{
  display:block;
  text-decoration:underline;
  cursor:pointer;
  /*width:100px;*/
  width:160px;
}

#collections .collection_refine:hover span
{
  color:#000;
}

#collections .collection_refine.selected span, #collections .collection_refine.selected span a
{
  color:#27CDD4;
}

#collections .collection_refine.selected:hover span
{
  color:#27CDD4;
}

#collections .collection_refine span.refine_to_collection
{
  display:none;
}

#collections .collection_detail
{
  float:left;
  width:420px;
  margin-left:15px;
}

#collections .collection_detail .name
{
  font-size:15px;
  color:black;
  line-height:19px;
  padding-top: 15px;
  clear: both;
}

#collections .collection_detail .description
{
  margin-bottom:15px;
  line-height:17px;
}

#collections .collection_detail .description p
{
  margin-bottom: 1em;

}

#collections .collection_detail .view_collection
{
  display:block;
  margin-bottom:15px;
}

#collections .collection_detail .thumbs
{
  position:relative;
  height:210px;
}

#collections .collection_detail .thumbs .thumb
{
  float:left;
  margin-right:5px;
  margin-bottom:5px;
}

#collections .collection_detail .thumbs .selected_border
{
  display:none;
  left:0px;
  top:0px;
  width:409px;
  height:199px;
  border-style:solid;
  border-width:3px;
  border-color:#27CDD4;
  position:absolute;
  cursor:pointer;
}

#collections .collection_detail .thumbs img
{
  display:block;
}

/*** BROWSE ***/

#browse_header
{
  float:left;
  clear:left;
  width:100%;
  height:30px;
  margin-top:15px;
  margin-left:15px;
}

#browse_header a
{
  float:left;
  font-size:25px;
  color:#737373;
  margin-right:15px;
}

#browse_header a.selected
{
  color:#27CDD4;
}

#browse_header a.selected:hover
{
  color:#27CDD4;
}

#browse_header a:hover
{
  color: #333;
}

.page .browse
{
  margin-top:30px;
  margin-bottom:30px;
}

.page .browse .column_header
{
  font-size:20px;
  color:#333;
  height:30px;
}

.page .browse li.item
{
  display:block;
  min-height:20px;
}

.page .browse .item a
{
  display:block;
  font-size:15px;
}

.page .browse_column
{
  padding-right:15px;
  padding-left:15px;
  border-style:solid;
  border-color:#D8D8D8;
  border-width:0px 0px 0px 1px;
  /* This is so that all the browse columns are the same length.
   * Javascript version has both those values set to 0
   */
  padding-bottom:1000px; 
  margin-bottom:-1000px;
}

.page .browse_column.first
{
  padding-left:0px;
  border-style:none;
}

.page .browse_column.last
{
  padding-right:0px;
}

.page .browse_column.no_border
{
  border-style:none;
}

.page .browse_column.year
{
  float:left;
  width:119px;
}

.page .browse_column.location, .page .browse_column.format, .page .browse_column.industry, .page .browse_column.typeface
{
  float:left;
  width:269px;
}

/*** SCROLLBARS ***/

.jScrollPaneTrack
{
  background-color:white;
  border:1px solid #CCC;
}

.jScrollPaneDrag
{
  background-color:#CCC;
}

/*** COLOR ***/

#color
{
  margin-top:15px;
  margin-bottom:15px;
  font-size:13px;
  line-height:17px;
}

#color p
{
  margin-bottom:15px;
}

#color .instructions_column
{
  float:left;
  width:255px;
  margin-right:14px;
  border-style:solid;
  border-color: #D8D8D8;
  border-width: 0px 1px 0px 0px;
  height:100%;
  padding-right:15px;
}

#color .instructions_column h1
{
  font-size:25px;
  color:#333;
  margin-bottom:10px;
  line-height:28px;
}

#color .color_column
{
  float:left;
  width: 500px;
}

#color .color_column h1
{
  font-size:25px;
  color:#333;
  margin-bottom:10px;
  line-height:30px;
}

#color .color_grid .row
{
  float:left;
  clear:left;
}

#color .color_grid .item
{
  width:30px;
  height:30px;
  float:left;
  cursor:pointer;
}

#color .color_grid .item.selected
{
  width:24px;
  height:24px;
  border-style:solid;
  border-width:3px;
  border-color:#999;
}

/*** SCRIM ***/

#scrim
{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  overflow:hidden;
}

#scrim .black_scrim
{
  width:100%;
  height:100%;
  position:absolute;
  background-color:black;
  z-index:60000;
}

#scrim .black_box
{
  width:420px;
  padding:15px;
  position:absolute;
  background-color:black;
  color:#CCC;
  font-size:15px;
  z-index:60001;
}

#scrim .black_box h1
{
  font-size:20px;
  color:#27CDD4;
}

#scrim .black_box .label
{
  font-size:20px;
}

#scrim .sponsors
{
  height:270px;
}

#scrim .sponsors h1
{
  text-align:center;
}

#scrim .sponsors .logos
{
  margin-top:30px;
}

#scrim .sponsors .adobe
{
  margin-left:20px;
  float:left;
  width:68px;
  height:93px;
  background-image: url('/images/sponsors_adobe.png');
}

#scrim .sponsors .aquent
{
  float:left;
  margin-top:25px;
  margin-left:40px;
  width:273px;
  height:37px;
  background-image: url('/images/sponsors_aquent.png');
}

#scrim .sponsors .nafa
{
  float:left;
  clear:left;
  width:81px;
  height:101px;
  background-image: url('/images/sponsors_nafa.png');
  margin-left:170px;
  margin-top:5px;
}

#scrim .black_box .close
{
  position:absolute;
  width:10px;
  height:10px;
  right:15px;
  bottom:15px;
  background-image:url('/images/close_x.png');
  cursor:pointer;
}

#scrim .black_box .close:hover;
{
  background-position:0px 10px;
}

#scrim p
{
  margin-bottom:15px;
}

#scrim input
{
  width:410px;
  border-style:solid;
  border-width:1px;
  border-color:#666;
  background-color:black;
  color:#CCC;
  margin-bottom:15px;
}

#scrim textarea
{
  width:410px;
  height:125px;
  border-style:solid;
  border-width:1px;
  border-color:#666;
  background-color:black;
  color:#CCC;
  margin-bottom:15px;
  padding:2px;
  overflow:hidden;
}

#scrim button
{
  background-color:#CCC;
  font-size:15px;
  color:#333;
  border-style:none;
  margin-bottom:30px;
  padding:3px;
}

#scrim input[type=checkbox]
{
  border-style:solid;
  border-width:1px;
  border-color:#CCC;
  width:10px;
  height:10px;
  background-color:black;
}

#scrim button:hover
{
  background-color:#666;
  color:#FFF;
  cursor:pointer;
}

#scrim .thank_you
{
  left:0px;
  top:0px;
}

#scrim .email input.to
{
  margin-bottom:0px;
}

#scrim .email .small
{
  font-size:11px;
  margin-bottom:15px;
}

#scrim .email .send
{
  float:left;
}

#scrim .email .send_me_a_copy
{
  float:left;
  font-size:13px;
  margin-left:10px;
  margin-top:5px;
}

#scrim .email .checkbox
{
  float:left;
  height:10px;
  width:10px;
  margin-left:5px;
  margin-top:9px;
  background-image:url('/images/check_box.png');
  background-position:0px 20px;
}

#scrim .email .checkbox:hover
{
  background-position:0px 0px;
}

#scrim .email .checkbox.selected
{
  background-position:0px 10px;
}

#scrim .error
{
  font-size:11px;
  color:#F00;
}

#scrim .zoom
{
  padding:15px 15px 0px 15px;
}

#scrim .zoom .asset
{
  display:none;
}

#scrim .zoom .asset.selected
{
  display:block;
}

#scrim .zoom .controls
{
  height:30px;
  width:100%;
  position:relative;
}

#scrim .zoom .controls .close
{
  position:absolute;
  right:0px;
  bottom:10px;
}

#scrim .zoom .controls .previous
{
  position:absolute;
  left:0px;
  bottom:10px;
  background-image:url('/images/previous_arrow.png');
  width:6px;
  height:11px;
  cursor:pointer;
}

#scrim .zoom .controls .next
{
  position:absolute;
  left:16px;
  bottom:10px;
  background-image:url('/images/next_arrow.png');
  width:6px;
  height:11px;
  cursor:pointer;
}

#scrim .zoom .video
{
  display:none;
  width:640px;
  height:510px;
}

/*** ABOUT ***/

#about
{
  margin-top:15px;
  margin-bottom:15px;
}

#about .image_column
{
  float:left;
  height:100%;
  width:420px;
  margin-right:30px;
  font-size:13px;
}

#about h1
{
  font-size:25px;
  color:#333;
  margin-bottom:10px;
}

#about .image_container
{
  position:relative;
  width:420px;
  height:auto; /* javascript height is 250px */
  overflow:hidden;
}

#about .images
{
  position:static;/* javascript position is absolute */
}

#about .images img
{
  position:static;/* javascript position is absolute */
}

#about .image_transport
{
  margin-top:10px;
}

#about .image_transport .label
{
  margin-top:1px;
}

#about .image_transport .play
{
  display:none;
  float:left;
}

#about .image_transport .play .label
{
  float:left;
  cursor:pointer;
  width:40px;
}

#about .image_transport .play .icon
{
  float:left;
  background-image:url('/images/play_arrow.png');
  width:7px;
  height:13px;
  cursor:pointer;
  margin-top:2px;
  margin-right:10px;
}

#about .image_transport .play:hover .icon
{
  background-position:0px 13px;
}

#about .image_transport .play:hover
{
  color:#333;
}

#about .image_transport .pause 
{
  float:left;
}

#about .image_transport .pause .label
{
  float:left;
  cursor:pointer;
  width:40px;
  margin-right:2px;
}

#about .image_transport .pause .icon
{
  float:left;
  background-image:url('/images/pause.png');
  width:5px;
  height:11px;
  margin-top:3px;
  cursor:pointer;
  margin-right:10px;
}

#about .image_transport .pause:hover .icon
{
  background-position:0px 11px;
}

#about .image_transport .pause:hover
{
  color:#333;
}

#about .image_transport .previous
{
  float:left;
  background-image:url('/images/previous_arrow.png');
  width:6px;
  height:11px;
  cursor:pointer;
  margin-top:3px;
}

#about .image_transport .previous:hover
{
  background-position:0px 11px;
}

#about .image_transport .next
{
  float:left;
  background-image:url('/images/next_arrow.png');
  width:6px;
  height:11px;
  margin-left:10px;
  cursor:pointer;
  margin-top:3px;
}

#about .image_transport .next:hover
{
  background-position:0px 11px;
}

#about .page_links
{
  float:right;
}

#about .page_links .page_link
{
  margin-right:2px;
  color:#737373;
  cursor:pointer;
}

#about .page_links .page_link.selected
{
  color:#27CDD4;
}

#about .page_links .page_link:hover
{
  color:#333;
}

#about .text_column
{
  float:left;
  height:100%;
  width: 400px;
  font-size:15px;
  color:#737373;
  line-height:19px;
}

#about p
{
  margin-bottom:15px;
}

/*
#about .close
{
  position:absolute;
  height:10px;
  right:0px;
  top:15px;
  background-image:url('/images/close_x.png');
  background-repeat:no-repeat;
  background-position:right 0px;
  cursor:pointer;
  padding-right:15px;
  font-size:11px;
  line-height:10px;
}

#about .close:hover
{
  background-position:right -10px;
  color:#333;
}
*/

/*** FOOTER ***/

#footer
{
  width: 900px; /*javascript width is auto*/
  /* javascript only float:right; */
  clear:both;
  color:#737373;
  line-height:13px;
  font-size:11px;
  /* javascript only: visibility:hidden; */
  -khtml-user-select:none;
  position:relative; /* javascript is position:static */
  margin:auto;
  margin-top:-60px; /* javascript footer only has a margin top and bottom of 10 */

  border-style: solid; /* javascript has no border */
  border-color: #D8D8D8;
  border-width:1px 0px 0px 0px;
}

#footer .column1
{
  margin-top:10px; /* javascript margin top is 0 */
  float:right;
  width:134px;
  padding-left:15px;
  margin-right:15px;
  border-style:solid;
  border-color:#D8D8D8;
  border-width:0px 1px 0px 1px;
}

#footer .column2
{
  margin-top:10px; /* javascript margin top is 0 */
  float:right;
  width:119px;
  padding-right:15px;
  margin-right:15px;
  border-style:solid;
  border-color:#D8D8D8;
  border-width:0px 1px 0px 0px;
}

#footer .column3
{
  margin-top:10px; /* javascript margin top is 0 */
  float:right;
  width:135px;
}

#footer a
{
  text-decoration:underline;
}

#footer a:hover
{
  color:#000;
}

.qtip 
{ 
  display:none;
  position:absolute;
  left:0px;
  top:0px;
  z-index:50001;
  color:#FFF;
  cursor:pointer;
} 

.qtip img
{
  display:block;
  padding-top:5px;
  padding-bottom:5px;
}

.qtip a
{
  text-decoration:none;
  color:#FFF;
}

.qtip a:hover
{
  color:#FFF;
}

.qtip .title
{
  display:block;
}

.qtip .title, .qtip .title em
{
  font-weight:bold;
  text-decoration:none;
}

/*html only*/
#html_navigator
{
  width:900px;
  height:30px;
  padding-top:20px;
  position:absolute;
  bottom:90px;
}

#html_navigator .previous
{
  float:left;
}

#html_navigator .next
{
  float:right;
}

#featured_collections_html
{
  font-size:13px;
  float:left;
  clear:left;
}

#featured_collections_html h1
{
  font-size:25px;
  color:#333;
  line-height:18px;
  margin-bottom:10px;
  padding-top:30px;
}

#sponsors
{
  margin-top:15px;
  margin-bottom:15px;
}

#sponsors h1
{
  font-size:25px;
  color:#333;
  margin-bottom:10px;
}

#sponsors .logos
{
  margin-top:15px;
  width:298px;
  height:64px;
  background-image:url('/images/sponsors_logos_html_version.png');
}

#about .text_container {
  min-width: 900px;
}