/*******************************
     DEFAULT TAG STYLES
********************************/
html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	/* old font style -- font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;*/
	font-size: 12px;
	background-color: #E1F0FF;
}
/* Added 11/13/2009: new fonts; helvetica/arial has better readability */
body, #leftCol, #leftCol * {
	font-family: Helvetica, Arial, sans-serif;
}
h1, h2, .altFont {
	font-family: 'Gill Sans', Tahoma, sans-serif;
}
#footer {
	font-family: Georgia, sans-serif;
	font-style: italic;
}
/* end new additions */

body.compact {
	background-color: #fff;
}
/* for cfdebug */
font[face=Arial] {
	background: #8D070B;
	display: block;
	padding-top: 200px;
}

body>table.cfdump_query:first-child,body>table.cfdump_struct:first-child {
	margin-top:150px;
}

#content[face=Arial] {margin: auto;}
#content table.cfdump_query {
	max-width: 720px ! important;
	overflow: auto;
}
a:link {
	color: #004080;
	text-decoration: underline;
}
a:visited {color: #004080;}
a:hover   {color: #002240;}
a img { border: none; }

p {
	margin: 5px 0;
}

table {border-spacing: 0px;}
th,td {padding: 2px;}
th    {font-weight: bold;}

table.vertTop td, table.vertTop th {
	vertical-align: top;
}
table.leftHeaders th {
	text-align: right;
	padding-right: 0.8ex;
}

input[type=text],input[type=password],input[type=email],input[type=tel],textarea {
	border: 1px solid #7F7F7F;
	padding: 1px 2px;
	margin: 1px 3px;
}

fieldset {
	margin: 8px 0;
	padding: 8px;
	border: 1px solid #3C78B0;
}

fieldset fieldset {
	padding: 4px;
	margin: 3px 0;
	border: none;
	border-top: 1px dotted #999;
}

fieldset .fieldsetsim {
	padding: 4px;
	overflow:hidden;
}

fieldset fieldset legend {
	font-weight: normal;
	background: #fff;
	font-size: 90%;
}

legend {
	padding: 0 5px;
	font-size:14px;
	color: #002240;
	font-weight: bold;
}
fieldset legend a.tab {
	text-decoration: underline;
}

fieldset legend a.active {
	color: #000;
	text-decoration: none;
}

label {
	text-align: right;
	display: block;
	float:left;
	clear: right;
	width: 150px;
	font-weight: bold;
	color: #008040;
}

label.inlbl {
	display: inline;
	position: absolute;
	color: #999;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	float: none;
	font-weight: normal;
	width: auto;
	padding: 1px 2px;
	margin: 1px 5px;
}
label.inlbl.invis {
	display: none;
}
div.inlblwrp {
	float: left;
	overflow:hidden;
}

td>label {
	float: none;
}

dt label {
	float: none;
	display: inline;
	width: auto;
}

/* labels next to checkboxes and radio buttons */
label.buttonLabel {
	display: inline;
	width: auto;
	text-align: left;
	float: none;
	color: #000;
	font-weight: normal;
	font-weight: inherit;
	padding-left: 3px;
}

h1 {
	color: #004080;
	font-size: 27px;
	font-weight: bold;
	text-shadow: #bbb 1px 1px 2px;
	margin: 0 0 7px 0;
	padding: 0;
}

h1 div {
	font-size: 60%;
	color: #008040;
	font-family: Georgia, serif;
	font-style: italic;
	text-shadow: none;
}

h1 small {
	color: #3C78B0;
	font-size: 75%;
	text-shadow: #d7d7d7 1px 1px 2px;
	white-space: nowrap;
}

h2 {
	color: #3C78B0;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	text-shadow: #d7d7d7 1px 1px 2px;
}
h3 {
	color: #003F80;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

li .active {color: #000; font-weight: bold;}
li .unavail{color: #d0deeb;}

dl {
	margin: 7px 25px 0 0;
	padding: 0;
	font-size: 13px;
}
dt {
	font-weight: bold;
	color: #004080;
	margin: 0;
	padding: 0;
	float: left;
	clear:right;
	width: 110px;
	text-align: right;
	vertical-align: bottom;
}
dt big {
	font-size: 115%;
}
dd {
	margin: 0 0 0 115px;
	padding: 0;
	display: block;
	clear: right;
	font-weight: normal;
}
dd big {
	font-size: 115%;
	font-weight: bold;
}

dl.groupData {
	font-size: 14px;
	padding: 2px 0 10px 0;
	margin: 10px 0;
	overflow: auto;
	width:100%;
	border-bottom: 3px double #9BE3BF;
}
dl.groupData dt {
	width: 150px;
}
dl.groupData dd {
	margin-left: 155px;
}
dl.groupData a {
	display: block;
}
dd.inline a {
	display: inline;
}
dl.groupData dt {
	padding-right: 3px;
}

dl.thin {
	border-bottom: 2px solid #3C78B0;
}
dl.thin dt {
	float: none;
	width: auto;
	text-align: left;
	display: block;
	margin: 0;
}
dl.thin dd {
	margin: 5px 0 10px 5px;
}

/*****************************
 		COMMON STYLES
******************************/

a.spawner {
	background-image: url('/images/new_window.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 15px; /* leave space for 13 sq. px graphic */
	height: 13px;
	line-height: 13px;
	white-space: nowrap;
}

.summary {
	font-size: 125%;
}
.summary em {
	font-style: normal;
	font-weight: bold;
}

.spaced {
	margin-top: 10px;
	margin-bottom: 10px;
}
.flush {
	margin: 0;
}

input.masterSearch {
	margin: auto;
	display: block;
	width: 90%;
}

/* location infermation under an entity such as a player or a course */
div.location {
	color: #008040;
	font-size: 11px;
	font-weight: bold;
}

.bigSec {
	margin: 0 0 30px 0;
}

.spaced {
	margin: 10px 0;
}

ul.bulletedLinks {
	list-style-type: square;
	color: #3CAF73;
	padding: 0 0 0 20px;
}
ul.bulletedLinks span {color: #000;}
ul li {
	margin: 0 0 3px 0;
}

.formResetHighlight,
.formSubmitHighlight {
	padding: 5px 5px 5px 10%;
	background: #D1EBDD;
	text-align:left;
	margin: 10px 0;
}
.formResetHighlight {
	background: #FEEEEE;
}

.formResetHighlight button,
.formSubmitHighlight button,
.formSubmitHighlight input {
	font-size: 15px;
	padding: 0px 10px;
}

.closeWrap {
	padding: 5px 5px 5px 75px;
	margin: 10px 0;
	text-align: left;
	background: #D0DEEB;
}
.closeWrap button {
	font-weight: bold;
}

.activityList {
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
}

.activityList>li {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0;
	border-bottom: 1px solid #D0DEEB;
	overflow: hidden;
}
.activityList.hiliteOnHover li {
	padding-left: 5px;
}
.activityList li.hilite, .activityList.hiliteOnHover li:hover {
	background-color: #FFEFDF;
}

.playerList {
	list-style-type:none;
	margin:0 0 25px 0;
	padding: 0;
}
.playerList li {
	min-height: 54px; /* for smProfileImageWrap image */
	margin: 10px 0;
}
.playerList li.noPic {min-height: 0;}
.playerList .playerSummary { margin-left: 43px;}
.playerList .playerSummary li {
	min-height: 0px;
	margin: auto;
}
.playerList .smProfileImgWrap {
	float: left;
	margin-right: 5px;
}
.playerList .sportIconList {
	margin: 3px 0 0 0;
}

ul.activityList div.details {
	margin: 7px 0  7px 7px;
	padding-left: 30px;
	text-indent: -30px;
}
ul.detailList {text-indent:0;}
ul.activityList li>a {
	font-size: 110%;
}

div.detailNotes {
	margin-left: 2ex;
	text-indent: -2.5ex;
}

.details {
	font-size: 90%;
}

h1 .expl,h2 .expl,h3 .expl {
	font-size: 10px;
	font-weight: normal;
	text-shadow: none;
}

/* make sure rule only applies to browsers that support the > selector */
*>.parentHover {
	visibility: hidden;
}
*:hover>.parentHover {
	visibility: visible;
}

ul.activityList .details {
	font-size: 100%;
}

.bigDetails strong,
.details strong {
	font-weight: bold;
	color: #008040;
}
.details {
	color: #555;
}

.bigDetails strong {
	font-size: 110%;
}

.detailList {
	list-style-type:none;
	display: block;
	padding: 0;
	margin: 0 0 0 7px;
	/* fow expand to enclose float; pos: rel is for IE */
	overflow: auto;
	width:100%;
}
.detailList li {
	float: left;
	white-space: nowrap;
}
.detailList li {
	padding: 0 4px;
}

.profileImgWrap {
	/* extra space for padding and border in image */
	width: 154px;
	height: 204px;
	overflow: hidden;
	text-align:center;
}
.profileImgWrap img {
	padding: 1px;
	border: 1px solid #D0DEEB;
}
.smProfileImgWrap {
	width: 41px;
	height: 54px;
	overflow: hidden;
	text-align: center;
}

h1.letter {
	position: relative;
	width: 200px;
	text-align:center;
	border-bottom: 3px double #3CAF73;
	margin-left: 35px;
	background-image: url('/images/accents/Letter_Accent.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#letterSwitch {
	font-size: 16px;
	font-weight: bold;
}
#letterSwitch .label {
	font-weight: bold;
	font-size: 14px;
	padding-right: 5px;
}
#letterSwitch .unavail {color: #D0DEEB;}
.jumper {font-size: 11px;font-weight:normal; color: #3C78B0;}
h1 .jumper {
	position: absolute;
	text-shadow: none;
	bottom: 5px; right: 10px;
}

/* generic container for horizontally-floated children */
div.adjacentContainer {
	/*width: 100%;*/ /* disabled for IE6; maybe not needed at all??? (see leaderboard) */
	overflow: hidden;
}
div.adjacentContainer .sec {
	float: left;
	margin-right:20px;
}

.sec dl { margin-right: 0;}

/* explanatory note for a form control or feature of the page */
.hiddenExpl .expl{
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.1s linear;
}
.hiddenExpl:hover .expl{
	opacity: 1;
	visibility:visible;
}
.expl {
	color: #777;
	font-style: italic;
	font-weight: normal;
	font-size: 80%;
}

.expl .caution {
	color: #8C0B0B;
}

.expl ul, .expl ol {
	margin-top: 3px;
	margin-bottom: 3px;
}

.expl b {
	color: #333;
	font-size: 110%;
}

.switcher {
	margin: 5px 0;
	color: #008040;
}
.switcher a, .switcher span { margin-right: 4px;}
.switcher .active {
	color: #000;
	font-weight: bold;
}
.switcher .unavail {
	color: #D0DEEB;
}
.switcher label {
	display: inline;
	width: auto;
	padding: 0 4px 0 15px;
}

.warningBox,
.successBox,
.errorBox {
	font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
	text-align: left;
	margin: 10px 0 10px 0;
	padding: 0.5em 1em;
	border-style: solid;
	border-width: 1px;
}

.warningBox ul, .successBox ul, .errorBox ul{
	text-align: left;
	margin: 5px 0 5px 2.4em;
	padding: 0;
	list-style-type: square;
}

.warningBox ul ul, .successBox ul ul, .errorBox ul ul {
	list-style-type: circle;
}

.successBox {
	border-color: #060;
	background: #EFE;
	color: #060;
}

.errorBox {
	border-color:#900;
	background: #fee;
	color: #900;
}

.warningBox {
	border-color:#9A5300;
	background: #ffffee;
	color: #9A5300;
}

.viewOptions {
	margin-top: 7px;
}

.statusOverlay {
	position: fixed;
	text-align: center;
	background: #fff;
	border: 1px solid #000;
	padding: 15px;
	top: 25%;
	left: 50%;
	z-index: 500;
	width: 500px;
	margin-left: -250px;
}
.statusBack {
	position:fixed;
	background: #fff;
	filter: alpha(opacity=55);
	opacity: 0.55;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index:499;
}
a.statusClose {
	display: block;
	text-align: left;
	font-size: 10px;
	color: #3C78B0;
	margin: -5px 0 5px -5px;
}
 
div.fixed {
	/* define fixed width for this class in each sport's stylesheet */
}

form.labeledForm label {
	width: 100px;
	color: #3C78B0;
	margin: 0;
	padding: 3px 3px 3px 0;
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
}
form.labeledForm div.unlabeled {
	padding-left: 100px;
}
form.labeledForm div.buttons {
	padding-left: 100px;
	margin-top: 5px;
}

table.labeledList th {
	color: #63452F;
	text-align: right;
}
table.labeledList td {
	color: #000;
	text-align: left;
}

/* list modification buttons; uses a sprite */
button.listMod {
	width: 13px;
	height: 13px;
	background: url('/images/ListModButtonSprite.png');
	border: none;
	margin: 0px 3px 3px 0;
	float: left;
	clear: right;
	padding: 0;
	/* text styles for ie6 fallback */
	line-height: 13px;
	font-size: 10px;
	padding: 0;
	text-align: center;
	cursor: pointer;
}
button.listMod * {display:none;font-style:normal;} /* 'i' is for invisible inner content is for IE6 fallback; and for voice?? */
/*                                                Xpx   Ypx*/
button.listMod.add           {background-position:   0px   0px;}
button.listMod.add:hover     {background-position: -13px   0px;}
button.listMod.add:active    {background-position: -26px   0px;}
button.listMod.add[disabled] {background-position: -39px   0px;}
button.listMod.del           {background-position:   0px -13px;}
button.listMod.del:hover     {background-position: -13px -13px;}
button.listMod.del:active    {background-position: -26px -13px;}
button.listMod.del[disabled] {background-position: -39px -13px;}
button.listMod.mvdn          {background-position:   0px -26px;}
button.listMod.mvdn:hover    {background-position: -13px -26px;}
button.listMod.mvdn:active   {background-position: -26px -26px;}
button.listMod.mvdn[disabled]{background-position: -39px -26px;}
button.listMod.mvlf          {background-position:   0px -39px;}
button.listMod.mvlf:hover    {background-position: -13px -39px;}
button.listMod.mvlf:active   {background-position: -26px -39px;}
button.listMod.mvlf[disabled]{background-position: -39px -39px;}
button.listMod.mvup          {background-position:   0px -52px;}
button.listMod.mvup:hover    {background-position: -13px -52px;}
button.listMod.mvup:active   {background-position: -26px -52px;}
button.listMod.mvup:active   {background-position: -39px -52px;}
button.listMod.mvrt          {background-position:   0px -65px;}
button.listMod.mvrt:hover    {background-position: -13px -65px;}
button.listMod.mvrt:active   {background-position: -26px -65px;}
button.listMod.mvrt[disabled]{background-position: -39px -65px;}
button.listMod.chk           {background-position:   0px -78px;}
button.listMod.chk:hover     {background-position: -13px -78px;}
button.listMod.chk:active    {background-position: -26px -78px;}
button.listMod.chk[disabled] {background-position: -39px -78px;}

/**** Large list mod: 2x larger ****/
/* list modification buttons; uses a sprite */
button.listModLg {
	width: 26px;
	height: 26px;
	background: url('/images/listModButtonSprite_Lg.png');
	border: none;
	margin: 0px 7px 0px 0;
	float: left;
	clear: right;
	padding: 0;
	/* text styles for ie6 fallback */
	line-height: 26px;
	font-size: 20px;
	padding: 0;
	text-align: center;
	cursor: pointer;
}
button.listModLg * {display:none;font-style:normal;} /* 'i' is for invisible inner content is for IE6 fallback; and for voice?? */
/*                                                     Xpx    Ypx*/
button.listModLg.add           {background-position:   0px    0px;}
button.listModLg.add:hover     {background-position: -26px    0px;}
button.listModLg.add:active    {background-position: -52px    0px;}
button.listModLg.add[disabled] {background-position: -78px    0px;}
button.listModLg.del           {background-position:   0px  -26px;}
button.listModLg.del:hover     {background-position: -26px  -26px;}
button.listModLg.del:active    {background-position: -52px  -26px;}
button.listModLg.del[disabled] {background-position: -78px  -26px;}
button.listModLg.mvdn          {background-position:   0px  -52px;}
button.listModLg.mvdn:hover    {background-position: -26px  -52px;}
button.listModLg.mvdn:active   {background-position: -52px  -52px;}
button.listModLg.mvdn[disabled]{background-position: -78px  -52px;}
button.listModLg.mvlf          {background-position:   0px  -78px;}
button.listModLg.mvlf:hover    {background-position: -26px  -78px;}
button.listModLg.mvlf:active   {background-position: -52px  -78px;}
button.listModLg.mvlf[disabled]{background-position: -78px  -78px;}
button.listModLg.mvup          {background-position:   0px -104px;}
button.listModLg.mvup:hover    {background-position: -26px -104px;}
button.listModLg.mvup:active   {background-position: -52px -104px;}
button.listModLg.mvup:active   {background-position: -78px -104px;}
button.listModLg.mvrt          {background-position:   0px -130px;}
button.listModLg.mvrt:hover    {background-position: -26px -130px;}
button.listModLg.mvrt:active   {background-position: -52px -130px;}
button.listModLg.mvrt[disabled]{background-position: -78px -130px;}
button.listModLg.chk           {background-position:   0px -156px;}
button.listModLg.chk:hover     {background-position: -26px -156px;}
button.listModLg.chk:active    {background-position: -52px -156px;}
button.listModLg.chk[disabled] {background-position: -78px -156px;}

button.helpBtn {
	width: 18px;
	height: 18px;
	padding: 0;
	border: none;
	cursor: pointer;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	background-image:url('/images/helpbtn.png');
	background-position: 0px 9;
}
button.helpBtnbutton::-moz-focus-inner {
	border: 0;
	padding: 0;
}
button.helpBtn:active {
	background-position: -18px 0px;
}

.wideLoadingBox {
	/* designed to be floated */
	background-color: #fff;
	background-image: url('/images/loading_wide.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 24px; /* leave room for background */
	text-align: center;
}

.smErrorBox,
.smSuccessBox,
.smLoadingBox,
.smMessageBox {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px; /* leave space for image */
	white-space: normal;
	font-size: 12px;
	margin-top: 3px;
	line-height: 18px;
	min-height: 16px;
}

.smLoadingBox {
	background-image: url('/images/loading_sm.gif');
	color: #777;
}
.smErrorBox {
	background-image: url('/images/error_sm.gif');
	color: #900;
}
.smSuccessBox {
	background-image:url('/images/success_sm.gif');
	color: #000;
}
.smMessageBox {
	background-image:url('/images/message_sm.gif');
	color: #000;
}

/*** one-off styles for include files ***/
#player_list_tbl_ input[type=text]{margin-bottom:4px;}

/************************************************************************
 column layout                                            column layout
*************************************************************************/
.columnLayout {overflow: hidden;}
.columnLayout .col {float: left;}

/*************************************************************************
 related links (green nav)                                 related links
*************************************************************************/
ul.relatedLinks {
	list-style-type: none;
	margin: 10px 0 10px -15px;
	font-weight: bold;
	padding: 0;
	overflow: hidden;
	font-size: 12px;
}

div.columnLayout ul.relatedLinks {margin-left: 0;}

ul.relatedLinks a,
ul.relatedLinks span {
	text-decoration: none;
	color: #AFBEB4;
}
ul.relatedLinks a:link, ul.relatedLinks a:visited{
	color: #000;
	text-decoration: underline;
}
ul.relatedLinks a span {
	color: inherit;
	text-decoration: inherit;
}
ul.relatedLinks strong {
	display: block;
	font-size: 14px;
	margin: 0 -8px;
	color: #008040;
	text-shadow: #D7E9DD 1px 1px 1px;
}
ul.relatedLinks em {
	display: block;
	font-size: 14px;
	margin: 0 -2px;
	color: #1F3C3A;
	font-style: normal;
}
ul.relatedLinks li {
	height: 24px;
	line-height: 20px;
	float:left;
	background: url('/images/related.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 0 8px;
}
ul.relatedLinks li.start, ul.relatedLinks li.end {
	padding: 0;
	width: 25px;
	background-repeat: no-repeat;
	background: url('/images/related_ends.png');
}
ul.relatedLinks li.start {background-position: 0 0;}
ul.relatedLinks li.end {background-position: -25px 0;}

ul.relatedLinks li.withAction, ul.modeSwitch li.withAction {
	padding-left: 2px;
}
ul.relatedLinks li.withAction .actionIcon, ul.modeSwitch li.withAction .actionIcon {
	margin-right: 5px;
	float: left;
	position: relative;
	top: 2px;
}

/*************************************************************************
 mode switch links (blue nav)                             mode switch links
*************************************************************************/
ul.modeSwitch {
	list-style-type: none;
	margin: 10px 0 10px -15px;
	font-weight: bold;
	padding: 0;
	overflow: auto;
	font-size: 12px;
}
div.columnLayout ul.modeSwitch {margin-left:0;}

ul.modeSwitch a {
	color: #000;
}
ul.modeSwitch span {
	color: #9CC0E3;
}
ul.modeSwitch strong {
	display: block;
	font-size: 14px;
	margin: 0 -8px;
	color: #004080;
	text-shadow: #9CC0E3 1px 1px 1px;
}
ul.modeSwitch em {
	display: block;
	font-size: 14px;
	margin: 0 -2px;
	color: #002240;
	font-style: normal;
}
ul.modeSwitch li {
	height: 24px;
	line-height: 20px;
	float:left;
	background: url('/images/mode_switch.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 0 8px;
}
ul.modeSwitch li.start, ul.modeSwitch li.end {
	padding: 0;
	width: 18px;
	background-repeat: no-repeat;
	background: url('/images/mode_switch_ends.png');
}
ul.modeSwitch li.start {background-position: 0 0;}
ul.modeSwitch li.end {background-position: -18px 0;}

/*****************
 profile pic and side info
******************/

.profileSummary {
	margin: 10px 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 3px double #9CE3BF;
	overflow: auto;
	width:100%;
}
.profileImgWrap {float:left;}
.profileSummary .summaryData {
	margin-left: 160px;
}
.profileSummary dt, .profileSummary dd {
	padding-bottom: 3px;
}
.profileSummary p.selfText {
	border-top: 1px dotted #9CE3BF;
	margin: 5px 0 0 0px;
	padding: 5px 0 0px 0px;
	font-size: 11px;
	font-style: italic;
	color: #555;
	width: 350px;
}

/******************************************************************************************************************
	WRAPPER                                                                     WRAPPER
*******************************************************************************************************************/
body.compact #header,
body.compact #leftCol,
body.compact #footer {
	display: none;
}
#header {
	position: absolute;
	width: 100%;
	min-width: 980px;
	z-index:2;
	top: 0;
	left: 0;
}

#dogLogo {
	position: absolute;
	top: 10px;
	left: 15px;
	z-index: 10;
}
#textLogo {
	position: absolute;
	top: 15px;
	left: 160px;
	z-index: 10;
}
#navWrap {
	height: 82px;
	position: absolute;
	top: 72px;
	left: 0px;
	right: 0px;
	background-image: url('/images/wrap/navstrip.png');
	background-position: top left;
	background-repeat: repeat-x;
	z-index: 5;
}
#navWrap em {
	font-family: Georgia, Times, serif;
}
#navMask {
	width: 100%;
	height: 105px;
	position: absolute;
	background: #fff;
	z-index: 2;
}
#navStrip {
	height: 32px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	padding-left: 200px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
#navStrip a {
	color: #fff;
	text-decoration: none;
}
#navStrip a:hover {
	text-decoration: underline;
}
#headLogin {
	margin-left: 25px;
	padding-top: 5px;
	padding-right: 15px;
	float: left;
}
#headLogin input {
	border: 1px solid #001F40;
	padding: 2px;
	font-size: 10px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	display: inline;
	vertical-align: middle;
}
#headLogin label {
	color: #D0DEEA;
	font-size: 10px;
}
#headLogin button {
	color: #fff;
	background: #004080;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #002240;
	border-top-color: #3C78B0;
	border-left-color: #3C78B0;
	padding: 2px 4px;
}
#headLogin button:active {
	border: 1px solid #002240;
	border-bottom-color: #3C78B0;
	border-right-color: #3C78B0;
}
.headerLinkSet {
	float: left;
	list-style-type: none;
	padding: 7px 7px 0 0;
	margin: 0 0 0 25px;
}
.headerLinkSet li {
	display: inline;
	margin: 0;
	padding: 0 15px 0 0;
}

#greet {
	float: right;
	font-size: 12px;
	height:32px;
	line-height:32px;
	margin-right: 48px;
}
#greet em {
	color: #D0DEEB;
	font-size: 11px;
	font-style: italic;
}

#subNavStrip {
	line-height: 50px;
	height: 50px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 32px;
	padding-left: 200px;
	font-weight: bold;
	color: #000;
}
#subNavStrip a {
	color: #000;
	text-decoration: none;
}

#mainPane {
	position: relative;
	z-index: 0;
	min-height: 100%;
	width: 979px; /* update compact main pane also */
	margin: auto;
	overflow: hidden; /* make sure fits left column */
	padding: 0;
	border-left: 1px solid #3877B0;
	border-right: 1px solid #3877B0;
	background-image: url('/images/wrap/sidebar_rt.png'); /* 505px wide (500 color + 5 shadow) */
	background-color: #fff;
	background-position: -335px 150px;
	background-repeat: repeat-y;
}
body.compact #mainPane {
	border: none;
	width: 794px; /* update javascript window spawns width also */
	background-image: none;
}
body.compact.superCompact #mainPane {
	width: auto;
}
#content {
	position: relative;
	margin-left: 185px; /* leave space for left col */
	padding: 160px 20px 40px 0; /* leave space for top and footer */
}
body.compact #content {
	padding: 0 0 0 20px;
	margin: 0;
}
body.compact.superCompact #content {
	padding: 0;
}
#feedback {
	position: absolute;
	top: 50px;
	right: 10px;
	z-index: 3;
	background: url('/images/feedback.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 128px;
	font-size: 10px;
	height: 20px;
	line-height: 19px;
	text-align:center;
	padding: 2px 8px 8px 8px;
}
#feedback a {color: #000; font-weight: bold;vertical-align:top;}
body.compact #feedback {display:none;}

#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 32px;
	border-top: 1px solid #008040;
	background-color: #fff;
	background-image: url('/images/wrap/footerstrip.png');
	background-position: 0px 0px;
	line-height: 24px;
	text-align: center;
	font-size: 10px;
	color: #103C3A;
	clear: both;
}
body.thin #footer {
}
.cfdebug {
	margin-top: 30px;
}

/******************************************************************************************************************
	LEFT COLUMN                                                             LEFT COLUMN                   
*******************************************************************************************************************/
#leftCol {
	/* total width depends on background position in #mainPane */
	float: left;
	margin-left: 0;
	width: 155px;
	overflow: hidden;
	font-size: 11px;
	padding: 164px 0 40px 0; /*leave space for top and footer -- adjust .compact mainPane also */
	background-color: #AECEEB;
	background-image: url('/images/wrap/left_col_transition.png');
	background-position: bottom left;
	background-repeat: repeat-x;
}

#leftCol a {color: #002240;}
#leftCol a:hover {color:#000;}
#leftCol h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 12px 0 0 0;
	padding: 2px 7px;
	color: #000;
	text-shadow: none;
	text-align: left;
	background: #7FAEDC;
}
#leftCol h1:first-child {
	margin-top: 0;
}

#leftCol h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 1px 0;
	padding: 0 7px;
	text-align: left;
	text-shadow: none;
}
#leftCol ul {
	margin: 0 0 17px 0;
	padding: 0 10px;
	list-style-type:none;
}
#leftCol ul li {
	margin: 9px 0;
}
#leftCol ul li:first-child {margin-top: 3px;}
#leftCol ul em {
	font-weight: bold;
	font-style: normal;
}
#leftCol ul .details {
	font-size: 9px;
	font-style: italic;
	color: #00306C;
}
#leftCol ul a:hover .details {color:#001931;}
/********************
	global editor styles
********************/
.editableList {
	list-style-type: none;
	padding: 5px 5px 5px 5px;
	margin: 0;
}
.editableList li {
	overflow: hidden;
	width: 100%;
}
.editableList li.disabled {
	color: #888;
}
.editableList li label {
	display: block;
	margin-left: 14px; /* leave space for button */
}

/********************
  SCHEDULE STYLES
*********************/
table.schedule {}

/*
table.schedule th {
	is cloned from .statsEntry th 
}
*/

/***************
  TOURNAMENT BRACKETS
****************/
table.tourney {
	margin: 5px 0 5px 10px;
}
table.tourney a {text-decoration: none;}
table.tourney td {
	border-color: #0E3D3B;
	border-style: solid;
	font-size: 12px;
}
table.tourney td {
	min-width: 65px;
	padding: 0 3px;
	vertical-align: bottom;
	white-space: nowrap;
}
table.tourney td    {border-width: 0 0 0 0;}
table.tourney td.tr {border-width: 1px 1px 0   0;}
table.tourney td.br {border-width: 0   1px 1px 0;}
table.tourney td.w  {border-width: 1px 0   0   0;}
table.tourney td.tl {border-width: 1px 0   0   1px;}
table.tourney td.bl {border-width: 0   0   1px 1px;}

table.tourney em {
	font-style: italic;
	font-weight: bold;
}

table.tourney .seed {
	font-size: 10px;
	color: #666;
	font-style: italic;
	padding-right: 4px;
	margin-left: -4px;
}

/********************
  STATS DISPLAY STYLES
*********************/
p.NoData {
	font-style: italic;
	padding: 0 0 0 15px;
	color: #008040;
	margin: 7px 0;
}
table.data {
	margin: 10px 0 20px 0;
	border-spacing: 0;
	border-collapse: collapse;
}
table.data.miniData {
	margin: 5px 0 10px 0;
}

table.data th {
	background-color: #002240;
	background-image: url('/images/accents/th_accent.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-shadow: #000 1px 1px 1px;
	text-align: center;
	padding: 1px 4px;
}
table.data.miniData th {
	font-size: 11px;
}

table.data .subHead th {
	background-color: #103C3A;
	background-image: url('/images/accents/th_subaccent.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	text-shadow: #000 1px 1px 1px;
}

table.data td {
	color: black;
	font-size: 12px;
	padding: 3px 5px;
	white-space: nowrap;
	text-align: center;
}
table.data.miniData td {
	font-size: 10px;
}

table.data tr {background:#fff;}
table.data tbody.alt tr,
table.data tbody tr.alt {
	background: #ffefde;
}
table.data tr.emph td {
	font-weight: bold;
}


table.data th.highlight {
	background-color: #004080;
	background-image: url('/images/accents/th_highlight_accent.png');
}
table.data tr.subHead th.highlight,
table.data .subHead th.highlight {
	background-color: #008040;
	background-image: url('/images/accents/th_highlight_subaccent.png');
}

table.data td.highlight {background-color: #FFEFDE;}
table.data tr.alt td.highlight {background-color: #FFD9B2;}

table.data th[title],
table.data th[title] a {cursor: help;}

table.data th a {
	display:block;
	text-align: center;
	color: #fff;
}
table.data th a:hover {
	background: #3C78B0;
	color: #fff;
}

table.data em {
	font-size: 90%;
	font-weight: bold;
	font-style: normal;
	color: #8C0B0B;
}

table.data .n_a { color: #8C0B0B; } /* n_a is for n/a */

table.data .unoffic td {
	font-style: italic;
	color: #777;
}
table.data .unoffic a {
	color: #7B9BB9;
}
table.data .unoffic em {
	color: #B97E7F;
	font-style: italic;
}

table.data .winResult {
	font-weight: bold;
}
table.data .tieResult {
	font-style: italic;
}
table.data tr.cancelledResult td,table.data .cancelledResult {
	color: #4D0405;
}

tr.dataTot {
	font-size: 13px;
}

table.data td.tot {
	font-weight: bold;
	font-size: 110%;
	color: #008040;
}

table.strict {
	table-layout: fixed;
	padding-left: 0;
	padding-right: 0;
}
/* eliminate padding keep widths consistent across browsers */
table.strict td, table.strict th {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

  /********************************/
 /*** DATA TABLE ENTRY STYLES ****/
/********************************/

/* table row being dragged by the user */
.dragged {
	position: absolute;
	border: 1px solid #888;
	background-color: transparent;
	margin: 0 !important;
	filter: alpha(opacity=55);
	opacity: 0.55;
	cursor: move;
}

.dragged tr {background-color: transparent;}

table.draggable em {
	cursor: move;
	padding-left: 8px;
	background-color: transparent;
	background-image: url('/images/data_drag_icon.gif');
	background-position: 0% 50%;
	background-repeat: no-repeat;
}

.dragged input,
table.dataEntry input {width: 28px;}

.dragged input,
table.dataEntry input {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}
table.dataEntry tr.alt input {background: #FFF8F0; border-color: #CEC6BF;}
table.dataEntry td.highlight input {
	background: #FFFBF6;
	border-color: #DBA671;
}
table.dataEntry td input:focus {
	background-color: #fff ! important;
	border-color: #8C0B0B ! important;
	border-style: solid;
	background: #fff;
}

table.dataEntry tr.alt td {
	background: #FFF8F0;
}

table.dataEntry select {font-size: 11px;}

/* table cell and input colors */
/* REMEMBER TO UPDATE border colors */

table.dataEntry div.rowTotal {text-align:center;}

table.dataEntry td {
	background: #fff;
}

table.dataEntry tr.alt td.highlight,
table.dataEntry td.highlight { background: #FED;}

table.dataEntry tr td.rowNumberHighlight {
	background-color: #004080;
	color: #fff;
}
table.dataEntry td.rowNumberHighlight em {color: #fff;}

/** totals row **/
table.dataEntry #cumulativeStats span {
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 13px;
}

/**************************************/
/*           BIG DATA                 */
/**************************************/
table.bigData {
	background: #D0DEEB;
	padding: 2px;
	border: 1px solid #9CC0E3;
	font-size: 14px;
	margin: 0 0 7px 0;
}
table.bigData th {
	color: #fff;
	background: #004080;
	padding: 1px 15px;
	text-align: center;
}
table.bigData tr td {
	padding: 3px 15px 1px 15px;
	background: none;
	font-size: 16px;
	text-align: center;
}
table.bigData tr.alt td {
	background-color: #9CC0E3;
}

/***************************************/
/*      MINI SPORT ICONS               */
/***************************************/

.sportIconWrap {
	position: relative;
	padding-left: 20px;
	min-height: 16px;
}

.sportIconLarge,
.sportIcon {
	background-image: url('/images/sport_icons.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0;
	overflow:hidden;
	text-decoration: none;
}
.sportIconLarge {
	width: 32px;
	height: 32px;
}

.sportIconWrap div.sportIcon {
	margin-right: 3px;
	float: left;
	position: absolute;
	top: 4px;
	left: 0px;
}

.sportIconList {
	margin: 0;
	padding: 0;
	list-style-type:none;
	overflow:auto;
}
.sportIconList li {
	float: left;
	margin: 0 5px 0 0;
}
.spListLabel {line-height: 22px;} /* total height of icon + padding + border */
.sportIconList a,.sportIconList em {
	padding: 2px;
	display: block;
	border: 1px solid #C5D6E5;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
}
.sportIconList a:hover {border-color: #00306C;background:#EBF5FF;}
.sportIconList em, .sportIconList a.currentSport {
	border-color: #B85D15;
	font-style: normal;
}
.sportIconList a.currentSport:hover {background-color:transparent;}
.sportIconList em.inactive {border-color: transparent;}

.sportIconList .text {
	display: block;
	height: 16px;
	padding-left: 7px;
	padding-right: 7px;
	line-height: 16px;
	font-weight: bold;
}

/*                           Xpx   Ypx*/
.sp1 {background-position:   0px -48px;}
.sp2 {background-position: -16px -48px;}
.sp3 {background-position: -32px -48px;}
.sp4 {background-position: -48px -48px;}
.sp5 {background-position: -64px -48px;}
.sp6 {background-position: -80px -48px;}

/*                                          Xpx   Ypx*/
a.currentSport .sp1 {background-position:   0px -48px;}
a.currentSport .sp2 {background-position: -16px -48px;}
a.currentSport .sp3 {background-position: -32px -48px;}
a.currentSport .sp4 {background-position: -48px -48px;}
a.currentSport .sp5 {background-position: -64px -48px;}
a.currentSport .sp6 {background-position: -80px -48px;}

/*                             Xpx   Ypx*/
a .sp1 {background-position:   0px -32px;}
a .sp2 {background-position: -16px -32px;}
a .sp3 {background-position: -32px -32px;}
a .sp4 {background-position: -48px -32px;}
a .sp5 {background-position: -64px -32px;}
a .sp6 {background-position: -80px -32px;}

/*                             Xpx   Ypx*/
a:hover .sp1 {background-position:   0px -48px;}
a:hover .sp2 {background-position: -16px -48px;}
a:hover .sp3 {background-position: -32px -48px;}
a:hover .sp4 {background-position: -48px -48px;}
a:hover .sp5 {background-position: -64px -48px;}
a:hover .sp6 {background-position: -80px -48px;}

/*                                   Xpx   Ypx*/
.inactive .sp1 {background-position:   0px 0px;}
.inactive .sp2 {background-position: -16px 0px;}
.inactive .sp3 {background-position: -32px 0px;}
.inactive .sp4 {background-position: -48px 0px;}
.inactive .sp5 {background-position: -64px 0px;}
.inactive .sp6 {background-position: -80px 0px;}

/*                                      Xpx   Ypx*/
#leftCol a .sp1 {background-position:   0px -16px;}
#leftCol a .sp2 {background-position: -16px -16px;}
#leftCol a .sp3 {background-position: -32px -16px;}
#leftCol a .sp4 {background-position: -48px -16px;}
#leftCol a .sp5 {background-position: -64px -16px;}
#leftCol a .sp6 {background-position: -80px -16px;}

/*                                      Xpx   Ypx*/
#leftCol a:hover .sp1 {background-position:   0px -32px;}
#leftCol a:hover .sp2 {background-position: -16px -32px;}
#leftCol a:hover .sp3 {background-position: -32px -32px;}
#leftCol a:hover .sp4 {background-position: -48px -32px;}
#leftCol a:hover .sp5 {background-position: -64px -32px;}
#leftCol a:hover .sp6 {background-position: -80px -32px;}

/**************************************************
             MINI ACTION ICONS
***************************************************/
.actionIcon {
	background-color: transparent;
	background-image: url('/images/action_icons.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
a.iconWrapper {
	display: block;
	float: left;
	overflow: hidden;
}
a.iconWrapper .actionIcon {
	float: left;
}
a.iconWrapper .lbl {
	float: left;
	margin-left: 2px;
}

.relatedLinks a .aiFind,.relatedLinks a:hover .aiFind,.relatedLinks a:active .aiFind,.modeSwitch a .aiFind,.modeSwitch a:hover .aiFind,.modeSwitch a:active .aiFind,.aiFind{background-position:   0px -48px;}
.relatedLinks a .aiAct ,.relatedLinks a:hover .aiAct ,.relatedLinks a:active .aiAct ,.modeSwitch a .aiAct ,.modeSwitch a:hover .aiAct ,.modeSwitch a:active .aiAct ,.aiAct {background-position: -16px -48px;}
.relatedLinks a .aiEdit,.relatedLinks a:hover .aiEdit,.relatedLinks a:active .aiEdit,.modeSwitch a .aiEdit,.modeSwitch a:hover .aiEdit,.modeSwitch a:active .aiEdit,.aiEdit{background-position: -32px -48px;}
.relatedLinks a .aiDel ,.relatedLinks a:hover .aiDel ,.relatedLinks a:active .aiDel ,.modeSwitch a .aiDel ,.modeSwitch a:hover .aiDel ,.modeSwitch a:active .aiDel ,.aiDel {background-position: -48px -48px;}
.relatedLinks a .aiMap ,.relatedLinks a:hover .aiMap ,.relatedLinks a:active .aiMap ,.modeSwitch a .aiMap ,.modeSwitch a:hover .aiMap ,.modeSwitch a:active .aiMap ,.aiMap {background-position: -64px -48px;}
.relatedLinks a .aiPers,.relatedLinks a:hover .aiPers,.relatedLinks a:active .aiPers,.modeSwitch a .aiPers,.modeSwitch a:hover .aiPers,.modeSwitch a:active .aiPers,.aiPers{background-position: -80px -48px;}
.relatedLinks a .aiGrp ,.relatedLinks a:hover .aiGrp ,.relatedLinks a:active .aiGrp ,.modeSwitch a .aiGrp ,.modeSwitch a:hover .aiGrp ,.modeSwitch a:active .aiGrp ,.aiGrp {background-position: -96px -48px;}
.relatedLinks a .aiMgr ,.relatedLinks a:hover .aiMgr ,.relatedLinks a:active .aiMgr ,.modeSwitch a .aiMgr ,.modeSwitch a:hover .aiMgr ,.modeSwitch a:active .aiMgr ,.aiMgr {background-position:-112px -48px;}
.relatedLinks a .aiPic ,.relatedLinks a:hover .aiPic ,.relatedLinks a:active .aiPic ,.modeSwitch a .aiPic ,.modeSwitch a:hover .aiPic ,.modeSwitch a:active .aiPic ,.aiPic {background-position:-128px -48px;}
.relatedLinks a .aiAdd ,.relatedLinks a:hover .aiAdd ,.relatedLinks a:active .aiAdd ,.modeSwitch a .aiAdd ,.modeSwitch a:hover .aiAdd ,.modeSwitch a:active .aiAdd ,.aiAdd {background-position:-144px -48px;}

a .aiFind{background-position:   0px -32px;}
a .aiAct {background-position: -16px -32px;}
a .aiEdit{background-position: -32px -32px;}
a .aiDel {background-position: -48px -32px;}
a .aiMap {background-position: -64px -32px;}
a .aiPers{background-position: -80px -32px;}
a .aiGrp {background-position: -96px -32px;}
a .aiMgr {background-position:-112px -32px;}
a .aiPic {background-position:-128px -32px;}
a .aiAdd {background-position:-144px -32px;}

a:hover .aiFind{background-position:   0px -48px;}
a:hover .aiAct {background-position: -16px -48px;}
a:hover .aiEdit{background-position: -32px -48px;}
a:hover .aiDel {background-position: -48px -48px;}
a:hover .aiMap {background-position: -64px -48px;}
a:hover .aiPers{background-position: -80px -48px;}
a:hover .aiGrp {background-position: -96px -48px;}
a:hover .aiMgr {background-position:-112px -48px;}
a:hover .aiPic {background-position:-128px -48px;}
a:hover .aiAdd {background-position:-144px -48px;}

a:active .aiFind{background-position:   0px -48px;}
a:active .aiAct {background-position: -16px -48px;}
a:active .aiEdit{background-position: -32px -48px;}
a:active .aiDel {background-position: -48px -48px;}
a:active .aiMap {background-position: -64px -48px;}
a:active .aiPers{background-position: -80px -48px;}
a:active .aiGrp {background-position: -96px -48px;}
a:active .aiMgr {background-position:-112px -48px;}
a:active .aiPic {background-position:-128px -48px;}
a:active .aiAdd {background-position:-144px -48px;}