@import url(base.css);
@import url(calendar-blue.css);
@import url(calendar.css);
@import url(form.css);
@import url(grid.css);


body {
  background: #fff;
  color: #333;
  font-size: 12px;
  font-family: verdana,helvetica,arial,sans-serif;
}

#page { width: 100%; }
body { text-align: left; }

p#loggedin {
	position: absolute;
	top: 0;
	right: 0;
	margin: 1em;
	font-size: 10px;
}

p#loggedin a {
	color: #fff;
}

a {
  color: #3061A5;
  font-weight: bold;
}
a:hover { color: #000; }
a img { border: 0; }

img.screenshot { border: 1px solid #ccc; }

.invalid, span.required { color: red; }

div.message {
	margin: 1em 2em;
	padding: 0 1em 0 70px;
	border: 1px solid black;
	background: #eee;
	font-size: 90%;
	color: #000;
	-moz-border-radius: 1em;
}

div.message p.first {
	font-size: 130%;
}

div.error {
	color: red;
	background: #eee url('../images/icons/error.gif') 10px 5px no-repeat;
	border-color: red;
	border-width: 2px;
}
div.information {
	background: #eee url('../images/icons/information.png') 10px 5px no-repeat;
}

div.warning {
	background: #fd6 url('../images/icons/warning.png') 10px 5px no-repeat;
}
div.success {
	background: #dfd url('../images/icons/tick.png') 10px 5px no-repeat;
}


/* Mission statement / advert section */

	#advert {
		margin-top: .3em;
		margin-bottom: .4em;
		clear: both;
		padding-left: 110px;
		background: #eef url('images/laptop.gif') bottom left no-repeat;
		color: #666;
	}

	#advert p {
		margin: 0;
		padding: 1em;
	}



/* Tabs */

	#tabs {
		margin-left: 1em;
		font-size: 12px;
		text-transform: lowercase;
	}

	#tabs a {
		margin-right: .8em;
		padding: .3em 1em;
		background: #147;
		color: #fff;
		-moz-border-radius: .5em .5em 0 0;
	}

	#tabs a:hover, #tabs a.active {
		background: #fff;
		color: #333;
	}


/* Content */

	dt { font-weight: bold; }
	dd { margin-bottom: 2em; }

	#main { font-size: 12px; }

	img.left {
		float: left;
		margin: .2em .4em .2em 0;
	}

	img.right {
		float: right;
		margin: .2em 0 .2em .4em;
	}

	h2 {
		margin: 0;
		height: 1em;
		background: #9DB2D0 url('heading.gif') bottom left repeat-x;
		color: #035;
		font-size: 16px;
	}

	h2 span {
		margin-left: .5em;
		padding: 0 .3em;
		background: #fff;
		text-transform: uppercase;
	}
	
	h3 {
		padding: 0;
		color: #5392A3;
		font-size: 18px;
	}



/* Header */

	#header {
		background: #1D5F91 url(header.png) bottom left repeat-x;
		color: #eee;
	}

	h1 {
		margin: 0;
		padding: .5em 1em;
		font-size: 25px;
	}
	  
	h1 span { color: #ddf; }


/* Sidebar */

	#sidebar h3 {
		border: 1px solid #000;
		border-width: 1px 0;
		background: #FFE79F url(arrow.gif) 2px 50% no-repeat;
		color: #000;
		font-size: 12px;
		font-family: verdana,helvetica,arial,sans-serif;
		text-indent: 15px;
		text-transform: uppercase;
		margin: 0;
	}
	
	#sidebar #page-navigation h3 {
		background-color: #a6aeee;
	}

	#sidebar {
		color: #888;
		font-size: 12px;
	}

	#sidebar ul, #sidebar li {
		clear: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#sidebar ul { margin-bottom: 1.5em; }
	
	#sidebar ul ul {
		margin-bottom: 0;
		padding-left: 0;
		margin-left: 0;
	}
	
	html > body #sidebar ul ul li {
		margin-left: 2em;
	}
	
	#sidebar ul.groups li {
		padding: 0;
		margin: 0.5em;
		list-style: none;
		background: none;
	}

	#sidebar ul.groups img {
		vertical-align: middle;
	}
	
	#sidebar ul.groups li.active {
		background: #cfa;
	}
	#sidebar ul.groups li.active a { color: #000; }

	#sidebar li {
		margin-left: 1em;
		margin-bottom: .2em;
		padding-left: 15px;
		background: url(bullet.gif) no-repeat 0 .5em;
	}

	#sidebar .block { margin-bottom: 2em; 
		line-height: 1.5;
	 }

	#sidebar form {
		margin: 0;
		margin-bottom: .8em;
		margin-left: 0.5em;
		padding: 0;
		text-align: left;
	}
	
	#frmLogin td input { width: 8em; }
	
	#sidebar #cboClient { width: 12em; }
	
	#sidebar table {
		width: 100%;
	}
	
	#sidebar ul.registration li {
		margin-bottom: .5em;
	}
	
	#sidebar #contact-quick-search select {
		width: 95%;
	}


/* Forms */
	
	form td { padding: .15em; }
	
	legend img { vertical-align: middle; }
	
	@media screen {
		.collapsed * { display: none; }
		.collapsed legend { display: inline; }
		.collapsed legend * { display: inline; }
		fieldset.collapsed { border-width: 3px 0 0 0; }
	}

 
/* Icons List */

	ul.icons, ul.icons li {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.icons li {
		float: left;
		width: 40%;
		height: 50px;
		margin: 2%;
		background: #fff;
	}
	
	ul.icons img {
		float: left;
		margin-right: 1em;
	}

	ul.icons p {
		display: inline;
		position: relative;
		top: 5px;
		margin-top: 10px;
		font-size: 10px;
	}
	
	ul.icons a {
		font-weight: bold;
		font-size: 12px;
	}


/* Toolbars */

	ul.toolbar, .toolbar li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.toolbar {
		width: 100%;
		overflow: auto;
	}

	.toolbar li { float: left; }
	
	.toolbar a {
		display: block;
		margin: .2em;
		padding: .2em;
		padding-right: .6em;
		border: 1px solid #000;
		background: #eee;
	}
	
	.toolbar a:hover {
		border-color: #000;
		background: #dde;
	}

	.toolbar a { text-decoration: none; }

	.toolbar img { vertical-align: middle; }



/* Grids */

	table.grid {
		border-collapse: collapse;
	}
	
	table.grid td, table.grid th {
		padding: .2em;
		border: 1px solid #999;
	}
	
	table.grid thead th {
		background: #eee;
		font-weight: bold;
	}



/* Tabs */

	@media screen {
		ul.tabs {
			position: relative;
			top: 1px;
			width: 100%;
			overflow: auto;
		}
		ul.tabs, ul.tabs li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		ul.tabs li {
			position: relative;
			float: left;
			margin-left: 0.2em;
		}
		ul.tabs li a {
			display: block;
			padding: 0.5em;
			border: 1px solid #777;
			border-bottom-color: #000;
			background: #eee;
			color: #888;
			text-decoration: none;
		}
		ul.tabs li.active a {
			border-color: #000;
			border-bottom-color: #fff;
			background: #fff;
			color: #000;
		}
		fieldset.panel {
			margin: 0;
			padding: 1em !important;
			border: 1px solid #000;
		}
	}
	
	@media print {
		ul.tabs { display: none; }
	}

/* Grids - Colours */

	.grid thead th {
		background: #ccc;
	}
	
	.grid tr {
		background: #eee;
	}

/* Autocomplete */

	#autocomplete {
		margin: 0;
		padding: 0;
		position: absolute;
		background: #eef;
		color: #000;
		border: 1px solid #000;
		overflow: hidden;
		white-space: pre;
	}

	#autocomplete p {
		font: 100% sans-serif;
		margin: 0;
		padding: 2px;
	}

	#autocomplete p.selected {
		background: #aae;
		color: #000;
	}



@media print {
	ul.actions, ul.toolbar, .calendar-toolbar { display: none; }
}