body, td {
    font-size: 12px
    }
a {
    font-size: 11px;
    color: #0073aa
    }
.MainTable {
    width: 1000px
    }
.HeaderBox {
    width: 100%
    }
.HeaderNaviBox {
    width: 300px
    }
.HeaderNaviBox td {
    text-align: center
    }
.HeaderBtn {
    width: 60px;
    height: 25px;
    padding-top: 5px
    }
.HeaderNaviLink {
    text-decoration: none;
    font-size: 10px;
    color: black
    }
.HeaderNaviBox a:hover {
    text-decoration: underline;
    font-size: 10px
    }
.CssMainBoxIn {
    width: 1000px;
    padding: 0;
    margin: auto auto auto auto;
    background-color: White
    }
.CssMainBoxInCenter {
    width: 780px;
    height: 680px;
    vertical-align: top;
    text-align: center;
    background-color: White;
    padding-left: 2px;
    padding-right: 8px
    }
.CssMainBoxInCenterNoHeight {
    width: 780px;
    vertical-align: top;
    text-align: center;
    background-color: White;
    padding-left: 2px;
    padding-right: 8px
    }
.CssMainBoxNoHeight {
    padding-left: 2px;
    padding-right: 2px
    }
.CssLoginBoxInCenter {
    width: 100%;
    height: 450px;
    vertical-align: top;
    text-align: center;
    background-color: White
    }
.CssMainBoxRight {
    width: 220px;
    vertical-align: top;
    background-color: White;
    padding-top: 1px;
    padding-right: 2px
    }
.Footer {
    width: 100%;
    height: 185px;
    font-size: 11px;
    background-image: url(../Images/Design/Box/Footer.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #00509A;
    color: White
    }
.Footer_Navi {
    width: 100%;
    height: 85px;
    font-size: 11px;
    background-image: url(../Images/Design/Box/Footer.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #00509A;
    color: White
    }
.CopyRightBox td {
    height: 30px;
    text-align: center;
    color: #ddd;
    font-size: 11px
    }
.FooterListBox td {
    height: 20px;
    text-align: left;
    color: White;
    font-size: 11px
    }
.FooterListBox td a {
    color: #ddd;
    text-decoration: none;
    font-size: 11px
    }
.FooterListBox td a:hover {
    color: #ffc;
    text-decoration: underline;
    font-size: 11px
    }
.FooterListBox {
    margin-bottom: 10px
    }
.CopyRightBox {
    background-color: #00509A
    }
.FooterBox td {
    height: 30px;
    text-align: center;
    background-color: #09F;
    color: #00509A
    }
.FooterBox td a {
    color: White;
    text-decoration: none;
    font-size: 11px
    }
.FooterBox td a:hover {
    color: White;
    text-decoration: underline;
    font-size: 11px
    }
.MenuBox {
    width: 100%;
    height: 38px;
    background-image: url(../Images/Design/Menu/MenuNormal.jpg);
    background-color: #7CCDDE;
    background-repeat: repeat-x;
    background-position: top
    }
.MenuNormal {
    text-align: center;
    vertical-align: middle
    }
.MenuCurrent {
    background-image: url(../Images/Design/Menu/MenuCurrent.jpg);
    background-color: #0B7AA7;
    background-repeat: repeat-x;
    background-position: top;
    text-align: center;
    vertical-align: middle
    }
.MenuHover {
    background-image: url(../Images/Design/Menu/MenuHover.jpg);
    background-color: #A4D17C;
    background-repeat: repeat-x;
    background-position: top;
    text-align: center;
    vertical-align: middle
    }
.Menutext {
    color: White;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none
    }
.MenuHR {
    background-color: #0A7BA7;
    height: 2px
    }
.message {
    color: Red;
    font-size: 12px;
    text-align: left;
    margin-left: 5px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
    }
.UserLoginBox {
    border: solid 1px #bdbdbd;
    margin-top: 10px;
    width: 220px
    }
.UserLoginBoxNoPadding {
    border: solid 1px #bdbdbd;
    width: 220px
    }
.UserLoginBoxTop {
    width: 100%;
    height: 30px;
    background-image: url(../Images/Design/Box/Box1Title.jpg);
    background-color: #3BA895;
    background-repeat: repeat-x;
    text-align: center
    }
.UserLoginBoxTop img {
    margin-top: 2px
    }
.CssTitle {
    color: White;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    font-size: 11px;
    vertical-align: top;
    padding-top: 8px
    }
.CssTitleNoPadding {
    color: White;
    font-weight: bold;
    text-align: left;
    font-size: 11px;
    vertical-align: top;
    padding-top: 8px
    }
.UserLoginBoxLeft {
    background-color: #F5F9FB
    }
.UserLoginBoxRight {
    text-align: center
    }
.UserLoginBoxRight table td {
    text-align: left;
    font-size: 11px;
    padding-left: 10px
    }
.FieldTextBoxSmall {
    border: solid 1px #9B9B9B;
    width: 90%;
    font-size: 11px;
    color: #333;
    padding-left: 5px
    }
.FieldTextBoxEmail {
    border: solid 1px #9B9B9B;
    width: 90%;
    font-size: 12px;
    color: #333;
    padding-left: 5px;
    height: 16px;
    padding-top: 2px
    }
.FieldTextBoxShareEmail {
    border: solid 1px #9B9B9B;
    width: 95%;
    font-size: 11px;
    color: #333;
    padding-left: 2px
    }
.SearchBox {
    background-image: url(../Images/Design/Box/Member_Profile_bg.jpg);
    background-color: #0B7AA7;
    background-repeat: repeat-x;
    background-position: left top;
    width: 100%;
    height: 130px;
    margin-bottom: 5px
    }
.SearchBox td {
    vertical-align: top
    }
.SearchTitle {
    font-size: 16px;
    color: White;
    font-weight: bold
    }
.SearchMenuBox {
    width: 600px;
    padding-top: 3px;
    margin-left: 10px
    }
.SearchMenuBox td {
    height: 25px
    }
.SearchMenuNormal {
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    color: White;
    cursor: pointer
    }
.SearchMenuCurrent {
    background-image: url(../Images/Design/Menu/SearchMenuCurrent.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    color: black
    }
.SearchKeywordbg {
    background-image: url(../Images/Design/Box/SearchKeyword_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 40px;
    padding-top: 5px;
    height: 38px;
    text-align: left
    }
.QuickSearchFieldbg {
    background-image: url(../Images/Design/Box/QuickSearchField_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 30px;
    width: 185px
    }
.QuickSearchFieldbg td {
    text-align: left;
    font-size: 11px;
    padding-left: 10px;
    color: White
    }
.SearchLocationbg {
    background-image: url(../Images/Design/Box/SearchLocation_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 5px;
    padding-top: 5px;
    height: 38px;
    text-align: left
    }
.FieldTextBoxSearch {
    border: 0;
    font-size: 14px;
    color: green;
    height: 20px;
    padding-left: 5px;
    padding-top: 4px;
    background-color: #e6f3fb;
    outline: 0 none
    }
.FieldTextBoxQuickSearch {
    width: 105px;
    border: 0;
    font-size: 12px;
    color: green;
    margin-top: 1px;
    background-color: white;
    outline: 0 none
    }
.SearchRemark {
    font-size: 11px;
    color: White;
    padding-left: 10px;
    text-align: left
    }
.RegisterTitleBox {
    background-image: url(../Images/Design/Box/Search_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    width: 100%;
    height: 60px;
    border-bottom: solid 2px #666
    }
.MyBadmintonLoginBox {
    background-image: url(../Images/Design/Box/Search_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    width: 100%;
    height: 60px;
    border-bottom: solid 2px #666
    }
.RegisterTitle {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: White;
    text-align: left
    }
.White {
    color: White;
    font-size: 13px
    }
.SigninLink {
    color: White;
    font-weight: bold;
    font-size: 14px
    }
.RegisterBox {
    border-left: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    width: 100%
    }
.RegisterDetailBox {
    width: 98%
    }
.RegisterFieldName {
    width: 21%;
    font-size: 12px;
    text-align: right;
    padding-right: 20px;
    color: #3E84C2;
    font-weight: bold;
    height: 30px
    }
.RegisterFieldValue {
    width: 35%;
    text-align: left;
    height: 30px;
    font-size: 14px
    }
.RegisterFieldRemark {
    width: 44%;
    text-align: left;
    height: 30px
    }
.RegisterRemarkDIV {
    background-image: url(../Images/Design/Box/blue_arrow.png);
    background-position: 10px 8px;
    background-repeat: no-repeat;
    height: 28px;
    line-height: 28px;
    border-top: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    background-color: #eee;
    padding-left: 30px;
    color: #666;
    font-size: 11px
    }
.RegisterRemarkDIV1 {
    background-image: url(../Images/Design/Box/blue_arrow.png);
    background-position: 10px 8px;
    background-repeat: no-repeat;
    height: 30px;
    line-height: 25px;
    border-top: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    background-color: #eee;
    padding-left: 30px;
    color: #666;
    font-size: 11px
    }
.RegisterRemarkDIV2 {
    height: 20px;
    border-left: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    background-color: #eee;
    padding-left: 30px;
    color: #666;
    font-size: 11px
    }
.UserNameAvailable {
    background-image: url(../Images/Design/Box/blue_arrow.png);
    background-position: 10px 8px;
    background-repeat: no-repeat;
    height: 28px;
    border-top: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    background-color: #ECFFD9;
    padding-top: 6px;
    padding-left: 30px;
    color: green;
    font-size: 11px
    }
.RegisterError {
    background-image: url(../Images/Design/Icon/alert.png);
    background-position: 6px 4px;
    background-repeat: no-repeat;
    height: 28px;
    line-height: 28px;
    border-top: solid 1px orange;
    border-bottom: solid 1px orange;
    border-right: solid 1px orange;
    background-color: #FEF;
    padding-left: 30px;
    color: RED;
    font-size: 12px
    }
.Remark {
    height: 30px;
    font-size: 11px;
    color: #666;
    text-align: left;
    vertical-align: top;
    line-height: 20px;
    padding-top: 2px
    }
.RequiredFields {
    color: Red
    }
.RegisterFieldTextBox {
    border: solid 1px green;
    width: 280px;
    height: 22px;
    font-size: 14px;
    color: #333;
    padding-left: 5px;
    padding-top: 4px
    }
.RegisterFieldTextBoxFocus {
    border: solid 2px #55A0FF;
    width: 278px;
    height: 20px;
    font-size: 14px;
    color: #333;
    padding-left: 5px;
    padding-top: 4px
    }
.RegisterFieldCaptchaBox {
    border: solid 1px green;
    width: 150px;
    height: 22px;
    font-size: 14px;
    color: #333;
    padding-left: 5px;
    padding-top: 4px
    }
.RegisterFieldCaptchaBoxFocus {
    border: solid 2px #55A0FF;
    width: 148px;
    height: 20px;
    font-size: 14px;
    color: #333;
    padding-left: 5px;
    padding-top: 4px
    }
.MemberThumbBox {
    width: 110px;
    height: 110px;
    background-color: #EBEBEB
    }
.MemberThumbFrame {
    border: solid 1px #bdbdbd;
    width: 102px;
    height: 102px;
    background-color: White;
    vertical-align: middle;
    margin-bottom: 5px
    }
.MemberThumbFrame_75 {
    float: left;
    background: url(../Images/Design/Box/ProfilePhoto_bg_75x75.png) no-repeat top left;
    margin: 0 10px 0 10px;
    padding: 4px 0 2px 0;
    vertical-align: middle;
    height: 85px;
    width: 85px
    }
.MemberThumbFrame_75NoPadding {
    float: left;
    background: url(../Images/Design/Box/ProfilePhoto_bg_75x75.png) no-repeat top left;
    margin: 0 0 0 0;
    padding: 4px 0 2px 0;
    vertical-align: middle;
    height: 85px;
    width: 85px
    }
.MemberThumbFrame_50 {
    border: solid 1px #bdbdbd;
    width: 52px;
    height: 52px;
    background-color: White;
    vertical-align: middle;
    margin-bottom: 5px
    }
.PhotoThumbFrame {
    border: solid 1px #bdbdbd;
    padding: 2px 2px 2px 2px;
    width: 135px;
    background-color: White
    }
.BlueTitleLeft {
    width: 5%;
    height: 35px;
    background-image: url(../Images/Design/Box/bluetitle_left.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #127FAB
    }
.BlueTitleRight {
    width: 5%;
    height: 35px;
    background-image: url(../Images/Design/Box/bluetitle_right.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #127FAB
    }
.BlueTitle {
    background-color: #127FAB
    }
.TitleTab {
    background-image: url(../Images/Design/Box/tab_bg.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 35px;
    color: Green;
    text-align: center;
    font-weight: bold
    }
.TitleTab200 {
    background-image: url(../Images/Design/Box/tab_bg_200.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 35px;
    color: Green;
    text-align: center;
    font-weight: bold;
    padding-top: 10px
    }
.TitleTabPAW {
    background-image: url(../Images/Design/Box/tab_bg_200.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 35px;
    color: Green;
    text-align: center;
    font-weight: bold;
    font-size: 14px
    }
.PeopleRecentBox {
    background-color: #EBF5FE;
    border-left: solid 1px #bdbdbd
    }
.GroupCounterBox {
    border-left: dotted 1px #bdbdbd
    }
.RegisterHere {
    font-size: 12px;
    color: yellow
    }
.Login_Title {
    background: url(../Images/Design/Box/Login_Title.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    height: 30px;
    width: 165px;
    color: White;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px
    }
.Login_ForgetPassword {
    background: url(../Images/Design/Box/Login_ForgetPassword.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    height: 30px;
    width: 220px;
    text-align: right;
    padding-right: 20px;
    padding-top: 5px
    }
.Login_Body {
    padding-top: 20px;
    width: 401px;
    border-left: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    background-color: #E6F2FF
    }
.LoginText {
    width: 30%;
    font-size: 12px;
    font-weight: bold;
    text-align: center
    }
.LoginInput {
    width: 70%;
    text-align: left;
    height: 40px
    }
.LoginFieldTextBox {
    border: solid 1px #bdbdbd;
    width: 220px;
    height: 25px;
    font-size: 14px;
    color: #333;
    padding-left: 5px;
    padding-top: 3px
    }
.VideoCategoryTitle {
    background-color: #ccc;
    color: #333;
    font-weight: bold;
    height: 30px;
    font-size: 12px;
    text-align: center
    }
.ProductCategoryTitle {
    background-color: #dfeffc;
    color: #333;
    font-weight: bold;
    height: 30px;
    font-size: 12px;
    text-align: left;
    padding-left: 65px;
    border-bottom: solid 1px #c5dbec
    }
.NewsCategoryTitle {
    color: #333;
    font-weight: bold;
    height: 30px;
    font-size: 12px;
    text-align: left;
    padding-left: 20px
    }
.VideoSlideButton {
    vertical-align: middle;
    background-color: #333
    }
.VideoThumbBox {
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: black;
    vertical-align: top;
    border: solid 1px black
    }
.VideoNewsThumbBox {
    width: 180px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    vertical-align: top
    }
.VideoThumbBoxOver {
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: black;
    vertical-align: top;
    border: solid 1px white
    }
.VideoThumbnail {
    text-align: left;
    height: 90px;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px
    }
.VideoNewsThumbnail {
    text-align: center;
    height: 90px;
    vertical-align: top;
    padding-left: 30px;
    padding-right: 30px
    }
.VideoTitle {
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: top;
    padding-top: 5px;
    height: 50px;
    line-height: 15px
    }
.VideoTitle a {
    text-decoration: none;
    color: White
    }
.VideoTitle a:hover {
    text-decoration: underline
    }
.VideoNewsTitle {
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: top;
    padding-top: 5px;
    height: 50px;
    line-height: 15px
    }
.VideoNewsTitle a {
    text-decoration: none
    }
.VideoNewsTitle a:hover {
    text-decoration: underline
    }
.VideoCategoryBox {
    border: solid 1px #bdbdbd;
    margin-top: 10px;
    width: 220px
    }
.MostPopularBox {
    border: solid 1px #bdbdbd;
    margin-top: 10px;
    width: 220px
    }
.SocialNetwork {
    margin-top: 10px;
    width: 220px
    }
.ProductCategoryBox {
    border: solid 1px #bdbdbd;
    margin-top: 10px;
    width: 220px
    }
.VideoCategoryBoxTop {
    width: 100%;
    height: 30px;
    background-image: url(../Images/Design/Box/Box1Title.jpg);
    background-color: #3BA895;
    background-repeat: repeat-x;
    text-align: center
    }
.MostPopularBoxTop {
    width: 100%;
    height: 30px;
    background-image: url(../Images/Design/Box/Box1Title.jpg);
    background-color: #3BA895;
    background-repeat: repeat-x;
    text-align: center
    }
.TwitterBoxTop {
    width: 100%;
    height: 55px;
    text-align: center;
    margin-top: 20px
    }
.TwitterTitle {
    color: White;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    font-size: 11px;
    vertical-align: top;
    padding-top: 8px
    }
.FacebookBoxTop {
    width: 100%;
    height: 30px;
    text-align: center;
    background-image: url(../Images/Design/Box/Box1Title.jpg);
    background-color: #3BA895;
    background-repeat: repeat-x;
    border-bottom: solid 1px #C6CEDD;
    margin-top: 10px
    }
.FacebookTitle {
    color: White;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    font-size: 11px;
    vertical-align: top;
    padding-top: 8px
    }
.YoutubeBoxTop {
    width: 100%;
    height: 30px;
    text-align: center;
    background-image: url(../Images/Design/Box/Box1Title.jpg);
    background-color: #3BA895;
    background-repeat: repeat-x;
    border-bottom: solid 1px #C6CEDD;
    margin-top: 10px
    }
.YoutubeTitle {
    color: White;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    font-size: 11px;
    vertical-align: top;
    padding-top: 8px
    }
.YoutubeBoxLeft {
    margin-bottom: 10px
    }
.SponsorBoxTop {
    width: 100%;
    height: 30px;
    text-align: center;
    background-image: url(../Images/Design/Box/Box1Title.jpg);
    background-color: #3BA895;
    background-repeat: repeat-x;
    border-bottom: solid 1px #C6CEDD;
    margin-top: 10px
    }
.SponsorTitle {
    color: White;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    font-size: 11px;
    vertical-align: top;
    padding-top: 8px
    }
.SponsorBoxLeft {
    margin-bottom: 10px;
    border-bottom: solid 1px #bdbdbd;
    border-left: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd
    }
.SponsorBoxRight {
    line-height: 16px;
    color: #666;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px
    }
.SponsorBoxRight a {
    color: #00F;
    font-size: 12px;
    padding-bottom: 6px
    }
.TwitterLink a {
    color: #3B5998;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    letter-spacing: -1px
    }
.TwitterLink a:hover {
    text-decoration: underline
    }
.TwitterBoxRight {
    margin-bottom: 20px
    }
.TwitterBoxRight img {
    margin-left: 10px
    }
.TwitterBoxRight div {
    margin-top: 10px
    }
.ProductCategoryBoxTop {
    width: 100%;
    height: 30px;
    background-image: url(../Images/Design/Box/Box1Title.jpg);
    background-color: #3BA895;
    background-repeat: repeat-x;
    text-align: center
    }
.MostPopularBoxLeft {
    background-color: #F5F9FB
    }
.MostPopularBoxRight {
    text-align: center;
    padding-top: 10px
    }
.MostPopularBoxTop img {
    margin-top: 1px
    }
.Top3Box td {
    font-size: 10px;
    text-align: center;
    color: #666
    }
.QuickVoteBox td {
    font-size: 11px;
    text-align: left
    }
.VideoCategoryBoxLeft {
    background-color: #F5F9FB
    }
.VideoCategoryBoxRight {
    text-align: left
    }
.VideoCategoryBoxTop img {
    margin-top: 3px
    }
.VideoCategoryBoxRight ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%
    }
.VideoCategoryBoxRight ul li {
    width: 100%;
    border-top: solid 1px #ddd;
    height: 30px
    }
.VideoCategoryBoxRight ul li a {
    width: 165px;
    _width: 218px;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    background-image: url(../Images/Design/Icon/icon_bullet.png);
    background-repeat: no-repeat;
    background-position: 27px 11px;
    padding-left: 55px;
    text-decoration: none;
    color: green
    }
.VideoCategoryBoxRight ul li a:hover {
    background-color: #222;
    color: #fff
    }
.ProductCategoryBoxLeft {
    background-color: #F5F9FB
    }
.ProductCategoryBoxRight {
    text-align: left
    }
.ProductCategoryBoxTop img {
    margin-top: 0
    }
.ProductCategoryBoxRight ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%
    }
.ProductCategoryBoxRight ul li {
    width: 100%;
    border-top: solid 1px #ddd;
    height: 30px
    }
.ProductCategoryBoxRight ul li a {
    width: 165px;
    _width: 218px;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    background-image: url(../Images/Design/Icon/green_bullet_arrow.png);
    background-repeat: no-repeat;
    background-position: 27px 9px;
    padding-left: 55px;
    text-decoration: none;
    color: green
    }
.ProductCategoryBoxRight ul li a:hover {
    background-color: #222;
    color: #fff
    }
.BoldBlue {
    font-weight: bold;
    font-size: 12px
    }
.PageBox {
    background-color: #ccc;
    height: 35px
    }
.FilterBox {
    background-image: url(/Images/Design/Box/tabview_bg.gif);
    background-repeat: repeat-x;
    height: 35px
    }
.PageBox td {
    font-size: 11px
    }
.pageIndex {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    _padding-right: 0
    }
.OtherPageIndex {
    display: block;
    float: left;
    width: 20px;
    height: 22px;
    margin-top: 3px;
    margin-right: 3px;
    border: solid 1px #bdbdbd;
    background-color: white;
    padding-top: 2px
    }
.OtherPageIndex a {
    text-decoration: none;
    color: #333;
    font-size: 10px;
    text-align: center
    }
.CurrentPageIndex {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-right: 3px;
    font-weight: bold;
    background-color: #65ACD3;
    border: solid 1px white;
    padding-top: 2px
    }
.CurrentPageIndex a {
    text-decoration: none;
    color: white;
    font-size: 10px;
    text-align: center
    }
.WatchVideoTitleBox {
    height: 50px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 5px;
    background-color: black;
    width: 746px;
    margin-top: 5px
    }
.WatchVideoTitle {
    height: 40px;
    padding-left: 15px;
    font-size: 14px;
    color: #fff;
    background-color: #333;
    width: 594px;
    text-align: left
    }
.VideoTitleSpliter {
    width: 20px;
    background: url(../Images/Design/Box/VideoTitle_Split.png) no-repeat left top
    }
.WatchVideoPowerBy {
    width: 70px;
    color: White;
    font-size: 12px;
    text-align: right;
    font-weight: normal
    }
.WatchVideoPowerByImg {
    width: 60px;
    text-align: left
    }
.WatchVideo {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px
    }
.RelatedVideo {
    background-color: Black;
    border-left: solid 5px #666
    }
.RelatedVideoTitle {
    color: White;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
    text-align: left;
    height: 25px
    }
.WatchVideoBox {
    width: 100%;
    background-color: #333;
    height: 457px
    }
.VideoToolTagBox {
    height: 35px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 40px;
    vertical-align: top
    }
.ToolTagBox {
    height: 35px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top
    }
.CurrentVideoToolTag {
    background-image: url(../Images/Design/Box/CurrentVideoTag.png);
    background-position: 20px bottom;
    background-repeat: no-repeat;
    padding-left: 5px;
    text-align: left
    }
.CurrentVideoToolTag a {
    color: White;
    text-decoration: none
    }
.NomalVideoToolTag {
    padding-left: 5px;
    text-align: left
    }
.NomalVideoToolTag a {
    color: #3cf;
    text-decoration: none
    }
.NomalVideoToolTag a:hover {
    text-decoration: none;
    color: White
    }
.CurrentToolTag {
    background-image: url(../Images/Design/Box/CurrentVideoTag.png);
    background-position: 20px bottom;
    background-repeat: no-repeat;
    padding-left: 5px
    }
.CurrentToolTag a {
    color: #000;
    text-decoration: none
    }
.CurrentToolBoxTag {
    background-image: url(../Images/Design/Box/CurrentToolBoxTag.png);
    background-position: 20px bottom;
    background-repeat: no-repeat;
    padding-left: 5px;
    text-align: left
    }
.CurrentToolBoxTag a {
    color: #000;
    text-decoration: none
    }
.NomalToolTag {
    padding-left: 5px;
    text-align: left
    }
.NomalToolTag a {
    text-decoration: none
    }
.NomalToolTag a:hover {
    text-decoration: none;
    color: #000
    }
.VideoToolBox {
    width: 755px;
    color: White;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px
    }
.ToolBox {
    width: 100%;
    color: #333
    }
.RelatedVideoThumbBox {
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: black;
    vertical-align: top
    }
.RelatedVideoThumbBoxOver {
    width: 150px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 9px;
    margin-top: 9px;
    background-color: black;
    vertical-align: top;
    border: solid 1px white
    }
.VideoSignInLink {
    color: #3cf;
    font-size: 12px;
    font-weight: bold
    }
.GroupPostHeader td {
    font-size: 11px;
    height: 30px
    }
.GroupPostRow {
    border-top: solid 1px #bdbdbd
    }
.GroupPostRow td {
    font-size: 11px;
    vertical-align: top
    }
.Location {
    color: Green;
    font-size: 12px
    }
.Price {
    font-size: 12px
    }
.BadmintonCategories {
    border-left: solid 1px #c5dbec;
    border-right: solid 1px #c5dbec;
    border-bottom: solid 1px #c5dbec
    }
.CategoryBoxOver a {
    color: White
    }
.WelcomeBox {
    background-image: url(../Images/Design/Box/welcome.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    vertical-align: bottom
    }
.VoteBox {
    background-color: #dfeffc;
    border-top: solid 1px #bdbdbd
    }
.VoteBox td {
    font-size: 11px;
    height: 30px
    }
.BadmintonTitleBox {
    background-image: url(../Images/Design/Box/BadmintonTitle_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #2477A1;
    width: 100%;
    height: 130px
    }
.BadmintonTitle {
    font-size: 12px;
    color: #333;
    vertical-align: top
    }
.BadmintonDescription {
    font-size: 12px;
    color: white;
    vertical-align: bottom;
    height: 35px
    }
.BadmintonSubTilte {
    color: White
    }
.BadmintonContent {
    height: 50px;
    padding-left: 10px;
    padding-right: 10px
    }
.BadmintonGroupList {
    text-align: left;
    padding-left: 15px
    }
.ProductSideBoxTitle {
    color: White;
    font-size: 11px
    }
.BadmintonListCategory {
    font-weight: bold;
    padding-left: 20px;
    text-align: left;
    height: 25px
    }
.BadmintonListSubCategory {
    padding-left: 40px;
    text-align: left;
    height: 100px
    }
.BadmintonListSubCategoryItem {
    text-align: left;
    height: 25px
    }
.BadmintonList {
    border-bottom: solid 1px #c5dbec;
    margin-top: 15px
    }
.BadmintonList td {
    vertical-align: top;
    font-size: 12px;
    text-align: left
    }
.BadmintonList td a {
    font-size: 12px;
    text-decoration: none
    }
.BadmintonList td a:hover {
    font-size: 12px;
    text-decoration: underline
    }
.NewsGridRow td {
    font-size: 11px
    }
.NewsGridRow td a {
    text-decoration: none
    }
.NewsGridRow td a:hover {
    text-decoration: underline
    }
.NewsTitle {
    text-align: left;
    color: #3571A6;
    font-weight: normal;
    font-size: 18px;
    height: 30px;
    vertical-align: top;
    padding-left: 15px
    }
.NewsTime {
    color: #666;
    line-height: 18px;
    border-bottom: dotted 1px #bdbdbd
    }
.NewsContent {
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 20px
    }
.ContentDetails {
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 20px
    }
.eventBody {
    color: #333;
    line-height: 18px
    }
.calendarBox {
    background-image: url(../Images/Design/Box/calendar_bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px
    }
.eventful-badge, .eventful-badge * {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
    color: #CCC !important;
    font-family: Arial !important;
    text-decoration: none !important
    }
.eventful-small {
    position: relative !important;
    width: 100px !important;
    font-size: 11px !important;
    line-height: 11px !important
    }
.PopularBox {
    height: 300px;
    width: 100%;
    background-color: white;
    border-left: solid 1px #c5dbec;
    border-right: solid 1px #c5dbec
    }
.PopularPageBox {
    height: 30px;
    background-image: url(../Images/Design/Box/popular_bottom.jpg);
    background-position: top left;
    background-repeat: no-repeat
    }
.CommentCount {
    background-image: url(../Images/Design/Box/comment_count_bg.gif);
    background-position: center;
    background-repeat: no-repeat;
    color: White;
    font-size: 11px;
    text-align: center;
    width: 60px;
    height: 25px
    }
.PopularPhotoBox {
    height: 107px;
    background-image: url(../Images/Design/Box/popular_photo_bottom_center.gif);
    background-repeat: repeat-x;
    background-position: bottom
    }
.PopularPhotoBox ul {
    list-style-type: none;
    float: left;
    display: inline
    }
.StarPlayerBox {
    height: 107px;
    background-image: url(../Images/Design/Box/popular_photo_bottom_center.gif);
    background-repeat: repeat-x;
    background-position: bottom
    }
.StarPlayerBox ul {
    list-style-type: none;
    float: left;
    display: inline
    }
.StarPlayerBox ul li {
    float: left
    }
.TournamentVideoBox {
    height: 220px;
    background-image: url(../Images/Design/Box/slider-bg.png);
    background-repeat: repeat-x;
    background-position: left top
    }
.TournamentVideoBox ul {
    list-style-type: none;
    float: left;
    display: inline
    }
.TournamentVideoBox ul li {
    float: left
    }
.TournamentVideoBox ul li a {
    color: White
    }
.VoteTopic {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding-bottom: 10px;
    color: Green;
    padding-left: 10px
    }
#locationDIV {
    position: absolute;
    background-color: white;
    border-top: solid 1px #c5dbec;
    border-left: solid 1px #c5dbec;
    border-right: solid 2px #c5dbec;
    border-bottom: solid 2px #c5dbec;
    height: 100px;
    width: 300px;
    display: none;
    vertical-align: top;
    background-image: url(/Images/Design/Box/tabview_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x
    }
#changeLocation em {
    display: inline;
    overflow: hidden;
    border: 4px solid #06a;
    border-color: #06a #fff;
    border-width: 4px 4px 0 4px;
    position: absolute;
    margin-top: 6px;
    margin-left: 0
    }
.searchLocation {
    border: solid 1px #55A0FF;
    width: 220px;
    height: 23px;
    font-size: 14px;
    color: #333;
    padding-left: 5px;
    padding-top: 5px
    }
.SearchLocationRemark {
    font-size: 11px;
    color: #666;
    padding-top: 5px
    }
.EventBox {
    width: 100%;
    background-color: #dfeffc;
    height: 500px;
    vertical-align: top
    }
.ContentBox {
    width: 100%;
    vertical-align: top
    }
.EventTitleBox {
    height: 50px;
    width: 100%;
    background-image: url(/Images/Design/Box/eventTitle_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x
    }
.EventTitle {
    height: 40px;
    padding-left: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #127FAB;
    width: 680px;
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    text-align: left
    }
.VideoDetailTitle {
    height: 40px;
    padding-left: 40px;
    font-size: 16px;
    color: #fff;
    width: 680px;
    font-weight: bold;
    background-color: #127FAB;
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    text-align: left
    }
.TournamentVideoDetailTitle {
    height: 40px;
    padding-left: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #127FAB;
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    text-align: left
    }
.MemberEventTitle {
    height: 40px;
    padding-left: 10px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #127FAB;
    width: 680px;
    border-bottom: solid 1px black;
    border-top: solid 1px black
    }
.EventTitleSpliter {
    width: 20px;
    background: url(../Images/Design/Box/EventTitle_Split.png) no-repeat left top
    }
.VideoDetailTitleSpliter {
    width: 10px;
    background: url(../Images/Design/Box/EventTitle_Split.png) no-repeat left top
    }
.EventFieldText {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-align: left;
    vertical-align: top;
    line-height: 22px;
    height: 30px;
    padding-bottom: 5px
    }
.EventFieldValue {
    font-size: 12px;
    color: #333;
    text-align: left;
    vertical-align: top;
    line-height: 22px;
    height: 22px;
    padding-bottom: 2px
    }
.EventDetail {
    font-size: 12px;
    line-height: 22px
    }
.EventLinks {
    font-size: 12px;
    line-height: 22px;
    padding-top: 10px
    }
.EventLinks ul {
    list-style: none
    }
.votesBox {
    background-image: url(../Images/Design/Box/vote_bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    cursor: pointer
    }
.PopUpTitle {
    background-color: #65ACD3;
    color: White;
    padding-left: 15px;
    font-weight: bold;
    height: 30px
    }
.Button150 {
    width: 150px;
    height: 30px;
    background-image: url(/Images/Design/Button/default_btn.png);
    background-position: left top;
    background-repeat: repeat-x;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: solid 1px #5A90B1
    }
.VoteTitle {
    text-align: center;
    color: #3571A6;
    font-weight: normal;
    font-size: 16px;
    height: 40px;
    vertical-align: top
    }
.SitemapListCategory {
    font-weight: bold;
    padding-left: 20px;
    text-align: left;
    height: 20px;
    font-size: 14px;
    color: #666
    }
.SitemapListSubCategory {
    padding-left: 40px;
    text-align: left;
    height: 20px;
    color: #666;
    line-height: 20px
    }
.SitemapListSubCategoryItem {
    text-align: left;
    height: 20px;
    line-height: 20px
    }
.SitemapList {
    margin-top: 15px;
    width: 96%
    }
.SitemapList td {
    vertical-align: top;
    font-size: 12px;
    text-align: left
    }
.SitemapList td a {
    font-size: 12px;
    text-decoration: none
    }
.SitemapList td a:hover {
    font-size: 12px;
    text-decoration: underline
    }
.QuickSearchFieldTextBox {
    border: solid 1px green;
    width: 90%;
    height: 25px;
    color: #3E84C2;
    font-weight: bold;
    padding-left: 2px;
    padding-top: 2px
    }
.normalcontacttabs {
    background-color: White
    }
.normalcontacttabs td a {
    font-size: 12px;
    text-decoration: none;
    width: 100%
    }
.normalcontacttabsOver {
    background-color: #dfeffc;
    cursor: pointer
    }
.normalcontacttabsOver td a {
    font-size: 12px;
    text-decoration: none;
    width: 100%
    }
.currentcontacttabs {
    background-color: #dfeffc;
    cursor: pointer
    }
.currentcontacttabs td a {
    font-size: 12px;
    text-decoration: none;
    width: 100%;
    color: #333;
    font-weight: bold
    }
.ImportContactLoginBox {
    margin-bottom: 20px;
    background-color: #dfeffc;
    width: 100%
    }
.ImportContactLoginBox td {
    padding-left: 15px;
    color: #333
    }
.ImportContactListBox {
    background-color: #dfeffc;
    width: 100%
    }
.ToolBoxTitle {
    background-color: #65ACD3;
    color: White;
    padding-left: 15px;
    height: 35px;
    font-size: 12px
    }
.ShareBoxTitle {
    background-color: #65ACD3;
    color: White;
    padding-left: 5px;
    height: 35px;
    font-size: 12px
    }
.ShareBox td a {
    text-decoration: none;
    cursor: pointer;
    font-size: 12px
    }
.ShareBox td a:hover {
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px
    }
.VideoShareBox td a {
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    color: White
    }
.VideoShareBox td a:hover {
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px;
    color: White
    }
.share-panel {
    border-bottom: #65ACD3 1px solid;
    position: fixed;
    filter: alpha(opacity=90);
    border-left: #65ACD3 1px solid;
    padding-bottom: 0;
    padding-left: 0;
    width: 300px;
    padding-right: 0;
    display: none;
    background: #fff;
    height: auto;
    border-top: #65ACD3 1px solid;
    bottom: 35px;
    right: 0;
    border-right: #65ACD3 1px solid;
    padding-top: 0;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    opacity: 0.9
    }
* html .share-panel {
    position: absolute;
    clear: both
    }
A.trigger {
    position: fixed;
    border-left: #bdbdbd 1px solid;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    font-family: verdana, helvetica, arial, sans-serif;
    background: url(/Images/Design/Menu/MenuCurrent.jpg);
    letter-spacing: -1px;
    color: #fff;
    font-size: 15px;
    bottom: 0%;
    right: 0;
    font-weight: 700;
    border-right: #bdbdbd 1px solid;
    text-decoration: none;
    padding-top: 8px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0
    }
* html A.trigger {
    position: absolute;
    clear: both
    }
A.trigger td {
    font-size: 15px
    }
A.trigger td img {
    margin-right: 3px
    }
A.trigger:hover {
    position: fixed;
    border-left: #bdbdbd 1px solid;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 30px;
    display: block;
    font-family: verdana, helvetica, arial, sans-serif;
    background: url(/Images/Design/Menu/MenuCurrent.jpg);
    letter-spacing: -1px;
    color: #fff;
    font-size: 15px;
    bottom: 0;
    right: 0;
    font-weight: 700;
    border-right: #bdbdbd 1px solid;
    text-decoration: none;
    padding-top: 8px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0
    }
A.trigger.active {
    background: url(/Images/Design/Menu/MenuCurrent.jpg)
    }
/* From dropdown.css*/
/* Horizontal menu */
ul#quickMenu {
    /* Do not change */
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    /* Styles */
    border: 0;
    text-align: center;
    display: block
    }
#quickMenu li {
    /* all list items */
    /* Do not change */
    float: left;
    display: block;
    white-space: nowrap;
    /* Styles */
    text-decoration: none;
    width: 98px;
    color: #333;
    text-align: left;
    height: 30px;
    vertical-align: middle;
    background-image: url(../Images/Design/Box/shortcut_tab.png);
    background-position: top right;
    background-repeat: no-repeat
    }
#quickMenu li a {
    /* items link style */
    /* Do not change */
    position: relative;
    display: block;
    /* Styles */
    padding-top: 8px;
    text-decoration: none;
    color: #464748;
    margin-left: 8px
    }
#quickMenu li a:hover {
    background: #65ACD3;
    color: #FFF
    }
/* style for menu item hover state */
#quickMenu li:hover ul {
    /* second-level lists */
    display: block
    }
#quickMenu li ul {
    /* second-level lists */
    /* Do not change */
    display: none;
    position: absolute;
    padding: 0;
    margin: 0 0 0 8px;
    list-style-type: none;
    /* Styles */
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    background: #eee;
    z-index: 999
    }
#quickMenu li ul li {
    /* second-level list items */
    /* Do not change */
    float: none;
    display: block;
    /* Styles */
    text-align: left;
    border-bottom: solid 1px #bdbdbd;
    width: 88px;
    height: 30px;
    background: none
    }
#quickMenu li ul li a {
    /* second-level links */
    /* Do not change */
    position: relative;
    display: block;
    /* Styles */
    padding: 8px 10px;
    text-decoration: none;
    color: #464748;
    margin-left: 0
    }
#quickMenu li:hover ul, #quickMenu li li:hover ul, #quickMenu li li li:hover ul, #quickMenu li.sfhover ul, #quickMenu li li.sfhover ul, #quickMenu li li li.sfhover ul {
    /* lists nested under hovered list items */
    left: auto
    }
/*end menu*/
/* End dropdown.css*/
/* Start popup.css*/
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none
    }
.close {
    right: 6px;
    top: 8px;
    position: absolute
    }
#popupbox400 .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    display: none;
    z-index: 9999;
    padding: 20px
    }
#popupbox400 #popupdialog400 {
    width: 400px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #cecece
    }
#popupbox400_post .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    display: none;
    z-index: 9999;
    padding: 20px
    }
#popupbox400_post #popupdialog400_post {
    width: 400px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #cecece
    }
#popupbox400_event .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    display: none;
    z-index: 9999;
    padding: 20px
    }
#popupbox400_event #popupdialog400_event {
    width: 400px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #cecece
    }
#popupbox650 .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 650px;
    display: none;
    z-index: 9999;
    padding: 0
    }
#popupbox650 #popupdialog650 {
    width: 650px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #cecece
    }
#popupbox660 .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 660px;
    display: none;
    z-index: 9999;
    padding: 0
    }
#popupbox660 #popupdialog660 {
    width: 660px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #cecece
    }
#popupbox700 .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 700px;
    display: none;
    z-index: 9999;
    padding: 20px
    }
#popupbox700 #popupdialog700 {
    width: 700px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #cecece
    }
#popupbox700_suggest .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 700px;
    display: none;
    z-index: 9999;
    padding: 20px
    }
#popupbox700_suggest #popupdialog700_suggest {
    width: 700px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #cecece
    }
/* End popup.css*/
/*More Dropdown*/
ul#more_dropdown {
    /* Do not change */
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    /* Styles */
    border: 0;
    text-align: right;
    display: block;
    width: 60px
    }
#more_dropdown li {
    /* all list items */
    /* Do not change */
    float: left;
    display: block;
    white-space: nowrap;
    /* Styles */
    display: inline
    }
#more_dropdown li a {
    /* items link style */
    /* Do not change */
    position: relative;
    display: block;
    /* Styles */
    text-decoration: none;
    font-size: 11px;
    padding: 10px 0 10px 10px;
    width: 100%;
    text-align: left
    }
/* style for menu item hover state */
#more_dropdown li:hover ul {
    display: block
    }
#more_dropdown li ul {
    /* second-level lists */
    /* Do not change */
    position: absolute;
    display: none;
    padding: 0;
    margin: 0 0 0 0;
    list-style-type: none;
    /* Styles */
    border-left: 1px solid #bbb;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    background-color: White;
    z-index: 999
    }
#more_dropdown li ul li {
    /* second-level list items */
    /* Do not change */
    float: none;
    display: block;
    /* Styles */
    text-align: left;
    width: 71px;
    height: 32px;
    padding: 2px 2px 2px 2px
    }
#more_dropdown li ul li a {
    /* second-level links */
    padding-left: 0;
    padding-top: 5px;
    text-decoration: none;
    color: #464748;
    height: 15px;
    border-bottom: dotted 1px #bdbdbd;
    width: 99%;
    text-align: center
    }
#more_dropdown li ul li a:hover {
    background-color: #dfeffc;
    border: solid 1px #65ACD3
    }
/* Do not change the following 5 declarations */
#more_dropdown li ul ul {
    /* third-and-above-level lists */
    left: -999em
    }
#more_dropdown li:hover ul ul, #more_dropdown li:hover ul ul ul, #more_dropdown li.sfhover ul ul, #more_dropdown li.sfhover ul ul ul {
    left: -999em
    }
#more_dropdown li:hover ul, #more_dropdown li li:hover ul, #more_dropdown li li li:hover ul, #more_dropdown li.sfhover ul, #more_dropdown li li.sfhover ul, #more_dropdown li li li.sfhover ul {
    /* lists nested under hovered list items */
    left: auto
    }
/*Community Dropdown*/
ul#community_dropdown {
    /* Do not change */
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    /* Styles */
    border: 0;
    text-align: right;
    display: block;
    width: 60px
    }
#community_dropdown li {
    /* all list items */
    /* Do not change */
    float: left;
    display: block;
    white-space: nowrap;
    /* Styles */
    display: inline
    }
#community_dropdown li a {
    /* items link style */
    /* Do not change */
    position: relative;
    display: block;
    /* Styles */
    text-decoration: none;
    font-size: 11px;
    padding: 10px 0 10px 10px;
    width: 100%;
    text-align: left
    }
/* style for menu item hover state */
#community_dropdown li:hover ul {
    display: block
    }
#community_dropdown li ul {
    /* second-level lists */
    /* Do not change */
    position: absolute;
    display: none;
    padding: 0;
    margin: 0 0 0 0;
    list-style-type: none;
    /* Styles */
    border-left: 1px solid #bbb;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    background-color: White;
    z-index: 999
    }
#community_dropdown li ul li {
    /* second-level list items */
    /* Do not change */
    float: none;
    display: block;
    /* Styles */
    text-align: left;
    width: 101px;
    height: 32px;
    padding: 2px 2px 2px 2px
    }
#community_dropdown li ul li a {
    /* second-level links */
    padding-left: 0;
    padding-top: 5px;
    text-decoration: none;
    color: #464748;
    height: 15px;
    border-bottom: dotted 1px #bdbdbd;
    width: 99%;
    text-align: center
    }
#community_dropdown li ul li a:hover {
    background-color: #dfeffc;
    border: solid 1px #65ACD3
    }
/* Do not change the following 5 declarations */
#community_dropdown li ul ul {
    /* third-and-above-level lists */
    left: -999em
    }
#community_dropdown li:hover ul ul, #community_dropdown li:hover ul ul ul, #community_dropdown li.sfhover ul ul, #community_dropdown li.sfhover ul ul ul {
    left: -999em
    }
#community_dropdown li:hover ul, #community_dropdown li li:hover ul, #community_dropdown li li li:hover ul, #community_dropdown li.sfhover ul, #community_dropdown li li.sfhover ul, #community_dropdown li li li.sfhover ul {
    /* lists nested under hovered list items */
    left: auto
    }
/*end menu*/
.ListBorderSplit {
    background-image: url(/Images/Design/Box/dot.gif);
    background-repeat: repeat-x;
    background-position: left;
    height: 10px
    }
.ListBorderLeft {
    background-image: url(/Images/Design/Box/lftshad.gif);
    background-repeat: repeat-y;
    background-position: left
    }
.ListBorderRight {
    background-image: url(/Images/Design/Box/rtshad.gif);
    background-repeat: repeat-y;
    background-position: right
    }
.ContentTitle {
    text-align: left;
    padding-left: 5px;
    height: 35px;
    padding-bottom: 10px
    }
.ContentTitle a {
    font-size: 18px;
    color: Black;
    text-decoration: none;
    font-family: Cambria
    }
.TutorialHeadLineTitle {
    vertical-align: top
    }
.TutorialHeadLineTitle a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none
    }
.TutorialHeadLineSummary {
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    color: #666;
    line-height: 16px
    }
.TutorialListTitle a {
    font-size: 11px;
    text-decoration: none
    }
.ListBorderBottom {
    background-image: url(/Images/Design/Box/howtobottom.gif);
    background-repeat: repeat-x;
    background-position: left;
    height: 10px
    }
.TutorialFeaturedTitle a {
    color: Black;
    font-size: 18px;
    text-decoration: none;
    font-family: Cambria
    }
.TutorialFeaturedSummary {
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 11px;
    color: #333;
    line-height: 20px
    }
.TutorialSubCategory {
    font-size: 11px
    }
.TutorialSubCategory a {
    font-size: 11px;
    margin-left: 5px;
    margin-right: 5px
    }
.ContentTitle a:hover, .TutorialHeadLineTitle a:hover, .TutorialListTitle a:hover, .TutorialFeaturedTitle a:hover {
    text-decoration: underline
    }
.featured_label {
    font-family: Cambria;
    width: 215px;
    height: 45px;
    background-image: url(/Images/Design/Box/FeaturedLabel.png);
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    color: White;
    font-size: 16px;
    padding-top: 30px;
    text-align: center;
    margin-left: 505px;
    margin-top: 0
    }
.EmailShareExpand a {
    text-decoration: none;
    cursor: pointer;
    font-size: 12px
    }
.EmailShareExpand a:hover {
    text-decoration: underline;
    color: green
    }
.likebuttonRemark {
    position: absolute;
    z-index: 1;
    margin-top: -30px
    }
.dislikebuttonRemark {
    position: absolute;
    z-index: 1;
    margin-top: -30px;
    margin-left: -20px
    }
.buttonRemarkWord {
    background-color: Black;
    color: White;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px
    }
.buttonRemarkArrow {
    height: 9px;
    width: 100%;
    background-image: url(/Images/Design/Box/ButtonRemark_bg.png);
    background-position: top center;
    background-repeat: no-repeat
    }
.likebuttonResult {
    position: absolute;
    z-index: 1;
    margin-top: -1px;
    margin-left: -63px
    }
.dislikebuttonResult {
    position: absolute;
    z-index: 1;
    margin-top: -1px;
    margin-left: -100px
    }
.buttonResultArrow {
    height: 9px;
    width: 100%;
    background-image: url(/Images/Design/Box/CurrentToolBoxTag.png);
    background-position: bottom center;
    background-repeat: no-repeat
    }
.buttonResultBox {
    border-top: solid 1px #65ACD3;
    border-left: solid 1px #65ACD3;
    border-right: solid 2px #307EA9;
    border-bottom: solid 2px #307EA9;
    background-color: White
    }
.likebuttonLoading {
    position: absolute;
    z-index: 1;
    margin-left: 40px
    }
div.listcarousel {
    min-height: 300px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px
    }
div.listcarousel H3 {
    margin-bottom: 4px !important
    }
div.listcarousel UL {
    list-style: none none outside;
    position: relative
    }
div.listcarousel UL {
    padding-bottom: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline;
    padding-top: 0
    }
div.listcarousel LI {
    padding-bottom: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline;
    padding-top: 0
    }
div.listcarousel LI A {
    text-align: center;
    padding-bottom: 0;
    padding-left: 0;
    width: 42px;
    padding-right: 0;
    display: block;
    background: url(/Images/Design/Box/listtab.gif) no-repeat center 1px;
    float: left;
    height: 18px;
    color: #ccc !important;
    font-weight: bold;
    text-decoration: none;
    padding-top: 2px
    }
div.listcarousel LI A:hover {
    text-align: center;
    padding-bottom: 0;
    padding-left: 0;
    width: 42px;
    padding-right: 0;
    display: block;
    background: url(/Images/Design/Box/listtab.gif) no-repeat center 1px;
    float: left;
    height: 18px;
    color: #ccc !important;
    font-weight: bold;
    text-decoration: none;
    padding-top: 2px
    }
div.listcarousel LI A.active {
    border-bottom: medium none;
    background: url(/Images/Design/Box/listtab.gif) no-repeat center -60px;
    height: 19px;
    color: #000 !important;
    text-decoration: none
    }
div.listcarousel LI A.active:hover {
    border-bottom: medium none;
    background: url(/Images/Design/Box/listtab.gif) no-repeat center -60px;
    height: 19px;
    color: #000 !important;
    text-decoration: none
    }
div.listcarousel table.list {
    border-bottom: #f4f4f4 1px solid;
    margin: 0 0 0 0;
    width: 100%;
    display: none;
    text-align: left
    }
div.listcarousel div.list {
    padding-bottom: 0;
    margin: 0 0 0;
    padding-left: 6px;
    width: 155px;
    padding-right: 25px;
    display: none;
    color: #888 !important;
    font-size: 9px !important;
    border-top: #f4f4f4 1px solid;
    padding-top: 6px
    }
div.listcarousel table.list table td {
    font-size: 11px;
    text-align: left;
    height: 10px
    }
div.listcarousel table.list {
    background-color: White
    }
div.listcarousel table.list table {
    margin-left: 10px
    }
div.listcarousel table.list td a {
    font-size: 11px;
    text-decoration: none
    }
table.list caption {
    border-bottom: medium none;
    text-align: left;
    padding-bottom: 6px !important;
    margin: -1px 0 0;
    padding-left: 14px !important;
    padding-right: 0 !important;
    font: bold 11px Verdana, sans-serif;
    color: #595757 !important;
    border-top: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
    padding-top: 6px !important;
    background-color: White
    }
table.list caption a {
    text-decoration: none;
    font-size: 11px;
    color: #595757 !important
    }
.tabcontainer table.list caption {
    padding-bottom: 6px !important;
    padding-left: 6px !important;
    padding-right: 0 !important;
    padding-top: 6px !important
    }
.tabcontainer .flag {
    margin-top: 2px;
    width: 15px;
    height: 10px
    }
td.rank {
    text-align: right;
    width: 20px
    }
.tabcontainer td.rank {
    text-align: right;
    width: 15px
    }
td.points {
    text-align: right;
    padding-right: 10px !important
    }
#pageshare {
    position: fixed;
    bottom: 6%;
    margin-left: -70px;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    padding: 0 0 2px 0;
    z-index: 10
    }
* html #pageshare {
    position: absolute;
    clear: both;
    margin-left: -72px
    }
#pageshare .sbutton {
    float: left;
    clear: both;
    margin: 10px 5px 10px 5px
    }
.fb_share_count_top {
    width: 48px !important
    }
.fb_share_count_top, .fb_share_count_inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
    }
.FBConnectButton_Small, .FBConnectButton_RTL_Small {
    width: 49px !important;
    -moz-border-radius: 3px;
    /*bs-fsmsb*/
    -webkit-border-radius: 3px
    }
.FBConnectButton_Small .FBConnectButton_Text {
    padding: 2px 2px 3px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 8px
    }
#SocialNetworkLikeButtons {
    height: 70px;
    width: 100%;
    clear: both
    }
.ads {
    margin-bottom: 10px
    }
.LatestNews {
    width: 100%;
    background-color: white;
    border-left: solid 1px #c5dbec;
    border-right: solid 1px #c5dbec;
    background-color: #EDF5FA
    }
.LatestNews td a {
    line-height: 18px
    }
.LatestNewsDate {
    color: #666;
    line-height: 25px;
    font-size: 11px;
    padding-bottom: 8px
    }
#RegisteringDIV {
    display: none
    }
#RegisteringDIV td {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px
    }
#DrawFrameOuterdiv {
    width: 670px;
    height: 840px;
    overflow: scroll;
    position: relative
    }
#DrawFrame {
    position: absolute;
    top: -320px;
    width: 1280px;
    height: 2730px
    }
#ResultFrameOuterdiv {
    width: 670px;
    height: 900px;
    overflow: scroll;
    position: relative
    }
#ResultFrame {
    position: absolute;
    top: -216px;
    width: 1200px;
    height: 3300px
    }
.livefeatured_label {
    font-family: Cambria;
    width: 215px;
    height: 45px;
    background-image: url(/Images/Design/Box/FeaturedLabel.png);
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    color: White;
    font-size: 16px;
    padding-top: 30px;
    text-align: center;
    margin-left: 510px;
    margin-top: -20px
    }
.LiveStreamFeaturedTitle a {
    color: Black;
    font-size: 18px;
    text-decoration: underline;
    font-family: Cambria
    }
.Featured_Live_Stream {
    padding-left: 30px;
    background-image: url(/Images/Design/Box/featured_live_bg.jpg);
    background-position: right bottom;
    background-repeat: no-repeat
    }
.new_tag {
    width: 36px;
    height: 34px;
    background-image: url(/Images/Design/Icon/new-tag.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    padding-top: 0;
    margin-left: 56px;
    margin-top: -6px
    }
.hot_tag {
    width: 36px;
    height: 34px;
    background-image: url(/Images/Design/Icon/hot-tag.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    padding-top: 0;
    margin-left: 33px;
    margin-top: -13px
    }
#translate-this {
    text-align: center;
    height: 56px
    }
#translate-this .translate-this-button {
    float: none !important;
    margin: 0 auto;
    background-image: url(/Images/Design/Button/translate_btn.jpg) !important;
    width: 220px !important;
    height: 56px !important
    }
.PickButton {
    width: 82px;
    height: 25px;
    background-image: url(/Images/Design/Button/icon_pick.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-left: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-right: 20px;
    text-decoration: none;
    color: #666
    }
.PickButton:hover {
    width: 82px;
    height: 25px;
    background-image: url(/Images/Design/Button/icon_pick.png);
    background-position: 0 -27px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-left: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-right: 20px;
    text-decoration: underline;
    color: #72AD2C
    }
.pickedPlayer {
    color: green
    }
.PickWinnerResults td {
    text-align: left;
    vertical-align: top;
    font-size: 11px;
    line-height: 25px;
    height: 30px
    }
.PickWinnerResultsBox {
    background-color: #EBF5FE;
    border-left: solid 1px #bdbdbd
    }