body {
	margin: 0;
	padding: 0;
	background: #ffffff repeat-y top left;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	/*float: center;*/
	/* border: 1px solid #ccc;*/
	/*background: #ccc;*/
}

.pagetitle {
    color: #000;
	padding: 7px 10px 7px 0px;
    margin: 0;
    float: left;
    font-family: Helvetica, Arial, Verdana, Sans-serif; font-size: 28px;; font-weight: bold; color: #000;
}

a:link { color: darkblue; }
a:visited { color: darkblue; }
a:active { color: darkblue; }

LI {
	MARGIN-BOTTOM: 0px;	MARGIN-TOP: 0px
}

UL {
	MARGIN-BOTTOM: 0px;	MARGIN-TOP: 0px
}

.file_hidden {display: none}

/* for validation errors**/
.msg {padding: 5px; background-color: #FFFED1; border: 1px solid #DBDAA2; }
.msgTable {border-top: 0px groove; font-family: Verdana, Sans-serif; font-size: 11px; color:#ff0000;}
.msgTable td {padding-bottom: 5px;}

.h_rule {border-top: 1px solid #CCC; margin-top: 5px; margin-bottom: 5px;}

/* for register and editUser pages*/
.userInfoTable {border-top: 1px groove}
.userInfoTable td {padding-bottom: 5px;	font-family: Verdana, sans-serif; font-size: 11px;}
.stepNum {color: #163758;}
.stepForm input, .stepForm select { width: 185px; background-color: #f2f2f2; font-family: Verdana, Sans-serif; font-size: 11px;}
.stepForm textarea { background-color: #f2f2f2; font-family: Verdana, Sans-serif; font-size: 11px;}
.stepForm .dobMonth {width: 95px;}
.stepForm .dobDay {width: 42px;}
.stepForm .dobYear {width: 47px;}
.stepForm .gender{width: 75px;}
.stepForm .submitBtn {width: auto }
.stepLabel {color: #000; font-weight: bold; font-size: 14px; margin-bottom: 6px; margin-top: 6px; width: 600px;}
/**/

.gameFilterSelect {width: 330; background-color: #f2f2f2; font-family: Verdana, Sans-serif; font-size: 11px;}
.gameFilterText {font-family: Helvetica; font-size: 14px; color: darkblue}

/** for the welcome page**/
.welcomeTextBig {font-family:Verdana; font-size:20px; font-weight: bold;}
.welcomeTextBig2 {font-family:Verdana; font-size:14px; font-weight: bold;}
.welcomeTextMed {font-family:Verdana; font-size:13px; font-weight: bold;}
.welcomeTextSmall {font-family:Verdana; font-size:12px}
.welcomeULTextSmall {font-family:Verdana; font-size:12px; padding-bottom: 2px; margin-bottom: 2px;margin-top:0; margin-bottom:0; list-style-type:disc; list-style-position:outside;}
.welcomeClickHereText {font-family:Verdana, Sans-serif; font-size: 11px; padding-bottom: 2px; margin-bottom: 2px}
.welcomeIntroText {font-family:Verdana; font-size:12px; padding-bottom: 8px; margin-bottom: 8px;}

/** for the top menu bar (main, help...)**/ 
.menubar {padding-left: 10px; padding-bottom: 5px; padding-top: 5px; font-family: Verdana, Sans-serif; font-size: 10px; font-weight: bold; background-color: #37371C; color: white}
.footerbarTable {padding-left: 10px; padding-bottom: 5px; padding-top: 10px; font-family: Verdana, Sans-serif; font-size: 10px; background-color: #eeeeee; color: black}
.footerbarTable td a:link { color: darkblue; }
.footerbarTable td a:visited { color: darkblue; }
.footerbarTable td a:active { color: darkblue; }

.graycomment {color: rgb(136, 136, 136);}

.commonForm input, select { width: 180px; font-size: 12; background-color: #f2f2f2; }
.commonForm file { width: 400px; background-color: #f2f2f2; }
.commonForm textarea { background-color: #f2f2f2; }
.commonForm .submitBtn {width: auto;}
.commonForm .dobMonth {width: 95px;}
.commonForm .dobDay {width: 42px;}
.commonForm .dobYear {width: 47px;}
.commonForm .gender{width: 75px;}
.commonTable td {padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; font-family: Verdana, sans-serif; font-size: 11px;}
.commonTable th {padding-bottom: 5px; padding-top: 5px; font-weight: bold; background-color: darkslateblue; color: white;}
.commonTableEvenTr {background-color: #f5f8f9;}
.commonTableOddTr {background-color: #e6edef;}

.widgetTable {border: 1px solid lightgray; background-color: white}
.widgetTable td {padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; font-family: Verdana, sans-serif; font-size: 11px;}
.widgetTable th {padding-bottom: 5px; padding-top: 5px; font-weight: bold; background-color: darkslateblue; color: white;}

.loginTable td {padding-bottom: 5px; padding-left: 0px	; padding-right: 0px; padding-top: 0px;font-family: Verdana, sans-serif; font-size: 11px;}
.noPaddingTable td {padding-bottom: 0px; padding-left: 0px	; padding-right: 0px; padding-top: 0px; vertical-align: top}

.infoTable td {font-family: Verdana, sans-serif; font-size: 13px; padding-left: 5px;padding-top: 3px;padding-bottom: 3px}
.infoTable th {font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; text-align: right;}

.tableSubHead{padding-bottom: 5px; padding-top: 5px; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: darkgray; color: black;}

.scopy {font-size:11px; font-family:verdana;color:#000000}

.leagueMenuTable td {padding-bottom: 5px; font-family: Verdana, Sans-serif; font-size: 11px;}

.sectionHead {text-align: left; padding-bottom: 5px; padding-top: 5px;font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; background-image: url("/static/image/footer_bg.gif"); background: darkslateblue; color: white;}

.formPageHeader3 {border-bottom: 2px dotted rgb(202, 209, 215); width: 400px; font-family: Helvetica; font-size: 18px; line-height: 30px; font-weight: bold; color: rgb(66, 66, 66);}
.formPageHeader {border-bottom: 2px dotted rgb(202, 209, 215); width: 400px; font-family: Helvetica; font-size: 18px; line-height: 30px; font-weight: bold; text-transform: uppercase; color: rgb(66, 66, 66);}

.headerTable {border: 1px solid #CCC;}
.headerTable td {text-align: left; font-family: Verdana, sans-serif; font-size: 11px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px}
.headerTable th {text-align: left; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; padding-left: 5px; padding-top: 3px; padding-bottom: 3px}
.headerTitleText {text-align: left; font-family: Helvetica; font-size: 18px; line-height: 30px; font-weight: bold; text-transform: uppercase; color: rgb(66, 66, 66);}

.subMenuTable {padding: 0px;}
.subMenuTable2 {border: 1px solid #CCC; padding: 0px;}

.subMenuTable2 td {font-family: Verdana, sans-serif; font-size: 11px; padding: 5px}
.subMenuTable2 td a:link { font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold;}


table.commonListTable {background-color: WhiteSmoke }
.commonListTable td {padding: 5px; font-family: Verdana, sans-serif; font-size: 11px; text-align: center}
.commonListTable th {padding: 5px; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: darkslateblue; color: white; text-align: center;}
.commonListTable th a:link { color: white; }
.commonListTable th a:visited { color: white; }
.commonListTable th a:active { color: white; }

/* no padding or margin */
.commonListTable2 td {padding: 0px; font-family: Verdana, sans-serif; font-size: 11px; text-align: center}
.commonListTable2 th {padding-top: 5px; padding-bottom: 5px; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: darkslateblue; color: white; text-align: center;}

.centeredListTable {border: 15px ridge #AFC9AE; margin-left: 2px; background-color: #FFFFFF}
.centeredListTable td {padding: 5px; font-family: Verdana, sans-serif; font-size: 11px; text-align: center}
.centeredListTable th {padding: 5px; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: darkslateblue; color: white; text-align: center;}
.centeredListTable th a:link { color: white; }
.centeredListTable th a:visited { color: white; }
.centeredListTable th a:active { color: white; }

.tourTable {border: 15px ridge #AFC9AE; margin: 0px; background-color: #FFFFFF}
.tourTable td {padding: 5px; font-family: Verdana, sans-serif; font-size: 11px; text-align: left}
.tourTable th {padding: 5px; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: darkslateblue; color: white; text-align: left;}
.tourTable th a:link { color: white; }
.tourTable th a:visited { color: white; }
.tourTable th a:active { color: white; }

.bgTable {background-color: #F1F1F5}

table.smallListTable {background-color: white}
.smallListTable td {padding: 5px; font-family: Verdana, sans-serif; font-size: 10px; text-align: center}
.smallListTable th {padding: 5px; font-size: 10px; font-weight: bold; background-color: darkslateblue; color: white; text-align: center; font-family: Verdana, sans-serif;}
.smallListTable input { background-color: #f2f2f2; font-family: Verdana, Sans-serif; font-size: 10px;}
.smallListTable select { width: 140px; background-color: #f2f2f2; font-family: Verdana, Sans-serif; font-size: 10px;}

table.smallestListTable {background-color: WhiteSmoke }
.smallestListTable td {padding: 5px; font-family: serif; font-size: 8pt; text-align: center}
.smallestListTable th {padding: 5px; font-size: 10px; font-weight: bold; background-color: darkslateblue; color: white; text-align: center; font-family: Verdana, sans-serif;}
.smallestListTable th a:link { color: white; }
.smallestListTable th a:visited { color: white; }
.smallestListTable th a:active { color: white; }

table.smallestListTableNoSort {background-color: WhiteSmoke }
.smallestListTableNoSort td {padding: 5px; font-family: serif; font-size: 8pt; text-align: center}
.smallestListTableNoSort th {padding: 5px; font-size: 10px; font-weight: bold; background-color: darkslateblue; color: white; text-align: center; font-family: Verdana, sans-serif;}

.smallestListTable_gray td {padding: 5px; font-family: serif; font-size: 8pt; background-color: white; color: black; text-align: center}
.smallestListTable_gray th {padding: 5px; font-size: 10px; font-weight: bold; background-color: lightgray; color: black; text-align: center; font-family: Verdana, sans-serif;}
.smallestListTable_gray th a:link { color: white; }
.smallestListTable_gray th a:visited { color: white; }
.smallestListTable_gray th a:active { color: white; }

.noItemsMessage {text-align: left; font-family: Helvetica; font-size: 14px; color: rgb(66, 66, 66);}
.commonMessage {text-align: left; font-family: Helvetica; font-size: 14px; color: rgb(66, 66, 66);}
.commonSmallMessage {text-align: left; font-family: Verdana, sans-serif; font-size: 12px;}
.required {color: #FF0000;}
.requiredMessage {font-family: Verdana, sans-serif; font-size: 12px;}
.infoMsg {padding: 5px; background-color: #E2FCFE; font-family: Verdana, Sans-serif; font-size: 14px; color:blue; border-left: 1px groove rgb(0,0,255); border-right: 1px groove rgb(0,0,255); border-top: 1px groove rgb(0,0,255); border-bottom: 1px groove rgb(0,0,255)}

.confirmMessage {padding: 5px; background-color: #FFFED1; border: 1px solid #DBDAA2; font-family: Verdana, Sans-serif; font-size: 11px; color:#ff0000; width: 80%}
.confirmMessageLight {color: #000000; font-weight: bold; font-size: 10pt; font-family: Arial}

.userMessage {text-align: left; padding-bottom: 5px; padding-top: 5px;font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; color: blue; background-color: white}
.commonTitle {text-align: left; padding-bottom: 5px; padding-top: 5px;font-family: Verdana, sans-serif; font-size: 12px; }
.summaryTitle {text-align: left; padding-bottom: 15px; padding-top: 15px;font-family: Verdana, sans-serif; font-size: 12px; }

.teamScoreHead{text-align: left; padding-left: 5px; font-family: Verdana, sans-serif; font-size: 24px; font-weight: bold;}

/* for file upload button*/
#divupload {
	position: relative;
}
#faketext {
	position: absolute;
	left: 0;
	top: 0;
	width: 142px;
	margin-top: 2px;
}
#inputfile {
	position: absolute;
	left: 0;
	top: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#fakebrowse {
	position: absolute;
	left: 150px;
	top: 0;
}
#divupload {
	height: 25px;
}

/* for drag and drop */
.DragContainer {
	BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 350px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid
}
.OverDragContainer {
	BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 350px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid
}
.OverDragContainer {
	BACKGROUND-COLOR: #eee
}
.DragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 300px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.OverDragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 300px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.DragDragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 300px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.miniDragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 300px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.OverDragBox {
	BACKGROUND-COLOR: #ffff99
}
.DragDragBox {
	BACKGROUND-COLOR: #ffff99
}
.DragDragBox {
	BACKGROUND-COLOR: #ff99cc
}
LEGEND {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666699; FONT-FAMILY: verdana, tahoma, arial
}
FIELDSET {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.History {
	FONT-SIZE: 10px; OVERFLOW: auto; WIDTH: 100%; FONT-FAMILY: verdana, tahoma, arial; HEIGHT: 82px; display: none;
}
#DragContainer8 {
	BORDER-RIGHT: #669999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #669999 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: #669999 1px solid; WIDTH: 110px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 1px solid; HEIGHT: 110px
}
.miniDragBox {
	FLOAT: left; MARGIN: 0px 5px 5px 0px; WIDTH: 20px; HEIGHT: 20px
}