/*
==============================================================================
**
** COMMON ELEMENTS
**
** SCOPE: 		GLOBAL
** REVISION:	0.1
** DATE:		03/23/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:

** NOTES:		These style directives are used on common elements that can
				appear on any page of the site, but are not required on every
				page.

** TODO:

** REVISION HISTORY
------------------------------------------------------------------------------






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* =========================================================================== */
/*
** COLUMNS
**
** DESCRIPTION:	Defines the standard

** USAGE:
** NOTES:		The container default is 75% width and will grow between 960 and 1300px
**
*/
.col100 {
  width: 94.6% !important;
}
.col80 {
  width: 74.6% !important;
}
.col75 {
  width: 69.6% !important;
}
.col70 {
  width: 64.6% !important;
}
.col66 {
  width: 60.6% !important;
}
.col60 {
  width: 54.6% !important;
}
.col50 {
  width: 44.6% !important;
}
.col40 {
  width: 34.6% !important;
}
.col33 {
  width: 27.6% !important;
}
.col30 {
  width: 24.6% !important;
}
.col25 {
  width: 19.6% !important;
}
.col20 {
  width: 14.6% !important;
}
.col15 {
  width: 4.4%  !important;
}
.col100,
.col80,
.col75,
.col70,
.col66,
.col60,
.col50,
.col40,
.col33,
.col30,
.col25,
.col20,
.col15,
.col10,
.col5 {
  padding: 2.7%;
  display: block;
  float: left;
}
#site-tools {
  display: block;
  float: right;
}
/*
** SEARCH
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#site-search {
  display: block;
  height: auto;
  width: 150px;
  margin: 0 0 0 0;
  padding: 0;
  overflow: hidden;
  float: right;
  font-family: PTSansNarrowRegular, sans-serif;
  line-height: 1;
}
#site-search legend {
  display: none;
}
#site-search fieldset {
  overflow: hidden;
  margin: 0;
  width: 95%;
  height: 30px;
  padding: 0;
  background: none !important;
}
#site-search::before {
  content: "";
  display: block;
  float: left;
  height: 16px;
  width: 22px;
  margin: 6px -15px 0 0;
  background: transparent url(/styles/img/site-tools.png) 0 -24px no-repeat;
}
#search-field {
  font-family: PTSansNarrowRegular, sans-serif;
  text-align: left;
  font-size: 1.1em;
  border: none;
  width: 80%;
  height: 30px;
  padding: 0 0 0 12px;
  margin: 1px 0 0 5px;
  color: #c3c6c7;
  background: none;
}
#search-field:focus {
  background: rgba(255, 255, 255, 0.1);
}
.ie7 #site-search fieldset,
.ie8 #site-search fieldset {
  overflow: hidden;
}
.ie7 #search-field,
.ie8 #search-field {
  overflow: hidden;
  margin-top: 8px;
  height: 20px;
}
/*
** MORE BUTTON
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
.more {
  background: #1784b6;
  color: #fff !important;
  font-size: .65em;
  padding: .45em .7em .35em .7em;
  text-transform: uppercase;
}
.more:hover {
  background: #1da5e3;
  text-decoration: none;
}
/*
** EVENT
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
.calendar-icon {
  display: block;
  height: 1.5em;
  width: 1.15em;
  padding: .15em .25em .45em .45em;
  margin: 0 1em 0 0;
  background: #1784b6;
  color: #fff;
  font-family: PTSansNarrowBold, sans-serif;
  font-size: 1.818em;
  line-height: .9;
  letter-spacing: -1px;
  float: left;
  clear: left;
}
.calendar-icon abbr {
  letter-spacing: normal;
  font-family: PTSansNarrowRegular, sans-serif;
  font-size: 14px;
  font-size: .775rem;
  line-height: 0;
  text-transform: uppercase;
  border: none;
}
/*
** BREADCRUMBS
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#breadcrumbs {
  clear: left;
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
  display: block;
  font-family: PTSansNarrowRegular, sans-serif;
  font-size: .761em;
  border-bottom: 1px solid #eaece8;
}
#breadcrumbs li {
  display: inline;
  margin: 0;
}
#breadcrumbs li a {
  margin: 0 .231em;
}
#breadcrumbs li:first-child a {
  margin-left: 0;
}
/*
** LIST
**
** DESCRIPTION:	Table based list element including pagination
** USAGE:		Typically used for "press browser" style navigation
** NOTES:
**
*/
.listing {
  display: table;
  width: 100%;
}
.listing td {
  vertical-align: top;
  font-size: .9em;
  line-height: 1.4;
  padding: 1em .5em;
}
.listing td.date {
  text-align: center;
}
.listing tr:nth-child(even) {
  background-color: #fcfcfc;
}
.listing h2 {
  font-size: 1.231em;
  display: block;
}
.listing .divider td {
  border-bottom: 1px solid #ecf0f1;
  background: #fff;
  padding: 2.6em 0 0 0 !important;
  vertical-align: bottom;
  width: 76%;
}
.listing .divider td time {
  font-weight: lighter;
  font-size: .8em;
}
.listing .sort {
  background-color: #a3aa3a;
}
.listing .sort th {
  text-algin: left !important;
}
.listing .sort a {
  font-size: .825em;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
}
.pagination {
  clear: both;
  position: relative;
  margin: .618em auto 0 auto;
  padding: 1em 1em 3em 1em;
  overflow: show;
  font-size: .761em;
  color: #444;
  background-color: #efefef;
}
.ie7 .pagination {
  height: 20px;
  padding: 5px 15px 15px 15px;
}
.pagination select {
  position: relative;
  width: 3em;
  height: 2em;
  margin: -0.2em 0 auto 0.3em;
}
.listing-jump {
  position: absolute;
}
.listing-increment {
  position: absolute;
  top: 1.231em;
  right: 1em;
  display: block;
}
.listing-increment a {
  cursor: pointer;
  padding: 0 5px;
  background: none !important;
}
.listing-increment a.selected {
  color: #a85111;
}
.ie7 .listing-increment {
  margin-top: 2px;
}
/*
** INLINE SEARCH
**
** DESCRIPTION:	This is for the search that typically appears in the asides column
** USAGE:
** NOTES:
**
*/
.inline-search {
  padding-top: 0;
  overflow: hidden;
  clear: both;
}
.inline-search fieldset {
  padding: 0;
  background: none;
  margin-bottom: 1em;
}
.inline-search legend {
  padding-bottom: .317em !important;
  display: block !important;
}
.inline-search select {
  font-size: .9em;
  margin-right: 0;
  width: 37% !important;
  height: 30px;
}
.inline-search input[type="text"] {
  font-size: .9em;
  padding: 6px;
  width: 76%;
}
.inline-search .button {
  font-size: .9em;
  float: right;
  width: 20%;
  margin-right: 2px;
  padding: 0 !important;
  height: 29px;
}
.selct li {
  float: left;
  width: 40%;
}
/*
** PEOPLE LIST
**
** DESCRIPTION:	Used for a list of people that use the hcard format. Mostly used for Hearings
** USAGE:
** NOTES:
**
*/
.people {
  list-style: none;
  margin: 0;
  padding: 0;
}
.people li {
  margin-bottom: 1.231em;
}
.people .fn,
.people .honorific-prefix {
  color: #444;
  font-weight: bold;
}
.people .title,
.people .org,
.people .adr {
  font-size: .9em;
  line-height: 1.4;
}
/*
** LOCATIONS
**
** DESCRIPTION:	Used for a list of people that use the hcard format. Mostly used for Hearings
** USAGE:
** NOTES:
**
*/
.locations .org {
  font-size: 1.1em;
  font-weight: bold;
}
/*
** ENTRIES
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
.hnews h1 a:hover {
  text-decoration: none;
}
/*
** TAGS
**
** DESCRIPTION: Tags are used
** USAGE:
** NOTES:
**
*/
.tags dt {
  display: inline;
  font-weight: bold;
}
.tags dd {
  margin: 0;
  padding: 0;
  display: inline;
}
.tags dd::after {
  content: ", ";
}
.tags dd:last-child::after {
  content: "";
}
/*
** LANDING PAGE LIST
**
** DESCRIPTION:	Used for pages that have a list of all the child pages
				Typically used on pages like the Issues or Services
				landing pages
** USAGE:
** NOTES:
**
*/
#landing-page-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#landing-page-list h2 {
  margin: 0;
  border: none;
}
#landing-page-list li {
  overflow: auto;
  clear: both;
  padding: 1.333em 0 1.333em 0;
  border-bottom: 1px dotted #c0bcb2;
}
#landing-page-list li:last-child {
  border: none;
}
#landing-page-list img {
  width: 25%;
  margin-right: 5%;
  float: left;
}
/*
** ACCORDIAN
**
** DESCRIPTION:		Default styles for text based Accordian elements

** USAGE:			Create a DL element with the class .accordian
					Assign the class .toggler to the DT element
					Assign the class .togglee to the DD element

** NOTES:			The default behvior will add toggle arrows in the
					light accent variable and create a background
					color block.
**
*/
.accordian {
  list-style: none;
  padding: 0;
  margin: 0;
}
.accordian .toggler {
  padding: 1em 0 1em 0;
  border-top: 1px solid #ffffff;
}
.accordian .toggler {
  overflow: auto;
  line-height: 1.4;
  padding-left: 1.85em;
  cursor: pointer;
  background: #ffffff;
}
.accordian .toggler:before {
  display: inline-block;
  height: 0;
  content: '';
  padding: 0;
  margin: auto 0.8em auto -1.2em;
  border-left: 10px solid #f2edda;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: none;
}
.accordian .open:before {
  border-left: 5px solid transparent;
  border-top: 10px solid #f2edda;
  border-right: 5px solid transparent;
  border-bottom: none;
}
.accordian .togglee {
  clear: both;
  margin-left: 1.85em;
  padding-bottom: 1em;
  border-top: 1px solid #f2edda;
}
.accordian .togglee > p {
  padding: 1em 0;
  font-size: .9em;
  line-height: 1.3;
}
/*
** BUTTON
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
.button {
  position: relative;
  outline: 0 !important;
  padding: .8em .75em .5em .75em;
  display: inline-block;
  color: #fff;
  border: none;
  background: #1784b6;
  font-family: PTSansNarrowRegular, sans-serif;
  font-size: .875em;
  line-height: 1;
  text-transform: uppercase;
}
.button:hover {
  color: #fff;
}
.button:active {
  color: #fff;
}
a.button,
a.button:hover {
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
}
.ie8 .button,
ie7 .button {
  padding: .5em .75em .5em .75em;
}
/*
** ASIDES
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#asides dt {
  font-weight: bold;
}
.side-list li {
  border-top: 1px solid #EAECE8;
  padding: 1.2em 0 0;
}
.no-list {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
.no-list li {
  position: relative;
  padding: 0;
  margin: 0;
}
.facts dd dt {
  margin-top: 1em;
}
.facts dd dd {
  margin-left: .5em;
  margin-bottom: .5em;
}
.facts dd {
  line-height: 1.2;
  margin: 0 0 1.231em 0;
}
.acrobat a,
.word a,
.excel a,
.powerpoint a,
.document a,
.flash a,
.vid a,
.avi a,
.h264 a,
.aud a,
.mp3 a,
.txt a,
.filesize {
  margin-left: 2em;
  display: block;
}
.filesize {
  margin-top: -0.5em;
  font-size: .675;
}
.ie7 .filesize {
  display: none;
}
.filesize::before {
  content: "(";
}
.filesize::after {
  content: ")";
}
.filetype {
  height: 17px !important;
  width: 14px !important;
  display: block;
  /*

	margin: 	1px 1em auto -1.9em;

*/

  float: left;
  text-indent: -999em;
  background-repeat: no-repeat;
  background-position: center center;
}
.acrobat .filetype {
  background: url(/styles/img/square-icons.png) -126px 0 no-repeat;
}
.word .filetype {
  background: url(/styles/img/square-icons.png) -112px -14px no-repeat;
}
.excel .filetype {
  background: url(/styles/img/square-icons.png) -98px -28px no-repeat;
}
.powerpoint .filetype {
  background: url(/styles/img/square-icons.png) -84px -42px no-repeat;
}
.document .filetype {
  background: url(/styles/img/square-icons.png) -56px -70px no-repeat;
}
.txt .filetype {
  background: url(/styles/img/square-icons.png) -56px -70px no-repeat;
}
.flash .filetype {
  background: url(/styles/img/square-icons.png) -70px -56px no-repeat;
}
.gallery .filetype {
  background: url(/styles/img/square-icons.png) -42px -84px no-repeat;
}
.vid {
  clear: both;
}
.vid p {
  float: right;
  width: 92% !important;
}
.vid p a {
  display: inline !important;
  margin: 0 !important;
}
.vid .filetype,
.avi .filetype,
.h264 .filetype {
  background-image: url(/styles/img/vid.png);
  height: 20px !important;
  width: 20px !important;
  display: block;
}
.aud .filetype,
.mp3 .filetype {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAARCAYAAAAG/yacAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMThEQkJGNTAwMDFENjJCODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTFENDY1MTBFQjlGMTFFMDhBNUVDQjY2MzVDQjI3QUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE2RENEOUVFQjg5MTFFMDhBNUVDQjY2MzVDQjI3QUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTgwMTE3NDA3MjA2ODExOERCQkVBOTcxMDUxQzZGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMjgwMTE3NDA3MjA2ODExOERCQkY1MDAwMUQ2MkI4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PidIPBAAAAHOSURBVHjahFNLbhNBEH01noVtIWfjCOSsE1ucxeyQ5RMAV7C9shw7QrDGC4gX8YKPlCwDAg6BlIVzDH8Ck2j6Q1V1j+UgpLRU093VVfVeve6hfr/veeChMZlMaLvp9XreOafmi9mLeV3L+c1mo7MUF0uICHwGDoP1jtcONu4LBlmWYTgcYjAYqCOVA+fsFlniiO5TW65W8IEVpJ1UnFJdnKRGMNZiPDrGi1cvIUxms5nOxUhlY4wBJQmjOE2ynHT64T0+f/qIX1dXIYEpUEIYcbFEMi0n2TyYFHDW4fWbt/hyfoHpu6n6DPvyPLQRepJGnIHngiQf3i6XS6SlEirlMiO7e31qT8bkjE6ILJAwjbvbDNVHVXS6XUYx2NVGk0KlIL0KwbPILIiirCT4WHAHiQ/IY73e4OeP76jX91GuVJCb0KMqG+WV4mlAsIrw7fIrxicTNB4/QftZG579gi4Zen8Mpy9CPqoO93XYPMLTVgvXiwWedzqMVmVlc5ioas5rRSouV3g3m00MRyNkv/+gVtvbMhCY3Set9OQytVm2xkFD+VtWDNEXlKOt7PGeXGw0EVg4jSlCJTGkcpj2pPTmZ/P4WP//X9E/L/ivAAMAyig4+0AeTQgAAAAASUVORK5CYII=);
}
.errorMessage {
  z-index: 1000;
  display: block;
  padding: 0 10px;
  height: auto;
  color: #fff;
  font-family: sans-serif;
  font-size: 1em;
}
/*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
@media only screen and (max-width: 900px) {
  
}
/*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and belows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
@media only screen and (max-width: 479px) {
  /*.timeline-content {
  		.timeline-main {
  			li {
  				background: url(/images/timeline/li.png) repeat-y 75px 0 !important;
  
  				li {
  					background: none !important;
  				}
  			}
  		}
  	}*/
  .timeline-non-responsive-container {
    display: none;
  }
  .timeline-responsive-container {
    display: block !important;
  }
  #social-media {
    float: none;
    overflow: auto;
    width: 90%;
    margin: 0 5% 1em 5%;
  }
  #social-media li {
    margin-right: 1px;
    float: left;
  }
  #site-footer #social-media {
    float: left;
    margin-left: 0;
    padding: 0 25%;
    text-align: center;
    top: 18px;
  }
}
.main_list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.main_list li {
  clear: both;
  padding: 15px 0px;
}
.main_list li img {
  background: none repeat scroll 0 0 #F0F0F0;
  border: 7px solid #F0F0F0;
  float: left;
  margin: 0 15px 20px 0;
}
.kids li {
  clear: both;
  min-height: 80px;
}
.kids li img {
  float: left;
  margin: 5px 10px 0 0;
}
#cerabox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1106;
  display: none;
}
#cerabox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../images/cerabox/cerabox.png");
}
#cerabox-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
  background: #FFF;
  opacity: .5;
}
#cerabox {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1101;
  display: none;
  opacity: 0;
  background: #fff;
}
#cerabox .cerabox-content {
  width: 100%;
  height: 100%;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
  /*CSS3*/

  -moz-box-shadow: 0 0 30px -5px #333333;
  -webkit-box-shadow: 0 0 30px -5px #333333;
  box-shadow: 0 0 30px -5px #333333;
  /* For IE 8 */

  /*filter:progid:DXImageTransform.Microsoft.Glow(Color='#CCCCCC',Strength=3);*/

  /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/

  /* For IE 5.5 - 7 */

  /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/

}
#cerabox .cerabox-content img {
  float: left;
}
#cerabox .cerabox-content span {
  font-family: Helvetica;
  font-size: 12px;
  margin: 10px;
  display: block;
  color: #000;
  line-height: normal;
}
#cerabox .cerabox-title {
  z-index: 1102;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
}
#cerabox .cerabox-title span {
  font-family: Helvetica;
  font-size: 12px;
  margin: 10px;
  display: block;
  line-height: normal;
}
#cerabox .cerabox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('/images/cerabox/cerabox.png') -40px 0px;
  cursor: pointer;
  z-index: 1105;
}
#cerabox .cerabox-content img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}
#cerabox .cerabox-content iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
#cerabox a.cerabox-left,
#cerabox a.cerabox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('/images/cerabox/blank.gif');
  z-index: 1104;
  display: none;
}
#cerabox a.cerabox-left {
  left: 0px;
}
#cerabox a.cerabox-right {
  right: 0px;
}
#cerabox a.cerabox-left span,
#cerabox a.cerabox-right span {
  position: absolute;
  top: 50%;
  /*left: -9999px;*/

  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1104;
  display: block;
}
#cerabox a.cerabox-left:hover span {
  background-image: url('/images/cerabox/cerabox.png');
  background-position: -40px -30px;
  left: -15px;
}
#cerabox a.cerabox-right:hover span {
  background-image: url('/images/cerabox/cerabox.png');
  background-position: -40px -60px;
  right: -15px;
}
#cerabox .cerabox-content-protection {
  display: none;
  position: absolute;
  background: transparent url('/images/cerabox/blank.gif');
  z-index: 1103;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
/*IE6*/
#cerabox-loading.ceraboxbox-ie6 {
  position: absolute;
  margin-top: 0;
}
h3.gallery-name {
  font-weight: bold;
}
/* gallery details page */
#thumbnails_container {
  background-color: #f4f4f4;
  font-size: .9em;
  padding: 12px;
  letter-spacing: .1em;
  color: #484b51;
  margin-bottom: 10px;
}
#thumbnails_container img {
  background: none repeat scroll 0 0 #F0F0F0;
  border: 7px solid #F0F0F0;
}
.timeline-header {
  height: 29px;
  padding: 12px 10px 0 10px;
  border-bottom: 2px solid #1784B6;
  background: #1784b6 url(/images/timeline/header.png) repeat-x;
}
.timeline-header ul {
  height: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #fff;
}
.timeline-header ul li {
  float: left;
  height: 20px;
  margin: 0 15px 0 0;
  padding: 0;
  background: url(/images/timeline/header-li.png) no-repeat center bottom;
}
.timeline-header ul li a {
  position: relative;
  top: -4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 1px;
  color: #fff;
  font-size: 1em;
}
.timeline-header ul li a.selected,
.timeline-header ul li a:hover {
  color: #2A3D48;
  text-decoration: none;
  font-size: 1em;
}
.loading {
  height: 300px;
  background: #f8f8f8 ;
}
.timeline-content {
  background-color: #f8f8f8;
}
.timeline-content .timeline-main {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}
.timeline-content .timeline-main li {
  background: url(/images/timeline/li.png) repeat-y 17% 0;
  padding: 20px;
}
.timeline-content .timeline-main .alt {
  background-color: #f1f1f1;
}
.timeline-content .timeline-main .timeline-left {
  float: left;
  width: 15%;
  height: 100%;
}
.timeline-content .timeline-main .timeline-left h3 {
  border-bottom: 0;
  font-size: 17px;
}
.timeline-content .timeline-main .timeline-right {
  float: right;
  width: 85%;
  font-size: .9em;
}
.timeline-content .timeline-main .timeline-right ul {
  list-style-image: url(/images/timeline/main-li.png);
}
.timeline-content .timeline-main .timeline-right ul li {
  padding: 0;
  background: none;
}
.timeline-content .timeline-main .timeline-right ul li + li {
  margin-top: 20px;
}
.timeline-content .timeline-main .timeline-right ol li {
  padding: 0;
  background: none;
}
.timeline-responsive-container {
  display: none;
}
.timeline-responsive-container .timeline-responsive-list {
  list-style: none;
  padding: 0;
}
.timeline-responsive-container .timeline-responsive-list .title-header {
  margin-bottom: .5em;
  border-bottom: 1px solid #eaece8;
}
#actions {
  height: 35px;
  border-top: 1px solid #CCCCCC;
  font-weight: bold;
  list-style: none outside none;
  margin: 0 0 1em 0;
  padding: 14px 0 14px 0;
  text-shadow: none !important;
}
#actions li {
  float: left;
}
#actions li a {
  background: #a8b0b6;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #d2d6d9), color-stop(0.02, #a8b0b6), color-stop(1, #7e8a93));
  background: -webkit-linear-gradient(top, #d2d6d9 3% #a8b0b6 4%, #7e8a93 100%);
  background: -moz-linear-gradient(top, #d2d6d9 3%, #a8b0b6 4%, #7e8a93 100%);
  background: -o-linear-gradient(top, #d2d6d9 3%, #a8b0b6 4%, #7e8a93 100%);
  background: linear-gradient(top, #d2d6d9 3%, #a8b0b6 4%, #7e8a93 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #a8b0b6 , endColorstr= #7e8a93 );
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #7e8a93;
  color: #FFFFFF;
  font-size: 0.8em;
  margin: 0 10px 0 0;
  padding: 4px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -border-radius: 3px;
}
#actions li a:hover {
  text-decoration: none;
  background: #b6bec4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #e0e4e6), color-stop(0.02, #b6bec4), color-stop(1, #8c98a2));
  background: -webkit-linear-gradient(top, #e0e4e6 3% #b6bec4 4%, #8c98a2 100%);
  background: -moz-linear-gradient(top, #e0e4e6 3%, #b6bec4 4%, #8c98a2 100%);
  background: -o-linear-gradient(top, #e0e4e6 3%, #b6bec4 4%, #8c98a2 100%);
  background: linear-gradient(top, #e0e4e6 3%, #b6bec4 4%, #8c98a2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #b6bec4 , endColorstr= #8c98a2 );
}
div.clone {
  display: none;
}
#sbox-content div.clone {
  display: block;
}
/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.1 rc4
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @copyright	Author
 */
#sbox-overlay {
  position: absolute;
  background-color: #000;
  left: 0px;
  top: 0px;
  zoom: 1;
}
#sbox-window {
  position: absolute;
  text-align: left;
  overflow: visible;
  padding: 10px;
  /* invalid values, but looks smoother!
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/

}
#sbox-btn-close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: -15px;
  top: -15px;
  background: url(/styles/assets/closebox.png) no-repeat center;
  border: none;
}
.sbox-window-ie6 #sbox-btn-close {
  background-image: url(/styles/assets/closebox.gif);
}
.sbox-loading #sbox-content {
  background-image: url(/styles/assets/spinner.gif);
  background-repeat: no-repeat;
  background-position: center;
}
#sbox-content {
  clear: both;
  overflow: visible;
  height: 100%;
  width: 100%;
}
.sbox-content-image#sbox-content {
  overflow: visible;
}
#sbox-image {
  display: block;
}
.sbox-content-image img {
  display: block;
  width: 100%;
  height: 100%;
}
.sbox-content-iframe#sbox-content {
  overflow: visible;
}
/* Hides scrollbars */
.body-overlayed {
  overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed,
.body-overlayed object,
.body-overlayed select {
  visibility: hidden;
}
#sbox-window embed,
#sbox-window object,
#sbox-window select {
  visibility: visible;
}
/* Shadows */
.sbox-bg {
  position: absolute;
  width: 33px;
  height: 40px;
}
.sbox-bg-n {
  left: 0;
  top: -40px;
  width: 100%;
  background: url(/styles/assets/bg_n.png) repeat-x;
}
.sbox-bg-ne {
  right: -33px;
  top: -40px;
  background: url(/styles/assets/bg_ne.png) no-repeat;
}
.sbox-bg-e {
  right: -33px;
  top: 0;
  height: 100%;
  background: url(/styles/assets/bg_e.png) repeat-y;
}
.sbox-bg-se {
  right: -33px;
  bottom: -40px;
  background: url(/styles/assets/bg_se.png) no-repeat;
}
.sbox-bg-s {
  left: 0;
  bottom: -40px;
  width: 100%;
  background: url(/styles/assets/bg_s.png) repeat-x;
}
.sbox-bg-sw {
  left: -33px;
  bottom: -40px;
  background: url(/styles/assets/bg_sw.png) no-repeat;
}
.sbox-bg-w {
  left: -33px;
  top: 0;
  height: 100%;
  background: url(/styles/assets/bg_w.png) repeat-y;
}
.sbox-bg-nw {
  left: -33px;
  top: -40px;
  background: url(/styles/assets/bg_nw.png) no-repeat;
}
div#sbox-window {
  background-color: #ffffff;
}
.comments {
  border-top: 1px solid #CCCCCC;
  padding-top: 40px;
  margin-top: 40px;
}
.comments ul {
  display: block;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.comments ul li {
  display: block;
  float: left;
  list-style: none outside none;
  min-height: 165px;
  padding: 10px;
  width: 30%;
}
#more {
  border-top: medium none !important;
  margin: 0;
  padding: 0;
  display: none;
}
#hidebutton {
  display: none;
}
.expandables-container h2.expandable-header {
  color: #1784b6;
}