/* Starting from the top...*/

*{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:link,a:visited,a:hover,a:active {
	color:#ccc;
	text-decoration: underline;
}
h2 a:link,a:visited,a:hover,a:active{
	text-decoration: none;
}

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #000 url("../../images/theme/bg-1.jpg") fixed;

}
img#bg {
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	z-index:-1;
}
#debug {
	position:absolute;
	top:0px;
}
#header {
	text-align: left;
	width:1000px;
	height:71px;
	margin:60px auto 0px auto;
	padding:0px;
	background-image: url("../../images/theme/fadebar.png");
	background-repeat: no-repeat;
	
}


#header img {
	width: 1000px;
	height: 245px;
}
#banner {
	position: relative;
	z-index: 2;
	width: 900px;
	height: 80px;
	background-image: url("../../images/theme/logo.gif");
	background-repeat: no-repeat;
	padding-left: -100px;	
}
#badge{
	text-align: right;
	width:1000px;
	margin-top:-70px;
}
#badge img{
	width:60px;
	height:60px;
}

#navfirst {
	margin:7px 10px 0px 0px;
}
#rollfirst {
	position:absolute;
	margin:7px 10px 0px 0px; /*	margin:7px 10px 0px 10px; works in safari but not firefox and viseversa*/
	z-index:4;
	visibility:hidden;
}
.chrome #rollfirst, .safari #rollfirst {
	margin-left:15px;
}
a:hover #rollfirst {
	visibility:visible;
}
.navmiddle {
	margin:6px 14px 0px 14px;
}
.rollmiddle {
	position:absolute;
	margin:7px 14px 0px 14px;
	z-index:4;
	visibility:hidden;
}
a:hover .rollmiddle {
	visibility:visible;
}

#navlast {
	margin:6px 0px 0px 13px;
}
#rolllast {
	position:absolute;
	margin:7px 0px 0px 13px;
	z-index:4;
	visibility:hidden;
}
a:hover #rolllast {
	visibility:visible;
}

#nav>img {
	position:absolute;
	margin:5px 4px 0px 0px;
}
#nav {
	
}
#nav * ,#header * {
	outline: none;
}
#nav *, #header * {
	-moz-outline-style: none;
}
#main {
	text-align:left;
	width:1000px;
	margin:8px auto 0px;
	min-height: 350px;
	border-bottom: none;
	color:white;
}
#mainl {
	width:700px;
	margin:0px;
	min-height:350px;
	float:left;
	background-color:#100d0e;
	opacity:0.9;
	margin-bottom:20px;
	text-align:center;
	-moz-border-radius-bottomleft:26px;
	-webkit-border-bottom-left-radius:26px;
	-moz-border-radius-bottomright:26px;
	-webkit-border-bottom-right-radius:26px;
}
#outer {
	border:2px solid #f80095;
	padding:0px;
	margin:6px auto 0px auto;
	width:688px;
	-moz-border-radius-bottomleft:22px;
	-webkit-border-bottom-left-radius:22px;
	-moz-border-radius-bottomright:22px;
	-webkit-border-bottom-right-radius:22px;
}
#inner {
	margin:3px auto;
	border:2px solid #00c4fa;
	width:678px;
	background-color:#151515;
	-moz-border-radius-bottomleft:18px;
	-webkit-border-bottom-left-radius:18px;
	-moz-border-radius-bottomright:18px;
	-webkit-border-bottom-right-radius:18px;
	padding:20px 0px;
	min-height:300px;
}

.sidebar {
	width:270px;
	float:right;
}
#upper {
	border:8px solid #100d0e;
	-moz-border-radius-bottomleft:25px;
	-webkit-border-bottom-left-radius:25px;
	min-height:70px;
	width:244px;
	background-color:#151515;
	opacity:0.9;
	text-align:center;
	padding-bottom:15px;
	padding-left: 10px;
	text-align:left;
	padding-top: 10px;
}

#welcome {

}

#loginForm {
	color:#00c4fa;
	padding:25px 0px 5px 0px;
}
#username {
	width:150px;
	margin-left:4px;
}
#password {
	width:150px;
	margin:10px -3px 0px 4px;
}
#doLogin {
	float:right;
	margin-right:20px;
}
#lower {
	border:8px solid #100d0e;
	-moz-border-radius-bottomright:25px;
	-webkit-border-bottom-right-radius:25px;
	-moz-border-radius-topleft:25px;
	-webkit-border-top-left-radius:25px;
	background-color:#151515;
	opacity:0.9;
	margin-top:10px;
	min-height:80px;
	width:254px;
	padding-bottom:25px;
}
#sidecontent * {
	width:200px;
	margin:0px auto;
}
#sidecontent {
	text-align:center;
}
#sidecontent h2 {
	text-align:left;
}
.clear {
	clear:both;
}
#footer {
	position:fixed;
	top:100%;
	height:16px;
	margin-top:-16px;
	width:100%;
	background-color:#100d0e;
	opacity:0.9;
	color:white;
	text-align:center;
}
#footer a:link {
	text-decoration:none;
}
#footer a:visited {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:none;
	color:#f80095;
}
#footer a:active {
	text-decoration:none;
}
/*************************Global Stuff**********************/
/* Links that only admins see */

.adminedit {
	float:right;
	margin-right:5px;
	color:#333;
	text-decoration:underline;
}
select {
	border:1px solid #A5A5A5; 
	background-color:#333;
	color:white;
}
select option {
	color:white;
}
/**/
/* no dotted lines around links */
a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}/**/
img {
	border-style:none;
	border:none;
}

h2 {
	font-size: 12px;
	font-weight:100;
}
/* All text boxes and buttons */
[type="text"],[type="password"] {
	background-image:url('../../images/theme/formbg.gif');
	border:none;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	height:20px;
	padding-left:6px;
	padding-right:6px;
}
[type="submit"],[type="reset"] {
	background-color:white;
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-size:11px;
	color:#f80095;
	height:12px;
	padding:0px 20px 16px 20px;
	-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
}/**/
}
/* Text for body and tables */
body,#regTable,#manageTable,#logTable {
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px auto;
}

#menu {
	font:small sans-serif;
	background-color:#100d0e;
	text-align:center;
	min-height:16px;
	padding-top:6px;
}

#menu>a:link,#menu>a:visited,#menu>a:hover,#menu>a:active {
	color:#ff0099;
	text-decoration: none;
}
.menulink {
	background-color:white;
	width:79px;
	float:left;
}
.menulink2 {
	background-color:white;
	width:122px;
	float:left
}

.mleft>p, .uleft>p {
	margin:-1px 0px 0px 0px;
}
.mleft, .uleft {
	margin:0px 0px 0px 8px;
	height:16px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
}

.mmiddle>p {
	margin:-1px 0px 0px 0px;
}
.mmiddle {
	margin:0px 0px 0px 8px;
	height:16px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
}
.mright>p, .uright>p {
	margin:-1px 0px 0px 0px;
}
.mright, .uright {
	margin:0px 0px 0px 8px;
	height:16px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
}

