/* ********************************************************************************
 * Building blocks
 * h2, h3, p, etc        Standard html tags
 * 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
 */

h1, h2, h3, h4, form {
    margin: 0;
    padding: 0;
}

h2 {
margin:4px 0;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0.6em 0;
    padding: 0;
}

.gbBlock {
margin-right:-8px;
    padding: 0.7em;
    border-width: 0 0 1px 0;
    border-style: inherit;
    border-color: inherit;
    /* IE can't inherit these */
    border-style: expression(parentElement.currentStyle.borderStyle);
    border-color: expression(parentElement.currentStyle.borderColor);
}

.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;
}

.gbBlock h3 {
    margin-bottom: 0.5em;
}

.gbBlock h4 {
    margin-top: 0.5em;
}

#gsNavBar { /* added */
  margin-left:-8px;
  margin-right:-8px;
}

#gsNavBar div.gbBreadCrumb {
    margin:0;
    padding: 10px 20px;
min-height:17px;
}

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: 8px; /* 0 */
}

#gallery {
    padding: 8px;
}
#gallery.rtl {
    direction: rtl;
}

#gsNavBar div.gbSystemLinks {
    padding: 10px 20px;
}

#gsNavBar div.gbSystemLinks span {
    padding: 0 4px;
}

#gsSidebar {
    border-right-width: 1px;
    width: 175px;
    overflow: hidden;
}

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

td.giAlbumCell, td.giItemCell {
    padding: 1em;
    text-align: center;
}

#gallery td.giAlbumCell select, #gallery td.giItemCell select {
    margin-top: 0.8em;
}

/* So imageframed thumbs can be centered */
td.giAlbumCell table, td.giItemCell table {
    margin: auto;
}


#gsPages span {
    padding: 0 0.3em;
}

#gallery #gsSidebar ul {
    font-size: 1em;
}

#gsHeader { /* added */
/*background:url(images/logo-graphic.png) no-repeat right bottom;*/
}

/* ********************************************************************************
 * Matrix Theme for Gallery 2
 * by Ross A. Reyman, Jon Huang, and Chad Kieffer
 * updated by Alan Harder
 */

/* ********************************************************************************
 * Building blocks
 * #gallery              Default font/color settings
 * .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
 */

#gallery {
    font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;  /* gallery 3 fonts */
    font-size: 81.25%; /* 13px on 16px browser default */
    color: #fff;
    background-color: #00486f;
}
body.gallery {
    background-color: #ccc;
}

.gcBackground1 {
    background-color: #00486f;
}

.gcBackground2 {
    background-color: #005c8f;
}

.gcBorder1 {
    border: 0 solid #00608F; /* #ccc */
}

.gcBorder2 {
    border: 0 solid #888;
}

#gallery a {
    font-weight: bold;
    text-decoration: underline;
    color: #ffffcc;
}
#gallery a:hover, #gallery a:focus, #gallery a:active {
    text-decoration: none;
}

#gallery img {
    border-width: 0;
}

#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: #005c8f;
    color:#fff; /* custom: was black */
    border-width: 2px;
    border-style: solid;
    border-color: #e7e7e7 #666 #666 #e7e7e7;
}

#gallery select {
    font-size: 1em;
}

h1, h2, h3, h4, h5, strong, th {
  font-weight: bold;
}

h1 {
  font-size: 1.7em;
}

h2, h3, h4 {
    font-size: 1.3em;
}

.gbBlock h4 {
font-size:1em;
}

#gallery pre, #gallery tt {
    font-family: 'Courier New';
    font-size: 1em;
}

.giSubtitle {
    font-size: 0.9em;
    font-weight: normal;
    vertical-align: text-bottom;
}

.giDescription {
    font-size: 1em;
    line-height: 1.4em;
}

.giItemCell .giDescription {
    line-height: 1.1em;
}

.giItemCell h2.giTitle {
font-size:1.1em;
margin-bottom:5px;
}

td.giAlbumCell, td.giItemCell {
background-color:#005C8F;
border: 2px solid #00486f;
}

.giAlbumCell a:hover img, .giAlbumCell a:focus img, .giAlbumCell a:active img,
.giItemCell a:hover img, .giItemCell a:focus img, .giItemCell a:active img {
/*outline:1px dotted #003663;*/
}

.one-image .giDescription {
font-weight:normal;
color: #BFBFBF;
}

.gbEmptyAlbum {
    height: 400px;
}

.giDescription h3.emptyAlbum {
    line-height: 4.0em;
    text-align: center;
}

.giInfo {
    font-size: 0.9em;
color: #BFBFBF;
}

#gsThumbMatrix .giInfo {
/* suppress image info on Album pages only */
}

.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;
}

#gsNavBar {
    background-color:#005c8f;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

#gsNavBar div.gbBreadCrumb {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-size: 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;
}

#gsThumbMatrix {
    width: 100%;
}

#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 {
  font-size: 0.9em;
  float: right;
}

table.gbDataTable th {
    text-align: left;
    background-color: #005c8f; /* #e7e7e7 */
}

.gbEven {
    background-color: #00486f;
}

.gbBusy {
    background-color: #78D478 !important;
}

.gbOdd {
    background-color: #005c8f;
}


div.gbTabBar {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.8em 0 0;
    padding: 6px;
    background: url('../matrix/images/tab_bg.gif') repeat-x bottom;
    white-space: nowrap;
}

div.gbTabBar span.o {
    padding: 6px 0 5px 8px;
    background: url('../matrix/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('../matrix/images/tab_right.jpg') no-repeat right top;
}

#gallery div.gbTabBar a {
/*    color: #777; */
    text-decoration: none;
}

#gallery div.gbTabBar a:hover, #gallery div.gbTabBar a:focus, #gallery div.gbTabBar a:active {
/*    color: #333; */
text-decoration:underline;
}

#gallery div.gbTabBar span.giSelected {
    padding-bottom: 6px;
    background-image: url('../matrix/images/tab_left_on.jpg');
}

#gallery div.gbTabBar span.giSelected span {
/*    color: #333; */
font-style:italic;
    padding-bottom: 6px;
    background-image: url('../matrix/images/tab_right_on.jpg');
}

#gallery div.gbTabBar span span {
border:1px solid white;
background-color:#005C8F;
padding-left:15px;
}

.autoCompleteShadow {
    background-color: #a0a0a0 !important;
}

.autoCompleteContainer {
    border-color: #404040 #404040 #080;
    background-color: #00486f;
}

.autoCompleteContainer li.yui-ac-highlight {
    background-color: #005c8f;
}

#gallery .gbMarkupBar input {
    font-size: 1em;
}

.giSearchHighlight {
    font-weight: bold;
    background-color: #ff6;
}


/* ********************************************************************************
 * Sections
 * #gallery         Page container
 * #gsNavBar   Top bar with breadcrumb and other links
 * #gsSidebar       Sidebar
 * #gsContent       Main content
 */

#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;
}

#gsSidebar h3 {
letter-spacing:1px;
font-variant:small-caps;
font-size:1.2em;
/*text-decoration:underline;*/
padding-bottom:4px;
}

#gsSidebar .gbAdminLink {
font-size:0.9em;
}

div.gbNavigator { /* added */
margin-right:-8px;
}


div.gbNavigator div.next-and-last {
  float: right;
}
div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: right;
}

div.gbNavigator a.first {
  padding-left: 27px;
  background: url('images/nav_first.gif') left no-repeat;
}

div.gbNavigator a.previous {
  padding-left: 27px;
  background: url('images/nav_prev.gif') left no-repeat;
}

div.gbNavigator a.next {
  padding-right: 27px;
  background: url('images/nav_next.gif') right no-repeat;
}

div.gbNavigator a.last {
  padding-right: 27px;
  background: url('images/nav_last.gif') right no-repeat;
}

div.gbNavigator div.first-and-previous img {
  vertical-align: middle;
  padding-right: 0.5em;
}
div.gbNavigator div.next-and-last img {
  vertical-align: middle;
  padding-left: 0.5em;
}

#gallery.rtl div.gbNavigator div.next-and-last {
  float: left;
}
#gallery.rtl div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: left;
}
#gallery.rtl div.gbNavigator div.first-and-previous {
  text-align: right;
}
/* Both IE and Gecko have bugs with omitting padding on rtl inline content */
#gallery.IE.rtl div.gbNavigator a {
  display: inline-block;
}
#gallery.gecko.rtl div.gbNavigator a {
  display: -moz-inline-box;
}

#gallery.rtl div.gbNavigator a.first {
  padding: 0 27px 0 0;
  background: url('images/nav_last.gif') right no-repeat;
}
#gallery.rtl div.gbNavigator a.previous {
  padding: 0 27px 0 0;
  background: url('images/nav_next.gif') right no-repeat;
}
#gallery.rtl div.gbNavigator a.next {
  padding: 0 0 0 27px;
  background: url('images/nav_prev.gif') left no-repeat;
}
#gallery.rtl div.gbNavigator a.last {
  padding: 0 0 0 27px;
  background: url('images/nav_first.gif') left no-repeat;
}
#gallery.rtl div.gbNavigator div.first-and-previous img {
  padding: 0 0 0 0.5em;
}
#gallery.rtl div.gbNavigator div.next-and-last img {
  padding: 0 0.5em 0 0;
}

div.block-search-SearchBlock a.advanced {
  display: block;
  padding: 3px;
}

div.block-core-ItemLinks {
  margin: 3px 0;
}


td.giItemCell div.block-core-ItemLinks a.gbLink-favourites_AddFavourite {
  font-size:0.8em;

}

div.block-core-ItemLinks a {
  padding: 3px;
}
div#gsSidebar div.block-core-ItemLinks a {
  display: block;
}

/* Add to cart does not work on albums with more than one level of subalbums. Therefore, remove Add to Zip link from Sidebar. Only possible through CSS. This line must appear AFTER div#gsSidebar div.block-core-ItemLinks a */
div#gsSidebar div.block-core-ItemLinks .gbLink-cart_AddToCart {
display:none;
}

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;
}

#searchCriteria { /* added */
  font-size:0.8em;
  color:#666;
  width:150px;
  }

/* ***************************************************** */
/*                   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 h3 {
}

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;
}

span.block-core-SystemLink {
}

div.block-exif-ExifInfo {
  margin: 5px;
}

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: #005c8f;
}

tr.bsw_ParamHeaderRow td {
  font-weight: bold;
  text-align: center;
  border: 1px solid #999;
}

td.bsw_BlockCommands {
  white-space: nowrap;
  text-align: center;
}

#gsFooter {
  padding-top: 4px;
text-align: center;
}

#gsFooter a {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}

#gsFooter a:hover,#gsFooter a:active, #gsFooter a:focus {
text-decoration:underline;
border-bottom:0;
}

/* ********************************************************************************
 * Rating module style fix for Matrix
 */
.giRatingUI {
    margin: 10px auto; /* Required to center default rating module star images */
}
#gsThumbMatrix .giRatingAverageContainer {
    margin: auto;
}

/* Hyperlinks */
a:active {
	outline:0;
	}
a img {
	border:0;
	}

.one-image a:link img, .giItemCell a:link img, .giAlbumCell a:link img, 
.one-image a:visited img, .giItemCell a:visited img, .giAlbumCell a:visited img {
	padding:6px;
}

.one-image a:focus img, .one-image a:hover img,
.giItemCell a:focus img, .giItemCell a:hover img,
.giAlbumCell a:focus img, .giAlbumCell a:hover img {
	outline:2px solid #fff; /*#0076A3*/
}