﻿body
{
	margin:0px;
	padding:0px;
}
.error
{
	color: red;
}
td, body
{
	font-family: 'Segoe UI' , 'Segoe Print' , Arial;
	font-size: 9pt;
}
div.content
{
	margin:5px;
}
a
{
	color:blue;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
	color:Red;
}
table.thumbnails a
{
	border: white 0px solid;
	color: white;
	background-color: transparent;
}
table.thumbnails a:hover
{
	color:Blue;
	border: none;
}
tr.evenRow
{
    background-color:#b0e0e6;
}
tr.oddRow
{
    background-color:#add8e6;
}
tr.headerRow
{
	background-color:#EEEEEE;
	background-image:url('../Interface/HeaderGradient2.png');
	background-repeat:repeat-x;
}
tr.headerRow th
{
	font-weight:normal;
}
table.guestBook td
{
	border: 1px solid white;
	padding:5px;
	font-family: 'Segoe Script';
}
table.guestBook td.date
{
	font-family: 'Segoe UI';
}
table.guestBook
{
	border:0px solid #cccccc;
	border-collapse:collapse;
	font-family: 'Segoe Script' , 'Bradley Hand ITC';
}
textarea
{
	font-family: 'Segoe Script' , 'Bradley Hand ITC';
}
div.pictureControls, .field
{
	background-color:#EEEEEE;
	background-repeat:repeat-x;
}
.field
{
	padding:2px;
	border:1px solid #cccccc;
	margin-top: 3px;
	margin-bottom:1px;
	background-image:url('../Interface/FieldGradient.png');
}
div.pictureControls
{
	border-bottom: 1px solid #999999;
	background-image:url('../Interface/LFieldGradient.png');
}
.centre
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
input.button, button
{
	color:White;
	font-weight:bold;
	background-color:#EEEEEE;
	background-image:url('../Interface/ButtonGradient.png');
	background-repeat:repeat-x;
	border-left:2px solid #EEEEEE;
	border-top:2px solid #EEEEEE;
	border-bottom:2px solid #555555;
	border-right:2px solid #555555;
	padding:1px;
}
input.text, .watermark, textarea.text, input.small, input.date
{
	width:300px;
	border:1px solid #DDDDDD;
}
input.file
{
	border:1px solid #DDDDDD;
	-moz-opacity: 0.00;
	opacity: .00;
	filter: alpha(opacity=0);
}
input.fakeBrowse
{
	z-index: -1;
	width:80px;
	position:absolute;
}
span.fileName
{
	z-index: -2;
	position:absolute;
	padding:2px;
}
div.fileUploadPanel
{
	position:relative;
	white-space:nowrap;
	vertical-align:middle;
}
form.pictureViewer input.text
{
	border:1px solid #999999;
}
input.small
{
	width:30px;
}
input.date
{
	width:130px;
}
.watermark
{
	color:#DDDDDD;
	text-align:center;
}
img.imgCentre
{
	vertical-align:top;
	padding:0px;
	margin:0px;
	margin-top:1px;
}
div.smallSpacer
{
	padding:3px;
}
passwordBorder
{
	border: 1px solid #DDDDDD;
	background-color: White;
}
td.pictureTitle
{
	background-color:#EEEEEE;
	background-image:url('../Interface/PictureTitle2.png');
	background-repeat:repeat-x;
	height:30px;
	text-align:center;
	border-left: 1px solid #999997;
	border-right: 1px solid #999997;
}
table.thumbnails td
{
	text-align:center;
}
.transparent
{
	-moz-opacity: 0.75;
	opacity: .75;
	filter: alpha(opacity=75); 
}
.greyBorder
{
	border: 1px solid #999999;
}
div.drag
{
	cursor:move;
	border: 1px solid #999999;
	background-color: #FFFFCC;
	position:absolute;
	padding:1px;
	z-index:4;
}
.noBorder
{
	color:Black;
}
td.slideshowThumbnail
{
	width:40px;
	text-align:center;
	vertical-align:middle;
	padding: 0px;
}
img.slideshowThumbnail
{
	height: 25px;
}
div.exifInfo
{
	position:absolute;
	background-color:White;
	overflow:hidden;
	height:0px;
	min-width:200px;
	z-index: 3;
	width: 300px; /*for old browsers*/
}
form > div.exifInfo /*for new browsers*/
{
	width: auto;
}
.invisible
{
	-moz-opacity: 0;
	opacity: .0;
	filter: alpha(opacity=0);
}
div.pictureComments, div.thumbnailComments
{
	border: 1px solid #999999;
	border-bottom:inherit;
	background-color: white;
	position: absolute;
	width:250px;
	z-index:50;
}
div.pictureComments
{
	right: 0px;
	bottom: 0px;
}
div.thumbnailComments
{
	text-align:center;
	color:Black;
}
div.pictureComment
{
	border-bottom: 1px solid black;
	padding:5px;
	text-align:left;
}
div.pictureComment div.name
{
	font-weight:bold;
	border-bottom: 1px solid #999999;
	padding-bottom: 2px;
}
div.pictureComment div.text
{
	color: #444444;
}
div.pictureComment span.date
{
	font-size: smaller;
	color: #888888;
	margin-left: 10px;
	margin-bottom: 2px;
}
div.toggleBar, div.info
{
	border-bottom: 1px solid #999999;
}
div.info
{
	width:100%;
}
div.toggleBar
{
	height:16px;
	cursor:pointer;
	cursor:hand;
}
div.toggleBar:hover
{
	background-color: #CCCCFF;
}
div.pictureComment div.delete
{
	position: relative;
	float:right;
	text-align:right;
	top: -12px;
	height:0px;
}
span.pictures div, span.fileBrowser div
{
	float: left;
	margin: 5px;
	height: 118px;
	width: 118px;
	text-align: center;
}
span.pictures div div, span.fileBrowser div div
{
	float: none;
	margin: 0px;
	height: auto;
}
span.pictures div:hover, span.fileBrowser div:hover
{
	background-image:url('../Interface/ImageSelection.png');
	background-repeat:no-repeat;
}
span.fileBrowser
{
	cursor:default;
}
span.pictures img, span.fileBrowser img
{
	margin-top:9px;
	margin-left:9px;
	vertical-align: middle;
	border: 0px;
}
input.openid
{
	background:#FFFFFF url(/Interface/OpenID.gif) no-repeat scroll 0pt 50%;
	color:#000000;
	padding-left:18px;
}
span.backups
{
	cursor:pointer;
	cursor:hand;	
}
