/* ********************************************************************************
 * 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
 */
#gallery h2, #gallery h3, #gallery h4, #gallery form
{
    margin : 0;
    padding : 0;
}
#gallery p
{
    margin : 0.6em 0;
    padding : 0;
}
.gbBlock
{
    padding : 0.7em;
    border-width : 0 0 1px 0;
    border-style : inherit;
    border-color : inherit;
}
/* IE can't inherit these */
.gbBlock ul
{
    margin : 0;
    padding : 0;
    list-style-type : none;
}
.gbBlock ul ul
{
    margin : 0 0 0.5em 1em;
}
.gbBlock li
{
    padding : 6px 0 0 0;
}
#gallery .gbBlock h3
{
    margin-bottom : 0.5em;
}
#gallery .gbBlock h4
{
    margin-top : 0.5em;
}
#gsNavBar div.gbBreadCrumb
{
    margin : 0;
    padding : 4px 8px;
}
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;
}
#gallery
{
    padding : 8px;
}
#gallery.rtl
{
    direction : rtl;
}
#gsNavBar
{
    border-top-width : 1px;
    border-bottom-width : 1px;
}
#gsNavBar div.gbSystemLinks
{
    padding : 4px 6px;
}
#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 : 1.3em;
}
/* ********************************************************************************
 * 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
  ********************************************************************************
 * Matrix Theme for Gallery 2
 * by Ross A. Reyman, Jon Huang, and Chad Kieffer
 * updated by Alan Harder
 */
#gallery
{
    font-family : Verdana , Arial , Helvetica , sans-serif;
    font-size : 100;
    color : rgb(51 , 51 , 51);
    background-color : rgb(255 , 255 , 255);
}
body.gallery
{
    background-color : rgb(255 , 255 , 255);
}
.gcBackground1
{
    background-color : rgb(238 , 238 , 238);
}
.gcBackground2
{
    background-color : rgb(231 , 231 , 231);
}
.gcBorder1
{
    border : 0 solid rgb(204 , 204 , 204);
}
.gcBorder2
{
    border : 0 solid rgb(136 , 136 , 136);
}
#gallery a
{
    font-weight : bold;
    text-decoration : none;
    color : rgb(51 , 102 , 153);
}
#gallery a:hover
{
    text-decoration : none;
    color : rgb(153 , 102 , 153);
}
#gallery a:active
{
    text-decoration : none;
    color : rgb(51 , 102 , 153);
}
#gallery img
{
    border-width : 0;
    Display : block;
}
#gallery h2, #gallery h3, #gallery h4
{
    font-family : "Trebuchet MS" , Arial , Verdana , Helvetica , sans-serif;
}
#gallery input:focus, #gallery textarea:focus
{
    background-color : rgb(255 , 255 , 204);
    color : rgb(0 , 0 , 0);
}
#gallery input.inputTypeSubmit, #gallery input.inputTypeButton
{
    /* No input[type=submit] in IE */
color : rgb(51 , 51 , 51);
    background-color : rgb(238 , 238 , 238);
    border-width : 2px;
    border-style : solid;
    border-color : rgb(231 , 231 , 231) rgb(102 , 102 , 102) rgb(102 , 102 , 102) rgb(231 , 231 , 231);
}
#gallery select
{
    font-size : 1.2em;
}
.giTitle, #gallery h2, #gallery h3, #gallery h4
{
    font-size : 1.5em;
    font-weight : bold;
}
#gallery pre, #gallery tt
{
    font-family : Courier New;
    font-size : 1.3em;
}
.giSubtitle
{
    font-size : 0.9em;
    font-weight : normal;
    vertical-align : text-bottom;
}
.giDescription
{
    font-size : 1.1em;
    line-height : 1.4em;
width: 790px;

}
.gbEmptyAlbum
{
    height : 400px;
}
.giDescription h3.emptyAlbum
{
    line-height : 4em;
    text-align : center;
}
.giInfo
{
    font-size : 0.9em;
    color : rgb(136 , 136 , 136);
}
.giSuccess, .giWarning, .giError
{
    font-weight : bold;
}
.giSuccess
{
    color : rgb(85 , 204 , 0);
}
.giWarning
{
    color : rgb(204 , 85 , 0);
}
.giError
{
    color : rgb(170 , 68 , 68);
}
.giNew, .giUpdated
{
    border-width : 2px;
    border-style : ridge;
    padding : 0 6px;
    line-height : 1.9em;
}
#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;
}
#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
{
    float : right;
}
table.gbDataTable th
{
    text-align : left;
    background-color : rgb(231 , 231 , 231);
}
.gbEven
{
    background-color : rgb(255 , 255 , 255);
}
.gbBusy
{
    background-color : rgb(120 , 212 , 120) ! important;
}
.gbOdd
{
    background-color : rgb(238 , 238 , 238);
}
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;
}
/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them  ..and then adds padding differently with inline-block.. */
#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 : rgb(119 , 119 , 119);
    text-decoration : none;
}
#gallery div.gbTabBar a:hover
{
    color : rgb(51 , 51 , 51);
}
#gallery div.gbTabBar span.giSelected
{
    padding-bottom : 6px;
    background-image : url("../matrix/images/tab_left_on.jpg");
}
#gallery div.gbTabBar span.giSelected span
{
    color : rgb(51 , 51 , 51);
    padding-bottom : 6px;
    background-image : url("../matrix/images/tab_right_on.jpg");
}
.autoCompleteShadow
{
    background-color : rgb(160 , 160 , 160) ! important;
}
.autoCompleteContainer
{
    border : 1px solid rgb(64 , 64 , 64);
    background-color : rgb(255 , 255 , 255);
    border-top : 0px;
    border-bottom : 1px dotted rgb(0 , 128 , 0);
    margin-bottom : -1px;
    margin-top : 0px;
}
.autoCompleteContainer li.yui-ac-highlight
{
    background-color : rgb(238 , 238 , 238);
}
#gallery .gbMarkupBar input
{
    font-size : 1.1em;
}
.giSearchHighlight
{
    font-weight : bold;
    background-color : rgb(255 , 255 , 102);
}
/* ********************************************************************************
 * 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 : 1.1em;
    font-weight : bold;
}
#gsSidebar div ul ul
{
    font-size : 1em;
}
#gsSidebar ul span
{
    color : rgb(153 , 153 , 153);
}
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
{
}
#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;
}
div.block-core-ItemLinks a
{
    padding : 3px;
}
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 : rgb(11 , 108 , 255);
}
/* *****************************************************                    Dynamic blocks                       ***************************************************** */
div.block-comment-ViewComments
{
    margin : 5px;
}
div.block-comment-ViewComments div.one-comment
{
    border : 1px solid rgb(231 , 231 , 231);
    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;
}
/* Required to center default rating module star images  ********************************************************************************
 * Rating module style fix for Matrix
 */
span.bsw
{
}
