body
{
}

/*Page Level Styles*/
.WithImageBody
{
	background-position: right bottom;
	margin-top: 0px;
	background-attachment: scroll;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-color: white;
}

.WithOutImageBody
{
	margin-top: 0px;
	margin-left: 5px;
	background-color: white;
}

/* Centred Buttons */
.centeredMain
{
	left: 25%;
	color: white;
	position: relative;
	top: 50%;
	display: inline;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.centerFieldset
{
	text-align: center;
	left: 20%;
	color: white;
	position: relative;
	top: 20%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.centerFieldset FIELDSET
{
	display: inline;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.leftPanel
{
	left: 15;
	position: absolute;
	top: 375px;
}

.cssDataGridSortHeader
{
	vertical-align: bottom;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: white;
	font-style: normal;
	font-family: Arial, Helvetica, Sans-Serif;
	background-color: #004438;
}
.cssDataGridPager
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: black; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, Sans-Serif; 
	BACKGROUND-COLOR: #edefdb; 
	word-spacing: 4px; 
} 

/* Links mouseover effects */
A.cssLinks:link
{
	color: blue;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
A.cssLinks:visited
{
	color: blue;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
A.cssLinks:active
{
	color: blue;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
A.cssLinks:hover
{
	color: red;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

.dropshadowBorder
{
	border-style:outset;
	border-color: black;
	border-width:2.5px;
	
}

/* Coloured Panel Links mouseover effects */
A.colouredCssLinks:link
{
	color: white;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
A.colouredCssLinks:visited
{
	color: white;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
A.colouredCssLinks:active
{
	color: white;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
A.colouredCssLinks:hover
{
	color: red;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

.PopUpCalendarStyle
{
	position: absolute;
	visibility: visible;
	margin: 0px 0px 0px -27px;
	z-index: 99;
	border: solid 2px black;
}
.UpdatePanelContainer
{
	width: 260px;
	height: 110px;
}
.COLButtonCalNav
{
	font-weight: bold;
	font-size: 8pt;
	width: 25px;
	color: black;
	font-family: Arial, Verdana, Helvetica;
	height: 20px;
	background-color: #d9dbc7;
}
.COLButtonCalClose
{
	font-weight: bold;
	font-size: 7pt;
	width: 100px;
	color: black;
	font-family: Arial, Verdana, Helvetica;
	height: 20px;
	background-color: #d9dbc7;
}
.COLCalToday
{
	border-right: 2px solid;
	border-top: 2px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: 2px solid;
	width: 14%;
	color: #663399;
	border-bottom: 2px solid;
	font-family: Arial, Verdana;
	text-align: center;
}
.COLCalDay
{
	border-right: 1px solid;
	border-top: 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: 1px solid;
	width: 14%;
	color: #004438;
	border-bottom: 1px solid;
	font-family: Arial, Verdana;
	text-align: center;
}
.COLCalDayHeader
{
	border-right: 1px solid;
	border-top: 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: 1px solid;
	width: 14%;
	color: black;
	border-bottom: 1px solid;
	font-family: Arial, Verdana;
	background-color: silver;
	text-align: center;
}
.COLCalSelectedDay
{
	border-right: 1px solid;
	border-top: 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: 1px solid;
	width: 14%;
	color: white;
	border-bottom: 1px solid;
	font-family: Arial, Verdana;
	background-color: silver;
	text-align: center;
}
.COLCalOtherMonth
{
	border-right: 1px solid;
	border-top: 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: 1px solid;
	width: 14%;
	color: silver;
	border-bottom: 1px solid;
	font-family: Arial, Verdana;
	text-align: center;
}
.COLCalendar
{
	border-left-color: #004438;
	border-bottom-color: #004438;
	width: 195px;
	border-top-style: solid;
	border-top-color: #004438;
	border-right-style: solid;
	border-left-style: solid;
	height: 60px;
	background-color: white;
	border-right-color: #004438;
	border-bottom-style: solid;
}
.cssReadOnly
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Times New Roman, Times, serif;
	background-color: #edefdb;
	border: None;
}
.cssInput
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Times New Roman, Times, serif;
	background-color: #edefdb;
}
.cssInputRightJust
{
	text-align: right;
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Times New Roman, Times, serif;
	background-color: #edefdb;
}
.cssInputRadioCheck
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Times New Roman, Times, serif;
	background-color: #edefdb;
	border: None;
}

.MaskedEditFocus
{
	background-color: #ffffcc;
	color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
	background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
	background-color: #ffffcc;
	color: #000000;
}
.MaskedEditBlurNegative
{
	color: #ff0000;
}



/* City of London AJAX Calendar Extender */body
{
}
.CalendarExtender .ajax__calendar_container
{
	border: 1px solid #004438;
	background-color: #edefdb;
	color: black;
	z-index : 1004;
}
.CalendarExtender .ajax__calendar_footer
{
	border-top: 1px solid #004438;
	font-weight: bold;
}
.CalendarExtender .ajax__calendar_dayname
{
	border-bottom: 1px solid #004438;
	color: black;
	font-weight: bold;
	text-align: center;
}
.CalendarExtender .ajax__calendar_day
{
	border: 1px solid #004438;
	color: #004438;
	text-align: center;
	background-color: #ffffff;
	text-align: center;
}
.CalendarExtender .ajax__calendar_month
{
	border: 1px solid #004438;
	text-align: center;
	background-color: #ffffff;
	text-align: center;
}
.CalendarExtender .ajax__calendar_year
{
	border: 1px solid #004438;
	text-align: center;
	background-color: #ffffff;
	text-align: center;
}
.CalendarExtender .ajax__calendar_active .ajax__calendar_day
{
	font-weight: bold;
	background-color: #f19d21;
	border-color: #0066cc;
	color: #004438;
	text-align: center;
}
.CalendarExtender .ajax__calendar_active .ajax__calendar_month
{
	font-weight: bold;
	background-color: #f19d21;
	border-color: #0066cc;
	color: #0066cc;
	text-align: center;
}
.CalendarExtender .ajax__calendar_active .ajax__calendar_year
{
	font-weight: bold;
	background-color: #f19d21;
	border-color: #0066cc;
	color: #0066cc;
	text-align: center;
}
.CalendarExtender .ajax__calendar_other .ajax__calendar_day
{
	background-color: #ffffff;
	border-color: #004438;
	color: silver;
	text-align: center;
}
.CalendarExtender .ajax__calendar_other .ajax__calendar_year
{
	background-color: #ffffff;
	border-color: #004438;
	color: silver;
	text-align: center;
}
.CalendarExtender .ajax__calendar_hover .ajax__calendar_day
{
	font-weight: bold;
	background-color: #f9d587;
	border-color: #daf2fc;
	color: #0066cc;
	text-align: center;
}
.CalendarExtender .ajax__calendar_hover .ajax__calendar_month
{
	font-weight: bold;
	background-color: #f9d587;
	border-color: #daf2fc;
	color: #0066cc;
	text-align: center;
}
.CalendarExtender .ajax__calendar_hover .ajax__calendar_year
{
	font-weight: bold;
	background-color: #f9d587;
	border-color: #daf2fc;
	color: #0066cc;
	text-align: center;
}
.CalendarExtender .ajax__calendar_hover .ajax__calendar_title
{
	color: #f19d21;
}
.CalendarExtender .ajax__calendar_hover .ajax__calendar_today
{
	color: #f19d21;
}


/* TabStrip*/
.COLTabs .ajax__tab_header 
{
	font-family:Arial, Verdana, Helvetica;
    font-size:12px;
}

.COLTabs .ajax__tab_outer 
{
}
.COLTabs .ajax__tab_inner 
{
}
.COLTabs .ajax__tab_tab 
{
	font-weight: bold; 
    font-size: 12px; 
    cursor: hand; 
    font-family: arial, verdana, helvetica; 
    color:black;
    border:solid 1px black;
    background:#d9dbc7;
    width:130px;
 }
 
.COLTabs .ajax__tab_hover .ajax__tab_outer 
{
}

.COLTabs .ajax__tab_hover .ajax__tab_inner 
{
}

.COLTabs .ajax__tab_hover .ajax__tab_tab 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	CURSOR: hand; 
	FONT-FAMILY: Arial, Verdana, Helvetica;
	background:#004438;
	color:white;
}
.COLTabs .ajax__tab_active .ajax__tab_outer 
{
}

.COLTabs .ajax__tab_active .ajax__tab_inner 
{
}

.COLTabs .ajax__tab_active .ajax__tab_tab 
{
   font-weight  : bold;
   font-size: 12px; 
   cursor: hand; 
   font-family: arial, verdana, helvetica; 
   border:solid 1px black;
   border-bottom:none;
   background:white;
   color:black;
   width:130px;
}

.COLTabs .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border-left:1px solid #999999;
    border-top:1px solid #999999;
    padding:8px;
    background-color:#ffffff;
    width:95%;
    height:100%;
}

/*Autocomplete flyout Styles*/
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #edefdb;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
	width: inherit;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: white; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	BACKGROUND-COLOR: #004438;
	padding: 1px;
	width: 99%;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	background-color : #edefdb;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: black; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	padding : 1px;
	width: inherit;
}

/*Used to create a scrollable asp.net Panel*/
.contents
{
   background-color:white;
   width:100%;
   height:350px;
}