body {
	margin:0;
	padding:0;
	font-family:Tahoma, Sans-Serif;
	background-color:silver;
	font-size: 90%;
}

img {
	border:none; 
	vertical-align: middle;
}

a {
	color:#6a85b6;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
a:visited {color:#6a85b6}

#maincontainer {
	width: 60em;
	margin: 1em auto;
	background-color:white;
	border:1px solid #4c4c4c;
}

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 center;
	background-repeat:no-repeat;
	padding-left:1.7em;
	line-height: 48px;
	text-transform:lowercase;
	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 {
    border-collapse:collapse;
    text-transform:lowercase;
    width:100%; 
    margin: auto;
    padding: 0em;
}

/* Headers */
table#GalleryLayout th.breadcrumb, table#GalleryLayout th.subcategories, table#GalleryLayout th.images {
	padding:.4em .5em;
	background-image:url('ImageGallery/images/TableHeaderBackground.png');
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#fdfcfd;
	border-top:1px solid #938f8f;
	border-right:none;
	border-bottom:1px solid #938f8f;
	border-left:none;
	font-weight:bold;
	color:#4c4c4c;
}

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 {
	background-image:url('ImageGallery/images/film.png');
	background-repeat:no-repeat;
	padding:.25em .25em .25em 2em;
}

/* 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 {
    border-left:1px solid #938f8f;
    padding-left:.5em;
    margin-left:.5em;
    vertical-align: top;
    width: 85%;
}

/* Gallery Layout */
table.Gallery {
    border-collapse:collapse;
    width: auto;
    margin: .5em auto;
}

table.Gallery td.Image {
    width: 12.5em;
    border: solid .75em #fff;
    vertical-align: bottom;
    text-align: left;
}

table.Gallery td.Image div.contentID {
    text-align: center;
}

table.Gallery td.Image div.contentID span.contentId {
	font-size: .75em;
	color:#9e9e9e;
	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 {
	padding: .25em;
	border: 1px solid #938f8f;
	margin: .25em 0em;
	text-align: center;
}

table.Gallery td.Image div.image img {
	width: 11.5em;
	border: 0em;
}

table.Gallery td.Image div.fileName {
	text-align: center;
	font-size: .75em;
}

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;}
