/* PUBLIC USER DETAIL */

.publicUserProfile {
    display: inline-block;
    width: 57.813em; /* 925px/16 = 57.813em */
    height: 66.188em; /* 1059px/16 = 66.188em */
    background-color: #eeede9;
    border-style: solid;
    border-width: 0.063em; /* 1px/16 = 0.063em */
    border-color: #c6c6c6;
    border-radius: 1.5em; /* 24px/16 = 1.5em */
    -moz-border-radius: 1.5em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.25em #888888; /* 4px/16 = 0.25em */
    vertical-align: bottom;
    margin-bottom: 1.25em; /* 20px/16 = 1.25em */
}

#content.logged .publicUserProfile {
    /* margin-top: 1.875em; */
    margin-bottom: 8.25em;
}

.publicUserProfile .profileHeader {
    position: relative;
    height: 6.25em; /* 100px/16 = 6.25em */
}

.publicUserProfile .profileTitle {
    display: block;
    width: 15.8em; /* 237px/15 = 15.8em */
    height: 3.8em; /* 57px/15 = 3.8em */
    position: absolute;
    top: 1.333em; /* 20px/15 = 1.333em */
    left: -1.467em; /* -22px/15 = -1.467em */
    background-image: url('../img/web/common/gameHeadTitle.png');
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.938em;
    font-weight: normal;
    color: #ffffff;
    padding-top: 0.45em;
}

.publicUserProfile #editProfile {
    float: right;
    margin-top: 2.429em; /* 34px/14 = 2.429em */
    margin-right: 5em ; /* 70px/14 = 5em */
}

.publicUserProfile .profileData {
    width: 57.813em; /* 925px/16 = 57.813em */
    min-height: 30.375em; /* 486px/16 = 30.375em */
    /* background: #eeede9; */ /* Non-CSS3 browsers */
    /* background-image: -moz-linear-gradient(top, #eeede9 97%, #c0b9a7); */ /* OLD Firefox (3.6 to 15) */
    /* background-image: -ms-linear-gradient(top, #eeede9 97%, #c0b9a7); */ /* For pre-releases of IE 10 */
    /* background-image: -webkit-linear-gradient(top, #eeede9 97%, #c0b9a7); */ /* Webkit browsers (Chrome and Safari) */
    /* background-image: -o-linear-gradient(top, #eeede9 97%, #c0b9a7); */ /* OLD Opera (11.1 to 12.0) */
    /* background-image: linear-gradient(to bottom, #eeede9 97%, #c0b9a7); */
}

.publicUserProfile .profileLeftColumn {
    display: inline-block;
    position: relative;
    float: left;
    width: 12.5em; /* 200px/16 = 12.5em */
    margin-left: 3.125em; /* 50px/16 = 3.125em */
}

.publicUserProfile .profileLeftColumn a {
    margin-bottom: 0.857em; /* 12px/14 = 0.857em */
}

.publicUserProfile .profileImageContainer {
    display: inline-block;
    position: relative;
    width: 12.063em; /* 193px/16 = 12.063em */
    height: 10.875em; /* 174px/16 = 10.875em */
    margin-bottom: 0.5em; /* 8px/16 = 0.5em */
}

.publicUserProfile .profileImage {
    display: inline-block; 
    position: absolute;
    top: 0.938em; /* 15px/16 = 0.938em */
    left: 0.875em; /* 14px/16 = 0.875em */
}

.publicUserProfile .profileImage img {
    width: 10.313em; /* 165px/16 = 10.313em */
    height: 9em; /* 144px/16 = 9em */
}

.publicUserProfile .profileImageFrame {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 12.063em; /* 193px/16 = 12.063em */
    height: 10.875em; /* 174px/16 = 10.875em */
    background-repeat: no-repeat;
}

.publicUserProfile .profileImageFrame.male {
    background-image: url('../img/web/common/profileMaleFrame.png');
}

.publicUserProfile .profileImageFrame.female {
    background-image: url('../img/web/common/profileFemaleFrame.png');
}

.profileMiniWhitePanel {
    display: inline-block;
    position: relative;
    width: 13.5em; /* 189px/14 = 13.5em */
    height: 1.786em; /* 25px/14 = 1.786em */
    background-color: #ffffff;
    border-radius: 0.429em; /* 6px/14 = 0.429em */
    -moz-border-radius: 0.429em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0.071em 0.071em #888888; /* 1px/14 = 0.071em */
    margin-bottom: 0.786em; /* 11px/14 = 0.786em */
    text-align: left;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.875em; /* 14px/16 = 0.875em */;
    color: #898274;
    text-indent: 0.857em; /* 12px/14 = 0.857em */
    padding-top: 0.286em; /* 4px/14 = 0.286em */;
}

.miniMenuSpacer {
    width: 0.063em; /* 1px/16 = 0.063em */
    height: 0.938em; /* 15px/16 = 0.938em */
}

.profileMiniMenu {
    display: inline-block;
    position: relative;
    width: 11.813em; /* 189px/16 = 11.813em */
}

.profileMiniMenu .profileMiniWhitePanel {
    margin-bottom: 0;
}

.profileMiniMenuItems {
    display: inline-block;
    position: relative;
    width: 9.867em; /* 148px/15 = 9.867em */
    height: 8.667em; /* 130px/15 = 8.667em */
    background-image: url('../img/web/common/profileMiniMenuBg.png');
    background-repeat: no-repeat;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.938em; /* 15px/16 = 0.938em */
    color: #914b00;
    text-align: left;
}

.profileFriendItem {
    display: block;
    position: absolute;
    top: 0.267em; /* 4px/15 = 0.267em */
    left: 0.933em; /* 14px/15 = 0.933em */
    height: 1.8em; /* 27px/15 = 1.8em */
    background-image: url('../img/web/common/friendIcon.png');
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 2.4em; /* 36px/15 = 2.4em */
    padding-top: 0.6em; /* 9px/15 = 0.6em */
    outline: none;
    cursor: pointer;
}

.profileFriendItem.disable {
    background-image: url('../img/web/common/friendIconDisable.png');
    color: #747474;
    cursor: default;
}

.profileFacebookItem {
    display: block;
    position: absolute;
    top: 2.667em; /* 40px/15 = 2.667em */
    left: 0.933em; /* 14px/15 = 0.933em */
    height: 1.8em; /* 27px/15 = 1.8em */
    background-image: url('../img/web/common/facebookIcon.png');
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 2.4em; /* 36px/15 = 2.4em */
    padding-top: 0.6em; /* 9px/15 = 0.6em */
    outline: none;
    cursor: pointer;
}

.profileFacebookItem.disable {
    background-image: url('../img/web/common/facebookIconDisable.png');
    color: #747474;
    cursor: default;
}

.profileReportItem {
    display: block;
    position: absolute;
    top: 5em; /* 75px/15 = 5em */
    left: 0.933em; /* 14px/15 = 0.933em */
    height: 1.8em; /* 27px/15 = 1.8em */
    background-image: url('../img/web/common/reportIcon.png');
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 2.4em; /* 36px/15 = 2.4em */
    padding-top: 0.6em; /* 9px/15 = 0.6em */
    outline: none;
    cursor: pointer;
}

.profileReportItem.disable {
    background-image: url('../img/web/common/reportIconDisable.png');
    color: #747474;
    cursor: default;
}

.profileMiniMenuItems a, .profileMiniMenuItems a:visited, .profileMiniMenuItems a:hover, .profileMiniMenuItems a:visited:hover, .profileMiniMenuItems a:active {
    color: #914b00;
    text-decoration: none;
}

.publicUserProfile .profileRightColumn {
    display: inline-block;
    position: relative;
    float: right;
    width: 34.063em; /* 545px/16 = 34.063em */
    margin-right: 3.438em; /* 55px/16 = 3.438em */
}

.profileBigGreyPanel {
    display: inline-block;
    position: relative;
    width: 34.063em; /* 545px/16 = 34.063em */
    height: 2.875em; /* 46px/16 = 2.875em */
    background-image: url('../img/web/common/profileBigGreyPanel.png');
    background-repeat: no-repeat;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 1em; /* 16px/16 = 1em */
    color: #4a4a4a;
    text-transform: uppercase;
    text-align: left;
    padding-left: 1.25em; /* 20px/16 = 1.25em */
    padding-top: 0.688em; /* 11px/16 = 0.688em */
}

.profileBigGreyPanel .profileLabel {
    color: #ffffff;
}

.profileBigGreyPanel .profileValue {
    position: absolute;
    left: 12.5em; /* 200px/16 = 12.5em */
}

.profileGames {
    display: inline-block;
    position: relative;
    width: 57.813em; /* 925px/16 = 57.813em */
    height: 29.563em; /* 473px/16 = 29.563em */
    background: #eeede9; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #eeede9, #c0b9a7 2%, #ffffff 3%, #eeede9 6%); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #eeede9, #c0b9a7 2%, #ffffff 3%, #eeede9 6%); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #eeede9, #c0b9a7 2%, #ffffff 3%, #eeede9 6%); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #eeede9, #c0b9a7 2%, #ffffff 3%, #eeede9 6%); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #eeede9, #c0b9a7 2%, #ffffff 3%, #eeede9 6%);
    border-bottom-left-radius: 1.5em; /* 24px/16 = 1.5em */
    -moz-border-bottom-left-radius: 1.5em; /* Old Firefox (3.6 to 15) */
    border-bottom-right-radius: 1.5em; /* 24px/16 = 1.5em */
    -moz-border-bottom-right-radius: 1.5em; /* Old Firefox (3.6 to 15) */
    text-align: left;
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* iPad portrait */
    
    .publicUserProfile {
        width: 54.813em; /* 877px/16 = 54.813em */
        height: 100%;
    }
    
    .publicUserProfile .profileData {
        width: 54.813em; /* 877px/16 = 54.813em */
        min-height: 43.75em; /* 700px/16 = 43.75em */
    }
    
    .profileGames {
        width: 54.813em; /* 877px/16 = 54.813em */
        height: 100%;
    }
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* iPad landscape */
    
    .publicUserProfile {
        width: 54.813em; /* 877px/16 = 54.813em */
        height: 100%;
    }
    
    .publicUserProfile .profileData {
        width: 54.813em; /* 877px/16 = 54.813em */
        min-height: 43.75em; /* 700px/16 = 43.75em */
    }
    
    .profileGames {
        width: 54.813em; /* 877px/16 = 54.813em */
        height: 100%;
    }
}

@media all and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2) {
    /* iPad 3 */
    
    .publicUserProfile {
        width: 54.813em; /* 877px/16 = 54.813em */
        height: 100%;
    }
    
    .publicUserProfile .profileData {
        width: 54.813em; /* 877px/16 = 54.813em */
        min-height: 43.75em; /* 700px/16 = 43.75em */
    }
    
    .profileGames {
        width: 54.813em; /* 877px/16 = 54.813em */
        height: 100%;
    }
}