@charset "utf-8";
body {
font : 100% Arial, Helvetica, sans-serif;
background : #ffffff;
margin : 0;
padding : 0;
text-align : center;
color : #000000;
}
.twoColElsLtHdr #container {
width : 760px;
background : #ffffff;
margin : 5px auto;
border : 0px solid #000000;
text-align : left;
}
.twoColElsLtHdr #header {
background : #ffffff;
padding : 0;
margin : 0;
margin-bottom : 5px;
border : 0px solid #ff0000;
}
.twoColElsLtHdr #header h1 {
margin : 0;
padding : 5px 0 15px 0;
}
.twoColElsLtHdr #sidebar1 {
float : left;
width : 10.7em;
background : #ffffff;
padding : 0;
margin : 0;
border : 0px solid #cc00ff;
vertical-align : top;
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
margin-left : 10px;
margin-right : 10px;
}
.twoColElsLtHdr #mainContent {
margin : 0 0 0 180px;
border : 0px solid #FF6600;
vertical-align : top;
}
.twoColElsLtHdr #footer {
padding : 10px 0 0 0;
background : #ffffff;
border : 0px solid #0033cc;
}
.twoColElsLtHdr #footer p {
margin : 0;
padding : 10px 0 0 0;
}

div.rounded div {
  height: 1px;
  overflow: hidden;
}

.fltrt {
float : right;
margin-left : 8px;
}
.fltlft {
float : left;
margin-right : 8px;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
.partnerHeader {
width : 760px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.primaryColor {
background-color : #01baf2;
}
.secondaryColor {
background-color : #00aadd;
}
.headerTextColor {
color : #ffffff;
}
.headerBorderColor {
border : 1px solid #ffffff;
}
td {
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
color : #333333;
}
.tdFixtureOpposition {
font-family : Arial, Helvetica, sans-serif;
font-size : 11pt;
color : #000000;
background-color : #f0f0f0;
width : 65%;
}
.tdFixtureLocation {
font-family : Arial, Helvetica, sans-serif;
font-size : 11pt;
color : #000000;
background-color : #d8d8d8;
text-align : center;
font-weight : bold;
}
.tdFixtureStatus {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
color : #000000;
background-color : #f0f0f0;
text-align : center;
font-weight : bold;
}
.tdFixtureGenericTitle {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
color : #000000;
background-color : #f0f0f0;
width : 15%;
}
.tdFixtureGenericHorizontalData {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
color : #000000;
width : 100%;
border-bottom : 1px solid #f0f0f0;
}
.tdFixtureGenericVerticalData {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
color : #000000;
border-bottom : 1px solid #f0f0f0;
}
.tdFixtureTeamsheet {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
color : #000000;
background-color : #ffffff;
text-align : right;
}
.tdFixtureCancelled {
font-family : Arial, Helvetica, sans-serif;
font-size : 11pt;
color : #cc0000;
background-color : #f0f0f0;
text-align : center;
}
.teamNameLong {
font-family : Arial, Helvetica, sans-serif;
font-size : 12pt;
color : #000000;
background-color : #ffffff;
font-weight : bold;
}
form {
padding : 0;
margin : 0;
}
.siteContainer {
height : 100%;
background-color : white;
margin-left : auto;
margin-right : auto;
width : 760px;
border : 0 solid green;
}
.headerContainer {
background-color : transparent;
width : 760px;
padding-bottom : 0;
margin-bottom : 0;
border : 0 solid red;
}
.boxMenuLeft {
float : left;
width : 180px;
background-color : white;
border : 0 solid yellow;
padding-right : 0;
}
.boxCenter {
height : 100%;
position : relative;
padding-left : 0;
padding-right : 0;
top : 0;
width : 360px;
background-color : #ffffff;
border : 0 solid green;
float : left;
margin : 0;
}
.boxRight {
width : 208px;
background-color : #ffffff;
border : 0 solid orange;
float : right;
margin : 0;
}
.boxBottom {
height : 50px;
background-color : #ffffff;
width : 760px;
padding-top : 10px;
border : 0 solid orange;
}
.navBox {
width : 170px;
margin : 0 0 0 0;
vertical-align : top;
}
.leftBox {
width : 170px;
margin : 10px 0px 0px 0px;
vertical-align : top;
text-align : center;
border : 0 solid orange;
}
.twoColumn {
height : 100%;
position : relative;
margin-left : 172px;
width : 580px;
height : 100%;
background-color : #ffffff;
}
.leftMenuList {
list-style : none;
padding : 0;
margin : 0;
height : 100%;
width : 172px;
}
.subMenuList {
list-style : none;
padding : 0;
margin : 0;
padding-top : 0;
padding-bottom : 0;
}
.leftLabel {
margin : 0;
padding : 0;
font-size : 8pt;
color : #000000;
}
.leftSeparator {
width : 75%;
color : #cccccc;
height : 1px;
text-align : center;
vertical-align : middle;
}
a.generalButton {
height : 15px;
background-image : url('/z/img/static/misc/generalButtonBack.gif');
background-repeat : repeat-x;
display : block;
color : #333333;
font-family : Arial, Helvetica, sans-serif;
font-size : 7pt;
font-weight : bold;
text-align : center;
vertical-align : middle;
position : relative;
text-decoration : none;
padding-top : 5px;
border-left : 1px solid #969696;
border-right : 1px solid #969696;
}
a.generalButton:hover {
background-position : 0 -20px;
color : #ffffff;
}
a.genericButton {
height : 15px;
background-image : url('/z/img/static/misc/generalButtonBack.gif');
background-repeat : repeat-x;
display : block;
color : #333333;
font-family : Arial, Helvetica, sans-serif;
font-size : 7pt;
font-weight : bold;
text-align : center;
vertical-align : middle;
position : relative;
text-decoration : none;
padding-top : 5px;
border-left : 1px solid #969696;
border-right : 1px solid #969696;
}
a.genericButton:hover {
background-position : 0 -20px;
color : #ffffff;
}

a.leftMenuItem {
height : 22px;
width : 162px;
background-image : url('/z/img/static/misc/sideNavButtonBack.jpg');
background-repeat : no-repeat;
display : block;
color : #333333;
font-family : Arial, Helvetica, sans-serif;
font-size : 7pt;
font-weight : bold;
text-decoration : none;
padding-left : 10px;
vertical-align : middle;
padding-top : 8px;
border-bottom : 1px solid #ffffff;
}
a.leftMenuItem:hover {
background-position : 0 -30px;
color : #ffffff;
}
a.leftNavSelected {
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
text-decoration : none;
vertical-align : middle;
padding-top : 8px;
}
a.leftNavSelected:hover {
color : #ffffff;
}
a.subMenuItem {
height : 20px;
background-image : url('/z/img/static/misc/subMenuBack.gif');
background-repeat : no-repeat;
display : block;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : normal;
line-height : 20px;
text-decoration : none;
color : #333333;
padding-left : 30px;
padding-top : 2px;
background-color : white;
}
.subMenuItemSelected {
height : 20px;
background-image : url('/z/img/static/misc/subMenuBack.gif');
background-repeat : no-repeat;
display : block;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : normal;
line-height : 20px;
text-decoration : none;
color : #333333;
padding-left : 30px;
padding-top : 2px;
background-color : white;
background-position : 0 -44px;
}
a.subMenuItemSelectedHref {
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : normal;
text-decoration : none;
color : #333333;
background-color : white;
}
a.subMenuItemSelectedHref:hover {
color : #000000;
}
a.subMenuItem:hover {
background-position : 0 -22px;
color : #ffffff;
}
.submitButton {
height : 21px;
background-image : url('/z/img/static/misc/generalButtonBack.gif');
background-repeat : repeat-x;
display : block;
color : #333333;
font-family : Arial, Helvetica, sans-serif;
font-size : 7pt;
font-weight : bold;
text-align : center;
vertical-align : top;
position : relative;
text-decoration : none;
padding-top : 5px;
border-left : 1px solid #969696;
border-right : 1px solid #969696;
}
.smallColourBar {
height : 5px;
padding : 0;
margin : 0;
border : 0;
display : block;
}
.mediumColourBarContainer {
height : 30px;
}
.mediumColourBar {
height : 15px;
}
.mediumColourBarTextLabel {
position : relative;
top : -22px;
left : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
margin-bottom : -15px;
}
.mediumColourBarContainer2 {
height : 35px;
}
.mediumColourBar2 {
height : 15px;
}
.mediumColourBarTextLabel2 {
position : relative;
top : -22px;
left : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
margin-bottom : -15px;
}
.mediumColourBarContainer-alt {
height : 40px;
}
.mediumColourBar-alt {
height : 15px;
}
.mediumColourBarTextLabel-alt {
position : relative;
top : -22px;
left : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
margin-bottom : -15px;
}
.largeColourBarContainer {
margin : 0;
padding : 0;
margin-top : 0.2em;
height : 50px;
}
.largeColourBar {
height : 18px;
}
.largeColourBarContents {
position : relative;
top : -32px;
left : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
border : 0 solid orange;
height : 20px;
margin : 0;
padding : 0;
padding-bottom : 0;
display : block;
margin-bottom : -32px;
}
.thinColourBarContainer {
height : 20px;
}
.thinColourBar {
height : 10px;
}
.thinColourBarTextLabel {
position : relative;
top : -18px;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
margin-bottom : -5px;
text-align : center;
}
h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.3em;
}
h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 28px;
font-weight : bold;
color : #333333;
padding-top : 0;
padding-bottom : 10px;
margin : 0;
}
h2.titles {
font-family : Arial, Helvetica, sans-serif;
font-size : 16pt;
font-weight : bold;
color : #333333;
padding-top : 0;
padding-bottom : 0;
margin : 0;
}
h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #333333;
padding-top : 10px;
padding-bottom : 5px;
margin : 0;
}
h3.blogFullTitle {
font-family : Arial, Helvetica, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #4e4e4e;
padding : 20px 0 5px 0;
margin-bottom : 1px;
}
h3.topicFullTitle {
font-family : Arial, Helvetica, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #4e4e4e;
padding : 20px 0 5px 0;
margin-bottom : 1px;
border-bottom : 1px solid black;
}
h4.centerArticleHeader {
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
color : #4e4e4e;
padding-top : 10px;
border-bottom : 1px solid black;
padding-bottom : 2px;
margin-bottom : 5px;
}
.bodyNormal {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
a.bodyLink {
font-family : Arial, Helvetica, sans-serif;
color : #000000;
}
a.bodyLink:hover {
color : #ff0000;
}
.signInButtonPositioning {
width : 100px;
}
.signInExtraButtonPositioning {
width : 20px;
}
.loginTextField {
background-color : transparent;
width : 100px;
height : 15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
padding-left : 3px;
}
.centerContent1 {
padding : 0;
width : 370px;
margin : 0 0 0 0;
vertical-align : top;
}
.centerContent2 {
padding : 0;
width : 578px;
margin : 0;
vertical-align : top;
font-size : 9pt;
}
.blogComponent {
padding : 10px;
border-top : 1px solid black;
height : 100%;
}
.article {
height : auto;
width : 360px;
padding : 0 0 5px 0;
}
.greyBox {
background-color : #dbdcdb;
margin-bottom : 10px;
}
.greyBox2 {
background-color : #dbdcdb;
margin-top : 10px;
margin-bottom : 10px;
width:172px;
}
.greyBoxBody {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
}
.greyBoxImage {
padding-top : 1px;
padding-bottom : 1px;
background-color : #ffffff;
}
.footerTextBox {
float : right;
width : 500px;
height : 50px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #cccccc;
text-align : right;
position : relative;
margin-top : 10px;
left : 0;
}
a.footerLinks {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #999999;
text-decoration : none;
padding-left : 5px;
padding-right : 5px;
}
a.footerLinks:hover {
color : #000000;
}
.playerProfileContainer {
padding : 10px 2px 0px 2px;
border-top : 1px solid black;
height : 100%;
}
.profileDescriptionLeft {
width : 250px;
}
.profileDescriptionRight {
width : 250px;
}
.profileContent {
height : 109px;
width : 510px;
}
.galleryImageContainer {
height : 130px;
width : 130px;
background-color : #e1e1e1;
vertical-align : top;
padding-top : 15px;
padding-bottom : 15px;
}
.galleryImageContainerPrivate {
height : 130px;
width : 130px;
background-color : #e1e1e1;
vertical-align : top;
padding-top : 15px;
padding-bottom : 15px;
}
.galleryImage {
border : 1px solid #bdbdbd;
margin-bottom : 5px;
}
.galleryTableContainer {
vertical-align : middle;
}
.textField {
border : 1px solid #969696;
background-color : white;
color : #333333;
font-size : 8pt;
}
.searchField {
width : 120px;
}
.searchLabel {
font-size : 8pt;
}
a.tabButton {
height : 22px;
width : 150px;
background-image : url('/z/img/static/misc/sideNavButtonBack.jpg');
background-repeat : no-repeat;
display : block;
color : #333333;
font-family : Arial, Helvetica, sans-serif;
font-size : 7pt;
font-weight : bold;
text-decoration : none;
padding-left : 10px;
vertical-align : middle;
padding-top : 8px;
border-bottom : 1px solid #ffffff;
}
a.tabButton:hover {
background-position : 0 -30px;
color : #ffffff;
}
th {
background-color : #d5d5d5;
border-bottom:1px solid #969696;
text-align : left;
}
td.gridCell {
background-color : #ffffff;
}

.mail-table {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.mail-table-nav-cell1 {
	width:10px;
	border-bottom:1px solid #969696;
}

.mail-table-nav-cell2 {
	width:50px;
	border-bottom:0px solid #969696;
}

.mail-table-nav-cell3 {
	width:100px;
	border-bottom:0px solid #969696;
}

.mail-table-nav-cell4 {
	width:120px;
	border-bottom:0px solid #969696;
}

.mail-table-nav-cell5 {
	width: 290px;
	border-bottom:1px solid #969696;
}

.mail-toolbar {
	background-color:#d5d5d5;
	border-top:0px;
	border-right:0px solid #969696;
	border-bottom:1px solid #969696;
	border-left:0px solid #969696;
	color : #000000;
}

.mail-head-start-cell {
	background-color:#d5d5d5; 
	border-bottom:1px solid #969696;
	border-right:1px solid #969696;
	padding:2px 0px 2px 5px;
}

.mail-head-icon-cell {
	background-color:#d5d5d5;
	border-bottom:1px solid #969696;
	border-right:1px solid #969696;
	padding:0px 0px 0px 5px;
}

.mail-head-middle-cell {
	background-color:#d5d5d5;
	border-bottom:1px solid #969696;
	border-right:1px solid #969696;
	padding:0px 0px 0px 5px;
}

.mail-head-end-cell {
	background-color:#d5d5d5;
	border-bottom:1px solid #969696;
	border-right:0px solid #969696;
	padding:0px 0px 0px 5px;
}

.mail-body-start-odd-cell {
	background-color:#ffffff;
	border-bottom:1px solid #969696;
	padding:2px 5px 2px 5px;
}

.mail-body-middle-odd-cell {
	background-color:#ffffff;
	border-bottom:1px solid #969696;
	padding:0px 0px 0px 5px;
}

.mail-body-start-even-cell {
	background-color:#F3F3F3;
	border-bottom:1px solid #969696;
	padding:2px 5px 2px 5px;
}

.mail-body-middle-even-cell {
	background-color:#F3F3F3;
	border-bottom:1px solid #969696;
	padding:0px 0px 0px 5px;
}

.mail-checkbox {
	border:0px solid #969696;
}

.mail-message-photo-cell {
	background-color:#F3F3F3;
	border-bottom:1px solid #969696;
	padding:5px 5px 5px 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-weight : bold;
}

.mail-message-field-cell {
	background-color:#F3F3F3;
	border-bottom:1px solid #969696;
	padding:5px 5px 5px 5px;
	width:10px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-weight : bold;
}

.mail-message-field2-cell {
	background-color:#F3F3F3;
	border-bottom:1px solid #969696;
	padding:5px 5px 5px 5px;
	width:100px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-weight : bold;
}

.mail-message-value-cell {
	background-color:#FFFFFF;
	border-bottom:1px solid #969696;
	padding:5px 5px 5px 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
}

.mail-message-body-cell {
	background-color:#FFFFFF;
	border-left:0px solid #969696;
	border-right:0px solid #969696;
	border-top:0px solid #969696;
	border-bottom:1px solid #969696;
	padding:5px 5px 5px 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
}

.mail-message-nav-cell {
	background-color:#FFFFFF;
	border-bottom:1px solid #969696;
	padding:5px 5px 5px 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
}

.mail-nomail-cell {
	background-color:#FFFFFF;
	border-bottom:0px solid #969696;
	padding:5px 5px 5px 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.2em;
}

a.mail-read-link {
font-family : Arial, Helvetica, sans-serif;
color : #000000;
text-decoration : none;
}
a.mail-read-link:hover {
color : #000000;
}

a.mail-unread-link {
font-family : Arial, Helvetica, sans-serif;
color : #000000;
text-decoration : underline;
}
a.mail-unread-link:hover {
color : #000000;
text-decoration : underline;
}

a.mail-pages-link {
font-family : Arial, Helvetica, sans-serif;
color : #000000;
text-decoration : underline;
}
a.mail-pages-link:hover {
color : #000000;
}

.mail-subject-input {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 450px;
height:15px;
border : 1px solid #A4A4A4;
}

.mail-body-input {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 560px;
height:250px;
border-top: 1px solid #A4A4A4;
border-bottom: 1px solid #A4A4A4;
border-left: 1px solid #A4A4A4;
border-right: 1px solid #A4A4A4;
}

.mail-compose {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.0em;
}

form {
padding : 0;
margin : 0;
display:inline;
}
input.upload {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 163px;
height:15px;
border : 1px solid #A4A4A4;
}
input.upload2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 250px;
border : 1px solid #A4A4A4;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
input.upload3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 180px;
margin:0px 2px 0px 0px;
border : 1px solid #A4A4A4;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

textarea.upload {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 245px;
height : 100px;
}
textarea.upload2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 250px;
height : 100px;
border : 1px solid #A4A4A4;
}
input.formTextBox {
width : 400px;
}
input.formTextBoxCaptcha {
width : 150px;
font-size : 14pt;
vertical-align : bottom;
}
input.formTextBoxReadonly {
width : 400px;
background-color : #e1e1e1;
border : 0 solid #000000;
}
input.formButton {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
border : 1px solid #000000;
width : 50px;
background-color : #01baf2;
font-weight : bold;
color : #ffffff;
}
input.formButton2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
border : 1px solid #000000;
width : 125px;
background-color : #01baf2;
font-weight : bold;
color : #ffffff;
}
input.formButton3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
border : 1px solid #000000;
width : 180px;
background-color : #01baf2;
font-weight : bold;
color : #ffffff;
}
input.checkBox {
border : 1px solid #000000;
width : 50px;
}
textarea.formTextArea {
width : 400px;
height : 80px;
}
select.upload {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 190px;
border : 1px solid #A4A4A4;
}
select.upload2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 252px;
border : 1px solid #A4A4A4;
}
select.selectDates {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
border:1px solid #A4A4A4;
width : 85px;
}
.tdLogoBox {
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
border : 1px solid #000000;
}
.tdLogoBoxSelected {
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
border : 3px solid #01baf2;
}
.tdGenralText {
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
}
.tdFormText {
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
text-align : right;
}
.tdFormField {
text-align : left;
}
.tdFormAsterix {
font-family : Arial, Helvetica, sans-serif;
font-size : 18pt;
text-align : center;
vertical-align : middle;
font-weight : bold;
color : #ff0000;
}
.tdFormAsterix2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 18pt;
text-align : center;
vertical-align : middle;
font-weight : bold;
color : #ffffff;
visibility : hidden;
}
.tdFormAsterix3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 18pt;
text-align : left;
vertical-align : middle;
font-weight : bold;
color : #ff0000;
}
.uploadCell {
background : #f8f8f8;
}
.teamName {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.7em;
font-weight : bold;
}
.debug {
font-family : Verdana, Helvetica, Arial, sans-serif;
color : #000;
font-size : 0.9em;
font-weight : bold;
background : #fff;
padding : 5px;
margin : 25px 5px 5px 5px;
text-align : left;
border : 2px dashed #ff0000;
}

.darkenBackground {
	background-color: rgb(0, 0, 0);
	opacity: 0.1; /* Safari, Opera */
	-moz-opacity:0.10; /* FireFox */
	filter: alpha(opacity=10); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}

/************* CROPPER ***********/
.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js 
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url('/z/img/static/cropper/marqueeHoriz.gif') repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url('/z/img/static/cropper/marqueeVert.gif') repeat-y 0 0;
	z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}

/* WICK */
.floaterWick {
position:absolute;
z-index:5;
top:268px;
left:30em;
display:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border : 0px solid #A4A4A4;
}

.floaterWick td {
font-family : Arial, Helvetica, sans-serif;
font-weight:bold;
background-color:#F0F0F0;
border:1px solid #979797;
color:black;
text-align:left;
width : 450px;
}

.matchedSmartInputItem {
font-size:1.0em;
padding: 5px 10px 1px 5px;
margin:0px 0px 0px 0px;
cursor:pointer;
}

.selectedSmartInputItem {
color:#000000;
background-color:#DFDFDF;
}

#smartInputResults {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.siwCredit { }

.wickEnabled {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 450px;
height:15px;
border : 1px solid #A4A4A4;
}