﻿/*
@font-face 
{
      font-family: "Ubuntu";
      src: url("../Img/Font/Ubuntu-R.ttf");
}

@font-face 
{
      font-weight: bold;
      font-family: "Ubuntu";
      src: url("../Img/Font/Ubuntu-B.ttf");
}
*/

@font-face 
{
      font-family: "LG-Digital";
      src: url("../Img/Font/LG-Digital.ttf");
}

*, span
{
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

input
{
	user-select: text;
	-o-user-select: text;
	-ms-user-select: text;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
    
    font-family: Calibri, Verdana, Tahoma;
    font-size: 10pt;
}

html, body, form
{
    width: 100%;
    height: 100%;
    font-size: 10pt;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	
    font-family: Calibri, Verdana, Tahoma;
}

#SampleDiv
{
    display: none;
}

#MainDiv
{
    position: absolute;
    border-radius: 8px;
    overflow: hidden;
    left: 1px;
    top: 1px;
}

#ErrorMessage
{
    width: 75%;
    height: 40px;
    margin: 35px auto;
    border-radius: 8px;
    text-align: center;
}

#ErrorMessage span
{
    font-weight: bold;
    padding-top: 10px;
    display: block;
}

#WidgetMessage
{
    width: 280px;
    height: 100px;
    display: block;
    border-radius: 8px;
    position: absolute;
}

#WidgetMessage span
{
    top: 10px;
    left: 10px;
    width: 200px;    
    display: block;
    position: absolute;
    text-align: justify;
}

#WidgetMessage img
{
    top: 28px;
    right: 10px;
    position: absolute;
}

.PageHeader
{
    top: 0px;
    width: 100%;
    display: block;
    position: absolute;
    text-align: center;
    
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.layout-wide .PageHeader
{
    height: 32px;
}

.layout-mobile .PageHeader
{
    height: 48px;
}

.PageHeader span
{
    display: block;
    font-size: 11pt;
    margin: 0 8px 0 8px;
}

.layout-wide .PageHeader span
{
    padding-top: 6px;
}

.ProfileStepCounter
{
    left: 8px;
    font-weight: bold;
    position: absolute;
}

.layout-wide .ProfileStepCounter
{
    top: 6px;
}

.layout-mobile .ProfileStepCounter
{
    top: 16px;
}

#RatingDiv table
{
    left: 0px;
    width: 100%;
    height: 70px;
    font-size: 9pt;
    position: absolute;
    text-align: center;
}

.layout-wide #RatingDiv table
{
    top: 36px;
}

.layout-mobile .PanelButtonTable
{
    top: 60px;
}

.layout-mobile .StateButtonTable
{
    top: 50px;
}

#RatingDiv table td
{
    width: 20%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.QuestionDiv
{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    visibility: hidden;
}

.QuestionDiv table
{
    width: 100%;
    height: 90px;
    font-size: 9pt;
    position: absolute;
    text-align: center;
    vertical-align: top;
}

.layout-wide .QuestionDiv table
{
    top: 40px;
}

.layout-mobile .QuestionDiv table
{
    top: 56px;
}

.QuestionDiv table td
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.RegularScore
{
    opacity: 1;
    font-weight: normal;
}

.SelectedScore
{
    cursor: pointer;
    text-decoration: underline;
}

.ScoreBox
{
    width: 40px;
    height: 40px;
    margin-top: 10px;
    border-radius: 8px;
    display: inline-table;
}

.ScoreValue
{
    font-weight: bold;
    font-size: 24pt;
    display: block;
    height: 100%;
    width: 100%;
}

.ScoreName,
.ScoreImageText
{
    display: block;
    height: 32px;
    width: 100%;
}

.layout-wide .ScoreName
{
    margin-top: 8px;
}

.layout-mobile .ScoreName
{
    margin-top: 12px;
}

.layout-wide #AnswerGraphDiv,
.layout-wide #VoteGraphDiv
{
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
    right: 50px;
    left: 50px;
}

.layout-mobile #VoteGraphDiv
{
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    height: 120px;
    right: 12px;
    left: 12px;
    top: -4px;
}

.layout-mobile #AnswerGraphDiv
{
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    height: 120px;
    right: 0px;
    left: 12px;
    top: 0px;
}

.layout-mobile #AnswerGraphDiv table
{
    top: 6px;
    position: absolute;
}

#LeftButtonPanelDiv,
#RightButtonPanelDiv
{
    top: 0px;
    width: 50px;
    height: 100%;
    visibility: hidden;
    position: absolute;
}

#LeftButtonPanelDiv
{
    left: 0;
}

#RightButtonPanelDiv
{
    right: 0;
}

#BottomButtonPanelDiv
{
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 40px;
    position: absolute;
}

#LeftButtonPanelDiv img,
#RightButtonPanelDiv img,
#BottomButtonPanelDiv img
{
    position: absolute;
}

#LeftButtonPanelDiv img
{
    left: 8px;
}

#RightButtonPanelDiv img
{
    right: 8px;
}

#BottomButtonPanelDiv .StateButton
{
    bottom: 4px;
}

#BottomButtonPanelDiv .PanelButton
{
    bottom: 8px;
}


#LeftButtonPanelDiv #InfoButton
{
    top: 8px;
}

#BottomButtonPanelDiv #InfoButton
{
    left: 8px;
}

#LeftButtonPanelDiv #PercentButton.StateButton
{
    visibility: hidden;
    top: 60px;
}

#LeftButtonPanelDiv #PercentButton.PanelButton
{
    visibility: hidden;
    top: 48px;
}

#BottomButtonPanelDiv #PercentButton
{
    visibility: hidden;
    left: 128px;
}

#LeftButtonPanelDiv #NumberButton.StateButton
{
    top: 60px;
}

#LeftButtonPanelDiv #NumberButton.PanelButton
{
    top: 48px;
}

#BottomButtonPanelDiv #NumberButton
{
    left: 128px;
}

#LeftButtonPanelDiv #VotesButton
{
    bottom: 8px;
    visibility: hidden;
}

#BottomButtonPanelDiv #VotesButton
{
    left: 68px;
    visibility: hidden;
}

#LeftButtonPanelDiv #AnswersButton
{
    bottom: 8px;
}

#BottomButtonPanelDiv #AnswersButton
{
    left: 68px;
}

#RightButtonPanelDiv #ProfileButton
{
    top: 8px;
}

#BottomButtonPanelDiv #ProfileButton
{
    left: 188px;
}

#RightButtonPanelDiv #ShareButton
{
    bottom: 8px;
}

#BottomButtonPanelDiv #ShareButton
{
    right: 8px;
}

#RightButtonPanelDiv #ScrollUpButton
{
    top: 8px;
    visibility: hidden;
}

#RightButtonPanelDiv #ScrollDownButton
{
    bottom: 8px;
    visibility: hidden;
}

#AnswerGraphDiv #ScrollUpButton
{
    top: 30px;
    right: 8px;
    position: absolute;
    visibility: hidden;
}

#AnswerGraphDiv #ScrollDownButton
{
    top: 64px;
    right: 8px;
    position: absolute;
    visibility: hidden;
}

#VoteGraphTable
{
    margin-left: 0px;
    margin-top: 12px;
    font-size: 11pt;
    height: 100px;
    width: 100%;
}

.ScoreTitleColumn,
.LinkScoreTitleColumn
{
    vertical-align: top;
    padding-top: 0px;
}


.ScoreTitleColumn span,
.LinkScoreTitleColumn span
{
    width: 100px;
    line-height: 16px;
}

.LinkScoreTitleColumn span,
.LinkAnswerTitleColumn span
{
    cursor: pointer;
}

.QuestionTitleColumn span
{
    font-size: 11pt;
    font-weight: bold;
}

.layout-wide .QuestionTitleColumn span
{
    height: 20px;
    max-height: 20px;
    padding-top: 2px;
    display: inline-block;
}

.layout-mobile .QuestionTitleColumn
{
    height: 40px;
    vertical-align: bottom;
}

.layout-mobile .QuestionTitleColumn span
{
    padding-bottom: 8px;
    display: inline-block;
}

.AnswerTitleColumn,
.LinkAnswerTitleColumn
{
    font-size: 11pt;
    padding-right: 10px;
    vertical-align: top;
}


.GraphBar
{
    margin-left: 10px;
}

.layout-wide #IdentityType
{
    margin: 40px auto 0 auto;
}

.layout-mobile #IdentityType
{
    margin: 60px auto 0 auto;
}

#IdentityType tr td
{
    width: 125px;
    height: 60px;
    vertical-align: middle;
}

#IdentityType tr td :hover
{
    cursor: pointer;
}

#IdentityType tr td div
{
    border-radius: 8px;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
}

#IdentityType tr td div img
{
    position: absolute;
    left: 2px;
    top: 15px;
}

.AuthTypeText
{
    position: absolute;
    max-width: 100px;
    min-width: 80px;
    font-size: 9pt;
    left: 40px;
}

#SecurityImageDiv
{
    position: relative;
    height: 100%;
    width: 100%;
}

#SecurityImageDiv div
{
    margin: 0 auto 0 auto;
    position: relative;
    border-radius: 8px;
    height: 100px;
    width: 305px;
}

.layout-wide #SecurityImageDiv div
{
    margin-top: 10px;
}

.layout-mobile #SecurityImageDiv div
{
    margin-top: 28px;
}

#SecurityImageDiv img
{
    position: absolute;
}

#RefreshSecurityImageButton.PanelButton
{
    left: 8px;
    top: 7px;
}

#RefreshSecurityImageButton.StateButton
{
    left: 6px;
    top: 5px;
}

#SecurityTextPrompt
{
    position: absolute;
    left: 45px;
    top: 10px;
}

#SecurityText
{
    position: absolute;
    width: 58px;
    left: 196px;
    top: 7px;
}

#SecurityImage
{
    left: 8px;
    top: 40px;
}

#SecurityImageDiv #OkButton.PanelButton
{
    left: 268px;
    top: 8px;
}

#SecurityImageDiv #OkButton.StateButton
{
    left: 264px;
    top: 5px;
}

#SecurityImageDiv #CancelButton.PanelButton
{
    left: 268px;
    top: 68px;
}

#SecurityImageDiv #CancelButton.StateButton
{
    left: 264px;
    top: 64px;
}

.InvalidText
{
	border: solid 1px #ff0000;
}

.PanelButton
{
    cursor: pointer;

    transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.PanelButton:active,
.PanelButton:hover,
.PanelButton:focus
{
    transform: scale(1.25);
    -o-transform: scale(1.25);
    -ms-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
    
    transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	
    transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

#EnterPassCodeDiv,
#SendPassCodeDiv
{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}

#SendPassCodeDiv
{
    visibility: hidden;
}

#InfoDiv
{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    font-family: Calibri, Verdana, Tahoma;
}

.layout-wide #InnerInfoDiv
{
    height: 100%;
    width: 270px;
    display: block;
    position: relative;
    margin: 0 auto 0 auto;
}

.layout-mobile #InnerInfoDiv
{
    top: 16px;
    left: 8px;
    display: block;
    position: relative;
}

#InfoDiv a img
{
    border: none;
}

#CopyrightDiv
{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    font-family: Calibri, Verdana, Tahoma;
}

.layout-wide #CloseInfoButton
{
    position: absolute;
    right: 8px;
    top: 8px;
}

.layout-mobile #CloseInfoButton.StateButton
{
    position: absolute;
    right: 4px;
    top: 4px;
}

.layout-mobile #CloseInfoButton.PanelButton
{
    position: absolute;
    right: 8px;
    top: 8px;
}

#CloseCopyrightButton
{
    position: absolute;
    height: 20px;
    right: 6px;
    top: 6px;
}

#CopyrightTitle
{
    position: absolute;
    font-weight: bold;
    font-size: 12pt;
    left: 8px;
    top: 6px;
}

.layout-wide #CopyrightButton
{
    top: 8px;
    left: 8px;
    position: absolute;
}

.layout-mobile #CopyrightButton.StateButton
{
    top: 4px;
    left: 4px;
    position: absolute;
}

.layout-mobile #CopyrightButton.PanelButton
{
    top: 8px;
    left: 8px;
    position: absolute;
}

#CompanyLogo
{
    border-radius: 4px;
    position: absolute;
    height: 100px;
    left: 0px;
    top: 12px;
}

#CompanyTitle
{
    position: absolute;
    font-weight: bold;
    font-size: 30pt;
    left: 90px;
    top: 0px;
}

#FacebookLikeButton
{
    top: 47px;
    left: 105px;
    width: 90px;
    display: block;
    overflow: hidden;
    position: absolute;
}

#TwitterFollowButton
{
    top: 47px;
    left: 195px;
    display: block;
    position: absolute;
}

.layout-wide #LinkButtonTable
{
    position: absolute;
    left: 82px;
    top: 76px;
}

.layout-mobile #LinkButtonTable
{
    position: absolute;
    left: 70px;
    top: 76px;
}

.layout-wide #LinkButtonTable .PanelButton
{
    width: 36px;
    margin-right: 8px;
}

.layout-wide #LinkButtonTable .StateButton
{
    width: 40px;
    margin-right: 8px;
}

.layout-mobile #LinkButtonTable .PanelButton
{
    width: 40px;
    margin-top: 4px;
    margin-right: 16px;
}

.layout-mobile #LinkButtonTable .StateButton
{
    width: 40px;
    margin-right: 8px;
}

#CopyrightDiv ul
{
    top: 32px;
    left: 8px;
    margin: 0;
    padding: 0;
    font-size: 9pt;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    list-style-type: none; 
    border: 1px inset #ffffff;
}

.layout-wide #CopyrightDiv ul
{
    height: 80px;
}

.layout-mobile #CopyrightDiv ul
{
    height: 106px;
}

#CopyrightDiv ul li
{
    margin: 8px 4px 0 4px;
}

#CopyrightSymbol
{
    font-size: 12pt;
}

#CopyrightText
{
    position: relative;
    top: -2px;
    left: 4px;
}

.ContentDiv
{
    display: block;
    height: 100%;
    width: 100%;
}

#DelayResultsText
{
    width: 80%;
    display: block;
    font-size: 10pt;
    text-align: center;
    visibility: hidden;
    margin: 5px auto 0 auto;
}

#TimeCounterDiv table
{
    margin: 0px auto 0 auto;
    text-align: center;
}

.layout-mobile #TimeCounterDiv 
{
    margin-top: 20px;
}


#CounterValuesRow td
{
    font-family: "LG-Digital";
    font-size: 44pt;
    height: 50px;
}

#CounterNamesRow td
{
    font-family: Calibri, Verdana, Tahoma;
    font-size: 9pt;
}

.TimeCounterPart
{
    width: 70px;
}

.TimeCounterSeparator
{
    width: 20px;
}

#UserNameDiv,
#UserGenderDiv,
#UserLocationDiv,
#UserBirthdayDiv,
#UserPersonalInfoDiv,
#UserLanguagesDiv,
#UserProfileDiv
{
    position: absolute;
    visibility: hidden;
    display: block;
    height: 100%;
    width: 100%;
}

.InnerDataDiv
{
    width: 300px;
    height: 100%;
    position: relative;
}

.layout-wide .InnerDataDiv
{
    margin: 30px auto 0px auto;
}

.layout-mobile .InnerDataDiv
{
    margin: 50px auto 0px auto;
}

#PersonalInfoCancelButton,
#UserGenderCancelButton,
#BirthdayCancelButton,
#LocationCancelButton,
#LanguageCancelButton,
#UserNameCancelButton,
#PassCodeCancelButton,
#EmailCancelButton
{
    position: absolute;
    right: 8px;
}

.layout-wide #PersonalInfoCancelButton,
.layout-wide #UserGenderCancelButton,
.layout-wide #BirthdayCancelButton,
.layout-wide #LocationCancelButton,
.layout-wide #LanguageCancelButton,
.layout-wide #UserNameCancelButton,
.layout-wide #PassCodeCancelButton,
.layout-wide #EmailCancelButton
{
    top: 4px;
}

.layout-mobile #PersonalInfoCancelButton,
.layout-mobile #UserGenderCancelButton,
.layout-mobile #BirthdayCancelButton,
.layout-mobile #LocationCancelButton,
.layout-mobile #LanguageCancelButton,
.layout-mobile #UserNameCancelButton,
.layout-mobile #PassCodeCancelButton,
.layout-mobile #EmailCancelButton
{
    top: 14px;
}

#PersonalInfoConfirmButton,
#BirthdayConfirmButton,
#LocationConfirmButton,
#UserNameConfirmButton,
#PassCodeConfirmButton,
#EmailConfirmButton
{
    position: absolute;
    left: 264px;
    top: 30px;
}

#UserNameText,
#PassCodeText,
#EmailText
{
    top: 32px;
    left: 12px;
    width: 240px;
    position: absolute;
}

#ManButton
{
    position: absolute;
    left: 70px;
    top: 15px;
}

#ManText
{
    top: 68px;
    left: 20px;
    width: 150px;
    display: block;
    text-align: center;
    position: absolute;
}

#WomanButton
{
    position: absolute;
    right: 70px;
    top: 15px;
}

#WomanText
{
    top: 68px;
    right: 20px;
    width: 150px;
    display: block;
    text-align: center;
    position: absolute;
}

.CurrentGenderText
{
    font-weight: bold;
}

#DayList
{
    top: 34px;
    left: 8px;
    width: 50px;
    position: absolute;
}

#MonthList
{
    top: 34px;
    left: 66px;
    width: 110px;
    position: absolute;
}

#YearList
{
    top: 34px;
    left: 184px;
    width: 70px;
    position: absolute;
}

#CountryTitle
{
    top: 18px;
    left: 0px;
    width: 70px;
    display: block;
    text-align: right;
    position: absolute;
}

#CountryList
{
    top: 15px;
    left: 75px;
    width: 180px;
    display: block;
    position: absolute;
}

#CityTitle
{
    top: 53px;
    left: 0px;
    width: 70px;
    display: block;
    text-align: right;
    position: absolute;
}

#CityText
{
    top: 50px;
    left: 75px;
    width: 177px;
    display: block;
    position: absolute;
    border: 1px solid #a0a0a0;
}

#GravatarFrame,
#GravatarImage
{
    border-radius: 4px;
    position: absolute;
    cursor: pointer;
}

.layout-wide #GravatarFrame,
.layout-wide #GravatarImage
{
    height: 105px;
    width: 105px;
    left: 8px;
    top: 8px;
}

.layout-mobile #GravatarFrame,
.layout-mobile #GravatarImage
{
    height: 70px;
    width: 70px;
    left: 8px;
    top: 40px;
}

#GravatarFrame div
{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
}

#GravatarFrame img
{
    position: relative;
}

.layout-wide #GravatarFrame img
{
    left: 28px;
    top: 28px;
}

.layout-mobile #GravatarFrame img.StateImage
{
    left: 11px;
    top: 11px;
}

.layout-mobile #GravatarFrame img.NonStateImage
{
    width: 40px;
    left: 15px;
    top: 15px;
}

#ProfileNameTextDiv,
#ProfileLocationDiv
{
    border-radius: 4px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    display: block;
    height: 24px;
}

.layout-wide #ProfileNameTextDiv
{
    width: 218px;
    left: 124px;
    top: 8px;
}

.layout-mobile #ProfileNameTextDiv
{
    width: 254px;
    left: 8px;
    top: 8px;
}

.layout-wide #ProfileLocationDiv
{
    width: 218px;
    bottom: 8px;
    left: 124px;
}

.layout-mobile #ProfileLocationDiv
{
    width: 254px;
    bottom: 8px;
    left: 8px;
}

#ProfileNameTextDiv div,
#ProfileLocationDiv div
{
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
}

#ProfileNameTextDiv span,
#ProfileLocationDiv span
{
    position: relative;
    display: block;
    left: 8px;
    top: 3px;
}

#ProfileLocationFlag
{
    top: 6px;
    right: 8px;
    position: absolute;
}

#ProfileLanguageButton,
#ProfileGenderButton,
#PersonalInfoButton,
#ProfileAgeButton
{
    position: absolute;
}

.layout-wide #ProfileGenderButton
{
    left: 124px;
    width: 40px;
    top: 40px;
}

.layout-wide #ProfileAgeButton
{
    left: 174px;
    width: 40px;
    top: 40px;
}

.layout-wide #ProfileLanguageButton
{
    left: 224px;
    width: 40px;
    top: 40px;
}

.layout-wide #PersonalInfoButton
{
    left: 274px;
    width: 40px;
    top: 40px;
}

.layout-mobile #ProfileGenderButton.PanelButton
{
    width: 40px;
    left: 92px;
    top: 55px;
}

.layout-mobile #ProfileAgeButton.PanelButton
{
    width: 40px;
    left: 144px;
    top: 55px;
}

.layout-mobile #ProfileLanguageButton.PanelButton
{
    width: 40px;
    left: 196px;
    top: 55px;
}

.layout-mobile #PersonalInfoButton.PanelButton
{
    width: 40px;
    left: 248px;
    top: 55px;
}

.layout-mobile #ProfileGenderButton.StateButton
{
    left: 84px;
    top: 52px;
}

.layout-mobile #ProfileAgeButton.StateButton
{
    left: 138px;
    top: 52px;
}

.layout-mobile #ProfileLanguageButton.StateButton
{
    left: 192px;
    top: 52px;
}

.layout-mobile #PersonalInfoButton.StateButton
{
    left: 246px;
    top: 52px;
}

#CloseProfileButton
{
    position: absolute;
    right: 8px;
    top: 8px;
}

#LogoutButton
{
    position: absolute;
    bottom: 8px;
    right: 8px;
}


#FamilyStatusTitle
{
    top: 6px;
    left: 8px;
    position: absolute;
}

#EmploymentTitle
{
    top: 35px;
    left: 8px;
    position: absolute;
}

#EducationTitle
{
    top: 64px;
    left: 8px;
    position: absolute;
}

#FamilyStatusList
{
    top: 4px;
    left: 108px;
    width: 150px;
    position: absolute;
}

#EmploymentList
{
    top: 33px;
    left: 108px;
    width: 150px;
    position: absolute;
}

#EducationList
{
    top: 62px;
    left: 108px;
    width: 150px;
    position: absolute;
}

#LanguageList
{
    top: 0px;
    left: 6px;
    width: 140px;
    position: absolute;
}

#LevelList
{
    top: 0px;
    left: 150px;
    width: 106px;
    position: absolute;
}

#AddLanguageButton.PanelButton
{
    top: 4px;
    left: 270px;
    position: absolute;
}

#AddLanguageButton.StateButton
{
    top: 0px;
    left: 268px;
    position: absolute;
}

#LanguageConfirmButton.PanelButton
{
    position: absolute;
    left: 262px;
    top: 30px;
}

#LanguageConfirmButton.StateButton
{
    position: absolute;
    left: 262px;
    top: 40px;
}

#SelectedLanguageList
{
    top: 25px;
    left: 7px;
    margin: 0;
    padding: 0;
    height: 60px;
    width: 246px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    border: 1px solid #808080;
}

#SelectedLanguageList li
{
    height: 20px;
    overflow: hidden;
    position: relative;
}

#SelectedLanguageList li img
{
    padding: 2px 2px;
}

#SelectedLanguageList .SpeakerLanguageText
{
    position: absolute;
    top: 0px;
    left: 20px;
}

#SelectedLanguageList .SpeakerLevelText
{
    top: 0px;
    left: 146px;
    position: absolute;
}

#ShareMenu 
{
	margin: 0;
    padding: 0;
    z-index: 1000;
	display: none;
	font-size: 9pt;
	list-style: none;
	overflow: hidden;
	position: absolute;
}

.layout-wide #ShareMenu
{
    height: 50px;
    top: 70px;
}

.layout-mobile #ShareMenu
{
    width: 250px;
    height: 40px;
    top: 110px;
    left: 0px;
}

#ShareMenu span
{
    position: absolute;
}

#ShareMenu ul
{
    position: absolute;
    list-style: none;
    display: block;
    float: left;
    padding: 0;
    margin: 0;

}

.layout-wide #ShareMenu ul
{
    top: 18px;
    left: 80px;
}

.layout-mobile #ShareMenu ul
{
    top: 8px;
    left: 80px;
}

.layout-wide #ShareMenu span
{
    top: 18px;
    left: 8px;
}

.layout-mobile #ShareMenu span
{
    top: 10px;
    left: 12px;
}

#ShareMenu li
{
    padding: 0;
    float: left;
    width: 40px;
}

.layout-wide #ShareMenu .StateButton
{
    margin-top: -8px;
}

.layout-mobile #ShareMenu .StateButton
{
    margin-top: -4px;
}

#ScoreBar
{
    font-family: Calibri, Verdana, Tahoma;
    font-size: 9pt;
}