.message-center-window { display: none; position: absolute; top: 92px; left: 0; width: 256px; height: 319px; background: transparent url("/images/message-center/message-center-window.png") no-repeat 0 0; }
.message-center-window .minimize { position: absolute; top: 8px; right: 11px; width: 20px; height: 20px; display: block; overflow: hidden; text-indent: -1000px; }
.message-center-window .title { position: absolute; top: 10px; left: 12px; display: block; background: transparent url("/images/message-center/message-center-window.png") no-repeat 0 0; text-indent: -10000px; overflow: hidden; }
#friends-window .title { width: 90px; height: 15px; background-position: -358px -92px; }
#requests-window .title { width: 161px; height: 15px; background-position: -358px -136px; }
#chat-window .title { width: 56px; height: 15px; background-position: -358px -107px; }
#invites-window .title { width: 74px; height: 15px; background-position: -358px -122px; }
.message-center-window .window-tabs { position: absolute; top: 40px; left: 16px; margin: 0; padding: 0; list-style: none; }
.message-center-window .window-tabs li { float: left; margin: 0 1px 0 0; }
.message-center-window .window-tabs a { width: 34px; height: 25px; display: block; background: transparent url("/images/message-center/message-center-window.png") no-repeat 0 0; text-indent: -10000px; overflow: hidden; }
.message-center-window .window-tabs .friends { background-position: -290px -92px; }
.message-center-window .window-tabs .friends:hover { background-position: -324px -92px; }
.message-center-window .window-tabs .selected .friends { background-position: -256px -92px; }
.message-center-window .window-tabs .chat { background-position: -290px -142px; }
.message-center-window .window-tabs .chat:hover { background-position: -324px -142px; }
.message-center-window .window-tabs .selected .chat { background-position: -256px -142px; }
.message-center-window .window-tabs .invitations { background-position: -290px -117px; }
.message-center-window .window-tabs .invitations:hover { background-position: -324px -117px; }
.message-center-window .window-tabs .selected .invitations { background-position: -256px -117px; }
.message-center-window .window-tabs .invites { background-position: -290px -167px; }
.message-center-window .window-tabs .invites:hover { background-position: -324px -167px; }
.message-center-window .window-tabs .selected .invites { background-position: -256px -167px; }
.message-center-window .window-tabs .availability { position: relative; height: 50px; overflow: hidden; }
.message-center-window .window-tabs .availability.available .unavailability-menu { display: none; }
.message-center-window .window-tabs .availability.unavailable .availability-menu { display: none; }
.message-center-window .window-tabs .availability div { position: relative; }
.message-center-window .window-tabs .availability a.available { width: 189px; background-position: -256px -220px; text-indent: 30px; line-height: 25px; text-transform: uppercase; text-decoration: none; font-size: 10px; color: #000000; }
.message-center-window .window-tabs .availability a.unavailable { width: 189px; background-position: -256px -245px; text-indent: 30px; line-height: 25px; text-transform: uppercase; text-decoration: none; font-size: 10px; color: #ffffff; }
.message-center-window .window-tabs .availability .unavailability-menu.selected a.unavailable { background-position: -256px -270px; }
.message-center-window .window-tabs .availability .unavailable-icon { position: absolute; top: 6px; left: 6px; width: 13px; height: 13px; margin: 0 0 0 4px; background: transparent url("/images/message-center/message-center-window.png") no-repeat -256px -192px; display: block; text-indent: -10000px; overflow: hidden; }
.message-center-window .window-tabs .availability .available-icon { position: absolute; top: 6px; left: 6px; width: 13px; height: 13px; margin: 0 0 0 4px; background: transparent url("/images/message-center/message-center-window.png") no-repeat -269px -192px; display: block; text-indent: -10000px; overflow: hidden; }
.message-center-window .groups { position: absolute; top: 70px; left: 15px; width: 225px; height: 235px; overflow: auto; }
.message-center-window .groups.loading { display: none; }
.message-center-window .group { position: relative; width: 225px; height: 23px; margin: 0 0 2px 0; background: transparent url("/images/message-center/message-center-window.png") no-repeat -256px -23px; }
.message-center-window .chat-icon {display: none; position: relative; float: right; top: 6px; width: 16px; height: 12px; background: url("/images/message-center/message-center-window.png") -295px -192px no-repeat;}
.message-center-window .chat-icon.show {display: block;}
.message-center-window .scroll .group { width: 200px; background: transparent url("/images/message-center/message-center-window.png") no-repeat -256px 0; }
.message-center-window .group .arrow { position: absolute; top: 8px; left: 8px; width: 8px; height: 8px; background: transparent url("/images/message-center/message-center-window.png") no-repeat -256px -205px; }
.message-center-window .expanded .group .arrow { background-position: -256px -212px; }
.message-center-window .group .name { position: relative; width: 100%; line-height: 23px; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; text-indent: 24px; display: block; }
.message-center-window .group .count { position: absolute; top: 0; right: 8px; line-height: 23px; font-size: 12px; font-weight: bold; color: #ffffff; }
.message-center-window .items { display: none; margin: 0; padding: 0; list-style: none; }
.message-center-window .expanded .items { display: block; }
.message-center-window .items li { position: relative; width: 225px; height: 23px; margin: 0 0 2px 0; background: transparent url("/images/message-center/message-center-window.png") no-repeat -256px -69px; }
.message-center-window .scroll .items li { position: relative; width: 200px; height: 23px; margin: 0 0 2px 0; background: transparent url("/images/message-center/message-center-window.png") no-repeat -256px -46px; }
.message-center-window .items li.example { display: none; }
.message-center-window .items .presence { float: left; margin: 2px 0 0 2px; }
.message-center-window .items a.chat { color: black; text-decoration: underline; font-size: 12px;}
.message-center-window .items a.chat:hover { color: black; text-decoration: none; font-size: 12px;}
.message-center-window .items .facebook-icon { display: block; margin: 6px 4px 0 0; width: 14px; height: 12px; float: left; background: url("/images/facebook/like.png") no-repeat 0 -48px; }
.message-center-window .items .coach { font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }
.message-center-window .items .buttons { position: absolute; top: 5px; right: 5px; width: 34px; height: 13px; }
.message-center-window .items .remove { position: relative; width: 13px; height: 13px; margin: 0 0 0 4px; float: right; background: transparent url("/images/message-center/message-center-window.png") no-repeat -256px -192px; display: block; text-indent: -10000px; overflow: hidden; }
.message-center-window .items .decline { position: relative; width: 13px; height: 13px; margin: 0 0 0 4px; float: right; background: transparent url("/images/message-center/message-center-window.png") no-repeat -256px -192px; display: block; text-indent: -10000px; overflow: hidden; }
.message-center-window .items .withdraw { position: relative; width: 13px; height: 13px; margin: 0 0 0 4px; float: right; background: transparent url("/images/message-center/message-center-window.png") no-repeat -256px -192px; display: block; text-indent: -10000px; overflow: hidden; }
.message-center-window .items .accept { position: relative; width: 13px; height: 13px; margin: 0 0 0 4px; float: right; background: transparent url("/images/message-center/message-center-window.png") no-repeat -269px -192px; display: block; text-indent: -10000px; overflow: hidden; }
#chat-window .items li { cursor: pointer; }

#friends-window .uaw-button {background:url("/images/game/uaw-button.png") repeat scroll 0 -94px transparent; display:block; height:23px; margin:2px 0px 0 0; width:46px;}
#friends-window span.uaw {float: left;}

#windows { display: none; }

.window { display: none; width: 255px; height: 372px; z-index: 1001; position: absolute; top: 123px; right: 0; background: transparent url('/images/message-center/windows/background.png') no-repeat 0 0; }
.window a.window-minimize { position: absolute; top: 10px; right: 36px; display: block; width: 16px; height: 16px; text-indent: -10000px; overflow: hidden; }
.window a.window-close { position: absolute; top: 10px; right: 14px; display: block; width: 16px; height: 16px; text-indent: -10000px; overflow: hidden; }
.window .window-title { position: absolute; top: 10px; left: 30px; font-size: 12px; font-weight: bold; color: #ffffff; font-style: italic; overflow: hidden; width: 161px; text-transform: uppercase; }

.window .colored-background { position: absolute; top: 35px; left: 5px; width: 245px; height: 332px; background: #ffffff url('/images/message-center/windows/background-colored.png') no-repeat 0 0; }
.window .tab-chat a { position: absolute; top: 6px; left: 10px; width: 48px; height: 20px; display: block; background: transparent url('/images/message-center/windows/tab-chat.png') no-repeat 0 0; overflow: hidden; text-indent: -10000px; }
.window .tab-chat a:hover { background-position: 0 -20px; }
.window .tab-chat a.selected { background-position: 0 -20px; }

.window .opponent-area { position: absolute; top: 31px; left: 10px; width: 225px; height: 80px; background: transparent url('/images/message-center/windows/chat-opponent-area-bg.png') no-repeat 0 0; }
.window .avatar { position: absolute; top: 10px; left: 10px; width: 60px; height: 60px; }
.window .status-update { position: absolute; top: 10px; left: 98px; width: 118px; overflow:auto; height: 60px; font-size: 9px; color: #ffffff; font-style: normal; font-weight: normal; }

.uaw-chat { left: 266px; top: 0; }
.uaw-chat.front { z-index: 5000; }
.uaw-chat .chat-area { position: absolute; left: 10px; top: 146px; width: 225px; height: 175px; background: transparent url('/images/message-center/chat-background.png') no-repeat 0 0; }
.uaw-chat .chat-area .chat-input-text { position: absolute; left: 10px; top: 143px; width: 135px; padding: 5px 5px 5px 5px; border: none; background: #ffffff none; font-size: 11px; line-height: 14px; }
.uaw-chat .chat-area .chat-message { font-size: 12px; color: #000000; font-weight: normal; font-style: normal; font-weight: normal; border-bottom: solid 1px #bfbfbf; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.uaw-chat .chat-area .chat-message .username { display: block; font-weight: bold; }
.uaw-chat .chat-area .chat-output { position: absolute; left: 10px; top: 10px; width: 205px; height: 120px; overflow: auto; }
.uaw-chat .chat-area .chat-inner { width: 185px; }
.uaw-chat .chat-area .example-chat-message { display: none; }
.uaw-chat .chat-area .chat-input-submit  { position: absolute; top: 140px; left: 165px; width: 55px; height: 30px; display: block; background: transparent url('/images/message-center/chat-input-submit.png') no-repeat 0 0; text-indent: -10000px; overflow: hidden; }
.uaw-chat .chat-area .chat-input-submit:hover { background-position: 0 -30px; }

.window.invite { width: 650px; height: 430px; top: 25px; left: 50px; background: transparent url('/images/message-center/challenge-window-popup.png') no-repeat 0 -30px; overflow: visible; }
.window.invite .tab-invite a { position: absolute; top: 12px; left: 10px; width: 120px; height: 27px; display: block; background: transparent url('/images/message-center/challenge-window-popup.png') no-repeat -120px 0; overflow: hidden; text-indent: -10000px; }
.window.invite .tab-invite.selected a { background-position: 0 0; }
.window.invite .tab-chat a { position: absolute; top: 12px; left: 131px; width: 145px; height: 27px; display: block; background: transparent url('/images/message-center/challenge-window-popup.png') no-repeat -385px 0; overflow: hidden; text-indent: -10000px; }
.window.invite .tab-chat.selected a { background-position: -240px 0; }
.window .minimize-invite-window {position: absolute; width: 26px; height: 26px; top: 6px; right: 14px;}
.window .your-logo { position: absolute; top: 148px; left: 60px; width: 100px; height: 100px; }
.window .opponent-logo { position: absolute; top: 148px; right: 60px; width: 100px; height: 100px; }
.window .window-invite { overflow: visible; }
.window .window-invite .window-title { text-indent: -10000px; overflow: hidden; }
.window .window-invite .invite-title-header { color: white; font-weight: bold; height: 30px; left: 50%; margin-left: -150px; position: absolute; text-align: center; text-transform: uppercase; top: 110px; width: 300px; }
.window .window-invite .window-title.inviter { position: absolute; top: 72px; left: 170px; width: 340px; height: 30px; background: transparent url('/images/message-center/lobby-invite-pieces.png') no-repeat 0 -120px; display: block; text-indent: -10000px; overflow: hidden; }
.window .window-invite .game-mode { display: block; position: absolute; top: 70px; left: 50%; text-indent: -10000px; overflow: hidden; background: url("/images/game/modes/game_modes.png") no-repeat 0 0;}
.window .window-invite .game-mode.no-huddle { left: 50%; width: 212px; height: 28px; margin-left: -106px; background-position: -82px -542px; }
.window .window-invite .game-mode.sudden-death { left: 50%; width: 285px; height: 28px; margin-left: -142px; background-position: -81px -417px; }
.window .window-invite .game-mode.blitz { left: 50%; width: 98px; height: 28px; margin-left: -49px; background-position: -81px -479px; }
.window .window-invite .game-mode.marathon { left: 50%; width: 214px; height: 28px; margin-left: -107px; background-position: -81px -604px; }
.window .window-invite .game-mode.standard { left: 50%; width: 204px; height: 28px; margin-left: -102px; background-position: -81px -355px; }
.window .window-chat .window-title { position: absolute; top: 72px; left: 180px; width: 300px; height: 30px; display: block; text-indent: -10000px; overflow: hidden; }
.window .window-chat .chat-title-header { color: white; font-weight: bold; height: 30px; left: 50%; margin-left: -150px; position: absolute; text-align: center; text-transform: uppercase; top: 110px; width: 300px; }
.window .match-up-buttons { position: absolute; bottom: 25px; left: 50%; margin-left: -125px; width: 250px; height: 30px; }
.window .match-up-cancel { position: absolute; bottom: 25px; left: 50%; margin-left: -60px; width: 120px; height: 30px; }
.decline-invite-button {float: right;}
.window.invite .window-chat { display: none; }
.window.invite .chat-area { position: absolute; left: 50%; top: 130px; width: 330px; margin-left: -165px; height: 222px; background: url("/images/message-center/challenge-window-popup.png") no-repeat scroll -161px -464px transparent; }
.window.invite .chat-area .chat-message { font-size: 12px; color: #000000; font-weight: normal; font-style: normal; font-weight: normal; border-bottom: solid 1px #bfbfbf; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.window.invite .chat-area .chat-message .username { display: block; font-weight: bold; }
.window.invite .chat-area .chat-output { position: absolute; left: 5px; top: 10px; width: 316px; height: 114px; overflow: auto; }
.window.invite .chat-area .example-chat-message { display: none; }
.window.invite .chat-area .chat-input { position: absolute; top: 180px; left: 0; }
.window.invite .chat-area .chat-input-text { position: absolute; left: 10px; top: -41px; width: 240px; height: 13px; padding: 5px 5px 5px 5px; border: none; background: none; font-size: 14px; line-height: 16px; }
.window.invite .chat-area .chat-input-submit  { position: absolute; top: -45px; left: 273px; width: 54px; height: 31px; display: block; text-indent: -10000px; overflow: hidden; }
.window.invite .chat-area .chat-input-submit:hover { background-position: -283px -289px; }
.window .table-match-up { position: absolute; top: 122px; left: 0; width: 649px; height: 171px; color: #000; font-size: 12px; font-weight: bold; line-height: 23px;}

.window #invite-window-you { position: absolute; bottom: -80px; left: 40px; height: 55px;}
.window #invite-window-you div {line-height: normal;}
.table-match-up .your-coachname, .table-match-up .opponent-coachname {margin-top: -20px; color: #FFFFFF;}
.table-match-up .your-avatar { position: absolute; width: 40px; height: 40px; top: 0; left: 0;}
.table-match-up .your-level { position: absolute; width: 40px; height: 14px; top: 40px; left: 0; background-color: white; color: #000; text-align: center; line-height: 14px; font-size: 12px;}
.table-match-up .your-location { width: 300px; text-align: left; position: absolute; top: 0; left: 50px; color: #FFF; font-size: 12px; font-weight: bold; }
.table-match-up .your-name { position: absolute; top: 13px; left: 50px; color: #00C800; font-size: 20px; font-weight: bold; width: 300px; text-align: left;}
.table-match-up .your-record { position: absolute; width: 75px; top: 36px; left: 50px; color: #f5ea14; font-size: 10px;}
.table-match-up .your-record-quits { color: #ff0000; }

.window #invite-window-opponent { position: absolute; bottom: -80px; right: 40px; height: 55px;}
.window #invite-window-opponent div {line-height: normal;}
.table-match-up .opponent-avatar { position: absolute; width: 40px; height: 40px; top: 0; right: 0;}
.table-match-up .opponent-level { position: absolute; width: 40px; height: 14px; top: 40px; right: 0; background-color: white; color: #000; text-align: center; line-height: 14px; font-size: 12px;}
.table-match-up .opponent-location {width: 300px; text-align: right;  position: absolute; top: 0; right: 50px; color: #FFF; font-size: 12px; font-weight: bold; }
.table-match-up .opponent-name { position: absolute; top: 13px; right: 50px; color: #00C800; font-size: 20px; font-weight: bold; width: 300px; text-align: right;}
.table-match-up .opponent-record { position: absolute; width: 75px; top: 36px; right: 50px; color: #f5ea14; font-size: 10px; text-align: right;}
.table-match-up .opponent-record-quits { color: #ff0000; }

.table-match-up .timer { position: absolute; top: 3px; left: 50%; text-align: center; width: 300px; margin-left: -150px; font-size: 11px; font-weight: bold; color: #ffffff; }
.table-match-up .stat { position: absolute; width: 78px; text-align: center; left: 170px; }
.table-match-up .rating-value { top: 26px; }
.table-match-up .win-value { top: 50px; }
.table-match-up .quit-value { top: 75px; }
.table-match-up .bonus-value { top: 99px; }
.table-match-up .off-value { top: 124px; }
.table-match-up .def-value { top: 148px; }
.table-match-up .opponent { left: 402px; }
.table-match-up .better { font-weight: bold; color: #00C800; }

#lobby-prompt { display: none; z-index: 1002; position: absolute; top: 170px; left: 40px; width: 713px; height: 461px; background: transparent url('/images/message-center/lobby-prompt-bg.png') no-repeat right bottom; }
#prompt-close { width: 20px; height: 20px; position: absolute; right: 26px; top: 8px; display: block; text-indent: -10000px; overflow: hidden; }
#prompt-home { width: 234px; height: 40px; position: absolute; left: 79px; top: 227px; display: block; text-indent: -10000px; overflow: hidden; }
#prompt-away { width: 234px; height: 40px; position: absolute; right: 71px; top: 227px; display: block; text-indent: -10000px; overflow: hidden; }