.hidden { visibility: hidden;}
body { background: url('http://worktimer.co.uk/Demo/images/grad_back.gif') repeat-x left top; }

#idleHeader {display:none; text-align:center; color:#0A3359;}

#wrapper { width: 950px; margin: 10px auto; _position:relative;}

/* SMALL HEADER */
#header { background: #0F518E url('../images/header.png') repeat-x scroll 0 0; border-top-color: #0A81D0; position: relative; min-height: 100px !important; 
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
 *margin-bottom:-8px !important;}

#header #logo { position: absolute; top: 3px; left: 5px;}
#header a #logo {border:none;}
#header ul#navigation { position: absolute; bottom: -15px; right: 9px; *top:65px !important; }
#header ul#sitenavigation { position: absolute; bottom: -15px; left: -25px; *top:65px !important;}

#header ul li { display: inline;}
#header ul li a { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	 background: #006EBA none repeat scroll 0 0; border: 1px solid #085DA1; border-bottom: none; text-decoration: none; color: #FFFFFF; float: left; margin: 0 0 0 5px; padding: 8px 13px 6px;}
#header ul li.selected a { background: #EFEEEE url('../images/altheadertab.png') repeat-x scroll 0 0; color: #0F518E; margin-bottom: -1px; border-bottom: 1px solid #EFEEEE;}
#header ul li a:hover { background: #EFEEEE url('../images/altheadertab.png') repeat-x scroll 0 0; color: #0F518E; margin-bottom: -1px; border-bottom: 1px solid #EFEEEE;}

#infobox { position: relative; background: #EFEEEE; min-height: 10px; border-left: 1px solid #0F518E; border-right: 1px solid #0F518E; border-bottom: 0px solid #D8D8D8; *margin-top:5px !important}
#infobox h3 { font-family: Helvetica; position: relative; left: 5px; top: 1px; color: #181818; display: inline; font-weight: 400; line-height: 36px; text-shadow: 0 1px 0 #B6B6B6;}
#infobox ul#sublinks { position: absolute; top: -9px; *top:6px !important; right: 9px; list-style: none;}
#infobox ul#sublinks li { width: 100px; padding: 0px; font-family: Georgia,"Times new roman",serif; font-size: 0.8em; display: inline;}
#infobox ul#sublinks li:hover {}
#infobox ul#sublinks li a { color: #FFFFFF; text-decoration: none;}
#infobox ul#sublinks li a img {border:none;}
	
#formholder { background: #EFEEEE; margin: 0px !important; padding-left: 5px;}
.form-item { float: left; margin-right: 20px;}
.form-item input {*margin-top:-20px !important;}

#ProjectRate {text-align:center;}

#formholder form #InitalHours {text-align:center}
#formholder form#addproject { height: 50px; padding-left: 7%; padding-top: 5px;}
#formholder form#addcategory { height: 50px; padding-left: 35%; padding-top: 5px;}
#formholder form#projectsettingsform { height: 50px; padding-left: 7%; padding-top: 5px;}
#formholder form#addtask { height: 50px; padding-left: 24%; padding-top: 5px;}
#formholder form label {text-align:center; display: block; font-family: Georgia,"Times new roman",serif; font-size: .9em; color: #181818; font-weight: 400; text-shadow: 0 1px 0 #B6B6B6;} 
#formholder form select#ProjectCategory {padding:2px !important; margin-top:2px;}

form#userdetails {min-height:520px; padding-left:20px; padding-top:20px;}
form#userdetails .form-item {float:none; margin:0 auto; margin-bottom:20px; width:360px;}
form#userdetails .form-item input.text {float:right;}
form#userdetails .form-item input.button_wider {float:right; *margin-top:10px !important;}

form#login {height:115px; padding-left:20px; padding-top:20px; *padding-top:0px !important;}
form#login .form-item {float:none; margin-bottom:20px; margin:0 auto; width:290px;}
form#login .form-item input.text {float:right;}
form#login .form-item input.button_wider {float:right; *margin-top:10px !important;}

form#register {height:275px; padding-left:20px; padding-top:20px; *padding-top:0px !important;}
form#register .form-item {float:none; margin-bottom:20px; margin:0 auto; width:370px; height:40px;}
form#register .form-item input.text {float:right;}
form#register .form-item input.button_wider {float:right; *margin-top:10px !important;}

#content { border-left: 1px solid #0F518E; border-right: 1px solid #0F518E; background: #E8EEF6;}
#footer { background: #FFFFFF url('../images/altheaderbox.png') repeat-x ; font-family: Georgia,"Times new roman",serif; height:29px !important; padding-top: 7px; padding-left: 20px; color: #ffffff; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;}

#copy {float:right; margin-right:30px; *margin-top:-18px !important;}
#copy a {color:#fff; text-decoration:none;}
#copy a:hover {color:#3498DE; text-decoration:none;}

.project-name a {text-decoration:none; color:#006EBA;}
.project-name a:hover {text-decoration:none; color:#0088E6;}

table.datatable { border-collapse: collapse; width: 100%; border-top: 1px solid #DFDFDF;}
table.datatable thead tr { background: #D9D8D8 url('../images/thead_background.png') left top repeat-x; font-size: .9em; color: #181818; font-weight: 400; text-shadow: 0 1px 0 #B6B6B6;}
table.datatable thead tr td { padding: 5px; border-bottom: 0px solid #B3B3B3 !important; border-top: 0px solid #CBCACA !important; font-family: Tahoma;}
table.datatable tbody tr { border-bottom: 1px solid #DFDFDF; height: 30px; background: #F8F8F8;}
table.datatable tbody tr:hover td { background: #FFFFFF;}
table.datatable tbody tr.odd { background: #F3F1F1}
table.datatable tbody tr.odd:hover td { background: #F8F6F6;}
table.datatable tbody tr td { padding-left: 4px; font-size:0.9em !important; font-family: Tahoma;}
table.datatable tbody tr td.taskname {padding-left:15px !important;}

table.datatable td.row-nav { width: 210px !important;}
table.datatable tr td.taskname {padding-left:15px !important;}
table.datatable a.table-edit-link, a.table-delete-link, a.table-archive-link, a.table-makepublic-link, a.table-makeprivate-link  { color: #666; text-decoration: none; display: inline-block; margin-right: 10px; padding-left: 20px; height: 17px; text-align: right; font-size:1em}
table.datatable a.table-edit-link:hover, a.table-delete-link:hover, a.table-delete-link:hover, a.table-makepublic-link:hover, a.table-makeprivate-link:hover { color: #000;}
table.datatable a.table-delete-link { margin-right: 0px !important; background: url('../images/icon-delete.png') no-repeat 1px 0px;}
table.datatable a.table-archive-link { margin-right: 5px !important; background: url('../images/icon-archive.png') no-repeat 0px 2px;}
table.datatable a.table-makepublic-link { margin-right: 11px !important; background: url('../images/make_public.png') no-repeat 0px 2px;}
table.datatable a.table-makeprivate-link { margin-right: 5px !important; background: url('../images/make_private.png') no-repeat 0px 2px;}

thead tr td {border-bottom:1px solid #ABABAB !important; }
tr.dateseperator {background: #D6D5D5 url('../images/date_seperator.png') left top repeat-x !important; font-weight:500; color:#444; border-bottom:0px solid #C5C7CB !important; border-top:1px solid #C1C0C0 !important; font-style:italic; }
tr.dateseperator td:hover  {background: #D6D5D5 url('../images/date_seperator.png') left top repeat-x !important; border-bottom:0px solid #ff8900 !important; color:#444}

tr.daydateseperator {background: #E6E5E5 url('../images/day_seperator.png') left top repeat-x !important; color:#444; border-bottom:0px solid #D9D8D8 !important; border-top:0px solid #D9D8D8 !important; font-size:0.8em !important; height:20px !important;}
tr.daydateseperator td:hover  {background: #E6E5E5 url('../images/day_seperator.png') left top repeat-x !important; color:#444}

a#chartlink {margin-left:20px; color:darkblue;text-decoration:none;}
a#chartlink:hover {text-decoration:none;}

table.datatable a.table-edit-link { background: url('../images/icon-edit.gif') no-repeat  0px 2px;}
.row-nav a {padding-top:1px; padding-left:21px}

#user1 {width:15%}
#user2 {width:20%}
#user3 {width:20%}
#user4 {width:5%}
#user5 {width:5%}
#user6 {width:10%}

table#usertable { border-collapse: collapse; width: 100%; border-top: 1px solid #DFDFDF;}
table#usertable thead tr { background: #E6E5E5; font-size: .9em; color: #181818; height:30px; font-weight: 400; text-shadow: 0 1px 0 #B6B6B6;}
table#usertable thead tr td { padding: 5px; border-bottom: 1px solid #DFDFDF; font-family: Tahoma;}
table#usertable tbody tr { border-bottom: 1px solid #DFDFDF; height: 30px; background: #F8F8F8;}
table#usertable tbody tr:hover td { background: #FFFFFF;}
table#usertable tbody tr.odd { background: #F3F1F1}
table#usertable tbody tr.odd:hover td { background: #F8F6F6;}
table#usertable tbody tr td { padding-left: 4px; font-size:0.9em !important; font-family: Tahoma;}
table#usertable td.row-nav { width: 210px !important;}
table#usertable a.table-edit-link, a.table-delete-link, a.table-archive-link, a.table-edit-link { color: #666; text-decoration: none; display: inline-block; margin-right: 10px; padding-left: 20px; height: 17px; text-align: right; font-size:1em}
table#usertable a.table-edit-link:hover, a.table-delete-link:hover, a.table-delete-link:hover,  a.table-edit-link:hover { color: #000;}
table#usertable a.table-delete-link { margin-right: 0px !important; background: url('../images/icon-delete.png') no-repeat 1px 0px;}
table#usertable a.table-archive-link { margin-right: 5px !important; background: url('../images/icon-archive.png') no-repeat;}
table#usertable a.table-edit-link { margin-right: 5px !important; background: url('../images/icon-edit.png') no-repeat;}
.row-nav a {padding-top:1px; padding-left:21px}


/* Buttons */
input.button_wider { display: block; float: left; clear: left; height: 24px; width: 70px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 0px 0;}
input.button_wider { width: 102px; color: #181818; background: transparent url('../images/button_background.png') no-repeat 0 0;}
input.text {background:url('../images/input_background.png'); height:23px; width:160px; border:none; padding-top:0px; padding-left:5px; padding-right:5px;}

.success {background:#ABC507; margin-left:-5px; padding:5px; text-align:center !important; color:#3E4F4F} 
.success img {top:3px !important; left:-4px; position:relative;}

.error {background:#A10000; margin-left:-5px; padding:5px; text-align:center !important; color:#fff} 
.error img {top:3px !important; left:-4px; position:relative;}

td.timer-controls a {cursor:pointer}
td.timer-controls img {cursor:pointer; height:20px !important; margin-top:5px; margin-right:5px;}

#paginglinks {text-align:center; height:25px; padding-top:2px; padding-bottom:0;}
#paginglinks strong {font-size:1.2em; color:#1F4461; text-decoration:underline; padding:0 5px;}
#paginglinks a {color:#0A55A3 !important; font-size:1em; text-decoration:none; padding:0 5px;}

tr#totalbar td {border-top:1px solid #C9C7C7 !important; border-bottom:1px solid #C9C7C7 !important; background:#DBD9D9; }
#paginglinks {display:none;}

/* IE6 Message */
#ie6message {background:#A10000; color:#fff; height:200px; width:500px; margin:0 auto; position:absolute; left: 50%; margin-left: -150px; top:90px; border:3px solid darkred;}
#ie6message h1 {width:100%; text-align:center}
#ie6message a {color:#0F71FF; text-decoration:none; font-weight:bold;}

form#addproject label, form#addcategory label  {*margin-top:-4px !important; *margin-bottom:4px !important;}
form#addproject .button_wider, form#addcategory .button_wider  {*margin-top:10px !important;}

a img#joyent {border:none; position:relative; bottom:6px; left:250px; height:35px; margin-bottom:-20px;}

a.invoicelink, a#chartlink {margin-left:10px; text-decoration:none; color:#1D5699 !important}
a.invoicelink:hover, a#chartlink:hover {text-decoration:underline;}

#upgradelist li {list-style:none; font-weight:bold;}
#upgradelist ul {margin-bottom:20px; list-style:none;}
#upgradelist ul li {font-weight:normal}

/*#tasktable .col1 {width:30% !important}
#tasktable .col2 {width:13% !important}
#tasktable .col3 {width:5% !important}
#tasktable .col4 {width:7% !important}
#tasktable .col5 {width:6% !important;}
#tasktable .col6 {width:5% !important}
#tasktable .col7 {width:15% !important}*/

td.taskname {max-width:350px;}
tr.endofweek {border-bottom:2px solid #8A2A34 !important; border-top:2px solid #8A2A34 !important;}
tr.endofweek td, tr.endofweek td:hover {background:#5884B7 url('../images/WeekStart.jpg') repeat-x !important; color:#FFE8E8; font-weight:bold;}


tr.startofweek {border-bottom:2px solid #2F5685 !important; border-top:2px solid #2F5685 !important;}
tr.startofweek td, tr.startofweek td:hover {background:#639946 url('../images/WeekEnd.jpg') repeat-x !important; color:#E8F2FF; font-weight:bold;}

.graph_seperator {margin-bottom:20px !important; background:#043B8A !important; height:1px;}

#connect {list-style:none; margin:0; width:860px;text-align:center;}
#fblogin a, #fblogin a:hover {padding:0 !important; background:none !important; border:none !important; margin-bottom:-4px !important}
#fblogin a img {border:none; position:relative; top:1px; }

.connectdesc {width:500px; margin:0 auto; margin-top:20px;}

.fbh {
	color:#181818;
	display:inline;
	font-family:Georgia,"Times new roman",serif;
	font-weight:400;
	left:5px;
	line-height:36px;
	margin-left:220px;
	position:relative;
	text-shadow:0 1px 0 grey;
	top:1px;
}

#categorytable .col1 {width:43% !important;}
#categorytable .col2 {width:40% !important;}
#categorytable .col3 {width:30% !important;}

form#updatecategory {height:40px; width:300px; padding:20px; margin:0 auto;}
#UpdateCategoryButton {float:left; position:relative; right:-200px; top:-40px; }
form#updatecategory .form-item {width:200px; text-align:center !important;}
form#updatecategory .form-item label {width:150px !important; display:inline-block;}

.col-second input {background:none; border:none; cursor:default; color:#000; font-size:1em;  width:90px; font-family:Tahoma; margin-left:-0px; padding-left:0;}
.col-second input.editable {background:#fff; border: 1px inset #000; cursor:auto; color:#000; font-size:1em;  width:90px; font-family:Tahoma; margin-left:-0px; padding-left:5px !important;}

img.commit-edit {width:20px; position:relative; left:-25px; top:5px !important; display:none; cursor:pointer;}

#companytable .col1 {width:10%}
#companytable .col2 {width:8%}
#companytable .col3 {width:6%}
#companytable .col4 {width:6%}
#companytable .col5 {width:7%}
#companytable .col6 {width:10%}


#chartlink {
	-moz-border-radius:100px 100px 100px 100px;
	-webkit-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}

#chartlink {
	background:none repeat scroll 0 0 #E0E0E0;
	border:1px solid #CCCCCC;
	cursor:pointer;
	font-size:0.8em !important;
	padding:6px 10px 3px 10px;
}

#chartlink:hover {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	font-size:0.8em !important;
	padding:6px 10px 3px 10px;
	text-decoration:none !important;
}