/*[fmt]A010-100B-3*/
/*********************************************************************************
* 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
 */
#body
{ border-top: 1px solid #F5F5F5 !important; /*[e]1px solid #F5F5F5*/}

h1
{ letter-spacing: -1px; margin-bottom: 5px !important; /*[e]5px*/}

div.gallerylist
{ clear: both; padding-top: 10px; margin-right: 0;}

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

#gallery p
{ margin: 0.6em 0; padding: 0;}

.gbBlock
{ padding: 0;margin:2px;}

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

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

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

div.gbBreadCrumb
{ margin: 0; padding: 5px 0; color: #AAA; clear: both;}

div#gsContent div.gbBreadCrumb
{ clear: left;}

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

p.giDescription
{ margin: 0; padding: 0; clear: both;}

/*********************************************************************************
* 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
 */
.controls
{ clear: both;}

div.gbSystemLinks
{ padding: 4px 6px; clear: both;}

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

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

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

td.giAlbumCell, td.giItemCell
{ padding: 0 5px 25px 0; text-align: left;}

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

/*********************************************************************************
* 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, h1, 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: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #333; background-color: #FFF;}

body.gallery
{ background-color: #FFF;}

.gcBackground1
{ background-color: #FFFFFF;}

.gcBackground2
{ background-color: #EFEFEF;}

.gcBorder1
{ border: 0 solid #CCC;}

.gcBorder2
{ border: 0 solid #888;}

#gallery a
{ font-weight: bold; text-decoration: none; color: #6B8CB7;}

#gallery a:hover
{ text-decoration: underline; color: #F4560F;}

#gallery a:active
{ text-decoration: none; color: #F9C190;}

#gallery img
{ border-width: 0;}

#gallery h1, #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;}

p.giTitle
{ text-align: left !important; /*[e]left*/ clear: both; padding: 0px 0; margin: 0;}

#gsThumbMatrix .giItemCell .giTitle
{ margin-bottom: 30px;}

#gallery h1, #gallery h3, #gallery h4
{ font-size: 1.3em; font-weight: bold;}

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

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

/*.giDescription {
font-size: 1.1em;
line-height: 1.4em;
}*/
.gbEmptyAlbum
{ height: 400px;}

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

.giInfo
{ font-size: 0.9em; color: #888; margin: 0; padding: 0; line-height: 1.1em;}

.giSuccess, .giWarning, .giError
{ font-weight: bold;}

.giSuccess
{ color: #8CCC00; font-size: 16px !important; /*[e]16px*/ border: 0;}

.giWarning
{ color: #C50;}

.giError
{ color: #A44;}

.giNew, .giUpdated
{ border-width: 2px; border-style: ridge; padding: 0 6px; line-height: 1.9em;}

div.gbBreadCrumb
{ font-size: 1em; clear: both;}

div.gbBreadCrumb a, div.gbBreadCrumb span
{ padding: 0 0 0 14px; background: url(images/icon_path_separator.gif) no-repeat left; float: left;}

div.gbBreadCrumb a.BreadCrumb-1
{/*no :first-child in IE*/
 padding-left: 0; background-image: none; white-space: nowrap;}

#gsThumbMatrix
{ width: 99%; margin: 10px 0;}

span.albumth
{ background: url(../../../img/bg_album2.png) no-repeat top left; float: left; margin-bottom: 12px;}

span.albumth img
{ background: url(../../../img/bg_album2.png) no-repeat right bottom !important; /*[e]url(../../../img/bg_album2.png) no-repeat right bottom*/ position: relative; top: 2px; left: 2px; background-color: white; padding: 6px 10px 10px 6px !important; /*[e]6px 10px 10px 6px*/ display: block;}

div.gbBreadCrumb span.BreadCrumb-1
{/*no :first-child in IE*/
 padding-left: 0; background-image: none !important; /*[e]none*/}

#gsNavBar div.gbSystemLinks
{ float: right;}

table.gbDataTable th
{ text-align: left; background-color: #F5F5F5; border-bottom: 2px solid #CCC !important; /*[e]2px solid #CCC*/ border-right: 1px solid white !important; /*[e]1px solid white*/}

.gbEven
{ background-color: #FFF;}

.gbBusy
{ background-color: #78D478 !important; /*[e]#78D478*/}

.gbOdd
{ background-color: #F3F3F3;}

div.gbTabBar
{ font-size: 0.9em; font-weight: bold; margin: 0.8em 0 0; padding: 6px 0 0; /*[disabled]background:url(images/tab_bg.gif) repeat-x bottom;*/ white-space: nowrap; overflow: auto; zoom: 1; border-bottom: 1px solid black;}

div.gbTabBar span
{ background: url(images/tab_left.jpg) no-repeat left top; float: left; padding-left: 6px; margin-right: 4px;}

div.gbTabBar span.giSelected
{ background-image: url(images/tab_left_on.jpg);}

div.gbTabBar span.giSelected span
{ background-image: url(images/tab_right_on.jpg);}

div.gbTabBar span span
{ display: block; float: left; padding: 6px 10px 5px 4px; background: url(images/tab_right.jpg) no-repeat right 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
{ color: #333;}

#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; padding-bottom: 6px; background-image: url(../matrix/images/tab_right_on.jpg);}

.autoCompleteShadow
{ background-color: #A0A0A0 !important; /*[e]#A0A0A0*/}

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

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

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

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

/*main img==============*/
#mainimg
{ position: relative; text-align: center; min-height: 150px; _height: 130px; margin-top: 5px; clear: both;}

#mainimg #gsImageView
{ margin: 0 auto !important; /*[e]0 auto*/ text-align: center; display: inline-block; padding: 0 !important; /*[e]0*/ _margin-left: 35px;}

#mainimg #gsImageView span.picture
{ margin: 0; display: inline-block;}

#mainimg #gsImageView span.picture img
{ max-width: 560px; width: expression(document.body.clientWidth>559?"560px":"auto");}

#mainimg .gbNavigator
{ border: 0; /*[disabled]position:absolute;*/ /*[disabled]top:80px;*/}

#mainimg .gbNavigator a
{ float: left; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; margin-top: 115px; line-height: 29px; width: 26px; overflow: hidden; background: url(images/bg_prevnext.png) no-repeat !important; /*[e]url(images/bg_prevnext.png) no-repeat*/ padding: 0; text-indent: -99999px; height: 29px !important; /*[e]29px*/}

#mainimg .gbNavigator a.next
{ float: left; text-indent: -99999px !important; /*[e]-99999px*/}

#mainimg .gbNavigator a.next:hover
{ background-position: 0 -40px !important; /*[e]0 -40px*/}

#mainimg .gbNavigator div.no-previous a.next
{ text-indent: -9999px; overflow: hidden; width: 0px; padding-right: 26px; border: 0;}

#mainimg .gbNavigator a.previous
{ background-position: -30px 0 !important; /*[e]-30px 0*/}

#mainimg .gbNavigator a.previous:hover
{ background-position: -30px -40px !important; /*[e]-30px -40px*/}

#mainimg .gbNavigator a.last, #mainimg .gbNavigator a.first
{ display: none;}

#mainimg .gbNavigator .first-and-previous
{ position: absolute; top: 80px; left: 0;}

#mainimg .gbNavigator .next-and-last
{ position: absolute; top: 80px; right: 0;}

#AddComment_block, #AddComment_trigger
{ clear: both; padding: 10px 0;}

#AddComment_block h4
{ padding-top: 5px; font-size: 14px;}

input.inputTypeSubmit
{ background: url(images/bg_btn_generic.gif) repeat-x center bottom; border: 0; padding: 3px 12px; color: white; font-weight: bold; font-size: 14px; border: 1px solid #168CB4; margin: 10px 4px 4px 0;}

#AddComment_block h1, #AddComment_trigger h3
{ color: #111C32; font-size: 20px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 30px 0 10px;}

li.block li div
{ /*[disabled]display:inline;*/}

.similar .picture
{ margin-right: 5px !important; /*[e]5px*/}

/**********************************************************************************/
#folksonomy ul li
{ padding: 0.2em; display: inline-block;}

#folksonomy ul li.tag1
{ font-size: 0.8em;}

#folksonomy ul li.tag2
{ font-size: 1em;}

#folksonomy ul li.tag3
{ font-size: 1.2em;}

#folksonomy ul li.tag4
{ font-size: 1.4em;}

#folksonomy ul li.tag5
{ font-size: 1.6em;}

#folksonomy ul li.tag6
{ font-size: 1.8em;}

/** 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: #999; font-size: 1.1em; border-bottom: 1px solid #DDD; display: block; margin: 5px 0;}

div.gbNavigator div.next-and-last
{ float: right;}

div.gbNavigator
{ border-bottom: 1px solid #DDD; padding: 5px;}

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) no-repeat left;}

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

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

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

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) no-repeat right;}

#gallery.rtl div.gbNavigator a.previous
{ padding: 0 27px 0 0; background: url(images/nav_next.gif) no-repeat right;}

#gallery.rtl div.gbNavigator a.next
{ padding: 0 0 0 27px; background: url(images/nav_prev.gif) no-repeat left;}

#gallery.rtl div.gbNavigator a.last
{ padding: 0 0 0 27px; background: url(images/nav_first.gif) no-repeat left;}

#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: #0B6CFF;}

/******************************************************
Dynamic blocks
******************************************************/
div.block-comment-ViewComments
{ margin: 5px;}

div.block-comment-ViewComments p.sortopt
{ float: left; margin-top: 35px; margin-left: 10px;}

div.block-comment-ViewComments div.one-comment
{ border: none; padding: 5px; clear: both; border-bottom: 1px solid #E8E8E8; margin-bottom: 10px;}

div.block-comment-ViewComments div.one-comment h3
{ margin: 0 0 5px; font-size: 16px;}

div.block-comment-ViewComments div.one-comment .comment
{ border: 0; padding: 5px 0 0;}

div.block-comment-ViewComments h3
{ margin-bottom: 5px; float: left;}

div.block-comment-ViewComments span
{ padding-right: 5px;}

div.block-comment-ViewComments p.info
{ text-align: right; color: #858585;}

div.block-core-GuestPreview
{ float: right; clear: both;}

#gallery.rtl div.block-core-GuestPreview
{ float: left;}

span.block-core-SystemLink
{ color:#ffffff !important; }

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: #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
{ padding-top: 4px;}

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

#gsThumbMatrix .giRatingAverageContainer
{ margin: auto;}

/*admin------*/
#userAdminForm h2, #siteAdminForm h2, #itemAdminForm h2
{ font-size: 20px;}

#userAdminForm #gsContent, #siteAdminForm #gsContent, #itemAdminForm #gsContent
{ padding: 10px;}

#siteAdminForm #gsContent, #userAdminForm #gsContent, #itemAdminForm #gsContent
{}

#siteAdminForm #gsContent h3, #itemAdminForm #gsContent h3
{ font-size: 18px; border-bottom: 1px solid #DDD;}

#userAdminForm #gsContent h2, #siteAdminForm #gsContent h2, #itemAdminForm #gsContent h2
{ font-size: 24px; border-bottom: 2px solid #3AB0D7; padding-bottom: 3px;}