/* *

 ********** Default Style sheet for NZDI (NZ Digital Images) Theme *************

 *******************************************************************************

 * Building blocks

 * div.gbBlock           Sidebar or content section with style for contained lists

 * ul.gbBreadCrumb       List of links/path elements

 * table.gbDataTable     Table for data/form elements with styles for shading rows

 */

#gallery {

  clear: right;

  margin-top: 5px;

  margin-left: auto;

  margin-right: auto;

  border: #333 solid 2px;

  padding: 7px;

}

#gallery a:link, #nzdi-footer a:link {

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  }

#gallery a:visited, #nzdi-footer a:visited {

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  }

#gallery a:active, #nzdi-footer a:active {

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  }

#gallery a:hover, #nzdi-footer a:hover {

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  }

#gallery h2, #gallery h3, #gallery h4, #gallery form {

  margin: 0;

  padding: 0;

  color: #000;

  }

#gallery p {

  margin: 0.6em 0;

  padding: 0;

  }

.gbBlock {

  padding: 0.3em;

  border-width: 0;

  }

.gbBlock ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  }

.gbBlock ul ul {

  margin: 0 0 0.5em 1.0em;

  }

.gbBlock li {

  padding: 6px 0 0 0;

  }

#gallery .gbBlock h2 {

  text-align: left;

  color: #369;

  }

#gallery .gbBlock h3 {

  margin-bottom: 0.5em;

  }

#gallery .gbBlock h4 {

  margin-top: 0.5em;

  text-align: left;

  }

#gsNavBar div.gbBreadCrumb {

  margin: 0;

  padding: 0 5px 5px 5px;

/*  text-align: right;  */

  }

table.gbDataTable {

  padding-bottom: 4px;

  }

table.gbDataTable th, table.gbDataTable td {

  padding: 4px;

  }

.giBlockToggle {

  padding: 0 0.4em 0.1em;

  }

.giBlockToggle:hover {

  cursor: pointer;

  }

.gbMarkupBar {

  margin: 4px 0;

  }

#gallery .gbMarkupBar input {

  margin: 0;

  padding: 0;

  }



/* ********************************************************************************

 * Sections

 * body.gallery     Page body in G2 standalone (doesn't apply to embedded)

 * #gallery         Page container

 * #gsNavBar        Top bar with breadcrumb and other links

 * #gsSidebar       Sidebar

 * #gsContent       Main content

 */

body.gallery {

  margin: 0;

  padding: 0;

  background-color: #fff;

  width: 960px;

  }

#gallery {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: .75em;

  color: #333;

  background-color: #fff;

  }

#gallery.rtl {

  direction: rtl;

  }

#gsNavBar {

  border-top-width: 0px;

  border-bottom-width: 0px;

  }

#gsNavBar div.gbSystemLinks {

  padding: 4px 6px;

  border: 0;

  }

#gsNavBar div.gbSystemLinks span {

  padding: 0 4px;

  }

#gsSidebar {

  width: 170px;

  overflow: hidden;

  border: none;

  border-right: solid 1px;

  border-bottom: solid 1px;

  padding: 5px;

  margin: 0 5px 5px 0;

  }

.block-gallery #gsSidebar {

  width: 220px;

  overflow: hidden;

  border: none;

  }

#gsSidebarCol {

  width: 1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */

  }

td.giAlbumCell, td.giItemCell {

  padding: 5px;

  text-align: center;

  }

#gallery td.giAlbumCell select, #gallery td.giItemCell select {

  margin-top: 0.8em;

  }

td.giAlbumCell table, td.giItemCell table {

  margin: auto; /* So imageframed thumbs can be centered */

  }

#gsPages {

  border-top: solid 1px #aaa;

  }

#gsPages span {

  padding: 0 0.3em;

  }

#gallery #gsSidebar ul {

  font-size: 1em;

  }





/* ********************************************************************************

 * Building blocks

 * .gcBackground1,2..    Palette of backgrounds

 * .gcBorder1,2..        Palette of borders

 * a, h2, h3, etc        Standard html tags

 * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError

 *                       Palette of text styles

 * div.gbBreadCrumb      List of links/path elements

 * table.gbDataTable     Table for data/form elements with styles for shading rows

 * div.gbTabBar          UI component for selectable tabs

 * .autoComplete*        Styles for autoComplete popup lists

 */



.gcBackground1 {

  background: #fff;

  }



/* Background  for,  Item and Album descriptions, legend background */

.gcBackground2 {

    background-color: #efefef;

  }



/* Background  for, Albums on Album pages */

.gcBackground3 {

  background-color: transparent;

  }

.gcBorder1 {

  border-color: #aaa;

  }



/* Border  for,  Item and Album descriptions, legend background */

.gcBorder2 {

  border-color: #888;

  }

#gallery h2, #gallery h3, #gallery h4 {

  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;

  }

#gallery input:focus, #gallery textarea:focus {

  background-color: #ffc;

  color: #000;

  }

#gallery input.inputTypeSubmit, #gallery input.inputTypeButton {  /* No input[type=submit] in IE */

  color: #333;

  background-color: #eee;

  border-width: 2px;

  border-style: solid;

  border-color: #e7e7e7 #666 #666 #e7e7e7;

  }

#gallery select {

  font-size: 1em;

  background-color: #eee;

  }

.giTitle, #gallery h2, #gallery h3, #gallery h4 {

  font-size: 1.3em;

  font-weight: bold;

  text-align: left;

  color: #369;

  }

.giTitle {

  text-align: center;

  }

#gallery pre, #gallery tt {

  font-family: Courier New;

  font-size: 1.2em;

  }

.giSubtitle {

  font-size: 0.9em;

  font-weight: normal;

  vertical-align: text-bottom;

  color: #000;

  }

.giDescription {

  font-size: 1.1em;

  line-height: 1.4em;

  color: #000;

  }

.gbEmptyAlbum {

  height: 400px;

  }

.giDescription h3.emptyAlbum {

  line-height: 4.0em;

  text-align: center;

  }

.giInfo {

  font-size: 0.9em;

  }

.giInfo .summary {

  display: block;

  font-size: 1em;

  color: #999;

  text-align: center;

  }

.giSuccess, .giWarning, .giError  {

  font-weight: bold;

  }

.giSuccess { color: #5c0; }

.giWarning { color: #c50; }

.giError { color: #a44; }

.giNew, .giUpdated {

  border-width: 2px;

  border-style: ridge;

  padding: 0 6px;

  line-height: 1.9em;

  color: #000;

  }

#gsNavBar div.gbBreadCrumb {

  font-size: 1.1em;

  font-weight: bold;

  }

#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {

  padding: 0 0 0 14px;

  background: url('images/icon_path_separator.gif') no-repeat left;

  }

#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 {   /* no :first-child in IE */

  padding-left: 0;

  background-image: none;

  white-space: nowrap;

  }

#gallery.IE div.gbBreadCrumb span {

  display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */

  padding-right: 4px;      /* IE has less space at right of each span */

  }

#gsNavBar div.gbBreadCrumb span.BreadCrumb-1 {   /* no :first-child in IE */

  padding-left: 0;

  background-image: none;

  }

#gsNavBar div.gbSystemLinks {

  float: left;

  }

table.gbDataTable th {

  text-align: left;

  background-color: #e7e7e7;

  }

.gbEven {

  background-color: #fff;

  }

.gbOdd {

  background-color: #eee;

  }

div.gbTabBar {

  font-size: 0.9em;

  font-weight: bold;

  margin: 0.8em 0 0;

  padding: 6px;

  background: url('images/tab_bg.gif') repeat-x bottom;

  white-space: nowrap;

  }

div.gbTabBar span.o {

  padding: 6px 0 5px 8px;

  background: url('images/tab_left.jpg') no-repeat left top;

  }

#gallery.IE div.gbTabBar span.o {

  display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */

  margin-bottom: 1px;      /* ..and then adds padding differently with inline-block.. */

  }



/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them */

#gallery.IE div.gbTabBar { padding-bottom: 0; white-space: normal; }

#gallery.IE div.gbTabBar span.giSelected { margin-bottom: 0; }

#gallery div.gbTabBar span span {

  padding: 6px 12px 5px 4px;

  background: url('images/tab_right.jpg') no-repeat right top;

  }

#gallery div.gbTabBar a {

  color: #777;

  text-decoration: none;

  }

#gallery div.gbTabBar a:hover {

  color: #333;

  }

#gallery div.gbTabBar span.giSelected {

  padding-bottom: 6px;

  background-image: url('images/tab_left_on.jpg');

  }



#gallery div.gbTabBar span.giSelected span {

  color: #333;

  padding-bottom: 6px;

  background-image: url('images/tab_right_on.jpg');

  }

.autoCompleteBackground {

  border: 1px solid #ccc;

  border-top-style: none;

  margin: 0;

  }

.autoCompleteHighlight {

  text-decoration: underline;

  }

.autoCompleteNotSelected {

  background-color: #eee;

  padding: 3px 4px 3px 17px;

  }

.autoCompleteSelected {

  background-color: #ffc;

  padding: 3px 4px 3px 17px;

  }

#gallery .gbMarkupBar input {

  font-size: 1.1em;

  }

#ProgressBar #progressDone {

  background-color: #fd6704;

  border: thin solid #ddd;

  }

#ProgressBar #progressToGo {

  background-color: #eee;

  border: thin solid #ddd;

  }

.giSearchHighlight {

  font-weight: bold;

  background-color: #ff6;

  }





/* ********************************************************************************

 * Sections

 * #gallery         Page container

 * #gsNavBar        Top bar with breadcrumb and other links

 * #gsSidebar       Sidebar

 * #gsContent       Main content

 * #giFormUsername  Form field for entering a username

 * #giFormGroupname Form field for entering a group name

 */

#gsNavBar div {

    margin-top: 0.1em;  /* Align system links with breadcrumb */

    font-weight: bold;

  }

#gsSidebar div ul {   /* no > in IE */

    font-size: 1em;

    font-weight: bold;

  }

#gsSidebar div ul ul { 

  font-size: 1.0em; 

  }

#gsSidebar ul span {

  color: #999;

  }

#giFormUsername, .giFormUsername {

  background: url('images/userinfo.png') no-repeat 0 1px;

  padding-left: 17px;

  }

#giFormGroupname {

  background: url('images/groupinfo.png') no-repeat 0 1px;

  padding-left: 17px;

  }

#giFormPassword {

  background: url('images/key7-16-bw.gif') no-repeat 0 1px;

  padding-left: 17px;

  }



/* Opera ignores padding in form inputs; put icons on right side instead */

#gallery.opera #giFormUsername, #gallery.opera .giFormUsername,

#gallery.opera #giFormGroupname, #gallery.opera #giFormPassword {

  background-position: right center;

  }





/* ***************************************************** */

/*      Format the Pagination Links                      */

/* ***************************************************** */

.block-core-Navigator-wrapper {

  border-top: #999 solid 1px;

  }

.block-core-Navigator {

  text-align: center;

  padding: 0.2em 0 0.2em 0;

  }

.block-core-Navigator div.next-and-last {

  display: inline;

  }

.block-core-Navigator a.next {

  padding-left: 1em;

  }

.block-core-Navigator a.last {

  padding-left: 1em;

  }

.block-core-Navigator div.first-and-previous {

  display: inline;

  }

.block-core-Navigator a.first {

  padding-right: 1em;

  }

.block-core-Navigator a.previous {

  padding-right: 1em;

  }

div.block-search-SearchBlock a.advanced {

  display: block;

  padding-top: 10px;

  }

div.block-core-ItemLinks {

  padding: 2px 0 5px 0;

  text-align: center;

  }

.gbSystemLinks .block-core-ItemLinks {

  text-align: left;

  }

#gsSidebar div.block-core-ItemLinks {

  text-align: left;

  }

div.block-core-ItemLinks a {

  padding: 3px;

  }

#gsContent div.block-core-ItemLinks {

  padding: 2px 3px 5px 0;

  text-align: left;

  }

div#gsSidebar div.block-core-ItemLinks a {

  display: block;

  }

div#gsSidebar div.block-core-PeerList a {

  display: block;

  padding: 3px;

  }

div#gsSidebar div.block-core-PeerList span {

  font-weight: bold;

  display: block;

  padding: 3px;

  }

div#gsSidebar div.block-core-PeerList span.current {

  color: #0b6cff;

  }





/* ***************************************************** */

/*                   Dynamic blocks                      */

/* ***************************************************** */

div.block-comment-ViewComments {

  margin: 5px;

  }

div.block-comment-ViewComments div.one-comment {

  border: 1px solid #e7e7e7;

  padding: 5px;

  margin-bottom: 5px;

  }

div.block-comment-ViewComments span {

  padding-right: 5px;

  }

div.block-comment-ViewComments p.info {

  font-style: italic;

  text-align: right;

  font-size: 0.95em;

  }

div.block-core-GuestPreview {

  float: right;

  }

#gallery.rtl div.block-core-GuestPreview {

  float: left;

  }

div.block-exif-ExifInfo {

  margin: 5px;

  border: solid 1px #ccc;

  }

div.block-exif-ExifInfo tr {

  border: solid 1px #ccc;

  }

span.bsw_ButtonDisabled {

  color: #999;

  }

span.bsw_ButtonEnabled {

  color: #000;

  cursor: pointer;

  }

table.bsw_ParamTable {

  width: 100%;

  border: 1px solid #999;

  border-collapse: collapse;

  }

tr.bsw_ParamHeaderRow {

  background-color: #eee;

  }

tr.bsw_ParamHeaderRow td {

  font-weight: bold;

  text-align: center;

  border: 1px solid #999;

  }

td.bsw_BlockCommands {

  white-space: nowrap;

  text-align: center;

  }

#gsFooter {

  margin-top: 6px;

  border: solid 1px #999;

  padding: 4px 4px 2px 4px;

  }

#gsImageView {

  text-align: center;

  }

.giTitle .date,  .viewCount{

  color: #000;

  }

#gallery-header {

  color: #ccc;

  zoom: 100%; /* Fix Invisible text in IE in .viewCount and .size - float right*/

  }

.gbSystemLinks {

  border-top: solid 1px #999;

  }

.gbSystemLinks .size,  .gbSystemLinks .viewCount, .gbSystemLinks .giDescription-id {

  color: #ccc;

  float: right;

  clear: right;

  }

.block-albumselect-AlbumSelect {

  text-align: center;

  padding: 5px 0 0 0;

  }

.block-core-SystemLink {

  padding-right: 0.5em;

  }





/* ***************************************************** */

/*         Format Photo & Album Descriptions             */

/* ***************************************************** */

#photo-info {

  text-align: left;

  clear: both;

  /*position: relative;*/

  }

#photo-info h2 {

  text-align: center;

  margin-top: 1em;

  color: #369;

  }

#photo-info .gallery-content {

  padding: 3px;

  text-align: justify;

  border: solid 1px #999;

  }

#photo-info .giDescription  {

  font-size: 1.1em;

  border: 1px solid #eee;

  margin: 0;

  padding: 2px;

  }

#photo-info .keyword {

  font-weight: bold;

  }





/* ***************************************************** */

/*      Format the Border around Gallery Thumbnails      */

/* ***************************************************** */

.gallery-thumb a img, .one-image a img {

  background: #eee;

  padding: 5px;

  border: #999 2px solid;

  }

.gallery-thumb a:hover img, .one-image a:hover img {

  background: #e3e3e3;

  padding: 5px;

  border: #444 2px solid;

  }





/* ***************************************************** */

/*              Format the Gallery Photo Page            */

/* ***************************************************** */

div.gallery-photo {

	text-align: center;

  }

img.gallery-photo {

	background: #e3e3e3;

	padding: 10px;

  border: #444 2px solid;

  margin-top: 1px;

  }

#prevArrow img, #nextArrow img {

	border-style: none;

  }





/* ***************************************************** */

/*     Format Search Results - Requires Search Module    */

/* ***************************************************** */

#gbThumbMatrix {

  margin-top: 20px;

  }

.gbItemAlbum, .gbItemImage{

  vertical-align: top;

  border: 1px solid #ccc;

  padding: 10px;

  }

.gbItemAlbum img, .gbItemImage img {

	background: #eee;

	padding: 7px;

  }

.gbItemAlbum a img, .gbItemImage a img {

  background: #eee;

  }

.gbItemAlbum a:hover img, .gbItemImage a:hover img {

  background: #bdd3eb;

  }





/* ***************************************************** */

/*      Format Shopping cart text in Gallery Header      */

/*     (Requires Shopping cart Module & module mods)     */

/* ***************************************************** */

.block-checkout-ShowCart {

  margin: 0 0 5px 0;

  }

.gbLink-checkout_SelectProducts {

  background: transparent url(images/cart.png) no-repeat;

  }

.gbLink-checkout_AddToCart {

  background: transparent url(images/cart.png) 0 2px no-repeat;

  }





/* ***************************************************** */

/* Format position of Ratings - Ratings Module Required  */

/* ***************************************************** */

.block-rating-Rating {

  text-align: center;

  }

.giRatingAverageContainer {

  margin: auto

  }





/* ***************************************************** */

/* Format micro navigation in Photo pages                */

/* ***************************************************** */

fieldset#micro-navigation-wrapper {

  clear: both;

  margin-bottom: 0;

  }

#micro-navigation-wrapper {

  border: solid 1px #999;

  margin-top: 10px;

  }

#micro-navigation-wrapper legend {

  border: solid 1px ;

  padding: 0.25em;

  }

#micro-navigation {

  margin-top: 3px;

  }

#micro-navigation a img {

  padding: 3px;

  display: inline;

  background: #eee;

  border: #999 2px solid;

  }

#micro-navigation a:hover img {

  padding: 3px;

  display: inline;

  background: #e3e3e3;

  border: #444 2px solid;

  }

#micro-navigation #current-image img {

  padding: 3px;

  display: inline;

  background: #e3e3e3;

  border: #d60608 2px solid;

  }





/* ***************************************************** */

/* Format Ecard Module Form - Requires ECard Module      */

/* ***************************************************** */

#sendEcardForm textarea {

  width: 450px;

  }





/* ***************************************************** */

/* Format Full Size Image Link                           */

/* ***************************************************** */

.giFull-size {

  text-align: center;

  }





/* ***************************************************** */

/* Format custom fields in Photo pages                   */

/* ***************************************************** */

.block-customfield-CustomFields h3 {

  display: none;

  }

.block-customfield-CustomFields .giDescription {

  text-align: center;

  color: #666;

  }





/* ***************************************************** */

/* Format Updates - Requires Updates Module              */

/* ***************************************************** */

/*set the total height so the float left work on all line*/

div.updates-item {

  height: 180px;

  margin: 7px;

  }

/*set the caption box and add scoll bars as needed to handle large text blocks*/

div.updates-caption{

  margin-top: 7px;

  width:147px;

  height:40px;

  overflow:auto;

  overflow-y:auto;

  overflow-x:visible;

  text-align: center;

  }

div.updates-summary {

  font-size: 1.1em;

  }

div.updates-date {

  color: #999;

  padding-bottom: 0.2em;

  }

div.updates-link {

  width:125px;

  text-align: center;

  }

div.updates-thumb {

  background: #eee;

  width: 125px;

  }

div.updates-thumb a img {

  background: #eee;

  padding: 5px;

  border: #999 2px solid;

  }

div.updates-thumb a:hover img {

  background: #e3e3e3;

  padding: 5px;

  border: #444 2px solid;

  }

.updatesNavigator {

  clear: both:

  display: block;

  margin: 1em;

  border-bottom: 1px solid #999;

  border-top: 1px solid #999;

  }





/* ***************************************************** */

/* Format Embedded Gallery                               */

/* ***************************************************** */

.block-albumselect-AlbumTree {

  margin: 0;

  border: #444 2px solid;

  }

.block-albumselect-AlbumTree p {

  border-bottom: solid 1px;

  padding-bottom: 2px;

  }

.dtree {

  font-size: 0.85em;

  font-weight: bold;

  }





/* ***************************************************** */

/* Format Keywords Links                                 */

/* ***************************************************** */

.block-keyalbum-KeywordLinks {

  border: solid #999 1px;

  margin: 5px 0 5px 0;

  padding: 2px;

  clear: both;

  position: relative;

  }

.block-keyalbum-KeywordLinks a {

  margin: 0 0.25em 0 0.25em;

  }





/* ***************************************************** */

/* Format NZDI Footer                                    */

/* ***************************************************** */

#nzdi-footer {

  text-align: center;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 0.75em;

  margin: 0.5em 0 1em 0;

  }