@CHARSET "UTF-8";

body {
	background-image: url('images/gradient.jpg');
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 1em;
	color: #000000;
	width: 800px;
	margin: auto;
	margin-top: 40px;
}

div.box {
	background-image: url('images/background.jpg');
	border: solid 1px #808080;
	padding: 10px 10px 10px 20px;
	-moz-border-radius: 10px;
	margin-top: 15px;
}

div.box h1 {
	font-size: 1.2em;
	margin: 0px 0px 0px -10px;
}

div.item {
	overflow: hidden;
	margin-top: 3px;
	width: 100%;
}

#colorsBox div.item {
	margin: 8px 0px;
}

div.left {
	float: left;
	width: 155px;
}

div.right {
	margin-left: 160px;
}

input, textarea, select {
	border: solid 1px #808080;
	background-color: #EFEFEF;
}

input.color {
	width: 70px;
}

input.text {
	width: 99%;
}

select {
	width: 99%;
}

#colorsBox select {
	width: 95px;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

#colorPicker {
	position: absolute;
	background-color: #EFEFEF;
	border: solid 1px #808080;
	text-align: center;
	padding: 10px;
	display: none;
	background-image: url('images/gradient.jpg');
}

#colorPicker a {
	color: #0000C0;
}

img.colorPreview {
	width: 15px;
	height: 15px;
	border: solid 1px #808080;
	position: relative;
	top: 4px;	
}

#BRB_bar {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10pt;
	background-color: #FFFEE0;
	color: #000000;
	border-bottom: ridge 2px #848075;
	z-index: 100;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

#BRB_right {
	padding: 5px; 
	float: right; 
	margin-left: 20px;
}

#BRB_text {
	padding: 5px;
}

#footer {
	margin-top: 10px;
	text-align: center;
	font-size: 0.8em;
}

#footer div.left {
	float: left;
	margin: auto;
	width: auto;
}

#footer div.right {
	float: right;
	margin: auto;
	width: auto;
}

a img {
	border: none;
}