body {
	font-family:"Verdana", "Arial", "Helvetica", sans-serif;
	font-size:10pt;
}


/********************************************************************
 * top system menu (home, register etc)
 */

div.sysmenu {
	z-index:2;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	padding:6px;
	padding-left:8px;
	border-width:1px;
	border-style:solid;
}
body>div.sysmenu {  /* annoying IE workaround */
	position:fixed;
}


/********************************************************************
 * div element containing sidebar menu and main content area
 * (needed to prevent broken margin in IE)
 */
 
div.submenuAndGallery {  /* annoying IE workaround */
	margin-top:21px;
}
body>div.submenuAndGallery {
	margin-top:0px;
}


/********************************************************************
 * vertical sidebar menu (album list etc)
 */

div.submenu {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	height:600px;
	width:130px;
	padding:10px;
	padding-top:3em;
	border-width:1px;
	border-style:solid;
	clear:left;
}
body>div>div.submenu {  /* annoying IE workaround */
	position:fixed;
	height:100%;
}

div.submenuLink {
	margin-bottom:4px;
}

div.footer {
	z-index:2;
	padding-left:10px;
	padding-bottom:6px;
	font-size:7pt;
}
body>div>div>div.footer {  /* annoying IE workaround */
	left:0px;
	bottom:0px;
	position:fixed;
	width:130px;
}


/********************************************************************
 * function panel in sidebar (file info, rating, comments)
 */

div.functions {
	z-index:2;
	position:fixed;
	bottom:3em;
	left:0px;
	padding:10px;
	padding-top:6px;
	border-width:1px;
	border-style:solid;
	font-size:9pt;
}

div#functions {
	display:none;  /* hide function panel completely in non-JS browsers */
}

div.functionTitle {
	margin-top:4px;
	font-weight:bold;
}

div.picinfo {  /* file information (exif etc) */
}

ul.picinfo {
	margin-top:4px;
	padding-left:20px;
}

li.picinfo {
	font-size:9pt;
}

img.rateButton {
	width:74px;
	height:16px;
	border-width:0px;
	margin-top:2px;
}

div.rateButton {
	width:74px;
	height:16px;
	background-repeat:no-repeat;  /* background image is specified in color css file */
}

div.commentContent {
}

div.commentBox {
	margin:3px;
	padding:4px;
	border-width:1px;
	border-style:dotted;
	font-size:9pt;
}

div.commentHeadline {
	margin-bottom:4px;
}

span.comment_date {
}



/********************************************************************
 * misc elements
 */

span.error {
	padding-left:20px;
	font-weight:bold;
	color:#D00000;
}



/********************************************************************
 * main gallery content
 */

div.gallery {
	position:relative;
	top:0px;
	left:156px;
	width:822px;
	clear:right;
	margin-top:2.8em;
}

img.image {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border-width:1px;
	border-style:solid;
}

div.image {
	padding:8px;
	margin-top:6px;
	margin-bottom:8px;
	border-width:1px;
	border-style:solid;
	overflow:auto;
}

div.imageTitle {
	font-weight:bold;
	margin-top:4px;
}


div.imageCaption {
	margin-top:4px;
}


/********************************************************************
 * breadcrumb navigation (path) and navigation buttons
 */

span.navBreadcrumb {
	font-weight:bold;
}

div.navButtons {
	position:absolute;
	display:inline;
	right:0px;
}

img.navButton {
	width:16px;
	height:16px;
	border-width:0px;
}

div.navButton {
	width:16px;
	height:16px;
	display:inline;
	vertical-align:top;
	background-repeat:no-repeat;  /* background image is specified in color css file */
}

div.navButton a:hover {
    text-decoration:none;
}


/********************************************************************
 * default link format
 */

a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:underline;
}



/********************************************************************
 * legacy CPG table layout
 */

table.admin_menu {
	position:relative;
	top:50px;
	left:160px;
}

td.admin_menu {
	padding:2px;
	border:1px outset black;
	background-color:white;
}


table.maintable {
	padding:4px;
	margin:2px;
	margin-top:8px;
	border-width:1px;
	border-style:dotted;
}

td.tableh1 {
	font-weight:bold;
	padding:2px;
	padding-bottom:4px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
}

td.tableh1_compact {
	font-size:9pt;
	padding-top:10px;
	padding-bottom:2px;
}

td.tableh2 {
	padding-bottom:6px;
}

td.sortorder_options {
	text-align:right;
	font-size:8pt;
}

td.catrow {
}

td.catrow_noalb {
}

span.catlink {
}

span.alblink {
}

span.statlink {
}

td.thumbnails {
	padding-top:10px;
	vertical-align:top;
}

td.tableb_compact {
}


div.album_desc {
	margin-left:8px;
	padding-bottom:10px;
	font-size:9pt;
}

div.album_stat {
	border-top-width:1px;
	border-top-style:dotted;
	margin-left:8px;
	font-size:8pt;
}

span.thumb_title {
	font-size:8pt;
	font-weight:bold;
	display:block;
	margin:2px;
}

span.thumb_num_comments {
	font-size:8pt;
	display:block;
	margin:2px;
}

span.thumb_caption {
	font-size:8pt;
	display:block;
}

h2 {
	font-size:10pt;
	margin:1px;
	margin-bottom:0px;
}