/*
 * Staction CSS
 */
body {
	margin: 0 0 50px 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	font-size: 13px;
	background: #4d4d4d url('../images/body-bkg.jpg') bottom repeat-x;
}

h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.2em;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

h3 span {
	background: #fff;
	padding: 3px 7px 3px 0;
}

p {
	padding: 0;
	margin: 0 0 20px 0;
}

ul {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}

a, h3 a {
	text-decoration: none;
	color: #3F75AB;
}

a:hover, h3 a:hover { color: #4888C8; }


a img {
	border: none;
}

table {
	border-collapse: collapse;
}

table td {
	padding: 2px 5px;
}

input.text, textarea {
	border: 1px solid #bbb;
	color: #444;
	font-size: 12px;
	padding: 1px;
}

input.text.freshUserTips, textarea.freshUserTips {
/*	color: #bbb;*/
}

select {
	border: 1px solid #bbb;
}

input.text { width: 70%;}
input.textFull { width: 97%; }

textarea {
	height: 150px;
	width: 98%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
}

form {
	margin: 0;
	padding: 0;
}

dl {
	width: 100%;
	margin: 0;
	padding: 0;
}

dt, dd {
	float: left;
	margin: 0;
	padding: 2px 0;
}

dt {
	width: 40%;
	clear: both;
	font-weight: bold;
}

dd {
	width: 59%;
}

dl input.text {
	width: 99%;
}


/*
 * Helpers
 */
.break {
	clear: both;
}

.nobullets {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

ul.nav, ul.nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.nav li {
	float: left;
}

ul.nav li a {
	float: left;
	display: block;
}

.small {
	font-size: 11px;
	line-height: 1.4em;
}

.removeFileFromEntry {
	font-style: normal;
}

.hiddenSubmit {
	position: absolute;
	left: -9999px;
}

.hiddenSubmit input {

}

.loadingIndicator {
/*	background: #c30;*/
	padding: 8px 14px 0 0;
}

/*
 * Specific helpers
 */
#invalidLogin {
	color: #d00;
	font-weight: bold;
	margin: 10px 0;
}

#minHeightHack {
	height: 400px;
	width: 0.00001em;
/*	width: 1px;*/
	float: left;
/*	background: #c30;*/
}

/*
 * Layout containers
 */
#outerWrapper {
	padding-top: 20px;
	background: url('../images/bkg-lights.png') top left no-repeat;
}
* html #outerWrapper {background: none;}

body#timeline #outerWrapper { 
	padding-top: 0px;
	background: none;
}

#wrapper {
	width: 954px;
	position: relative;
	margin: 20px auto;
}

/*body#login, body.passwordReset { background: #A3A3A3; }*/

/*body#login #wrapper, body.passwordReset #wrapper { 
	background: #fff; 
	width: 280px;
	font-size: 11px;
	margin-top: 20px;
	border: 1px solid #888;
}

body#login #header, body.passwordReset #header { display: none; }
body#login #footer, body.passwordReset #footer { background: none;}
body#login #outerWrapper, body.passwordReset #outerWrapper { height: 800px; }*/

/*body#login #footer, body.passwordReset #footer { 
	background: none;
	width: 280px;
	margin: 0 auto;
	padding: 0;
}
*/
/*body#login #wrapper input.text, body.passwordReset #wrapper input.text { width: 98%; }
body#login #page, body.passwordReset #page { padding: 10px;	}*/


#mainContent {
	width: 734px;
	background: url('../images/entry-column-bottom-bkg.png') bottom left no-repeat;
	float: left;
}

* html #mainContent {background: none;}

#mainContentSpacer {
	width: 444px;
	margin-left: 138px;
	margin-bottom: 70px;
}


#entryAreaHeader, #pageHeading {
	background: url('../images/entry-area-bkg.png') top left no-repeat;
	padding: 10px;
/*	border-bottom: 1px solid #5492AE;*/
	width: 424px;
}

* html #entryAreaHeader, * html #pageHeading {
	background: url('../images/entry-area-bkg-8bit.png') top left no-repeat;
}

#actionsWrapper {
	width: 444px;
	
}

#sidebar {
	width: 320px;
	margin-left: -100px;
	float: left;
}

#loginLogoContainer {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 5px;
}

a#forgotPasswordLink { color: #888; }
a:hover#forgotPasswordLink { color: #aaa; }

/*
 * Header
 */
#header {
	background: #353535;
	height: 32px;
	line-height: 32px;
	margin-top: 0px;
	padding-left: 20px;
}

#header h1 {
	background: url('../images/header-logo.png') center left no-repeat;
	width: 22px;
	height: 32px;
	line-height: 32px;
	text-indent: -9999px;
	float: left;
	margin: 0;
}

#header .nav {
	float: left;
	color: #aaa;
	font-size: 11px;
}

#header .nav a {
	color: #aaa;
	margin: 0 10px;
}

* html #header .nav a {
	margin: 0;
	margin-right: 5px;
	padding-left: 5px;
}

#header .nav a:hover { color: #ccc; }

#projectHeader {
	font-size: 11px;
	line-height: 1.2em;
	color: #fff;
	height: 14px;
	padding: 3px 0 5px 10px;
}

#projectHeader a {
	color: #fff;
}

/*
 * Footer
 */
#footer {
	color: #eee;
	font-size: 11px;
	padding-left: 20px;
}

#footer a {
	color: #eee;
	line-height: 17px;
	height: 17px;

}

#footer #copyright {
	float: left;
	background: url('../images/paste-logo.png') left top no-repeat;
	padding-left: 20px;
	padding-top: 3px;
}

#footer .nav li {
	padding-top: 3px;
}

#footer .nav li a {
	margin: 0 10px;
}

* html #footer .nav a {
	margin: 0;
	margin-right: 5px;
	padding-left: 5px;
}

/*
 * Login page
 */
body.login { background: #9B9B9B; }
body.login #outerWrapper { background: #5F5F5F url('../images/gradient-bkg.jpg') bottom repeat-x; }

body.login #page {
	background-position: center bottom;
	width: 943px;
/*	margin: 0 auto;*/
	margin-left: 10px;
}

body.login #footer {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

body.login #wrapper {
	width: 943px;
	margin: 0 auto;
	background: url('../images/footer-shadow-bkg.jpg') bottom left no-repeat;
	padding-bottom: 65px;
	margin-bottom: 20px;
	position: relative;
}

body.login #headerSpacer {
	margin: 0 auto;
	width: 900px;
}

body.login #page {
	margin-top: 60px;
	padding: 50px 51px 50px 50px;
	width: 786px;
	background: #fff url('../images/main-content-bkg.jpg') bottom right no-repeat;
}

#loginTools {
	font-size: 11px;
	line-height: 1.5em;
}

#betaDisclosure {
	color: #666;
	font-size: 11px;
}

#bigSTLogo {
	width: 300px;
	float: left;
	text-align: center;
	margin-right: 60px;
	padding-top: 30px;
}
body#passwordReset #bigSTLogo { padding-top: 20px; }
body#send #bigSTLogo { padding-top: 0px; }

body#send #loginElements {
	padding-top: 30px;
	padding-bottom: 30px;
}

#loginElements {
	width: 330px;
	padding-left: 90px;
	border-left: 1px solid #ddd;
	float: left;
}

body.login #pageActionsNav ul li a {
/*	font-size: 14px;*/
	color: #ed6f2a;
}
body.login #pageActionsNav ul li a:hover { text-decoration: none;}

body.login {
	font-size: 16px;
	color: #666;
}

body.login input{
	font-size: 20px;
}

body#passwordReset h1 {
	color: #333;
	font-size: 24px;
}

body#passwordReset {
	font-size: 12px;
}

a.loginButton {
	background: #888;
	padding: 5px 0;
	display: block;
	width: 70px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	float: left;
}

a.forgotPassword {
	color: #999;
	font-size: 11px;
	display: block;
	float: left;
	padding: 12px 0 0 10px;
	text-transform: lowercase;
}

.loginByEmail {
	font-weight: bold;
}

#loginByEmailWarning {
	font-size: 12px;
	background: #eee;
	border: 1px dashed #ccc;
	padding: 5px 10px;
}


/*
 * Flash Messages
 */
.flashMessage-ok, .flashMessage-fail {
	padding: 10px 0;
	font-size: 12px;
	width: 444px;
}

.flashMessage-ok p, .flashMessage-fail p {
	margin: 0;
	padding: 5px 10px;
}


.flashMessage-ok p {
	background: #ECFFC5;
	color: #839F4A;
	border-top: 1px solid #CDE3A3;
	border-bottom: 1px solid #CDE3A3;
}
	

.flashMessage-fail p {
	background: #FDE8E9;
	color: #D5324F;
	border-top: 1px solid #FBC6CA;
	border-bottom: 1px solid #FBC6CA;	
}



/*
 * Actions container
 */
#actionsContainer, .entryActions {
	font-size: 11px;
}

#actionsWrapper #actionsContainer {
	margin-left: 0px;
}

#actionsContainer.innerPage {
	margin-left: 0px;
	color: #203C58;
}

#actionsContainer .spacer, .entryActions .spacer {
	padding: 5px 10px;
}

#actionsContainer textarea, .entryActions textarea {
	height: 75px;
}

#actionsContainer input, .entryActions input {
	padding: 4px;
	font-size: 12px;
}

#actionsContainer input[type=submit], .entryActions input[type=submit]  {
	*padding: 4px 1px;
}

#actionsContainer select {
	font-size: 11px;
}

#actionsContainer textarea {
	width: 390px;
}

.actionsOptionsBar {
	margin-top: 5px;
}

#actionsContainer.innerPage .actionsOptionsBar {
/*	padding-top: 10px;*/
}


.submitButton input, input.submitButton, #actionsContainer input.submitButton, .entryActions input.submitButton, 
#actionsContainer .submitButton input, .entryActions .submitButton input {
	border: none;
	float: right;
}

#cancelSendMessage {
	float: left;
}

.actionsOptionsBar .options {
	float: left;
	width: 277px;
	margin-right: 15px;
}

.actionsOptionsBar.insideStream .options {
	width: 299px;
}

.submitButton {
	width: 110px;
	float: left;
}

.submitButton input {
	height: 25px;
}

.fileAttachmentButton {
/*	margin-left: 5px;*/
	float: left;
}

.actionsOptionsBar .options input.text {
	width: 100%;
}

/*.submitButton input, .entryActions .submitButton input {*/
.submitButton input, input.submitButton, #actionsContainer input.submitButton, .entryActions input.submitButton, 
#actionsContainer .submitButton input, .entryActions .submitButton input {
	background: #00445E;
	color: #fff;
	padding: 4px 10px;
	width: 80px;
}

.projectActions .submitButton input, .userActions .submitButton input, .submitButton input, input.submitButton {
	padding: 2px 5px;
	width: auto;
}

.projectActions .submitButton, .userActions .submitButton, #actionsContainer.innerPage .submitButton {
	float: right;
}

.projectActions textarea {
	height: 90px;
}

/*
 * Stream
 */
#newEntriesWarning {
	padding: 5px 10px;
	background: #00445E;
}

#newEntriesWarning a {
	display: block;
	font-size: 11px;
	line-height: 1.3em;
	color: #fff;
}


/*
 * Inner pages (administrative tasks -- projects, people, etc.)
 */
ul.blueItemized {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.blueItemized li ul li {
	border-bottom: none;
}

ul.blueItemized li .title {
	padding: 10px;
}

ul.blueItemized li .title a {
	font-size: 14px;
}

ul.blueItemized li .title h3 {
	margin: 0;
}


#adminPageContent {
	width: 410px;
	float: left;
}

#pageHeading h2, #pageHeading a.headingAction { 
	padding: 0 10px; 
	font-size: 14px;
	padding-top: 10px;
}

#pageHeading h2 {
	float: left;
	width: 200px;
	margin: 0;
	color: #203C58;
}

#pageHeading a.headingAction {
	color: #fff;
}

#pageHeading a.headingAction { float: right; }

.archiveLink {
	font-size: 10px;
}

.projectActions, .userActions {
	font-size: 12px;
}

.projectActions .spacer, .userActions .spacer {
	margin: 10px 20px 10px 10px;
}

.projectActions h4, .userActions h4 {
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	color: #888;
}

.userActions dd input.text {
	width: 99%;
	font-size: 12px;
}
.userActions dd input.select { font-size: 12px;	}


.projectActions h4.padded, .userActions h4.padded {
	margin-top: 15px;
}

.projectStatusTools, .userStatusTools {
	list-style: none;
	margin: 0;
	padding: 0;
}

.projectStatusTools li {
	margin: 0;
	padding: 0;
	float: left;
}
.projectStatusTools .archive, .projectStatusTools .delete, .userStatusTools .delete {
	display: block;
	width: 180px;
}
.projectStatusTools .archive { float: left; }
.projectStatusTools .delete { float: right; }
.delete { color: #d33; }
a:hover.delete { color: #a00; }

.projectToolsActions .spacer {
	border: 1px solid #ccc;
	background: #eee;
	padding: 10px;
}

.projectUsersListing, .projectTimeEntries, .projectsListing, .weekDaysListing {
	list-style: none;
	margin: 0;
	padding: 0;
}

.projectUsersListing li, .projectTimeEntries li, .projectsListing li, .weekDaysListing li {
	width: 30%;
	float: left;
}

.projectUsersListing li, .projectTimeEntries li {
	width: 134px;
	margin: 0 3px 5px 0;
	line-height: 1.1em;
}

.projectTimeEntries li {
	font-size: 11px;	
}

.projectUsersListing li input {
	float: left;
/*	background: #c30;*/
}

.projectUsersListing li span {
	margin: 2px 0 0 2px;
	float: left;
	width: 105px;
	font-size: 11px;
}

.weekDaysListing li {
	width: 25%;
}

.projectTimeEntries li strong { color: #5886D4; }
.totalTime { color: #000; }
.totalTime, .projectTimeEntries li { font-size: 11px; }
.projectUsersListing li.owner { color: #aaa; }

.saveChangesLink {
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
}

.userTimeEntriesForm p { margin: 10px 0; } 
.userTimeEntriesForm p a { font-size: 11px; }

.userTimeEntriesForm select { font-size: 10px; }

.abbreviationForm input.text { width: 100%; }

body#projects #mainContent #noProjectsWarning {
	margin: 0 6px 0 5px;
	padding: 20px 10px;
}

body#projects #sidebar #noProjectsWarning {
	padding: 10px;
	margin: 0;
}

.invertSelection {
	font-size: 11px;
	margin-bottom: 5px;
	font-weight: normal;
}

/*
 * Stream status
 */
#streamNavigator {
	background: #5BAAC8;
	color: #00445E;
}

#streamNavigator h2 {
	
	font-size: 12px;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #CEB775;
	font-weight: bold;
}

/*#streamNavigator form { padding: 0px 10px; }*/
#streamNavigator select { font-size: 11px; }

#streamNavigator .streamFilter {
	padding: 10px;

}

#streamNavigator .streamFilter { border-bottom: 1px solid #5492AE; }
#streamNavigatorForm { border-top: 1px solid #5492AE;}
#streamNavigator { border-bottom: 1px solid #5492AE;border-top: 1px solid #5492AE; }


#streamNavigator .streamFilter .filterVariables {
	width: 320px;
	float: left;
}

#streamNavigator .streamFilter .filterTools {
	float: right;
	width: 50px;
	text-align: right;
}

#streamNavigator .streamFilter .filterAppendix input.text {
	width: 90px;
	font-size: 11px;
	padding: 1px 3px;
}

#saveThisView {
	padding: 10px;
/*	text-align: right;*/
}

#saveThisViewNameContainer {
	width: 200px;
	float: left;
}

#saveThisViewNameContainer input {
	width: 200px;
	color: #888;
	padding: 2px;
}

#saveThisViewButton {
	width: 160px;
	float: right;
	text-align: right;
}

#saveThisViewName {
	width: 150px;
	font-size: 11px;
}

#customizeViewLink {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	width: 160px;
	float: right;
	text-align: right;
}

#customizeViewLink.savedView {

}

#streamNavigatorViewName {
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	width: 270px;
	float: left;
}

#streamNavigatorOpenedTools {
	width: 137px;
	font-size: 11px;
	float: left;
	padding: 10px 15px 10px 0;
	text-align: right;
}

#streamNavigator a {
	color: #fff;
	font-weight: bold;
}

#streamNavigatorViewName small {
	font-size: 11px;
	font-weight: normal;
}

#cancelSaveView {
	font-size: 11px;
}

#saveViewButton, #removeViewButton {
	padding: 2px 4px;
	font-size: 11px;
}

#removeViewButton {
	background: #e30;
	color: #fff;
}

#searchHeader {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}

/*
 * Navigator stuff from here --> DEPRECATED, delete as soon as move it made
 */
#streamCurrentlyViewingContainer, #navigationSelector {
	padding: 5px 10px;
}

#streamCurrentlyViewingContainer {
	width: 225px;
	float: left;
}

#streamNavigatorPhrase {
	font-weight: bold;
	color: #4A442E;
	font-size: 12px;
	padding-top: 4px;
}

#navigationSelector {
	width: 220px;
	float: right;
}

#navigationSelector select {
	font-size: 11px;
}

#navigationSelector form {
	margin: 0;
	padding: 0;
	float: right;
}

#customizeViewContainer {
	text-align: right;
	padding: 0 2px 2px 0;
}



/*
 * Content stream
 */
#streamContent, #innerPageContent {
	color: #555;
	line-height: 1.3em;
	font-size: 12px;
	width: 444px;
	background: #fff url('../images/entry-bkg.jpg') right repeat-y;
}

body#projects #innerPageContent, body#people #innerPageContent, body#account #innerPageContent {
	min-height: 350px;
}

.streamEntry, .blueItemized li {
	border-bottom: 2px solid #cacaca;
}

.streamEntry .replyHeader {
	font-size: 11px;
	line-height: 1.1em;
	color: #aaa;
}

.streamEntry .tools, .streamEntry .more, .project a, .streamEntry .tools a, .streamEntry .replyHeader a {
	display: inline;
	color: #888;
}

.streamEntry .entryMain, .paginationBar { padding: 10px; }
.paginationBar { padding-top: 13px;}

.streamEntry.directMessage .entryMain { background: #ececec; }
.streamEntry.privateMessage .entryMain .entryBody { 
	background-image: url('../images/lock.gif');
	background-position: bottom right;
	background-repeat: no-repeat; 
}



.streamEntry .entryAvatar, .entryIcon, .entryReminderBadge {
	width: 45px;
	float: left;
	padding-right: 10px;
}

.streamEntry .entryBody {
	width: 358px;
	float: left;
}

.sidebarReminderMain input.checkbox { margin-left: 1px;}

.streamEntry.file .entryBody, .streamEntry.reminder .entryBody {
	width: 300px;
}

.streamEntry.file.reminder .entryBody {
	width: 250px;
}

.streamEntry .entryTimeSpent {
	color: #999;
	font-size: 12px;
}

.streamEntry .tools, .streamEntry .more {
	font-size: 11px;
	margin-top: -5px;
	padding-bottom: 10px;
}


/* Pagination */
.paginationBar {
	background: url('../images/entry-area-bottom.jpg') left bottom no-repeat;
	height: 30px;
	line-height: 30px;
}

.paginationBar .olderContent, .paginationBar .newerContent {
	width: 110px;
	display: block;
}

.paginationBar a {
	color: #326B80;
	text-decoration: underline;
	font-size: 12px;
}

.paginationBar a:hover { color: #578AA4;}

.paginationBar .newerContent { float: left; }
.paginationBar .olderContent { float: right; }

/*
 * Sidebar
 */
#sidebarViewsContent p {
	color: #aaa;
	padding: 10px;
}

#sidebar a {
	color: #81CBE8;
}

#sidebar a:hover {
	color: #6CABC3;
}

.reordering {
	cursor: pointer;
}

#globalNav {
	font-size: 12px;
	line-height: 1.1em;
}

#globalNav ul li span {
	padding: 0 5px;
	text-decoration: none;
}

#sidebar {
	font-size: 11px;
}

#sidebar h2 {
	font-size: 12px;
	font-weight: bold;
	color: #ddd;
	margin: 0;
	padding: 0;
}

#savedViewsContainer {
	padding: 10px;
}

#savedViewsHeader {
	padding-bottom: 3px;
	border-bottom: 1px solid #bbb;
	margin-bottom: 5px;
}

#savedViewsHeader h2 {
	width: 90px;
	float: left;
}

#editSavedViewsLink {
	display: block;
	width: 50px;
	text-align: right;
	float: left;
	font-size: 11px;
	line-height: 1.2em;
	text-transform: lowercase;
}

.renameViewForm input {
	font-size: 11px;
	color: #777;
	padding: 1px 2px;
	width: 134px;
}

.renameViewForm a.renameViewCancel {
	float: left;
}

.renameViewForm a.renameViewSave {
	float: right;
	text-align: right;
}

ul#savedViews .renameViewForm a {
	display: block;
	width: 49%;
	font-size: 10px;
	color: #5886D1;
}

#generalTools {
	background: #555;
	float: left;
	width: 180px;
	margin-top: 10px;
	padding: 5px 10px;
}

#generalTools ul li {
	padding: 0 7px;
	border-right: 1px solid #777;
}

#generalTools ul li.last {
	border-right: none;
}

#generalTools ul li a {
	color: #fff;
	font-size: 13px;
}

#generalTools ul li a:hover {
	color: #ccc;
}

#sidebar {
	font-size: 12px;
}

#sidebarRSSContainer, #whosOnline {
	background: #3A3A3A;
	padding: 5px 10px;
	color: #999;
	font-size: 11px;
}

a#sidebarRSSLink {
	background: url('../images/footer-feed.png') center left no-repeat;
	padding-left: 18px;
	color: #888;
}

#hoursAndSearch {
	width: 320px;
}

#whosOnline {
	margin-top: 5px;
	color: #777;
	font-size: 10px;
}

#hoursSpentToday, #searchBoxContainer {
	background: #3A3A3A;
	padding: 10px;
	color: #999;
	height: 18px;
	line-height: 18px;
}

#hoursAndSearch #hoursSpentToday {
	width: 85px;
	float: left;
	margin-right: 2px;
}

#searchBoxContainer {
	float: left;
	width: 193px;
}

/** html #searchBoxContainer {
	width: 180px;
}*/

* html #searchBoxContainer #search_string {
	width: 110px;
}

#hoursSpentToday .hours {
	color: #fff;
	font-size: 14px;
	float: left;
	display: block;
}

#hoursSpentToday .tag {
	display: block;
	float: left;
	margin-right: 5px;
}

#search_string { width: 115px; }
#searchInput { float: left; }

a#goSearchButton {
	display: block;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-indent: -9999px;
	background: url('../images/search-button.png');
	float: left;
	margin-left: 5px;
	margin-top: 2px;
}

#sidebarTodosRemindersContent ul {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
}

#sidebarTodosRemindersContent ul li {
	background: #404040;
	margin: 2px 0;
	padding: 5px;
	width: 310px;
	z-index:0;
}

.sidebarTodoCheckboxContainer {
	float: left;
	width: 25px;
	text-align: center;
}

.sidebarTodoMain {
	float: left;
	width: 265px;
	padding-right: 20px;
}

.reorderHandle {
	cursor: move;
}

#sidebar .sidebarTodoMain a, #sidebar #sidebarTodosRemindersContent a { color: #eee; }
#sidebar .sidebarTodoMain a:hover, #sidebar #sidebarTodosRemindersContent a:hover { color: #ddd; }

.sidebarTodoProject {
	color: #888;
}

#sidebarViewsNavContainer, #sidebarTodosRemindersContainer {
	margin-top: 2px;
}

#sidebarViewsNav li, #sidebarTodosRemindersNav li {
	float: left;
}

#sidebarViewsNav li a, #sidebarTodosRemindersNav li a {
	display: block;
	background: #3A3A3A;
	height: 35px;
	line-height: 35px;
	width: 105px;
	margin-right: 2px;
	text-align: center;
	float: left;
}

* html #sidebarViewsNav li a {
	margin-right: 1px;
}

#sidebarTodosRemindersNav li a { width: 159px; }
#sidebarTodosRemindersNav li#sidebarRemindersTab a { margin-right: 0px; }
acronym { 
	cursor:default; 
	border: none;
}


#sidebarViewsNav li a.active, #sidebarViewsNav li a:hover, #sidebarTodosRemindersNav li a.active, #sidebarTodosRemindersNav li a:hover { background: #404040; }

#sidebarViewsNav li#sidebarViewsNavProjects a {
	width: 106px;
	margin-right: 0px;
}

#sidebar .nav a { outline: none; }

#sidebarViewsContent { margin-top: 2px; }
#sidebarViewsContent .spacer { background: #404040; }
#sidebarViewsContent h3 { font-size: 11px; }

#sidebarViewsContent ul {
	padding: 5px 0 5px 10px;
	margin: 0;
}

#sidebarViewsContent ul li { margin: 1px 0; }

.sidebarReminderTimestamp {
	color: #81CBE8;
}
.sidebarReminderMeta {
	color: #999;
}

.sidebarReminderMeta img {
	float: left;
	margin: 3px 5px 0 0;
}

.pipe { padding: 0 2px; }

/*
 * Contextual Sidebar
 */
/* this is used to force the sidebar to go away */
#aBreathingSpace {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*
 * Thread page
 */
#threadTitle {
	width: 399px;
	background: #fff;
	background: #FFE99D;
	color: #4A442E;
}

#threadTitle h2 {
	margin: 0;
	padding: 5px 10px;
	font-size: 14px;
/*	text-align: center;*/
}


/*
 * Time entries
 */
.text.timeSpent { width: 80px; }
#actionsContainer .text.timeSpent { width: 50px; }


.addTimeToTodo .text.timeContent { width: 314px; } 


/*
 * Accounts page
 */
/*body#account dl dt {
	width: 130px;
	font-size: 11px;
}

body#account dl dd {
	width: 245px;
}
*/

body#account ul.blueItemized li {
	padding-left: 10px;
}

dt em {
	font-weight: normal;
	font-size: 10px;
	color: #777;
}

#profileAvatarPreview .image {
	float: left;
	width: 44px;
	margin-right: 10px;
}

#profileAvatarPreview .currently {
	width: 100px;
	float: left;
	line-height: 44px;
	font-style: italic;
	font-size: 11px;
}

#profileAvatarUpdate {
	clear: both;
	margin-top: 10px;
}

#profileAvatarUpdate p { margin: 0;}

#account-week-start-edit { font-size: 12px; }

.leaveBlank {
	font-style: italic;
	font-size: 11px;
}

dl.userProfile dt, dl.userProfile dd { margin-bottom: 12px; }

dl.userProfile dt.userProfilePassword, dl.userProfile dd.userProfilePassword { margin-bottom: 0px; }

.profileSeparator {

/*	border: 1px solid #c30;*/
}

.profileIcon, .profileSubmit {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6E93C3;
	padding-top: 15px;
	font-size: 11px;
}

.profileIcon input {
	width: 95%;
}

dl.userProfile dt.profileSubmit, dl.userProfile dd.profileSubmit {
	text-align: right;
	margin-bottom: 0px;
}

select#timezoneSelector {
	font-size: 10px;
}

body#account dt { width: 35%; }
body#account dd { width: 65%; }
* html .userActions dd input.text { width: 95%; }

body#account #settings-edit dt { width: 7%;margin-top: -2px; }
body#account #settings-edit dd { width: 93%; }

body#account .actionsOptionsBar {
	margin: 0;
}

#accountSSLForm p {
	margin-bottom: 5px;
}

#sslExplanation p {
	margin-bottom: 20px;
	color: #777;
	font-size: 11px;
}

/*
 * Actions upgrades - related to the swipe interface, mostly
 */
#actionsWrapper #actionsContainer .spacer {
	padding: 0;
}

.topActionContainer form {
	padding: 0 10px;
}


#actionsContainer textarea#fileContent {
	height: 22px;
}

.contentFileContainer {
	margin: 5px 0;
}


/*
 * People Timeline page
 */
body#timeline #header, body#timeline #footer {
	display: none;
}

body#timeline {
	background: #fff;
	margin: 20px;
}

body#timeline #wrapper {
	width: 100%;
	background: none;
}

body#timeline h2 {
	margin: 0;
	padding: 0;
}

body#timeline h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 11px;
	color: #999;
}

/*
 * Timeline
 */
.timeline { 
	font-size: 9px;
	height: 10em; 
	width: 96%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.timeline li { 
	position: relative;
	float: left;
/*	width: 2.3em; */
	width: 20px;
/*	margin: 0 0.3em;*/
	margin: 0 2px;
	height: 7em;
	*margin: 0 4px;
}
.timeline li a { 
	display: block;
	height: 100%;  
}
.timeline li .label { 
	display: block; 
	position: absolute; 
	bottom: -2em; 
	left: 0; 
	background: #fff; 
	width: 100%; 
	height: 2em; 
	line-height: 2em; 
	text-align: center;
}
.timeline li a .count { 
	display: block; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	height: 0; 
	width: 100%; 
	background: #AAA; 
	text-indent: -9999px; 
	overflow: hidden; 
}
.timeline li:hover { 
	background: #EFEFEF; 
}
.timeline li a:hover .count { 
	background: #2D7BB2; 
}

/*
 * File upload without showing the input element
 */
#sidebarFakeFile {
	position: relative;
	height: 20px;
}

#sidebarFileLabel {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	width: 100%;
	z-index: 1;
}

#sidebarFile {
	position: absolute;
	top: 0;
	left: -140px;
	z-index: 2;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	cursor: pointer;
	*display: none;
}

#sidebarFileBarrier {
	position: absolute;
	top: 0;
	left: -140px;
	z-index: 3;
	width: 170px;
	height: 20px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}

/*.contentFile {
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	position: absolute;
	left: -99999px;
	*filter:alpha(opacity: 100);
	*position:static;
	*left:0;
}
*/
#topActionComments .actionsOptionsBar{
/*	margin-bottom: -25px;*/
}

.contentFileDescription {
	margin-top: 5px;
	line-height: 1.3em;
	font-style: italic;
	
}

/*
 * Account - Color Themes Picker
 */
.colorThemeContainer {
	float: left;
	padding: 10px;
}

.colorThemeContainer.active .colorThemeDisplay a {
	border: 1px solid #aaa;
}

.colorThemeDisplay a {
	display: block;
	text-indent: -9999px;
	width: 70px;
	height: 70px;
	border: 1px solid #D5D5D5;
}

.colorThemeName {
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

/*
 * Modal Window
 */
.modalWrapper {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index:1;
	-moz-opacity:0.8;
	filter:alpha(opacity: 80);
	opacity: 0.8;
}

.modalWrapperHelper {
	background: #000;
	position: fixed;
	z-index:100;
	-moz-opacity:0.8;
	filter:alpha(opacity: 80);
	opacity: 0.8;
}

/*body {
	height: 100%;
	overflow: auto;
}*/


.modal, .modalForm  {
	z-index:100;
	width: 600px;
	position: fixed;
	top: 50px;
	background: #fff;
	color: #777;
	padding: 20px 40px;
	overflow: hidden;
	font-size: 12px;
}

.topActionContainer form.modalForm, .entryActions form.modalForm {
	padding: 20px 40px;
	width: 344px;
	height: 110px;
}

.modal h2 {
	font-weight: bold;
}

.modalToolbox {
	font-weight: bold;
}


/*
 * Help page
 */
body.help #page #innerPageContent .spacer { 
	margin: 0px 6px 0 5px;
	padding: 20px 15px 5px 15px; 
}

body.help#help #page #innerPageContent .spacer { 
	margin: 0px 6px 0 5px;
	padding: 5px 10px;
}


body.help #adminPageContent {
	font-size: 12px;
}

body.help #sidebar {
	line-height: 1.3em;
}

body.help #sidebar ul {
	margin: 5px 0 0 0;
	font-size: 11px;
}

#helpMainPageRandomArticle {
	padding: 20px;
	background: #eee;
	border: 1px dashed #ddd;
	margin: 5px 0 10px 0;
}

#helpMainPageRandomArticle h3 {
	font-size: 14px;
}

#helpMainPageRandomArticle p {
	margin: 0;
	font-size: 11px;
	line-height: 1.3em;
}

.sidebarBlock {
	background: #3A3A3A;
	color: #999999;
	margin-bottom: 2px;
	padding: 10px;
}

body.help #searchInput input.text { width: 215px; }
* html body.help #searchInput input.text { width: 220px; }

body.help h4 { 
	margin: 0; 
	font-weight: bold;
	color: #444;
}

body.help ul { margin-bottom: 15px; }

#helpMainPageCategories h3 a { color: #444; }
#helpMainPageCategories h3 a:hover { color: #666; }

body#help #helpMainPageCategories h4 {
	font-size: 11px;
}

body.help #pageHeading h2 a {
	font-size: 20px;
	color: #fff;
	line-height: 1.2em;
}

body.help#search h4  {
	font-size: 14px;
}

body.help#search h4 a {
	color: #444;
}

/*
 * Overview page
 */
.overviewLink {
	padding-left: 5px;
	padding-right: 5px;
}

#overviewWrapper {
	background: #fff;
	padding: 20px;
	font-size: 11px;
	line-height: 1.4em;
}

#overviewHeader #overviewTitle h2 {
	font-size: 22px;
	color: #222;
	margin-bottom: 0px;
}

#overviewHeader .overviewDescription {
	margin-bottom: 0px;
	color: #666;
}

#overviewBackToStreamViewLink { margin-bottom: 5px; }

#overviewHeader #overviewTitle, #overviewCol1 {
	width: 55%;
	float: left;
	margin-right: 5%;
}

#overviewWrapper h3 {
	font-size: 11px;
	font-weight: bold;
	color: #222;
}

#overviewMeta, #overviewCol2 {
	width: 40%;
	float: left;
}

#overviewMeta p {
	margin: 0;
	padding: 0;
	color: #999;
}

#overviewHeader {
	border-bottom: 1px solid #aaa;
	padding-bottom: 5px;
	margin-bottom: 10px;
}


#overviewPeople li img {
	display: block;
	float: left;
}

#overviewPeople li {
	margin: 7px 0;
}


.overviewPersonMeta {
	float: left;
	margin-left: 5px;
}

.overviewPersonName {
	padding-top: 4px;
	font-size: 13px;
}.overviewProjectName { font-size: 13px; }

#overviewAdditionalPeople .overviewPersonName, #overviewAdditionalProjects .overviewProjectName {
	padding-top: 4px;
	font-size: 11px;
	font-weight: bold;
}#overviewAdditionalProjects .overviewProjectName  { padding-top: 0px;}

.overviewPersonTime, .overviewProjectTime {
	font-size: 14px;
	font-weight: bold;
	margin-top: 3px;
	list-style: none;
}

.overviewProjectName {
	float: left;
/*	background: #06f;*/
	line-height: 1.6em;
}

.overviewProjectTime {
	float: left;
	margin-right: 7px;
}

#overviewAdditionalPeople, #overviewAdditionalProjects  {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}


.overviewFileItem {
	width: 30%;
	float: left;
	margin-right: 1%;
}

.overviewFileItem img {
	display: block;
	float: left;
	margin-right: 7px;
}

.overviewFileRow, .overviewFileRowAlternate {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.overviewFileRowAlternate {
	background: #eee;
}

#overviewFiles {
	border-top: 1px solid #aaa;
	padding-top: 10px;
}
#overviewAdditionalPeople ul li {
	margin: 5px 0;
}

#overviewTodos ul, #overviewPastTodos ul {
	list-style: none;
	padding: 0;
}

#overviewTodos ul li, #overviewPastTodos ul li {
	background-position: 2px 4px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 3px 0;
}

#overviewTodos ul li { background-image: url('../images/overview-incompleteTodo.png'); }
#overviewPastTodos ul li { 
	background-image: url('../images/overview-completedTodo.png'); 
	background-position: 0 2px;
}

#overviewPastTodos ul li.seeAll { background-image: none; font-weight: bold;}

ul.nobullets#overviewMainUsers {
	margin-bottom: 0px;
}

#overviewTotalProjectTime {
	color: #aaa;
	margin-bottom: 10px;
	margin-left: 50px;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	
}

/*
 * IE Warning
 */
#IEWarning {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 5px 0;
}

/*
 * Preloader
 */
#preload {
	display: none;
}

/*
 * Autocompleter
 */
div.autocomplete {
	margin: 0px;  
	padding: 0px;  
	width: 250px;
	background: #fff;
	border: 1px solid #aaa;
	position: absolute;
}

div.autocomplete ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.autocomplete ul li.selected { 
	background-color: #E4F3FA;
}

div.autocomplete ul li {
	font-size: 11px;
	border-bottom: 1px solid #ddd;
/*	border-top: 1px solid #ddd;*/
	margin: 0;
	background: #fff;
	padding: 3px 2px;
	display: block;
	list-style-type: none;
	cursor: pointer;
}

.autoCompleterAvatar {
	width: 30px;
	float: left;
}

.autoCompleterName {
	width: 220px;
	float: left;
	line-height: 20px;
}

/*
 * Modal File Attachment
 */
.fakeFormForAttachment {
	width: 444px;
	margin: -10px;
	* display: none;
}

/*
 * Account page
 */
#innerPageContentSpacer {
	padding: 20px;
}

table#pricingTable {
	width: 100%;
	font-size: 11px;
	text-align: center;
}
table#pricingTable td {
	border: 1px solid #ddd;
}

table#pricingTable .categoryCol { text-align: left; }

table#pricingTable thead, table#pricingTable .categoryCol {
	font-weight: bold;
}

.myPlan {
	background: #eee;
}

#currentlyStorageUsed {
	padding-top: 3px;
	font-style: italic;
	font-size: 11px;
}