@import url(reset.css);
@import url(grid.css);
/* STYLE SHEET FOR bcToolkit Brochure WEB SITE
Created by Richard Clark
http://www.kmp.co.uk

/* ================ TABLE OF CONTENTS ======================

1. COMMON SITE FRAMEWORK
x. BRANDING BLOCK
	xx. H1 Logo Replacement
	xx. Top Level Action Navigation
	xx. Search Form
x. FOOTER BLOCK
	xx. Footer Navigation
x. STANDARD TYPOGRAPHY
	xx. Links
x. NAVIGATION
	xx. Primary Navigation
	xx. Breadcrumbs
	xx. Primary
x. SIDEBAR COMPONENTS
	xx. Secondary Navigation
x. TABLES	

/* =============== NOTES =======================


/* ====================
COLOUR REFERENCE SHEET
-----------------------

Page Background: #a5b8c1;
Primary Font: #000000;
Secondary Font: #666666;
Primary Link: #0000FF;
Primary Link Hover: #0000FF;
Secondary Link: #FF0000;
Secondary Link Hover: #FF0000;

Borders, Headlines, etc, 

===================== */

/*=======================
1. COMMON SITE FRAMEWORK
=========================*/

html {
	overflow-y:scroll !important;
}


body {
	font-size:62.5%;
	line-height:1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:#a5b8c1;
	
}
.container_16 {
	font-size:1em;
	margin-top:2em;
}
.container-top {
	background:#a5b8c1 url(../img/bkgd/bkgd-page-top.gif) left top no-repeat;
	height:20px;
	width:940px;
	clear:both;
	float:left;
	margin:0 10px;
	
}

* html .container-top {
	background:#a5b8c1 url(../img/bkgd/bkgd-page-top.gif) left top no-repeat;
	height:20px;
	width:940px;
	clear:both;
	float:left;
}
#content {
	background:#fff;
	clear:both;
	padding:20px 0;
	float:left;
	width:100%;
}
#skipLink {
	display: block;
	padding: 10px 20px;
	position: absolute;
	top:0;
	left: -999px;
}
#skipLink:focus {
	left: 0;
}
/*=======================
x. BRANDING BLOCK
=========================*/

#branding {
	background:#eef7f5;
	position:relative;
	top:0;
	left:0;
	text-align:center;
}

#branding div {
	width:150px;
	position:absolute;
	top:0;
	right:20px;
}

#branding div p {
	text-align:right;
	padding-bottom:5px;
}

/*-----------------------
x. H1 Logo Replacement
-------------------------*/

.logo {
	letter-spacing : -1000em;
}
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .logo {
	letter-spacing : normal;
	text-indent : -999em;
	overflow : hidden;
}
/* End of hack */ 

h1.logo {
	background: url(../img/logos/bcToolkit-logo.png) center top no-repeat;
	border:none;
	text-align:center;
	display:block;
	height:80px;
}
h1.logo a {
	width:300px;
	height: 80px;
	display:block;
	position:absolute;
	top:0px;
	left:320px;
}
/*-----------------------
x. Search Form
-------------------------*/

form.search {
	float:right;
	clear: both;
	margin-top:40px;
}
/*=======================
x. STANDARD TYPOGRAPHY
=========================*/

h1, h2, h3, h4 {
	margin-bottom: 10px;
	line-height:1;
	clear:both;
}
h1 {
	font-size: 2.5em;
}
h2, h2 a {
	font-size: 1.1em;
	color:#F69320;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size:1.2em;
}
h5 {
	text-align:center;
	font-size:1.4em;
}
h5 a {
	color:#3252b2;
	text-decoration:underline;
}
p {
	padding-bottom: 10px;
	text-align:center;
}
hr {
	border-top: 1px solid #cccccc;
}
blockquote {
	background-color: #CCC;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	padding:10px 30px;
	padding-bottom:0;
	margin:10px 0;
}
blockquote p.author {
	text-align:right;
}
#content ol {
	list-style:decimal;
	padding: 5px 0 10px 35px;
}
#content ul {
	list-style:disc;
	padding: 5px 0 10px 30px;
}
#content dl {
}
#content img {
	margin:10px 0;
}
#content p img {
	margin:0 10px 10px 0;
	float:left;
}
#content img.loading {
	margin:20px 438px;
}
#content p img.right {
	float:right;
	margin:0 0 10px 10px;
}
#content img.tooltip {
	float:left;
	margin:0 0 0 5px;
	cursor:pointer;
}
#content span.tooltip {
	position:absolute;
	width:190px;
	margin-top:-8px;
	padding:5px 10px;;
	background:#ffffff;
	border:2px solid #f38420;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:10px;
}
/*-----------------------
x. Links
-------------------------*/

a {
	text-decoration:none;
	color:#F69320;
}

a.underline {
	text-decoration:underline;
	color:#F69320;
}


a:link {
}
a:active {
}
a:hover {
	text-decoration:underline;
}
a:visited {
}
.login-btn {
	z-index:10;
	position:absolute;
	top:-60px;
	left:800px;
	background:url(../img/icons-buttons/btn-login.png) left top no-repeat;
	width:200px;
	height:200px;
	text-indent:-9999em;
}
/* ================ 
4. FOOTER BLOCK
===========================*/

#footer {
	background:url(../img/bkgd/bkgd-page-foot.gif) left bottom no-repeat;
	min-height:60px;
	font-weight:bold;
	margin-bottom:2em;
}
#footer a {
	color:#636467;
}
#footer a:hover {
	color:#fff;
	text-decoration:none;
}
#footer p {
	font-size:0.8em;
}
/*-----------------------
x. Footer Navigation
-------------------------*/

ul.nav-footer {
	list-style-type:none;
	width:100%;
	clear:both;
	display:block;
	overflow:auto;
	margin:10px 0;
	padding:0;
	text-align:center;
}
ul.nav-footer li {
	width:auto;
	display:inline;
	padding:0 5px;
	border-left:1px solid #666;
	margin:0;
}
ul.nav-footer li:first-child, ul.nav-footer li.first {
	border-left:0;
}
/* ================ 
5. NAVIGATION
===========================*/

/*-----------------------
x. Primary Navigation
-------------------------*/

ul.nav {
	clear: both;
	background:#d2dddf url(../img/bkgd/bkgd-nav.gif) left top repeat-x;
	padding:7px 0;
	font:bold 1.1em/1 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
ul.nav li:first-child, .nav li.first {
	border-left:0;
}
.nav li {
	display:inline;
	border-left:1px solid #636567;
	list-style:none;
	color:#636567;
	padding:1px 0;
}
.nav li a {
	display:inline;
	padding:1px 10px;
	color:#636567;
	text-decoration:none;
}
.nav li a:hover, .nav li a:active, .nav li a.active {
	color:#fff;
}
/*-----------------------
x. Paging
-------------------------*/

#content ul.paging {
	list-style-type:none;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
	float:right;
}
#content ul.paging li {
	width:auto;
	display:block;
	float:left;
	padding:0 10px;
	border-left:1px solid #666;
	margin:0;
}
#content ul.paging li:first-child, #content ul.paging li.first {
	border-left:0;
	padding:0 10px 0 0;
}
/*=======================
x. SIDEBAR COMPONENTS
=========================*/


/*=======================
x. STANDARD TABLES
=========================*/

table {
	text-align:left;
	/*border-bottom:1px solid #999;*/
	/*margin:10px 0;*/
}
caption {
	text-align:left;
	padding:5px 10px;
	font-size:1.4em;
	font-weight:bold;
	border-top:1px solid #999;
	background:#d7d7d7;
}
th {
	padding:5px 10px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#f8f8f8;
}
tr {
}
td.border-wrap {
	border:2px solid #f38420;
}
td.b-top {
	border-bottom:none;
}
td.b-mid {
	border-top:none;
	border-bottom:none;
}
td.b-bottom {
	border-top:none;
}
td.b-left {
	border-right:none;
}
td.b-right {
	border-left:none;
}
td {
	padding:5px 10px;
}

/*  */
table.one {
	text-align:left;
	border:none;
	background:#fff;
	overflow:hidden;
	margin:0;
	padding:0;
	}
caption.one {
	text-align:left;
	padding:5px 10px;
	font-size:1.4em;
	font-weight:bold;
	background:#d7d7d7;
}
th.one {
	padding:7px 10px;
	background:#f1f9fd;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:2px solid #fff;
	text-align:center;
	color:#636467;
	margin-top:-10px;
}

th.two {
	padding:7px 10px;
	background:#c9e0eb;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:2px solid #fff;
	text-align:left;
	color:#636467;
	
}

th.two_left {
	padding:7px 10px;
	background:#c9e0eb;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:2px solid #fff;
	text-align:left;
	color:#fff;
	
}

td.three {
	padding:7px 10px;
	background:#fff;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#636467;
	
}

td.three a	{
		color:#ffcc00;
		font-size:0.7em;
		}
		
td.four		{
		background:#c9e0ff;
		border: solid 2px #fff;
		font-weight:bold;
		
		}


tr {
}
td.one {
	padding:5px 10px;
	background:#f1f9fd;
	border:2px solid #fff;
	border-bottom:3px solid #fff;
	text-align:left;
}

td.left {
	padding:5px 10px;
	background:#f1f9fd;
	border:2px solid #fff;
	border-bottom:3px solid #fff;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
/*	font-weight:bold;*/
	color:#636467;
}

td.leftpad30 {
	padding:5px 30px;
	background:#f1f9fd;
	border:2px solid #fff;
	border-bottom:3px solid #fff;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
/*	font-weight:bold;*/
	color:#636467;
}

td.leftpad30:hover {
		background:#d2e2ff;
		}
		
td.leftpad50:hover {
		background:#d2e2ff;
		}


td.leftpad50 {
	padding:5px 0 5px 50px;
	background:#f1f9fd;
	border:2px solid #fff;
	border-bottom:3px solid #fff;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
/*	font-weight:bold;*/
	color:#636467;
}

td.centre {
	padding:5px 10px;
	background:#f1f9fd;
	border:2px solid #fff;
	border-bottom:3px solid #fff;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#636467;
}



td.left:hover {
		background:#d2e2ff;
		}

td.left_small {
	padding:5px 10px;
	background:#f1f9fd;
	border:2px solid #fff;
	border-bottom:3px solid #fff;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-transform:uppercase;
	font-weight:bold;
	color:#636467;
}

td.left_small a {
	
	color:#ffcc00;
}



/*  */


/*=======================
x. STANDARD MAIN CONTENT LISTINGS
=========================*/

#content ul.listing {
	list-style:none;
	padding:0;
	border-top:1px dotted #666;
}
#content ul.listing li {
	padding:10px 0 0 0;
	border-bottom:1px dotted #666;
}
#content ul.listing h4 {
	border-bottom:0;
}
/*=======================
x. bcToolkit Homepage Classes
=========================*/

.promotion-area {
	position:relative;
	top:0px;
	left:0;
	background:#f1f8fa;
	min-height:200px;
	z-index:5;
}
.promotion-area h2 {
	padding:40px 200px 0 80px;
	font-size:3em;
	color:#636567;
	line-height:1.5;
}
.promotion-area h2 a {
	color:#f69321;
	text-decoration:none;
}
.promotion-area ul.paging {
	list-style-type:none;
	position:absolute;
	left:20px;
	top:170px;
}
.promotion-area ul.paging li {
	width:auto;
	display:block;
	float:left;
	margin:0 2px;
	background:#000;
	width:25px;
	height:23px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.promotion-area ul.paging li a {
	display:block;
	width:25px;
	height:25px;
}
.promotion-area ul.paging li a:hover {
	text-decoration:none;
	color:#ccc;
}
form.subscribe {
	background:#b8c8cd url(../img/bkgd/bkgd-nav.gif) left top repeat-x;
	padding:5px;
	min-height:24px;
	text-align:center;
}
form.subscribe label, form.subscribe input {
	display:inline;
}
form.subscribe label {
	font:bold 1em/1 Verdana, Arial, Helvetica, sans-serif;
	color:#636467;
	clear:none;
	float:none;
}
form.subscribe input {
	font-family:Georgia, "Times New Roman", Times, serif;
	border:0;
	width:190px;
	background:#fff !important;
	clear:none;
	float:none;	
}
form.subscribe div.box {
	display:inline;
	background:url(../img/bkgd/bkgd-subscribe.png) 0px 2px no-repeat;
	border:0;
	width:200px;
	height:22px;
	padding:4px 5px 6px 5px;
}
form.subscribe input.btn {
	background:url(../img/icons-buttons/btn-cool.png) left top no-repeat !important;
	border:0;

	width:76px;
	height:22px;
	margin:0 0 1px 5px;
	cursor:pointer;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 1px 0;
}
.feature-row {
	margin:0 20px;
}
.feature-row .grid_4 {
	width:208px;
	border:1px solid #ccc;
}
.sidebar .feature-box {
	width:178px;
	margin:0 20px 10px 0;
	border:1px solid #ccc;
}
.feature-box {
	padding:10px;
}
.feature-box h2, .body-copy h2 {
	padding:0 0 0 45px;
	min-height:40px;
	line-height:1.2;
}
h2.lightbulb {
	background:url(../img/icons-buttons/h2-lightbulb.gif) left top no-repeat;
}
h2.barchart {
	background:url(../img/icons-buttons/h2-barchart.gif) left top no-repeat;
}
h2.calendar {
	background:url(../img/icons-buttons/h2-calendar.gif) left top no-repeat;
}
h2.report {
	background:url(../img/icons-buttons/h2-report.gif) left top no-repeat;
}
.feature-box h3 {
	margin-bottom:0;
}
.feature-box p {
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.feature-box p.more-link {
	padding-bottom:0;
}
.feature-box .more-link a {
	background:url(../img/icons-buttons/icon-plus.gif) 0 2px no-repeat;
	padding:0 0 0 15px;
}
.bc-feature-row {
	background:#E4F1F4;
	margin:10px 20px;
	overflow:auto;
	padding:20px 20px 10px 20px;
}

.bc-feature-row-alt {
	background:#E4F1F4;
	margin:0 20px 0 20px;
	overflow:auto;
	padding:20px 20px 10px 20px;
}

.bc-feature-header {
	background:#c9e0eb;
	margin:10px 20px 2px 20px;
	overflow:auto;
	padding:5px 20px 0 10px;
	font-size:13px;
	font-weight:bold;
	color:#636467;
}

.bc-feature-header-alt {
	background:#a3aeb0;
	margin:10px 20px 2px 20px;
	overflow:auto;
	padding:10px 20px 0 10px;
	font-size:13px;
	font-weight:bold;
	color:#636467;
}

.bc-feature-header-alt-1 {
	background:#f4f7f8;
	margin:0 20px 2px 20px;
	overflow:auto;
	padding:5px 20px 5px 10px;
	font-size:13px;
	font-weight:bold;
	color:#636467;	
}

.bc-feature-header-alt-2 {
	background:#9eb9c6;
	margin:0 20px 2px 20px;
	overflow:auto;
	padding:5px 20px 5px 10px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

.bc-feature-header-alt-3 {
	background:#f1f9fd;
	margin:0 20px 2px 20px;
	overflow:auto;
	padding:5px 20px 5px 10px;
	font-size:13px;
	font-weight:bold;
	color:#000;
}

.bc-feature-header-alt-1 p {
	text-align:left;
}


.bc-table-header {
	background:#fff;
	margin:10px 20px 2px 20px;
	overflow:none;
	
}

.bc-table-header1 {
	background:#fff;
	margin:0 20px 2px 20px;
	overflow:none;	
}

.form1	{
	width:145px;
	float:left;
	vertical-align:middle;
	margin-right:10px;
}

.form2	{
	width:230px;
	float:left;
	vertical-align:middle;
	margin-right:10px;
}
	
.form3	{
	width:180px;
	float:left;
	vertical-align:middle;
	margin:5px 10px 5px 0;
}	

.form3 label {
	font-size:0.8em;
	font-weight:normal;
}	

.form3 input {
	clear:none;
	float:none;
	margin:0;
	padding:0;
}	

.form4 {
	width:300px;
	float:left;
	vertical-align:middle;
	margin-right:10px;
}

.form-button {
	width:100px;
	float:left;
	vertical-align:middle;
	margin-right:10px;
}

.form-button a {
	margin-top:18px;
	float:left;
}
		
/* Start of bcToolkit welcome page */
		
.tbox	{
	width:100px;
}
		
#content img.img_top	{
	margin-top:0;
	}
		
.welcome {
	background:url(../img/bkgd/welcome.png) no-repeat;
	height:121px;
	padding:40px 0 0 40px;
	color:#636467;
}
			
.left_box {
	border:1px solid #bdcbd0;
	height:250px;
	color:#636467;
}
			
.right_box {
	height:250px;
	border:1px solid #bdcbd0;
	color:#636467;
}

.body-copy .right_box p {
	font-size:1.0em;
	padding:10px 15px 0;
}
			
.tb_table {
	margin:20px 10px 0 10px;
}
			
table.tb {
	border:none;
	font-size:0.9em;
	height:130px;
}
			
td.hgt {
	height:10px;
}
			
.tag {
	margin:10px 0 0 60px;
}
			
.graph_holder {
	text-align:right;
}
			
.feed_holder {
	margin:40px 40px 0 0;
	text-align:left;		
}
			
.btn-go	{
	width:77px;
	position:absolute;
	right:5px;
	bottom:5px;
}

.btn-go	a {
	display:block;
}

#content .btn-go img {
	margin:0;
}
			
.btn-go-large {
	float:right;
	clear:both;
	margin-right:5px;
	margin-top:10px;
}
			
h2.latest	{
	color:#000;
	}
			
h2.lb		{
	background:url(../img/icons-buttons/ico-bar.png) left top no-repeat;
	margin:10px 0 0 10px;
}
			
h2.rbox		{
	background:url(../img/icons-buttons/ico-battery.png) left top no-repeat;
	margin:10px 0 0 10px;
	}
			
h2.time-rec {
	background:url(../img/icons-buttons/ico-time-rec.png) left top no-repeat;
}

h2.time-proj {
	background:url(../img/icons-buttons/ico-time-proj.png) left top no-repeat;
}

h2.time-cli {
	background:url(../img/icons-buttons/ico-time-cli.png) left top no-repeat;
}

h2.time-user {
	background:url(../img/icons-buttons/ico-time-rec.png) left top no-repeat;
}

h2.time-cat {
	background:url(../img/icons-buttons/ico-time-cat.png) left top no-repeat;
}

h2.proj-break {
	background:url(../img/icons-buttons/ico-proj-break.png) left top no-repeat;
}

					
.boxed {
	margin-top:10px;
	height:70px;
	border:1px solid #bdcbd0;
	background-position:10px 10px;
	padding:10px 0 0 10px;
	color:#636467;
	position:relative;
}

.boxed a.manage {
	font-size:0.9em;
}
						
.task	{
	width:500px;
	float:left;
	color:#fff;	
}
		
.task1	{
	width:500px;
	float:left;
	color:#fff;
}
		
.task2	{
	width:700px;
	float:left;
	color:#fff;
}
		
.login	{
	width:300px;
	margin:0 auto;
}
		
.close	{
	width:100px;
	float:right;
	color:#fff;
	font-size:0.8em;
}

.bc-feature-row .grid 2 {
	width:440px;
}
.bc-feature-row .grid_4 {
	width:198px;
	text-align:center;
}
.bc-feature-row .grid_4 h3 {
	margin-bottom:0;
}
.bc-feature-row .grid_4 p {
	font-size:0.9em;
}
.bc-feature-row img {
	border:1px solid #ccc;
}
.body-copy {
	padding:0 20px 10px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.body-copy h2 {
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.body-copy p {
	text-align:left;
}
.body-copy h2 + p {
	font-size:1em;
}
.body-copy a.but {
	display:block;
	width:100px;
	height:22px;
	padding:3px 0;
	margin:0 0 0 405px;;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
.body-copy a.red {
	background:url(../img/icons-buttons/btn-blank-red.gif) no-repeat;
}
.body-copy a.orange {
	background:url(../img/icons-buttons/btn-blank-large.gif) no-repeat;
}

#content h2 {
	font-size:1.4em;
}

.report h3 {
	background:#A3AEB0;
	padding:10px;
	margin:0 20px;
	color:#fff;
	font-size:1.2em;
}

.report h2 {
	margin:0 20px 10px;
}

/* =====================================================================================*/

/*preload classes*/ 

.svw {
	width: 50px;
	height: 20px;
	background: #fff;
}
.svw ul {
	position: relative;
	left: -999em;
} 

.svw ul.images {
	height:200px;
}  
/*core classes*/
.stripViewer {
	position: relative;
	overflow: hidden;
	margin: 0 0 0px 0;
}
.stripViewer ul { /* this is your UL of images */
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}
.stripViewer ul li {
	float:left;
}
.stripTransmitter {
	/*overflow: auto;*/
	width: 1%;
	position:relative;
	left:10px;
	top:-32px;
	z-index:5;
	height:0px;
}
.stripTransmitter ul {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}
.stripTransmitter ul li {
	width: 20px;
	float:left;
	margin: 0 1px 1px 0;
	border:1px solid #636568;
}
.stripTransmitter a {
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #a5b8c1;
	color: #fff;
	text-decoration: none;
	display: block;
}
.stripTransmitter a:hover, a.current {
	background: #eef7f5;
	color: #f69321;
}  

/*tooltips formatting*/
#tooltip {
	background: #fff;
	color: #000;
	opacity: 0.85;
	border: 5px solid #dedede;
}
#tooltip h3 {
	font: normal 10px Verdana;
	margin: 0;
	padding: 6px 2px;
	border: 0;
}

.label
{
width:180px;
float: left;
margin-right: 0.5em;
display: block;

}

.txtfield	{
			width:180px;
			margin-bottom:30px;
			}

.cbox	{
		float:right;
		}


p.right {
		text-align:right;
		}
		
p.small	{
		font-size:0.8em;
		}
		
p.white	{
		font-size:1.0em;
		color:#fff;
		}
		
.btn-export	{
		float:right;
		margin-bottom:20px;
			}

dl {
	margin-left:20px;
}
		
dt	{
	font-size:1em;
}

.update dl {
}

.update dl dd {
	display:inline-block;
	*float:left;
	width:200px;
	margin:5px 0;
	font-weight:bold;
	text-transform:uppercase;

}

.update dl dt{
	display:inline-block;
	*float:left;
	margin:5px 0;
	font-size:1em;
	width:250px;
}
a.edit-but {
	margin:10px 160px;
	display:inline-block;
	background:url(../img/icons-buttons/btn-cool.gif) no-repeat;
	width:76px;
	height:22px;
	color:#fff;
	line-height:22px;
	text-align:center;
	font-weight:bold;
}
.clean {
	clear:both;
}
			
/*=======================
x. LOGIN - ASP.NET CONTROL
=========================*/			
			
.login	{
	width:400px;
	margin:0 auto;
}

.login	table {
	margin:0;
}

.login p {
	padding:0 20px;
}

.login label {
	text-transform:uppercase;
	color:#000000;
	font-weight:bold;
	clear:none;
	float:none;
}

.login input {
	color:#000000;
	font-weight:bold;
	clear:none;
	float:none;
}

.login td[align=right], .login td[align=center] {
	text-align:left !important;
}

.login td[align=center] {
	font-size:1.4em;
	font-weight:bold;
	color:#94A1A6;
}

.login td[align=right] input {
	float:right !important;
	margin-right:5px;
	background:url(../img/icons-buttons/btn-login-small-blank.gif) 100% 100% no-repeat;
	border:0;
	width:51px;
	height:22px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:1em;
}

/*=======================
x. REPORTS
=========================*/	

.submit {
	text-transform:uppercase;
	color:#fff;
	font-size:1em;
	background:url(../img/icons-buttons/btn-submit-blank.gif) top left no-repeat;
	width:70px;
	padding:1px 7px;
	border:0;
}

.submit:hover {
	text-decoration:none;
}

#content .form1 img {
	margin:3px 0 0 5px;
	float:left;
}


/* ----------------------
TIME RECORDED
-------------------------*/
.report-table {
	width:900px;
	margin:20px 20px;
}

 .sctl00_ContentPlaceHolder1_CubeDimensionBrowser1T, a:active.sctl00_ContentPlaceHolder1_CubeDimensionBrowser1T, a:visited.sctl00_ContentPlaceHolder1_CubeDimensionBrowser1T, a:link.sctl00_ContentPlaceHolder1_CubeDimensionBrowser1T {text-decoration:none;cursor:default;}
a:hover.sctl00_ContentPlaceHolder1_CubeDimensionBrowser1T {text-decoration:underline;cursor:default;}
.ssctl00_ContentPlaceHolder1_CubeDimensionBrowser1T, a:active.ssctl00_ContentPlaceHolder1_CubeDimensionBrowser1T, a:visited.ssctl00_ContentPlaceHolder1_CubeDimensionBrowser1T, a:link.ssctl00_ContentPlaceHolder1_CubeDimensionBrowser1T {background-color:silver;text-decoration:none;cursor:default;}



#ctl00_ContentPlaceHolder1_OlapGrid1 td.ch, #ctl00_ContentPlaceHolder1_OlapGrid1_o_ td.ch 
{
color:#000000;
background-color:#C9E0FF;
text-align:left;
vertical-align:middle;
border-style:solid;
border-color:#FFFFFF;
font-family:Tahoma;
font-size:10pt; /* changed RC 24/10/08 */
font-weight:normal;
font-style:normal;
text-decoration:none;
padding:2px 1px 2px 1px;
border-width:1px;
}
#ctl00_ContentPlaceHolder1_OlapGrid1 th.rh, #ctl00_ContentPlaceHolder1_OlapGrid1_o_ th.rh 
{
color:#000000;
background-color:#C9E0FF;
text-align:left;
border-style:solid;
border-color:#FFFFFF;
font-family:Tahoma;
font-size:10pt; /* changed RC 24/10/08 */
font-weight:normal;
font-style:normal;
text-decoration:none;
padding:2px 1px 2px 1px;
border-width:1px;
}
#ctl00_ContentPlaceHolder1_OlapGrid1 td.rda, #ctl00_ContentPlaceHolder1_OlapGrid1_o_ td.rda 
{
color:#636467;
background-color:#F1F9FD; /* changed RC 24/10/08 */
text-align:right;
border-style:solid;
border-color:#fff;
font-family:Tahoma;
font-size:10pt; /* changed RC 24/10/08 */
font-weight:normal;
font-style:normal;
text-decoration:none;
padding:2px 1px 2px 1px;
border-width:1px;
}
#ctl00_ContentPlaceHolder1_OlapGrid1 td.ida, #ctl00_ContentPlaceHolder1_OlapGrid1_o_ td.ida 
{
color:#26487B;
background-color:#DAE2ED;
text-align:right;
border-style:solid;
border-color:#fff;
font-family:Tahoma;
font-size:10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
padding:2px 1px 2px 1px;
border-width:1px;

}
#ctl00_ContentPlaceHolder1_OlapGrid1 td.t, #ctl00_ContentPlaceHolder1_OlapGrid1 th.t, #ctl00_ContentPlaceHolder1_OlapGrid1_o_ td.t, #ctl00_ContentPlaceHolder1_OlapGrid1_o_ th.t 
{
color:#FFFFFF;
background-color:#FF0000;
text-align:center;
vertical-align:middle;
border-style:solid;
border-color:#000000;
font-family:Tahoma;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
padding:2px 1px 2px 1px;
border-width:1px;

}
#ctl00_ContentPlaceHolder1_OlapGrid1 div.ds_title, #ctl00_ContentPlaceHolder1_OlapGrid1_o_ div.ds_title {
color:#808080;
text-align:center;
border-style:none;
font-family:Tahoma;
font-size:12pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
padding:2px 1px 2px 1px;

}
#ctl00_ContentPlaceHolder1_OlapGrid1 td.emptycell, #ctl00_ContentPlaceHolder1_OlapGrid1_o_ td.emptycell 
{
background-color:white
}

/* ----------------------
FILTERS
-------------------------*/

.user {
	width:200px;
}

.company {
	width:300px;
}

.project {
	width:300px;
	max-width:300px;
}

label, select, input {
	clear:both;
	float:left;
}

/* ----------------------
REGISTER
-------------------------*/

.register,
.update{
	width:520px;
	margin:0 auto;
}
#content .register h2 {
	font-size:1.2em;
}

.register table, .update table {
	margin:0;
}

.register td, .update td {
	position:relative;
	vertical-align:top;
}

.register td div {
	width:480px;
}

.register p, .update p {
	text-align:left;
}

.register p.desc {
	padding:0;
	font-size:11px;
	color:#000;
}

.register label, .update label {
	float:none;
	text-transform:uppercase;
	color:#000000;
	font-weight:bold;
	clear:none;
}

.register input, .update input {
	float:left;
	width:178px;
	color:#000000;
	font-weight:bold;
	clear:none;
}

.register span, .update span {
	float:left;
	margin-left:5px;
}

.register td[align=right], .register td[align=center], .update td[align=right], .update td[align=center] {
	padding-top:8px;
	text-align:left !important;
}

.register td[align=center], .update td[align=center] {
	font-size:1.4em;
	font-weight:bold;
	color:#94A1A6;
}
.register td[align=center] p {
	text-align:center;
	color:#000;
}

.register td[align=right] input,
.update td[align=center] input,
.update td[align=center] input.remove {
	float:right !important;
	margin-right:5px;
	background:url(../img/icons-buttons/btn-blank-large.gif) 100% 100% no-repeat;
	border:0;
	width:100px;
	height:22px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
}
.update td[align=center] input.remove,
.update td[align=center] a.remove{
	float:none !important;
	background:url(../img/icons-buttons/btn-blank-red.gif) 100% 100% no-repeat;
}
.update td[align=center] a.remove {
	display:inline-block;
	font-size:10px;
	text-align:center;
	padding:3px 0;
	width:100px;
	color:#fff;
}
.update td[align=center] span.warning {
	color:red;
	font-weight:bold;
}

.update td[align=center] p {
	padding:0;
	font-size:0.7em;
	color:#000;
}

/* ----------------------
CHANGE PASSWORD
-------------------------*/

.c-password {
	width:410px;
	margin:0 auto;
}

#content .c-password h2 {
	font-size:1.4em;
}

.c-password	table {
	margin:0;
}

.c-password p {
	padding:0 20px;
}

.c-password label {
	text-transform:uppercase;
	color:#000000;
	font-weight:bold;
	clear:none;
	float:none;
}

.c-password input {
	text-transform:uppercase;
	color:#000000;
	font-weight:bold;
	clear:none;
	float:none;
}

.c-password td[align=right], .c-password td[align=center] {
	text-align:left !important;
}

.c-password td[align=center] {
	font-size:1.4em;
	font-weight:bold;
	color:#94A1A6;
}

.c-password td[align=right] input {
	float:right !important;
	margin-right:5px;
	background:url(../img/icons-buttons/btn-blank-ex-large.gif) 100% 100% no-repeat;
	border:0;
	width:150px;
	height:22px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
}

.c-password input[type=submit] {
	float:left;
	text-align:left;
	text-transform:capitalize;
	margin:0;
	padding:0;
	margin-right:5px;
	background:0;
	border:0;
	width:150px;
	height:22px;
	cursor:pointer;
	color:#000;
	font-size:1em;
	text-decoration:underline;
}

/* ----------------------
PAYMENT FORM
-------------------------*/

.payment-form {
	padding:0 20px;
	float:left;
	width:890px;
}

.payment-form p {
	text-align:left;
	font-size:1.2em;
}

.payment-form label {
	font-size:1.2em;
	color:#636467;
	font-weight:bold;
}

.payment-form span {
	font-size:0.8em;
	font-style:italic;
	font-weight:normal;
}

.payment-form input {
	width:300px;
	margin-bottom:10px;
}

.payment-form select {
	margin-bottom:10px;
	width:150px;
}

.payment-form fieldset {
	margin-bottom:20px;
}

.payment-form h3 {
	color:#fff;
	background:#ccc;
	width:100%;
	font-size:1.4em;
	font-weight:bold;
	display:block;
	float:left;
	overflow:auto;
	margin:0 0 5px 0;
	padding:5px;
}

.payment-form .short-text {
	width:100px;
}

.date select {
	clear:none;
	float:left;
	margin-right:5px;
	width:auto;
}

.date {
	float:left;
	clear:both;
}

.date label {
	clear:none;
	float:left;
}

.date label span {
	display:none;
}

.date label em {
	font-size:0.8em;
	font-weight:normal;
}

span.error {
	clear:both;
	float:left;
	font-style:normal;
	font-weight:bold;
	padding:3px 0;
	color:#CC3300;
	display:none;
}

.date span.error {
	font-size:1em;
}

.buttons {
	overflow:auto;
}

.buttons .button {
	text-transform:uppercase;
	color:#fff;
	font-size:1em;
	background:url(../img/icons-buttons/btn-blank-large.gif) top left no-repeat;
	width:100px;
	padding:0px 7px;
	border:0;
	float:left;
	clear:none;
	font-weight:bold;
	margin:0;
	height:21px;
	margin:0 10px 0 0;
	cursor:pointer;		
}

.buttons .text-btn {
	width:auto;
	background:0;
	text-decoration:underline;
	color:#000;
	font-size:1em;
	border:0;
	float:left;
	clear:none;
	margin:3px 0 0 10px;
	cursor:pointer;
}

.body-copy .nopadding {
	padding-left:0;
	min-height:0;
}

.body-copy h2.nopadding + p {
	font-size:1em;
}

.upload {
	margin-bottom:20px;
	float:left;
}

.submit-upload {
	text-transform:uppercase;
	color:#fff;
	font-size:1em;
	background:url(../img/icons-buttons/btn-submit-blank.gif) top left no-repeat;
	width:70px;
	padding:1px 7px;
	height:20px;
	border:0;
	font-weight:bold;
	cursor:pointer;
}

.faqs p.question {
	font-weight:bold;
	font-size:1.2em;
}

#content ul.answers {
	list-style:none;
	padding:0;
}

#content .answers li {
	list-style:0;
	padding:0;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

p.totop {
	text-align:right;
}

span.url-suffix,
span.url-prefix {
	position:absolute;
	margin-top:4px;
	font-weight:bold;
}
span.url-prefix {
	position:relative;
}
.register select {
	margin-right:5px;
	margin-top:1px;
}


/* -------------------
		FORM
--------------------

.register {
}
.register p {
	text-align:left;
}
.register span.main-error {
	background:#CB383C;
	padding:10px 20px;
	font-weight:bold;
	display:block;
	color:#fff;
	margin:0 0 10px 0;
}
.register span.error{
	background:#CB383C;
	padding:5px 10px;
	margin:0 10px;
	color:#ffffff;
}
.register label {
	float:none;
	display:inline-block;
	width:200px;
	font-weight:bold;
	text-transform:uppercase;
}

.register input, .register textarea, .register select {
	float:none;
}

.register input {
	width:285px;
}

.register textarea {
	width:285px;
	font-family:Arial, Helvetica, sans-serif;	
}

.register fieldset {
	border:none;
	border-top:1px solid #666;
}
.register legend {
	color:#545454;
}

.register legend {
	font-size:1.2em;
	padding-right:10px;
	font-weight:bold;
}

.register p.button input {
	float:right !important;
	margin-right:5px;
	background:url(../img/icons-buttons/btn-blank-large.gif) 100% 100% no-repeat;
	border:0;
	width:100px;
	height:22px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:1em;
}
input.selector, label.selector {
	clear:none;
	display:inline;
	margin:5px;
	width:auto;
	border:none;
}
*/