/************ Global ****************/


@font-face {
    /*font-family: segoeuisl;
    src: url('segoeuisl.ttf') format('truetype');*/
    font-weight: normal;
    font-style: normal;
}
/**/


html
{
    height: 100%;
    width: 100%;

}

body {
    margin: 0;
    font-family: segoeuisl, helvetica, sans-serif;

    height: 100%;
    width: 100%;
    background-color: #F5F6F7;/*OLD#C1CDD6 /*#A3AEB9 */;

}

body td
{
    font-size: 10pt;
}

#site
{
    /*min-width: 800px;*/
    margin-left: auto;
    margin-right: auto;
    /*width: 1024px;*/
}

#overlayDiv
{
    position:absolute;
    top:0;
    right:0;

    width: 100%;
    height: 100%;

    display: none;
    z-index: 10;
}

#site input[type="text"]
{
    /*background-color: #FEFBF6;*/
}


/************ Page ****************/

#page
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center; 
    top: 20%;
}

#page table
{
}

.tableRowEntry
{
    text-align: left;
}


#ModulesFramePage
{
    width:auto;
}

.ExamplesDiv
{
    margin-top: 15px;
}

.ExamplesTitle
{
    float: left;
    margin-left: 80px;

}

.ExamplesRoles
{
    float: left;
    margin-left: 20px;
}

#divPlaceholder
{
    font-size: 17px;
    font-weight: bold;
}

.ExamplesContent
{
    float: left;
    margin-left: 5px;
    text-align: left;
}

.ExamplesContent-centered
{

    margin-left: 5px;
    text-align: center;
}

.EMailHeadlineDiv
{
    text-align: left;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 17px;
    font-weight: bold;

}

/************ Framework (Login, Load/Create Workshop, etc.)****************/

.FrameworkBox
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 250px; 

    border: #C1CDD6 /*#A3AEB9 /*OLD #F3A16F */ solid 1px;
    border-radius: 5px;
    box-shadow: 10px 10px 5px #888;

    text-align: left;
    font-size: small;
}

.BoxHeader
{
    margin-top: 5px;
    width:100%;
    height:50px;
    vertical-align: middle;
}

.ActionHeader
{
    width: auto;
    float: left;
    font-weight: bold;
    font-size: 12pt;
    margin-top: 10px;
    margin-left: 10px;
}

.BoxMain
{
    margin-top: 12px;
}

.BoxMainLine
{
    display: table-row;
}

.ValidatedBoxLine
{
    /*display: table-row;
    /*width: 500px;*/
}

#FASLogoklein
{
    float:right;
}



.BoxLabel
{   
    display: table-cell;
    padding-left: 10px;
    padding-right: 5px;
    vertical-align: middle;
    margin-top: 2px;
    margin-bottom: 2px;
}

#BoxButtons
{
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}

.BoxTextBox
{
    width: 210px;

    display: table-cell;
    margin-top: 2px;
    margin-bottom: 2px;
}

#BoxFooter
{
    font-size: small;
}

/************ Login ****************/

#LoginBox
{
    height: 160px;
    width: 305px;
}

.BoxHeader #ImpactNetBox
{
    background-color: #C1CDD6 /*#A3AEB9 /*OLD #EA6B24 */;
    color:white;
    border-radius: 5px; 
    vertical-align: middle;
    float: left;
    width:150px;
    margin-left: 5px;
    text-align: center;
    border: #C1CDD6 /*#A3AEB9 /*OLD #F3A16F */ solid 1px;
}

.BoxHeader #ImpactNetText
{
    text-align: center;
    line-height: 50px;
    font-size: 12pt;
}

#LoginButton
{
    margin-top: 0px;
}

/************** ActionSelectionPage *****************/

#ActionSelectionBox
{
    height: 145px;
    width: 230px;
}

#ActionSelectionBoxAdmin
{
    height: 165px;
    width: 230px;
}

#radioActions
{
    margin-top: 10px; 
    margin-left: 10px;
    margin-bottom: 5px;
}


/************ CreateWorkshop ****************/

#CreateWorkshopBox
{
    width: 350px;
    height: 130px;
}


#chkModules
{
    margin-top: 5px;
    float:right;
    margin-right: 10px;
    width: 310px;
    border: #C1CDD6 /*#A3AEB9*/ solid 1px;

}

#txtWorkshopTopic
{
    width: 241px;
}
/************** AboutPage *****************/


#AboutBox
{
    height: 255px;
    width: 330px;
    background-color: #F5F6F7 /*OLD #F9F2D9 */;
}

#AboutMain
{
    margin-left: 10px;
}

#AboutButtonDiv
{
    text-align: center;
    margin-top: 7px
}


/************** ExportDialoguePage *****************/

#ExportBox
{
    height: 110px;
    width: 250px;
    background-color: white;
}

#ExportHeader
{
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
    font-weight: bold;
}

#ExportMain
{
    margin-left: 20px;
}

#ExportButtonDiv
{
    text-align: right;
    margin-right: 10px;
    margin-top: 7px
}

.StageButtons
{
    cursor: pointer;
    margin-top:3px;
    margin-bottom:3px;
}

.HistoryButtons
{
    cursor: pointer;
    vertical-align: top;
    margin-top:5px;
    margin-bottom:5px;
}

.SavingChangesDiv
{
    float:left;
}



#SendEmailBox
{
    width: 830px;
    height: 580px;
    /*margin-top: 380px;*/
    background-color: white;
    z-index: 20;    
}

.eMailTextArea
{
    resize:none;
    width:800px;
    height: 320px;
    font-family: helvetica;
    font-size: 10pt;  

}

/***************************** Validate Person ****************/

#ValidatePersonBox
{
    width: 460px;
    height: 225px;
    margin-top: 380px;
    background-color: white;
    z-index: 20;    
}

#AddPersonInstitutionBox
{
    width: 350px;
    height: 445px;
    margin-top: 880px;
    background-color: white;
    z-index: 20;    
}

#AddLocationBox
{
    width: 370px;
    height: 345px;
    margin-top: 880px;
    background-color: white;
    z-index: 20;    
}

#UpdateInstitutionNameBox
{
    width: 370px;
    height: 155px;
    margin-top: 880px;
    background-color: white;
    z-index: 20;   
}

#ChangeInstitutionNameTextBox
{
    width: 342px;
    margin-left: 10px;
}

#ProfileInstitutionNameLabel
{
    cursor: pointer;
}

#CurrentInstitutionList
{
    width:245px;
    height:55px;
    overflow:auto;
}

.OverviewStudiesDiv
{
    /*overflow: auto;
    width: 250px;
    height: 40px;*/
}

.InstitutionList
{

}

.InstitutionItemBold
{
    font-weight: bold;
}


.AddInstitutionTextBox
{
    width: 240px;
}

.AddLocationTextBox
{
    width: 242px;
}



.AddInstitutionTextBoxSmall
{
    width: 240px;
}

#InstitutionDropdown
{
    width: 175px;
}

#SuggestedRecords
{
    margin-top: 10px;
    text-align: right; 
    margin-right: 10px;
}

.SuggestedInstitutionsDiv
{
    margin-top: 10px;
    text-align: left; 
    margin-right: 10px;
}

.AddLocationTextDiv
{
    margin-top: 10px;
    text-align: left; 
    margin-right: 10px;
}

#ValidateBoxHeader
{
    margin-bottom: 20px;
}

#ValidateBoxButtons
{
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}

#SuggestedRecordsDropdown
{
    width: 240px;
    margin-left: 10px;
}

.ValidateBoxLabel
{   
    display: table-cell;
    padding-left: 10px;
    padding-right: 5px;

    margin-top: 2px;
    margin-bottom: 2px;
}

.AddPersonInstitutionBoxLabel
{   
    display: table-cell;
    padding-left: 10px;
    padding-right: 5px;

    margin-top: 2px;
    margin-bottom: 2px;
    width: 80px;
}

.AddLocationBoxLabel
{   
    display: table-cell;
    padding-left: 10px;


    margin-top: 2px;
    margin-bottom: 2px;
    width: 100px;
}

/************** Modify Workshop *****************/

#ModifyWorkshopBox
{
    width: 350px;
    height: 130px;
    background-color: #F5F6F7;
    margin-top: 270px;
    z-index: 20;    
}

/************** Load Workshop *****************/

#LoadWorkshopBox
{


    width: 550px;
    height: auto;
}
#LoadWorkshopTable
{
    margin-right: 10px;
    margin-left: 10px;
}

#LoadWorkshopTableInner
{
    margin-right: auto;
    margin-left: auto;
}

#LoadWorkshopTableInnerViewer
{
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}

#chkLoadAsReadOnly
{
    margin-left:10px;
}

#LoadWorkshopTable th
{
    text-align: left;

}
#LoadWorkshopTable td
{
    text-align: left;
    border: #a2adb8 0.5px solid;
    cursor: pointer;
}

#thDate
{
    width: 70px;
    text-align: left;
}


.WorkshopText{
    cursor: pointer;
    font-size: 10pt;
}

.LoadWorkshopError
{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

/************** UserManagement Page *****************/

#UserManagementBox
{

    width: 750px;
    height: auto;
}

#UserList
{
    text-align: center;
}

#UserManagementLabel
{
    text-align: left;
    font-weight: bold;
    margin-left: 15px;
    margin-bottom: 10px;

}

#UserSavingChanges
{
    height: 20px;
    text-align: left;
    margin-bottom: 15px;
    margin-left: 10px;
}

#DropdownWorkshop
{
    width: 120px;
}

#NewAssociation    
{
    margin-left: 30px;
}

.ErrorMessage
{
    display: none;
    font-weight: bold;
}

#UserBoxButtons
{
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

/************** Navigation *****************/

#LogoutButton
{
    text-decoration: none;
    text-underline: none;
}


#NavigationTop
{
    height:40px;
    background-color: #F5F6F7;/* OLD #EBE4CE */;
    width: auto;
    border-bottom: #C1CDD6 /*#A3AEB9 /*OLD #ACA796 */ solid 1px;
}

#ImpactNetHeading
{
    float: left;
    margin-left: 20px;
    margin-top: 6px;
    width: 200px;
    font-weight: bold;
    font-size: 19pt;    
    color: #5A5A5A;
}

#WorkshopTopic
{
    float: left;
    margin-top: 16px;
    margin-left: 2px;
    font-weight: bold;
    font-size: 12pt;
    color: #5A5A5A;

}

#NavigationTopRight
{
    height: 43px;
    float: right;
    right:10px;
    margin-right: 3px;
    font-size: 9pt;
}

#buttons
{
    float: left; 
    margin-top: 21px;
}

.NavigationTopRightButton
{
    font-weight: bold;
    color: #5A5A5A;
    font-size: 12px;
    cursor: pointer;
    text-decoration:none;
    text-underline: none;
}

.NavigationTopRightButton:hover
{
    text-shadow: grey 0px 0px 2px;
}

#FASLogo
{
    float: right;
    margin-right: 3px;
    margin-left: 10px;
    margin-top: 3px;
}

#HeadingsStage
{
    margin-top: 5px;
    margin-left: 170px;
    width: auto;
    height: auto;
    display: block;
    /* height:33px; */
    background-color: #C1CDD6 /*#A3AEB9 /*OLD #D2CEB9 */;
    /*color: #6D6A5F;*/
    text-align: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-right: 7px;
    border-radius: 5px;   
    margin-bottom: 4px;
}

#HeadingStageRow
{
    /*display: table-row;*/
    display: block;
}

#stageName
{
    font-weight: bold;
    font-size: 15pt;
    line-height: 35px;
    /*display: table-cell;*/
    float: left;
    padding-left: 5px;
    padding-right: 10px;
}


#StageButtonsRight
{
    border-left: #C1CDD6 /*#A3AEB9 /*OLD #EBE4CE */ 0px solid;
    font-weight: bold;
    font-size: 20pt;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;    
    text-align: right;
}


#StageButtonsBar
{
    border-left: #C1CDD6 /*#A3AEB9 /*OLD #EBE4CE */ 0px solid;
    font-weight: bold;
    font-size: 20pt;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;    
    display: block;
    /*display: table-cell;*/
    color: #000;
    background: #C1CDD6 /*#A3AEB9 /*OLD #EA6B24 */;
    text-align: right;
}

#NavigationStage
{
    margin-left: 140px;
    height:30px; 
    background-color: #F5F6F7 /*OLD #F9F2D9 */;
    margin-right: 10px;
    margin-top: 0px;
    padding-top: 5px;
    border-bottom: solid 1px #C1CDD6 /*#A3AEB9 /*OLD #D2CEB9 */;
}

#NavigationStageRight
{
    float: right;
}

#NavigationLeft 
{
    float: left;
    width: 152px;
    margin-left: 7px;
    background-color: #C1CDD6 /*#A3AEB9 /*OLD #D2CEB9 */;
    color: #6D6A5F;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#NavigationLeftMenu
{
    margin-left: 5px;
}

#MenuModule_1, #MenuModule_4
{
    position:   absolute;
    visibility: hidden;
    display:    block;
}


#SearchBarTextBox
{
    margin-top:20px;
    margin-left:8px;
    width: 115px;
    color: #999999;
}

.ProfileDateOfBirthTextBox
{
    /*margin-left:8px;*/
    color: #999999;

}

.DateOfBirthTextBox
{
    color: #999999;
    float: left;
    margin-left: 2px;
}

.ProfileYearTextBox
{
    width: 47px;
    color: #999999;
}

.BoxStartDayTextBox
{

    color: #999999;
}


.ProfileStartMonthTextBox
{
    /*margin-left: 20px;*/
    color: #999999;
}

.ProfileEndMonthTextBox
{
    margin-left: 24px;
    color: #999999;
}

#Profile_DayOfBirth
{
    /*margin-left: 18px;*/
}

#SearchResultsHeader
{
    color: black;
    margin-left: 10px;
}

#Profile_Gender
{
    width: 75px;
}

#Profile_ResponsibleUserID
{
    width: 200px;
}

#Profile_eMail_Date, #Profile_CreateDate, #Profile_Interview_Date, #Profile_SurveyWave
{
width: 75px;    
}

.ModuleName
{
    font-weight: bold;
    font-size: 11pt;
    cursor: pointer;
    color:black;
}

.ModuleButton
{
    font-size: 13pt;
}

.StageButton
{
    background-color: #F5F6F7 /*OLD #F9F2D9 */;
    color: #5A5A5A;
    margin-top: 12px;
    margin-bottom: 10px;
    margin-right: 8px;
    cursor: pointer;

    /*border-top-left-radius:5px;
    border-bottom-left-radius:5px;*/
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: #6CB6DF /*OLD #EA6B24 */ 0.5px solid;

}

.StageButton:hover   
{
    background-color: #B6DBF0 /*OLD #F3A16F */; 
}

.highlighted
{
    margin-right: 0px;
    margin-left: 5px;

}

.StageButtonTitle
{
    line-height: 25px;
    text-align: left;
    margin-left: 10px;
    height: 100%;
}

.StageButtonLabel
{
    height: 100%;
    margin-top: 7px;
    font-size: 10pt;
    cursor: pointer;
}

.chkStageValidated
{
    line-height: 100%;
    float: left;  
    margin-left: 5px;
    margin-top: 5px;
}

#NavigationLeftButtons
{
    margin-left: 10px;
    text-align: center;
}


#SavingChangesLabel
{
    display: none;
    font-size: small;
    font-weight: bold;
    text-align: left;
    float:left;
    color: #6D6A5F;
}


.favourite_button
{
    cursor:pointer;
    text-align: center;
}

.InterviewRatingButton
{
    cursor:pointer;
    float: left;
    margin-left: 3px;
}



#InterviewRatingButtons
{
    
    margin-right: 155px;
    width: 90px;
    text-align: left;
}

#ContentBox
{
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px 4px 4px 4px;
    background-color: white;
    padding-bottom: 10px;

}
.ContentLeft
{
    text-align: left;
}

#ContactList
{
    margin-top: 20px; 
}

.FilterDropdown
{
    width: 130px;
    margin-left: 4px;
}





#FilterStatus
{
    margin-left: 8px;
}

/* ************************  Profile-Page **********************************/


#ProfileHeader
{
    text-align: left;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px 4px 4px 4px;
    height: 225px;
    background-color: white;
    /*margin-left: 4px;
    margin-right: 4px;*/
}

#ProfilePic
{
    margin-left: 10px;
    
}

#ProfilePicDiv
{
    width: 171px;
}

#StatusOverview
{
    margin-top:10px;
    width: 250px;

}

.StatusItemClickable
{
    cursor: pointer;
}

.StatusLine
{
    margin-bottom: 10px;
    margin-left: 20px;
}


.StatusItem
{
    font-weight: bold;
    margin-bottom: 10px;
    color: #D2CEBA;
    cursor:pointer;
    color: #DEDFDF;
}

.StatusItem-Active
{
    font-weight: bold;
    margin-bottom: 10px;
    color: black;
    cursor:pointer;
}

.StatusItem-NotInterested
{
    font-weight: bold;
    margin-bottom: 10px;
    color: red;
    cursor:pointer;
}

.StatusItem-ActiveGreen
{
    font-weight: bold;
    margin-bottom: 10px;
    color: green;
    cursor:pointer;
}

.ProfileContent
{
    margin-top:10px;
}

.ProfileTabDiv
{
    overflow:hidden;
    margin-top:5px;
    margin-bottom: 15px;
}

.ProfileTabDivWhite
{
    overflow:hidden;
    margin-top:5px;
    margin-bottom: 15px;
    background-color: white;
    text-align: left;
}


.QuotaTabDiv
{
    overflow:hidden;
    margin-top:5px;

}

#BasicStatisticsColumn
{
    width: 300px;
}

#QuotaResultsColumn
{
    width: 400px;
}

#DataExportColumn
{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}


#CurrentInstitutionsDiv
{
    line-height: 25px;
}

#PastInstitutionsDiv
{
    line-height: 25px;
}

#AddInstitutionButton
{
    line-height: 20px;
}

.ProfileTab
{
    display: none;
    margin-top: 10px;
    margin-left: auto; 
    margin-right: 0px;
    width: 99%
}


.ProfileTabWhite
{
    display: none;
    margin-top: 10px;
    background-color: White;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px 4px 4px 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: left;
}

.OverallQuotaText
{
    float: right;
    margin-right: 240px;
    width: 50px;
}

#QuotaInterviews
{
    margin-left: 26px;
    width: 50px;
}
#QuotaPersons
{
    margin-left: 10px;
    width: 50px;
}


#txtTemplate
{
    width: 98%;
}

.ProfileTabDataHeadLine
{

    line-height: 40px;
}

.RemoveProfileTabButton
{
    cursor: pointer;
    font-size: 22pt;
    margin-left: 10px;
    vertical-align: top;
    line-height: 35px;
    display: none;
}

.MakeMainFunctionButton
{
    cursor: pointer;
    font-size: 22pt;
    margin-left: 10px;
    vertical-align: bottom;
    line-height: 30px;
    display: none;
}

.ProfileTabInstitutionLabel
{
    font-weight: bold;
    margin-left: 10px;
    cursor: pointer;
}

.ProfileColumn
{

    /*margin-left:10px;*/
    background-color: #DEDFDF /*OLD #EAE4CE */;
    text-align: left; 
    padding-bottom: 5px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    /*margin-left: 4px;
    margin-right: 4px;*/
    width: 32.7%;
    margin-bottom: 4px;
}


.ProfileColumnHeader
{
    /*width:854px;*/
    height: 50px;
    background-color: #C1CDD6 /*#C1CDD6 /*#A3AEB9 /*OLD #EAE4CE */;
    /*margin-left: 10px;*/
    text-align: right;
    vertical-align: middle;
    line-height: 50px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 4px 4px 4px 4px;

}


#txtSubject
{
    width: 99%;
}


.ProfileColumnHeaderRight
{
    margin-right: 10px;
    float: right;
    vertical-align: middle;
}



.ExpandProfileTabButton
{
    font-size: 22pt;
    vertical-align: top;
    margin-left: 10px;
    cursor: pointer;
}

.ExpandProfileTabButtonMain
{
    font-size: 22pt;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    line-height: 15px;
}





.CollapseProfileTabButton
{
    font-size: 22pt;
    margin-left: 20px;
    vertical-align: top;
    display: none;
    cursor: pointer;
}


.ProfileHeaderTitle
{
    margin-top: 15px;
    line-height: 20px;
    cursor: pointer;
}


#BasicData
{
    float: left;
    height: 490px;
}






#MainInstitution
{
    float:left;
    height: 490px;
    margin-left: 7px;
}

#AdministrativeData
{
    float: left;
    height: 490px;
    margin-left: 7px;
}

#InstitutionListCurrent
{
    float: left;
}

#InstitutionListPast
{
    float: left;
    margin-left: 10px;
}

#FilterBox
{

    height: 55px;
    width: 99%;
    /*margin-left: 70px;
    margin-right: 70px;
    margin-bottom: 4px;*/
    margin: auto;
}

.FilterHeader
{
    height: 50px;
    background-color: #C1CDD6 /*#C1CDD6 /*#A3AEB9 /*OLD #EAE4CE */;
    /*margin-left: 10px;*/
    text-align: right;
    vertical-align: middle;
    line-height: 50px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
width: 98%;
margin: auto;
    /*    margin: 8px;
    margin-left: 70px;
    margin-right: 70px;*/
    border-radius: 4px 4px 4px 4px;

}

.ProfileTabHeading
{
    margin-left: 10px;
    margin-top: 10px;
}


.ProfileTabHeadingLabel
{
    font-weight: bold;
    font-size: 13.5pt;


}

.ProfileTabTextLabel
{
    margin-left: 10px;
    font-size: 11pt;

}

.ProfileTabText
{
    text-align: left;
    /*float: right;
    margin-right: 8px;*/
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ProfileTabDataLine
{
    margin-top:5px;
    margin-bottom:5px;
}

.ProfileTabTextBox
{
    /*margin-right:8px;
    float:right;*/
    width: 100%;
}


.ProfilePastCheckbox
{
    margin-right:136px;
    float:right;
}

.ProfileTabDropdown
{
    /*margin-right:8px;
    float:right;*/
    width: 100%;
}

#LocationDropdown
{
    width: 240px;   
}

#AddPersonInstitutionLocationDropdown
{
    width: 246px;      
}


.ProfileLocationDropdown
{
    /*margin-right:4px;
    float:left;*/
    width: 120px;
}

.LocationDiv
{
    /*float: right;
    width: 150px;*/
}

#AddLocationButtonMain
{


}

.AddLocationButtons
{
    display:none;
    font-size: 22pt;
    vertical-align: middle;
    cursor: pointer;
    line-height: 15px;
    /*margin-right: 8px;
    float: right;*/
    margin-left: 8px;
}

.ProfileTextLabel
{
    margin-left: 61px;

}

.ProfileTabTextArea
{
    resize:none;
    width:100%;
    height: 145px;
    font-family: helvetica;
    font-size: 10pt;
}

.OverviewTextArea
{
    resize:none;
    width:100%;
    height: 175px;
    margin-right: 8px;
    font-family: helvetica;
    font-size: 10pt;
}


#OverviewRight
{
    margin-left:160px;    
    float: left;
    position: relative;
    height: 225px;
}




.OverviewComment
{
    /*position: absolute;*/
    bottom: 10px;
    width: 100%;
}

.OverviewStudies
{
    margin-top: 10px;
    vertical-align: top;
    width: 200px;
}


.PastStudyLabel
{
    /*margin-left: 10px;*/
    font-size: 10pt;
}

#InterviewHeader
{
    text-align: left;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px 4px 4px 4px;
    /*height: 265px;*/
    background-color: white;
    /*margin-left: 4px;
    margin-right: 4px;*/

}




.InterviewHeadline
{
    margin-left: 10px;
    /*margin-top: 45px;*/
}

.InterviewData
{
    float: left;
}

.InterviewDataLineLong
{

    width: 100%;
    margin-top:5px;
    margin-left:5px;
    margin-bottom:5px;
}


.InterviewDataLine
{
    margin-top:5px;
    margin-left:5px;
    margin-bottom:5px;
}

.InterviewTextBox
{
    /*float: right;*/
    margin-right: 8px;
    /*margin-left: 15px;*/
    width: 230px;
}

.InterviewCheckBox
{
    /*float: right;
    margin-right: 8px;
    
    width: 230px;*/
    margin-left: 0px;
}

#InterviewRating-1
{
    margin-left: 0px;
}

.InterviewTextArea
{
    float: right;
    margin-right: 8px;
    width: 99%;
    resize: none;
    font-family: helvetica;
    font-size: 10pt;
}


.InterviewQuestion
{
    margin-left: 20px;
    font-size: 11pt;
}

.InterviewQuestionTextBox
{
    margin-left: 20px;
    
}

.InterviewQuestionTextBoxHuge
{
    margin-left: 20px;
    width: 97%;
}

.InterviewQuestionYesNoTextBox
{
    margin-left: 20px;
     width: 97%;
}

.InterviewAnswerLabel
{
    margin-left: 20px;
}


/*******************
 
QuotaStage

*******************/






.TemplateTextArea
{
    resize:none;
    width:80%;
    height: 400px;
    font-family: helvetica;
    font-size: 10pt;  
    margin-left: 20px;
}

.TemplatePlaceholders
{
    text-align: left;
    margin-left: 5px;
}

#Placeholders
{

}

.cell-inner
{
    margin-left: 10px;
    margin-right: 10px;
}


.QuotaColumnHeader
{
    /*width:854px;*/
    height: 50px;
    background-color: #C1CDD6 /*#C1CDD6 /*#A3AEB9 /*OLD #EAE4CE */;
    /*margin-left: 10px;*/
    text-align: right;
    vertical-align: middle;
    line-height: 50px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin: 8px;
    border-radius: 4px 4px 4px 4px;

}

.QuotaHeaderTitle
{
    cursor: pointer;
    font-size: 17px;

    line-height: 20px;
    margin-left: 10px;
    margin-top: 15px;
}


.QuotaColumnHeaderResults
{
    /*width:854px;*/
    height: 50px;
    background-color: #C1CDD6 /*#C1CDD6 /*#A3AEB9 /*OLD #EAE4CE */;
    /*margin-left: 10px;*/
    text-align: right;
    vertical-align: middle;
    line-height: 50px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin: 8px;
    border-radius: 4px 4px 4px 4px;

}

.QuotaHeaderTitleResults
{

    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 15px;
}



.QuotaColumnHeaderRight
{
    margin-left: 10px;
    float: left;
    vertical-align: middle;
}


.QuotaColumn
{

    /*margin-left:10px;*/
    background-color: #DEDFDF /*OLD #EAE4CE */;
    width: 400px;
    text-align: left; 
    padding-bottom: 5px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-left: 8px;
    margin-right: 4px;
    margin-bottom: 4px;
}

#QuotaOverall
{
    width: 50px;
    margin-left: 10px;

}

.thResultsSmall
{
    width: 60px;
}

.thResultsMedium
{
    width:90px;
}


.ProfileTabDataLine th
{
    background-color: transparent;
}

#StateQuota
{


}

#thQuota
{
    width: 50px;
}


.QuotaColumnInner
{

    margin-bottom: 15px;
    margin-left: 10px; 
    margin-right: 10px;
}

.QuotaCheckBox
{
    margin-left: 20px;
    cursor: pointer;
}

/*******************
Content
*******************/

#content
{
    background-color: #F5F6F7 /*OLD #F9F2D9 */;
    text-align: center;
    margin-left: 172px;
    margin-right: 7px;
    padding-top: 10px;
    padding-bottom: 5px;
    /*position: fixed; */
    /*left: 200px;*/
}

#content h1
{
    font-size: 2em;
    font-weight: bold;
    color: #666666;
}

#content table
{
    /*border-collapse: collapse;    
    margin-left:auto;
    margin-right:auto;
    border: #a2adb8 1px solid;
    */
}

#content tr
{
    /*
    border-style:solid;
    border-width:2px;
    border-color: white;   /* invisible border to align the height of the entire row with possibly selected cells
    */
}



#content .active_cell
{
    border-style:solid;
    border-width:2px;
    border-color: #C1CDD6 /*#A3AEB9 /*OLD #EA6B24 */;    
}

#content th
{

    /*    text-align: left;*/


    background-color: #C1CDD6/*#A5A5A5 /*OLD #ACA796 */;    
    font-size: 10pt;
    font-weight: bold;
    border-radius: 2px;
    color: black;

}

/*#content .alt
{
    background-color: #eeeeee;
}
*/

/******************* Stages ***********************/

#objectiveDescription
{
    width: 80%;
    text-align:  center;
    font-size: 20px;
}

#stage #logoutStageButton
{
    font-weight: normal;
    color: #5a5a5a;
    cursor: pointer;
    text-decoration: none;
}

#stage #logoutStageButton a
{
    font-weight: normal;
    color: #5a5a5a;
    cursor: pointer;
    text-decoration: none;
}

/******************* MatrixHeader ***********************/

#MatrixHeader
{
    /*margin-left: 220px;*/
    width: auto;
    /*height: 105px;*/
    height: auto;
    margin-right: 0px;
    border-top: 0px solid #C1CDD6 /*#A3AEB9 /*OLD #EBE4CE */;
    border-bottom: 10px solid #C1CDD6 /*#A3AEB9 /*OLD #EBE4CE */;
}

#MatrixHeaderMiddle
{
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#InfluenceLabel
{
    font-size: 14pt;
    color: #E56325;
    font-weight: bold;	
    margin-top: 5px;
    margin-bottom: 5px;
}

.ActivePassiveLabels
{
    font-size: 17pt;
    color: #5A5A5A;
    font-weight: bold;
    font-style: italic;

}

#MatrixButtonLeft
{
    margin-left: 10px;
    height: 100%;
    float: left;
    margin-top: 40px;
}

#MatrixButtonRight
{
    height: 100%;
    float: right;
    margin-top: 40px;
    margin-right: 10px;
}

#ToggleMatrixButton
{
    float: right;
    margin-top: 55px;
    margin-right: 2px;
}

.matrixRadioTable
{
    margin-left: auto;
    margin-right: auto;    
}

.matrixRadioTable td
{
    width:30px;
    text-align: center;

    background-color: #C1CDD6 /*#A3AEB9 /*OLD #ACA796 */;
    height: 50px;

    margin-left: 5px;
    float: left;
    border-radius: 4px;   

    color: #C1CDD6 /*#A3AEB9 /*OLD #EBE4CE */;
    font-weight: bold; 
    cursor: pointer;
    font-size: 12pt;


}


#MatrixRadioButtons
{
    height: auto;
    margin-left: auto;
    margin-right: auto;
}


.radioText
{
    cursor: pointer;
}



#radioVorzeichen
{
    width:40px;
    text-align: left;
    background-color: #C1CDD6 /*#A3AEB9 /*OLD #D2CEB9 */;
    height: 50px;
    margin-left: 5px;
    float: left;
    border-radius: 4px;   
    color: #C1CDD6 /*#A3AEB9 /*OLD #EBE4CE */;
    font-weight: bold; 
    cursor: pointer;
    margin-right: 40px;
    margin-bottom: 0px;
}


/******************* Matrix ***********************/

.matrixTable
{
    /*border-spacing: 0px;*/
    margin-left: auto;
    margin-right: auto;
}


.matrixTable td
{
    font-size: 12pt; 
}
.matrixTable th
{
    background-color: #C1CDD6 /*#A3AEB9;
    color:white;
    border-radius: 5px;    
}

.tdColumnCategory
{
    background-color: #6D6A5F;
    color: white;
    border-radius: 5px;     

}



.tdRowCategory
{
    background-color: #6D6A5F;
    color: white;
    font-size: 12pt;
    height: 30px; 
    border-radius: 7px; 
    text-align: left;
}

.RowCategoryText
{
    margin-left: 5px;

}


#HeaderRow
{
    height: 180px;
    text-align: left;
    font-size: 12pt;

}

#Legend
{
    text-align: left;
    white-space: nowrap;
    font-size: small;
    color: Black;
    width: 150px;

    margin-right: 10px;
    border: #C1CDD6 /*#A3AEB9 /*OLD #ACA796 */ 2px solid; 
    border-radius: 7px; 
    cursor: default;

}

#LegendLabel
{
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;

    height: 100%
}

.MatrixCell
{
    text-align: center;
    cursor: pointer;
}

.MatrixCell:hover
{
    border: #C1CDD6 /*#A3AEB9 /*OLD #F3A16F */ solid 2px;
}

.MatrixCell-alt-1
{
    background-color: #F5F6F7 /*OLD #F9F2D9 */;
    cursor: pointer;
}

.MatrixCell-alt-1:hover
{
    border: #f17274 solid 2px;
}

.MatrixCell-alt-2
{
    background-color: #C1CDD6 /*#A3AEB9 /*OLD #EBE4CE */;
    cursor: pointer;
}

.MatrixCell-alt-2:hover
{
    border: #C1CDD6 /*#A3AEB9 /*OLD #F3A16F */ solid 2px;
}

.MatrixCell-symmetric
{
    color: #aaaeb9;
}
.MatrixCell-alt-1-symmetric
{
    color: black;
    background-color: #F5F6F7 /*OLD #F9F2D9 */;
}
.MatrixCell-alt-2-symmetric
{
    color: #aaaeb9;
    background-color: #f1f3f4;
}

.Sum
{
    background-color: #C1CDD6 /*#A3AEB9 /*OLD #ACA796 */;
    border: 0px;

}

/******************* ListControl ***********************/

.ListControlDiv
{
    margin-left: 7px;/*
    margin-right: 10px;*/
    margin-bottom: 4px;
}

.list-table
{

    border: #a2adb8 1px solid;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px 4px 4px 4px;
    /*border-spacing: 0px;*/
}

#DataMatchingTable
{
    border: #a2adb8 1px solid;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px 4px 4px 4px;
    width: 440px;
    margin-left: 10px;
}


.Nomination_list-table 
{
    border: #a2adb8 1px solid;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px 4px 4px 4px;
    table-layout: fixed;
    width: 98%; 
    margin-left: auto;
    margin-right: auto;

}

.Nomination_list-table .td
{
    border: none;
}

.NominationListInput
{
    width: 100%;
}

.list-table-centered
{
    border: #a2adb8 1px solid;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px 4px 4px 4px;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    table-layout: fixed;
}


.list-table td
{

    border: #C1CDD6 /*#A3AEB9 /*OLD #ACA796 */ 1px solid;

}

.list-table .ListCell .propertyGreen
{
    color:		rgb(0,97,0);
    background-color:	rgb(198,239,206);
}

.list-table .ListCell .propertyYellow
{
    color:		rgb(156,101,0);
    background-color:	rgb(255,235,156);
}

.list-table .ListCell .propertyRed
{
    color:		rgb(156,0,6);
    background-color:	rgb(255,199,206);
}

.list-table .ListCell .DropDownNULL
{
    color:		black;
    background-color:	white;
}

.list-header
{
    background-color: #C1CDD6/*#A5A5A5 /*OLD #ACA796 */;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    color: black;
}

.list-header-title
{
    /*background-color: #C1CDD6 /*#A3AEB9 /*OLD #ACA796 */;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    color: black;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.list-header-title-sortable
{
    /*background-color: #C1CDD6 /*#A3AEB9 /*OLD #ACA796 */;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    color: black;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

.list-header-title-sortable:hover
{
    text-decoration: underline;
    cursor: pointer;
}

.list-header-sortable
{
    text-decoration: underline;
    cursor: pointer;
}


.list-header-inside
{
    width: auto;
}

.list-header-inside-centered
{
    margin-right: 3px;

}

.SortSymbol
{
    display: none; 
    float: right;




}

.SortSymbols
{
    float: right;
    margin-right: 20px;

}

.nominationlist-header-small
{
    /*background-color: #C1CDD6 /*#A3AEB9 /*OLD #ACA796 */;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    color: black;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    width: 30px;
}

.nominationlist-header-normal
{
    /*background-color: #C1CDD6 /*#A3AEB9 /*OLD #ACA796 */;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    color: black;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    /*width: 96px;*/
}

.ListCellCheckBox
{
    text-align: center;
}

.NominationDropdown
{
    width: 106px;
}

.ListIndividualDropdown
{
    width: 140px;
    float: left;
}



#SpaceTimeTable
{
    margin: auto;
}

#ExportTable
{
    margin: auto;
}

.cursorbutton
{
    cursor: pointer;
}

.EditProfileButton
{
    cursor: pointer;
    text-align: center;
}

.ListCell
{
    text-align: left;
    font-size: 10pt;
    overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.ListCellClickable
{
    text-align: left;
    font-size: 10pt;
    cursor: pointer;
        overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.ListCellCentered
{
    text-align: center;
        overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.ListCellCenteredLink 
{
    cursor: pointer;
        overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.ListCellLink
{
    cursor: pointer;
}


.ListCellLabel
{
    margin-left: 5px;
    margin-right: 5px;
}

.ListCellLabelClickable
{
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}


.Row
{
    background-color: #F1F4F8;

}

.Row-alt
{
    background-color: white /*OLD #EBE4CE */;

}

.Row:hover
{
    background-color: #D5E8F0 /*OLD #F3A16F */;
}

.Row-alt:hover
{
    background-color: #DDEFF4 /*OLD #F3A16F */;
}


.rowNumber
{
    text-align: center;
    font-size: 10pt;
}



#RolesChartDiv
{
    /*margin-top: 280px;*/
    margin-bottom: 20px
}


/******************* General Charting ***********************/

.chartFixed
{
    display: block;
    /*margin-left: auto;
    margin-right: auto;*/
    margin-right: 320px;
    float: right;
}

.chartAuto
{
    display: block;
    /*padding-top: 10px;*/
}

.chartControlsTable
{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    color: #5A5A5A;
}

.chartControlsTable input[type="radio"]
{
    margin-left: 0px;
}

.chartControlsTitle
{
    margin-right: 10px;
}

.chartSizeLabel
{
    margin-right: 10px;
}



/******************* BubbleChart ***********************/

.bubbleSlider
{
    width: auto;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}


/********************* Tooltips ********************/
/* Core qTip styles */
/*
.ui-tooltip, .qtip
{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;

    max-width: 280px;
    min-width: 50px;

    font-size: 14px;
    line-height: 16px;

    z-index: 15000;
}
*/

/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
    border-color: #C1CDD6 /*#A3AEB9 /*OLD #F3A16F */;
    background-color: #FADCC6;
    color: #555;
}

.customTooltip
{
    font-family: segoeuisl, helvetica, sans-serif;
    font-size: 10pt;

}


/****************** IE hacks ********************/

.tdInnerIE8
{
    writing-mode: tb-rl;
    filter: flipv fliph;
    height: 80px;
    margin-bottom: 5px;
    margin-top: 70px;
    margin-right: 7px;
    margin-left: 7px;    
}

.tdInnerIE8-rowsum
{
    writing-mode: tb-rl;
    filter: flipv fliph;
    height: 80px;
    width: 35px;
    margin-top: 70px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
}

.HideSVG
{
    height: 1px;
    position:absolute; 
    top:-9999px;
    width: 1px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}

/****************** Results ********************/

.StatsLabel
{
    margin-left: 15px;
    float: right;
    margin-right: 600px;
}

.BasicStatisticsDiv
{
    /*margin-left:75px;    
    margin-top:25px;
    float: left;
    */
    margin-left: 10px;
}

#BasicStatisticsTable
{
    width: 250px;
}

#QuotaResultsTable
{
    width: 350px;
}


.RankingFilterColumn
{

    /*margin-left:10px;*/
    background-color: #DEDFDF /*OLD #EAE4CE */;
    width: 271px;
    text-align: center; 
    padding-bottom: 5px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

#RankingFilterBox
{

    height: 55px;
    width: 98%;
    /*margin-left: 170px;
    margin-right: 170px;*/
    margin: auto;
    
}

#BarChartFilterBox
{

    height: 55px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;

    margin-bottom: 4px;
    margin-top: 20px;
}


.ChartFilterDropdown
{
    width: 160px;
    margin-top: 22px;
    margin-left: 4px;
}



.BarChartContainer
{
    width: 750px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 5px 5px;
}