@charset "UTF-8";

/* CSS Document */

a {
	color: #0c0e34;
	text-decoration: underline;
}

#header a,
#footer a {
	color: #F2F2F2;
}

a:hover {
	color: #434685;
	text-decoration: underline;
}

blockquote {
	color: #666666;
	margin: 30px 40px;
}

body {
	background-color: #000111;
	background-image: url(/objects/images/backgrounds/body_bg_v2.png);
	background-repeat: repeat-x;
	color: #333333;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}

html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
}

td.stat {
	text-align: right;
}

th {
	text-align: center;
	background: #666666;
	color: #ffffff;
	font-size: 12px;
}

td {
	font-size: 12px;
}

ul {
	margin: 20px 0 0 0;
}

li {
	margin-bottom: 20px;
	list-style-type: disc;
}

#container {
	position: relative;
	margin: 20px auto 10px auto;
	background-color: #0c0e34;
	width: 1220px;
	padding: 20px;
}

#header {
	position: relative;
	width: 1220px;
	height: 94px;
}

#header a {
	color: #ffffff;
}

#header #logo {
	float: left;
}

#header #login {
	position: relative;
	float: right;
	color: #ffffff;
	width: 660px;
}

#header #teamInfo {
	position: relative;
	float: right;
	color: #ffffff;
	font-size: 12px;
}

#header #login .welcomeText {
	position: relative;
	float: left;
	padding-top: 18px;
}

#header #login .formRow,
#header #login .formButton {
	position: relative;
	float: left;
	margin-left: 10px;
}

#header #teamInfo .textHeaderTeam {
	font-size: 22px;
	text-align: right;
	margin-bottom: 10px;
}

#header #teamInfo .teamOptions {
	text-align: right;
}

#nav {
	position: relative;
	width: 1220px;
	height: 32px;
}

#nav .navTabItem {
	padding: 6px 10px;
	margin: 0 5px 0 0;
	display: block;
	width: auto;
	float: left;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	background: #666666;
}

#nav .navTabItem.on,
#nav #navManage.on,
#nav .navTabItem.on:hover,
#nav #navManage.on:hover {
	background: #ffffff;
	color: #000000;
	text-decoration: none;
}

#nav .navTabItem:hover {
	background: #999999;
}

#nav #navManage {
	background: #973636;
}

#nav #navManage:hover {
	background: #ae6c6c;
}

#adminTabs {
	height: 26px;
	padding-top: 6px;
	border-bottom: 2px #973636 solid;
	margin-bottom: 10px;
}

#adminTabs .navTabItem {
	padding: 6px 10px;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	background: #ae6c6c;
	margin-right: 2px;
}

#adminTabs .navTabItem.on {
	background: #973636;
}

#adminTabs .navTabItem:hover {
	background: #973636;
}

#body {
	width: 1140px;
	background: #ffffff;
	padding: 40px;
	margin: 0;
}

#footer {
	position: relative;
	color: #F2F2F2;
	font-size: 11px;
	width: 1220px;
	padding: 0 40px;
	margin: 0 auto 20px auto;
}

#footer #navUtility {
	position: relative;
	float: left;
}

#footer #loadTime {
	position: relative;
	float: right;
}

.clear {
	clear: both;
}

.imageFloatLeft {
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}

.imageFloatRight {
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

form {
	display: inline;
}

.formRow {
	margin-bottom: 20px;
	position: relative;
}

.formLabel {
	font-weight: bold;
	font-size: 12px;
}

input,
textarea,
select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea.comments {
	border: 1px #4e586e solid;
	padding: 2px;
	height: 100px;
	width: 529px;
	font-size: 13px;
}

.inputText {
	border: 1px #4e586e solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 2px;
}

input.playerStat {
	width: 14px;
	text-align: right;
	height: 12px;
	padding: 0;
	font-size: 11px;
}

.inputSelect {
	border: 1px #4e586e solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 1px;
}

.inputCheckbox {
	margin: 0;
}

.inputSubmit {
	border: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 22px;
	text-transform: uppercase;
	cursor: pointer;
	color: #ffffff;
	background: #4e586e;
}

.inputSubmit.hidden {
	width: 0;
	height: 0;
	border: none;
	overflow: hidden;
	display: none;
}

a.adminButton {
	border: none !important;
	font-size: 10px;
	padding: 2px 4px;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #4e586e;
}

a.adminButton.big {
	font-size: 16px;
}

a.adminButton.green {
	background-color: #4e6e59;
}

a.adminButton.yellow {
	background-color: #6e6e4e;
}

a.adminButton.red {
	background-color: #6e4e4e;
}

a.adminButton:hover,
a.adminButton.green:hover,
a.adminButton.yellow:hover,
a.adminButton.red:hover {
	background-color: #cccccc;
}

.headerGray {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.dropcap {
	float: left;
	color: #d7182a;
	font-size: 40px;
	font-weight: bold;
	line-height: 34px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

.boxGray {
	background: #e3e8e9;
	padding: 20px;
	margin-bottom: 20px;
}

.paymentBox {
	background: #e3e8e9;
	position: relative;
	padding: 10px;
}

.formBox {
	background: #e3e8e9;
	position: relative;
	padding: 10px;
	float: left;
}

.homeBox {
	margin-bottom: 20px;
}

.homeBoxAnnouncement {
	font-size: 14px;
	margin-bottom: 20px;
	border-bottom: 1px #2c4340 dotted;
	padding-bottom: 20px;
}

.download {
	margin-bottom: 10px;
	line-height: 16px;
}

.headshot {
	margin-bottom: 20px;
}

.download .boxLeft {
	position: relative;
	float: left;
	width: 32px;
}

.headshot .boxLeft {
	position: relative;
	float: left;
	width: 108px;
}

.download .boxRight {
	position: relative;
	float: left;
	margin-left: 5px;
	width: 562px;
}

.headshot .boxRight {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 481px;
}

.listData th {
	text-align: left;
	background: #e6e9f0;
	color: #4e586e;
}

tr.alternate1 {
	background: #ffffff;
}

tr.alternate2 {
	background: #f2f2f2;
}

.textHeader {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.textHeader select {
	font-size: 16px;
}

.textHeaderSmall {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.textHeaderBig {
	font-size: 26px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.textSmall {
	font-size: 12px;
}

.textAlert {
	background: #660000;
	color: #ffffff;
	margin-bottom: 10px;
	padding: 5px 10px;
}

.textAlert a {
	color: #ffffff;
	text-decoration: underline;
}

.textOK {
	color: #006600;
	font-weight: bold;
	margin-bottom: 20px;
}

.textExplanation {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	padding: 5px;
	background: #f2f2f2;
}

.textGray {
	color: #666666;
}

.divider {
	border-top: 1px #2c4340 dotted;
	margin: 10px 0;
}

.popup {
	color: #553317;
	position: absolute;
	background: #eeeeee;
	padding: 20px;
	width: 552px;
	border: 3px #aaaaaa solid;
	line-height: 15px;
}

.popup:hover,
.popupItem:hover {
	cursor: pointer;
}

.thumbnail {
	position: relative;
	float: left;
	width: 140px;
	text-align: center;
	font-size: 11px;
}

.gutter {
	position: relative;
	float: left;
	width: 12px;
}

td.edit {
	background: #ffffcc;
}

.boxForm {
	background: #999999;
	border: 2px #333333 solid;
	padding: 10px;
	position: relative;
}

.listData {
	margin-bottom: 20px;
}

.commentsContainer {
	position: relative;
	float: left;
	width: 535px;
}

.commentsFormContainer {
	position: relative;
	float: left;
	width: 535px;
	margin-left: 20px;
}

.boxComment {
	margin-bottom: 20px;
}

.commentBubble {
	background: #ffffff;
	font-size: 12px;
	padding: 10px;
}

.commentUser {
	font-size: 12px;
	padding: 5px 0 0 10px;
}

#adminForms .boxForm {
	background: none;
	border: none;
	border-top: 1px #cccccc dashed;
	padding: 10px 0 0 0;
}

#adminForms .boxForm .formRow,
#adminForms .boxForm .formButton {
	margin-left: 10px;
	float: left;
}

/*
	Vertical Accordions
*/

.accordion_toggle {
	display: block;
	height: 30px;
	background: #949caf;
	padding: 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	border: 1px #4e586e solid;
	margin-bottom: 1px;
}

.accordion_toggle_active {
	background: #4e586e;
	margin: 0;
}

.accordion_content {
	overflow: hidden;
	margin-bottom: 1px;
}

.vertical_accordion_toggle {
	display: block;
	height: 30px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0;
}

.vertical_accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.boxContent {
	background: #e4e8f1;
	padding: 25px;
	margin-top: 25px;
}

.boxContent.col,
.boxContent.col1,
.boxContent.col2,
.boxContent.col3,
.boxContent.col4,
.boxContent.col5 {
	position: relative;
	float: left;
	margin-left: 25px;
	min-height: 140px;
	height: auto !important;
	height: 140px;
}

.boxContent.col1 {
	width: 188px;
}

.boxContent.col2 {
	width: 401px;
}

.boxContent.col3 {
	width: 614px;
}

.boxContent.col4 {
	width: 827px;
}

.boxContent.col5 {
	width: 1090px;
}

.boxContent .textHeader {
	font-size: 22px;
}

.boxContent .textHeaderSmall {
	font-size: 14px;
}

.boxLeaders {
	position: relative;
	float: left;
	width: 198px;
	margin-left: 25px;
}

.boxRSVP {
	position: relative;
	float: left;
	width: 253px;
	margin-left: 25px;
}

#field_find_address,
#field_find_latlon {
	position: relative;
	float: left;
}

.hidden {
	display: none;
}

.visible {
	display: block;
}

.textCount {
	font-size: 11px;
}

/*
Date Picker
----------- */

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	text-align: center;
	background-color: #ffffff;
	border: 2px solid #4e586e;
	width: 175px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.dpTitleTR {
	color: #ffffff;
	background: #4e586e;
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	width: 25px;
	font-size: 11px;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background: #e6e9f0;
	font-size: 11px;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background: #e6e9f0;
	cursor: pointer;
	font-size: 11px;
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background: #949caf;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 0;
	border: none;
	background: #4e586e;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.dpTodayButtonTD {
	padding: 5px 0;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: "Trebuchet MS", Arial, sans-serif;
	border: none;
	font-size: 10px;
	padding: 2px 4px;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #4e586e;
}