/* GENERAL STYLES */
/*TINYMCE STYLES */
body.mceContentBody {background-image: none; background-color: #fff;}

* {margin:0;padding:0}
body {padding: 0 0 20px;background-color: #ccc; background-image: url("/grfx/template/bg.gif");background-repeat: repeat-x; color:#333;font:83%/1.4 arial,tahoma,verdana,sans-serif}

/* LINKS */
a:link {color:#33f; text-decoration: none; border-bottom: 1px solid #ededed;} 
a:visited {color:#93c; text-decoration: none; border-bottom: 1px solid #ededed;} 
a:hover,a:active {color:#c00; border-bottom: 1px solid #969696; text-decoration: none;} 

a.textNav {font-size: 80%; font-weight: bold;}
a:visited.textNav {color: #33f;}

/* TYPOGRAPHY */
/* OVERFLOW AUTO FIXES THE IE7 DISPLAY BUG FOR ITALIC */
/* limit fix to macro id since most of concern are pulled in from macro */
#macro p {overflow: auto;}
#macro td p {overflow: visible;}

p, ul, ol {margin: 0 0 1.5em;}
h1, h2, h3, h4, h5, h6 {letter-spacing: 0; font-family: Arial, Helvetica, sans-serif; color:#000;padding-bottom: .5em; line-height: 1;}
h1 {font-size: 196%;margin-top:3px;  font-weight: bold;}
h2 {font-size: 136%; color: #8d804e;  font-style: italic; font-weight: bold;}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

ul , ol{margin-left: 25px;padding-left: 5px;}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:right;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px;} 

.center {text-align: center;}
/* FORMS */

fieldset {border: solid 1px #efefef; margin: 10px;}
label, div.multiField {display: block; margin-bottom: 10px; float:left;width:100%;}
legend {font-size: 107%; color: #8d804e; font-weight: bold; margin-left: 5px;}
/*legend {margin-left: 5px; color: #ccc;}*/
legend strong {color: #000;}
fieldset fieldset {border-style: solid 1px #efefef; border-width: 0 0 1px 0; text-align: left;}
fieldset label strong, fieldset div.multiField strong {width: 150px; display: block; float: left; clear: left; text-align: right;position:relative;margin-right: 5px;}
fieldset label em.tip {width: 495px; display: block; float: left; margin: 0 0 0 155px; font-size: smaller;}
fieldset label input, fieldset label textarea, fieldset label select {width: 500px; float: left;}
fieldset label.checkbox input {width: auto; margin-right: 2px;}
div.multiField span.checkbox label {display: inline; float: none; width: auto; margin: 0 7px 0 2px; font-weight: bold;}
div.multiField span.checkboxNormal label {display: inline; float: none; width: auto; margin: 0 7px 0 2px; font-weight: normal;}
fieldset table {clear: left; margin-left: 150px;}
fieldset td, fieldset label td input {width: 500px;}
fieldset ul {list-style-type:none; margin: 0; padding: 0;}
fieldset ul li {float: left; padding: 0 5px;}
fieldset ul.vert {margin: 10px;}
fieldset ul.vert li{float: none;}
fieldset ul.vert li label {display:inline; float:none; margin: 0 0 0 5px;}


label.short {display: block; margin: 0; float: left;}
label.short strong {display: block; width: 125px;}

input.short100 {width: 100px; margin: 0 5px 0 0;}
input.short50 {width: 50px; margin: 0 5px 0 0;}
input.short200 {width:200px; margin: 0 5px 0 0;}
input.short400 {width: 400px; margin: 0 5px 0 0; }
select.autosize, input.autosize {width: auto; margin: 0 5px 0 0;}

.formButton, .errorMsg {text-align: center; clear: left; display: block; width: 100%;}
.formButton input {width: auto; margin: 0 auto 10px;}
.formText {margin: 10px;}
.errorMsg, .req, .boldRed {color: #c00; font-weight: bold;}
.formErrorBox {color: #c00; font-weight: bold; display: block: width: 100%; clear: left; text-align: center;}
.formPlainText {font-weight: normal; color: #666; font-family: "Courier New" Courier monospace;}
.formDescription {text-align: center; font-weight: bold; margin: 10px;}
.example {font-size: smaller; color: #666; font-weight: normal; margin: 0 2px 0;}
.bold {font-weight: bold; margin: 0 5px 0 0;}
.red {color: #900;}

.formIndent {clear: left; margin: 0 0px 15px 155px;}
.smaller {font-size: smaller;}

#profileSummary {width: 500px; padding: 10px; margin: 10px auto; border: 1px solid #eee;}
.profileAlert {width: 400px; margin: 10px auto; background-color: #eee; padding: 5px;}
.profileError {margin: 10px; color: #c00; font-weight: bold; }

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}


/* TABLES */

tbody, td {padding: 0px;}

/* LOGBOX */
.logBox p {margin: 10px 10px 20px;}
.logError {margin: 10px 10px 20px; text-align: center; font-weight: bold; color: #900;}
.logboxLinks {margin: 10px 0; text-align: center;}

a.navLogin {color: #c00; font-weight: bold; border: 0; text-decoration: none;}

/* LAYOUT - HEADER */
#header {background-color: #000; margin: 0; padding: 0; border-bottom: 2px solid #85774d; padding: 0; margin: 0; width: 100%;}
#headBox {width: 200px; margin: 30px 8px 0 0; padding: 0; float: right; text-align: right; color: #fff;}
#headLog {padding:0 0 5px 0; margin: 12px 0 0 0; font-weight: bold; color: #fff; text-align: right; font-size: 11px;}
#headLog span.bracket {color: #85774d;font-size: 13px;}
#headLog a {color: #fff; text-decoration: none; border: none; font-size: 11px; padding: 0 5px;}
#headLog a:hover {color: #fff; background:#4d452e; text-decoration: none;}

#headerSearch {text-align: right; padding: 0; margin: 0;}
#headerSearch input {width: 150px; margin:0; padding: 0; background-color: #eee; border: 1px solid #999; color: #666; font-family: "Courier New" Courier monospace; font-size: 12px; }
#headerSearch input.button {width: auto; margin:0 0 0 3px; padding: 0; cursor:pointer; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #666; color: #fff; }
#headerSearch input:hover.button {background-color:#ccc; color: #900;}
	#siteBanner {float: left; clear: left; margin: 0; padding: 0; border: none;}
	#siteBanner img {border: none; margin: 0; padding: 0;}
	#siteBanner a {border: none; text-decoration: none;}
		

	
	/* NAV */
#nav-wrap {	float: left; clear: left;}

#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1;
}	

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 200px;
}

#nav li { /* all list items */
		position : relative;
		float : left;
		width: 200px;
		padding: 5px 5px 0 5px;
		margin: 0;
}

#nav li a, #nav li.last li a, #nav li p, #nav li.last li p {
		width: 200px;
		display : block;
		font-weight : bold;
		text-decoration : none;
		border-bottom: 1px solid #85774d;
		padding: 0;
		margin: 0;
		line-height: 1.2;
}


#nav ul.last li a {border-bottom: none;}
#nav ul.last li li a {border-bottom: 1px solid #85774d;}
#nav ul.last li li.last a, #nav ul.last li li.last p, #nav li.last a, #nav li li.last a, #nav li.last p, #nav li li.last p {border-bottom: none;}

#nav li a, 
#nav li:hover li a,
#nav li.sfhover li a { color : #fff;	}
#nav li:hover a, #crumbs li:hover li a:hover, #nav li:hover li a:hover, 
#nav li.sfhover a, #crumbs li.sfhover li a:hover, #nav li.sfhover li a:hover {color : #d1cb9a;}	
.active, #nav li p {font-style: italic; color:#85774d;}


/*LINK ARROWS */
li a.more {background-image: url(/grfx/nav/pointer_off.gif);	background-repeat: no-repeat;	background-position: center right;}
li:hover a.more, li.sfhover a.more {background-image: url(/grfx/nav/pointer_on.gif);	background-repeat: no-repeat;	background-position: top right;}

/*EXPAND ARROWS */
a.plus {
				font-size: 1px;
				display: block; width: 200px; height: 10px;
				background-image: url(/grfx/nav/plus_off.gif);	background-repeat: no-repeat;	background-position: center center;}
a.plus:hover {
				background-image: url(/grfx/nav/plus_on.gif);	background-repeat: no-repeat;	background-position: center center;}

a.minus {
				font-size: 1px;
				display: block; width: 200px; height: 10px;
				background-image: url(/grfx/nav/minus_off.gif);	background-repeat: no-repeat;	background-position: center center;}
a.minus:hover {
				background-image: url(/grfx/nav/minus_on.gif);	background-repeat: no-repeat;	background-position: center center;}



/* second-level lists */
#nav li ul { 
	position: absolute;
	width: 200px;
	left: -999em; 
	margin-left : 205px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/*EACH LEVEL STYLE*/
.n1  {text-transform: uppercase; }
.n1 li ul {text-transform: none;}
.n1 li {background-color: #000;}
.n1 a, .n1 a:hover, .n1 p{background-color: #000; width: 100%; height: 40px;}
#nav ul.n1 ul.n2 { margin-top: -49px;}

.n2 li {background-color: #333;}
.n2 a, .n2 a:hover, .n2 p{background-color: #333; width: 100%; height: 30px;}
#nav li ul.n2 { margin-top: -37px;}

.n3 li {padding: 5px 5px 0 5px;	background-color: #666;}
.n3 a, .n3 a:hover, .n3 p{background-color: #666; width: 100%; height: 27px; }
#nav ul.n3 li p{color: #302b1e;}
#nav li ul.n3 { margin-top: -34px;}

.n4 li {padding: 5px 5px 0 5px;	background-color: #999;}
.n4 a, .n4 a:hover, .n4 p{background-color: #999; width: 100%; height: 27px; font-size: 12px;}
#nav ul.n4 li p{color: #302b1e;}
#nav li ul.n4 { margin-top: -34px;}

/*FIXES BUG WITH SUCKERFISH SUB-MENU ITEMS NOT DISAPPEARING IN IE7*/
*:first-child+html #nav{
height: 1%;
}

*:first-child+html #nav li{
height: 1%;
} 

#crumbs {height: 32px; width: 100%;}
#br_logo {float: left; width: 200px;}
#br_logo a {text-decoration: none; border: none;}
#crumbs ul { list-style-type: none; height: 32px; margin: 0 0 0 225px; padding: 0;}
#crumbs li {padding: 15px 10px 0 0; float: left; font-weight: bold; font-size: 14px; color: #ccc;}
#crumbs li a { color: #369;  width: auto; }
#crumbs li.arrow {list-style-image: url(/grfx/icons/breadcrumb_arrow.gif); list-style-position: inside;}

/* LAYOUT - main body of page */
#wrap {width:1000px; Margin: 0 auto; position:relative; background-color: #fff; border-bottom:6px solid #000;}
#content-wrap {width:100%; clear: both;}

#content {margin: 0; clear: none; width: 750px;}

#content img {padding: 0 0 5px 5px;}


/* LAYOUT TWO COLUMN */
	#two-col #content {margin: 10px 15px 0 225px;}
	
	#fp-inset {width: 336px;  float: right; margin:0 0 0 20px;padding: 0;}
	#fp-inset img {padding: 0;}


#inset {float: right; width: 250px; background-color: #f4efd6; margin: 0 0 10px 10px; padding: 5px; text-align: center;}
#inset ul {list-style: none;text-align: left;margin: 0; list-style-position: outside;}
#inset li {padding:3px 0;}
#inset h1, #inset h2, #inset h3, #inset h4, #inset h5, #inset h6 {border: none; padding:2px 0 0; margin: 0; text-align: center;}
#inset img {border: 1px solid #000; margin: 0 auto; padding: 0;}
#inset p {text-align: left;}

#insetImg {float: right; margin: 0 0 10px 10px; padding: 5px; text-align: center; clear: right;}
#insetImg img {border: 1px solid #000; margin: 0 auto; padding: 0;}



/* PAGE SPECIFIC LAYOUT */

/* PHOTO ALBUM */
	#scrollwrap {overflow: auto; height: 110px; width:100%; border-top: 2px solid #999; background-color: #ccc; margin: 0 auto;}
	#vscroll {margin: 5px 0 0 0; white-space: nowrap;}
	#vscroll a {border: none; margin: 0 5px; padding: 0;}
	#vscroll img {border: 1px solid #000; margin:0; padding: 1px;}
	
	#thumbs {width: 95%;  margin: 0; padding: 10px; text-align: center;}
	#thumbs ul {list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; display: inline;}	
	#thumbs li {padding: 10px; display: inline; margin: 10px; list-style-position: inside; width: 70px; height: 70px; float: left;}
	#thumbs a {border: none; margin: 0; padding: 0; width: 75px; height: 75px;}
	#thumbs img {margin: 0 0 10px; padding: 1px; border: 1px solid #000; width: 70px; height: 70px;}
	#thumbs a img {text-decoration: none;}

	#fullImgWrap {width:95%; border: 1px solid #ccc; background-color: #eee; text-align: center; margin: 0 auto; padding: 0;}
	#fullImg {width: 500px; padding: 0; margin: 10px auto; text-align: center;}
	#fullImg h6 {font-weight: bold; border: none; padding: 0 0 2px 0; text-align: left;}	
	#fullImg img {border: 2px solid #000; margin: 0; padding: 1px;}
	.photocutline {font-size: 11px; padding: 0 0 1px 0; margin: 0; text-align: left;}
	.photocredit {font-size: 10px; text-align: right; padding: 0 0 1px 0; margin: 0;}

	.albumBlock {width: 95%; overflow: auto; margin: 0 0 10px;}
	.albumBlock a {border: none; margin: 0; padding: 0;}
	#content .albumBlock img {border: 1px solid #000; margin:0 10px 0; padding: 1px; float: left;}
	.albumBlock h6 {margin: 0; padding: 0 0 2px 0; border: none;}	

	/* IMAGE BLOCK */
	.centeredImage {padding: 0; margin: 10px 0 0; text-align: center; display: block; overflow: hidden;}
	.insetCenter {margin: 0 auto;}
	.insetRight {float: right; margin: 10px 0 5px 10px; text-align: right;}
	.insetLeft {float: left; margin: 10px 10px 5px 0; text-align: left;}
	div.insetCenter img, div.insetRight img, div.insetLeft img {padding: 0; margin: 0;}
	div.insetCenter a, div.insetRight a, div.insetLeft a {border:none;}

#sectionList li {margin: 0 20px 10px;}

#appMessage {width: 100%; font-weight: bold; font-size: 105%; margin-bottom: 10px;}

#appSummary {width: 390px; float: left; height: 300px;}
#appPriceWrap {width: 340px; margin: 0 0 0 10px; float: left;}
#appPrice {width: 100%; text-align: right; border: 1px solid #dedede; background-color: #efefef;}
#appPrice ul {list-style-type: none; width: 100%; margin: 0; padding: 0;}
#appPrice ul li {padding: 2px 5px 0 5px;}
#appPrice ul li.total {margin-top: 10px; background-color: #999; color: #fff;}

div.appButton {width: 100%; text-align: center; margin: 10px 0 0 0; }
div.appCCButton {width: 340px; float: right; text-align: center; margin: 10px 0 0 0;}

div.ccForm fieldset {width: 330px; padding: 5px; margin: 10px 0 0 0; }
div.ccForm label, div.ccForm div.multiField {text-align: right; float: left; display: block;}
div.ccForm label strong, div.ccForm div.multiField strong  {width: auto;}

div.formGrid div table {width: 90%; margin: 0 auto 10px; border-bottom: 1px solid #eee; }

/* CART */
div.cartInfo {width: 650px; margin: 0 auto;}
div.cartInfo table {margin:10px 0;}

div.cartSummary {width: 450px; margin: 0 auto; border: 1px solid #666;}
div.cartSummary ul {list-style-type: none; width: 100%; margin: 0; padding: 0;}
div.cartSummary ul li {padding: 2px 5px 0 5px; border-bottom: 1px solid #ccc;}
div.cartSummary ul li.total, tr.cartFooter {background-color: #999; color: #fff; text-align: right; padding: 5px; border-bottom: none;}

div.cartLogBox {width: 350px; height: 300px; float: left; margin: 0 10px;}
div.cartLogBox fieldset {width: 350px; height: 300px;}
div.cartLogBox label strong {width: 100px;}

div.cartLogBox input {width: 200px;}
div.formButton input {width: auto;}
div.cartLogBox div.logBox {margin: 0; padding: 10px 0;}
div.cartLogBox div {margin: 10px;}

#cartPriceWrap {width: 450px; margin: 0 0 0 10px; float: left; display: block;}
#cartShipping {width: 290px; float: left; display: block;}
#cartPriceWrap div.ccForm fieldset {width: 440px;}

div.promoBox {font-size: 85%; margin-bottom: 10px;}
div.promoBox p {margin: 0px; padding: 0px;}

.alert {color: #900;}

/* LAYOUT - FOOTER */
#footer {clear:both;width: 980px; padding: 150px 0 0;font-size:86%;color:#333; margin: 10px 0 5px; background: url(/grfx/template/100LogoWatermark.png) no-repeat bottom right;}
#footer p {color: #999; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	line-height: 0;}
#powered {width:1000px; Margin: 5px auto; position:relative; color: #666; font-size: 80%;clear: both; text-align: center;}
#powered a {color:#fff;}

#adminfooter {position: fixed; bottom: 1px; left: 10px; background-color: transparent;}
#adminfooter a {color: #900; text-decoration: none;}
#adminfooter a:hover {text-decoration: underline;}
#devHeader {text-align: center; width: 100%; background-color:#900; color: #fff; font-weight: bold;}

#insetDirectory {float: right; width: 250px; background-color: #f4efd6; margin: 0 0 10px 10px; padding: 5px; text-align: left;}
#insetDirectory ul {list-style-type: none; margin: 0; padding: 0;}
#insetDirectory li {margin: 0 10px 5px; font-weight: bold;}

/* SCHEDULE */
#schedule {}
#schedule h4 {text-transform: uppercase; text-align: center;}
#schedule ul {list-style-type: none; margin: 0; padding: 0;}
#schedule li {margin: 10px 0 20px;}
#schedule h5 {text-transform: uppercase; margin-top: 20px; text-align: center;}
div.matchBox {text-align: center; width: 650px; overflow: auto; margin: 0 auto;}
div.matchDetails {width: 250px; overflow: auto; padding: 10px 30px; margin: 10px auto; border: 1px solid #eee;}
div.pBox {float: left; width: 300px; text-align: left;}
div.vsBox {float: left; width: 50px; font-size: 1.0em; font-weight: bold; margin-top: 35px;}
div.dBox {float: left; width: 300px; text-align: right;}
span.typeLabel {text-transform: uppercase; color: #999;}
span.winner {text-transform: uppercase; color: #900; font-weight: bold;}
span.cityLabel {font-size: .8em;}
#schedule strike {color: #ccc;}
a.detailLink {text-transform: uppercase; font-size: .7em;}

/*DETAIL LISTS */
div.selectorForm {text-align: center;}

#detailList {}
#detailList h3 {margin-top: 10px; text-align: center;}
#detailList div.line {margin: 5px 0; padding: 0; width: 750px; overflow: auto;}
#detailList ul {list-style-type: none;}
#detailList li {padding: 2px 20px 20px;}
span.label {display: block; width: 120px; text-transform: uppercase; color: #999; float: left;}
div.multiLine {display: block; float: left; width: 560px;}

#champList {}
#champList h3 {margin: 10px 0 0 0; padding: 0; text-align: center;}
#champList ul {list-style-type: none;}
#champList li {padding: 2px 20px 20px;}
#champList li p {margin: 0; padding: 0;}

#listWithComment {}
#listWithComment ul {list-style-type: none;}
#listWithComment li {margin: 0 0 10px 0;}
#listWithComment a {font-weight: bold; font-size: 1.1em; color: #33f;}
#listWithComment p {font-weight: bold; margin: 0; padding: 0;}

/* REGION LIST*/
div.mockRegions {}
div.mockRegions ul {list-style-type: none;}
div.mockRegions li {color: #8d804e;  font-style: italic; font-weight: bold; font-size: 1.2em; text-transform: uppercase;}
div.mockRegions li.note {color: #000; font-style: normal; font-size: .9em; text-transform: none;}
div.mockRegions li li {margin: 3px 0; color: #000; font-style: normal; font-size: .8em;  text-transform: none;}

/* ANNOUNCEMENTS */
#mockAnnouncements {}
#mockAnnouncements ul {list-style-type: none;}
#mockAnnouncements li {margin: 2px 20px 10px; width: 600px;}
#mockAnnouncements .date {text-transform: uppercase; color: #999;}

/* RESULTS */
li.regionLabel {background-color: #666; text-transform: uppercase; font-weight: bold; text-align: center; color: #fff; font-size: 120%;}
li.roundLabel{ text-align: center; font-weight: bold; font-size: 110%;}
div.statusMsg {width: 250px; overflow: auto; padding: 10px 30px; margin: 10px auto; border: 1px solid #eee; text-align: center;}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {

}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

blockquote {

}

.singleSpace {
margin:0px; padding: 0px;
}

.shadeBox {
background-color: #f4efd6; width: 450px; margin: 5px auto; text-align: left; padding: 5px; display: block;
}

.emphasisGold {
color:#8D804E;
font-style:italic;
font-weight:bold;
}

.shadeBoxCentered {
background-color: #f4efd6; width: 450px; margin: 5px auto; text-align: center; padding: 5px; display: block;
}

.shadeBoxNarrow {
background-color: #f4efd6; 
margin: 5px 5px 10px 5px; text-align: center; padding: 5px;
width: 390px; display: block;
}

.shadeBoxNarrower {
background-color: #f4efd6; 
margin: 5px 5px 10px 5px; text-align: center; padding: 5px;
width: 310px; display: block;
}

.lineBox {
background-color: #fff;
border: 1px solid #000; 
margin: 5px 5px 10px 5px; text-align: left; padding: 5px;
width: 450px; display: block;
}

.lineBoxNarrow {
background-color: #fff;
border: 1px solid #000; 
margin: 5px 5px 10px 5px; text-align: left; padding: 5px;
width: 390px; display: block;
}

.lineBoxNarrower {
background-color: #fff;
border: 1px solid #000; 
margin: 5px 5px 10px 5px; text-align: left; padding: 5px;
width: 310px; display: block;
}

.lineBoxCentered {
background-color: #fff;
border: 1px solid #000; 
margin: 5px auto 10px auto; text-align: left; padding: 5px;
width: 450px; display: block;
}

.red {
color: #900;
}