/*[webpath]http://www.yvonnestrik.nl/gallery2/themes/vSlider2/admin.css*/
/*[webpath]http://www.yvonnestrik.nl/gallery2/themes/vSlider2/admin.css*/
/*********************************************************************************
* 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;
	color: #FFFFFF;
}
#gallery P
{
	margin: 0.6em 0;
	padding: 0;
}
.gbBlock
{
	padding: 0.7em 0;
	border-width: 0 0 1px;
	border-style: inherit;
	width: 95%;
	border-color: inherit;
	/*IE can't inherit these*/
	border-style: ;
	border-color: ;
}
.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;
}
#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 8px 8px 0px;
}
#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: 225px;
	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;
}
/*********************************************************************************
* 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 81%;
	color: #FFFFFF;
	background-color: #010101;
}
BODY.gallery
{
	background-color: #FFF;
}
.gcBackground1
{
	background-color: #000000;
}
.gcBackground2
{
	background-color: #000000;
}
.gcBorder1
{
	border-bottom: 0px solid #008000;
}
.gcBorder2
{
	border: 0 solid #008000;
}
#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 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;
}
.giTitle, #gallery H2, #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;
}
.giInfo SPAN.summary
{
	display: block;
}
.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 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: #008000;
	color: #010101;
}
.gbEven
{
	background-color: #2D2D2D;
}
.gbOdd
{
	background-color: #2D2D2D;
}
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;
	/*[disabled]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;
	/*[disabled]background: url(../matrix/images/tab_right.jpg) no-repeat right top;*/
}
#gallery DIV.gbTabBar A
{
	color: #6B8CB7;
	text-decoration: none;
}
#gallery DIV.gbTabBar A:hover
{
	color: #FF0101;
	text-decoration: underline;
}
#gallery DIV.gbTabBar SPAN.giSelected
{
	padding-bottom: 6px;
	/*[disabled]background-image: url(../matrix/images/tab_left_on.jpg);*/
}
#gallery DIV.gbTabBar SPAN.giSelected SPAN
{
	color: #057A05;
	padding-bottom: 6px;
	/*[disabled]background-image: url(../matrix/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: 1.1em;
	font-weight: bold;
}
#gsSidebar DIV UL UL
{
	font-size: 1em;
}
#gsSidebar UL SPAN
{
	color: #999;
}
#giFormUsername, .giFormUsername
{
	background: url(../matrix/images/userinfo.png) no-repeat 0 1px;
	padding-left: 17px;
}
#giFormGroupname
{
	background: url(../matrix/images/groupinfo.png) no-repeat 0 1px;
	padding-left: 17px;
}
#giFormPassword
{
	background: url(../matrix/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;
}
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) 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 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: #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;
}