﻿/* Other test changes... */
body
{
    font-size: 85%;
}

.DataGrid, .DataGridSmall
{
    font-size: 85%;    
}

.MainStatsPanel
{
	margin: 0 0 0.5em 0;
}

.ConfigPanel .SectionHeader
{
    margin-bottom: 1em;
}

.HalfHeight
{
    line-height: 50%;
}

.DropDownListShort
{
    width: 10em;
}

/* List Link style changes */
.ListLink
{
    margin: 0.25em 0;
}

.ListLink a
{
    display: block;
    padding: 1em;
}

.ListLink a:hover
{
    background-color: #D3D3D3;
}

#errorsummary_new 
{
	background: #fff6bf url(../images/errorsummary/exclamation.png) no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	width: 96.25%;
}

.modalPopupWide #errorsummary_new
{
	width: 92%;
}

.modalPopupMedium #errorsummary_new
{
	width: 85%;
}

#errorsummary_new h3
{
    margin-top: 0.75em;
}

#errorsummary_new ul li 
{   
	list-style-type:none;
	padding:0 0 0 1.3em;
	margin-left:0;
	margin-bottom:0.3em;
	background-image:url(../images/errorsummary/bullet_green.png);
	background-repeat:no-repeat;
	background-position:left 0px;
}

/* All Label styles */

/* Firstly set all LHS and RHS label classes to have a green text by default */
.Label, .LabelBold, .LabelMediumBold, .LabelMiddle, .LabelMedium, .LabelMediumLong, .LabelLong, .LabelLong2, .LabelVeryLong, .LabelExtraLong, .LabelLongBold, .LabelShort,
.LabelText, .LabelTextWarning, .LabelTextError, .LabelTextBold, .LabelTextLink, .LabelTextAuto, .LabelTextShort, .LabelTextShortSmall,
.LabelHeader, .LabelTextMultiline
{
    color: Green;
}

/* First group are the LHS labels that are always the first element inside the <li> tags for lists */

/* All have things in common, just font-weight and width that differs */
.Label, .LabelBold, .LabelMediumBold, .LabelMiddle, .LabelMedium, .LabelMediumLong, .LabelLong, .LabelLong2, .LabelVeryLong, .LabelExtraLong, .LabelLongBold, .LabelShort
{
    width: 10em;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
}

.LabelMiddle
{
    float: none;
    display: inline;
    margin-left: 10px;
}

.LabelBold, .LabelMediumBold, .LabelLongBold
{
    font-weight: bold;
}

.LabelShort
{
    width: 7.5em;
}

.LabelMedium, .LabelMediumBold
{
    width: 12.5em;
}

.LabelMediumLong
{
    width: 15em;
}

.LabelLong, .LabelLongBold
{
    width: 16em;
}

.LabelLong2
{
    width: 20em;
}

.LabelVeryLong
{
    width: 27em;
}

.LabelExtraLong
{
    width: 34em;
}

/* Now some LabelText styles, these will be spans that appear on the RHS on the <li> elements, e.g. the readonly values */
.LabelText, .LabelTextWarning, .LabelTextError, .LabelTextBold, .LabelTextLink, .LabelTextAuto, .LabelTextShort, .LabelTextShortSmall, .LabelTextMultiline
{
    width: auto;
}

.LabelTextAuto, .LabelTextShort, .LabelTextShortSmall
{
    float: left;
}

.LabelTextWarning, .LabelTextError, .LabelTextBold
{
    font-weight: bold;
}

.LabelTextWarning
{
    color: Orange;
}

.LabelTextError
{
	color: Red;	
}

.LabelTextLink
{
	color: Blue;
	text-decoration: underline;
}

.LabelHeader
{
	
	width: 90%;
}

.LabelTextShort
{
	width: 103px;
	
}

.LabelTextShortSmall
{
	width: 60px;	
}

.LabelTextMultiline
{
    display: inline-block;
    padding: 0.5em;
    border: green 1px dashed;
}

/* User Permission Labels */
.PermissionList
{
	font-weight: bold;	
}

.PermissionList .CheckBox
{
	margin-left: 0.1em;
}

.PermissionList .CheckBox label
{
	margin-left: 0.5em;
}

.PermissionList li
{
	padding: 0;
}

.PermissionList .TopLevelItem
{
	background-color: LightGrey;
}

.PermissionList .SubLevel
{
	background-color: White;
}

.PermissionList .TopLevelItem, .PermissionList .SubLevelItem
{
	margin-bottom: 0.8em;	
}

.PermissionList .SubLevel
{
	padding: 0.5em 0 0 1em;
}

.PermissionList .SubLevel .BottomLevel
{
	padding: 0.25em 0 0 1em;
	font-weight: normal;
}

/* User panel labels */
.UserPanelDiv ul
{    
    margin: 0;
    padding: 0.5em 0.25em;
}

.UserPanelDiv ul li
{
    width: 96%;
}

.UserPanelTitle, .UserPanelLabel, .UserPanelLabelBold, .UserPanelLabelRight, .UserPanelLabelExpired, .UserPanelDueLabel, .UserPanelTextRight, .UserPanelDueLabelExpired, .UserPanelLabelNoMargin
{
    color: Green;
    font-size: 90%;
    margin: 0;
}

.UserPanelTitle, .UserPanelLabel, .UserPanelLabelBold, .UserPanelLabelExpired, .UserPanelDueLabel, .UserPanelDueLabelExpired
{
    margin-left: 10px;
}

.UserPanelLabelRight, .UserPanelTextRight
{
    float: right;
	margin-right: 10px;
}

.UserPanelTitle, .UserPanelLabelBold, .UserPanelLabelExpired, .UserPanelDueLabelExpired
{
    font-weight: bold;
}

.UserPanelTitle
{
    text-decoration: underline;
}

.UserPanelLabelExpired, .UserPanelDueLabelExpired
{
	color: Red;	
}

.UserPanelTextRight
{
	width: 90%;
}

/* Question & Response changes */
.FieldSetResponseWide
{
    width: 97%;
}

/* Shift Pattern Template headers */
.HalfShift
{
    margin-left: 7px;
}

/* All outer controls the same except SptHeaderBasic which doesn't need a bottom margin */
.SptHeaderAdv, .SpAbsenceLarge, .SpAbsence, .SpAbsenceRtw
{
    margin-bottom: 2px;
}

/* All spans the same */
.SptHeaderBasic span, .SptHeaderAdv span, .SpAbsenceLarge span, .SpAbsence span, .SpAbsenceRtw span
{
    float: left;
    display: block;
    color: Green;
    font-size: 100%;
}

/* Day */
.SptHeaderBasic .Day, .SptHeaderAdv .Day, .SpAbsenceLarge .Day, .SpAbsence .Day, .SpAbsenceRtw .Day
{
    text-align: right;
}

.SptHeaderBasic .Day, .SptHeaderAdv .Day
{
    margin-right: 10px;
}

.SpAbsenceLarge .Day, .SpAbsence .Day, .SpAbsenceRtw .Day
{
    margin-right: 10px;
}

.SptHeaderBasic .Day, .SptHeaderAdv .Day, .SpAbsenceLarge .Day, .SpAbsence .Day, .SpAbsenceRtw .Day
{
    width: 7.5em;
}

/* Start */
.SptHeaderBasic .Start
{
    width: 6em;
}

.SptHeaderAdv .Start, .SpAbsenceLarge .Start, .SpAbsence .Start, .SpAbsenceRtw .Start
{
    width: 13.1em;
}

/* To */
.SptHeaderBasic .To, .SptHeaderAdv .To, .SpAbsenceLarge .To, .SpAbsence .To, .SpAbsenceRtw .To
{
    width: 3.4em;
}

/* End */
.SptHeaderBasic .End
{
    width: 6em;
}

.SptHeaderAdv .End
{
    width: 13.1em;
}

.SpAbsenceLarge .End, .SpAbsence .End, .SpAbsenceRtw .End
{
    width: 13.1em;
}

/* Break */
.SptHeaderBasic .Break, .SptHeaderAdv .Break, .SpAbsence .Break, .SpAbsenceRtw .Break
{
    margin-left: 0.5em;
}

/* Half shift */
.SpAbsenceLarge .HalfShift, .SpAbsence .HalfShift
{
    margin: auto auto auto 0.25em;
}

.RtwPanel .AbsenceShiftContainer .LabelMediumLong
{
    width: 7.5em;
}

.holidayEditSingle .CalendarEditButton
{
    background-color: Transparent;
    float: none;
	position:relative;
	margin: -4.3em 0 auto 48.5em;
	
}

.Top
{
    vertical-align: top;
}

.LabelTextMultiline #dhtmltooltipbody
{
	font-size: small;
}

.EmailQueued
{
    color: Red;
    font-weight: bold;
}

.EmailRecent
{
    color: Blue;
}
