.MemberProfileBox {
    width: 100%;
    background-image: url(../Images/Design/Box/Member_Profile_bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #63ABD3
    }
.MemberLeftSide {
    width: 170px;
    background-image: url(../Images/Design/Box/Member_Side_bg.jpg);
    background-repeat: repeat-x;
    background-position: 0 160px;
    vertical-align: top
    }
.MemberPublicLeftSide {
    width: 170px;
    background-image: url(../Images/Design/Box/Member_Side_bg.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;
    vertical-align: top
    }
.MemberSideBox {
    width: 100%;
    height: 90%
    }
.MemberSideShadow {
    background-image: url(../Images/Design/Box/MemberSideShadow.png);
    background-repeat: repeat-y;
    background-position: right top
    }
.MemberMainContent {
    height: 620px
    }
.MemberPublicMainContent {
    height: 485px
    }
.MemberMenuItem {
    cursor: pointer
    }
/*CSS Code for Menu Begin:*/
/* Root = Vertical, Secondary = Vertical */
ul#navmenu, ul#navmenu li, ul#navmenu ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 160px;
    /*For KHTML*/
    list-style: none
    }
/* Root Menu */
.MemberMenuNormal {
    display: block !important;
    /*For GOOD browsers*/
    display: inline;
    /*For IE*/
    position: relative;
    height: 45px;
    background-image: url(../Images/Design/Menu/MemberMenu_Normal.png);
    background-repeat: no-repeat;
    background-position: left top
    }
.MemberMenuCurrent {
    display: block !important;
    /*For GOOD browsers*/
    display: inline;
    /*For IE*/
    position: relative;
    height: 45px;
    background-image: url(../Images/Design/Menu/MemberMenu_Current.png);
    background-repeat: no-repeat;
    background-position: left top
    }
ul#navmenu li table {
    padding-left: 10px;
    padding-top: 3px;
    display: block;
    height: 35px
    }
.MemberMenuNormal table a {
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-align: left
    }
.MemberMenuCurrent table a {
    color: #069;
    font-size: 13px;
    text-decoration: none;
    text-align: left
    }
/* 2nd Menu */
ul#navmenu ul li {
    display: block !important;
    /*For GOOD browsers*/
    display: inline;
    /*For IE*/
    position: relative;
    height: 35px
    }
ul#navmenu ul li a {
    border: 1px solid #FFF;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    padding: 10px 10px;
    display: block;
    background: #bdbdbd;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    height: 20px;
    /*For IE*/
    text-align: left
    }
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
    background: #EEE;
    color: #666
    }
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
    background: #65ACD3;
    color: #FFF
    }
ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 160px
    }
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
    display: none
    }
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
    display: block
    }
.MemberPhotoBox {
    width: 137px;
    height: 137px;
    background-color: #EBEBEB
    }
.MemberPhotoFrame {
    border: solid 1px #bdbdbd;
    width: 126px;
    height: 126px;
    background-color: White;
    vertical-align: middle
    }
.MemberDetailBox {
    margin-top: 15px;
    width: 96%
    }
.MemberDetailBox td {
    color: White;
    font-size: 14px;
    text-align: left;
    height: 32px;
    line-height: 20px
    }
.MemberName {
    font-size: 16;
    font-weight: bold
    }
.MemberNamePanel {
    display: inline;
    float: left;
    margin-right: 10px
    }
.WhiteLink {
    color: white;
    font-size: 12px
    }
.NotificationBox {
    padding-left: 5px
    }
.NotificationBox td {
    height: 35px;
    line-height: 20px;
    text-align: left
    }
.NotificationBox td a {
    color: #333;
    font-size: 12px;
    text-decoration: none
    }
.NotificationBox td a:hover {
    color: green;
    text-decoration: underline
    }
#member_sitemap {
    height: 28px;
    text-align: left;
    padding-left: 15px;
    color: White;
    background-color: #65ACD3;
    font-size: 12px
    }
#member_sitemap a {
    color: White;
    font-size: 12px
    }
#member_sitemap a:hover {
    color: #333
    }
.MemberMainTable {
    width: 100%;
    border-right: solid 1px #bdbdbd;
    margin-bottom: 20px
    }
.MemberMainTableBorder {
    width: 100%;
    border: solid 1px #bdbdbd;
    margin-bottom: 20px
    }
.MemberMainTableNoPadding {
    width: 100%
    }
.MemberMainTableBorderNoPadding {
    width: 100%;
    border: solid 1px #bdbdbd
    }
.MemberFieldName {
    font-size: 12px;
    text-align: right;
    padding-right: 10px;
    color: #333;
    height: 40px
    }
.MemberFieldName25 {
    font-size: 12px;
    text-align: right;
    padding-right: 10px;
    color: #333;
    height: 25px
    }
.MemberPublicFieldName {
    width: 23%;
    color: #666;
    font-size: 12px;
    text-align: left;
    padding-left: 30px;
    height: 25px
    }
.MemberFieldValue {
    text-align: left;
    height: 40px;
    font-size: 12px
    }
.MemberFieldValue25 {
    text-align: left;
    height: 25px;
    font-size: 12px
    }
.MemberPublicFieldValue {
    width: 73%;
    text-align: left;
    height: 25px;
    font-size: 12px;
    color: Black
    }
.MemberFieldTextBoxSmall {
    border: solid 1px #bdbdbd;
    width: 90%;
    height: 23px;
    color: #333;
    padding-left: 5px;
    padding-top: 3px
    }
.MemberFieldTextBoxDate {
    border: solid 1px #bdbdbd;
    width: 100px;
    height: 23px;
    color: #333;
    padding-left: 5px;
    padding-top: 3px
    }
.MemberFieldTextBoxNumber {
    border: solid 1px #bdbdbd;
    width: 30px;
    height: 20px;
    color: #333;
    padding-left: 5px;
    padding-top: 1px
    }
.MemberFieldTextBoxBig {
    border: solid 1px #bdbdbd;
    width: 94%;
    height: 23px;
    color: #333;
    padding-left: 5px;
    padding-top: 3px;
    font-size: 13px
    }
.MemberFieldSelectBox {
    border: solid 1px #bdbdbd;
    color: #333;
    padding-left: 5px;
    font-size: 13px;
    height: 23px
    }
.MemberHighLightFieldTextBox {
    border: solid 1px green;
    width: 96%;
    height: 22px;
    color: #3E84C2;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 2px
    }
.MemberStatusTextBox {
    border: solid 1px green;
    width: 98%;
    height: 22px;
    color: #3E84C2;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 2px
    }
.MemberStatus {
    display: inline;
    width: 300px;
    overflow: hidden;
    font-size: 12px;
    font-weight: normal;
    color: White;
    float: left
    }
.MemberMessage {
    text-align: left;
    padding-left: 20px;
    background-color: #f60;
    color: white;
    font-weight: bold
    }
.MemberGridRow {
    border: solid 1px white
    }
.MemberAlbumGridRow {
    border: solid 1px #c5dbec;
    background-color: #dfeffc
    }
.MemberAlbumGridRow td {
    font-size: 11px
    }
.MemberGridRowTopBorder {
    border-top: solid 1px #bdbdbd;
    border-left: solid 1px white;
    border-right: solid 1px white;
    border-bottom: solid 1px white
    }
.MemberGridRowBorder {
    border-bottom: solid 1px #bdbdbd;
    border-top: solid 1px white;
    border-left: solid 1px white;
    border-right: solid 1px white
    }
.HistoryBox {
    border-bottom: solid 1px #ddd
    }
.MemberGridRowOver {
    border: solid 1px Green;
    background-color: #F5F9F9
    }
.MemberAlbumGridRowOver {
    border: solid 1px Green;
    background-color: #dfeffc
    }
.MemberGridRowOverLink {
    border: solid 1px Green;
    background-color: #F5F9F9;
    cursor: pointer
    }
.MemberGridRowOver td {
    font-size: 11px
    }
.MemberAlbumGridRowOver td {
    font-size: 11px
    }
.MemberGridRowOverLink td {
    font-size: 11px
    }
.MemberGridRow td {
    font-size: 11px
    }
.MemberGridRowBorder td {
    font-size: 11px
    }
.MemberGridRowTopBorder td {
    font-size: 11px
    }
.HistoryTD {
    font-size: 11px;
    vertical-align: top;
    padding-top: 10px;
    line-height: 18px;
    padding-bottom: 10px
    }
.HistoryTD a {
    color: #0073aa;
    text-decoration: none
    }
.HistoryTD a:hover {
    color: #c30;
    text-decoration: underline
    }
.HistoryTime {
    color: #666
    }
.greyFont {
    color: #666;
    line-height: 18px
    }
.NoRecord {
    font-size: 11px
    }
.MemberMainTableTitle {
    background-color: #65ACD3;
    color: White;
    padding-left: 15px;
    font-weight: bold;
    height: 30px;
    text-align: left
    }
.uploadbutton {
    background-image: url(../../Images/Design/Button/choose_photo_btn.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 35px;
    cursor: pointer;
    padding-top: 10px
    }
.uploadbutton a {
    color: White;
    padding-left: 42px;
    text-decoration: none;
    font-size: 12px
    }
.thumbPhoto {
    padding-left: 2px
    }
.dropareahover {
    background-color: #65ACD3
    }
.AlbumCoverArea {
    padding-top: 3px
    }
/* Min-height Fix*/
.PhotoThumbFrame {
    border: solid 1px #bdbdbd;
    padding: 2px 2px 2px 2px;
    width: 135px;
    background-color: #dfeffc
    }
.PhotoThumbFrameOver {
    border: solid 1px #bdbdbd;
    padding: 2px 2px 2px 2px;
    width: 135px;
    background-color: #ddd
    }
.PhotoThumbFrameOver img {
    cursor: move
    }
.PhotoThumbFrameSmall {
    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
    }
.PhotoThumbFrameOverLink {
    border: solid 1px green;
    padding: 2px 2px 2px 2px;
    width: 135px
    }
.MemberThumbFrameShadow_50 {
    float: left;
    background: url(../Images/Design/Box/ProfilePhoto_bg_50x50.png) no-repeat top left;
    margin: 0 5px 0 20px;
    padding: 4px 0 2px 0;
    vertical-align: middle;
    height: 60px;
    width: 65px
    }
.MemberThumbFrameShadow_50NoMargin {
    float: left;
    background: url(../Images/Design/Box/ProfilePhoto_bg_50x50.png) no-repeat top left;
    margin: 0 5px 0 5px;
    padding: 4px 0 2px 0;
    vertical-align: middle;
    height: 60px;
    width: 65px
    }
.VideoThumbBox {
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    border: solid 1px black
    }
.VideoThumbBoxOver {
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    border: solid 1px white
    }
.VideoThumbnail {
    text-align: left;
    height: 90px
    }
.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
    }
.VideoTitle a:hover {
    text-decoration: underline
    }
.GridCheckBox {
    border-left: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
    height: 30px;
    width: 100%;
    text-align: center
    }
.PeopleGridBox {
    border-left: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
    border-top: solid 1px white;
    height: 100px;
    text-align: left
    }
.PeopleGridSmallBox {
    border-left: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
    border-top: solid 1px white;
    height: 70px;
    text-align: left
    }
.PeopleGridBoxOver {
    background-color: #F5F9F9;
    border: solid 1px Green;
    height: 100px;
    text-align: left
    }
.PeopleGridSmallBoxOver {
    background-color: #F5F9F9;
    border: solid 1px Green;
    height: 70px;
    text-align: left
    }
.BlackLink {
    color: #444
    }
.friendsDelete {
    text-align: right;
    vertical-align: bottom;
    padding-right: 2px
    }
.friendsDelete a {
    color: #777
    }
.friendsDelete a:hover {
    color: green
    }
.playerDelete {
    text-align: center;
    vertical-align: top;
    padding-right: 10px
    }
.playerDelete a {
    color: #777
    }
.playerDelete a:hover {
    color: green
    }
.InviteFriends {
    text-align: left;
    vertical-align: bottom;
    padding-left: 3px;
    width: 120px
    }
.InviteFriends a {
    color: green
    }
.InviteFriends a:hover {
    color: red
    }
.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
    }
.Button100 {
    width: 100px;
    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
    }
.AutoExtender {
    font-size: 12px;
    font-weight: normal;
    border-left: solid 1px #bdbdbd;
    border-right: solid 2px #666;
    border-bottom: solid 2px #666;
    line-height: 30px;
    background-color: White;
    margin-top: 2px;
    margin-left: -1px
    }
.AutoExtenderList {
    padding-left: 10px;
    cursor: pointer
    }
.AutoExtenderHighlight {
    padding-left: 10px;
    color: White;
    background-color: #65ACD3;
    cursor: pointer
    }
#autocompletewidth {
    width: 350px !important
    }
#autocompletewidth div {
    width: 340px !important
    }
.SendToTextArea {
    border: solid 1px #bdbdbd;
    width: 480px;
    color: #333;
    padding-top: 0;
    font-size: 12px;
    line-height: 25px;
    min-height: 30px;
    vertical-align: top;
    display: inline;
    overflow-x: hidden;
    float: left
    }
.SendToSelectedArea {
    float: left;
    display: inline;
    vertical-align: bottom
    }
.SendToEntryArea {
    width: 475px;
    float: left;
    display: inline;
    vertical-align: bottom
    }
.SendToTextBox {
    border: 0;
    width: 358px;
    padding-left: 8px;
    padding-top: 7px;
    font-size: 12px;
    color: black;
    height: 30px;
    outline: 0 none
    }
.SendToRemark {
    background-image: url(../Images/Design/Box/arrow_up.png);
    background-position: 10px 6px;
    background-repeat: no-repeat;
    height: 23px;
    border-left: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    background-color: #eee;
    padding-top: 6px;
    padding-left: 30px;
    color: #666;
    font-size: 11px
    }
.SendToError {
    background-image: url(../Images/Design/Icon/alert.png);
    background-position: 8px 4px;
    background-repeat: no-repeat;
    height: 23px;
    border-left: solid 1px RED;
    border-right: solid 1px RED;
    border-bottom: solid 1px RED;
    background-color: #eee;
    padding-top: 6px;
    padding-left: 40px;
    color: RED;
    font-size: 11px
    }
.sendtotag {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 11px;
    background-color: #dfeffc;
    border: solid 1px #ccc;
    display: inline;
    float: left;
    height: 25px;
    width: 146px
    }
.sendtotagName {
    width: 123px;
    display: inline;
    float: left;
    height: 25px;
    color: Black;
    text-align: left
    }
.sendtotagDelete {
    width: 20px;
    display: inline;
    float: left;
    height: 25px;
    text-align: right;
    padding-top: 10px
    }
.sendtotagDelete img {
    cursor: pointer
    }
.sendtotagGroup {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 11px;
    background-color: #E6FFE6;
    border: solid 1px #ccc;
    display: inline;
    float: left;
    height: 25px;
    width: 460px
    }
.sendtotagGroupName {
    width: 437px;
    display: inline;
    float: left;
    height: 25px;
    color: Black
    }
.sendtotagGroupDelete {
    width: 20px;
    display: inline;
    float: left;
    height: 25px;
    text-align: right;
    padding-top: 10px
    }
.sendtotagGroupDelete img {
    cursor: pointer
    }
.FriendsBox {
    padding-top: 10px;
    width: 100%
    }
.FriendsBox td {
    height: 30px;
    line-height: 20px;
    font-size: 11px
    }
.FriendsBox a:hover {
    color: #c30
    }
.BlogsBox {
    width: 100%
    }
.BlogsBox td {
    height: 25px;
    line-height: 20px;
    font-size: 11px
    }
.BlogsBox a:hover {
    color: #c30
    }
.MemberPublicHome {
    text-align: center;
    color: #3E84C2;
    font-weight: bold;
    font-size: 12px;
    height: 35px;
    vertical-align: middle
    }
.MemberPublicDescription {
    text-align: left;
    color: #333;
    font-size: 11px;
    line-height: 20px;
    vertical-align: top;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
    }
.blogBody {
    color: #333;
    line-height: 18px
    }
.MemberProfileTable {
    width: 100%;
    border-style: solid;
    border-color: #c5dbec;
    border-width: 1px;
    margin-bottom: 15px
    }
.MemberProfileTitle {
    background-color: #dfeffc;
    font-size: 12px;
    color: #333;
    height: 30px;
    padding-left: 15px;
    font-weight: bold;
    border-bottom: solid 1px #c5dbec
    }
.BlogTitle {
    text-align: left;
    color: #3571A6;
    font-weight: normal;
    font-size: 16px;
    height: 28px;
    vertical-align: top;
    padding-left: 15px
    }
.PostingTitle {
    text-align: left;
    height: 40px;
    vertical-align: top;
    padding-left: 15px;
    background-color: #dfeffc;
    background-image: url(/Images/Design/Box/howtobottom.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    color: Black;
    font-size: 20px;
    font-family: Cambria
    }
.EventFieldTitle {
    background-color: #dfeffc;
    font-size: 12px;
    color: #333;
    height: 30px;
    padding-left: 15px;
    font-weight: bold;
    border-bottom: solid 1px #c5dbec;
    border-top: solid 1px #c5dbec
    }
.VoteOptionGridText {
    margin-left: 5px
    }
.CalendarIcon {
    vertical-align: bottom
    }
.ProfileFieldTitle {
    background-color: #dfeffc;
    font-size: 12px;
    color: #333;
    height: 30px;
    padding-left: 15px;
    font-weight: bold;
    border-bottom: solid 1px #c5dbec;
    border-top: solid 1px #c5dbec
    }
.MemberCountersTabel td {
    border: solid 1px white
    }
.PeopleCountersTabel td {
    border: solid 1px white
    }
.PeopleCountersTabel {
    border-bottom: solid 1px #bdbdbd;
    border-left: solid 1px #bdbdbd
    }
.PlayerInfoBox td {
    font-size: 11px;
    height: 25px;
    text-align: left
    }
.PlayerInfoBox td b {
    color: #666
    }
.PlayerInfoCategory {
    background-color: #eee;
    color: #666;
    font-weight: bold;
    text-align: center
    }
.CssMainBoxInCenterMember {
    width: 780px;
    height: 680px;
    vertical-align: top;
    text-align: center;
    background-color: White;
    padding-left: 2px;
    padding-right: 8px;
    background-image: url(/Images/Design/Box/rtshad.gif);
    background-repeat: repeat-y;
    background-position: 768px
    }
.StatusPostingLayer {
    display: none;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    width: 547px;
    height: 30px;
    text-align: left;
    padding-left: 10px;
    background-color: none;
    margin-top: -30px;
    background-image: url(/Images/Design/Box/mask.png);
    background-repeat: repeat;
    padding-top: 3px
    }
.StatusPostingLayer img {
    height: 24px;
    display: inline;
    float: left;
    padding-left: 240px;
    padding-right: 10px
    }
.CommentPostingLayer {
    display: none;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    width: 716px;
    height: 146px;
    text-align: left;
    padding-left: 10px;
    background-color: none;
    margin-top: -225px;
    background-image: url(/Images/Design/Box/mask.png);
    background-repeat: repeat;
    padding-top: 80px
    }
.CommentPostingLayer img {
    display: inline;
    float: left;
    padding-left: 300px;
    padding-right: 10px
    }
.PlayerCommentPostingLayer {
    display: none;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    width: 549px;
    height: 40px;
    text-align: left;
    padding-left: 10px;
    background-color: none;
    margin-top: -60px;
    background-image: url(/Images/Design/Box/mask.png);
    background-repeat: repeat;
    padding-top: 20px
    }
.PlayerCommentPostingLayer img {
    height: 26px;
    display: inline;
    float: left;
    padding-left: 240px;
    padding-right: 10px
    }
.PopupCommentPostingLayer {
    display: none;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    width: 495px;
    height: 112px;
    text-align: left;
    padding-left: 10px;
    background-color: none;
    margin-top: -210px;
    background-image: url(/Images/Design/Box/mask.png);
    background-repeat: repeat;
    padding-top: 100px
    }
.PopupCommentPostingLayer img {
    height: 26px;
    display: inline;
    float: left;
    padding-left: 240px;
    padding-right: 10px
    }
.MessageSendingLayer {
    display: none;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    width: 565px;
    height: 30px;
    text-align: left;
    padding-left: 10px;
    background-color: none;
    margin-top: -30px;
    background-image: url(/Images/Design/Box/mask.png);
    background-repeat: repeat;
    padding-top: 3px
    }
.MessageSendingLayer img {
    height: 24px;
    display: inline;
    float: left;
    padding-left: 240px;
    padding-right: 10px
    }
#SendingMsgDIV {
    display: none;
    color: #000;
    font-size: 13px;
    font-weight: bold
    }
#SendingMsgDIV img {
    height: 26px;
    display: inline;
    float: left;
    padding-left: 250px;
    padding-right: 10px
    }