body {
	border: 0;
	margin: 0;
	background: url('img/back.gif') repeat;
	font-family: georgia, times new roman, serif;
}

img, fieldset { border: 0; }

a { text-decoration: none; }
a:hover { color: #999; }

hr { width: 70%; border: 1px solid #000; }
fieldset { padding: 0; margin: 0; }

input, textarea, select {
	font-family: georgia, times new roman, serif;
}

thead td { font-weight: bold; text-align: center; }
thead tr { background-color: #ccc; }

.thead td { font-weight: bold; text-align: center; }
.thead { background-color: #ccc; }

.indent { margin-left: 1em }
.underlined { text-decoration: underline; }

/* --- classes ------------------------------------------------------ */

.center { text-align: center; }
.divcenter { margin: 0 auto; }
.alert { color: #f00; }

.title { font-size: 1.8em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.subtitle { font: 1.3em bold; }
.small {  font-size: 0.6em; }

.emailInput { width: 250px; }

.mainBox { width: 60%; }

.boxWrap {
	border: 1px solid #000;
	padding: .5em 1em;
	width: 50%;
	text-align: center;
}

.submitButton {
	background-color: #ccc;
	padding: .5em 1.25em;
	border: 3px double #999;
	font-size: 1.2em;
}

.smallInput { width: 3em; }
.middleInput { width: 15em; }
.mediumInput { width: 30em; }

.colA { background-color: #ddd; }
.colB { background-color: #bbb; }

.roundedBox {
	border: 1px solid #000;
	-moz-border-radius: 1em;
	padding: .5em 1em;
}

/* --- column layout ------------------------------------------------ */

#leftColumn { float: left; }
#rightColumn { float: right; }
#columnWrap { width: 800px; }
.clearBoth { clear: both; }

/* --- main css ----------------------------------------------------- */

#wrapper {
	margin: 3em auto 3px auto;
	background: url('img/border.png') repeat-x top center;
	width: 100%;
}

#main {
	position: relative;
	top: 11px;
	background-color: #fff;
	padding: 1em;
	min-height: 500px;
	/*border-left: 3px solid #000;
	border-right: 3px solid #000;*/
}

#footer {
	clear: both;
	background: url('img/border2.png') repeat-x bottom center;
	width: 100%;
	margin: 0 auto 1em auto;
}

/* --- tables ------------------------------------------------------- */

.borderedTable table { 
	border-collapse: collapse;
	border: 1px solid #000;
}

.borderedTable td {
	border: 1px solid #000;
	padding: 5px;
}

.aNewDJ td { text-align: left; }

.tablehack { margin-left: -3px; }

/* --- login page --------------------------------------------------- */

#loginbox, #resetPassbox {
	position: relative;
	background: url('img/login.gif') no-repeat top center;
	width: 400px;
	height: 350px;
	margin: 5em auto 0;
	padding-top: 0px;
	text-align: center;
}

#loginbox input, #resetPassbox input {
	text-align: center;
}

#loginbox .theForm, #resetPassbox .theForm {
	position: relative;
	top: 27px;
}

#loginfooter {
	margin: auto;
	text-align: center;
	font-size: .7em;
}

#resetPassbox {
	height: 325px;
	background: url('img/smallbox.gif') no-repeat top center;
}

/* --- message box -------------------------------------------------- */

#messageBox.okay {
	background-color: #33cc00;
}

#messageBox.error {
	background-color: #ff3333;
}

#messageBox {
	width: 600px;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	padding: 0.75em 2em;
	color: #fff;
	-moz-border-radius: 1em;
}

/* --- menu --------------------------------------------------------- */

#mainmenu {
	width: 60%;
}

#mainmenu a { font-weight: bold; color: #fff; }
#mainmenu a:hover { color: #000; }

.radioShow { background-color: #93d6fc; }
.otherDJ { background-color: #6dbeed; }
.admin { background-color: #1aa6e7; }
.logout { background-color: #ff4940; }

/*
33b0ff, 3376ff
*/