/* Default style for the Quantum Ninjas FIRST Robotics website */
/* All original content created by Daniel Cox 2/1/2007 - */
/* Modified last by Team 1677 Webmaster on: 11:57 PM 3/6/2008 */

body {
	background-color: black;
	color: rgb(240,240,240);
	font: normal 10pt verdana, arial, univers, sans-serif, "times new roman";
   	text-decoration: none;
}


/* ################## Start Header and Footer Sytle ################## */

div#header {
	width: 100%;
	background: transparent url(./bg/images/logo_red.png) no-repeat center center;
	height: 150px;
	text-indent: -1000em;
}

div#footer {
	border: none;
	width: 100%;
	text-align: center;
	font-size: 8pt;
	margin-left: 38%;
}

/* ################## End Header Sytle ################## */



/* ################# Basic Structure #################### */
div#main {
	position: absolute;
	left: 5%;
	top: 175px;
	width: 70%;
	background: url("./bg/images/upperleft_main_red.png") no-repeat top left;
}

div#main div#content {
	width: 96%;
	margin: -.6em 2em 0 2em;
	padding: 0 1.6em 2em 0;
	background: url("./bg/images/lowerright_main_red.png") no-repeat bottom right;
}

div#main h3#pageTitle {
	width: 100%;
	text-align: center;
}

div#right {
	position: absolute;
	left: 75%;
	top: 175px;
	width: 20%;
}

div#right ul#nav {
	list-style-type: none;
}

div#right ul#nav li.listhead {
	display: block;
	width: 100%;
	background: rgb(100,100,100) url("./bg/images/upperleft.png") no-repeat top left;
	border-bottom: solid 1px rgb(240,240,240);
	border-right: solid 2px rgb(240,240,240);
	padding-top: .3em;
	padding-bottom: .3em;
	text-align: center;
}

div#right ul#nav a {
	display: block;
	width: 100%;
	height: 1.7em;
	padding-top: .2em;
	border: solid 1px rgb(240,240,240);
	text-indent: 1.5em;
	text-decoration: none;
	vertical-align: middle;
}

div#right ul#nav a:link, div#right a:visited {
	background-color: rgb(60,60,60);
	color: rgb(240,240,240);
}

div#right ul#nav a:hover {
	background-color: rgb(230,230,230);
	color: rgb(30,30,30);
}

div#right ul.none li {
	text-align: center;
	margin: .1em 0;
}

div#right ul.none a:link, div#right ul.none a:visited {
	background-color: transparent;
	color: rgb(240,240,240);
	border-bottom: solid 1px rgb(200,200,200);
	text-decoration: none;
}

div#right ul.none a:hover {
	background-color: transparent;
	color: rgb(240,240,240);
	border-bottom: solid 1px rgb(240,240,240);
	text-decoration: none;
}

div#right ul#firstLogo {
	list-style-type: none;
	text-align: center;
}

div#right ul#firstLogo a:link, div#right ul#firstLogo a:visited, div#right ul#firstLogo a:hover {
	text-decoration: none;
	border: none;
}


/* ############### End Basic Structure ################## */





/* ####################### Forms ######################### */
input {
	background-color: rgb(30,30,30);
	color: rgb(240,240,240);
	border: medium groove rgb(240,240,240);
	font: normal 10pt "courier new", univers, sans-serif, "times new roman";
   	text-decoration: none;
}

textarea {
	background-color: rgb(30,30,30);
	color: rgb(240,240,240);
	border: medium groove rgb(240,240,240);
	font: normal 10pt "courier new", univers, sans-serif, "times new roman";
   	text-decoration: none;
	width: 96%;
}

input[type="submit"] {
	width: auto;
}

input[type="radio"], input[type="checkbox"] {
	padding: 4px;
}

input.phone1, input.phone2 {
	width: 2em;
}

input.phone3 {
	width: 2.5em;
}

textarea.pageEditing {
	width: 100%;
	height: 50em;
}

textarea.pageComments {
	width: 100%;
	height: 3em;
}

input:focus {
	background-color: rgb(80,80,80);
	border-color: rgb(255,255,255);
}

form td {
	text-align: left;
}

form td.center {
	text-align: center;
}

form td.label {
	text-align: right;
}

form td.inputnote {
	color: rgb(200,200,200);
	font-size: 8pt;
	margin-top: -3px;
	padding-bottom: .5em;
}

div#content form table {
	width: 100%;
}

div#edit input, div#revert input, div#edit-help input  {
	width: 6.5em;
	text-align: center;
}

/*##################### End Forms ########################## */




div#edit {
	position: absolute;
	left: 1px;
	top: 1px;
}

div#revert {
	position: absolute;
	left: 1px;
	top: 30px;
}

div#edit-help {
	position: absolute;
	left: 1px;
	top: 59px;
}

div#help {
	position: absolute;
	right: 5px;
	top: 5px;
}

div#help a {
	border: none;
}

div#help div#help-text {
	display: block;
	position: absolute;
	right: 5px;
	top: 20px;
	width: 400px;
	background-color: rgb(60,60,60);
	color: rgb(240,240,240);
	border: 1px rgb(240,240,240) solid;
	padding: 6px;
	opacity: .75;
	z-index: 100;
}

div#help div#help-text:hover {
	opacity: 1;
}

p.error {
	color: rgb(250,30,40);
	padding-left: 3em;
}

.hidden {
	display: none;
}

.fileUpload div {
	padding-bottom: .3em;
}

.small {
	font-size: 8pt;
}

a:link, .link {
	text-decoration: none;
	color: rgb(220,220,220);
	border-bottom: 1px solid rgb(200,200,200);
	cursor: pointer;
}

a:visited {
	text-decoration: none;
	color: rgb(220,220,220);
	border-bottom: 1px solid rgb(200,200,200);
}

a:hover .link:hover {
	text-decoration: none;
	color: rgb(220,220,220);
	border-bottom: 1px solid rgb(240,240,240);
	cursor: pointer;
}

ul.none li {
	list-style-type: none;
}

img {
	border: none;
}

table {
	border: none;
}

th, *.tableheader {
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	text-decoration: underline;
	padding-top: 1em;
	padding-bottom: .3em;
}

ol.search li {
	padding-bottom: 1em;
}


/* ##################### Forum Style #################### */
div#breadcrumb {
	padding-bottom: 5px;
}

table#forum, table.forum {
	border-collapse: collapse;
	margin: 10px 0 30px 0;
	width: 100%;
}

table#forum td, table.forum td {
	border: 1px rgb(220,220,220) solid;
	padding: 3px 10px;
	vertical-align: middle;
}

table#forum tr.titleRow td {
	background: rgb(84,8,8) url(./bg/images/header_gradient.jpg) repeat-x left center;
	height: 20px;
	font-weight: bold;
	font-size: 11pt;
}


table#forum td.topic1, table#forum td.topic4 {
	padding-top: 5px;
	padding-bottom:5px;
}

table#forum td.topic1 p.description, table#forum  td.topic4 p.author, table#forum p.date {
	margin-top: -7px;
	font-size: 7pt;
}

table#forum td.topic2, table#forum td.topic3, table#forum td.thread3, table#forum td.thread4 {
	text-align: center;
}


table#forum td.thread5 p.author {
	font-size: 7pt;
}

table.forum td.title {
	background: rgb(84,8,8) url(./bg/images/header_gradient.jpg) repeat-x left center;
	height: 20px;
	font-weight: bold;
	font-size: 10pt;
}

table.forum td.forumPoster {
	width: 20%;
	vertical-align: top;
}

table.forum td.postNum {
	background: transparent;
	border: none;
}

table.forum td.quote {
	background: transparent;
	border: none;
	text-align: right;
}

table.forum span.quote, table.forum div.quote {
	margin-left: 1em;
}

table.forum div.quote {
	margin-top: 0px;
	border: 1px rgb(230,230,230) solid;
	padding: 3px;
}

div.last {
	margin-top: 10px;
}

input#postTitle {
	width: 30em;
}

div.signature:before {
	content: "_______________________________________________";
	color: rgb(200,200,200);
	padding-top: 10px;
}

/* ################### END Forum Style ################### */



/* ################## Start Photo Album Style ################### */
table.photo {
	border-collapse: collapse;
}

table.photo td {
	border: none;
	padding: 6px 10px;
	text-align: center;
	vertical-align: middle;
}

.photo a {
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border: none;
}