@import url("systemPopups.css");

/* general html-element styles */
html, body, form {
    margin: 0px;
    padding: 0px;
}
body {
    background-color: #ffffff;
    background-image: url(/images/global/misc/background.png);
    background-repeat: repeat-x;
    text-align: center;
    font-family: Verdana;
    font-size: 10px;
    color: #545454;
}
a {
    text-decoration: none;
    color: #545454;
}
img {
    border: 0px;
}
select {
    font-size: 10px;
    color: #545454;
}
textarea {
    font-family: Verdana;
}

/* general page-layout styles */
.brclear {
    clear: both;
}
.textcolor_user {
    color: #545454;
}
.textcolor_soccer {
    color: #009303;
}
.textcolor_hockey {
    color: #4697cc;
}
.textcolor_basketball {
    color: #b44210;
}
.label {
    -moz-user-select: none;
    cursor: default;
}
.quickhelp {
    background-color: #ffffff;
    border: 1px solid black;
    display: none;
    position: absolute;
    max-width: 200px;
    padding: 8px;
    text-align: left;
    z-index: 20;
}
.quickhelpTexts {
    display: none;
}
.mainContainer {
    position: relative;
    left: 0px;
    top: 8px;
    width: 816px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.contentContainer {
    position: relative;
    width: 816px;
    height: 432px;
    background-image: url(/images/global/misc/content_background.gif);
    background-repeat: repeat-y;
}
.completeBackground {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    z-index: 10;
    background-color: #ffffff;
    display: none;
}
.mainHeader {
    position: relative;
    width: 816px;
    height: 92px;
    background-image: url(/images/global/misc/header.png);
}
.mainHeader .coBrand {
    position: absolute;
    left: 682px;
    top: 0px;
    width: 124px;
    height: 52px;
}
.footer {
    margin-top: 8px;
    text-align: center;
    -moz-user-select: none;
}
.mainHeader .userID {
    font-size: 9px;
    position: absolute;
    left: 510px;
    top: 42px;
    color: #ffffff;
    cursor: default;
    -moz-user-select: none;
}
.mainHeader .userIDValue {
    font-size: 9px;
    position: absolute;
    left: 600px;
    top: 42px;
    color: #ffffff;
}
.mainHeader .matchNum {
    font-size: 9px;
    position: absolute;
    left: 510px;
    top: 30px;
    color: #ffffff;
    cursor: default;
    -moz-user-select: none;
}
.mainHeader .matchNumValue {
    font-size: 9px;
    position: absolute;
    left: 600px;
    top: 30px;
    color: #ffffff;
}
.mainHeader .experience {
    font-size: 9px;
    position: absolute;
    left: 510px;
    top: 58px;
    color: #545454;
    cursor: default;
    -moz-user-select: none;
}
.mainHeader .experienceValue {
    font-size: 9px;
    position: absolute;
    left: 600px;
    top: 58px;
    color: #545454;
    cursor: default;
    -moz-user-select: none;
}
.mainHeader .ranking {
    font-size: 9px;
    position: absolute;
    left: 510px;
    top: 70px;
    color: #545454;
    cursor: default;
    -moz-user-select: none;
}
.mainHeader .rankingValue {
    font-size: 9px;
    position: absolute;
    left: 600px;
    top: 70px;
    color: #545454;
    cursor: default;
    -moz-user-select: none;
}
.mainHeader .proStar {
    position: absolute;
    left: 724px;
    top: 64px;
    width: 20px;
    height: 18px;
    background-image: url(/images/global/misc/header_premiumstar.png);
}
.mainHeader .logoutButton {
    position: absolute;
    left: 730px;
    top: 56px;
    background-image: url(/images/global/misc/header_button_logout_normal.png);
    width: 20px;
    height: 16px;
    cursor: pointer;
}
.mainHeader .logout {
    position: absolute;
    left: 750px;
    top: 58px;
    color: #545454;
    font-size: 9px;
    -moz-user-select: none;
}
.tableRowLight {
    background-color: #ebebeb;
}
.tableRowDark {
    background-color: #d7d7d7;
}
.internalFooter {
    width: 816px;
    height: 16px;
    background-image: url(/images/global/misc/footer.gif);
}
.input124 {
    width: 122px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    line-height: 16px;
    font-size: 10px;
    border-spacing: 0px;
    background-image: url(/images/global/misc/input_background_16.png);
    border: 1px solid #959595;
}
.button124x020 {
    width: 124px;
    height: 20px;
    background-image: url(/images/global/misc/button_124x020_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button124x020 div {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
}
.button116x020 {
    width: 116px;
    height: 20px;
    background-image: url(/images/global/misc/button_116x020_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button116x020 div {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
}
.button080x016 {
    width: 80px;
    height: 16px;
    background-image: url(/images/global/misc/button_080x016_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button080x016 div {
    position: absolute;
    left: 0px;
    top: 2px;
    width: 100%;
    text-align: center;
}
.button060x020 {
    width: 60px;
    height: 20px;
    background-image: url(/images/global/misc/button_060x020_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button060x020 div {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
}
.button208x020 {
    width: 208px;
    height: 20px;
    background-image: url(/images/global/misc/button_208x020_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button208x020 div {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
}
.button148x016 {
    width: 148px;
    height: 16px;
    background-image: url(/images/global/misc/button_148x016_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button148x016 div {
    position: absolute;
    left: 0px;
    top: 2px;
    width: 100%;
    text-align: center;
}
.button096x020 {
    width: 96px;
    height: 20px;
    background-image: url(/images/global/misc/button_096x020_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button096x020 div {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
}
.button176x020 {
    width: 176px;
    height: 20px;
    background-image: url(/images/global/misc/button_176x020_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button176x020 div {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
}
.button192x020 {
    width: 192px;
    height: 20px;
    background-image: url(/images/global/misc/button_192x020_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button192x020 div {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
}
.button160x020 {
    width: 160px;
    height: 20px;
    background-image: url(/images/global/misc/button_160x020_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button160x020 div {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
}
.button124x020stripes {
    width: 124px;
    height: 20px;
    background-image: url(/images/global/misc/button_124x020stripes_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button124x020stripes div {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}
.button124x020goldstripes {
    width: 124px;
    height: 20px;
    background-image: url(/images/global/misc/button_124x020goldstripes_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button124x020goldstripes div {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}
.button244x040goldstripes {
    width: 244px;
    height: 40px;
    background-image: url(/images/global/misc/button_244x040goldstripes_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button244x040goldstripes div {
    position: absolute;
    left: 16px;
    top: 14px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}
.button160x016 {
    width: 160px;
    height: 16px;
    background-image: url(/images/global/misc/button_160x016_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button160x016 div {
    position: absolute;
    left: 0px;
    top: 2px;
    width: 100%;
    text-align: center;
}
.button168x016 {
    width: 168px;
    height: 16px;
    background-image: url(/images/global/misc/button_168x016_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button168x016 div {
    position: absolute;
    left: 0px;
    top: 2px;
    width: 100%;
    text-align: center;
}
.button184x020 {
    width: 184px;
    height: 20px;
    background-image: url(/images/global/misc/button_184x020_normal.png);
    cursor: pointer;
    font-weight: bold;
    -moz-user-select: none;
}
.button184x020 div {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
}

/* main menu styles */
.mainMenuContainer {
    width: 816px;
}
.mainMenuButton {
    background-image: url(/images/global/misc/header_buttonN_normal.png);
    position: relative;
    cursor: pointer;
    width: 102px;
    height: 24px;
    text-align: center;
    float: left;
    -moz-user-select: none;
}
.mainMenuButton_active {
    background-image: url(/images/global/misc/header_buttonN_active.png);
    position: relative;
    cursor: pointer;
    width: 102px;
    height: 24px;
    text-align: center;
    float: left;
    -moz-user-select: none;
}
.mainMenuButton div {
    color: #545454;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 6px;
}
.mainMenuButton_active div {
    color: #545454;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 7px;
}

.mainMenuButton1 {
    background-image: url(/images/global/misc/header_button1_normal.png);
    position: relative;
    cursor: pointer;
    width: 102px;
    height: 24px;
    text-align: center;
    float: left;
    -moz-user-select: none;
}
.mainMenuButton1_active {
    background-image: url(/images/global/misc/header_button1_active.png);
    position: relative;
    cursor: pointer;
    width: 102px;
    height: 24px;
    text-align: center;
    float: left;
    -moz-user-select: none;
}
.mainMenuButton1 div {
    color: #545454;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 6px;
}
.mainMenuButton1_active div {
    color: #545454;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 7px;
}

.mainMenuButton2 {
    background-image: url(/images/global/misc/header_button2_normal.png);
    position: relative;
    cursor: pointer;
    width: 102px;
    height: 24px;
    text-align: center;
    float: left;
    -moz-user-select: none;
}
.mainMenuButton2_active {
    background-image: url(/images/global/misc/header_button2_active.png);
    position: relative;
    cursor: pointer;
    width: 102px;
    height: 24px;
    text-align: center;
    float: left;
    -moz-user-select: none;
}
.mainMenuButton2 div {
    color: #545454;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 6px;
}
.mainMenuButton2_active div {
    color: #545454;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 7px;
}

/* game selection styles */
.gameSelectionContainer {
    position: relative;
    left: 0px;
    top: 0px;
    width: 816px;
    height: 28px;
}
.gameSelectionButton1 {
    width: 164px;
    height: 28px;
    float: left;
    cursor: pointer;
}
.gameSelectionButton2 {
    width: 120px;
    height: 28px;
    float: left;
    cursor: pointer;
}
.gameSelectionButton3 {
    width: 120px;
    height: 28px;
    float: left;
    cursor: pointer;
}
.gameSelectionButton1_soccer {
    background-image: url(/images/global/misc/header_tab01_soccer.png);
}
.gameSelectionButton2_soccer {
    background-image: url(/images/global/misc/header_tab02_soccer.png);
}
.gameSelectionButton3_soccer {
    background-image: url(/images/global/misc/header_tab03_soccer.png);
}
.gameSelectionButton1_hockey {
    background-image: url(/images/global/misc/header_tab01_hockey.png);
}
.gameSelectionButton2_hockey {
    background-image: url(/images/global/misc/header_tab02_hockey.png);
}
.gameSelectionButton3_hockey {
    background-image: url(/images/global/misc/header_tab03_hockey.png);
}
.gameSelectionButton1_basketball {
    background-image: url(/images/global/misc/header_tab01_basketball.png);
}
.gameSelectionButton2_basketball {
    background-image: url(/images/global/misc/header_tab02_basketball.png);
}
.gameSelectionButton3_basketball {
    background-image: url(/images/global/misc/header_tab03_basketball.png);
}
.gameSelectionButton1 div {
    padding-top: 3px;
    padding-left: 16px;
    color: #000000;
    font-weight: bold;
    -moz-user-select: none;
}
.gameSelectionButton2 div {
    padding-top: 3px;
    padding-left: 16px;
    color: #ffffff;
    font-weight: bold;
    -moz-user-select: none;
}
.gameSelectionButton3 div {
    padding-top: 3px;
    padding-left: 16px;
    color: #ffffff;
    font-weight: bold;
    -moz-user-select: none;
}
.gameSelectionEnd_soccer {
    position: absolute;
    left: 404px;
    top: 0px;
    background-image: url(/images/global/misc/header_tabEnd_soccer.png);
    width: 12px;
    height: 28px;
    z-index: 2;
}
.gameSelectionEnd_basketball {
    position: absolute;
    left: 404px;
    top: 0px;
    background-image: url(/images/global/misc/header_tabEnd_basketball.png);
    width: 12px;
    height: 28px;
    z-index: 2;
}
.gameSelectionEnd_hockey {
    position: absolute;
    left: 404px;
    top: 0px;
    background-image: url(/images/global/misc/header_tabEnd_hockey.png);
    width: 12px;
    height: 28px;
    z-index: 2;
}

.leagueGame {
	position: absolute;
	left: 141px;
	width: 135px;
	height: 20px;
	cursor:pointer;
}
.testGame {
	position: absolute;
	left: 276px;
	width: 135px;
	height: 20px;
	cursor:pointer;
}

.leagueGame div, .testGame div {
	-moz-user-select:none;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:48px;
	padding-top:3px;
}

.leagueGame_soccer {
	background-image: url(/images/global/misc/button_soccer_leaguegame.png);
}


.leagueGame_hockey {
	background-image: url(/images/global/misc/button_hockey_leaguegame.png);
}

.leagueGame_basketball {
	background-image: url(/images/global/misc/button_basketball_leaguegame.png);
}

.testGame_soccer {
	background-image: url(/images/global/misc/button_soccer_testgame.png);
}
.testGame_hockey {
	background-image: url(/images/global/misc/button_hockey_testgame.png);
}
.testGame_basketball {
	background-image: url(/images/global/misc/button_basketball_testgame.png);
}


.ticker {
    position: relative;
    width: 412px;
    height: 28px;
    float: left;
    background-image: url(/images/global/misc/header_ticker.png);
}
.tickerShowcaseInternal {
    position: absolute;
    left: 0px;
    top: 4px;
    height: 14px;
    width: 396px;
    overflow: hidden;
}
.tickerShowcase {
    position: absolute;
    left: 180px;
    top: 28px;
    height: 14px;
    width: 630px;
    overflow: hidden;
}
.tickerMatch {
    display: inline;
}
.tickerMatch .team {
    cursor: pointer;
    color: #ffffff;
    position: relative;
    left: 0px;
    top: -5px;
}
.tickerMatch span {
    position: relative;
    left: 0px;
    top: -5px;
}
.tickerContainer {
    overlfow: hidden;
    color: #ffffff;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: default;
    -moz-user-select: none;
    width: 10000000px;
}
.tickerIcon {
    position: relative;
    left: 0px;
    top: -1px;
}

/* Box Headers */
.boxheader468_soccer {
    width: 468px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_468_soccer.png);
}
.boxheader400_soccer {
    width: 400px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_400_soccer.png);
}
.boxheader408_soccer {
    width: 408px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_408_soccer.png);
}
.boxheader800_soccer {
    width: 800px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_800_soccer.png);
}
.boxheader600_soccer {
    width: 600px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_600_soccer.png);
}
.boxheader124_soccer {
    width: 124px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_124_soccer.png);
}
.boxheader192_soccer {
    width: 192px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_192_soccer.png);
}
.boxheader216_soccer {
    width: 216px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_216_soccer.png);
}
.boxheader256_soccer {
    width: 256px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_256_soccer.png);
}
.boxheader280_soccer {
    width: 280px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_280_soccer.png);
}
.boxheader468_basketball {
    width: 468px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_468_basketball.png);
}
.boxheader408_basketball {
    width: 408px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_408_basketball.png);
}
.boxheader400_basketball {
    width: 400px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_400_basketball.png);
}
.boxheader800_basketball {
    width: 800px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_800_basketball.png);
}
.boxheader600_basketball {
    width: 600px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_600_basketball.png);
}
.boxheader124_basketball {
    width: 124px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_124_basketball.png);
}
.boxheader192_basketball {
    width: 192px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_192_basketball.png);
}
.boxheader216_basketball {
    width: 216px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_216_basketball.png);
}
.boxheader256_basketball {
    width: 256px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_256_basketball.png);
}
.boxheader280_basketball {
    width: 280px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_280_basketball.png);
}
.boxheader468_hockey {
    width: 468px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_468_hockey.png);
}
.boxheader400_hockey {
    width: 400px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_400_hockey.png);
}
.boxheader408_hockey {
    width: 408px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_408_hockey.png);
}
.boxheader600_hockey {
    width: 600px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_600_hockey.png);
}
.boxheader800_hockey {
    width: 800px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_800_hockey.png);
}
.boxheader124_hockey {
    width: 124px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_124_hockey.png);
}
.boxheader192_hockey {
    width: 192px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_192_hockey.png);
}
.boxheader256_hockey {
    width: 256px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_256_hockey.png);
}
.boxheader216_hockey {
    width: 216px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_216_hockey.png);
}
.boxheader280_hockey {
    width: 280px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_280_hockey.png);
}
.boxheader192_white {
    width: 192px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_192_white.png);
}
.boxheader280_white {
    width: 280px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_280_white.png);
}
.boxheader440_white {
    width: 440px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_440_white.png);
}
.boxheader400_white {
    width: 400px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_400_white.png);
}
.boxheader642_white {
    width: 642px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_642_white.png);
}
.boxheader800_white {
    width: 800px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_800_white.png);
}
.boxheader656_white {
    width: 656px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_656_white.png);
}
.boxheader192_gold {
    width: 192px;
    height: 16px;
    background-image: url(/images/global/misc/boxheader_192_gold.png);
}

.searchingMatch {
    position: relative;
    left: 0px;
    top: -400px;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 300px;
    display: none;
    z-index: 11;
    background-image: url(/images/global/007_internalLeague/searchbox_window.gif);
}
.searchingMatch .label {
    position: absolute;
    left: 0px;
    top: 74px;
    width: 400px;
    text-align: center;
    font-weight: bold;
}
.searchingMatch .animation {
    position: absolute;
    left: 152px;
    top: 104px;
    width: 96px;
    height: 96px;
    background-image: url(/images/global/misc/searchbox_searchanim.gif);
}
.searchingMatch .buttonAbort {
    position: absolute;
    left: 138px;
    top: 224px;
}
.searchingMatch .buttonAbort div {
    position: absolute;
    left: 0px;
}

.adBigsize {
    position: relative;
    left: 44px;
    top: 8px;
}

.adSkyscraper {
    position: absolute;
    left: 824px;
    top: 57px;
}