a, .link { color: blue; }
.link { cursor: pointer; text-decoration: underline }
a img { border: 0; }
body { background-color: #6666CC; font-family: Arial, Helvetica, sans-serif; margin: 5; margin-bottom: 0}
table, td { border-collapse: collapse; padding: 0;}
table { width: 100%; clear: both; margin-left: auto; margin-right: auto; }

.photocodebox, .searchbox { font-size: 20; height: 28; border: 0}
.copyright { font-size: 70%; vertical-align: middle; width: 100%; background-image: url('/layout/graphics/layout/copyrightbackground.gif') }
.angle { padding-left: 10; padding-right: 10; }

table .rounded { width: 100%; background-color: #B6B6FF }
.rounded .full { width: 100% }
.rounded .half { width: 100% }
.rounded .full .right { width: 100%; text-align: right }
.rounded .half .right { width: 50%; text-align: right }
.rounded .full .left { width: 100%; text-align: left }
.rounded .half .left { width: 50%; text-align: left }

.plaintitle, .title { text-align: center; font-weight: bold; }
.margin td { padding: 7 }

.highlight { background-color: #8282E6; text-align: center; color: #CCCCFF }
.text { background-color: #CCCCFF }
.title { background-color: #B4B4FF; }
.title .left { text-align: left }
.alert { text-align: center; color: red; font: bold; background-color: white; border: dashed }

.chatbox { font: 80% }
.chatboxuser { font-weight: bold }

.inputlight, .inputmedium, .inputmediumlight {
	width: 150; height: 22; 
	font-size: 16; border: 0; 
	padding-left: 8; padding-right: 8;
	background-attachment: fixed;}

.inputlight { background: url('/layout/graphics/layout/inputlightbackground.gif') white}
.inputmedium { background: url('/layout/graphics/layout/inputmediumbackground.gif') white}
.inputmediumlight { background: url('/layout/graphics/layout/inputmediumlightbackground.gif') white}

.buttonmedium, .buttonlight, .buttonmediumlight { font-weight: bold; width: 120; height: 20; border: 0; }
.buttonmedium { background: url('/layout/graphics/layout/buttonmedium.gif') #B6B6FF; }
.buttonmediumlight { background: url('/layout/graphics/layout/buttonmediumlight.gif') #CCCCFF; }
.buttonlight { background: url('/layout/graphics/layout/buttonlight.gif') #B6B6FF; }

.buttonmediumhalf, .buttonlighthalf, .buttonmediumlighthalf { font-weight: bold; width: 120; height: 18; border: 0; }
.buttonmediumhalf { background: url('/layout/graphics/layout/buttonmediumhalf.gif') #B6B6FF; }
.buttonmediumlighthalf { background: url('/layout/graphics/layout/buttonmediumlighthalf.gif') #CCCCFF; }
.buttonlighthalf { background: url('/layout/graphics/layout/buttonlighthalf.gif') #B6B6FF; }

textarea { width: 250; height: 125; border: 0; font-size: 16; }

.attribute, .value {  background-color: #9999FF; width: 50%}
.attribute { text-align: right }
.value { text-align: left }


/* Some decent style rules - not like the crap above :) */

/* The rest of the styles - the content. */


.container {
	z-index: 1;
	margin: auto;
	width: 90%;
	position: relative;
}

#navigation {
	position: relative;
	left: -65px;
	top: -50px;
	float: left;
	margin: 0 -50px -50px 0;
	z-index: 1;
}

#chatboard {
	position: relative;
	right: 0px;
	top: -50px;
	float: right;
	width: 250px;
	margin: 0 -50px -50px 0;
	z-index: 1;
	hefight: 100%;
}

#mainContent {
	position: relative;
	margin-left: 15px;
	left: -7px;
}

#footerContent {
	position: relative;
	height: 41px;
	bottom: -15px;
	right: -15px;
	padding-right: 350px;
	background: url(copyright.gif) no-repeat 100% 0%;
}

.footer {
	position: relative;
	width: 70%;
	margin: auto;
	top: -30px;
	z-index: 0;
}

/* These are only used once the Javascript has transformed the document */
/* Note that due to a wonderful Microsoft "feature", 'position: relative;'
   has had to be inserted in every div tag.  Wooo. */
.contentBorderTL, .additionalBorderTL, .footerBorderTL {
	position: relative;
	background: #9999ff;
	margin-right: 50px;
	background: url('/layout/graphics/layout/contentBorder.gif') no-repeat;
}

.contentBorderTR, .additionalBorderTR, .footerBorderTR {
	position: relative;
	margin-left: 50px;
	margin-right: -50px;
	background: url('/layout/graphics/layout/contentBorder.gif') no-repeat 100% 0%;
}

.contentBorderBL, .additionalBorderBL, .footerBorderBL {
	position: relative;
	margin-left: -50px;
	margin-right: 50px;
	background: url('/layout/graphics/layout/contentBorder.gif') no-repeat 0% 100%;
}

.contentBorderBR, .additionalBorderBR, .footerBorderBR {
	position: relative;
	margin-left: 50px;
	margin-right: -50px;
	background: url('/layout/graphics/layout/contentBorder.gif') no-repeat 100% 100%;
	padding: 30px 0px 30px 0px
}

.contentBorderL, .additionalBorderL, .footerBorderL {
	position: relative;
	margin-left: -50px;
	background: url('/layout/graphics/layout/contentSide.gif') repeat-y left;
}

.contentBorderR, .additionalBorderR, .footerBorderR {
	position: relative;
	background: url('/layout/graphics/layout/contentSide.gif') repeat-y right;
}

.contentBorderContent, .additionalBorderContent, .footerBorderContent {
	position: relative;
	background: #9999ff;
	margin: -10px 15px 0px 15px;
}

/* The 'Additional' border style */

.additionalBorderTL, .additionalBorderTR, .additionalBorderBL, .additionalBorderBR {
	background-image: url('/layout/graphics/layout/additionalBorder.gif');
}

.additionalBorderL, .additionalBorderR{
	background-image: url('/layout/graphics/layout/additionalSide.gif');
}


.additionalBorderContent {
	background-color: #ccccff;
	margin: -15px 25px -15px 25px;
}

/* The footer border style.  Contains the copyright note. */

.footerBorderTL, .footerBorderTR, .footerBorderBL, .footerBorderBR {
	background-image: url('/layout/graphics/layout/footerBorder.gif');
}

.footerBorderL, .footerBorderR {
	background-image: url('/layout/graphics/layout/footerSide.gif');
}

.footerBorderContent {
	background-color: #b1b1f7;
	margin: -15px 15px -15px 15px;
}