/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h4 {
	font-size: 1.5em;
}

/*CSS BODY*/
html,body{
	width: 100%;
	height: 100%;
}

.inline{
	display: inline;
}

body{
	background-color: #ae0000;
}

/*flexcroll*/
.vscrollerbase { 
	height: 100px !important; 
}

#pageTop{
	position: relative;
	width: 100%;
	height: 40px;
	white-space: nowrap;
}

#pageTitle{
	font-size: 2em;
	margin-left: 225px;
	margin-top: 10px;
	color: white;
}

#pageLeft{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 100%;
	background-color: white;
	z-index: 100;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: nowrap;
}

#logo{
	height: 178px;
	width: 175px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 25px;
}

#navTop{
}

#navTop strong{
	font-family:"Verdana", Times, serif;
	color:#707070;
	text-align: left;
	padding-left: 0px;
	font-weight:600;
	text-align: left;
	display:block;
}

ul.buttonLinks{
	text-align: left;
	padding-left: 0px;
	list-style-type:none;
}

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

li.bigButtons{
	background-color:#ae0000;
	border-radius:15px;
	border:2px solid #000000;
	text-align: center;
	color:#ffffff;
	font-family:arial;
	font-size:21px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
	text-decoration:none;
	margin: 10px 0px 10px 0px;
}

li.bigButtons:hover {
	background-color:#505050;
}

a.bigButtons{
	background-color:#ae0000;
	border-radius:15px;
	border:2px solid #000000;
	text-align: center;
	color:#ffffff;
	font-family:arial;
	font-size:21px;
	font-weight:bold;
	padding: 30px 0px 30px 0px;
	margin: 100px 100px 100px 100px;
	text-decoration:none;
}

li.buttonLabel{
	font-family:"Verdana", Times, serif;
	color:#707070;
	text-align: left;
	padding-left: 0px;
	font-weight:600;
}

#menus a{
	font-family:"Verdana", Times, serif;
	color:#FFFFFF;
	font-size: 1em;
	text-decoration: none;
}

#menus ul li:hover > ul {display: block; } 
#menus ul ul li:hover  {background: #505050; } 
#menus ul a:hover{background: #505050; }

#menus {
	width: 194px;
	text-align:center;
	padding-left: 3px;
}

.teamDropdownSelect{
	margin-left: 20px;
}

#share{
	padding-top: 2px;
}

#greeting{
	background-color:#AE0000;
	border-radius:15px;
	border:2px solid #000000;
	text-align: center;
	color:#000000;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px;
	text-decoration:none;
	width:191px;
	margin-left:3px;
}

#greeting strong{
	font-family:"Verdana", Times, serif;
	color:#707070;
	text-align: left;
	padding-left: 0px;
	font-weight:600;
	text-align: center;
	display:block;
	font-size: 2em;
}

#greeting p{
	font-family:"Verdana", Times, serif;
	color:#707070;
	text-align: left;
	padding-left: 0px;
	font-weight:600;
	text-align: center;
	display:block;
	font-size: 1em;
}

#pageMain{
	position: relative;
	left: 0px;
	padding-left: 200px;
	width: 80%;
	min-width: 600px;
	min-height: 400px;
	z-index: 10;
}

#mainHead{
	width: 100%;
	height: 60px;
}

#topBar{
	padding-top: 10px;
	background-color: white;
	height: 50px;
	margin-right: 50px;
	position: relative;
}

#minimisePageLeft{
	float: left;
	margin-left: 5px;
	border: 1px solid black;
	text-decoration: none;
	color: black;
}

#sponsors, #sponsors a{
	font-style: italic;
	color: #AE0000;
	text-decoration: none;
	padding: .2em .2em;
	text-align: center;
}

#sponsors a:hover{
	text-decoration: underline;
}

#sponsors ul{
	list-style-type:circle;
	margin: 0px;
	padding: 0px;
}

#sponsors li{
	display: inline;
}

#mainRightRound{
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(root/style/images/round-top-right.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
}

#mainRightRoundBottom{
	background-color: white;
	margin-top: 50px;
	height: 10px;
}

#titleBar{
	position: relative;
	z-index: 100;
	background-color: white;
}

#titleBar a{
	text-decoration: underline;
}

#titleBar a:hover{
	text-decoration: none;
}

#titleBarFill{
	background-color: #ae0000;
	height: 50px;
	margin-right: 80px;
	position: relative;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
}

#titleBarRound{
	position: absolute;
	top: 0px;
	right: 30px;
	background-image: url(root/style/images/title-bar-round.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	border-bottom: 2px solid black;
}

#userActions{
	padding-top: 18px;
	padding-left: 25px;
	color: white;
	float: left;
}

#userActions a:link {color: white;}
#userActions a:visited {color: white;}
#userActions a:active {color: white;}
#userActions a:hover {color: white;}

#loginForm{
	display: inline;
}

#mainContent{
	position: relative;
	background-color: white;
	padding-top: 10px;
}

.mainBodyElement{
	border-top: 2px solid black;
	border-left: 2px solid black;
	min-height: 400px;
	margin-right: 30px;
	padding: 0px;
}

.mainBodyElementHead{
	position: relative;
	height: 40px;
	margin-bottom: 20px;
}

.mainBodyElementHeadStrip{
	position: relative;
	height: 10px;
	background-color: #ae0000;
}

.mainBodyElementTitle{
	background-image: url(root/style/images/mainBodyElementTitleCenter.png);
	background-repeat: repeat-x;
	height: 40px;
	display: inline-block;
	position: relative;
	top: 0px;
}

.mainBodyElementTitleLeft{
	height: 40px;
	width: 40px;
	background-image: url(root/style/images/mainBodyElementTitleLeft.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

.mainBodyElementTitleRight{
	height: 40px;
	width: 40px;
	background-image: url(root/style/images/mainBodyElementTitleRight.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
}

.mainBodyElementTitle span{
	display: inline-block;
	text-align: center;
	padding-top: 11px;
	margin-right: 40px;
	padding-left: 40px;
	font-size: 1.1em;
	font-style: italic;
	color: #ae0000;
}

.mainBodyElementContent{
	padding: 10px;
}

.robotSpecs fieldset {
	border: 2px groove threedface;
	display: block;
	margin-left: 10px;
	margin-right: 2px;
	padding: 5px;
}

.robotSpecs tr{
	border-bottom: 1px dotted gray;
	margin-bottom: 5px;
	text-align: center;
	position: relative;
}

.robotSpecNames{
	width: 10em;
}

.robotSpecs th{
	font-size: 150%;
	text-align: center;
}

.robotSpecs legend{
	font-weight: bold;
	text-align: left;
}

.robotSpecs td{
	padding-bottom: 5px;
	padding-top: 5px;
}

.robotSpecVal{
	width: 9%;
}

.robotSpecName{
	width: 16%;
	text-align: left;
}

.robotSpecComment{
	width: 75%;
	text-align: left;
}

#hoverCursorTrack{
	position: absolute;
	padding: .5em;
	background: #e3e3e3;
	border: 1px solid #bfbfbf;
	z-index: 900;
}

.competitionMatches td{
	padding: 5px;
	margin: 4px;
	border-bottom: 1px solid black;
}

.competitionMatches td.cellred{
	background-color: red;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.competitionMatches td.cellblue{
	background-color: blue;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.competitionMatches td.cellblue a:link, .competitionMatches td.cellred a:link {color: white;}
.competitionMatches td.cellblue a:visited, .competitionMatches td.cellred a:visited {color: white;}
.competitionMatches td.cellblue a:active, .competitionMatches td.cellred a:active {color: white;}
.competitionMatches td.cellblue a:hover, .competitionMatches td.cellred a:hover {color: white;}


/*TEAMS ATTENDING*/
.teamsAttending td{
	border: 1px solid black;
	vertical-align: middle;
	text-align: center;
}
/*--Pit Scouting stuff*/
.specRadioToggle {
    margin:8px;
    background-color:#FFFFFF;
    border-radius:20px;
    border:4px solid #000000;
    overflow:auto;
    float:left;
	font: 20pt Arial, sans-serif;
	font-weight:bold;
}
.specRadioToggle label {
    float:left;
    width: auto;
	min-width: 4em;
}
.specRadioToggle label span {
    text-align:center;
    padding:10px 0px;
    display:block;
}
.specRadioToggle label input {display:none;}
.specRadioToggle input:checked + span {
    background-color:#AE0000;
    color:#000000;
}
div.pitQuestions{
	position: relative;
	width: auto;
	height:auto;
	min-height: 100px;
	border: 0px solid #00AE00;
	display:block;
	padding: 0px;
	clear: both;
	z-index: 2;
}
div.pitQuestionlbls{
	position: relative;
	float: left;
	font: 20pt Arial, sans-serif;
	font-weight:bold;
	color:#000000;
	top: 5px;
	line-height:250%
}

/*SPEC RADIO BUTTONS*/
ul.teamPageQuickSummary{
	font: 20pt Arial, sans-serif;
	margin: 0 0; 
	padding: 10px 0px 0px 10px; 
	color: #000000; 
	line-height:180%;
	list-style-type:none;
}
.teamPageQuickSummary li{
	min-height: 100px;
}
/*SCROLL BAR STYLE HERE*/
/* .scrollgeneric is required for proper scrollbar display,
not for user customization, and is mandatory*/
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

/* For scrollbars, defining a color for background alongside with an image 
is always a good idea, this way the scrollbars are visible until images load */
.vscrollerbase {
	/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
	width: 5px;
	background-color: white;
}

.vscrollerbar {
	width: 5px;
	background-color: black;
}

.hscrollerbase {
	/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
	height: 15px;
	background-color: white;
}

.hscrollerbar {
	height: 15px;
	background-color: black;
}

/* basic style ends here, this was actually all that is required to run fleXcroll,
albeit without images, my advice is to have this basic style and build the rest
on top of this. */


/* styles for scrollbar images start here */

.hscrollerbar {
	/* Main body of horizontal scrollbar */
	background: #99CBCB;
}

.vscrollerbar {
	/* Main body of vertical scrollbar */
	background: #ae0000;
}

.vscrollerbar, .hscrollerbar {
	/*padding information of these elements are only used for
	padding of the scroll-bar with respect to the scroll-base,
	the padding will automatically be turned off by the script
	The greater the padding, the further away the scrollbar
	stops away from both ends. This may be used, for example,
	to provide space for our "faux" arrow heads.
	*/
	padding: 10px;

	/* z-index for scrollbars define the z-index for the content, if left at
	"auto" or "0", they are set to "2", if defined, content z-index is set the
	same as the scrollbars. Version 1.7.5 and higher does not need this setting
	to function properly, earlier versions need this for proper operation */
	z-index: 2;
}

.vscrollerbarbeg {
	/* Top image holder for vertical scrollbar*/
	width: 15px;
	/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
	engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
	image to repeat on certain sizes. In this style, we do not need our script to strech the
	vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
	height: 15px !important;
}

.vscrollerbarend {
	/* Bottom image holder for vertical scrollbar*/
	width: 15px;
	height: 15px;
}

.hscrollerbarbeg {
	/* Left image holder for horizontal scrollbar */
	height: 15px;
	/* Width of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
	engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
	image to repeat on certain sizes. In this style, we do not need our script to strech the
	vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
	width: 15px !important;
}

.hscrollerbarend {
	/* Right image holder for horizontal scrollbar */
	height: 15px;
	width: 15px;
}

.scrollerjogbox {
	/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */
	background: #4E727C;
	width: 15px;
	height: 15px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
}


/* Following are for scrollbase images, may not always be required */

.vscrollerbase {
	/* Vertical scrollbar's base body */ 
	background: #5e0000;
}

.bigSubmit{
	border: 4px solid #000000;
	border-radius: 20px;
	background: #FFFFFF;
	font-size: 35px;
	color:#000000;
	padding: 15px;
	font-weight: bold;
	width:100%;
}