/*================================================================================
	Classes
================================================================================*/

.clear 
{
	clear: both;
}

.sml {
	font-size: 75%;
}

.red {
	color:#c33;
}

.cen {
	text-align:center;
}

.filter {
	background: #C0FFC0;
	height: auto;
	text-indent: 15px;
	border: 1px solid #693;
}

.historical 
{
	font-size: 75%;
	color: #ccc;
	font-style: italic;
}

.error {
	display: block;
	width: 95%;
	height: auto;
	border: 3px double #000;
	background: #000;
	color: #fff;
	font-weight: 700;
	padding: 20px;
}

.comp {
	/*border: 1px solid #c33;*/
	background: #efefef;
}

.editRow {
	background: #E8FFE8 /*C0FFC0*/;
}

.lightBorder {
	display: block;
	padding: 2px;
	border: solid 1px #ccc;
	height: auto;
	width: 90%;
	line-height: 1.5em;
}

.right {
	float: right;
	margin: 0 0 10px 10px;	
}

.left {
	float: left;
	margin: 0 10px 10px 0;	
}

img.thumb {
	position: absolute;
	right: 30px;
	width: 100px;
	height: 100px;
	border: solid 2px #06c;
}

span.totals {
	display: inline-block;
	border-top: double 3px #c33;
	border-bottom: double 3px #c33;
	padding: 2px 5px;
	margin: 5px 0 0 0;
	font-weight: 700;
	background: #FFF4F4;
}

.notes {
	width: 98%;
	height: auto;
	font-weight: 700;
	margin: 5px 0;
	background: #efefef;
	border: 3px double #c33;
	padding: 10px;

}

.staff 
{
	height: 30px;
	line-height: 29px;
	background: #efefef;
	border-bottom: solid 1px #999;
}

.staff div 
{
	width: 90%;
	padding: 0 0 0 10px;
}

.gvFooter 
{
	height: 30px;
	line-height: 29px;
	font-weight: 700;
	border: none;
	text-align: right;
}

.messages 
{
	height: 300px;
	overflow:auto;
}

.half 
{
	width: 49%;
	float: left;
	margin: 0 10px 0 0;
}

/*================================================================================
Accordian
================================================================================*/
.accHead,.accHeadOn {
	background: #06c url(/_sitefiles/_images/open.png) 2px center no-repeat;
	color: #fff;
	
	text-indent: 20px;
	height: 20px;
	line-height: 19px;
	cursor: pointer;
	border-bottom: solid 1px #fff;
}
.accHeadOn 
{
	font-weight: 700;
	background: #360 url(/_sitefiles/_images/close.png) 2px center no-repeat;
}

.accContent {
	background: #EBFFD7;
	border: solid 1px #360;
	padding: 0 5px;
}

.accContentPlain 
{
	border: solid 1px #360;
	margin: 0 0 1px 0;
}
/*================================================================================
Panels used by status
================================================================================*/
.st_ok,
.st_delete,
.st_error,
.st_info,
.st_status {
	display: block;
	width: 98%;
	height: 50px;
	line-height: 49px;
	padding: 5px 10px;
	margin: 5px auto;
	text-indent: 80px;
	color: #000;
}

.st_ok {
	border: solid 1px #6c6;
	background: #cf9 url(../_images/status_ok.png) 10px 5px no-repeat;
}

.st_delete {
	border: solid 1px #c60;
	background: #fc9 url(../_images/status_delete.png) 10px 50% no-repeat;
}

.st_info,
.st_error,
.st_ok {
	height: auto;
	line-height: normal;
	padding: 25px 10px 15px 10px;
}

.st_error {
	border: solid 1px #c33;
	background: #fcc url(../_images/status_error.png) 10px 5px no-repeat;
}

.st_error ul {
	color: #000;
}

.st_info {
	border: solid 1px #006;
	background: #9cf url(../_images/status_info.png) 10px 5px no-repeat;
}

.st_status {
	border: solid 1px #99f;
	background: #ffc url(../_images/status_info.png) 10px 5px no-repeat;
}

.st_hide {
	display: none;
}
.st_show 
{
	display: block;
}

.st_error span,
.st_info span,
.st_delete span,
.st_ok span {
	display: block;
	width: 95%;
	height: auto;
	margin: 0 0 0 80px;
	text-indent: 0;
 }
/*================================================================================
Defined colours
================================================================================*/
.notApp {
	background: #f33;
}

.appProgress {
	background: #6c6;
}

.handled {
	background: #f90;
}

.fullCase {
	background: #c6c;
}

.transLic {
	background: #ff0;
}

.newEnquiry {
	background: #603;
	color: #fff;
}

.archived {
	background: #06c;
}

.black {
	background: #000;
	color: #fff;
}

/*================================================================================
Used to handle the add options within a GridView
================================================================================*/
.footAdd {
	background: #fc9;
}

.footAdd span {
	font-weight: 700;
}

/*================================================================================
Calendar
================================================================================*/
.MyCalendar .ajax__calendar_container {
    border: solid 1px #06c;
    background: #efefef;
    color: #000;
    padding: 0;
    height: 181px;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #06c;
    font-weight: 700;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #c33;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.MyCalendar .ajax__calendar_header,
.MyCalendar .ajax__calendar_today {
	background: #ccc;
}

.MyCalendar .ajax__calendar_header {
	border-bottom: solid 1px #06c;
}

.MyCalendar .ajax__calendar_today {
	border-top: solid 1px #06c;
	margin: 0;
	padding: 0;
}

.MyCalendar .ajax__calendar_header .ajax__calendar_next {
	position: absolute;
	top: 0;
	right: 4px;
}

.MyCalendar .ajax__calendar_header .ajax__calendar_title {
	position: absolute;
	top: 2px;
	left: 0;
}