/* COMMON CONTENT FORMATTING */

a {
	color: #66cc33;
	outline: none;
}
a:visited {
	color: #66cc33;
}
a:hover, a:focus {
	color: #66cc33;
}
a:active {
	color: #66cc33;
}

a.none {
	text-decoration: none;
}

.pic, .pic-small, .pic-full {
	padding: 0px;
	margin: 2px;
	color: #999;
	width: 74px;
	text-decoration: none;
}
.pic-small {
	width: 45px;
}
.pic-full {
	width: auto;
}

.pad5 {
	padding: 5px;
}
.pad10 {
	padding: 10px;
}

.blu {
	color: #00a4ec !important;
}
.red {
	color: #f00 !important;
}
.grn {
	color: #6eb056 !important;
}
.gry {
	color: #666 !important;
}
.dgry {
	color: #333 !important;
}
.lgry {
	color: #999 !important;
}
.blk {
	color: #000 !important;
}
.wht {
	color: #fff !important;
}

strong, b, .bold, label, legend {
	font-weight: bold;
}
img {
	border: 0;
}
td {
	vertical-align: top;
}
p {
	clear: left;
	line-height: 1;
	padding-left: 5px;
}
hr {
	height: 1px;
	background: #ccc;
	border: none;
}
hr.dotted {
	border-top: 1px solid dotted #fff;
	padding: 0;
}
form {
	clear: left;
	margin: 0;
}

/* HEADING */

h2 {
	margin: 0 0 0.2em 0;
	font-size: 85%;
	letter-spacing: -1px;
	font-weight: normal;
	clear: left;
	color: #4e463f;
}
h2 span, h3 span {
	color: #999;
	white-space: nowrap;
}
h3 {
	margin: 0 0 0.5em 0;
	font: normal 75%/1 arial, sans-serif;
	letter-spacing: -0.03em;
	clear: left;
	color: #4e463f;
}
h4 {
	clear: left;
	font-size: 70%;
	font-weight: bold;
	margin-bottom: 0.2em;
	color: #999;
}

/* JOIN BUTTON */

.join a {
	padding: 2px 14px;
	border: 1px solid #d3dfed;
	margin: 2px 3px 0 0;
	font-size: 90%;
	text-decoration: none;
	color: #fff;
}

/* LIST */

ul {
	margin: 0;
	padding: 0;
}
li {
	margin-bottom: 0.5em;
}

.list {
}
.list img {
	width: 45px;
}
.list .img {
	width: 50px;
}
.list .sep {
	background: #fff url(images/separator.gif) repeat-x;
}

.menuList {
}
.menuList table td {
	padding-left: 5px;
	padding-bottom: 0.1em;
	background-color: #282828;
	margin-bottom: 2px;
}
.menuList a {
	color: #fff;
}
.menuList .number {
	width: 10px;
	text-align: center;
	font-size: 85%;
	color: #ffffff;
	background-color: #339933;
	padding: 0 3px 0 3px;
}

.odd {
	background: #1b1b1b;
}
.even {
	background: #000000;
}

/* STAR RATING */

/* for an inline rater */
.inline-rating {
	display: inline;
	vertical-align: middle;
}
.inline-rating em {
	display: none;
}
.inline-rating img {
	width: 8px;
	height: 12px
}

/* FORM ELEMENTS */

.form-large {
	margin: 0;
}
.form-large ol {
	margin: 0;
	padding: 0;
}
.form-large ol li {
	list-style: none;
	margin: 0;
	clear: left;
}
.form-large label {
	display: block;
	font-size: 105%;
	font-weight: bold;
	letter-spacing: -0.03em;
	color: #817a71;
	margin: 0.7em 0 0.1em 0;
}
.form-large label span {
	font-size: 80%;
	font-weight: normal;
	color: #999;
	letter-spacing: 0;
}
.form-large label.fieldLabel {
	display: inline;
}
.form-large .form-text, .form-large textarea, .form-large select, .form-large .form-brief {
	padding: 2px;
}
.form-large select {
	padding: 1px 0;
}
.form-large .form-text {
	width: 150px;
	padding: 3px;
}
.form-large .form-brief {
	width: 100px;
}
.form-large textarea {
	height: 7em;
	width: 97%;
}
input.button1, input.button2, input.button3 {
	margin-top: 2px;
	padding: 3px 5px;
}
.button2 {
	color: #777;
}
input.button3 {
	font-size: 90%;
	padding: 0;
}
.form-large em {
	color: #ff0000;
	font-size: 9px;
	margin-left: 2px;
}
.form-large .note {
	font-size: 85%;
	color: #999;
	margin-bottom: 0.3em;
	margin-top: 0;
	display: block;
}

/* BODY */

html {
	width: 100%;
}
body {
	color: #fff;
	margin: 0;
	padding: 0;
	background-color: #000;
}
body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
	font: 83%/1.4 arial, helvetica, sans-serif;
}
input {
	line-height: 1;
}

/* TEMPLATE */

#pageContents {
	margin: 0px;
}

/* HEADER */

#pageHeader {
	clear: left;
	text-align: center;
	height: 32px;
	margin-bottom: 1px;
	background: #65ca32 url(images/header-back.gif) repeat-x;
}

#webbyBanner {
	padding: 3px;
	text-align: center;
	background: #bfbfbf;
}

/* TOOLBAR STYLES */

.menuBar {
	clear: both;
	margin: 0 5px;
	padding: 0px;
}
.tool {
	font-size: 85%;
	padding: 0 2px;
	min-height: 18px;
}
.menuBar .tool img {
	margin-top: 2px;
}
.menuBar strong {
	color: #65ca32;
	font-size: 125%;
}

/* BOXES */

.boxGroup {
	clear: left;
	margin-bottom: 5px;
}
.boxGroup p {
	margin: 0.3em 0 0 0;
}
.boxGroup h2 {
	padding-left: 5px;
	font-size: 100%;
	color: #fff;
	font-weight: bold;
	background: #2d2d2c url(images/title-back.gif);
}

/* MESSAGE STACK */

.messageStack {
	background: #fffcf5;
	border: 1px solid #c8ad91;
	margin-bottom: 1em;
	color: #465584;
}
.messageStack div {
	padding: 15px;
}
.messageStack h3 {
	color: #6c7d8e;
}
.error h3, .success h3 {
	display: none;
}
.success .messageStack, .error .messageStack {
	border: 0;
}
.success .messageStack div, .error .messageStack div {
	padding: 0;
}

/* FOOTER */

#pageFooter {
	clear: both;
	border-top: 1px solid #fff;
}
#pageFooter .contents {
	height: 15px;
	background: #368f2a url(images/footer-back.gif) repeat-x;
	padding-left: 5px;
	color: #fff;
	font: 85% tahoma, sans-serif;
}
#pageFooter a {
	color: #999999;
}