/* Basic HTML elements */
body 
{ 
}

ul
{
    margin-left: 0;   
}

ul li
{
    list-style-type: none;
    padding: 1px;
}

ul.BulletList
{
    margin-left: 2em;
}

ul.BulletList li
{
	list-style-type: disc;
}

.FileUpload
{
    width: 450px;
}

.FileUploadSmall
{
    width: auto;
}

.disabledBackground
{
	background-color:gray; 
    filter:alpha(opacity=10); 
    opacity:0.1; 
}

.BrandLogoLink
{
    cursor: pointer;
}

/* Basics */
.Left
{
    float: left;
}

.Right
{
    float: right;
}

.Inset30
{
    margin-left: 30px;
}

.fullinset
{
    padding: 2em;
}

.CheckBoxList
{
    display: inline-block;
}

.CheckBoxList input
{
    margin-left: -4px;
}

/* Section Headers */
.SectionHeader
{
    background-image: url(../images/bg_collapse.png);
    background-repeat:repeat-x;
    color:#FFFFFF;
    font-weight:bold;
    width:100%;
    padding: 1%;
    font-size: smaller;
    margin-bottom: 1em;
    display: block;
}

.MainPlaceholderFull .SectionHeader
{
    width: 98%;
}

/* The following are for the banner control */
.BannerMain
{
	float: none;
	width: auto;
	padding: 30px 0px 20px;
	color: Green;   
	display: block;	
}

.BannerMain img
{
    width: 48px;
    height: 48px;
    float: left;
}

.BannerMain .BannerText, .BannerMain .BannerText h1, .BannerMain .BannerText h2
{
    font-size: 115%;
}

.BannerMain .BannerText
{
    display: inline-block;    
    margin: 0.5em 0 0 3.7em;
}

/* List Links */
.ListLink
{	
	margin: 30px 0 20px;    
}

/* For a list of links */
#ShiftPatternControl .linkList
{
	text-align:left;
	margin-left: 8.25em;
}

/* Panel collapser styles */
.PanelCollapseHeader
{
	cursor: pointer;    
    margin-bottom: 2em;
}

/* Divs for spliting page into two columns */
.HalfWidthDivLeft, .HalfWidthDivRight
{
	width: 49%;
}

.HalfWidthDivLeft
{
	float: left;
}

.HalfWidthDivRight
{
	float: right;
}

.HalfWidthDivLeft .SectionHeader, .HalfWidthDivRight .SectionHeader
{
	padding: 2%;
	width: 96%;
}

/* Popups */
.modalPopup .SectionHeader
{
	width: 98%;
}

.HalfWidthDivRight .TwoColumns, .HalfWidthDivLeft .TwoColumns
{
    float: left;    
}

.HalfWidthDivRight .TwoColumns ul, .HalfWidthDivLeft .TwoColumns ul
{
    margin: 3em 0 0 1.5em;
}

.HalfWidthDivRight .TwoColumns ul li, .HalfWidthDivLeft .TwoColumns ul li
{
    margin: 1em 0;
}

/* Employee History controls */
.SummaryDiv .HalfWidthDivLeft, .SummaryDiv .HalfWidthDivRight
{
	width: 49%;
}

.SummaryDiv ul
{
    margin-left: 0.5em;
    font-size:small;
}

.SummaryDiv ul li
{
    clear: left;
}

/* Filter controls */

#updateProgressDiv, #updateProgressDiv2, .UpdateProgressDiv
{
    background-color: White;
    border: solid thin black;
    padding: 0.75em;
}

#FilterControl 
{
    padding-bottom: 0.5em;
    clear: both;    
    display: block;
}

#FilterControl .ExpandedFilter
{
    /*margin-bottom: -1.5em;*/
}

#FilterControl .LinkButton
{
	font-size: 100%;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}

#FilterControl .PresetDates .LinkButton
{
	font-size: small;
	text-decoration: none;
	font-weight: normal;	
}

#FilterControl .PresetDates .LinkButton:hover
{
	text-decoration: underline;	
}

.InfoLabels
{
    width: 100%;
    margin: 0.5em 0;
    clear: both;
}

/* Button list (centered list of buttons that are horizontal) */

.buttonList
{
    text-align:center;
}

.buttonList ul 
{
	padding: 0;
	margin: 0 auto;	
}

.buttonList ul li 
{
	list-style-type: none;
	display: inline;
	clear: none;	
}

.buttonList ul li .Button
{
    margin: 0 5px;
}

/* The absence reason control */
.AbsenceReasonContainer
{
}

.AbsenceReasonContainer .DataGrid tbody tr:hover
{
    background-color: #7FC31C;        
}

/* COndition Code Map Edit */
.MapItemEdit
{
    margin: 1em;
    padding: 1em;
    border: solid thin black;
}

.MapItemEdit img
{
    display: block;
    text-align: center;
    margin: 2em auto;
}

/* QuestionnaireQuestion specifics */
.QuestionnaireQuestion .TextBoxMulti
{
    width: 80%;
}

.QuestionItemEdit
{
    margin: 1em;
    padding: 1em;
    border: solid thin black;
}

.QuestionnaireSuiteEdit
{
    width: 102%;
}

.QuestionnaireSuiteEdit .HalfWidthDivLeft, .QuestionnaireSuiteEdit .HalfWidthDivRight
{
	width: 49%;
}

.QuestionnaireSuiteEdit .ListBox
{
    height: 120px;
    width: 17.5em;
}

/* Questionnaire Results */
.QuestionnaireResults
{
    padding: 0em 1em;
}

.QuestionnaireResults .Result
{
    margin: 0.5em 0;    
}

.QuestionnaireResults .Result .QuestionHeader,
.QuestionnaireResults .Result .QuestionPositive,
.QuestionnaireResults .Result .QuestionChanged,
.QuestionnaireResults .Result .QuestionNegative
{
    padding: 0.5em;
}

.QuestionnaireResults .Result .QuestionHeader
{
	background-color: #B8B8B8;
	font-weight: bold;
	margin-bottom: 0.5em;
	color: White;
}

.QuestionnaireResults .Result .QuestionPositive
{
	background-color: #FFA9A9;
}

.QuestionnaireResults .Result .QuestionChanged
{
	background-color: #F5CD87;
}

.QuestionnaireResults .Result .QuestionNegative
{
	background-color: #B4E4B7;
}

.QuestionnaireLegend
{
    width: 96%;
    text-align: center;
    color:Black;
}

.QuestionnaireLegend ul li
{
    color:Black;
}

.QuestionnaireResults .Result .Answer
{
    padding: 0.5em;
}

.QuestionnaireResults .Result .Text
{
    display:inline-block;
}

.QuestionnaireResults .Result .Question .Number
{
    width: 30px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}

.QuestionnaireResults .Result .Question .Text
{
    width: 98%;
}

.QuestionnaireResults .Result .Answer .Trigger
{
    color: Red;
    font-weight: bold;
}

.QuestionnaireResults .Result .Answer .Text
{
    margin-left: 36px;    
}

.QuestionnaireResults .Result .Comments
{
    margin: 1em;
    padding: 1em;
    border: dashed 1px black;
    font-style: italic;
}

.QuestionnaireResultReviewedFit
{
	background-color: #B4E4B7;
}

.QuestionnaireResultReviewedFitAlt
{
	background-color: #D6FFD9;
}

.QuestionnaireResultReviewedFitRest
{
	background-color: #F5CD87;
}

.QuestionnaireResultReviewedFitRestAlt
{
	background-color: #F7DBAD;
}

.QuestionnaireResultReviewedOhAdv
{
	background-color: #FFA9A9;
}

.QuestionnaireResultReviewedOhAdvAlt
{
	background-color: #F8C9C9;
}

.ResultRewivew
{
    margin: 10px 10px 20px 10px;
    color: green;
    width: auto;
    font-size: large;
    padding: 1em;
    border: solid 1px green;
    font-style: italic;
}

.RadioButtonList
{
	display: inline-block;
	margin-top: -3px;
}

.EmployeeEmployment ul
{
    margin: 0;
}

.OldNotes
{
    padding: 1em;
    border: solid 1px black;
    margin: 0.5em 0.5em 1em 0.5em;
    max-height: 200px;
}

.ReopenTable
{
    margin: 0 10px;
    border-collapse: collapse;
    text-align: center;
    width: 95%;
    border: solid 1px green;
}

.ReopenTable tr th
{
    border: solid 1px green;
}


.ReopenTable tr td
{
    border-right: solid 1px green;
}

/* Reminders in interventions */
.InterventionReminder
{
    padding: 1em 2em;
    font-size:90%;
    margin: 2em;
}

.InterventionReminder .TextBoxMulti
{
    width: 70%;
}

.Reminder .TextBoxMulti
{
    width: 70%;
}

.AbsEditNotesButtons
{
    padding-top: 2px;
    width: 94%;
}

.AbsEditNotesButtons ul li
{
    margin: 0.5em 0;
}

/* Row Confirm styles */
.RowConfirm .ImageColumn, .RowConfirm .TextColumn 
{
    float: left;
}

.RowConfirm .ImageColumn
{
    padding-right: 1em;   
}

.RowConfirm .buttonList
{
    margin-top: 4em;
}

.ViewContact ul
{
    font-size: 90%;
}

.BillingConfiguration .LinkButton
{
    margin-left: 10px;
}

.BillingConfiguration .Button
{
    margin-right: 5px;
}

.LinkedTo
{
    background: url('../images/attachwarning.jpg') no-repeat 15px 50%;
	/* x-pos y-pos */
    
    border-top: red solid thin;
    border-bottom: red solid thin;
    margin-bottom: 1em;
    width: 97%;
    padding: 1% 1% 1% 45px;
}

/* New absence shifts control */
.AbsenceShifts
{
    width: 95%;
    margin: 0.5em auto;       
}

.AbsenceShifts .DataGrid .TextBoxShort
{
    font-size: 12px;
    width: 25px;
}

.AbsenceShifts .CalendarTextBox, .AbsenceShifts .Watermark
{	
    width: 6em;
    font-size: 12px;    
}

.AbsenceShifts .DataGrid .DropDownListTime
{
    font-size: 12px;
}

.AbsenceShifts .DataGrid .LinkButton
{
    float: none;
}

.AbsenceShifts #AddExtraShift .Label
{
    margin-top: 6px;
}

.AbsenceShifts .Scrollable
{
    height: 417px;
    overflow: auto;
    
    /* Need these as IE won't add the scrollbars unless these are here */
    overflow-x: hidden;
    overflow-y: scroll;   
    
}

.RtwPanel .AbsenceShifts .Scrollable
{
    height: 105px;
    overflow: auto;
    
    /* Need these as IE won't add the scrollbars unless these are here */    
    overflow-x: hidden;
    overflow-y: scroll;
}

.DataGridWidthContainer
{
    clear: both;
    
    width: 100%;
    overflow: auto;
    
    overflow-x: scroll;
    overflow-y: visible;
}

.DataGridHeightContainer
{
    max-height: 600px;
    overflow-y: auto;
}

.QuestionnairePerformIFrame
{
    width: 100%;
    height: 200px;
    border: solid 1px black;
}