/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	PHOTO GALLERY STYLES
	 
	 ....................................... */
	 

/* =PHOTO GALLERY STYLES
   (Pulled from PhotoGallery.aspx to for shared use in SupporterGallery.aspx)
   ....................................... */

   	#maincontainer {
		margin: 10px 0;
	}
	div#header {
		background-image: url(   'ImageGallery/images/HeaderBackground.png' );
		background-position: 0 0;
		background-repeat: repeat-x;
		background-color: #bac8e0;
		border-top: 1px solid #6a85b6;
		border-right: none;
		border-bottom: 1px solid #6a85b6;
		border-left: none;
	}
	div#header h1 {
		text-align: left;
		background-image: url(   'ImageGallery/images/camera2.png' );
		background-position: left -5px;
		background-repeat: no-repeat;
		padding-left: 1.7em;
		color: white;
		margin-left: .5em;
	}
	div#header h1 a {
		color: white;
		text-decoration: none;
	}
	div.breadcrumb {
		text-align: left;
	}
	div.breadcrumb span.bc_title, div.breadcrumb span.bc_sep {
		color: #fff;
		font-size: .9em;
	}
	table#GalleryLayout {
		width: 100%;
	}
	/* Headers */table#GalleryLayout th.breadcrumb, table#GalleryLayout th.subcategories, table#GalleryLayout th.images {
		font-size: 175%;
		color: #345483;
		line-height: 120%;
		padding-bottom: 10px;
	}
	table#GalleryLayout thead tr th.subcategories {
		text-align: left;
		border-right: 1px solid #938f8f;
	}
	table#GalleryLayout thead tr th span.subcategory {
		background-image: url(   'ImageGallery/images/folder.png' );
		background-repeat: no-repeat;
		padding: .25em .25em .25em 2em;
	}
	table#GalleryLayout thead tr th span.showall {
		font-size: .9em;
		font-weight: normal;
	}
	table#GalleryLayout thead tr th span.showall span.showAllCheckBox {
		position: absolute;
		left: -1000em;
	}
	table#GalleryLayout thead tr th span.showall input {
		position: relative;
		top: .15em;
	}
	table#GalleryLayout thead tr th span.image {
	}
	/* Navigation */table#GalleryLayout td#navigation {
		background-color: #f1edff;
		vertical-align: top;
		padding: .5em;
		width: 17em;
	}
	table#GalleryLayout td#navigation h4 {
		margin: 1em 0em .25em .25em;
		padding: 0em;
	}
	table#GalleryLayout td#navigation input {
		width: 75%;
	}
	table#GalleryLayout td#navigation ul.taxonomy-navigation {
		border: 1px solid #4c4c4c;
		border-top: none;
		list-style: none;
		margin: 0em;
		padding: 0em;
		width: 17em;
	}
	table#GalleryLayout td#navigation ul.taxonomy-navigation li, table#GalleryLayout td#navigation ul.taxonomy-navigation span {
		background-image: url(   'ImageGallery/images/taxonomyNavBacgrkound.png' );
		background-position: left top;
		background-repeat: repeat-x;
		border-top: 1px solid #4c4c4c;
		padding: .25em;
		background-color: #dadbdb;
	}
	table#GalleryLayout td#navigation ul.taxonomy-navigation span {
		display: block;
		color: #6a85b6;
		font-weight: bold;
		width: 17em;
	}
	/* Images Cell */table#GalleryLayout td#images {
		width: 628px;
	}
	/* Gallery Layout */table.Gallery {
		border-collapse: separate;
		border-spacing: 7px;
		*border-collapse: expression('separate', cellSpacing = '7px'); /* IE Cell Spacing Workaround */
		margin-left: 13px;
	}
	table.Gallery td.Image {
		width: 125px;
		border: 2px solid #CCC796;
		vertical-align: top;
		text-align: left;
		padding: 8px;
	}/* Total width should add to 145px. */
	table.Gallery td.Image a {
		text-decoration: none;
	}/* Necessary for proper IE styling */
	table.Gallery img {
		vertical-align: middle;
	}
	table.Gallery td.Image div.contentID {
	}
	table.Gallery td.Image div.contentID span.contentId {
		position: relative;
		bottom: .15em;
	}
	table.Gallery td.Image div.contentID input {
		position: relative;
		top: .1em;
		width: .8em;
	}
	table.Gallery td.Image div.contentID a.imageProperties {
		text-decoration: none;
	}
	table.Gallery td.Image div.contentID a.imageProperties img.propertiesIcon {
		vertical-align: middle;
	}
	table.Gallery td.Image div.image {
		text-align: center;
	}
	table.Gallery td.Image div.image img {
		max-width: 125px;
		height: 94px;
	}
	table.Gallery td.Image div.fileName {
		color: #345483;
		font-size: 92%;
		font-weight: bold;
		line-height: 120%;
		padding-top: 5px;
		text-align:center;
	}
	table.Gallery td.Image div.fileName a {
		display: block;
		font-weight: bold;
		overflow: hidden;
		height: 1.25em;
		width: 16.5em;
	}
	/* Manage Images */div.UploadPanel {
		padding: 1em;
		background-color: #776E51;
	}
	div.UploadPanel h3 {
		color: white;
		margin: 0em;
		padding: 0em;
		font-size: 1.25em;
	}
	div.UploadPanel div#ImageProperties {
		margin: .25em 0em 0em 0em;
	}
	div.UploadPanel div#ImageProperties table {
		width: 100%;
	}
	div.UploadPanel div#ImageProperties table thead th {
		text-align: left;
	}
	div.UploadPanel div#ImageProperties table tbody td {
		text-align: left;
	}
	div.UploadPanel div#ImageProperties table tbody td.label {
		text-align: left;
		width: 7.75em;
	}
	div.UploadPanel div#ImageProperties table tbody td select {
		width: 30.25em;
	}
	div.UploadPanel div#ImageProperties table tbody td input {
		width: 30em;
	}
	div.UploadPanel div#ImageProperties fieldset {
		margin: 0em;
	}
	div.UploadPanel div#ImageProperties fieldset legend {
		color: #fff;
		padding: .25em;
	}
	div.UploadPanel h3 img {
		margin-right: .25em;
	}

	/* Paging Controls */
	
	span#ecmFirst,
	span#ecmPrevious,
	span#ecmNext,
	span#ecmLast {
		display: block;
		float: left;
		margin-top: 12px;
		padding: 7px 15px;
		background: #4D6992 url(fw/bgPaging.jpg) repeat-x center;
		font-size: 90%;
		color: #B3BFD1;
	}/* Shared attributes grouped for consistency. Total width of these block-level elements should add to 628px. Note that this includes above padding. */
	span#ecmLast {
		float: none;
	}
	span#ecmFirst a,
	span#ecmPrevious a,
	span#ecmNext a,
	span#ecmLast a {
		color: #FFFFFF;
		text-decoration: none;
	}/* Shared attributes grouped for consistency. */
	span#ecmFirst a:hover,
	span#ecmPrevious a:hover,
	span#ecmNext a:hover,
	span#ecmLast a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}/* Shared attributes grouped for consistency. */
	span#ecmFirst a {
		padding-left: 15px;
		background: url(fw/arrowDoubleLeftWhite.gif) no-repeat left 50%;
	}
	span#ecmPrevious a {
		padding-left: 15px;
		background: url(fw/arrowLeftWhite.gif) no-repeat left 50%;
	}
	span#ecmNext a {
		padding-right: 15px;
		background: url(fw/arrowRightWhite.gif) no-repeat right 50%;
	}
	span#ecmLast a {
		padding-right: 15px;
		background: url(fw/arrowDoubleRightWhite.gif) no-repeat right 50%;
	}