/*--------------------------------------------------------------

Styles for Customer Area

[Colour Codes]

#560041; (Purple)
#C9AC68; (Gold);

--------------------------------------------------------------*/

/*--------------------------------------------------------------
[Layout]

* body
				+ Header 
					/ #home h1, #content h1
				+ Content 
					/ #content_holder, #bill_itemisation
				+ Sidebar 
					/ #sidebar
				+ Footer 
					/ #footer

Navigation		#nav

--------------------------------------------------------------*/

/* BILL */

.nav_holder
{
	background: #560041;
}

.nav_holder h3
{
	width: 170px;
}

.xl_nav
{
	float: right;
}

.xl_nav ul
{
	list-style-type: none;
	display: inline;
	position: relative;
	top: 5px;
}

.xl_nav ul li
{
	display: inline;
}

/* */

.right
{
	float: right;
}

.date
{
	color: #000;
}

.total
{
	color: #c00;
	font-weight: bold;
}

span.conditions label
{
	padding-left: 5px;
}

ul.options
{
	margin-top: 10px;
}

table.invoice a:link, table.invoice a:visited, ul.options li a:link, ul.options li a:visited, p.breadcrumbs a:link, p.breadcrumbs a:visited
{
	color: blue;
	text-decoration: underline;
}

table.invoice a:hover, table.invoice a:active, ul.options li a:hover, ul.options li a:active, p.breadcrumbs a:hover, p.breadcrumbs a:active
{
	color: #c00;
}

table#account
{
	border-collapse: collapse;
	text-align: left;
	margin-bottom: 10px;
}

table#account th
{
	width: 220px;
}

.summary
{
	font-size: 0.9em;
}

.login
{
	background: #efefef;
	border: 1px solid #aaa;
	min-height: 500px;
	padding: 10px;
}

table.login
{
	background: #E9ECEE;
	border: 1px solid #aaa;
	text-align: left;
	width: 100%;
}

table.login th, table.login td
{
	border-bottom: 1px solid #ccc;
	padding: 5px 3px;
	font-weight: normal;
}

table.login th
{
	border-right: 1px solid #ccc;
}

table.login td
{
	background: #F0F0F0;
}

table.bill
{
	border-collapse: collapse;
	text-align: left;
	margin: 5px 0px;
	font-size: 1em;
}

.export, .exportcalls
{
	font-size: 0.8em;
	padding-right: 3px;
	padding-left: 22px;
	background: url(images/export.png) top left no-repeat;
}

.exportcalls
{
	position: relative;
	top: 40px;
}

#filter
{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 0.9em;
	padding-left: 10px;
	padding-bottom: 5px;
}

.overview
{
	font-size: 1.3em;
}

#content_holder h3.invoice
{
	font-size: 0.9em;
	margin: 10px 0px 0px;
	padding: 8px 10px;
	color: #fff;
	background: #560041;
}

#content_holder .form_section
{
	padding-top: 10px;
}

.summary h3
{
	padding-top: 10px;
}

table.profile, table.invoice, table.itembrief
{
	border-collapse: collapse;
	width: 100%;
	padding-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	margin: 0px 10px 10px 0px;
	text-align: left;
}

table.profile
{
	border: 1px solid #ccc;
	margin: 0px 10px 10px 0px;
	text-align: left;
}

table.itembrief
{
	width: 600px;
	border-top: none;
}

table.itembrief th
{
	font-weight: normal;
}

tr.overview th
{
	border-bottom: none;
}

tr.over
{
	background: #ecf6fc;
}

tr.alt
{
	background: #efefef;
}

table.profile tr.single th, table.profile tr.single td
{
	border-bottom: none;
	background: #fff;
}

table.profile .link
{
	text-align: right;
}

table.profile th
{
	width: 260px;
}

table.invoice th, table.invoice td, table.itembrief th, table.itembrief td
{
	padding-left: 10px;
	font-size: 0.9em;
	border-bottom: 1px solid #ccc;
	padding: 6px 6px 6px 12px;
}

table.profile th, table.profile td
{
	font-weight: normal;
	padding: 2px 10px;
	height: 26px;
	border-bottom: 1px solid #ccc;
}

table.profile th
{
	background: #E9ECEE;
	border-right: 1px solid #ccc;
}

table.profile td
{
	background: #F0F0F0;
}

table.invoice th
{
	background: #E9ECEE;
}

.AspNet-GridView-Pagination
{
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 20px;
	background: #560041;
	border: 1px solid #aaa;
	border-top: none;
	text-align: center;
	color: #fff;
}

AspNet-GridView-Pagination a
{
	border: 1px solid #fff;
	padding: 4px;
	margin: 0px 24px;
}

.paging a, .paging span
{
	padding: 3px 6px;
	border: 1px solid #c9ac68;
}

.paging a
{
	color: #560041;
	font-weight: normal;
	background: #eee;
}

.paging span
{
	text-decoration: none;
	color: #fff;
	background: #C9AC68;
}

.paging a:link, .paging a:visited
{
	color: #560041;
	text-decoration: none;
}

.paging a:hover, .paging a:active
{
	text-decoration: underline;
	color: #000;
}

table.profile th, table.invoice th
{
	border-right: 1px solid #ccc;
}

table .centre
{
	text-align: center;
}

table.itemisation
{
	border-collapse: collapse;
	border: 1px solid #aaa;
	border-bottom: none;
	width: 100%;
}

table.itemisation .alt
{
	background: #F0F0F0;
}

table.itemisation .over
{
	background: #C9AC68;
}

table.itemisation .over td
{
	color: #fff;
}

table.itemisation th, table.itemisation td
{
	border-right: 1px solid #ccc;
}

table.itemisation .paging td
{
	background: #ecf6fc;
}

table.itemisation .clicked
{
	font-weight: bold;
}

#bill_itemisation table.itemisation th
{
	font-size: 0.9em;
}

table.itemisation th
{
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #560041 url(images/bg_header.jpg) no-repeat;
}

table.itemisation a
{
	display: block;
}

table.itemisation th a:link, table.itemisation th a:visited
{
	color: #fff;
	text-decoration: none;
}

table.itemisation th a:hover, table.itemisation th a:active
{
	text-decoration: underline;
}

table.itemisation td
{
	border-bottom: 1px solid #efefef;
	padding: 6px 6px 6px 12px;
	color: #000;
	font-size: 0.8em;
}

table.itemisation a:link, table.itemisation a:visited
{
}

table.itemisation a:hover, table.itemisation a:active
{
	color: #c00;
}

.headerstyle .sortascheader
{
	background: url(images/sprite.png) repeat-x 0px -100px;
	text-decoration: underline;
}

.headerstyle .sortascheader a
{
	background: url(images/dt-arrow-up.png) no-repeat right 50%;
	text-decoration: underline;
}

.headerstyle .sortdescheader
{
	color: Red;
	background: url(images/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortdescheader a
{
	color: Red;
	background: url(images/dt-arrow-dn.png) no-repeat right 50%;
}

.captcha
{
	margin-top: 20px;
}

ul.links
{
	padding-top: 0px;
	margin-top: 0px;
}

.links li
{
	display: inline;
	font-size: 0.8em;
}

#usernamecheck
{
	width: 315px;
}

.taken
{
	background-image: url(taken.gif);
}

.available
{
	background-image: url(available.gif);
}

/* Breadcrumbs */
p.breadcrumbs
{
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}

dl
{
	font-size: 0.9em;
}

dt
{
	font-weight: bold;
}

dd
{
	margin-bottom: 10px;
}

.viewswitch
{
	font-size: 0.8em;
	width: 320px;
	float: right;
}

/* Nav */
#navigation ul li
{
	list-style-type: none;
	padding: 5px;
	background: #efefef;
	width: 100%;
	border: 1px solid #ccc;
	margin: 0px 0px;
	font-size: 0.9em;
}

#navigation .active
{
	font-weight: bold;
}

#navigation li a
{
	display: block;
}

.validationsummary
{
	border: 4px solid #c00;
	padding: 5px 5px 0px 15px;
	color: Red;
	list-style-image: url(images/taken.jpg);
	margin: 10px 0px 20px;
}

.validationsummary span.error, span.error
{
	padding-left: 10px;
	color: #c00;
	font-weight: normal;
}

.entrysection span.error
{
	position: relative;
	top: 1px;
	padding-left: 0px;
}

/* Styles for help popups */

table.profile span
{
	float: left;
}

#content_holder .bubbleInfo
{
	position: relative;
	cursor: default;
	display: block;
}

#content_holder .popup
{
	position: absolute;
	color: #fff;
	display: none;
	padding: 5px 5px 0px 5px;
	width: 250px;
	background: #560041;
	z-index: 50;
	border-collapse: collapse;
	border: 2px solid #c9ac68; /* GOLD */
}

#content_holder .trigger
{
	margin-left: 240px;
	background: url(images/quiz.gif) top left no-repeat;
	height: 18px;
	width: 16px;
}

#content_holder .popup dt
{
	color: #c9ac68;
	z-index: 60;
}

#content_holder .popup dd
{
	z-index: 65;
}

.headerstyle .sortascheader a 
{
    background: url(images/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle .sortdescheader a 
{
    background: url(images/dt-arrow-dn.png) no-repeat right 50%;
}