#Table1 tr, #Table2 tr, #Table3 tr, #Table4 tr, #Table5 tr, #Table6 tr, #Table7 tr, #Table8 tr, #Table9 tr, #Table10 tr {
    text-align: left;
}

textarea {
   font-family: arial, helvetica, sans-serif;
}


input {
   font-family: arial, helvetica, sans-serif;
}



body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-top: 5px solid #ededed;
	background: #eeedee;
	color: #333;
	font-family: arial, helvetica, sans-serif;
}
a {
	color: #bb2b32;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.HeaderLink, .HeaderLink:hover, .HeaderSpacer
{
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
	color: #333333;
}


.Header
{
    background: #fff;
    border-top: 3px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    color: #777;

}


.HeaderLink
{
	color: #333333;
}


.HeaderLink:hover
{
	text-decoration: underline;
	font-size: 12px;
}

.HeaderSpacer
{
	color: #C0C0C0;
}

.HeaderImage
{
    background: #fff;
    border-top: 3px solid #ffffff;
    /*border-bottom: 1px solid #e0e0e0;*/
    color: #777;
    height: 100px;
}


select.AlternateHtmlControl[multiple] {
    min-width: 210px;
    height: 100px;
}

.PropertyNotAvailableText, .ContentText, .ContentText:hover, .ContentPanel, .GroupContentPanel, .ContentHeading, .ContentPanelHeading, .HtmlControl, .LegalAgreement, .DisabledContentHeading, .ContentMainText
{
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	border-radius: 4px;
}

/* Added on 17/01/2015 */
.NumericContentText
{
	text-align: right;
	color: #000000;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}
/* Added on 17/01/2015 */

.PropertyNotAvailableText
{
	font-style: italic;
}

.ContentText:hover
{
	/*text-decoration: underline;*/
}

.ContentHeading:hover
{
	/*text-decoration: underline;*/
}

.HtmlControl
{
	border: solid 1px #cccccc;
}


.Button
{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	background-color: #333;
	border: none;
	border-radius: 3px;
	padding: 10px;
}
.Button:hover {
	cursor: pointer;
	background: #000;
}
.ContentPanel
{
	text-align:left;
	border: solid 0px #cccccc;
	margin: 0px;
}


.ContentHeading, .ContentPanelHeading, .DisabledContentHeading
{
	font-weight: bold;
	font-size: 15px;
}

.DisabledContentHeading
{
	color: #999999;
}

.ContentPanelHeading
{
	padding: 1px 1px 1px 1px;
	float: none;
    	background-color: #13A3F7;
	color: #FFF;
}


.AlternatePropertyNotAvailableText, .AlternateContentText, .AlternateContentText:hover, .AlternateContentPanel, .AlternateContentHeading, .AlternateContentPanelHeading, .AlternateHtmlControl, .AlternateDisabledHtmlControl, .AlternateContentMainText
{
	color: #333333;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
}


.AlternatePropertyNotAvailableText
{
	font-style: italic;
}

a.AlternateContentText:hover
{
	text-decoration: underline;
}

a.AlternateContentHeading:hover
{
	text-decoration: underline;
}

.AlternateHtmlControl, .AlternateDisabledHtmlControl
{
	border: solid 1px #cccccc;
}


.AlternateDisabledHtmlControl
{
	background-color: lightgrey;
}

.AlternateButton
{
	color: #630000;
	border: solid 1px #cccccc;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	background-color: #cccccc;
}


.AlternateContentPanel
{
	text-align:left;
	border: solid 1px #cccccc;
	margin: 0px;
}


.AlternateContentPanel th, .AlternateContentPanel td {
	padding: 5px;
}
.AlternateContentHeading, .AlternateContentPanelHeading
{
	font-weight: bold;
	font-size: 13px;
}

.AlternateContentPanelHeading
{
	padding: 1px 1px 1px 1px;
	float: none;
    	background-color: #13A3F7;
	color: #FFF;
}


.ErrorContentText, .ErrorContentPanel, .ErrorContentHeading, .ErrorContentPanelHeading
{
	color: red;
	font-size: 8pt;
	font-weight: bold;
}

.ErrorContentPanel
{
	margin: 0px;
	background-color: #FF000C;
}

.ErrorContentPanelHeading
{
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #FF000C;
}

.SuccessContentText, .SuccessContentPanel, .SuccessContentHeading, .SuccessContentPanelHeading
{
	font-family: Arial;
	font-size: 12px;
}


.SuccessContentPanel
{
	border-right: #0CA02F 1px solid;
	border-top: #0CA02F 1px solid;
	margin: 0px;
	border-left: #0CA02F 1px solid;
	border-bottom: #0CA02F 1px solid;
	background-color: #B6F5BD;
}

.SuccessContentHeading, .SuccessContentPanelHeading
{
	font-weight: bold;
}

.SuccessContentPanelHeading
{
	text-align:center;
	height:10px;
	padding: 1px 1px 1px 1px;
}


.InformationText, .InformationText:hover
{
	font-size: 12px;
	color: #bb2b32;
	font-style: italic;
	text-decoration: none;
}

.InformationText:hover
{
	/*text-decoration: underline;*/
}
a.InformationText:hover {
	text-decoration: underline;
}

.SpecialInstructionText
{
	font-size: 12px;
	color: green;
	font-style: italic;
	text-decoration: none;
}

.LegalAgreement
{
	border-right: #639CFF 1px solid;
	border-top: #639CFF 1px solid;
	overflow: auto;
	border-left: #639CFF 1px solid;
	border-bottom: #639CFF 1px solid;
	background-color: White;
}

.WarningContentText, .WarningContentPanel, .WarningContentHeading, .WarningContentPanelHeading
{
	font-size: 8pt;
	color: #630000;
}

.WarningContentPanel
{
	border-right: darkorange 1px solid;
	border-top: darkorange 1px solid;
	margin: 0px;
	border-left: darkorange 1px solid;
	border-bottom: darkorange 1px solid;
	background-color: lemonchiffon;
}

.WarningContentPanelHeading
{
	padding-right: 1px;
	padding-left: 1px;
	font-weight: bold;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: lemonchiffon;
	background-image: url(/ePathway/0221/Web/Images/warningheadingbackground.gif);
}

.Title
{
	background-color: #ff9c00;
}
.DayHeader 
{
	background-color: #639cff;
}
.Day 
{
	background-color: #ffffff;
	color: #555555;
}

/* ---------- PopUp Date Picker ---------- */

.DatePicker
{
	padding: 1px;
	vertical-align: middle;
}

image.DatePickerImage
{
	padding-left: 2px;
	border: none;
	vertical-align: middle;	
}

iframe.DatePicker
{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	visibility: hidden;
	width: 1px;
	height: 1px;
}
table.DatePicker
{
	padding: 0px;
	visibility: hidden;
	position: absolute;
	cursor: default;
	width: 200px;
	top: 0px;
	left: 0px;
	z-index: 2;
	text-align: center;
}

/* IMPORTANT:  The DatePicker calendar script requires all the classes defined here.   */
table.DatePicker
{
       padding: 1px;
       vertical-align: middle;
       border: solid 1px;
       font-size: 10pt;
       font-family: Verdana,Arial,Helvetica,Sans-Serif;
       font-weight: bold; 
       border-radius: 4px;
       border-color: #b3b3b3;
}

td.DatePickerDrag, td.DatePickerHead
{
	padding: 0px 0px;
	text-align: center;
}
td.DatePickerDrag
{
	font-size: 8pt;
}
select.DatePickerHead
{
       margin: 3px 1px;
       text-align: center;
       color: #333333;
       font-family: Arial;
       font-size: 14px;
       text-decoration: none;
       border-radius: 4px;
}

input.DatePickerHead
{
       height: 22px;
       width: 22px;
       vertical-align: middle;
    	text-align: center;
       margin: 2px 1px;
       color: #333333;
       font-family: Arial;
       font-size: 12px;
       text-decoration: none;
       border-radius: 4px;
}
#scwHeadLeft
{
       font-family: Arial;
       font-size: 14px;
       font-weight:600;
}
#scwHeadRight
{
       font-family: Arial;
       font-size: 14px;
       font-weight:600;
}

td.DatePickerWeekNumberHead, td.DatePickerWeek
{
	padding: 0px;
	text-align: center;
	font-weight: bold;
}
td.DatePickerNow, td.DatePickerNowHover, td.DatePickerNow:hover, td.DatePickerNowDisabled
{
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}
table.DatePickerCells
{
	text-align: right;
	font-size: 8pt;
	width: 96%;
}
td.DatePickerCells, td.DatePickerCellsHover, td.DatePickerCells:hover, td.DatePickerCellsDisabled, td.DatePickerCellsExMonth, td.DatePickerCellsExMonthHover, td.DatePickerCellsExMonth:hover, td.DatePickerCellsExMonthDisabled, td.DatePickerCellsWeekend, td.DatePickerCellsWeekendHover, td.DatePickerCellsWeekend:hover, td.DatePickerCellsWeekendDisabled, td.DatePickerInputDate, td.DatePickerInputDateHover, td.DatePickerInputDate:hover, td.DatePickerInputDateDisabled, td.DatePickerWeekNo, td.DatePickerWeeks
{
	padding: 3px;
	width: 16px;
	height: 16px;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	vertical-align: middle;
}
/* Blend the colours into your page here...    */
/* Calendar background */
table.DatePicker
{
       background-color: white;
}

/* Drag Handle */
td.DatePickerDrag
{
	background-color: #333;
	color: #aaa;
}
/* Week number heading */
td.DatePickerWeekNumberHead
{
	color: #bb2b32;
}
/* Week day headings */
td.DatePickerWeek
{
	color: #000;
}
/* Week numbers */
td.DatePickerWeekNo
{
	background-color: #e5e5e5;
	color: #bb2b32;
}
/* Enabled Days */
/* Week Day */
td.DatePickerCells
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ededed;
       color: #000000;
}

table.DatePicker {
    border-collapse: separate;
    border-spacing: 2px;
}


/* Day matching the input date */
td.DatePickerInputDate
{
       background-color: #d5000e;
       color: #ffffff;
}

/* Weekend Day */
td.DatePickerCellsWeekend
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ededed;
    border: 1px solid #d3d3d3;
       color: #555555;
}

/* Day outside the current month */
td.DatePickerCellsExMonth
{
       background-color: #ffffff;
       color: #C9C9C9;
}

/* Today selector */
td.DatePickerNow
{
       background-color: #ffffff;
       color: #000000;
}

/* Clear Button */
td.DatePickerClear
{
	padding: 0px;
}
input.DatePickerClear
{
	padding: 0px;
	text-align: center;
	font-size:8pt;}
/* MouseOver/Hover formatting '                  
       If you want to "turn off" any of the formatting 
       then just set to the same as the standard format
       above.'                                   
 '                                               
       Note: The reason that the following are'  
       implemented using both a class and a :hover'
       pseudoclass is because Opera handles the rendering' +
       involved in the class swap very poorly and IE6 '    +
       (and below) only implements pseudoclasses on the
       anchor tag.'                              
*/
/* Active cells */
td.DatePickerCells:hover, td.DatePickerCellsHover
{
	background-color: #bb2b32;
	cursor: pointer;
	color: #fff;
}
/* Day matching the input date */
td.DatePickerInputDate:hover, td.DatePickerInputDateHover
{
	background-color: #bb2b32;
	cursor: pointer;
	color: #fff;
}
/* Weekend cells */
td.DatePickerCellsWeekend:hover, td.DatePickerCellsWeekendHover
{
	background-color: #bb2b32;
	cursor: pointer;
	color: #fff;
}
/* Day outside the current month */
td.DatePickerCellsExMonth:hover, td.DatePickerCellsExMonthHover
{
	background-color: #bb2b32;
	cursor: pointer;
	color: #fff;
}
/* Today selector */
td.DatePickerNow:hover, td.DatePickerNowHover
{
       color: #000000;
			cursor: pointer;
	font-weight: bold;
}

/* Disabled cells */
/* Week Day */
/* Day matching the input date */
td.DatePickerInputDateDisabled
{
	background-color: #999999;
	color: #000000;
}
td.DatePickerCellsDisabled
{
	background-color: #999999;
	color: #000000;
}
/* Weekend Day */
td.DatePickerCellsWeekendDisabled
{
	background-color: #999999;
	color: #CC6666;
}
/* Day outside the current month */
td.DatePickerCellsExMonthDisabled
{
	background-color: #999999;
	color: #666666;
}
td.DatePickerNowDisabled
{
	background-color: #6666CC;
	color: #FFFFFF;
}

/* ----------  Menu ---------- */

.menupanel
{
	text-align:left;
	background-color:#ededed;
	background-image:none;
	height:auto;
	width:100% !important;
}

.groupmenu
{
	background-color:inherit;
	text-align:left;
	font-weight:100;
	font-family: Arial;
	font-style:normal;
	color:#333333;
	font-size: 15px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	width: 80%;
}
.groupmenuitem
{
	text-align:left;
	font-weight:100;
	font-family: Arial;
	font-style:normal;
	color:#FFFFFF;
	font-size: 12px;
}

.groupmenuselected
{
	 Background-color:#13A3F7;
}


.submenu
{
	/* This is required for IE8 */
	z-index: 1;
	/*--------------------------*/
	background-color: Red;
	border-bottom-style:none;
	font-family: Arial;
	font-size: 12px;
	font-style: bold;
	color:#333333;
	padding:0px;
	
}

.submenuitem
{
	background-color: #CCCCCC;
	padding-left:8px;
	padding-right:11px;
	padding-top:5px;
	padding-bottom:5px; 
	color:#333333;
	font-weight:100;
	font-family: Arial;
	font-style: normal;
	font-size: 15px;
}
.submenuitem:hover
{
	color:#FFFFFF;
}

.groupmenuhover
{
	 color:#D5000E;
}

.submenuhover
{
	Background-color:#13A3F7;
    color:#ffffff;
}



fieldset {
	border: 1px solid #cfcfcf;
	background: #fff url(Images/fieldset.gif) repeat-x;
	margin-bottom: 15px;
	margin-top: 10px;
}
legend {
	font-weight: bold;
	background: #eeedee;
	color: #333;
}
fieldset fieldset {
	background: #fff;
}
fieldset fieldset legend {
	background: none;
}

.GroupContentPanel table tbody tr td{
	text-align: left;

}

/* ADDED ON 17/01/2015 */
#aspnetForm 
{
	margin: 0px auto 50px; 	width: 980px; background: #fff;
}

@media (max-width: 980px) {
    #aspnetForm 
        {
        width: 100%;
    }
}

table
{
	border-spacing: 0px;
}

DIV.ContentPanel TABLE {
	WIDTH: 100%
}

.AlternateContentPanel td
{
	padding: 2px 0px;
}

.AlternateContentPanelHeading th
{
	padding: 2px 10px;
}

.ContentPanel td
{
	padding: 2px 0px;
}
.menuSmallFont
{
	font-size: 11px !Important;
}


@media screen and (max-width: 380px) 
{
    
     @-ms-viewport {width: device-width;} 
     
    .menupanel {
        display:none;
    }
    .AlternateContentMainText {
        display:none;
    } 
    .ContentMainText {
        display:none;
    }  

}


.GroupContentPanel
{
	text-align:left;
	margin: 0px;
	background-color: #FFFFFF; 

}

.GroupContentPanel legend
{
	FONT-WEIGHT: bold; 	
	TEXT-DECORATION: none;
	width: 97%; 
	background-color: #333333; 
	margin-left: -7px; 
	padding: 5px;
	padding-top: 10px !important;
	color: white !important;

}

.GroupContentPanel fieldset
{
	border: 0px 
	transparent none;
	padding-top:5px;
	width:97%;
}

.ConfirmationPageHeading
{
	text-align:left;
	font-weight: bold;
	background-color: #b3b3b3; 
}

.ConfirmationGroupHeading
{
	text-align:left;
	font-weight: bold;
	background-color: #d9d9d9; 
}

.tab
{
    border:solid 1px #cccccc;
    background-color: #cccccc;
    padding:2px 3px;
    font-size: 10px;
    font-family: Arial;
    text-decoration: none;
    color: #333333; 
}

.tabcontents
{
    border:solid 1px #cccccc;
    padding:5px;
    background-color: #FFFFFF;
    max-width: 600px;
}

.tab:hover
{
	background-color: #13A3F7;
       color:#ffffff;
}

.Button, .gobutton
{
	color: #FFFFFF;
	border: solid 0px #13a3F7; 
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	background-color: #13a3F7; 
	cursor:pointer;
	padding: 4px 8px 4px 8px;
	border-radius: 4px 4px 4px 4px;
}

/* STAGE NAVIGATION BREADCRUMBS */

ul{
  margin: 0;
  padding: 0;
  list-style: none;

}
#mBreadcrumbs{
  overflow: hidden;
  width: 100%;
}

#mBreadcrumbs li{
  float: left;
  margin: 0 .05em 0 1em ;
}

#mBreadcrumbs a{
  background: #ddd;
  padding: .11em 1em;
  float: left;  
  text-decoration: none;
  color: #444;
  text-shadow:  0 1px 0 rgba(255,255,255,.5); 
  position: relative;

}

#mBreadcrumbs  a.clickable:hover{
  background: #ddd;
}

#mBreadcrumbs a::before,
#mBreadcrumbs a::after{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #ddd;
}

#mBreadcrumbs a::before{

  left: -.5em;
  border-radius: 5px 0 0 5px;
}

#mBreadcrumbs a.clickable:hover::before{
  background: #ddd;
}

#mBreadcrumbs a::after{
  right: -.5em;   
  border-radius: 0 5px 5px 0;
}

#mBreadcrumbs  a.clickable:hover::after{
  background: #ddd;
}

#mBreadcrumbs a.clickable:hover{
  font-weight: bold;
  background: #ddd;
}

#mBreadcrumbs .current,
#mBreadcrumbs .clickable{
  font-weight: bold;
  background: #2db329;  
}

#mBreadcrumbs .current::after,
#mBreadcrumbs .current::before,
#mBreadcrumbs .clickable::after,
#mBreadcrumbs .clickable::before{
  font-weight: bold;
  background: #2db329; 
}


/* Page Loading Spinner */
#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}


.fieldBoolean input[type="checkbox"] + label {
float: right;
}
p {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
}