@CHARSET "UTF-8";
/* Harris Christiansen */
/* For Use On Team3245.com
/* Created 2013-12-4 */


html, body {
	background: url(/Resources/images/textures/squairy_light.png) repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
    font-size: 14px;
    margin: 0px;
    height: 100%;
    padding: 0px;
}

a { text-decoration: none; color: #777777; }
a:hover { text-decoration: underline; }
.noSelect {
	user-select:none;
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none;
}
textarea {
	width: 550px;
	height: 120px;
}
.clearBoth {
	clear: both;
}
.centerPanel {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

/* ---------- Header ---------- */
header {
	width: 100%;
	max-width: 1280px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	padding-bottom: 4px;
	overflow: hidden;
}
#siteLogo img {
	height: 80px;
	max-width: 98%;
}
#guestInfo {
	float: right;
	text-align: center;
	padding-top: 20px;
	padding-right: 5px;
}

/* ---------- Navigation Bar ---------- */
#navBar {
	width: 100%;
	height: 35px;
	background: #ed1c24; /* Old browsers */
	background: -moz-linear-gradient(top,  #ed1c24 0%, #be161d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(100%,#be161d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ed1c24 0%,#be161d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ed1c24 0%,#be161d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ed1c24 0%,#be161d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ed1c24 0%,#be161d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#be161d',GradientType=0 ); /* IE6-9 */
}
#navMenu {
	width: 100%;
	max-width: 1280px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#navMenu li {
	display: inline-block;
}
.navItem {
	height: 35px;
	width: 100px;
	display: block;
	float: left;
	border-left: 1px solid #000000;
	text-align: center;
}
.navItemRight {
	height: 35px;
	width: 100px;
	display: block;
	float: right;
	border-left: 1px solid #000000;
	margin-right: 0px;
	text-align: center;
}
.navItemRight :first-of-type {
	border-right: 1px solid #000000;
}
.navItem :last-of-type {
	border-right: 1px solid #000000;
}
.navItem a, .navItemRight a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 35px;
	color: #FFFFFF;
}
.navItem a:hover, .navItemRight a:hover {
	background-color: #A61419;
	text-decoration: none;
}

#navHandle {
	display: none;
}

@media only screen and (max-width : 950px) {
	#navBar {
		height: auto;
		margin-top: 20px;
	}
	#navMenu {
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 0px;
	}
	#navMenu li {
		display: none;
	}
	#navMenu li.navItem, #navMenu li.navItemRight {
		display: block;
		width: 50%;
		text-align: center;
		height: 35px;
		border: none;
		padding: 0px;
		margin: 0px;
		float: left;
		position: relative;
	}
	#navMenu li a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 35px;
		color: #FFFFFF;
		border-bottom: 1px solid #000000; 
        border-right: 1px solid #000000;
	}
	.navItemRight :first-of-type {
		border-right: 1px solid #000000;
	}
	.navItem :last-of-type {
		border-right: 1px solid #000000;
	}
}
@media only screen and (max-width : 480px) {
	#navHandle {
		display: block;
		width: 100%;
		line-height: 35px;
		font-size: 14px;
		text-indent: 20px;
		color: #FFFFFF;
		height: 35px;
		position: relative;
		border-bottom: 1px solid #000000;
	}
	#navHandle:after {
        content:"";  
        background: url('/Resources/images/icons/navMenuIcon.png') no-repeat;
        background-size: cover;
        width: 28px;
        height: 28px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 4px;  
    }
    #navHandle:hover {
		background-color: #10698f;
    }
    #navMenu {
		display: none;
    }
}

/* ----- Chat Button ----- */
#menuBarChatItem {
	width: 32px;
	height: 32px;
	margin-left: 10px;
	background: url(/Resources/images/icons/chatIcon.png)top no-repeat;
	float: right;
}

#menuBarChatItem:hover {
	background: url(/Resources/images/icons/chatIcon.png)bottom no-repeat;
}

/* ----- Chat Window ----- */
#chatWindow {
	width: 265px;
	height: 350px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	position: fixed;
	right: 4px;
	bottom: 0px;
	display: none;
	color: #000000;
	text-align: left;
	z-index: 2;
}
#chatWindowHead {
	width: 100%;
	height: 22px;
	font-size: 18px;
	text-align: center;
	background-color: #0F8BBF;
	color: #333333;
	border-bottom: 1px solid #000000;
}
#chatWindowCont {
	height: 260px;
	width: 100%;
	font-size: 12px;
	overflow-y: scroll;
}
#chatWindowField {
	border-top: 1px solid #000000;
	height: 66px;
	width: 100%;
}
.chatWindowMsg {
	border-bottom: 1px solid #AAAAAA;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
}
.chatWindowMsgSender {
	font-weight: bold;
	display: inline;
}
#chatWindowTextarea {
	width: 259px;
	height: 60px;
	resize: none;
	background-color: #DDDDDD;
}

/* ----- Login Button ----- */
#menuBarLoginItem {
	width: 32px;
	height: 32px;
	margin-top: 2px;
	margin-left: 10px;
	background: url(/Resources/images/icons/lockIcon.png)top no-repeat;
	float: right;
}

#menuBarLoginItem:hover {
	background: url(/Resources/images/icons/lockIcon.png)bottom no-repeat;
}

/* ----- Login Window ----- */
#loginWindow {
	display: none;
	position: fixed;
	width: 260px;
	height: 150px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -130px;
	z-index: 3;
	padding: 20px;
}
#backgroundFade {
	display: none;
	z-index: 2;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color:rgba(100,100,100,0.55);
}

/* ---------- Image Slider ---------- */
#imageStrip {
	width: 100%;
	height: 120px;
	border-bottom: 1px solid #000000;
	overflow: hidden;
}

#imageStrip img {
	height: 100%;
	margin-left: -4px;
}

/* ---------- Main Site ---------- */
.siteContainer { min-height: 100%; min-height: calc(100% - 320px); }
.fullSite {
	width: 100%;
}
#leftSite {
	width: 65%;
	float: left;
}
#rightSite {
	width: 35%;
	float: left;
}

.panelHead {
	font-size: 25px;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 8px;
}
.siteContPanel {
	margin-top: 8px;
	width: 90%;
	width: calc(100% - 26px);
	padding: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #AAAAAA;
	position: relative;
}

#leftSite .siteContPanel { margin-left: 4px; margin-right: 10px; }
#rightSite .siteContPanel { margin-left: 10px; margin-right: 4px; }
.fullSite .siteContPanel { width: calc(100% - 20px); margin-left: 4px; margin-right: 4px; }

@media only screen and (max-width : 640px) {
	#leftSite { width: 100%; float: none; }
	#rightSite { width: 100%; float: none; }
	#leftSite .siteContPanel { width: calc(100% - 20px); margin-left: 4px; margin-right: 4px; }
	#rightSite .siteContPanel { width: calc(100% - 20px); margin-left: 4px; margin-right: 4px; }
}

.whitePanel { background-color: #FFFFFF; }
.greenPanel { background-color: #009933; color: #FFFFFF; }
.redPanel { background-color: #CC0000; color: #FFFFFF; }

.hpBlogDate {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 40px;
	width: 40px;
	background-color: #0065B3;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
}
#leftSite .hpBlogDate::before {
	content: "";
	position: absolute;
	display: block;
	top: 0px;
	right: 45px;
	border: 23px solid #0065B3;
	border-right-width: 40px;
	border-left-color: transparent;
}
.hpBlogTitle {
	display: block;
	font-size: 18px;
	width: 90%;
	width: calc(100% - 59px);
	margin-left: 52px;
	margin-right: 7px;
	border-bottom: 1px solid #000000;
	height: 40px;
	line-height: 38px;
	color: #000000;
}
.hpBlogTitle:hover {
	text-decoration: none;
	color: #DD0000;
}
.hpBlogText {
	margin-top: 8px;
}
.newItemBtn, .siteButton {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 8px;
	background-color: #0065B3;
}
.newItemBtn:hover, .siteButton:hover {
	background-color: #004b83;
	text-decoration: none;
}

.newBlogEntry {
	padding-right: 6px;
}
.newBlogEntryTextArea {
	width: 100%;
	height: 200px;
}

.blogDate {
	position: absolute;
	top: 5px;
	left: 0px;
	height: 40px;
	width: 45px;
	background-color: #0065B3;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
}
.blogDate::before {
	content: "";
	position: absolute;
	display: block;
	z-index: 0;
	top: 0px;
	right: 45px;
	border: 23px solid #0065B3;
	border-right-width: 30px;
	border-left-color: transparent;
}
.blogTitle {
	display: block;
	font-size: 18px;
	width: 90%;
	width: calc(100% - 59px);
	margin-left: 52px;
	margin-right: 7px;
	border-bottom: 1px solid #000000;
	height: 40px;
	line-height: 38px;
	color: #000000;
	overflow: hidden;
}
.blogAuthor {
	float: right;
	text-align: right;
	padding-right: 4px;
	font-size: 12px;
	line-height: 14px;
}
.blogText {
	margin-top: 8px;
}
.blogCommentAuthor {
	float: right;
	text-align: right;
	padding-right: 4px;
	font-size: 12px;
	line-height: 14px;
}
.blogCommentText {
}
.newBlogComment {
	padding-right: 6px;
}
.blogCommentTextArea {
	width: 100%;
	height: 100px;
}

.loginField {
	font-size: 18px;
	color: #777777;
}
.loginButton {
	display: block;
	height: 30px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #0065B3;
	border: 1px solid #000000;
	padding-top: 3px;
}
.loginButton:hover {
	background-color: #004b83;
}

/* ---------- Footer --------- */
footer {
	bottom: 0px;
	width: 100%;
	margin-top: 20px;
}

/* Gray Bar */
#grayBar {
	background: url(/Resources/images/textures/tweed.png) repeat;
	width: 100%;
	height: 120px;
}
.grayBarItem {
	display: inline-block;
	padding-top: 20px;
}

/* Black Bar */
#blackBar {
	background: url(/Resources/images/textures/binding_dark.png) repeat;
	width: 100%;
	height: 60px;
}
#blackBar>a {
	display: inline-block;
	width: 48px;
	margin-top: 8px;
	height: 45px;
}
.facebookLink {
	background: url(/Resources/images/icons/fb.png) no-repeat top;
}
.facebookLink:hover {
	background-position: bottom;
}
.youTubeLink {
	background: url(/Resources/images/icons/youTube.png) no-repeat top;
}
.youTubeLink:hover {
	background-position: 0px -47px;
}
.copyright {
	float: right;
	text-align: right;
	width: 60%;
	width: calc(100% - 108px);
	padding-right: 8px;
	padding-top: 20px;
	color: #EEEEEE;
}
.copyright a { color: #CCCCCC; }
.copyright a:hover { text-decoration: underline; }

@media only screen and (max-width : 640px) {
	.copyright {
		padding-top: 14px;
	}
}

@media only screen and (max-width : 420px) {
	.copyright {
		padding-top: 6px;
	}
}


/* ---------- Forumz - Sky Blue ---------- */

.floatLeft {
	float:left;
	text-align: left;
	margin-left: 5px;
}

.floatRight {
	float:right;
	text-align: right;
	margin-right: 5px;
}

.FullWidthPostHead {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	color: #FFFFFF;
	padding: 2px;
	background-color: #052E3F;
	overflow: hidden;
	text-align: center;
}

.FullWidthPostRow {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	color: #FFFFFF;
	overflow: hidden;
	text-align: left;
	margin-bottom: 10px;
}

.editCommentDiv {
	display: none;
	text-align: center;
}

.editCommentDiv textarea {
	width: 96%;
	height: 100px;
}

/* ---------- Table System ---------- */

.FullWidthTable {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
}

.FullWidthTableHead {
	width: 100%;
	margin-top: 15px;
	color: #FFFFFF;
	overflow: hidden;
	text-align: center;
}

thead, th {
	font-weight: normal;
}
.TableHeadColumn {
	height: 20px;
	background-color: #052E3F;
	margin-left: 2px;
}

.FullWidthTableRow {
	width: 100%;
	color: #FFFFFF;
	overflow: hidden;
	text-align: center;
	margin-top: 2px;
}
.TableRowItem {
	margin-left: 2px;
	background-color: #0F8BBF;
	padding: 5px;
}
.TableRowColumn {
	height: 34px;
	margin-left: 2px;
}

.FullWidthTableRow:nth-child(odd) .TableRowColumn, .FullWidthPostRow:nth-child(4n+2) {
	background-color: #0F8BBF;
}

.FullWidthTableRow:nth-child(even) .TableRowColumn, .FullWidthPostRow:nth-child(4n+0) {
	background-color: #0D78A5;
}

.FullWidthTableRow:hover .TableRowColumn {
	background-color: #45B0DF;
	cursor: pointer;
}

/* ----- Table Column Widths ----- */

/* Members List */

.membersListColumn1 {
	width: 50%;
}

.membersListColumn2 {
	width: 25%;
}

.membersListColumn3 {
	width: 12.5%;
}

.membersListColumn4 {
	width: 12.5%;
}

/* Forums List */

.forumHomeColumn1 {
	width: 60%;
}
.TableRowColumn.forumHomeColumn1 {
	text-align: left;
	padding-left: 5px;
}

.forumHomeColumn2 {
	width: 5%;
}

.forumHomeColumn3 {
	width: 5%;
}

.forumHomeColumn4 {
	width: 29%;
}
.TableRowColumn.forumHomeColumn4 {
	font-size: 12px;
}
.TableRowColumn.forumHomeColumn4:hover {
	background-color: #3585cc;
}

/* Threads List */

.forumThreadsColumn1 {
	width: 40%;
}

.forumThreadsColumn2 {
	width: 24%;
}

.forumThreadsColumn3 {
	width: 25%;
}
.TableRowColumn.forumThreadsColumn3 {
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
}

.forumThreadsColumn4 {
	width: 5%;
}

.forumThreadsColumn5 {
	width: 5%;
}

/* Forum Thread */
.forumPostColumn1 {
	width: 25%;
}
.forumPostColumn2 {
	width: 75%;
}
.TableRowItem.forumPostColumn2 {
	text-align: left;
}




/* ---------- Control Panel ---------- */
#controlPanel {
	width: 100%;
	margin-top: 12px;
	text-align: center;
}
.controlPanelTitle {
	color: #FFFFFF;
	width: 100%;
	height: 25px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px;
	background: #0F8BBF;
    background: -moz-linear-gradient(top,  #7db9e8 0%, #0f8bbf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#0f8bbf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#0f8bbf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 0%,#0f8bbf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 0%,#0f8bbf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 0%,#0f8bbf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#0f8bbf',GradientType=0 ); /* IE6-9 */

}

/* Control Panel Sidebar */
#controlPanelSidepanel {
	float: left;
	width: 250px;
	margin-left: 20px;
	margin-right: 20px;
	height: 100%;
}
.controlPanelSidepanelItem {
	background-color: #FFFFFF;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
}
.controlPanelSidePanelItemContent {
	padding-left: 3px;
}
.controlPanelNavItem {
	display: block;
	color: #000000;
}
.controlPanelNavItem:hover {
	color: #000000;
	font-weight: bold;
	padding-left: 3px;
}

/* Control Panel Content */

#controlPanelContent {
	float: left;
	width: 600px;
	width: calc(100% - 300px);
	background-color: #FFFFFF;
	padding-bottom: 8px;
}

#controlPanelNav2 {
	width: 14%;
	border-right: 1px solid #000000;
	height: 100%;
	float: left;
	overflow: scroll;
}

.controlPanelNav2Item {
	width: 89%;
	float: left;
	height: 25px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #003366;
	color: #FFFFFF;
	padding-top: 3px;
}

#controlPanelContent2 {
	float: right;
	width: 84%;
	padding: 3px;
	min-height: 135px;
	height: 100%;
}

.CPNav2Funcs {
	width: 15px;
	height: 25px;
	float: left;
}
.CPNav2Func {
	width: 15px;
	height: 12px;
	display: block;
}

.CPNav2Cont {
	width: 95%;
	height: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Misc */
#composeForumThreadDiv {
	margin-top: 8px;
}
#composeForumPostDiv {
	margin-top: 8px;
}



/* --------------- Scouting System --------------- */

/* --------- Scout Bar ---------- */
#scoutBar {
	width: 100%;
	height: 35px;
	margin-bottom: 12px;
	border-top: 1px solid #000000;
}
#scoutBar a {
	color: #FFFFFF;
}
#scoutNavNextMatch-label {
	background-color: #6f155d;
	color: #FFFFFF;
	float: left;
	height: 27px;
	padding-top: 8px;
	text-align: center;
	width: 180px;
}
#scoutNavNextMatch-red {
	background: #ed1c24; /* Old browsers */
	background: -moz-linear-gradient(top,  #ed1c24 0%, #be161d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(100%,#be161d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ed1c24 0%,#be161d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ed1c24 0%,#be161d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ed1c24 0%,#be161d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ed1c24 0%,#be161d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#be161d',GradientType=0 ); /* IE6-9 */
	float: left;
	height: 35px;
	width: calc(50% - 90px);
}
#scoutNavNextMatch-blue {
	background: #0b6388; /* Old browsers */
	background: -moz-linear-gradient(top,  #0F8BBF 0%, #0b6388 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F8BBF), color-stop(100%,#0b6388)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0F8BBF 0%,#0b6388 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0F8BBF 0%,#0b6388 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0F8BBF 0%,#0b6388 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0F8BBF 0%,#0b6388 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F8BBF', endColorstr='#0b6388',GradientType=0 ); /* IE6-9 */
	float: left;
	height: 35px;
	width: calc(50% - 90px);
}
.scoutNavNextMatchBtn {
	display: block;
	float: left;
	height: 27px;
	padding-top: 8px;
	width: calc(33.333333% - 1px);
	text-align: center;
	border-right: 1px solid #000000;
}
#scoutNavNextMatch-red .scoutNavNextMatchBtn:hover {
	background: #ab2b2f;
	text-decoration: none;
}
#scoutNavNextMatch-blue .scoutNavNextMatchBtn:hover {
	background: #0a5c80;
	text-decoration: none;
}

@media only screen and (max-width : 640px) {
	#scoutBar {
		height: 105px;
	}
	#scoutNavNextMatch-label {
		width: 100%;
		float: none;
	}
	#scoutNavNextMatch-red {
		width: 100%;
		float: none;
	}
	#scoutNavNextMatch-blue {
		width: 100%;
		float: none;
	}
}

/* ---------- Scout Page Sections ---------- */
#scoutLeftSection, .scoutLeftSection {
	float: left;
	width: 25%;
}
#scoutCenterSection, .scoutCenterSection {
	width: 50%;
	float: left;
}
#scoutCenterLeftSection, .scoutCenterLeftSection {
	width: 25%;
	float: left;
}
#scoutCenterRightSection, .scoutCenterRightSection {
	width: 25%;
	float: left;
}
#scoutRightSection, .scoutRightSection {
	float: right;
	width: 25%;
}
#scoutFullSection, .scoutFullSection {
	width: 100%;
}

@media only screen and (max-width : 640px) {
	#scoutLeftSection, .scoutLeftSection {
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	#scoutCenterSection, .scoutCenterSection {
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	#scoutCenterLeftSection, .scoutCenterLeftSection {
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	#scoutCenterRightSection, .scoutCenterRightSection {
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	#scoutRightSection, .scoutRightSection {
		float: none;
		width: 100%;
		margin-top: 10px;
	}
}

/* ---------- Scout Site Panels ---------- */

.scoutSitePanel {
	border: 2px solid #ed1c24;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
}
.scoutSitePanelTitle {
	height: 20px;
	text-align: center;
	background-color: #ed1c24;
	color: #FFFFFF;
	font-weight: bold;
}
.scoutSitePanelTitle a {
	color: #FFFFFF;
}
.scoutSitePanelContent {
	padding: 3px;
	background-color: #FFFFFF;
	color: #000000;
}

/* ---------- Scout Site Buttons ---------- */

.scoutSiteButton {
	text-align: center;
	width: 98%;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
	border: 1px solid #000000;
	display: block;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
}
.scoutSiteButton:hover {
	text-decoration: none;
}

.scoutSiteButton-red {
	background-color: #ed1c24;
}
.scoutSiteButton-red:hover {
	background-color: #ab2b2f;
}
.scoutSiteButton-green {
	background-color: #1d7e3c;
}
.scoutSiteButton-green:hover {
	background-color: #0e5f28;
}
.scoutSiteButton-yellow {
	background-color: #b4b62a;
}
.scoutSiteButton-yellow:hover {
	background-color: #b5a72a;
}
.scoutSiteButton-blue {
	background-color: #321b8e;
}
.scoutSiteButton-blue:hover {
	background-color: #4228a8;
}

/* ---------- Pit Scout Fields ---------- */
.scoutSiteTextarea {
	width: 99%;
	height: 60px;
}

/* --------- Scout Match Home ---------- */
.scoutMatchRow {
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #000000;
}
.scoutMatchRow a {
	color: #FFFFFF;
}
.scoutMatchRow-label {
	background-color: #6f155d;
	color: #FFFFFF;
	float: left;
	height: 27px;
	padding-top: 8px;
	text-align: center;
	width: 180px;
}
.scoutMatchRow-red {
	background: #ed1c24; /* Old browsers */
	background: -moz-linear-gradient(top,  #ed1c24 0%, #be161d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(100%,#be161d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ed1c24 0%,#be161d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ed1c24 0%,#be161d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ed1c24 0%,#be161d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ed1c24 0%,#be161d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#be161d',GradientType=0 ); /* IE6-9 */
	float: left;
	height: 35px;
	width: calc(50% - 90px);
}
.scoutMatchRow-blue {
	background: #0b6388; /* Old browsers */
	background: -moz-linear-gradient(top,  #0F8BBF 0%, #0b6388 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F8BBF), color-stop(100%,#0b6388)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0F8BBF 0%,#0b6388 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0F8BBF 0%,#0b6388 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0F8BBF 0%,#0b6388 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0F8BBF 0%,#0b6388 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F8BBF', endColorstr='#0b6388',GradientType=0 ); /* IE6-9 */
	float: left;
	height: 35px;
	width: calc(50% - 90px);
}
.scoutMatchBtn {
	display: block;
	float: left;
	height: 27px;
	padding-top: 8px;
	width: calc(33.333333% - 1px);
	text-align: center;
	border-right: 1px solid #000000;
}
.scoutMatchRow-red .scoutMatchBtn:hover {
	background: #ab2b2f;
	text-decoration: none;
}
.scoutMatchRow-blue .scoutMatchBtn:hover {
	background: #0a5c80;
	text-decoration: none;
}
.scoutMatchBtnGreen {
	background-color: #155917;
}
.scoutMatchBtnYellow {
	background-color: #dbdb2b;
}

@media only screen and (max-width : 640px) {
	.scoutMatchRow {
		height: 105px;
	}
	.scoutMatchRow-label {
		width: 100%;
		float: none;
	}
	.scoutMatchRow-red {
		width: 100%;
		float: none;
	}
	.scoutMatchRow-blue {
		width: 100%;
		float: none;
	}
}