/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    width: 100%;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid, .Hidden
{
    display: none;
}

/* -- Global -----------------------------------------------------*/

html, body {
    background-color: #F0F0F0;
    font-family: Arial,Sans-Serif;
    font-size: 14px;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.body_container {
    background-color: #f0f0f0;
    padding:0;
    margin:0;
    min-height: 100%;
    background-image: url(hor_sprites.png);
    background-repeat: repeat-y;
    background-position:-255px 0px;
    position:relative;
}

.body_container .content {
    padding-bottom: 90px;
}

p, h2, ul
{
    margin-top:0px;
}

.TextContainer
{
    padding-left:7px;
    padding-top:10px;
}

h2
{
    font-size:16px;
}

.checkbox
{
    background: url("checkbox.png") no-repeat scroll 0 0 transparent;
    clear: left;
    display: block;
    float: left;
    height: 23px;
    padding: 0 5px 0 0;
    width: 18px;
}

#LowLevelContainer
{
    width:100%;
}

.BgContainer
{
    margin-left:45px;
    margin-right:35px;
}

.BgContainer .White
{
    background-color:White; /* #f0f0f0; */
}

.GrayBackgroundSeparator
{
    background-color:transparent;
    height:15px;
}

.ListItemTitle
{
    height:40px;
    text-align: left;
    font-size:28px;
    color:#7994bc;
    float:left;
    width:100%;
}

/*
.ListItemButton
{
    background-color:#1f4c8f;
    border-top-style:solid;
    border-top-color:White;
    border-top-width:2px;
    border-bottom-style:solid;
    border-bottom-color:White;
    border-bottom-width:2px;
    height:31px;
    width:333px;
    text-align:center;
    color:White;
    font-size:15px;
    padding-top:13px;
    text-decoration: none;
    float:left;
    position:relative;
    left:-60px;
}*/

/* Source: http://www.teddillard.com/2010/02/dumb-stuff-waiting-gifs.html
 * http://www.teddillard.com/graphics/timergifs/bluespinner.gif
 */
.WaitingBlue
{
    background-image: url(waiting_blue.gif);
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
}

#languagePicker, .LanguagePickerLanguageList
{
    width: 115px;
}

.LanguagePickerLanguageList, .SubMenuButtonContainer, .LogOutPickerSelectedOptionList
{
    z-index: 2;
}

.LanguagePickerLanguage, .LogOutPickerChangeWorkPlace
{
    float: left;
    padding-top: 3px;
    background-color:Black;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
    color:#d3d3d3;
}

.LanguagePickerLanguage
{
    height: 17px;
    width: 110px;
    padding-left: 5px;
}

.LanguagePickerLanguage:hover, .LogOutPickerChangeWorkPlace:hover
{
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    color:White;
}

.LogOutPickerChangeWorkPlace
{
    height: 34px;
    width: 88px;
    padding-left: 2px;
    text-align:center;
}

.LanguagePickerLanguage:hover, .LogOutPickerChangeWorkPlace:hover
{
    background-image: url(Lang_menu_transp.png);
    background-repeat: repeat;
    color:White;
}

.LanguagePickerLanguageList, .LogOutPickerSelectedOptionList
{
    position: absolute;
    visibility: hidden;
    top: 20px;
}

#languagePickerSelectedLanguage
{
    height:100%;
    cursor: pointer;
}

#languagePickerSelectedLanguageText
{
    height:17px;
    padding-left: 5px;
    padding-top:3px;
    float:left;
}

#languagePickerTriangle
{
    background-image: url(icons.png);
    background-position: -30px -632px;
    background-repeat: no-repeat;
    float: left;
    height: 17px;
    padding-left: 10px;
    width: 5px;
}

#languagePicker
{
    height:100%;
    float: right;
    color: White;
    text-align: left;
}

#topHeader2_Title
{
    text-align: left;
    font-size:30px;
    color:#7994bc;
    max-height:90px;
    overflow: hidden;
    padding-bottom:5px;
}

#LowLevelContainer
{
    height:100%;
    background-image: url(hor_sprites.png);
    background-repeat: repeat-y;
    background-position:-255px 0px;
    background-color:#f0f0f0;
    padding-top:20px;
}

input[type=text], input[type=password], select, textarea
{
    background-color: White;
    background-image: url("buttons.png");
    background-position: 0px -934px;
    background-repeat: repeat-x;
    border-color: #A7A7A7 #C6C6C6 #C6C6C6;
    border-style: solid;
    border-width: 1px;
    padding-left: 7px;
    width: 100%;
    font-family:Arial;
    font-size:12px;
}

input[type=text], input[type=password], select
{
    height:20px;
}

.editor-container, .editor-container-silent
{
    width:100%;
}

.editor-container-silent
{
    height:23px;
    display:table;
}

.editor-container
{
    /*background-color:#e2e2e2;
    border-top: 1px solid Black;
    border-bottom: 1px solid Black;*/
}

.editor-label
{
    font-size: 14px;
    font-weight:bold;
    white-space:nowrap;
    color:Black; /* #7f7f7f; */
    padding-top:13px;
}

.editor-field
{
    padding-top:2px;
}

.editor-container-silent .editor-label
{
    display:table-cell;
    vertical-align:middle;
}

.CheckBox
{
    width:18px;
}

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

.editor-field input, .editor-field select, .editor-container textarea
{
    font-weight:bold;
}

.editor-label-big-pencil
{
    background-image:url(pencil.png);
    background-repeat:no-repeat;
    background-position:9px 1px;
    width:35px;
    height:30px;
}


#Suggestion {
    height: 2.5em;
}

/* -- Buttons ----------------------------------------------*/

button
{
    border-width:0px;
    float:left;
    cursor:pointer;
    padding-top:12px;
    background-color:transparent;
    padding:0px;
    margin-right:7px;
    height:26px;
}

.ButtonContainerArea
{
    height:30px;
    margin-top:7px;
}

.ButtonContainerAreaBig
{
    height:60px;
    margin-top:7px;
}

.ButtonLong
{
    width:255px;
}

a.BlackButton, a.OrangeButton, a.BlueButton, div.BlackButton, div.OrangeButton, div.BlueButton, div.GrayButton, div.WhiteButton
{
    text-decoration:none;    
    float:left;
    margin-right:7px;
    height:26px;
}

.ButtonContainer .TextCell, .ButtonContainer .IconCell
{
    display:table-cell;
    vertical-align:middle;
    margin-top: 10px;
}

.ButtonContainer .IconCell .IconContainer
{
    background-image:url(icons.png);
    background-repeat: no-repeat;
    height:20px;
    width:24px;
    float:right;
}

.ButtonContainer .IconCell
{
    padding-left:15px;
}

.ButtonContainer .TextCell
{
    padding-right:15px;
    text-align:left;
}

.ButtonContainer .LeftSide, .ButtonContainer .RightSide
{
    display:table-cell;
    width:2px;
    background-repeat:no-repeat;
    background-image:url("buttons.png");
}

button[type=submit], input[type=submit]
{
    padding-top:0px;
    margin-left:0px;
}



.ButtonContainer
{
    background-image:url("buttons.png");
    background-repeat:repeat-x;
    display:table;
    margin-left: auto;
    margin-right: auto;
    height: 26px;
    vertical-align:middle;
    color:White;
    cursor:pointer;
    width:100%;
    height:100%;
}

button .ButtonContainer
{
    height:26px;
}

.ButtonContainerBig
{
    height:50px;
}

.WhiteButton .ButtonContainer .LeftSide
{
    background-position:0px -830px;
}

.WhiteButton .ButtonContainer .RightSide
{
    background-position:0px -856px;
}

.WhiteButton .ButtonContainer
{
    background-position:0px -882px;
    color:Black;
}

.WhiteButton .ButtonContainer:hover
{
    background-position:0px -908px;
}

.OrangeButton .ButtonContainer .LeftSide
{
    background-position:0px 0px;
}

.OrangeButton .ButtonContainer .RightSide
{
    background-position:0px -26px;
}

.OrangeButton .ButtonContainer
{
    background-position:0px -52px;
    font-weight:bold;
}

.OrangeButton .ButtonContainer:hover
{
    background-position:0px -78px;
    font-weight:bold;
}

.OrangeButtonBig, .OrangeButtonBig .ButtonContainer, .GrayButtonBig, .GrayButtonBig .ButtonContainer
{
    height:50px;
    font-weight:bold;
}

.OrangeButtonBig .ButtonContainer .LeftSide
{
    background-position:0px -352px;
}

.OrangeButtonBig .ButtonContainer .RightSide
{
    background-position:0px -402px;
}

.OrangeButtonBig .ButtonContainer
{
    background-position:0px -452px;
}

.GrayButton .ButtonContainer .LeftSide
{
    background-position:0px -702px;
}

.GrayButton .ButtonContainer .RightSide
{
    background-position:0px -728px;
}

.GrayButton .ButtonContainer
{
    background-position:0px -754px;
}

.GrayButtonBig .ButtonContainer .LeftSide
{
    background-position:0px -552px;
}

.GrayButtonBig .ButtonContainer .RightSide
{
    background-position:0px -602px;
}

.GrayButtonBig .ButtonContainer
{
    background-position:0px -652px;
}

.OrangeButtonBig .ButtonContainer:hover
{
    background-position:0px -502px;
}

.BlackButton .ButtonContainer .LeftSide
{
    background-position:0px -104px;
}

.BlackButton .ButtonContainer .RightSide
{
    background-position:0px -130px;
}

.BlackButton .ButtonContainer
{
    background-position:0px -156px;
}

.BlackButton .ButtonContainer:hover
{
    background-position:0px -182px;
}


.BlueButton .ButtonContainer .LeftSide
{
    background-position:0px -208px;
}

.BlueButton .ButtonContainer .RightSide
{
    background-position:0px -234px;
}

.BlueButton .ButtonContainer
{
    background-position:0px -260px;
}

.BlueButton .ButtonContainer:hover
{
    background-position:0px -286px;
}

.ButtonContainer .IconCell .Cancel
{
    background-image:url(icons.png);
    background-position:0px -756px;
}

.ButtonContainer .IconCell .LogIn
{
    background-image:url(icons.png);
    background-position: -30px -756px;
}

.ButtonContainer .IconCell .Save
{
    background-image:url(icons.png);
    background-position:0px -735px;
}

.ButtonContainer .IconCell .Download
{
    background-image:url(icons.png);
    background-position:0px -715px;
}

.ButtonContainer .IconCell .GoToAssessment
{
    background-image:url(icons.png);
    background-position:0px -637px;
}

.ButtonContainer .IconCell .Home
{
    background-image:url(icons.png);
    background-position:0px -777px;
}

.ButtonContainer .IconCell .Consolidate
{
    background-image:url(icons.png);
    background-position:0px -656px;
}

.ButtonContainer .IconCell .Report
{
    background-image:url(icons.png);
    background-position:0px -676px;
}

.ButtonContainer .IconCell .Download
{
    background-image:url(icons.png);
    background-position:0px -716px;
}

#ForgetPswContainer
{
    margin-top:35px;
}

#logOutIcon
{
    float:left;
    width:20px;
    height:20px;
    margin-left:7px;
    margin-right:7px;
    background-image:url(icons.png);
    background-position:5px -839px;
    background-repeat: no-repeat;
}

#StrengthsReportButton, #AreasOfImprovementReportButton, #StrengthsAndAreasOfImprovementReportButton 
{
    float:none;
}

.buttonHolder
{ 
    display:inline-block;
}
/* -- Top header -------------------------------------------------*/

#topHeader
{
    background-image: url("buttons.png");
    background-position: 0 -312px;
    background-repeat: repeat-x;
    clear: both;
    float: left;
    height: 20px;
    text-align: right;
    width: 100%;
}

#topHeaderText1, #topHeaderText2, #topHeaderText3, #topHeaderText_NotLoggedIn
{
    float: left;
    color:#BCC9DD;
    padding-top:2px;
    padding-left:5px;
    height:18px;
}

.TableHeader
{
    font-size: 18px;
    color:#BCC9DD;
}

#topHeaderText2
{
    font-weight:bold;
}

#topHeaderText2, #topHeaderText3
{
    color:White;
}

#topHeaderFontSize
{
    float: right;
    padding-right:10px;
}

#topHeaderHome
{
    background-image: url("buttons.png");
    background-position: 0 -332px;
    background-repeat: repeat-x;
    float: left;
    height: 20px;
    width: 45px;
}

#topHeaderHomeIcon
{
    background-image: url("icons.png");
    background-position: -2px -777px;
    background-repeat: no-repeat;
    height: 18px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    width: 15px;
}

#topHeaderHomeLink
{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    top:-100%;
}

#logOutButton
{
    float: right;
    width: 90px;
    background-image: url(buttons.png);
    background-position: 0px -332px;
    background-repeat: repeat-x;
    text-align:left;
    height:20px;
    color:White;
}

#logOutButton a
{
    text-decoration:none;
    color:White;
}

.LogOutPickerSelectedOptionList
{
    width: 77px;
}

#LogOutPickerSelectedOptionText
{
    height:100%;
}

#LogOutPickerSelectedOption
{
    height:17px;
    padding-top:3px;
}

/* -- Main footer -------------------------------------------------------*/

#mainFooter {
    bottom: 0;
    font-size: 10px;
    height: 90px;
    position: absolute;
    width: 100%;
}

#FooterLogo
{
    height:60px;
    width:157px;
    background-image: url(hor_sprites.png);
    background-repeat: no-repeat;
    margin: 4px;
    
    bottom: 20px;
    position: absolute;
    left: 50px;
    width: 160px;
}

#mainFooter #mainFooterTextContainer {
    background-color: #4167A0;
    bottom: 0;
    height: 18px;
    position: absolute;
    width: 100%;
}

#mainFooter #mainFooterText {
    color: White;
    padding-left: 11px;
    padding-top: 3px;
}

/* -- Home Index -------------------------------------------------*/

#Home_LeftSide
{
    padding-left: 52px; /* 45 + 7 */
    width: 300px;
}
#HomeLogIn
{
    max-width: 900px;
    font-size: 1.2em;
}

/* -- Home ForgotPassword -------------------------------------------------*/

#ForgotPasswordArea
{
    width: 300px;
}
#ChangePasswordArea 
{
    width:auto;
}

#EmailHasBeenSent, .ActiveAssessment
{
    font-weight:bold;
}

/* -- Buttons ----------------------------------------------*/
.ButtonIconContainer
{
    display:table;
    margin-left: auto;
    margin-right: auto;
    height: 16px;
}

.ButtonIconCell
{
    width:20px;
    background-repeat:no-repeat;
    background-position: 0px 2px;
}

.ButtonTextCell, .ButtonIconCell
{
    display:table-cell;
    vertical-align:top;
}

.ButtonIconSubmit
{
    background-position:-29px -757px;
}

.ButtonIconCancel
{
    background-position:0px -757px;
}

.ButtonIconSave
{
    /* Old icon
    background-position:-26px -802px; */
    background-position:0px -735px;
}

.ButtonIconSaveBig
{
    /* Old icon
    background-position:0px -802px; */
    background-position:0px -735px;
}

.ButtonIconDownload
{
    background-position:-2px -716px;
}

.ButtonIconSwitch
{
    background-position:-26px -737px;
}

.ButtonIconDelete
{
    background-position:-26px -777px;
}

.ButtonIconAdd
{
    background-position:-26px -696px;
}

.ButtonIconPencil
{
    background-position:-26px -657px;
}

.ButtonIconUndo
{
    background-position:-26px -716px;
}

.ButtonIconUnselectAll
{
    background-image:url(checkbox.png) !important;
    background-position:0px -1px;
}

.ButtonIconExpand, .ButtonIconCollapse
{
    background-image:url(icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 14px;
    margin-top:1px;
}

.ButtonIconExpand
{
    background-position:0px -617px;
}

.ButtonIconCollapse
{
    background-position:-27px -617px;
}

.ButtonIconOk
{
    background-position:0px -822px;
}

/* -- Tabbing ---------------------------------------------------------*/
.Tabbing
{
    width:100%;
    border-bottom: 1px solid #c9c9c9;
    height:21px;
}

.Tabbing .Button
{
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-decoration:none;
    color:#787878;
    background-color: #F0F0F0;
}

.Tabbing .First
{
    margin-left:7px;
    border-left: 1px solid #c9c9c9;
}

.Tabbing .Selected
{
    color: black;
    border-bottom:2px solid #F0F0F0;
    background-color: white;
    z-index:10000;
}


/* -- Assessment Details ----------------------------------------------*/
.CreateAssessmentContainer
{
    width:500px;
}

#Assessment_valid_till_date, #Assessment_name, #Assessment_description
{
    width:492px;
}

.CriteriaSelectTable
{
    border-collapse:separate;
    border-spacing:0px;
    width:97%;
}

.AssessmentCriteria, .AssessmentCriteriaSelected
{
    padding-top:15px;
    height:30px;
    color:White;
    border-bottom: 2px solid white;
    vertical-align: middle;
}

.AssessmentCriteria
{
     background-image: url("criteria_transp.png");
    text-align:left;
    font-size:14px;
    cursor:pointer;
}

.AssessmentCriteriaSelected
{
    background-color:#cf5c15;   
    padding-left:0px;
    /*background-image:url("buttons.png");
    background-position:0px -455px;
    background-repeat:repeat-x;*/
    text-align:center;
    font-size:16px;
}

.ButtonHelpText
{
    color:Gray;
    padding-left:15px;
}

.ActionsWithAssessorsColumn
{
    width:20px;
}

#TableAssessment, #TableConfigureAssessment
{
    width:100%;
    border-right-style:solid;
    border-right-width:35px;
    border-right-color:transparent;
    border-collapse:collapse;
}

#TableAssessment tr, #TableConfigureAssessment tr
{
    border-bottom: 1px solid Black;
    border-top: 1px solid Black;
}

#TableAssessment td, #TableConfigureAssessment td
{
    vertical-align:middle;
}

#TableReports
{
    width:100%;
}

.ReportingButtonCell
{
    width:230px;
}

#FillingOveralReportArea, #FillingIndividualReportArea, #ConsolidationOveralReportArea
{
    width: 100%;
    padding-top: 10px;
}

#TableFillingStatistic
{
    width: 100%;
}

.TableFillingStatisticContainer
{
    padding-left:20px;
    padding-right:40px;
}

/* -- Assessment Question Edit ----------------------------------------*/
textarea#Question, textarea#Context
{
    font-weight:normal;
}

#AssessmentEditForm
{
    padding-top:7px;
}

#AssignQuestionsForm
{
    padding-top:7px;
}

#btnNewQuestion, #btnResetToDefault
{
    float:right;
    margin-bottom:7px;
}


div.GroupList  {
    margin:10px 0px;
}

a.AutoCheck {
    cursor:pointer;
}
/* -- Assessor List ---------------------------------------------------*/

.ClickableAssessor
{
    cursor:pointer;
}

/* -- Assessment Fill -------------------------------------------------*/

.AssessmentCriteria
{
    width:90%;
}

.AssessmentCriteriaSelected
{
    text-align:left;
    border-top: 2px solid White;
}

.Question, .QuestionAnswered, .QuestionSelected
{
    color:Black;
    width:100%;
    cursor: pointer;
    background-color: White;
    padding: 5px;
    border-top: 1px solid #C6C6C6;
}

.FirstQuestion
{
    border-top: 0px;
}

.QuestionAnswered
{
    color:Gray;
}

.QuestionSelected, .contextQuestion
{
    color:Black;
    background-color: #d2def1;
    border-top: 1px solid Black;
    border-bottom: 1px solid Black;
}

.col3Container
{
    width:285px;
    margin-left:10px;
}




.contextBox {
    position:relative; 
    left:-5px; 
    padding-left:0; 
    margin-bottom:10px; 
    height:100%;
}
.contextBoxCriterion 
{
    color:#1F4C8F;
    background-color:White; 
    border: 2px solid orange;
    padding-right:17px;
}
.contextBoxQuestion
{
    color:Black;
    background-color: #b3c6e4;
    border-top: 1px solid Black;
    border-bottom: 1px solid Black;
}
.contextHeader
{
    width:100%;
    height:17px;
    padding-top:6px;
    padding-left:6px;
    padding-bottom:6px;
    color:Black;
    text-align:left;
    font-size:16px;
}
.contextQuestion
{
    padding: 6px;
    max-height:150px; 
    overflow-y:auto; 
    scrollbar-color: black #8fa5c7;
}
.context {
    padding-left: 6px;
    font-weight:normal; 
}
.context ul {
    padding-left: 20px;
    padding-right: 0;
    margin-bottom: 6px;
}

.context li {
margin: 5px 0 0 0;
}

.AssessmentScoringTitle
{
    margin-left:10px;
    margin-top:10px;
    font-weight:bold;
}

#SelectedAssessmentValue, #SelectedUrgencyValue
{
    margin-left:10px;
    width: 290px;
    background-color:#8fa5c7;
}

#EvidencesForm #btnSaveEvidences
{
    float:right;
}

/* --- Assessment scoring ----------------------------------*/

.AssessmentStatisticsTitle
{
    color:#1F4C8F;
    font-weight:bold;
    font-size:16px;
    margin-bottom:5px;
}

.AssessmentScoring, .UrgencyScoring
{
    width:100%;
    text-align:center;
    border: none;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border-width: 0px;
}

.AssessmentScoring .FirstColumn, .AssessmentScoring .LastColumn, .UrgencyScoring .FirstColumn, .UrgencyScoring .LastColumn
{
    width:30px;
}

.AssessmentScoringArray, .UrgencyScoringArray
{
    width:10px;
    background-repeat:no-repeat;
    background-position:0px 30px;
}

.AssessmentScoringArrayLeft, .UrgencyScoringArrayLeft
{
    background-image:url(icons.png);
    background-position:0px -60px;
    cursor:pointer;
}

.AssessmentScoringArrayRight, .UrgencyScoringArrayRight
{
    background-image:url(icons.png);
    background-position:-33px -60px;
    cursor:pointer;
}

.AssessmentScoring .ArrayRightReadOnly, .AssessmentScoring .ArrayLeftReadOnly
{
    background-color:White;
}

.AssessmentScoring .ScoringRow, .UrgencyScoring .ScoringRow
{
    height:11px;
    background-image:url(buttons.png);
    background-position:0px -780px;
    background-repeat:repeat-x;
}

.AssessmentScoring .ScoringRowSelected
{
    height:20px;
    background-color:#D6D6D6;
}

.AssessmentScoring .ScoringCellSelected, .UrgencyScoring .ScoringCellSelected
{
    height:11px;
    background-image:url(buttons.png);
    background-position:0px -805px;
    background-repeat:repeat-x;
}

.AssessmentScoring .ScoringCellSelectedReadOnly
{
    background-color:#5C7DAD;
}

.ScoringRow .NameColumn
{
    background-color:#F0F0F0;
    width:42%;
    text-align:left;
    overflow:hidden;
    padding-left:5px;
}

.ScoringRowSelected .NameColumn
{
    text-align:left;
    overflow:hidden;
    padding-left:5px;
}

.AssessmentScoring td, .AssessmentScoring td, .UrgencyScoring td, .UrgencyScoring td
{
    height:16px;
    padding:0px;
}

.ScoringLabelLineRow
{
    font-size:10px;
    height:13px;
}

.ScoringLabelValueRow, .ScoringLabelValueRow td, .ScoringLabelValueRow td div
{
    height:16px;
    overflow:hidden;
}

.ScoringLabelValueSelected
{
    color:#FF6600;   
    font-weight:bold; 
}

.ScoringLabelValueSelectedConstant
{
    color:#FF6600;
}

.ScoringLabelLineRow td
{
    height:9px;
    padding-top:0px;
    padding-bottom:0px;
    font-size:6px;
}

.AssessmentScoring .ScoringButtonContainer, .UrgencyScoring .ScoringButtonContainer
{
    border: 0px;
    height:18px;
    width:0px;
    display:inline-block;
}

.AssessmentScoring .ScoringButton, .UrgencyScoring .ScoringButton
{
    position:relative;
    left:-12px;
    top:-10px;
    height:30px;
    width:26px;
    background-repeat:no-repeat;
    background-image:url(icons.png);
    background-position:0px 0px;
}

.ScoringButtonMovable
{
    cursor:pointer;
}

.DescriptionOfValue
{
    background-color:#e5e5e5;
    color:Black;
    padding: 5px;
    overflow:hidden;
    margin-left:2px;
    border: 1px solid #bebebe;
    background-image:url(ScoreDescriptionBg.png);
    background-repeat:repeat-x;
}

.DescriptionOfValue.Error
{
    color:Red;
    font-weight: bold;
}

.DescriptionOfValueArray
{
    padding: 0px;
    height:6px;
}

.DescriptionOfValueArray .Array
{
    background-image:url(icons.png);
    background-position:-29px -683px;
    background-repeat:no-repeat;
    height:6px;
    width:15px;
    position:relative;
    top:1px;
    left:10px;
}

.PopupHelp 
{
    padding-bottom:10px
}


/* --- Conslidation ----------------------------------*/

#ConsolidateAssessmentTab, #ConsolidateSuggestionTab
{
    width:100px;
}

.GrayTest
{
    color: #787878;
}

.BoldTest
{
    font-weight: bold;
}

.LineSeparator
{
    border-bottom: 1px solid #C9C9C9;
    height: 10px;
    width: 100%;
}

.TabbingPageContainer
{
    margin-left:55px;
    margin-right:45px;
    background-color:White;
    height:100%;
}

.TabbingPage
{
    width:100%;
    background-color:White;
}

#questionPickerSectionContainer, .TabbingButtonContainer
{
    margin-left:90px;
    margin-right:45px;
}

#btnNextQuestion
{
    padding-top:0px;
    width:120px;
    float:right;
}

.TabbingButtonContainer
{
    height:25px;
}

.ConsolidationLabel
{
    padding-top:10px;
    font-weight:bold;
}

.ConsolidationDropDownList
{
    width:100%;
}

.ConsolidationDropDownList select
{
    width:100%;
    background-color:#8fa5c7;
    border-top: 1px solid Black;
    border-bottom: 1px solid Black;
}

#questionField
{
    background-color:White;
    height:63px;
    padding: 6px;
    font-size:17px;
    border-top: 1px solid Black;
    border-bottom: 1px solid Black;
}

.TabbingButton, .TabbingButtonActive
{
    width:200px;
    height:20px;
    text-align:center;
    float:left;
    text-decoration:none;
    padding-top:5px;
    background-color:#a7a7a7;
    color:#6f6f6f;
}

.TabbingButtonActive
{
    color:Black;
    background-color:White;
}

.TabPageDescription
{
    font-weight:bold;
    padding:5px;
    width:100%;
    color:#1f4c8f
}

.ConsolidationColumn1 .DescriptionOfValue
{
    height:auto;
    overflow:auto;
}


/* --- Statistic scoring ----------------------------------*/
.Statistics
{
    display:table;
    width:100%;
    height:11px;
}

.Statistics .Left
{
    display:table-cell;
    width:4px;
    height:11px;
    background-image:url('icons.png');
    background-position:-24px -90px;
    background-repeat:no-repeat;
}

.Statistics .Right
{
    display:table-cell;
    width:4px;
    height:11px;
    background-image:url('icons.png');
    background-position:-42px -90px;
    background-repeat:no-repeat;
}

.Statistics .Bg
{
    display:table-cell;
    height:11px;
    background-image:url(buttons.png);
    background-position:0px -780px;
    background-repeat:repeat-x;
}

.Statistics .LeftSelected
{
    display:table-cell;
    width:4px;
    height:11px;
    background-image:url(icons.png);
    background-position:0px -90px;
    background-repeat:no-repeat;
}

.Statistics .RightSelected
{
    display:table-cell;
    width:4px;
    height:11px;
    background-image:url(icons.png);
    background-position:-18px -90px;
    background-repeat:no-repeat;
}

.Statistics .Bg .Selected
{
    height:11px;
    background-image:url(buttons.png);
    background-position:0px -805px;
    background-repeat:repeat-x;
    float:left;
}





















table.DataTable 
{
    /*border: 2px single black; */
    border-collapse: collapse;
    width: 100%;
    margin-top: 5px;
    /*margin-bottom: 10px;*/
}

table.DataTable tr
{
    height:31px;
}

table.DataTable th, table.DataTable td
{
    padding: 3px 3px 3px 8px;
    vertical-align:middle;
}

table.DataTable th
{
    text-align:left;
    color:White;
    background-color:#9fb4d3;
    background-image: url(icons.png);
    background-position:0px -864px;
    background-repeat: repeat-x;
}

table.DataTable th .Header
{
    padding-top:6px;
    width:101%;
}

table.DataTable th .Separator
{
    position:relative;
    left:-8px;
    top:-2px;
    float:left;
    height:30px;
    width:2px;
    background-image: url(hor_sprites.png);
    background-position:-164px 0px;
    background-repeat: no-repeat;
}

table.DataTable .even
{
    background-color: #d4dde9;
}

table.DataTable .odd
{
    background-color: #e1e7f0;
}

td ul
{
    padding-left:20px;
}

table input[type=text]
{
    width: 98%;
}

/* http://csscreator.com/node/28948 */
input[readonly], textarea[readonly], select[disabled]
{
    background: #d4d0c8;
}

select
{
    width: 100%;
}

/*
input[type=text], input[type=password]
{
    width: 95%;
}
*/

/* Position date picker icon inside text box on right side */
.ui-datepicker-trigger
{
    position:relative;
    float:right;
    top:-19px;
    left:-4px;
}














.ChangeFontSize1, .ChangeFontSize2, .ChangeFontSize3
{
    padding-left: 4px;
    color:White;
}

.ChangeFontSize1
{
    font-size:10px;
}

.ChangeFontSize2
{
    font-size:11px;
}

.ChangeFontSize3
{
    font-size:13px;
}

/* -- Dialogs
-------------------------------------------------------------------------*/

.ui-widget textarea, .ui-widget table
{
    width: 99%;
}

.ui-widget .CheckBoxCell
{
    width: 20px;
}

/* -- Assessment header -------------------------------------------------*/

#assessmentHeader
{
    width:100%;
    height:20px;
    background-image:url(BG_grei.png);
    background-repeat: repeat-y;
    padding-top: 4px;
}

.MainMenuDropDownButton, .MainMenuButton, .MainMenuButtonLast
{
    width:190px;
    height:23px;
    background-image:url(BG_main_menu.png);
    background-repeat: repeat-y;
    text-align:center;
    font-size:18px;
    color:White;
    text-decoration: none;
    margin-right:13px;
    margin-left:0px;
}

.MainMenuButtonLast
{
    margin-left:1px;
    margin-right:0px;
}

.MainMenuButton
{
    float: left;
}

.MainMenuButtonDisabled
{
    Color: Gray;
}

/*
.ActionButton, .ActionButtonDisabled, input[type=submit].ActionButton
{
    width:140px;
    height:16px;
    text-align:center;
    font-size:14px;
    color:Black;
    text-decoration: none;
    margin-right:10px;
    margin-bottom:5px;
    margin-top:5px;
    border: 2px solid #96D550;
    padding: 3px;
    float: left;
}

.ActionButtonDisabled
{
    border: 2px solid Gray;
    color: Gray
}

input[type=submit].ActionButton
{
    background-color:White;
    width:150px;
    height:26px;
    padding-top: 0px;
    cursor: pointer;
}
*/

#jsddm
{	margin: 0;
	padding: 0; }

	#jsddm li
	{	float: left;
		list-style: none;
    }

	#jsddm li a
	{	display: block;
		text-decoration: none;
		white-space: nowrap;
	}

	#jsddm li a:hover
	{	background: #96D550; }
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
            }
		
			#jsddm li ul li
			{	float: none;
				display: inline}

			#jsddm li ul li a:hover
			{
			    background: #96D550;
			}

/* -- Assessment List -------------------------------------------------*/
.DeleteAssessment
{
    background-image: url("images/ui-icons_222222_256x240.png");
    background-position: -96px -128px;
    background-repeat:no-repeat;
    float:right;
    width:18px;
    height:16px;
    overflow:hidden;
    cursor:pointer;
}

#OpenAssessmentReportLink
{
    width:455px;
    height:200px;
    cursor:pointer;
    position:absolute;
}

/* -- Assessment Details ----------------------------------------------*/

#questionSection
{
    float: left;
    width: 604px;
    padding-left:6px;
    height: 153px;
}

#questionSectionArea
{
    width: 100%;
    height: 100%;
    overflow-x:hidden;
    overflow-y:auto;
}

/*
#questionSectionArea .Question, #questionSectionArea .QuestionSelected, #questionSectionArea .QuestionAnswered
{
    overflow:hidden;
    height:14px;
}
*/

.assessmentValueAndUrgencySectionContainer
{
    width:100%;
    background-image:url(BG_grei2.png);
    background-repeat: repeat-y;
    padding: 3px 11px 3px 11px;
    float:left;
}



table.DataTable tr.MouseOut, table.DataTable tr.MouseOver
{
    cursor:pointer;
}

table.DataTable tr.MouseOver
{
    background-color:White !important;
}

table.CriteriaSelectTable tr.MouseOver
{
    background-color:#4167A0 !important;
}

table.DataTable tr.MouseOverBlue
{
    background-color:#d4dde9 !important;
}

td.ImprovementStatus0
{
    color:#4f73a7 !important;
}

td.ImprovementStatus1
{
    color:#709a5f !important;
}

td.ImprovementStatus2
{
    color:#ff6c00 !important;
}

td.ImprovementStatus3
{
    color:Red !important;
}

table.ImprovementDataTable
{
    font-weight:bold;
    margin-top:0px;
}

.TextContainer.ImprovementDataTable
{
    padding-right:7px;
    padding-bottom:20px;
}

table.ImprovementDataTable .ProjectOverwiev
{
    color:Black;
    font-size:20px;
}

table.ImprovementDataTable .FirstHederRow
{
    background-image:none;
    background-color:White;
    color:#7994BC;
}

table.ImprovementDataTable .LinkText
{
    color:#7994BC;
    text-decoration:underline;
}

table.ImprovementDataTable .c
{
    border-right: 1px solid #f4f4f4;
    padding:0px;
}

table.ImprovementDataTable .MarkedCell
{
    margin-top:3px;
    margin-bottom:3px;
    background-color:#d1d1d1;
    width:100%;
    height:18px;
    display:inline-block;
}

.ImprovementDetailsContainer
{
    width:700px;
    display:table;
}

.ImprovementDetailsRow
{
    display:table-row;
}

.ImprovementDetailsCell
{
    width:50%;
    display:table-cell;
    padding-right:30px;
}

#start_date, #end_date
{
    width:400px;
}

.ImprovementPlanning .editor-label
{
    color:#787878;
}

.ImprovementPlanning select
{
    width:330px;
}

.ImprovementPlanning .ImprovementDetailsCell input[type=text]
{
    width:321px;
}

/* --- BreadCrump --------------------------------------------------------*/
.BreadCrump
{
    width:100%;
    height:54px;
    color:White;
    font-size:13px;
    font-weight:bold;
    vertical-align: middle;
    border-width:0px;
    border-collapse:separate;
    border-spacing:0px;
    margin-bottom:15px;
    display:table;
}

.BreadCrump .Blue, .BreadCrump .Gray, .BreadCrump .Orange, .BreadCrump .LightBlue
{
    display:table-cell;
    vertical-align:middle;
}

.BreadCrump .Blue, .BreadCrump .Gray, .BreadCrump .LightBlue
{
    background-repeat: repeat-x;
    height:100%;
    cursor:pointer;
}

.BreadCrump .Blue
{
    background-image:url(BreadCrump_Blue.png);
}

.BreadCrump .Circle
{
    background-repeat:no-repeat;
    background-position:8px 0px;
    width:40px;
    height:23px;
    text-align:center;
    padding-top:3px;
}

.BreadCrump .Blue .Circle
{
    background-image:url(BreadCrump_Blue_Circle.png);
}

.BreadCrump .Array, div .Array_
{
    background-repeat:no-repeat;
    width:22px;
    height:100%;
    padding: 0px;
}

.BreadCrump .Array
{
    display:table-cell;
}

.BreadCrump .BlueArray
{
    background-image:url(BreadCrump_BlueArray.png);
}

.BreadCrump .BlueArray_
{
    background-image:url(BreadCrump_BlueArray_.png);
}

.BreadCrump .Gray
{
    background-image:url(BreadCrump_Gray.png);
}

.BreadCrump .Gray .Circle
{
    background-image:url(BreadCrump_Gray_Circle.png);
}

.BreadCrump div .GrayArray_
{
    background-image:url(BreadCrump_GrayArray_.png);
}

.BreadCrump .GrayArray
{
    background-image:url(BreadCrump_GrayArray.png);
}

.BreadCrump .Orange
{
    background-image:url(BreadCrump_Orange.png);
}

.BreadCrump .Orange .Circle
{
    background-image:url(BreadCrump_Orange_Circle.png);
}

.BreadCrump div .OrangeArray_
{
    background-image:url(BreadCrump_OrangeArray_.png);
}

.BreadCrump .OrangeArray
{
    background-image:url(BreadCrump_OrangeArray.png);
}

.BreadCrump .LightBlue
{
    background-image:url(BreadCrump_LightBlue.png);
}

.BreadCrump .LightBlue .Circle
{
    background-image:url(BreadCrump_LightBlue_Circle.png);
}

.BreadCrump div .LightBlueArray_
{
    background-image:url(BreadCrump_LightBlueArray_.png);
}

#LogIn {
    font-weight: bold;
}

/* --- Hide apperaring cross in input fields IE10 when not empty -------*/
::-ms-clear { 
    display: none;
}
.Intro {
	width:100%;
	padding:1%;
	background-color:#f8f6ed;
	border:1px solid #f09f50;
    border-radius:6px;
	color:#000;
    font-weight:normal;
	-webkit-box-shadow:0px 0px 10px 0px rgba(100, 120, 120, 0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(100, 120, 120, 0.2);
	-o-box-shadow:0px 0px 10px 0px rgba(100, 120, 120, 0.2);
	box-shadow:0px 0px 10px 0px rgba(100, 120, 120, 0.2);
}
/* -- ToolTip on Hoover ----------------------------------------------*/

.tooltip 
{
  position: relative;
  display: inline-block;
  padding: 2px;
}

.tooltip .tooltiptext 
{
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after 
{
  content: "";
  position: absolute;
  top: 100%;
  left: 20%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext 
{
  visibility: visible;
  opacity: 1;
}
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}