/**
  * From css/main.css: @import "../yui/fonts.css";
  */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/** End of ../yui/fonts.css */


/**
  * From css/main.css: @import "../yui/nested-grids.css";
  */

/*
 *  MODIFIED MODIFIED MODIFIED
 *
 *  This is not the complete YUI grids foundation with templates,
 *  but just the special nesting grids.
 *
 */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/*
	Note: Throughout this file, the *property filter is used to 
	      give a value to IE that other browsers do not see.	
*/

/*
	Section: Grids and Nesting Grids
*/

	/*
		Subsection: Children generally take half the available space
	*/

	.yui-gb .yui-u,
	.yui-g .yui-gb .yui-u,
	.yui-gb .yui-g,
	.yui-gb .yui-gb,
	.yui-gb .yui-gc,
	.yui-gb .yui-gd,
	.yui-gb .yui-ge,
	.yui-gb .yui-gf,
	.yui-gc .yui-u, 
	.yui-gc .yui-g,
	.yui-gd .yui-u {float:left;}

	/*Float units (and sub grids) to the right */
	.yui-g .yui-u,
	.yui-g .yui-g,
	.yui-g .yui-gb, 
	.yui-g .yui-gc, 
	.yui-g .yui-gd, 
	.yui-g .yui-ge, 
	.yui-g .yui-gf, 
	.yui-gc .yui-u, 
	.yui-gd .yui-g,
	.yui-g .yui-gc .yui-u,
	.yui-ge .yui-u, 
	.yui-ge .yui-g, 
	.yui-gf .yui-g,
	.yui-gf .yui-u{float:right;}

	/*Float units (and sub grids) to the left */
	.yui-g div.first, 
	.yui-gb div.first,
	.yui-gc div.first,
	.yui-gd div.first, 
	.yui-ge div.first, 
	.yui-gf div.first,
	.yui-g .yui-gc div.first,
	.yui-g .yui-ge div.first,
	.yui-gc div.first div.first {float:left;}

	.yui-g .yui-u,
	.yui-g .yui-g,
	.yui-g .yui-gb,
	.yui-g .yui-gc,
	.yui-g .yui-gd,
	.yui-g .yui-ge,
	.yui-g .yui-gf {width:49.1%;}

	.yui-gb .yui-u,
	.yui-g .yui-gb .yui-u,
	.yui-gb .yui-g,
	.yui-gb .yui-gb,
	.yui-gb .yui-gc,
	.yui-gb .yui-gd,
	.yui-gb .yui-ge,
	.yui-gb .yui-gf,
	.yui-gc .yui-u, 
	.yui-gc .yui-g,
	.yui-gd .yui-u {width:32%;margin-left:1.99%;}

		/* Give IE some extra breathing room for 1/3-based rounding issues */
		.yui-gb .yui-u {*margin-left:1.9%;*width:31.9%;}

	.yui-gc div.first, 
	.yui-gd .yui-u {width:66%;}
	.yui-gd div.first {width:32%;}

	.yui-ge div.first, 
	.yui-gf .yui-u{width:74.2%;}

	.yui-ge .yui-u,
	.yui-gf div.first {width:24%;}

	.yui-g .yui-gb div.first,
	.yui-gb div.first, 
	.yui-gc div.first, 
	.yui-gd div.first {margin-left:0;}
	   
	/*
		Section: Deep Nesting 
	*/
	.yui-g .yui-g .yui-u,
	.yui-gb .yui-g .yui-u,
	.yui-gc .yui-g .yui-u,
	.yui-gd .yui-g .yui-u,
	.yui-ge .yui-g .yui-u,
	.yui-gf .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}

	.yui-g .yui-gb div.first,
	.yui-gb .yui-gb div.first {*margin-right:0;*width:32%;_width:31.7%;}

	.yui-g .yui-gc div.first, 
	.yui-gd .yui-g  {width:66%;}

	.yui-gb .yui-g div.first {*margin-right:4%;_margin-right:1.3%;}

	.yui-gb .yui-gc div.first, 
	.yui-gb .yui-gd div.first  {*margin-right:0;}

	.yui-gb .yui-gb .yui-u,
	.yui-gb .yui-gc .yui-u {*margin-left:1.8%;_margin-left:4%;}

	.yui-g .yui-gb .yui-u {_margin-left:1.0%;}

	.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;} 
	.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}

	.yui-g .yui-gc .yui-u, 
	.yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}
	.yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}

	.yui-gb .yui-ge .yui-u, 
	.yui-gb .yui-gf .yui-u {margin:0;}

	.yui-gb .yui-gb .yui-u {_margin-left:.7%;}

	.yui-gb .yui-g div.first, 
	.yui-gb .yui-gb div.first {*margin-left:0;}

	.yui-gc .yui-g .yui-u,
	.yui-gd .yui-g .yui-u {*width:48.1%;*margin-left:0;}s

	.yui-gb .yui-gd div.first {width:32%;}
	.yui-g .yui-gd div.first {_width:29.9%;}

	.yui-ge .yui-g {width:24%;}
	.yui-gf .yui-g {width:74.2%;}

	.yui-gb .yui-ge div.yui-u,
	.yui-gb .yui-gf div.yui-u {float:right;}
	.yui-gb .yui-ge div.first,
	.yui-gb .yui-gf div.first  {float:left;}

	/* Width Accommodation for Nested Contexts */
	.yui-gb .yui-ge .yui-u,
	.yui-gb .yui-gf div.first {*width:24%;_width:20%;}

	/* Width Accommodation for Nested Contexts */
	.yui-gb .yui-ge div.first, 
	.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}

	/* Patch for GD within GE */
	.yui-ge div.first .yui-gd .yui-u {width:65%;}
	.yui-ge div.first .yui-gd div.first {width:32%;}

/*
	Section: Clearing 
*/

.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}

/** End of ../yui/nested-grids.css */


/**
  * From css/main.css: @import "app-base.css";
  */

/* HEY */
body {
    font-family: verdana, sans-serif;
    font-size: 76%;
    margin: 0;
    padding: 0;
}

#body {
    /*max-width: 880px; */
    /*margin: 0 auto;*/
}

#main {
    /*background: url(/static/images/vertical.flourish.flipped.png) no-repeat 195px 8em;*/
}

.large {
    font-size: 1.4em;
}

/* Layout */

#content-wrapper {
    margin-top: 4em;
    margin-left: -210px;
    width: 100%;
    float: right;
    clear: right; 
}

.nonuser #content-wrapper {
    margin-top: 1em;
}

#content-wrapper2 {
    margin-left: 195px;
    padding-right: 1em;
}

#content-wrapper2 .dropshadow_left_wrap1 {
    width: 100%;
}

#content {
    padding: 0 0.8em 0.8em 0.8em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#info-wrapper {
    width: 180px;
    float: left; 
    clear: left;
}

#info {
    padding: 0.5em 0.2em 0.5em 1em;
}

.clear {
    clear: both;
    visibility: hidden;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 1px;
}

.invisible { visibility: hidden; }

/* Misc */

#privacy_policy {
    border: 1px solid #ccc;
    background: #f0f0f0;
    padding: 0 1em;
    height: 25em;
    overflow: auto;
}

/* Lists */

dl.lists {
    margin-left: 0;
    padding-left: 0;
}

dl.lists dt,
div.lists a.list_title
{
    font-size: 1.25em;
    font-weight: bold;
}

div.lists div.list_entry {
    padding-bottom: 1em;
}

div.lists hr { visibility: hidden; }

dl.lists dd {
    margin: 0.2em 0 1em 1.5em;
    padding-left: 0;
    color: #333;
}

ul.about_pages {
    margin-left: 0;
    padding-left: 3em;
    list-style: none;
}

ul.about_pages li {
    font-size: 1.25em;
    font-weight: bold;
    padding: 0 0 0.5em 0;
}

ul.about_pages li a {
    padding-left: 20px;
    background: url(/static/images/silk/bullet_go.png) no-repeat left center;
}

/* usernames */

span.username .pro_user {
    padding-right: 34px;
    background: transparent url(/static/images/pro.icon2.whitebg-75a.png) no-repeat center right;
}

/* popouts */
.popout {
    padding-right: 18px;
    background: url(/static/images/silk-derived/window_popout.png) no-repeat center right;
}

/* action lists */
ul.group_actions, ol.group_actions, dl.group_actions {
    font-size: 1.2em;
}

/** End of app-base.css */


/**
  * From css/main.css: @import "crud.css";
  */

.crud-ui {
}

.crud-search {
}

.crud-pages {
}

.crud-paging {
}

.crud-table {
    display: table;
}

.crud-column-headers {
    display: table-header-group;
}

.crud-column-header, .crud-field {
    display: table-cell;
    padding-left: .2em;
    padding-right: .2em;
}

.crud-list {
    background: #FFFFFF;
}

/* this is the fallback for when you do not have css 3 */
.crud-list div.odd {
    background: #DDFFFF;
}

/* this is more robust as it permits adding/removing rows */
/* XXX: it's not ready yet because there are intermittent script tags only
 * in the original CRUD, not in region updates. argh */
/*.crud-list > div:nth-child(odd) {
    background: #DDFFFF;
}*/

.crud-list {
    display: table-row-group;
}

.crud-create {
}

.crud-item {
    display: table-row;
}

.field {
    float: left;
    margin: 0.15em 0.5em 0.15em 0.15em;
    font-weight: bold;
}

.crud-sort-menu {
    float: left;
}

.crud-column-header img {
    vertical-align:middle;
    border: 0;
}

.crud-column-headers a {
    color: black;
    float: left;
    font-size: 0.8em;
    height: 100%;
    text-decoration: none;
    font-family : sans-serif;
}

.crud-column-header ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
}

.crud-column-header li {
    float:left;
}

.paging-nav {
    font-size: 0.8em;
}

.paging-nav a,
.paging-nav a:active,
.paging-nav a:hover,
.paging-nav a:visited {
    color: #0000FF;
}

.paging-nav .current {
    font-weight: bold;
}

.paging-prev, .paging-next, .paging-all {
    font-size: 0.8em;
}

/** End of crud.css */


/**
  * From css/main.css: @import "halos.css";
  */

.halo {
    border-color: #ffd700;
    border-style: solid;
    border-width: 0;
    margin: 0;
    padding: 0;
}

.halo-header {
    display: none;
    border-bottom: 1px solid #ffd700;
    background: #fff;
    margin: 3px;
}

.halo-rendermode {
    float: right;
}

.halo-source {
    font-family: monospace;
}

.halo-argument {
    position: absolute;
    left: 200px;
    border: 1px solid black;
    background: #ccc;
    padding: 1em;
    padding-top: 0;
    width: 300px;
    height: 500px;
    overflow: auto;
}

.halo_actions {
    position: fixed;
    border: 1px solid black;
    background: #ccc;
}

.halo_actions h1 {
    color: #fff;
    background-color: #600;
    border-bottom: 1px solid black;
    padding: 0.25em;
    margin: 0;
    cursor: pointer;
    font-size: 120%;
}

.halo_actions h1 a { 
    color: #fff;
}

.halo_actions .resize {
    border: 5px solid #ccc;
    border-bottom-color: #000;
    border-right-color: #666;
    border-left-color: #aaa;
    cursor: pointer;
    color: #ccc;
    display: block;
    height: 0;
    width: 0;
    overflow: hidden;
}

.halo_actions .section {
    color: #ccc;
    background-color: #300;
    border-top: 1px solid black;
    margin-top: 0.5em;
    font-size: 120%;
    font-weight: bold;
}

.halo_actions .section a {
    text-align: center;
    color: #ccc;
}

.halo_actions .body {
    font-size: 110%;
    margin:0;
    padding:0 1em;
}

.halo_actions .body ul {
    margin:0;
    padding:0;
    margin-left: 1em;
}

.halo_actions .body .path {
    font-family: monospace;
    font-size: 120%;
    text-align: center;
}

.halo_actions .body .time {
    font-style: italic;
    text-align: center;
}

.halo_actions .body .fixed {
    font-family: monospace;
}

.halo_button {
    color: yellow;
    position: absolute;
    z-index: 9999;
    font-size:2em;
}

#render_info_tree {
    position: fixed;
    background: white;
    border: 1px solid yellow;
    right: 1em;
    bottom: 1em;
    border: 2px solid #fc0;
    padding: 1em;
}

#render_info_tree ul {
    list-style: none;
    padding-left: 1em;
}

#render_info {
    position: fixed;
    right:.5em;
    bottom:0;
}

a.inline_edit {

    display: block;
    width: 0;
    padding-left: 22px;
    min-height: 20px;

    background: no-repeat left center;
    background: url(/static/images/silk/pencil.png) no-repeat 0 0;
}

a.inline_create {

    display: block;
    width: 0;
    padding-left: 22px;
    min-height: 20px;

    background: no-repeat left center;
    background: url(/static/images/silk/pencil_add.png) no-repeat 0 0;
}


/** End of halos.css */


/**
  * From css/main.css: @import "sidebar.css";
  */

#greeting {
    margin-top: 0;
}

#greeting .user {
    font-weight: bold;
}

#info textarea {
    width: 100%;
}

#info .submit_button .button {
    margin-top: 0;
    margin-right: 0.2em;
    float: right;
    font-size: 0.9em;
}

#invite_new_user div.argument-email,
#invite_new_user input.argument-email
{
    width: 98%;
}

#invite_new_user .error {
    font-size: 0.9em;
    margin-bottom: 0.2em;
}

/** End of sidebar.css */


/**
  * From css/main.css: @import "footer.css";
  */

#footer {
    clear: right;
    padding-top: 1em;
    margin: 0 1.5em 1.5em 0.4em;
}

#footer .wrapper {
    float: right;
    margin: 0 1em 0 0;
}

#copyright, #bottom_nav {
    margin: 0;

    color: #888;
    text-align: right;
    font-size: 0.9em;
}

#bottom_nav {
    font-size: 1em;
}

#bpslogo {
    clear: right;
    float: right;
}

#bpslogo img {
    border: none;
}

/* splash footer */

#splash #footer {
    margin: 2.5em auto 2em auto;
    padding-top: 0.5em;
    border-top: 1px solid #ccc;
    width: 75%;
}

/** End of footer.css */


/**
  * From css/main.css: @import "jquery.jgrowl.css";
  */


div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

/** End of jquery.jgrowl.css */


/**
  * From css/main.css: @import "jquery.autocomplete.css";
  */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/** End of jquery.autocomplete.css */


/**
  * From css/main.css: @import "notices.css";
  */

.zilch_message {
    font-size: 1.1em;
    padding-left: 23px;
    padding-top: 1px;
    background: url(/static/images/silk/asterisk_yellow.png) no-repeat top left;
    min-height: 20px;
}

div.zilch_message p {
    margin-top: 0;
}

.message {
    background: url(/static/images/silk/information.png) no-repeat center left;
    padding-left: 20px;
}

.error {
    background: url(/static/images/silk/error.png) no-repeat center left;
    padding-left: 20px;
}

.error {
    color: #b71111;
}

#notices p {
    font-size: 1em;
    padding-left: 20px;
    min-height: 16px;
}

#notices .notice_unaccepted_tasks {
    background: url(/static/images/silk/package.png) no-repeat top left;
}

#notices .notice_invitations {
    background: url(/static/images/silk/email_go.png) no-repeat top left;
}

#notices .notice_news {
    background: url(/static/images/silk/newspaper.png) no-repeat top left;
}

div#messages {
    background: #a9b7ff;
    border: 1px solid #004e75;
}

div#errors {
    background: #ffa8a8;
    border: 1px solid #b71111;
    color: #b71111;
}

div#messages,  div#errors {
    margin-top: 0.5em;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 1.2em;
}

#dismiss_messages,
#dismiss_errors
{
    padding-left: 16px;
    background: url(/static/images/silk/cancel_grey.png) no-repeat;
    float: right;
    width: 0;
    display: block;
    text-indent: -9999em;
}
html>body #dismiss_messages,
html>body #dismiss_errors {
    overflow : hidden; /* opera */
}

#jifty-wait-message {
    background: white url(/static/images/loading.indicator.bee.gif) no-repeat center center;
    width: 35px;
    height: 35px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 42;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.loading {
    background: white url(/static/images/loading.indicator.bee.gif) no-repeat center center;
    width: 100%;
    height: 40px;
    z-index: 42;
    color: transparent;
}

#jGrowl .result-message {
    background: #004e75;
}

#jGrowl .result-error {
    background: #b71111;
}

#jGrowl .result-message .message {
    background: url(/static/images/silk/information.png) no-repeat center left;
    padding-left: 20px;
}

#jGrowl .result-error .message {
    background: url(/static/images/silk/error.png) no-repeat center left;
    padding-left: 20px;
}

.jquery-corner { display: none; }

div.jGrowl div.jGrowl-notification { min-height: inherit; }
div.jGrowl div.jGrowl-notification a { color: white; }

#pro-pitch {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 0.4em 0;
}

#pro-pitch .pro_link {
    padding-left: 20px;
    background: url(/static/images/silk/ie/star-f6f6f6-bg.png) no-repeat center left;
}



/** End of notices.css */


/**
  * From css/main.css: @import "menu.css";
  */

#navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#navigation :link, #navigation :visited {
    color: #793300;
}

#navigation div.container {
    margin: 0;
    padding-bottom: 4px;
    background: url(/static/images/shadow.gif) repeat-x bottom left;
}

#navbar-bd {
    /*max-width: 880px; */
    /*
    margin-left: auto;
    margin-right: auto;
    */
}

/** End of menu.css */


/**
  * From css/main.css: @import "page-menu.css";
  */

#page_nav {
    border-bottom: 1px dotted #888;
    margin-bottom: 1em;
}

* html #page_nav {
    margin-top: 1em;
}

#page_nav ul.menu {
    background: white;
    list-style: none;
    white-space: nowrap;
    padding: 0 0 0 1.4em;
    margin: 0;
    float: none;
}

#page_nav ul.menu :link, #page_nav ul.menu :visited {
    text-decoration: none;
}

#page_nav ul.menu li {
    background: #fedc91 url(/static/images/nav.gradient.png) repeat-x 0 -5px; /* #ffc64a */
    text-align: center;
    margin: 0 0.2em;
    padding: 0.3em 0.4em;
    float: left;
    position: relative;
    top: 1px;
}

#page_nav ul.menu li:hover,
#page_nav ul.menu li.active:hover
{
    background: #fedc91 none;
}

#page_nav ul.menu li.active {
    font-weight: bold;
    background: #fedc91 url(/static/images/quicker.nav.gradient.png) repeat-x 0 2px; /* #ffc64a */
}


/** End of page-menu.css */


/**
  * From css/main.css: @import "priorities.css";
  */

/* 
 * Consolidate all of the priority bullet CSS here so changing them doesn't
 * require changing them in many scattered files.
 *
 * The order of each selector is: priority menu (3), mini, IE fixes
 *
 * Note: You still need to change them in ONE MORE FILE: forms.css
 * for the priority form <select>
 *
 */

.task .priority .toplevel .submenu.highest_priority a,
.task .priority.highest_priority  .toplevel  .expand span a,
span.highest_priority  ul.context_menu span.expand a,
span.highest_priority_icon,
body#mini .task .priority.highest_priority,
* html .tasklist span.highest_priority
{ background-image: url(/static/images/silk-derived/priorities/bullet_arrow_up_red-whitebg.png); }

.task .priority .toplevel .submenu.high_priority a,
.task .priority.high_priority  .toplevel   .expand span a,
span.high_priority  ul.context_menu span.expand a,
span.high_priority_icon,
body#mini .task .priority.high_priority,
* html .tasklist span.high_priority
{ background-image: url(/static/images/silk/ie/bullet_orange.png); }

.task .priority .toplevel .submenu.normal_priority a,
.task .priority.normal_priority  .toplevel   .expand span a,
span.normal_priority  ul.context_menu span.expand a,
span.normal_priority_icon,
body#mini .task .priority.normal_priority,
* html .tasklist span.normal_priority
{ background-image: url(/static/images/silk-derived/priorities/bullet_green_square-whitebg.png); }

.task .priority .toplevel .submenu.low_priority a,
.task .priority.low_priority  .toplevel   .expand span a,
span.low_priority  ul.context_menu span.expand a,
span.low_priority_icon,
body#mini .task .priority.low_priority,
* html .tasklist span.low_priority
{ background-image: url(/static/images/silk/ie/bullet_blue.png); }

.task .priority .toplevel .submenu.lowest_priority a,
.task .priority.lowest_priority  .toplevel   .expand span a,
span.lowest_priority  ul.context_menu span.expand a,
span.lowest_priority_icon,
body#mini .task .priority.lowest_priority,
* html .tasklist span.lowest_priority
{ background-image: url(/static/images/silk-derived/priorities/bullet_arrow_down_purple-whitebg.png); }


/** End of priorities.css */


/**
  * From css/main.css: @import "forms.css";
  */

/* buttons */

input.button, button {
    margin: 0.6em 0 0 0;
    padding: 0.2em 0.5em;
    color: black;
    font-weight: bold;
    border: 1px solid #ea3;
    border-right: 1px solid #d92;
    border-bottom: 1px solid #d92;
    background-color: #fb5;
    -moz-border-radius: 0.35em;
    -webkit-border-radius: 0.35em;
    

}

input.button:hover, button:hover {
    background-color: #ea3;
}

input.button:active, button:active,
input.button:focus, button:focus {
    border-top: 1px solid #c81;
    border-left: 1px solid #c81;
    border: 1px solid #d92;
    background-color: #d92;
}



input.button.cancel, button.cancel {
}

input.button.delete, button.delete, button.sw-pause, input.button.attention {
    border: 1px outset #CF4E8C;
    background: #CF4E8C; /* ce0063 */
    color: #fff;
}

button.sw-pause, button.sw-resume {
    margin-left: 0.5em;
}

.tasklist .task_edit_inline input.button {
    margin: 0;
}

.button_line .submit_button {
    display: inline;
}

/* fields */

input.text, input.date, input.password, input.combo-text, textarea, select {
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url(/static/images/css/fieldbg.gif) repeat-x top;
    padding: 0.2em;
    font-size: 1em;
    font-family: Verdana, sans-serif;
    color: black;
}

input.upload {
    border-color: #7C7C7C #c3c3c3 #ddd;
}

form input.ajaxautocompletes {
    background: #fff url(/static/images/css/fieldbg-autocomplete.gif) repeat-x top right;
    padding-right: 18px;
}

input.date {
    width: 8em;
}

input.argument-time_left,
input.argument-time_estimate,
input.argument-time_worked
{
    width: 5em;
}

input.argument-add_time_worked { width: 9em; }

.update div.argument-add_time_worked {
    padding-left: 3em;
}

label, span.label {
    font-size: 0.9em;
}

.form_field .hints {
    font-size: 0.9em;
    color: #777;
}

/* layout */

.form_field {
    clear: both;
}

label, span.label {
    display: block;
    width: 20%;
    float: left;
    text-align: right;
    margin-right: 0.5em;
}

form .hints {
    display: block;
    clear: both;
}

body form .hints {
    padding: 0.2em 0 0.2em 21%;
}

form .error {
    display: block;
    clear: both;
}

div.form_field {
    padding: 0.3em 0 0 0;
}

.inline .hints {
    padding-left: 0;
}

.inline label, .inline span.label {
    float: none;
    width: auto;
    text-align: left;
    margin-right: auto;
    font-weight: bold;
}

.inline .form_field {
    float: left;
    clear: none;
    margin-right: 0.5em;
}

.inline .button {
    margin-top: 1.3em;
}

.button_line {
    border-top: 1px solid #ccc;
    padding-right: 5em;
    margin-top: 1.5em;
    clear: both;
    direction: rtl;
}

form .line {
    clear: both;
}

/* new task */

.create input.argument-summary {
    width: 25em;
}

.create textarea.argument-description {
    width: 35em;
    height: 5em;
}

.create .combo-text {
    width: 12em !important;
}

/* accept/decline/ignore */

.task div.argument-accepted .widget {
    display: inline;
    float: none;
}

.task div.argument-accepted input {
    display: inline;
    float: none;
}

/* Priority icons in select */

select.argument-priority option[value],
select.argument-priority_above option[value],
select.argument-priority_below option[value]
{
    padding-left: 16px;
}

select.argument-priority option[value="5"],
select.argument-priority_above option[value="5"],
select.argument-priority_below option[value="5"]
{
    background: url(/static/images/silk-derived/priorities/bullet_arrow_up_red.png) no-repeat;
}

select.argument-priority option[value="4"],
select.argument-priority_above option[value="4"],
select.argument-priority_below option[value="4"]
{
    background: url(/static/images/silk/bullet_orange.png) no-repeat;
}

select.argument-priority option[value="3"],
select.argument-priority_above option[value="3"],
select.argument-priority_below option[value="3"]
{
    background: url(/static/images/silk-derived/priorities/bullet_green_square.png) no-repeat;
}

select.argument-priority option[value="2"],
select.argument-priority_above option[value="2"],
select.argument-priority_below option[value="2"]
{
    background: url(/static/images/silk/bullet_blue.png) no-repeat;
}

select.argument-priority option[value="1"],
select.argument-priority_above option[value="1"],
select.argument-priority_below option[value="1"]
{
    background: url(/static/images/silk-derived/priorities/bullet_arrow_down_purple.png) no-repeat;
}

input.placeholder, textarea.placeholder {
    color: #666;
}

.crud-List .crud-column-header {
    display: none;
}

/* turn off zebra tables for saved lists */
.crud-list div.odd {
    background: #FFFFFF;
}

/** End of forms.css */


/**
  * From css/main.css: @import "tagcloud.css";
  */

#tagcloud .tagcloud {
    margin: 0;
}

#tagcloud .title {
    font-weight: bold;
    font-size: 0.9em;
}

#tagcloud .title h3 a.help {
    position: absolute;
    top: 0.2em;
    right: 0.3em;
}

#tagcloud .links {
    font-size: 0.9em;
    text-align: right;
    margin-top: -0.2em;
}

#tagcloud .links .active {
    font-weight: bold;
}

#tagcloud :link,
#tagcloud :visited
{
    text-decoration: none;
}

#tagcloud :link:hover,
#tagcloud :visited:hover
{
    text-decoration: underline;
}

/* These have been generated... */
.tagcloud span.tagcloud0 :link,
.tagcloud span.tagcloud0 :visited
{
    color: #ccb662;
    font-size: 90%;
}
.tagcloud span.tagcloud1 :link,
.tagcloud span.tagcloud1 :visited
{
    color: #cbb45f;
    font-size: 91.5%;
}
.tagcloud span.tagcloud2 :link,
.tagcloud span.tagcloud2 :visited
{
    color: #cab25c;
    font-size: 93%;
}
.tagcloud span.tagcloud3 :link,
.tagcloud span.tagcloud3 :visited
{
    color: #c9b059;
    font-size: 94.5%;
}
.tagcloud span.tagcloud4 :link,
.tagcloud span.tagcloud4 :visited
{
    color: #c8ae56;
    font-size: 96%;
}
.tagcloud span.tagcloud5 :link,
.tagcloud span.tagcloud5 :visited
{
    color: #c7ac53;
    font-size: 97.5%;
}
.tagcloud span.tagcloud6 :link,
.tagcloud span.tagcloud6 :visited
{
    color: #c6aa4f;
    font-size: 99%;
}
.tagcloud span.tagcloud7 :link,
.tagcloud span.tagcloud7 :visited
{
    color: #c5a84b;
    font-size: 100.5%;
}
.tagcloud span.tagcloud8 :link,
.tagcloud span.tagcloud8 :visited
{
    color: #c4a647;
    font-size: 102%;
}
.tagcloud span.tagcloud9 :link,
.tagcloud span.tagcloud9 :visited
{
    color: #c3a443;
    font-size: 103.5%;
}
.tagcloud span.tagcloud10 :link,
.tagcloud span.tagcloud10 :visited
{
    color: #c2a23f;
    font-size: 105%;
}
.tagcloud span.tagcloud11 :link,
.tagcloud span.tagcloud11 :visited
{
    color: #c1a03b;
    font-size: 106.5%;
}
.tagcloud span.tagcloud12 :link,
.tagcloud span.tagcloud12 :visited
{
    color: #c09e37;
    font-size: 108%;
}
.tagcloud span.tagcloud13 :link,
.tagcloud span.tagcloud13 :visited
{
    color: #bf9c33;
    font-size: 109.5%;
}
.tagcloud span.tagcloud14 :link,
.tagcloud span.tagcloud14 :visited
{
    color: #be9a2f;
    font-size: 111%;
}
.tagcloud span.tagcloud15 :link,
.tagcloud span.tagcloud15 :visited
{
    color: #bd982b;
    font-size: 112.5%;
}
.tagcloud span.tagcloud16 :link,
.tagcloud span.tagcloud16 :visited
{
    color: #bc9627;
    font-size: 114%;
}
.tagcloud span.tagcloud17 :link,
.tagcloud span.tagcloud17 :visited
{
    color: #bb9423;
    font-size: 115.5%;
}
.tagcloud span.tagcloud18 :link,
.tagcloud span.tagcloud18 :visited
{
    color: #ba921e;
    font-size: 117%;
}
.tagcloud span.tagcloud19 :link,
.tagcloud span.tagcloud19 :visited
{
    color: #b99019;
    font-size: 118.5%;
}
.tagcloud span.tagcloud20 :link,
.tagcloud span.tagcloud20 :visited
{
    color: #b88e14;
    font-size: 120%;
}
.tagcloud span.tagcloud21 :link,
.tagcloud span.tagcloud21 :visited
{
    color: #b78c0f;
    font-size: 121.5%;
}
.tagcloud span.tagcloud22 :link,
.tagcloud span.tagcloud22 :visited
{
    color: #b68a0a;
    font-size: 123%;
}
.tagcloud span.tagcloud23 :link,
.tagcloud span.tagcloud23 :visited
{
    color: #b58805;
    font-size: 124.5%;
}
.tagcloud span.tagcloud24 :link,
.tagcloud span.tagcloud24 :visited
{
    color: #b38600;
    font-size: 126%;
}

/** End of tagcloud.css */


/**
  * From css/main.css: @import "quicksearch.css";
  */

#quicksearch {
    /*margin: 0 auto;*/
    /*max-width: 880px; */
}

#quicksearch form {
    float: right;
    margin: -2.9em 0 0 0;
    padding-right: 10px;
}

#quicksearch input.argument-query {
    width: 10em;
    margin-top: 0;
    margin-bottom: 0;
}

#quicksearch label,
#quicksearch .hints,
#quicksearch .preamble
{
    display: none;
}

#quicksearch input[type="submit"] {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    background: inherit;
    display: none;
}


/** End of quicksearch.css */


/**
  * From css/main.css: @import "splash.css";
  */

#splash {
    margin: 0 1em 1em 1em;
    font-size: 70%;
    text-align: center;
}

#slim_splash {
    width: 50%;
    margin: 0 auto;
    text-align: left;
}

#splash h1 {
    padding-top: 55px;
    width: 300px;
    display: block;
    text-align: center;
    margin: 1em auto 0.4em auto;

    background: url(/static/images/hmlogo/splash.png) no-repeat;
    text-indent: -9999px;

    /* WIN IE5 hack */
    height: 55px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 0;
    overflow: hidden;
}

html>body#splash h1 {
    height: 0;
    overflow: hidden;
}

* html #splash h1 {
    margin-top: 0.5em;
}

#splash h2.tagline {
    background: none;
    border: none;
    font-size: 1.6em;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    color: #0065ce;
}

#splash #frontpage_wrapper {
    margin: 0 auto;
    clear: both;
    width: 90%;
    text-align: center;
}

#splash #minitour_wrapper {
    margin: 0 auto;
    text-align: center;
    width: 90%;
}

#splash #minitour {
    margin-top: 2em;
    text-align: left;
}

#splash #current_user {
    width: 50%;
    float: left;
    text-align: left;
    margin-top: 0.5em;
    padding-left: 5%;
    background: url(/static/images/vertical.flourish.flipped.png) no-repeat 98% 1em;
}

#splash #new_user {
    width: 43%;
    float: right;
    text-align: left;
    margin-top: 0.5em;
}

#splash p {
    width: 100%;
    margin: 1em auto 0.5em auto;
    font-size: 1.5em;
    clear: both;
}

* html #splash p {
    font-size: 1.3em;
}

#splash div.argument-email_address {
    width: 100%;
}

#splash .inline input.argument-email_address {
    font-size: 2.5em;
    width: 98%;
}

#splash .inline label {
    font-size: 1.3em;
}

#splash #slim_splash input {
    font-size: 1.2em;
}

#splash #slim_splash label {
    font-size: 1.1em;
    width: 9em;
}

#splash #slim_splash .hints {
    padding-left: 11.5em;
}

#splash .submit_button {
    margin: 0;
    padding: 0;
    float: right;
}

* html #splash .submit_button {
    float: none;
    text-align: right;
}

* html #splash .submit_button input.button {
    margin: 0;
}

#splash #social_links {
    text-align: center;
    font-size: 1.1em;
    padding-top: 3em;
}

#splash #social_links a {
    margin: 0 0.2em 0 0.2em;
}

#digg_this, #delicious_this {
    text-decoration: none;
    padding-left: 20px;
}

#digg_this:hover, #delicious_this:hover {
    text-decoration: underline;
}

#digg_this {
    background: url(/static/images/digg.gif) no-repeat center left;
}

#delicious_this {
    background: url(/static/images/delicious.gif) no-repeat center left;
}

/* Login box */

#splash #login-box h2 {
    display: none;
}

#splash #login-box {
    font-size: 1.3em;
}

#splash #login-box form {
    padding-bottom: 0;
}

#splash #login-box label {
    width: 10em;
}

#splash #login-box .button {
    clear: both;
    float: left;
    font-size: 0.9em;
    margin-left: 24em;
}

#splash #login-box input.text,
#splash #login-box input.password {
    font-size: 1.1em;
}

#splash #login-box span.error {
    font-size: 0.8em;
}


#splash #login-box .argument-remember .hints { font-size: 0.8em; }

#splash #login-box .argument-remember .hints,
#splash #signup-box .argument-email_service_updates .hints,
#splash #signup-box .argument-likes_ticky_boxes .hints
{
    float: left;
    clear: none;
    width: 50%;
    padding: 0 0 0 0.3em;
}

* html #splash #login-box .argument-remember .hints,
* html #splash #signup-box .argument-email_service_updates .hints,
* html #splash #signup-box .argument-likes_ticky_boxes .hints
{
    width: auto;
}

#splash #login-box input.argument-remember,
#splash #signup-box input.argument-email_service_updates,
#splash #signup-box input.argument-likes_ticky_boxes
{
    float: left;
}

#splash #signup-box label { width: 12em; }
#splash #slim_splash #signup-box .hints { padding-left: 15.5em; }

#splash #signup {
    font-size: 1.4em;
    font-weight: bold;
}

#splash #existinguser { font-weight: bold; }

#splash #needhelp {
    padding-bottom: 1em;
    margin-top: 1em;
    font-size: 1.2em;
}

#splash #lostpass {
    font-size: 1.2em;
}

/* Feedback */

#splash #feedback h3 {
    font-size: 1.5em;
}

/* notices */

#splash #frontpage #messages {
    width: 27em;
}
#splash #frontpage #errors {
    width: 90%;
    max-width: 27em;
}

#splash .pro-pitch {
    margin-top: 1.5em;
    padding: 0.8em;
    border: 1px solid #E48511;
    background-color: #F8F1D3;
}

#splash .pro-pitch p {
    margin: 0;
    padding: 0.5em 0 0 0;
}

#splash .pro-pitch p.first {
    padding-top: 0;
}

#splash .pro-pitch ul {
    font-size: 1.5em;
    padding-bottom: 0;
    margin-bottom: 0.2em;
}


/** End of splash.css */


/**
  * From css/main.css: @import "minitour.css";
  */

#minitour h2 {
    background: none;
    border: none;
    font-size: 1.8em;
    letter-spacing: 0;
    padding: 0;
    margin: 0.1em 0 0 0;
    float: left;
    width: 80%;
    clear: none;
    color: #f0b53a;
    color: rgb(82, 134, 181);
    color: #0065ce;
}

#minitour span.number {
    float: left;
/*    font-family: "Trebuchet MS", Arial;*/
    font-family: Verdana, sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    color: #ffc64a;
    padding-right: 0.1em;
}

#minitour p {
    float: left;
    clear: none;
    padding: 0;
    margin: 0;
    width: 80%;
}

#minitour .minitour_step {
    width: 25%;
    float: left;
}

* html #minitour .minitour_step {
    width: 24.9%;
}

#minitour_to_fulltour {
    display: block;
    width: 100%;
    font-size: 1.5em;
    text-align: right;
}

#minitour_to_fulltour span {
    color: #0065ce;
    font-weight: bold;
}

/** End of minitour.css */


/**
  * From css/main.css: @import "calendar.css";
  */

.calendar {
    text-align: center;
    margin: 2em 0 0 0;
}

.calendar td, .calendar th { padding: 0.1em 0.25em 0.1em 0.25em; }

.calendar caption .month {
    padding: 0 1em 0 1em;
    font-size: 1.5em;
}

.select-free {
    overflow: visible !important;
    z-index:10;
}

.select-free iframe {
    display:none;
    display/**/:block;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

/** End of calendar.css */


/**
  * From css/main.css: @import "help.css";
  */

#help-system {
    font-size: 0.9em;
    padding: 0.5em;
}

#help-system h1.title {
    font-size: 1.8em;
}

#help-system h2, h3 {
    font-size: 1em;
    padding-top: 0.3em;
}

#help-system ul.menu {
    list-style-type: square;
}

#help-system ul.submenu {
    list-style-type: circle;
    margin-left: 0;
    padding-left: 2.5em;
}

#help-system ul li {
    padding: 0.1em 0 0.1em 0;
}

#help-system ul.menu > li {
    padding: 0 0 0.7em 0;
}

#help-system ol li {
    padding: 0 0 0.5em 0;
}

#help-system dl {
    margin-left: 2em;
    padding-left: 0;
}

#help-system dd {
    padding-bottom: 0.5em;
}

#help-system dd ul {
    margin-left: 0;
    padding-left: 0;
    list-style: circle;
}

#help-system code, #help-system pre {
    font-size: 1.1em;
}

p.note, div.note {
    margin: 1.5em;
    padding: 0.8em 0.8em 0.9em 25px;
    background: #f8f1d3 url(/static/images/silk/note.png) no-repeat 5px 0.8em;
    border: 1px solid #e48511;
}

p.warning {
    margin: 1.5em;
    padding: 0.8em 0.8em 0.9em 25px;
    background: #ffe5dc url(/static/images/silk/exclamation.png) no-repeat 5px 0.8em;
    border: 1px solid #eb6e5a;
}

p.hint {
    color: #666;
    font-size: 0.9em;
    margin: 0;
    padding-left: 0.5em;
}

a.help {
    text-decoration: underline;
    cursor: help;
    font-weight: bold;
    color: #666;
}

/* Styling for individual help links */

/*#tagcloud h3,
#braindump h3,*/
#tasklist_braindump .hints
{
    position: relative;
}

#tagcloud h3 a.help,
#braindump h3 a.help,
#tasklist_braindump .hints a.help
{
/*    position: absolute;
    top: 0.2em;
    right: 0.3em;*/
    text-decoration: underline;
}

/* Styling for help feedback */

#help-system .feedbackhelp {
    padding-top: 0.5em;
    clear: both;
}

#help-system .feedbackhelp p,
#help-system .feedbackhelp textarea
{
    font-size: 0.9em;
}

#help-system .feedbackhelp p,
#help-system .feedbackhelp form
{
    margin: 0;
    padding: 0;
}
#help-system .feedbackhelp h2 { margin-bottom: 0.3em; }
#help-system .feedbackhelp textarea {
    width: 98%;
    height: 5em;
}

/** End of help.css */


/**
  * From css/main.css: @import "tools.css";
  */

/* Layout */

#application-list {
    float: left;
    width: 60%;
    margin: 0;
    padding: 0;
}

#service-list {
    float: right;
    width: 35%;
    margin: 0;
    padding: 0;
}

/* Applications */

#application-list dt {
    color: #084c8f;
    font-size: 1.4em;
    font-weight: bold;
}

#application-list dd {
    margin: 0.5em 0 0 0;
    padding: 0;
}

#application-list dd.summary {
    color: #666;
    margin-top: 0;
}

#application-list dd p {
    margin: 0;
    padding: 0 0 0.5em 0;
}

#application-list div {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0.75em;
    margin-bottom: 1em;
}

#application-list #browser dt,
#application-list #iphone dt,
#application-list #android dt,
#application-list #cli dt,
#application-list #quicksilver dt,
#application-list #api dt
{
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#application-list #browser dt { background-image: url(/static/images/silk/textfield_add.png) }
#application-list #cli dt { background-image: url(/static/images/silk/application_xp_terminal.png) }
#application-list #quicksilver dt {
    background-image: url(/static/images/quicksilver.icon.png);
    padding-left: 22px;
}
#application-list #api dt { background-image: url(/static/images/silk/bricks.png) }
#application-list #iphone dt { background-image: url(/static/images/tools/iminder.png) }
#application-list #android dt { background-image: url(/static/images/tools/android.png) }

/* Services */

#service-list dt {
    color: #333;
    font-weight: bold;
}

#service-list dd {
    margin: 0.25em 0 0 0;
    padding: 0;
}

#service-list dd p {
    margin: 0;
    padding: 0 0 0.25em 0;
}

#service-list div {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

#service-list #chat dt,
#service-list #taskbyemail dt,
#service-list #imap dt,
#service-list #mobile dt,
#service-list #gadget dt,
#service-list #gcal dt
{
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 16px;
}

#service-list #chat dt { background-image: url(/static/images/silk/comments.png) }
#service-list #taskbyemail dt { background-image: url(/static/images/silk/email_go.png) }
#service-list #imap dt { background-image: url(/static/images/silk/email_open.png) }
#service-list #mobile dt { background-image: url(/static/images/silk/phone.png) }
#service-list #gadget dt { background-image: url(/static/images/silk/plugin.png) }
#service-list #gcal dt { background-image: url(/static/images/gcal.png) }

/* Latest */

#application-list .latest,
#service-list .latest
{
    padding-right: 20px;
    background-image: url(/static/images/silk/new.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#service-list #gadget a, #service-list #gmail-gadget a, #service-list #gcal a {
    display: block;
    margin: 0.5em auto 0 auto;
    text-align: center;
}

/** End of tools.css */


/**
  * From css/main.css: @import "headers.css";
  */

h1, h2, h3, h4, h5, h6 {
    /*font-family: "Trebuchet MS", Arial;*/
    font-family: Verdana, sans-serif;
}

h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

#headers {
    padding: 0 0 0 1em;
    margin-top: 3.5em;
    float: left;
}

.nonuser #headers {
    margin-top: 0;
}

/* Logo */

#headers h1.hiveminder {
    padding: 33px 0 0 0;
    width: 180px;
    display: block;
    position: relative;

    background: url(/static/images/hmlogo/default.png) no-repeat;
    text-indent: -9999px;
    margin: 0.3em 0 0 0;

    /* WIN IE5 hack */
    height: 33px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 0;
    overflow: hidden;
}

html>body #headers h1.hiveminder {
    height: 0;
    overflow: hidden;
}

#headers img#protext {
    padding: 0 0 0 140px;
}

/* Page title */

h1.title {
    color: black;
    font-size: 2.5em;
    font-weight: bold;
    padding: 0.1em 25px 0 0;
    margin: 0 0 0.5em 0;
    background: url(/static/images/horizontal.flourish.png) no-repeat bottom right;
}

h1.title .subtitle {
    display: block;
    color: #aaa;
    font-size: 0.5em;
    margin-top: -0.3em;
    margin-bottom: 0;
    font-weight: bold;
}

#headers hr {
    display: none;
}

h2, h3, h4, h5, h6 {
    padding: 0.1em 0 0.2em 1em;
    font-weight: normal;
    clear: both;
}

h2, h3 {
    padding: 0.2em 1em;
    font-size: 1em;
    font-weight: bold;
    color: #1F4F59;
    border-bottom: 1px solid #888;
    background: #eee;
}

h3 {
    text-align: left;
    font-size: 1em;
    margin-bottom: 0.2em;
    background: none;
    padding-left: 0;
    color: #666;
    border-bottom-color: #aaa;
}

h2.inline {
    background: none;
    border: none;
    padding: 0;
    font-weight: bold;
    text-align: left;
}


/** End of headers.css */


/**
  * From css/main.css: @import "braindump.css";
  */

#braindump p {
    margin: 0 0 0.1em 0;
}

#braindump textarea {
    font-size: 0.9em;
    height: 8em;
    width: 95%;
    font-family: Verdana, sans-serif;
    margin: 0;
}

#braindump label {
    display: none;
}

#braindump form {
    margin-top: 0;
}

#braindump .button {
    margin-right: 0.1em;
}


/** End of braindump.css */


/**
  * From css/main.css: @import "feedback.css";
  */

#feedback_wrapper p {
    margin-top: 0.4em;
    margin-bottom: 0.3em;
}

#feedback textarea {
    width: 95%;
    height: 10em;
    float: left;
}

#feedback input.button {
    float: right;
}

#feedback label {
    display: none;
}

#feedback form {
    margin: 0;
}

/** End of feedback.css */


/**
  * From css/main.css: @import "taskpage.css";
  */

.task h2.inline .hidden {
    display: inline;
    visibility: hidden;
}

.task .taskpage-complete-button,
.task .taskpage-incomplete-button
{
    margin: 0;
    padding: 0;
    display: inline;
}

.task h2.inline .taskpage-complete-button input,
.task h2.inline .taskpage-incomplete-button input
{
    text-indent: 18px;
    background-repeat: no-repeat;
    background-position: 0.5em center;
    text-align: left;
    width: auto;
}

.task h2.inline .taskpage-complete-button input {
    background-image: url(/static/images/silk/tick.png);
}

.task .button_line .taskpage-complete-button input {
    direction: ltr;
}

.task h2.inline .taskpage-incomplete-button input {
    background-image: url(/static/images/silk/cross.png);
}

.task .button_line .taskpage-incomplete-button input {
    direction: ltr;
}

.task h2.inline input.argument-summary {
    width: 93%;
    font-size: 1.3em;
    font-weight: normal;
    font-variant: normal;
}

.task #taskpage-basics {
    width: 50%;
    background: #eee;
    float: left;
}

.task #taskpage-basics textarea {
    width: 65%;
}

#taskpage-basics label, #taskpage-basics .label {
    padding-left: 20px;
    min-height: 20px;
}

#taskpage-basics .inline label, #taskpage-basics .inline .label {
    padding-left: 0;
    min-height: 0;
    font-weight: normal;
}

#taskpage-basics .inline div.argument-time_worked {
    padding-left: 2.5em;
}

/* Field icons */

#taskpage-basics label.argument-tags {
    background: url(/static/images/silk/tag_blue.png) no-repeat 4px 0;
}

#taskpage-basics label.argument-group_id {
    background: url(/static/images/silk/group.png) no-repeat 4px 0;
}

#taskpage-basics label.argument-due {
    background: url(/static/images/silk/date.png) no-repeat 4px 0;
}

#taskpage-basics label.argument-priority {
    background: url(/static/images/silk/bullet_black.png) no-repeat 4px 0;
}

/* end field icons */

.task #taskpage-dependencies h2,
.task #taskpage-comments h2,
.task #taskpage-history h2
{
    font-size: 1.15em;
    margin-bottom: 0.3em;
}

.task #taskpage-comments,
.task #taskpage-history
{
    width: 47%;
    float: right;
    clear: right;
}

.task #taskpage-history { padding-top: 0.3em; }

.task #taskpage-history .transactions {
    overflow: auto;
    height: 30em;
    padding: 0.5em;
    border: 1px solid #aaa;
    margin-top: 0;
}

.task #taskpage-history .transactions .transaction {
    overflow: visible;
}

.task #taskpage-depends-on {
    width: 48.5%;
    float: left;
}

.task #taskpage-depended-on {
    width: 48.5%;
    float: right;
}

.task #taskpage-dependencies {
    padding-top: 1.5em;
    clear: both;
}

.task #taskpage-dependencies .create {
    margin: 0;
}

.task #taskpage-dependencies .create input.argument-summary {
    width: 12em;
}

.task #taskpage-dependencies .create input.argument-tags {
    width: 5em;
}

/*
.task #taskpage-dependencies .create textarea.argument-description {
    width: 20em;
}
*/

#taskpage-dependencies .tasklist .create {
    width: auto;
}

.task #taskpage-comments h2 {
    background-image: url(/static/images/silk/comment_add.png);
    margin-bottom: 0.5em;
    margin-top: 0;
}

.task #taskpage-comments p {
    font-size: 0.9em;
    margin: 0.5em 0;
}

.task #taskpage-comments textarea {
    width: 98%;
}

.task .button_line {
    clear: both;
    border-top: 1px solid #aaa;
    position: relative;
    top: 0.5em;
}

.task #taskpage-depends-on h2,
.task #taskpage-depended-on h2,
.task #taskpage-comments h2
{
    background-repeat: no-repeat;
    background-position: 3px center;
    padding-left: 25px;
    padding-bottom: 0.2em;
}


.task #taskpage-depends-on h2 {
    background-image: url(/static/images/silk/arrow_join.png);
}

.task #taskpage-depended-on h2 {
    background-image: url(/static/images/silk/arrow_divide_rotated.png);
}

.accept_or_decline .line .button {
    margin-left: 5em;
}


/** End of taskpage.css */


/**
  * From css/main.css: @import "keybindings.css";
  */

#keybindings {
    color: #666;
}

dl.keybindings {
    margin: 0.5em 0 0.5em 1em;
    padding: 0;
}

#keybindings .keybindings_label {
    font-weight: bold;
}

.keybindings dt {
    margin: 0;
    font-weight: bold;
    float: left;
    clear: left;
    text-align: center;
    width: 1.5em;
}

.keybindings dd {
    margin-right: 1.5em;
    margin-left: 0.6em;
    white-space: nowrap;
    display: inline;
}


/** End of keybindings.css */


/**
  * From css/main.css: @import "tasklist.css";
  */

dl.tasklist {
    clear: both;
    margin-top: 2.5em;
}

.tasklist .edittags {
    color: gray;
}

.tasklist dd.task_description p {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0.2em;
}

.tasklist .task {
    clear: left;
}

.tasklist .task_container {
    padding-top: 0.75em;
    min-height: 12px;
}


.argument-complete,
.argument-complete_not,
.argument-select,
.schedule-task,
.task_summary {
    float: left;
}

.argument-complete, .argument-complete_not {
    margin-right:7px;
}

.argument-select {
    margin-right: 10px;
}

.tasklist .task .task_summary {
    max-width: 75%;
    height: 1.3em; /* ~line height */

    color: #333;
    font-size: 1.2em;
    font-weight: bold;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tasklist .task .task_summary a {
    color: #333;
    text-decoration: none;
}
#taskpage-dependencies .tasklist .task .task_summary a {
    font-size: 1.1em;
    line-height: 1.3em;
}

.tasklist .task_container:hover {
    /* todo, fix the priority widgets so we can set the background color */
}

.tasklist .task .task_summary a:hover {
    text-decoration: underline;
}

.tasklist .complete, .tasklist .complete a {
    color: gray;
} 

.tasklist .complete .task_summary a {
    color: gray;
    text-decoration: line-through;
}

.tasklist .related_tasks {
    clear: both;
    color: #777;
    padding-left: 46px;
    padding-bottom: 0.2em;
}

.tasklist .related_tasks a { color: #777; }
.tasklist .related_tasks a:hover { color: #444; }

.tasklist .complete .related_tasks a {
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.tasklist .complete .related_tasks a:hover {
    text-decoration: underline;
}

.tasklist .complete .metadata {
    display: none;
}

.tasklist .metadata {
    padding-left: 43px;
    clear: left;
}

.tasklist span.task_group a {
    background: url(/static/images/silk/group.png) no-repeat top left;
    padding-left: 20px;
    margin-left: 1em;
    padding-bottom: 2px;
}

.tasklist span.record_locator {
    float: right;
    clear: right;
    text-align: right;
    margin-right: 2em;
}

.tasklist span.record_locator a,
.tasklist span.record_locator a:visited {
    color: #ccc;
}
.tasklist span.record_locator a:hover {
    color: #999;
}

.tasklist span.task_by span.unaccepted {
    background: url(/static/images/silk/hourglass.png) no-repeat center left;
    padding-left: 20px;
    padding-bottom: 2px;
}

.tasklist span.task_by span.declined {
    background: url(/static/images/silk/cross.png) no-repeat center left;
    padding-left: 20px;
    padding-bottom: 2px;
}

.tasklist span.tags {
    background: url(/static/images/silk/tag_blue.png) no-repeat center left;
    padding-left: 20px;
    margin-left: 1em;
    padding-bottom: 2px;
}

.tasklist span.attachments a {
    background: url(/static/images/silk/attach.png) no-repeat center left;
    padding-left: 20px;
    margin-left: 1em;
    padding-bottom: 2px;
}

.tasklist span.time_tracking span.notimer,
.tasklist span.time_tracking a
{
    background: url(/static/images/silk-derived/time-70a.png) no-repeat center left;
    padding-left: 20px;
    padding-bottom: 2px;
    color: #777;
}

.tasklist span.repeat a{
    background: url(/static/images/silk-derived/arrow_repeat_gray.png) no-repeat center left;
    padding-left: 20px;
    margin-left: 1em;
    padding-bottom: 2px;
}
.tasklist span.repeat a {
    overflow : hidden; /* opera */
}

.tasklist .metadata a {
    text-decoration: none;
    color: #777;
}

.tasklist .metadata a:hover {
    color: #444;
    text-decoration: underline;
}

.tasklist .metadata .task_for,
.tasklist .metadata .task_by,
.tasklist .metadata .task_project,
.tasklist .metadata .task_milestone
{
    padding-left: 0.8em;
}

.tasklist .metadata .task_for,
.tasklist .metadata .task_by,
.tasklist .metadata .task_project,
.tasklist .metadata .task_milestone
{
    color: #777;
}

.tasklist .metadata .task_project span,
.tasklist .metadata .task_milestone span
{
    font-weight: bold;
}

.tasklist .metadata .task_project .jifty-region,
.tasklist .metadata .task_project .jifty-region select,
.tasklist .metadata .task_milestone .jifty-region,
.tasklist .metadata .task_milestone .jifty-region select
{
    display: inline;
}

.tasklist .metadata .task_project .jifty-region .hidden,
.tasklist .metadata .task_milestone .jifty-region .hidden
{
    display: inline;
    visibility: hidden;
}

.tasklist .priority {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.tasklist .task_description {
    clear: both;
    color: #666;
    font-size: 0.9em;
    padding-bottom: 0.5em;
    margin-top: 0.5em;
    margin-right: 15px;
    margin-left: 40px;
    border-bottom: 1px solid #ededed;
}

.tasklist .task_description .short * {
    display: inline;
}

.tasklist .description_view_link a {
    color: #444;
}


.tasklist .due {
    color: #777;
    background: url(/static/images/silk/date.png) no-repeat center left;
    padding-left: 20px;
    padding-bottom: 2px;
    margin-left: 1em;
}

.tasklist .overdue {
    color: #a00000;
}


.tasklist-fragment .tasklist-fragment {
    font-size: 0.9em;
}

/* at 4 deep, stop doing that */


.tasklist-fragment .tasklist-fragment .tasklist-fragment .tasklist-fragment {
    font-size: 1.0em;
}

/* compact tasklist */

.brief_tasklist.tasklist .task_container {
    padding-top: 0em;
}

.brief_tasklist .metadata ,
.brief_tasklist .task_description {
    margin: 0;
    border: 0;
    height: 0;
    padding: 0;
}

.brief_tasklist .metadata *,
.brief_tasklist .task_description *{
    display: none;
}

/* tasklist create widget */

.tasklist .create,
.tasklist .bulk_edit,
.tasklist .update
{
    background: #eee;
    padding: 0.5em;
    margin: 0 0 0.4em 3.5em;
    clear: both;
}

.tasklist .create {
    width: 80%;
}

.tasklist .bulk_edit {
    width: 90%;
}

.tasklist .create .button {
    margin-top: 0.2em;
}

.tasklist .update .button_line {
    padding-bottom: 1em;
}

.tasklist .bulk_edit {
    margin-top: 10px;
}

.tasklist .bulk_edit .button_line {
    margin-top: 0.3em;
}

.tasklist .bulk_edit .delete_tasks {
    direction: ltr;
}

.tasklist .bulk_edit .delete_tasks input.button {
    margin-top: 0.3em;
}

.tasklist .create .extra {
    padding: 0;
}

.tasklist .create .argument-summary .hints,
.tasklist .update .argument-summary .hints
{
    display: none;
}

.tasklist .create input.argument-summary {
    width: 20em;
}

.tasklist .create .argument-tags input {
    width: 10em;
}

.tasklist .create .more, .tasklist .bulk_edit .more {
    text-align: right;
    display: inline;
}

.tasklist .create .submit_button,
.tasklist .bulk_edit .submit_button {
    display: inline;
}

.tasklist .create .canonicalization_note {
    clear: both;
    display: block;
}

.tasklist .update .button {
    margin-top: 0.5em;
}

.tasklist .update .extra {
    padding-left: 3.9em;
}

.tasklist .update input.argument-summary {
    font-size: 1.3em;
    width: 98%;
}

.tasklist .update div.argument-summary {
    width: 60%;
}

.tasklist .update div.argument-tags {
    width: 25%;
}

.tasklist .update input.argument-tags {
    width: 100%;
}

.tasklist .update div.argument-description,
.tasklist .update div.argument-comment,
.tasklist .create div.argument-description
{
    width: 97%;
}

.tasklist .update textarea.argument-description,
.tasklist .update textarea.argument-comment,
.tasklist .create textarea.argument-description
{
    height: 5.1em;
    width: 100%;
}

.tasklist .update .record_locator {
    display: block;
    text-align: right;
}

/* tasklist actions */

#actions_container {
    clear: left;
    float: left;
}

ul.actions {
    list-style: none;
    margin: 0 0 0 2em;
    padding: 0;
    color: #888;
}

ul.actions li {
    display: inline;
    padding: 0 0.2em;
}

ul.actions li a {
    text-decoration: none;
/*    font-family: "Trebuchet MS", Arial;*/
    font-family: Verdana, sans-serif;
    font-weight: bold;
}

ul.actions li a:hover {
    text-decoration: underline;
}

ul.actions li.active {
    background: rgb(82, 134, 181);
}

ul.actions li.active a {
    color: white;
}

.tasklist .zilch_message {
    clear: both;
    margin: 0.5em 0 0 1em;
}

/* task panels */

.tasklist_panel_wrapper {
    clear: both;
    position: absolute;
    z-index: 43;
}

.tasklist_panel {
    background: #f0f0f0;
    padding: 1em;
    border: 1px solid #888;
    width: 43em;
}

.tasklist_panel p {
    margin-top: 0;
}

.tasklist_panel textarea.bigbox {
    width: 98%;
    height: 12em;
}

.tasklist_panel .hints {
    padding-left: 0;
    font-size: 0.9em;
    color: #777;
}

.tasklist_panel .hints ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tasklist_panel .hints li {
    display: inline;
}

.tasklist_panel .hints code.keystroke {
    font-size: 1.4em;
    border: 2px outset #aaa;
    padding: 0 0.2em;
    background: white;
}

.tasklist_panel .hints li.priority_key {
    display: block;
    margin-top: 0.5em;
}

.tasklist_panel div.button_line {
    margin-top: 0.3em;
}

.bulk-select {
    clear: both;
}

.task-review-braindump {
    text-align: center;
    margin-bottom: 2em;
}

.task-review-braindump  p{
    font-size: 120%;
}

/* Saved lists panel */

.save_new_list {
    float: left;
    width: 49%;
}

.update_existing_list {
    float: right;
    width: 49%;
}

.save_new_list .label,
.update_existing_list .label
{
    width: auto;
}

.save_new_list strong,
.update_existing_list strong
{
    display: block;
    margin-bottom: 0.5em;
}

.brief_tasklist .task .task_summary a,
.schedule_tasklist .task .task_summary a
{
    font-weight: normal;
    font-size: 1em;
}

dl.brief_tasklist,
dl.schedule_tasklist
{
    margin-top: 0;
    padding-top: 0.25em;
}

dl.schedule_tasklist .edit_context_menu {
    visibility: hidden;
}

dl.schedule_tasklist .task_container:hover .edit_context_menu {
    visibility: visible;
}

.dashboard-tasklist .brief_tasklist .task_summary {
    float: none;
}

.dashboard-tasklist .brief_tasklist .priority {
    margin-right: 2px;
}

.schedule_tasklist .task_summary {
    padding-top: 0.1em;
}

a.schedule-task {
    background: url(/static/images/silk/calendar_add.png) no-repeat center left;
    width: 0;
    display: block;
    padding-left: 23px;
    min-height: 16px;
    text-indent: -9999em;
}


/** End of tasklist.css */


/**
  * From css/main.css: @import "task-action-menus.css";
  */

/* Positioning and the button */

.task_container { position: relative; }

.task_container .tools{
    display: block;
    position: absolute;
    background-color: #ffc;
    padding-left: 1em;
    left: 8em;
    margin-top: -0.5em;
    border-top: none;
    -webkit-border-bottom-right-radius: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    z-index: 40;
}

.brief_tasklist .task_container .tools {
    margin-top: -0.2em;
}

.task_container .tools div.tool {
    margin-right: 0.5em;
    display: inline-block;
    padding: 0.25em;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

html.ie .task_container .tools div.tool {
    display: inline;
}

.task_container:hover {
    background-color: #ffc;

}

.task_container.opened:hover {
    background-color: #fff;
}

.task_container.opened:hover > .tools {
    display: none;
}


.task_container:hover .tools,
.task_container:hover .tools .tool {
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    margin-bottom:0;
    padding-bottom: 0.25em;
}

.task_container .tools:hover { 

}



.task_container .tools:hover ,
.task_container .tools:hover .tool
 { 
    filter: none;
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
.task_container .tools:hover .tool
 { 
}


.task_container .tools div.tool div.jifty-region {
}

.task_container .tools { display: none;} 
.task_container:hover > .tools { display: inline-block;}



.task_container.complete:hover .tools { display: none; }
.task_container .action-menu-region .suggested_option { visibility: visible; }
.task_container .assign-menu-region .suggested_option { visibility: visible; }


.task_container .tools a, .task_container .tools span {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.task_container .tools div.tool:hover > a,
.task_container .tools div.tool:hover a.submenu-toggle {
    text-decoration: underline;
}

.task_container .tools .yuimenu .yuimenuitemlabel-selected,
.task_container .tools .yuimenu h6:hover span
{
    color: #fff;
}

.action-menu-button .suggested_option,
.assign-menu-button .suggested_option {
    color: rgb(82, 134, 181);
}

.action-menu-button .submenu-toggle,
.assign-menu-button .submenu-toggle {
    background: url(/static/images/silk/bullet_arrow_down.png) no-repeat;
    background-position: center right;
    display: inline-block;
    padding-right: 16px;
}

.action-menu-button span.open .submenu-toggle,
.assign-menu-button span.open .submenu-toggle {
    background-image: url(/static/images/silk/bullet_arrow_up.png);
}

.assign-menu-region .yuimenu {
    min-width: 10em;
}

/** End of task-action-menus.css */


/**
  * From css/main.css: @import "taskreview.css";
  */

.progressbar {
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding: 1px;
    border: 1px solid #888;
    /* XXX TODO: This is a hack to stop the progressbar from overflowing,
       but really we should figure out why it's overflowing in the first
       place.  I couldn't get it to be behave. */
    overflow: hidden;
}

.progressbar .progress {
    padding: 0.3em 0.5em;
    background: #ffccff;
    border: 1px solid #faf;
    text-align: center;
    height: 1.4em;
    position: relative;
}

.progressbar .progress .progress_status {
    position: absolute;
    left: 1.1em;
    width: 7em;
    text-align: left;
}

#task-review .buttons .take_action,
#task-review .buttons .procrastinate
{
    margin-right: 1.7em;
}

#task-review .buttons .take_action .button {
    background-color: rgb(82, 134, 201);
    border-color: rgb(82, 134, 201);
}

#task-review .buttons .procrastinate .button {
    background-color: rgb(62, 114, 161);
    border-color: rgb(62, 114, 161);
    color: #fff;
}

#task-review .buttons .delete .button {
    background-color: #c00;
    border-color: #dff;
    color: #fff;
}

#task-review .buttons .fieldset {
    float: left;
    border: none;
    padding: 0;
}

#task-review .buttons .fieldset .legend {
    font-weight: bold;
    padding-left: 0;
    padding-bottom: 0.3em;
}

#task-review .buttons .button {
    display: block;
    width: 14em;
    margin-bottom: 0.2em;
    margin-right: 1em;
}

#task-review .buttons .hints {
    display: none;
}

#task-review .task h2 {
    padding-top: 0.5em;
}

#task-review .taskpage-done-checkbox,
#task-review .taskpage-done-button {
    display: none;
}

#task-review .argument-description {
    width: 95%;
}
#task-review .task .argument-summary {
    width: 98%;
}

#task-review label.argument-add_time_worked,
#task-review label.argument-time_left
{
    width: 30%;
}

#task-review input.argument-add_time_worked { width: 5em; }

#task-review .record_locator {
}

/** End of taskreview.css */


/**
  * From css/main.css: @import "taskhistory.css";
  */

/* Task history */

.transaction { overflow: auto;

    position: relative;
 }

.transaction dt {
    padding: 0.5em;
    margin: 0 0 0.5em 0;
    border-top: 1px solid #eee;
}

.transaction dd {
    display: list-item;
    list-style: square;
    margin-bottom: 0.3em;
}

.transaction .comment blockquote,
.task_description blockquote
{
    margin-left: 1.5em;
    padding-left: 0.5em;
    border-left: 2px solid blue;
    color: #666;
}

.transaction .comment {
    background-color: #ffffbf;
    padding: 0.75em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.transaction .comment .messageheader {
    font-weight: bold;
}

.transaction .comment .body p {
    padding: 0.25em 0 0.5em 0;
    margin: 0;
}

.transaction dd {
    width: 80%;
    margin-left: 3em;
}

.transaction .timestamp {
    color: #999;
    padding-top: 0.5em;
    display: block;
    font-style: italic;
    text-align: right;
}

/** End of taskhistory.css */


/**
  * From css/main.css: @import "feedlist.css";
  */

ul.feed-list {
    padding: 0;
    margin: 0;
    float: right;
    list-style: none;
}

ul.feed-list li {
    float: left;
}

ul.feed-list li.explain {
    font-size: 0.9em;
    color: #888;
    padding-right: 0.2em;
    text-align: right;
}

ul.feed-list li a {
    display: block;
    width: 0;
    padding-left: 22px;
    min-height: 20px;
    text-indent: -9999em;
    background: no-repeat left center;
    white-space: nowrap;
    overflow: hidden;
}
html>body ul.feed-list li a {
    overflow : hidden; /* opera */
}

ul.feed-list li a.ical {
    background: url(/static/images/ical.new.png) no-repeat 2px 0;
}

ul.feed-list li a.atom {
    background: url(/static/images/silk/feed.png) no-repeat 2px 0;
}

ul.feed-list li a.plaintext {
    background: url(/static/images/silk/page_white_text.png) no-repeat 2px 0;
}

ul.feed-list li a.print {
    background: url(/static/images/silk/printer.png) no-repeat 2px 0;
}

ul.feed-list li a.gcal {
    background: url(/static/images/gcal.png) no-repeat 2px 0;
}


/** End of feedlist.css */


/**
  * From css/main.css: @import "paging.css";
  */

.tasklist-nav {
    float: right;
    clear: right;
}

.tasklist-nav a {
    color: grey;
    text-decoration: none;
}

.page-numbers .current a {
    font-weight: bold;
    color: black;
}

.tasklist-nav a:hover {
    text-decoration: underline;
}


/** End of paging.css */


/**
  * From css/main.css: @import "context-menus.css";
  */


/**
  * From css/context-menus.css: @import "context-menus-standalone.css";
  */

ul.context_menu {
    clear: none;
    float: left;
    margin: 0;
}

ul.context_menu, ul.context_menu ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.context_menu li.toplevel {
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.2em;
    border: 1px solid white;
    color: lightgrey;
}

.context_menu li.toplevel:hover {
    color: #793300;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
}

.context_menu li ul li a:hover {
    background: rgb(82, 134, 181);
    color: white;
}

.context_menu li.toplevel .title {
    float: left;
}

.context_menu li.toplevel .title a {
    color: lightgrey;
}

.context_menu li.toplevel:hover .title a  {
    color: gray; 
}

.context_menu li.toplevel .title a.suggested_option  {
    color: rgb(82, 134, 181);
}

.context_menu li.toplevel .expand a {
    color: #fff;
    width: 0;
    height: 12px;
    font-size: 1px;
    text-decoration: none;
}

.context_menu li.toplevel ul li {
    color: gray;
}

.context_menu li.toplevel .title {
    font-weight: bold;
}

.context_menu li.toplevel ul {
    font-size: 0.9em;
    display: none;
    z-index: 42;
    padding: 0.1em 0.2em 0.5em 0.1em;
    background: white;
    border-top: 1px dotted lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

.context_menu li.toplevel ul a {
    width: 100%;
    display: block;
}

.context_menu .open span.expand a {
    background-image: url(/static/images/silk/bullet_arrow_up.png);
}

.context_menu span.expand a {
    background: url(/static/images/silk/bullet_arrow_down.png) no-repeat center center;
    padding-left: 16px;
    background-color: #eee;
    border: 1px solid lightgrey;
    margin-left: 4px;
    float: left;
}

.context_menu li.toplevel:hover .expand a {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}

.context_menu li.open a {
    border-bottom-color: transparent;
}

.context_menu li.open, .context_menu li.closed:hover {
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid gray;
    border-bottom-color: transparent;
}

.context_menu li.closed:hover {
    border-bottom-color: gray;
}

.context_menu li.toplevel span.expand a:active {
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;

    position: relative;
    top: 1px;
    left: 1px;
}

.context_menu li ul li a {
    padding: 0.1em 0 0.1em 0.1em;
    text-decoration: none;
}

.context_menu li ul li {
    padding: 0.1em;
}

.context_menu li.toplevel ul li a.separator {
    border-top: 1px solid #ddd;
    padding-top: 0.3em;
    margin-top: 0.3em;
}

.context_menu li.toplevel ul li a.bseparator {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
}

/** End of context-menus-standalone.css */


ul.menu {
    clear: none;
    float: left;
    margin: 0;
}

ul.menu, ul.menu ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.menu li.toplevel {
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.2em;
    border: 1px solid white;
    color: lightgrey;
    white-space: nowrap;
}

.menu li.toplevel:hover {
    color: #793300;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
}

#navigation .menu li ul li a:hover {
    background: rgb(82, 134, 181);
    color: white;
}

.menu li.toplevel .title a  {
    color: lightgrey;
    float: left;
}

.menu li.toplevel:hover .title a  {
    color: gray;
}

.menu li.toplevel .expand a {
    color: #fff;
    border-color: transparent;
    text-decoration: none;
    width: 0;
}

.menu li.toplevel ul li {
    color: gray;
}

.menu li.toplevel .title {
    font-weight: bold;
}

.menu li.toplevel ul {
    font-size: 0.9em;
    display: none;
    z-index: 44;
    padding: 0.1em 0.2em 0.5em 0.1em;
    background: white;
    border-top: 1px dotted lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

.menu li.toplevel ul a {
    width: 100%;
    display: block;
}
/*
.menu .open span.expand a {
    background-image: url(/static/images/silk/bullet_arrow_up.png);
}
*/
.menu span.expand a {
    background: url(/static/images/silk/bullet_arrow_down.png) no-repeat center 0%;
    border: 1px solid transparent;
    color: white;
    margin-left: 0.1em;
    float: left;
    padding-left: 14px;
    min-height: 1em;
}

.menu li.toplevel:hover .expand a {
    background-color: #fee9bd;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}

.menu li.open a {
    border-bottom-color: transparent;
}

.menu li.open, .menu li.closed:hover {
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid gray;
    border-bottom-color: transparent;
}

.menu li.closed:hover {
    border-bottom-color: gray;
}

.menu li.toplevel span.expand a:active {
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;

    position: relative;
    top: 1px;
    left: 1px;
}

.menu li ul li a {
    padding: 0.1em 0 0.1em 0.1em;
    text-decoration: none;
}

.menu li ul li {
    padding: 0.1em;
}

.menu li.toplevel ul li a.separator {
    border-top: 1px solid #ddd;
    padding-top: 0.3em;
    margin-top: 0.3em;
}

.menu li.toplevel ul li a.bseparator {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
}

/* for main nav */

#navigation .menu li.toplevel {
    border: none;
}

#navigation .menu li.toplevel .title {
    font-weight: normal;
}

#navigation .menu li.toplevel ul {
    border-top: none;
    margin-left: 0.3em;
}

#navigation .menu span.expand a {
    margin-right: -0.9em;
}

/** End of context-menus.css */


/**
  * From css/main.css: @import "preferences.css";
  */

ul.email_addresses {
    list-style: none;
    margin-left: 0;
    padding-left: 2em;
}

ul.email_addresses li {
    clear: left;
}

ul.email_addresses a {
    float: left;
    display: block;
    width: 20em;
    font-size: 1.3em;
}

ul.email_addresses .button {
    font-size: 1em;
    margin-top: 0;
}


/** End of preferences.css */


/**
  * From css/main.css: @import "groups.css";
  */

dl.groups {
    margin-left: 0;
    padding-left: 0;
}

dl.groups .group_name {
    font-size: 1.25em;
    font-weight: bold;
}

dl.groups dd {
    margin: 0.2em 0 1em 1.5em;
    padding-left: 0;
    color: #333;
}

ul.invitations {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}

ul.invitations li .invite_line {
    font-size: 1.1em;
    display: block;
}

ul.invitations li {
    padding-left: 23px;
    padding-top: 1.25em;
    margin-bottom: 0.2em;
    background: url(/static/images/silk/email_open.png) no-repeat center left;
}

ul.group_members {
    list-style: none;
    margin-left: 0;
    padding-left: 2em;
}

ul.group_members .group_member {
    display: block;
}

.member_role {
    color: #777;
}

ul.group_members .member_role {
    font-size: 0.9em;
    padding-left: 20px;
    display: block;
}

.group_member {
    min-height: 16px;
    line-height: 1.6em;
}

.group_member_email {
    padding-left: 20px;
    padding-right: 0.5em;
    float: left;
    font-size: 0.9em;
    color: #777;
}

.group_role_organizer {
    background: url(/static/images/silk/user_suit.png) no-repeat center left;
    padding-left: 20px;
}

.group_role_guest {
    background: url(/static/images/silk/user_green.png) no-repeat center left;
    padding-left: 20px;
}

.group_role_member {
    background: url(/static/images/silk/user.png) no-repeat center left;
    padding-left: 20px;
}

ul.group_members .button {
    float: left;
}

ul.group_members li div {
    float: left;
    width: 25em;
    clear: left;
}

ul.group_members li {
    clear: left;
    padding-bottom: 0.5em;
}

.group-manage .argument-never_email span.hints,
.group-manage .argument-broadcast_comments span.hints {
    display: inline;
    padding-left: 0.5em;
}

/** End of groups.css */


/**
  * From css/main.css: @import "search.css";
  */

.search_options legend {
    font-weight: bold;
}

.search_options fieldset {
    border-color: #ccc;
    padding: 0.2em;
}

.search_options .basic_search_simple,
.search_options .basic_search_group
{
    padding-bottom: 0.3em;
}

.search_options .basic_search_simple {
    border-bottom: 1px solid #ddd;
    background-image: url(/static/images/silk/page_white_text.png);
}

.search_options .basic_search_simple .label_is {
    line-height: 1.1em;
}

.search_options .basic_search_simple .label_isnt {
    width: auto;
    padding-left: 0.5em;
}

.search_options .basic_search_group {
    padding-top: 0.3em;
    background-image: url(/static/images/silk/group.png);
    background-position: 5px 0.7em !important;
}

.search_options .basic_options {
    margin-bottom: 0.5em;
}

.search_options .advanced_options legend {
    background-image: url(/static/images/silk/bullet_toggle_plus.png);
    background-repeat: no-repeat;
    background-position: -3px left;
    padding-left: 16px;
    color: #793300;
    cursor: pointer;
}

.search_options .advanced_options legend.open {
    background-image: url(/static/images/silk/bullet_toggle_minus.png);
}

.search_options .advanced_options .criteria {
    display: none;
}

.search_options .button_line {
    border-top: none;
}

form .search_options input.ajaxautocompletes {
    background: #fff url(/static/images/css/fieldbg-autocomplete.gif) repeat-x top right;
    padding-right: 0.2em;
}

.search_options .search_sort {
    background: url(/static/images/silk/table_sort.png) no-repeat 5px 0.8em;
    padding: 0.5em 0.5em 0.5em 25px;
    border-top: 1px solid #ddd;
}

.search_options .search_sort .hints {
    padding-left: 0;
    font-size: 0.9em;
    color: #777;
}

.search_options label {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.8em;
}

.search_options input.text,
.search_options input.date
{
    width: 10em;
}

.search_options .inline label {
        float: left;
        width: 7em;
        padding-left: 2px;
}

.search_options .search_status_checkboxes input {
        float: left;
        margin: 0.4em 0.2em;
}

.search_options .search_status_checkboxes label {
    margin-top: 0.1em;
}

.search_options .search_complete_status {
    clear: left;
    display: block;
    border-bottom: 1px solid #ddd;
}

.search_options .search_will_do_status,
.search_options .search_accepted_status,
.search_options .search_attachment_status {
    float: left;
    clear: left;
}

.search_options .search_accepted_status,
.search_options .search_will_do_status {
    border-bottom: 1px solid #ddd;
}

.search_options .search_will_do_status { padding-left: 25px }
.search_options .search_will_do_status label.argument-will_complete { width: 10em }
.search_options .search_will_do_status label.argument-will_complete_not { width: 9em }

.search_options .search_attachment_status { padding-left: 25px }
.search_options .search_attachment_status label.argument-has_attachment { width: 10em }
.search_options .search_attachment_status label.argument-has_no_attachments { width: 9em }


.search_options .label_is,
.search_options .label_isnt
{
    display: block;
    float: left;
    text-align: right;
    padding-right: 0.5em;
    line-height: 2em;
}

.search_options .label_is {
    width: 10em;
    clear: left;
}

.search_options .label_isnt {
    width: 6em;
}

.search_options .search_dates .label_isnt {
    width: 6em;
}
.search_options .search_priority .label_isnt
{
    width: 2.5em;
}

.search_options .search_task_field input,
.search_options .search_task_field select,
.search_options .search_tags input,
.search_options .search_dates input,
.search_options .search_priority select,
.search_options .search_times input,
.search_options .search_dependencies input,
.search_options .search_projects input,
.search_options .basic_search_simple input,
.search_options .basic_search_group select
{
    float: left;
}

.search_options .search_task_field,
.search_options .search_tags,
.search_options .search_dates,
.search_options .search_priority,
.search_options .search_times,
.search_options .search_dependencies,
.search_options .search_projects,
.search_options .basic_search_simple,
.search_options .basic_search_group
{
    clear: left;
}

.search_options .search_dates label {
    display: none;
}

.search_options .search_accepted_status .label_is {
        visibility: hidden;
}

.search_options .search_task_field {
    padding-left: 25px;
}

.search_options .search_complete_status,
.search_options .search_accepted_status,
.search_options .search_tags,
.search_options .search_dates,
.search_options .search_priority,
.search_options .search_times,
.search_options .search_dependencies,
.search_options .search_projects,
.search_options .basic_search_simple,
.search_options .basic_search_group
{
    background-position: 5px 3px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.search_options .search_dates {
    background-image: url(/static/images/silk/date.png);
    background-position: 5px 0.6em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.2em;
    padding-top: 0.4em;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}

.search_options .search_tags {
    background-image: url(/static/images/silk/tag_blue.png);
    padding-bottom: 0.3em;
}

.search_options .search_complete_status {
    background-image: url(/static/images/silk/tick.png);
}

.search_options .search_accepted_status {
    background-image: url(/static/images/silk/thumb_up.png);
}

.search_options .search_priority {
    background-image: url(/static/images/silk/bullet_black.png);
    background-position: 5px 2px;
    padding-bottom: 0.3em;
}

.search_options .search_task {
    clear: both;
    border-top: 1px solid #ddd;
    padding-top: 0.5em;
}

.search_options .button_line {
    margin-top: 0.5em;
}

.search_options .search_times {
    padding: 0.5em 0 0.5em 25px;
    border-top: 1px solid #ddd;
    background-image: url(/static/images/silk/time.png);
    background-position: 5px 5px;
}

.search_options .search_dependencies,
.search_options .search_projects
{
    border-top: 1px solid #ddd;
    padding-top: 0.3em;
    padding-bottom: 0.1em;
}

.search_options .search_times input {
    width: 4em;
}

.search_options .search_times .label_isnt {
    width: 9.5em;
}


/** End of search.css */


/**
  * From css/main.css: @import "autocomplete.css";
  */

/* Autocomplete */

.ac_value {
    font-style: italic;
    text-align: right;
    color: #AAA;
    font-size: .9em;
}


/** End of autocomplete.css */


/**
  * From css/main.css: @import "tasklist-print.css";
  */

#print {
    margin: 0.75em 1.5em 1.5em 1.5em;
    background: white;
}

#print .tasklist .priority .context_menu li.toplevel .title,
#print .tasklist .priority .context_menu li.toplevel ul,
#print .tasklist .edit_context_menu,
#print .tasklist .assign-menu,
#print .tasklist .review_link
{
    display: none;
}

#print .task .priority ul.context_menu li.toplevel .expand {
    display: block;
}

#print .print_note { clear: both }

#print .url {
    clear: both;
    font-size: 1.2em;
    color: #444;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0.7em 0.3em 1em 0.3em;
}

#print .url a {
    display: block;
    margin-left: 2em;
}

#print .priority_icon {
    color: white;
    font-size: 1px;
    width: 0;
    display: block;
}

#print .tasklist .task .task_summary {
    width: 90%;
    height: auto;
    overflow: visible;
    white-space: normal;
}

#print .tasklist .task .task_summary a {
    color: black;
    -moz-binding: none;
}

#print .tasklist .metadata .record_locator a {
    color: #888;
}

#print .blurb {
    background: #eee;
    padding: 0.3em 0.7em;
    margin-top: 3em;
    border-top: 1px dotted #888;
}

#print .blurb img {
    float: left;
    padding-right: 0.5em;
}

#print .print_command {
    float: right;
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 1.1em;
}

#print .print_command a {
    padding-left: 20px;
    background: url(/static/images/silk/printer.png) no-repeat top left;
}

@media print {
    #print { margin-top: 1.5em; }
    #print .print_command { display: none; }
    #print .print_note { display: none; }
}

/** End of tasklist-print.css */


/**
  * From css/main.css: @import "nonuser.css";
  */

.edit_explain {
    background: #ffc64a;
    padding: 0.3em 0.7em;
    margin-top: 0.5em;
    font-size: 0.9em;
}

.optout {
    background: #ffc64a;
    padding: 0.3em 0.7em;
    margin-top: 3em;
    font-size: 0.9em;
}

#signupplea {
    background: #ffc64a;
    padding: 0.5em 0.7em;
}

#signupplea h4 {
    background: transparent;
    color: #793300;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px solid #793300;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 0 0.2em;
}

#signupplea p {
    margin-top: 0.2em;
    margin-bottom: 0;
}

.nonuser_update_task .button_line {
    margin-top: 0;
}

/** End of nonuser.css */


/**
  * From css/main.css: @import "yui/calendar/calendar.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
.yui-calcontainer {
	position:relative;
	padding:5px;
	background-color:#F7F9FB;
	border:1px solid #7B9EBD;
	float:left;
	_overflow:hidden; /* IE6 only, to clip iframe shim */
}

.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;padding:0;
	z-index:0;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

/* IE6 only */
.yui-calcontainer iframe.fixedsize {
	width:50em;
	height:50em;
	top:-1px;
	left:-1px;
}

.yui-calcontainer.multi {
	padding:0;
}

.yui-calcontainer.multi .groupcal {
	padding:5px;
	background-color:transparent;
	z-index:1;
	float:left;
	position:relative;
	border:none;
}

.yui-calcontainer .title {
	font:100% sans-serif;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
	height:25px;
	position:absolute;
	top:3px;left:5px;
	z-index:1;
}

.yui-calcontainer .close-icon {
	position:absolute;
	right:3px;
	top:3px;
	border:none;
	z-index:1;
}

.yui-calcontainer .calclose {
	background: url("/static/images/yui/calendar/calx.gif") no-repeat;
	width:17px;
	height:13px;
	cursor:pointer;	
}

/* Calendar element styles */

.yui-calendar {
	font:100% sans-serif;
	text-align:center;
	border-spacing:0;
	border-collapse:separate;
	position:relative;
}

.yui-calcontainer.withtitle {
	padding-top:1.5em;
}

.yui-calendar .calnavleft {
	position:absolute;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;
	left:2px;
	z-index:1;
	background: url("/static/images/yui/calendar/callt.gif") no-repeat;
}

.yui-calendar .calnavright {
	position:absolute;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;
	right:2px;
	z-index:1;
	background: url("/static/images/yui/calendar/calrt.gif") no-repeat;
}

.yui-calendar td.calcell {
	padding:.1em .2em;
	border:1px solid #E0E0E0;
	text-align:center;
}

.yui-calendar td.calcell a {
	color:#003DB8;
	text-decoration:none;
}

.yui-calendar td.calcell.today {
	border:1px solid #000;
}

.yui-calendar td.calcell.oom {
	cursor:default;
	color:#999;
	background-color:#EEE;
	border:1px solid #E0E0E0;
}

.yui-calendar td.calcell.selected {
	color:#003DB8;
	background-color:#FFF19F;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover {
	cursor:pointer;
	color:#FFF;
	background-color:#FF9900;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover a {
	color:#FFF;
}

.yui-calendar td.calcell.restricted {
	text-decoration:line-through;
}

.yui-calendar td.calcell.previous {
	color:#CCC;
}

.yui-calendar td.calcell.highlight1 { background-color:#CCFF99; }
.yui-calendar td.calcell.highlight2 { background-color:#99CCFF; }
.yui-calendar td.calcell.highlight3 { background-color:#FFCCCC; }
.yui-calendar td.calcell.highlight4 { background-color:#CCFF99; }

.yui-calendar .calhead {
	border:1px solid #E0E0E0;
	vertical-align:middle;
	background-color:#FFF;
}

.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}

.yui-calendar .calheader img {
	border:none;
}

.yui-calendar .calweekdaycell {
	color:#666;
	font-weight:normal;
	text-align:center;
	width:1.5em;
}

.yui-calendar .calfoot {
	background-color:#EEE;
}

.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
	color:#666;
	font-size:9px;
	font-style:italic;
	font-weight:normal;
	width:15px;
}

.yui-calendar .calrowhead {
	border-right-width:2px;
}

/* CalendarNavigator */
.yui-calendar a.calnav {
	_position:relative;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	color:#000;
}

.yui-calendar a.calnav:hover {
	border:1px solid #003366;
	background-color:#6699cc;
	background: url(/static/images/yui/calendar/calgrad.png) repeat-x;
	color:#fff;
	cursor:pointer;
}

.yui-calcontainer .yui-cal-nav-mask {
	position:absolute;
	z-index:2;
	display:none;

	margin:0;
	padding:0;

	left:0;
	top:0;
	width:100%;
	height:100%;
	_width:0;    /* IE6, IE7 Quirks - width/height set programmatically to match container */
	_height:0;

	background-color:#000;
	opacity:0.25;
	*filter:alpha(opacity=25);
}

.yui-calcontainer .yui-cal-nav {
	position:absolute;
	z-index:3;
	display:none;

	padding:0;
	top:1.5em;
	left:50%;
	width:12em;
	margin-left:-6em;

	border:1px solid #7B9EBD;
	background-color:#F7F9FB;
	font-size:93%;
}

.yui-calcontainer.withtitle .yui-cal-nav {
	top:3.5em;
}

.yui-calcontainer .yui-cal-nav-y,
.yui-calcontainer .yui-cal-nav-m,
.yui-calcontainer .yui-cal-nav-b {
	padding:2px 5px 2px 5px;
}

.yui-calcontainer .yui-cal-nav-b {
	text-align:center;
}

.yui-calcontainer .yui-cal-nav-e {
	margin-top:2px;
	padding:2px;
	background-color:#EDF5FF;
	border-top:1px solid black;
	display:none;
}

.yui-calcontainer .yui-cal-nav label {
	display:block;
	font-weight:bold;
}

.yui-calcontainer .yui-cal-nav-mc {
	width:100%;
	_width:auto; /* IE6 doesn't like width 100% */
}

.yui-calcontainer .yui-cal-nav-y input.yui-invalid {
	background-color:#FFEE69;
	border: 1px solid #000;
}

.yui-calcontainer .yui-cal-nav-yc {
	width:3em;
}

.yui-calcontainer .yui-cal-nav-b button {
	font-size:93%;
	text-decoration:none;
	cursor: pointer;
	background-color: #79b2ea;
	border: 1px solid #003366;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:1px;
}

.yui-calcontainer .yui-cal-nav-b .yui-default button {
	/* not implemented */
}

/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}

/** End of yui/calendar/calendar.css */


/**
  * From css/main.css: @import "yui/tabview/tabview.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/* default space between tabs */
.yui-navset .yui-nav li {
    margin-right:0.5em; /* horizontal tabs */
}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; }
.yui-navset-left { padding-left:6em; } /* map to nav width */
.yui-navset-right { padding-right:6em; } /* ditto */

/* core */

.yui-nav, .yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content { zoom:1; }

.yui-navset .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a {
    outline:0; /* gecko: keep from shifting */
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */
}

.yui-navset .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; }
.yui-navset-left .yui-nav { left:0; }
.yui-navset-right .yui-nav { right:0; }

/** End of yui/tabview/tabview.css */


/**
  * From css/main.css: @import "yui/tabview/border_tabs.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
.yui-navset .yui-nav li a, .yui-navset .yui-content {
    border:1px solid #000;  /* label and content borders */
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {
    background-color:#f6f7ee; /* active tab, tab hover, and content bgcolor */
}

.yui-navset .yui-nav li em { padding:.5em; } /* tab padding */

/* defaults to orientation "top" */
.yui-navset .yui-nav .selected a {
    border-bottom-width:0; /* no bottom border for active tab */
    padding-bottom:1px; /* to match height of other tabs */
}

.yui-navset .yui-content {
    margin-top:-1px; /* for active tab overlap */
}

/* overrides for other orientations */

.yui-navset-bottom .yui-nav .selected a {
    border-width:0 1px 1px; /* no top border for active tab */
    padding:1px 0 0; /* to match height of other tabs */
}

.yui-navset-bottom .yui-content {
    margin:0 0 -1px; /* for active tab overlap */
}

.yui-navset-left .yui-nav li.selected a {
    border-width:1px 0 1px 1px; /* no right border for active tab */
    padding:0 1px 0 0; /* to match width of other tabs */
}

.yui-navset-left .yui-content {
    margin:0 0 0 -1px; /* for active tab overlap */
}

.yui-navset-right .yui-nav li.selected a {
    border-width:1px 1px 1px 0; /* no left border for active tab */
    padding:0 0 0 1px; /* to match width of other tabs */
}

.yui-navset-right .yui-content {
    margin:0 -1px 0 0; /* for active tab overlap */
}
/** End of yui/tabview/border_tabs.css */


/**
  * From css/main.css: @import "yui/menu/menu.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/* Menu & MenuBar styles */

.yuimenubar {

    visibility: visible;
    position: static;

}

.yuimenu .yuimenu,
.yuimenubar .yuimenu {

    visibility: hidden;
    position: absolute;
    top: -10000px;
    left: -10000px;

}

.yuimenubar li, 
.yuimenu li {

    list-style-type: none;    

}

.yuimenubar ul, 
.yuimenu ul,
.yuimenubar li, 
.yuimenu li,
.yuimenu h6,
.yuimenubar h6 { 

    margin: 0;
    padding: 0;

}

.yuimenuitemlabel,
.yuimenubaritemlabel {

    text-align: left;
    white-space: nowrap;

}


/* 
    The following style rule trigger the "hasLayout" property in 
    IE (http://msdn2.microsoft.com/en-us/library/ms533776.aspx) for a
    MenuBar instance's <ul> element, allowing both to clear their floated 
    child <li> elements.
*/

.yuimenubar ul {

    *zoom: 1;

}


/* 
    Remove the "hasLayout" trigger for submenus of MenuBar instances as it 
    is unnecessary. 
*/

.yuimenubar .yuimenu ul {

    *zoom: normal;

}

/*
    The following style rule allows a MenuBar instance's <ul> element to clear
    its floated <li> elements in Firefox, Safari and and Opera.
*/

.yuimenubar>.bd>ul:after {

    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;

}

.yuimenubaritem {

    float: left;

}

.yuimenubaritemlabel,
.yuimenuitemlabel {

    display: block;

}

.yuimenuitemlabel .helptext {

    font-style: normal;
    display: block;
    
    /*
        The value for the left margin controls how much the help text is
        offset from the text of the menu item.  This value will need to 
        be customized depending on the longest text label of a menu item.
    */
    
    margin: -1em 0 0 10em;
    
}

/*
    PLEASE NOTE: The <div> element used for a menu's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the menu's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Menu.  
    Implementers wishing to remove a menu's shadow or add any other markup
    required for a given skin for menu should override the "onRender" method.
*/

.yui-menu-shadow {

    position: absolute;
    visibility: hidden;
    z-index: -1;

}

.yui-skin-sam .yui-menu-shadow-visible {

    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    visibility: visible;

}


/*

There are two known issues with YAHOO.widget.Overlay (the superclass class of 
Menu) that manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs in Menu (a subclass of YAHOO.widget.Overlay):

    1) The "overflow" property of a Menu instance's shadow element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <select> elements that are child nodes of the 
       Menu instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Menu CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars * {

	overflow: hidden;

}

.hide-scrollbars select {

	display: none;

}


/*

The following style rule (".yuimenu.show-scrollbars") overrides the 
".show-scrollbars" rule defined in container-core.css which sets the 
"overflow" property of a YAHOO.widget.Overlay instance's root HTML element to 
"auto" when it is visible.  Without this override, a Menu would have scrollbars
when one of its submenus is visible.

*/

.yuimenu.show-scrollbars,
.yuimenubar.show-scrollbars {

	overflow: visible; 

}

.yuimenu.hide-scrollbars .yui-menu-shadow,
.yuimenubar.hide-scrollbars .yui-menu-shadow {

    overflow: hidden;

}

.yuimenu.show-scrollbars .yui-menu-shadow,
.yuimenubar.show-scrollbars .yui-menu-shadow {

    overflow: auto;

}


/* MenuBar style rules */

.yuimenubar {

    background-color: #f6f7ee;
    
}



/* Menu style rules */

.yuimenu {

    background-color: #f6f7ee;
    border: solid 1px #c4c4be;
    padding: 1px;
    
}

.yui-menu-shadow {

    display: none;

}

.yuimenu ul {

    border: solid 1px #c4c4be;
    border-width: 1px 0 0 0;
    padding: 10px 0;

}

.yuimenu .yui-menu-body-scrolled {

    overflow: hidden;

}


/* Group titles */

.yuimenu h6,
.yuimenubar h6 { 

    font-size: 100%;
    font-weight: normal;
    border: solid 1px #c4c4be;
    color: #b9b9b9;    

}

.yuimenubar h6 {

    float: left;
    padding: 4px 12px;
    border-width: 0 1px 0 0;

}

.yuimenubar .yuimenu h6 {

    float: none;

}

.yuimenu h6 {

    border-width: 1px 0 0 0;
    padding: 5px 10px 0 10px;

}

.yuimenu ul.first-of-type, 
.yuimenu ul.hastitle,
.yuimenu h6.first-of-type {

    border-width: 0;

}



/* Top and bottom scroll controls */

.yuimenu .topscrollbar,
.yuimenu .bottomscrollbar {

    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;

}

.yuimenu .topscrollbar {

    background-image: url(/static/images/yui/menu/menu_up_arrow.png);

}

.yuimenu .topscrollbar_disabled {

    background-image: url(/static/images/yui/menu/menu_up_arrow_disabled.png);

}

.yuimenu .bottomscrollbar {

    background-image: url(/static/images/yui/menu/menu_down_arrow.png);

}

.yuimenu .bottomscrollbar_disabled {

    background-image: url(/static/images/yui/menu/menu_down_arrow_disabled.png);

}


/* MenuItem and MenuBarItem styles */

.yuimenuitem {

    /*
        For IE: Used to collapse superfluous white space between <li> elements
        that is triggered by the "display" property of the <a> elements being
        set to "block."
    */

    *border-bottom: solid 1px #f6f7ee;

}

.yuimenuitemlabel,
.yuimenubaritemlabel {

    font-size: 85%;
    color: #000;
    text-decoration: none;

}

.yuimenuitemlabel {

    padding: 2px 24px;
    
}

.yuimenubaritemlabel {

    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #c4c4be;
    padding: 4px 24px;

}

.yuimenubar li.first-of-type .yuimenubaritemlabel {

    border-width: 0;

}

.yuimenubaritem-hassubmenu {

    background: url(/static/images/yui/menu/menubaritem_submenuindicator.png) right center no-repeat;

}

.yuimenuitem-hassubmenu {

    background: url(/static/images/yui/menu/menuitem_submenuindicator.png) right center no-repeat;

}

.yuimenuitem-checked {

    background: url(/static/images/yui/menu/menuitem_checkbox.png) left center no-repeat;

}

.yuimenuitemlabel .helptext {

    margin-top: -1.1em;
    *margin-top: -1.2em;  /* For IE*/
    
}



/* MenuItem states */


/* Selected MenuItem */

.yuimenubaritem-selected,
.yuimenuitem-selected {

    background-color: #8c8ad0;

}

.yuimenubaritemlabel-selected,
.yuimenuitemlabel-selected {

    text-decoration: underline;
    color: #fff;

}

.yuimenubaritem-hassubmenu-selected {

    background-image: url(/static/images/yui/menu/menubaritem_submenuindicator_selected.png);

}

.yuimenuitem-hassubmenu-selected {

    background-image: url(/static/images/yui/menu/menuitem_submenuindicator_selected.png);

}

.yuimenuitem-checked-selected {

    background-image: url(/static/images/yui/menu/menuitem_checkbox_selected.png);

}


/* Disabled MenuItem */

.yuimenubaritemlabel-disabled,
.yuimenuitemlabel-disabled {

    cursor: default;
    color: #b9b9b9;

}

.yuimenubaritem-hassubmenu-disabled {

    background-image: url(/static/images/yui/menu/menubaritem_submenuindicator_disabled.png);

}

.yuimenuitem-hassubmenu-disabled {

    background-image: url(/static/images/yui/menu/menuitem_submenuindicator_disabled.png);

}

.yuimenuitem-checked-disabled {

    background-image: url(/static/images/yui/menu/menuitem_checkbox_disabled.png);

}

/** End of yui/menu/menu.css */


/**
  * From css/main.css: @import "yui-menus.css";
  */

/* Style YUI menus themselves consistently */

/*  From: http://developer.yahoo.com/yui/examples/menu/example01_clean.html
    Position and hide the Menu instance to prevent a flash of unstyled 
    content when the page is loading.
*/

div.yuimenu {
    position: absolute;
    visibility: hidden;
}

.yuimenu li.active a, .yuimenu h6.active a, .yuimenu h6.active {
    font-weight: bold;
}

.yuimenu, .yuimenu .bd {
    background: white;
}

.yuimenu ul {
    padding: 1px;
}

.yuimenu .yuimenuitemlabel {
    padding: 0.2em 2.7em 0.2em 0.25em;
    font-size: 1em;
}

.yuimenu .yuimenuitem .separator {
    border-top: 1px solid #c4c4be;
    margin-top: 2px;
}

.yuimenu .yuimenuitem .separator-bottom {
    border-bottom: 1px solid #c4c4be;
    margin-bottom: 2px;
}

.yuimenu li.yuimenuitem-selected {
    background-color: rgb(82, 134, 181);
}

.yuimenu .yuimenuitemlabel-selected,
.yuimenu .yuimenuitem-selected .jifty-menu-item-label
{
    color: white;
    text-decoration: none;
}

.yuimenu h6:hover {
    color: white;
}

.yuimenu .yuimenuitem-hassubmenu {
    padding: 0.15em 0 0.2em 0.25em;
    color: black;
}

.yuimenu .yuimenuitemlabel-hassubmenu {
    padding: 0;
}

.yuimenu h6 {
    padding: 0.15em 0 0.2em 0.25em;
    border-left: 1px solid white;
    margin: 0;
    font-size: 1em;
    color: #444;
}

.yuimenu h6:hover {
    background-color: rgb(82, 134, 181);
}

.yuimenu h6:hover :link,
.yuimenu h6:hover :visited
{
    color: white;
}

.yuimenu h6 :link,
.yuimenu h6 :visited
{
    display: block;
    text-decoration: none;
}

* html .yuimenu h6 :link,
* html .yuimenu h6 :visited
{
    width: 100%;
    white-space: nowrap;
}

.yuimenu ul.hastitle li {
    padding-left: 0.7em;
}

.task .yui-menu-shadow {
    display: block;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.task .yui-menu-shadow-visible {
    top: 2px;
    right: -3px;
    left: 3px;
    bottom: -3px;
    visibility: visible;
    background-color: #000;

    /* Opacity can be expensive, so defer the use of opacity until the
       menu is visible. */
    opacity: .15;
    filter: alpha(opacity=15);  /* For IE */
}

/** End of yui-menus.css */


/**
  * From css/main.css: @import "yui-menubar.css";
  */

#navigation .yuimenubar {
    background: #fedc91 url(/static/images/nav.gradient.png) repeat-x left bottom;
    font-size: 1.4em;
    padding-left: 0.5em;
}

#navigation .yuimenubar .yuimenubaritemlabel {
    padding: 0.5em 0.5em;
    border-style: dotted;
    border-color: #fedc91;
}

#navigation .yuimenubar .yuimenubaritem-hassubmenu {
    padding-right: 1em;
    background-position: right 0.8em;
}

#navigation .yuimenubar li.active a.yuimenubaritemlabel-hassubmenu,
#navigation .yuimenu li.active a,
#navigation .yuimenu h6.active a
{
    font-weight: bold;
}

#navigation .yuimenubar .yuimenu {
    background: white;
}

#navigation .yuimenubar .yuimenu ul {
    padding: 1px;
}

#navigation .yuimenubar .yuimenu .yuimenuitemlabel {
    padding: 0.2em 2.7em 0.2em 0.25em;
    font-size: 0.75em;
}

#navigation div.yuimenubar li.yuimenubaritem-selected {
    background-color: #fedc91;
}

#navigation div.yuimenu li.yuimenuitem-selected {
    background-color: rgb(82, 134, 181);
}

#navigation div.yuimenu li.yuimenuitem-selected a.yuimenuitemlabel-selected {
    color: white;
    text-decoration: none;
}

#navigation .yuimenubar .yuimenu h6 {
    padding: 0.15em 0 0.2em 0.25em;
    border-left: 1px solid white;
    margin: 0;
    font-size: 0.75em;
    color: #444;
}

#navigation .yuimenubar .yuimenu h6:hover {
    background-color: rgb(82, 134, 181);
}

#navigation .yuimenubar .yuimenu h6:hover :link,
#navigation .yuimenubar .yuimenu h6:hover :visited
{
    color: white;
}

#navigation .yuimenubar .yuimenu h6 :link,
#navigation .yuimenubar .yuimenu h6 :visited
{
    display: block;
    text-decoration: none;
}

* html #navigation .yuimenubar .yuimenu h6 :link,
* html #navigation .yuimenubar .yuimenu h6 :visited
{
    width: 100%;
    white-space: nowrap;
}

#navigation .yuimenubar .yuimenu ul.hastitle li {
    padding-left: 0.7em;
}


/** End of yui-menubar.css */


/**
  * From css/main.css: @import "faq.css";
  */

.faq_heading {
    font-weight: bold;
    font-variant: small-caps;
    font-size: 1.7em;
    padding: 0;
    margin: 0 0 0.5em 0;
}

.faq_question {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 0 0 0.9em;
    color: rgb(82, 134, 181);
}

.faq_answer {
    margin: 0 0 1em 1em;
}

.faq_answer p {
    margin-top: 0;
    margin-bottom: 0.7em;
}

/** End of faq.css */


/**
  * From css/main.css: @import "about.css";
  */

ul.gallery {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

ul.gallery li {
    padding: 0.5em 0 0.5em 1em;
    width: 90%;
}

.beta-testers {
    clear: both;
}

.team-member { clear: both; }

.team-member h3 {
    font-weight: bold;
    font-size: 1.2em;
    color: rgb(82, 134, 181);
    letter-spacing: 0;
    font-variant: normal;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.team-member h3 .title {
    display: block;
    color: #777;
    font-weight: normal;
    font-family: Verdana, sans-serif;
    font-size: 0.8em;
}

.team-member img {
    float: right;
    width: 110px;
    height: 110px;
    border: 1px solid #ccc;
    margin: 0.1em 0 0.5em 0.5em;
    padding: 1px;
}

.team-member p {
    padding-top: 0.5em;
    margin-top: 0;
    clear: left;
}

/** End of about.css */


/**
  * From css/main.css: @import "tour.css";
  */

#tour #content-wrapper {
    margin: 0;
}

#tour #content-wrapper2 {
    margin: 0;
}

#tour .dropshadow_left_wrap1,
#tour .dropshadow_left_wrap2,
#tour .dropshadow_left_wrap3
{
    visibility: hidden;
}

#tour #content {
    visibility: visible;
    border: none;
    padding: 0;
    margin-top: 3.5em;
}

#tour.nonuser #content {
    margin-top: 0.8em;
}

#tour #headers {
    float: right;
    margin-right: 1em;
    position: absolute;
    top: 0.2em;
    right: 0.3em;
}

#tour #headers h1 { margin-top: 0; }
#tour.nonuser #headers { top: 0.8em; }

#tour h1.title {
    width: 60%;
}

#tour #main {
    padding-right: 1em;
    padding-left: 1em;
    background: none;
}

#tour p {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 0.5em;
}

#tour #content-wrapper {
    width: 100%;
    float: none;
    display: block;
}

#tour .tour_nav, #protour .tour_nav {
    font-size: 1.5em;
    float: right;
    clear: both;
    padding-top: 2em;
    padding-bottom: 3em;
}

#tour .tour_nav span, #protour .tour_nav span {
    font-weight: bold;
    color: #0065ce;
}

#tour .screenshot {
    border: 1px solid #aaa;
    margin: 0 auto;
    display: block;
    position: relative;
}

#tour .screenshot img {
    display: none;
}

#tour #tour-todolist {
    width: 785px;
    height: 543px;
    background: url(/static/images/tour/todolist.png) no-repeat top left;
}

#tour #tour-todolist ol {
    padding: 0;
    margin: 0;
    z-index: 44;
}

#tour-todolist li {
    display: block;
    margin: 0;
    padding: 0;
}

#tour-todolist li a.icon {
    display: block;
    
    position: absolute;
    
    width: 23px;
    margin-right: 195px;
    
    font-size: 1.3em;
    text-decoration: none;

    background: url(/static/images/tour/blue.overlay.png) no-repeat;
    z-index: 50;
}

#tour-todolist li a.icon .number {
    padding-bottom: 5px;
    padding-left: 6px;
    padding-top: 1px;
    display: block;
    font-weight: bold;
    font-size: 15px;
    color: white;
}

#tour-todolist a.icon .description {
    display: none;
    
    width: 200px;
    padding: 10px;
    border: 1px solid rgb(230,224,173);

    background-color: rgb(240,234,183);
    color: black;
    z-index: 51;
}
#tour-todolist li a.icon:hover .description { display: block; }

/* individual positions */
#feat-braindump a.icon {
    left: 20px;
    top: 270px;
}

#feat-checkboxes a.icon {
    left: 210px;
    top: 277px;
}

#feat-locators a.icon {
    left: 250px;
    top: 395px;
}

#feat-tags a.icon {
    left: 390px;
    top: 290px;
}

#feat-share a.icon {
    left: 410px;
    top: 238px;
}

#feat-bulkupdate a.icon {
    left: 290px;
    top: 75px;
    margin-left: 197px;
}

#feat-bulkupdate a.icon .description {
    margin-left: -197px;
}

#feat-procrastinate a.icon {
    left: 583px;
    top: 340px;
}

#feat-export a.icon {
    left: 454px;
    top: 111px;
    margin-left: 197px;
}

#feat-export a.icon .description {
    margin-left: -197px;
}

#feat-priorities a.icon {
    left: 225px;
    top: 225px;
}

/* part 2 */

#tour .feature {
    color: #0065ce;
}

#tour #content img {
    padding: 2px;
    border: 1px solid #aaa;
}

#tour #content #col-left {
    width: 48%;
    float: left;
}

#tour #content #col-right {
    width: 48%;
    float: right;
}

#tour #feat-search p,
#tour #feat-groups p,
#tour #feat-review p,
#tour #feat-email p
{
    font-size: 1.5em;
    margin-top: 1.5em;
    text-align: justify;
}


/** End of tour.css */


/**
  * From css/main.css: @import "protour.css";
  */

#protour #content-wrapper {
    margin: 0;
}

#protour #content-wrapper2 {
    margin: 0;
}

#protour .dropshadow_left_wrap1,
#protour .dropshadow_left_wrap2,
#protour .dropshadow_left_wrap3
{
    visibility: hidden;
}

#protour #content {
    visibility: visible;
    border: none;
    padding: 0;
    margin-top: 3.5em;
}

#protour.nonuser #content {
    margin-top: 0.8em;
}

#protour #headers {
    float: right;
    margin-right: 1em;
    position: absolute;
    top: 0.2em;
    right: 0.3em;
}

#protour #headers h1 { margin-top: 0; }
#protour.nonuser #headers { top: 0.8em; }

#protour h1.title {
    width: 60%;
}

#protour #main {
    padding-right: 1em;
    padding-left: 1em;
    background: none;
}

#protour p {
    font-size: 1.4em;
    margin-top: 0;
    margin-bottom: 0.5em;
}

#protour #content-wrapper {
    width: 100%;
    float: none;
    display: block;
}

/* part 2 */

#protour strong {
    color: #0065ce;
    font-weight: bold;
}

#protour strong a {
    color: #0065ce;
}

#protour #content img {
    padding: 2px;
    border: 1px solid #aaa;
}

#protour .feature p {
    font-size: 1.5em;
    margin-top: 1.5em;
    text-align: justify;
}

#protour #col-left {
    width: 48%;
    float: left;
}

#protour #col-right {
    width: 48%;
    float: right;
}


/** End of protour.css */


/**
  * From css/main.css: @import "rounding.css";
  */

/*#tagcloud div.tagcloud h3,
#braindump h3,
#invite_new_user h3,*/
h2
{
     -moz-border-radius: 7px 7px 0 0;
     -webkit-border-radius: 7px 7px 0 0;
     padding-top: 0.5em;
}

/*#feedback,*/
#signupplea,
div.round
{
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
}

#actions_container ul {
     -moz-border-radius: 8px 8px 0 0;
     -webkit-border-radius: 8px 8px 0 0;
}

#page_nav ul.menu li {
     /* works great in ff3, looks poor in ff2 */
     -moz-border-radius: 8px 8px 0 0;
     -webkit-border-top-left-radius: 8px;
     -webkit-border-top-right-radius: 8px;
}

.task .yuimenu {
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
}

.task .yuimenu li.yuimenuitem-selected {
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
}

/** End of rounding.css */


/**
  * From css/main.css: @import "dropshadow.css";
  */

.dropshadow_wrap1, .dropshadow_wrap2, .dropshadow_wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.dropshadow_wrap1 {
  float: left;
  background:url(/static/images/dropshadow/shadow.gif) right bottom;
}
.dropshadow_wrap2 {
  background:url(/static/images/dropshadow/corner_bl.gif) -12px 100% no-repeat;
}
.dropshadow_wrap3 {
  padding:0 7px 7px 0;
  background:url(/static/images/dropshadow/corner_tr.gif) 100% -12px no-repeat;
}

/* For left drop shadows */

.dropshadow_left_wrap1, .dropshadow_left_wrap2, .dropshadow_left_wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.dropshadow_left_wrap1 {
  float: right;
  background:url(/static/images/dropshadow/shadow_left_f6f6f6.gif) left bottom;
}
.dropshadow_left_wrap2 {
  background:url(/static/images/dropshadow/corner_br_f6f6f6.gif) 102% bottom no-repeat;
}
.dropshadow_left_wrap3 {
  padding:0 0 7px 7px;
  background:url(/static/images/dropshadow/corner_tl_f6f6f6.gif) left -35px no-repeat;
}

/** End of dropshadow.css */


/**
  * From css/main.css: @import "colors.css";
  */

/* All color properties should go here.
   Currently, there are still MANY color props in other CSS files. */

body,
#info
{
    background-color: #f6f6f6;
}

body#splash,
body#help-system,
body#tour,
body#protour
{
    background-color: white;
}

#content {
    background-color: white;
    border: 1px solid #aaa;
}

:link, :visited {
    color: #793300;
}


/** End of colors.css */


/**
  * From css/main.css: @import "logos.css";
  */

.logo_default   #headers h1.hiveminder { background-image: url(/static/images/hmlogo/default.png); }
.logo_hi        #headers h1.hiveminder { background-image: url(/static/images/hmlogo/hi.png); }
.logo_hive      #headers h1.hiveminder { background-image: url(/static/images/hmlogo/hive.png); }
.logo_hivemind  #headers h1.hiveminder { background-image: url(/static/images/hmlogo/hivemind.png); }
.logo_mind      #headers h1.hiveminder { background-image: url(/static/images/hmlogo/mind.png); }
.logo_er        #headers h1.hiveminder { background-image: url(/static/images/hmlogo/er.png); }
.logo_minder    #headers h1.hiveminder { background-image: url(/static/images/hmlogo/minder.png); }
#tour           #headers h1.hiveminder { background-image: url(/static/images/hmlogo/default.white.png); }
#protour        #headers h1.hiveminder { background-image: url(/static/images/hmlogo/default.white.png); }

/** End of logos.css */


/**
  * From css/main.css: @import "mini.css";
  */

body#mini {
    background: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    max-width: 400px;
    font-size: 0.6em;
}

body#mini .tasklist .task_container:hover .task_summary a {
    text-decoration: underline;
}


body#mini .tasklist .task.update {
    margin: 1em;
    padding-right: 0.2em;
    box-shadow: 2px 2px 1px #888;
    -webkit-box-shadow: 2px 2px 1px #888;
    -moz-box-shadow: 2px 2px 1px #888;

}   

body#mini .tasklist .task.update div.form_field {
    width: 90%;
}
body#mini .tasklist .task.update input[type="text"] {
    width: 90%;
}

body#mini .tasklist textarea.argument-description  {
    width: inherit;
}

body#mini .tasklist dt.normal_priority .task_summary  {
    margin-left: 0;
}
body#mini .tasklist .task .task_summary a,
body#mini .context_menu li.toplevel .title {
    font-weight: normal;
}
body#mini .tasklist .task .task_summary a {
    display: block;
}
body#mini .tasklist .task input {
    margin: 0.2em 0;
}
body#mini h2, body#mini h3 {
    -moz-border-radius: 0;
    background: none;
}
body#mini h2, body#mini h3, body#mini .tasklist {
    margin: 0;
/*    padding: 0 5px; */
}
body#mini .tasklist-nav {
    position: relative;
    right: 0;
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.25em;
}

body#mini .context_menu {
    display:none;
    border: none;
    font-size: 1.2em;
}

body#mini .context_menu:hover  {
    border:none;
}

body#mini .task_container:hover {
    background: none;
}


body#mini .task_container {
    position: relative;    
}
body#mini .task_container .context_menu:hover,
body#mini .task_container:hover  .context_menu {
    display: block;
    position: absolute;
    top: -0.1em;
    padding-top: 0.1em;
    padding-left: 0.5em;
    padding-bottom: -0.25em;
    margin-bottom: -0.25em;
    background: #ffc;
    right: 0;
}

body#mini .task_container:hover .context_menu li {
    border: none;
}
  
body#mini .context_menu li.toplevel .expand a {
    height: 8px;
}

body#mini .context_menu li.toplevel .expand a {

}

body#mini .inline.create-task {
    margin-left: 0em;
    padding-left: 1em;
    padding-bottom: 2em;
    background-color: #eee;
    margin-top: 2em;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

body#mini .context_menu span.expand a  {
    padding-left: 12px;
}
body#mini #region-tasklist-new_item,
body#mini #region-today-new_item {
    clear: both;
    margin-top: 10px;
    padding: 0 5px;
}
body#mini #region-today {
    margin-bottom: 0.2em;
}
/* message */
body#mini div#messages {
    border-width: 1px 0;
}
/* tab */
body#mini .yui-navset .yui-nav li a {
    border-width: 0 1px 0 0;
}
body#mini .yui-navset .yui-content {
    border-width: 1px 0 0 0;
}
body#mini .overdue a:link, body#mini .overdue a:visited {
    color: #900;
}
body#mini .yui-navset .yui-nav {
    background-color:#fff6cf;
}
body#mini .yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {
    background-color:#fff; /* active tab, tab hover, and content bgcolor */
}
body#mini .yui-navset .yui-nav a:hover {
    border-bottom: 1px solid;
}
body#mini .yui-navset .yui-nav .selected a:hover {
    border-bottom: none;
}
body#mini .yui-navset-top .yui-nav li, .yui-navset-bottom .yui-nav li {
    margin: 0;
}
body#mini .yui-navset .yui-nav li a {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
body#mini .yui-nav li em {
    padding: 0.25em;
}
body#mini .yui-navset .yui-nav a:link,
body#mini .yui-navset .yui-nav a:visited,
body#mini .yui-navset .yui-nav a:hover,
body#mini .yui-navset .yui-nav a:active {
    text-decoration: none;
}
body#mini .yui-content:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
* html .yui-content:after {height: 1%;}

/* history */
body#mini h1 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    text-align: center;
    margin: 0 10px;
    padding: 5px 0 0 0;
    font-size: 1.2em;
    border-bottom: 1px dashed #999;
}
body#mini .date {
    display: block;
    color: #933;
}
body#mini .transaction dt {
    background: none;
    border: none;
}
body#mini .transaction {
    border-left: 5px solid #8482ca;
    margin: 5px 0 5px 2.5em;
    padding: 0 0 0 5px;
}
body#mini .transaction dd:hover {
    background: #f3f89b;
}
body#mini .transaction dt:hover {
    background: #f3f89b;
}
body#mini .created_by {
    color: #933;
    font-weight: bold;
}
body#mini .datenav {
    border-bottom: 1px dashed #999;
    height: 1.2em;
    margin: 0 10px;
}
body#mini .datenav a:link,
body#mini .datenav a:visited,
body#mini .datenav a:hover,
body#mini .datenav a:active {
    text-decoration: none;
}

body#mini input[type=submit], body#mini button {
    font-size: 1em;
}

body#mini .task .priority .priority_text {  display: none;}

body#mini #mini-footer {
    padding-right: 0.5em;
    padding-top: 1em;
}

body#mini #jGrowl.top-right { /* yeah, I know. positional css ew */
  bottom: 0;
  left: 0; 
  right: 0.25em;
  top: inherit;
  font-size: 0.7em;
}
body #mini #jGrowl .jGrowl-notification {
    width: 100%; 
}

/** End of mini.css */


/**
  * From css/main.css: @import "payment.css";
  */

.cc_form .argument-address { width: 25em; }
.cc_form .argument-zip { width: 8em; }
.cc_form .argument-cvv2 { width: 10em; }
.cc-hint, .coupon-hint {
    color: #666;
    font-size: 0.9em;
    margin-top: 0;
    margin-bottom: 0.3em;
}

.cc_form fieldset {
    border-left: none;
    border-bottom: none;
    border-right: none;
    margin-top: 1em;
}

.cc_form fieldset legend {
    font-weight: bold;
}

.receipt label, .receipt .label {
    font-weight: bold;
}

.cc_form .card_types img {
    padding-top: 0.4em;
}

.cc_form .security_code_help {
    padding-left: 1em;
    padding-top: 1.6em;
    float: left;
}

.cc_form .current_recipients div.argument-user_id {
    display: block;
    float: none;
}

/** End of payment.css */


/**
  * From css/main.css: @import "attachments.css";
  */

.attachment_list hr {
    display: none;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}

.attachment_list .page-count {
    display: block;
    margin-bottom: 1em; 
}

.attachment_list div.item, div.attachment {
    clear: both;
    margin-bottom: 1em;
    padding-left: 20px;
}

.attachment_list div.read, div.attachment {
    background-repeat: no-repeat;
    background-position: top left;
}
div.content_type_unknown { background-image: url(/static/images/silk/page_white.png); }
div.content_type_image { background-image: url(/static/images/silk/page_white_picture.png); }
div.content_type_text  { background-image: url(/static/images/silk/page_white_text.png); }
div.content_type_html  { background-image: url(/static/images/silk/page_white_code.png); }
div.content_type_pdf   { background-image: url(/static/images/silk/page_white_acrobat.png); }
div.content_type_archive { background-image: url(/static/images/silk/page_white_compressed.png); }
div.content_type_excel { background-image: url(/static/images/silk/page_white_excel.png); }
div.content_type_ppt   { background-image: url(/static/images/silk/page_white_powerpoint.png); }
div.content_type_vector { background-image: url(/static/images/silk/page_white_vector.png); }
div.content_type_msword { background-image: url(/static/images/silk/page_white_word.png); }

.attachment_list div.item span.name, div.attachment span.name {
    display: block;
    font-weight: bold;
}

.attachment_list div.item span.name span.filename, div.attachment span.name span.filename {
    font-weight: normal;
    color: #777;
}

.attachment_list .crud-column-header {
    display: none;
}


/** End of attachments.css */


/**
  * From css/main.css: @import "reports.css";
  */

table.statistics td.label {
    font-weight: bold;
    text-align: right;
    padding-right: 0.5em;
}

table.statistics td.negative {
/*    color: red;*/
}

span.negative { color: red; }

/** End of reports.css */


/**
  * From css/main.css: @import "admin.css";
  */

#region-coupons-list .item {
    clear: both;
}

#region-coupons-list .item hr {
    visibility: hidden;
    clear: both;
}

#region-coupons-list .item a.editlink {
    padding-top: 1.4em;
    float: left;
}

#region-coupons-list input.argument-code
{
    width: 8em;
}

#region-coupons-list input.argument-discount,
#region-coupons-list input.argument-minimum,
#region-coupons-list input.argument-use_limit,
#region-coupons-list input.argument-use_count
{
    width: 5em;
}

.transaction-failed { color: red; }


#imap-clients { width: 100%; }
#imap-clients tr.top td { padding-top: 1.5em; }

/** End of admin.css */


/**
  * From css/main.css: @import "prioritymenu.css";
  */

.task .priority  .toplevel  .submenu a {
    padding-left: 1.5em;
    padding-right: 1em;
}

.task .priority .toplevel .submenu.highest_priority a,
.task .priority .toplevel .submenu.high_priority a,
.task .priority .toplevel .submenu.normal_priority a,
.task .priority .toplevel .submenu.low_priority a,
.task .priority .toplevel .submenu.lowest_priority a {
    background-position: top left;
    background-repeat: no-repeat;
}

.task span.priority ul.context_menu li ul li.submenu a:hover {
    background-color: rgb(82, 134, 181);
    color: white;
}


.task .priority  .toplevel .title {
        visibility: hidden;
}

.task .priority.highest_priority  .toplevel  .expand span a  { background: inherit no-repeat top left ; }
.task .priority.high_priority  .toplevel   .expand span a  { background: inherit no-repeat top left ; }
.task .priority.normal_priority  .toplevel   .expand span a  { background: inherit no-repeat top left  ; }
.task .priority.low_priority  .toplevel   .expand span a  { background: inherit no-repeat top left ; }
.task .priority.lowest_priority  .toplevel   .expand span a  { background: inherit no-repeat top left ; }

span.priority ul.context_menu {
    clear: none;
    float: none;
    margin: 0;
}

span.priority ul.context_menu {
    list-style: none;
}

span.priority ul.context_menu li.toplevel {
    float: left;
    margin: 0;
    padding: 0em;
    border: none;
    color: white;
}

span.priority ul.context_menu li.toplevel:hover {
    color: #793300;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
}
span.priority ul.context_menu li.toplevel .title {
    display: none;
}

span.priority ul.context_menu li.toplevel .title a {
    color: #ccc;
}

span.priority ul.context_menu li.toplevel:hover .title a  {
    color: gray; 
}

span.priority ul.context_menu li.toplevel .title a.suggested_option  {
    color: rgb(82, 134, 181);
}

span.priority ul.context_menu li.toplevel .expand a {
    color: #fff;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    display: block;
    text-decoration: none;
}

span.priority ul.context_menu li.toplevel ul li {
    color: gray;
}

span.priority ul.context_menu li.toplevel .title {
    font-weight: bold;
}

span.priority ul.context_menu li.toplevel ul {
    font-size: 0.9em;
    display: none;
    z-index: 42;
    padding: 0.5em 3em 0.5em 0.1em;
    background: white;
    border-top: 1px dotted #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

span.priority ul.context_menu span.expand a {
/*    background: url(/static/images/silk/bullet_black.png) no-repeat center center;*/
    background-color: #fff;
    border: none;
}


span.highest_priority  ul.context_menu span.expand a  { background: inherit no-repeat top left ; }
span.high_priority  ul.context_menu span.expand a  { background: inherit no-repeat top left ; }
span.normal_priority  ul.context_menu span.expand a  { background: inherit no-repeat top left ; }
span.low_priority  ul.context_menu span.expand a  { background: inherit no-repeat top left ; }
span.lowest_priority  ul.context_menu span.expand a  { background: inherit no-repeat top left ; }



span.priority ul.context_menu li.toplevel:hover .expand a {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

span.priority ul.context_menu li.open a {
    border-bottom-color: transparent;
}

span.priority ul.context_menu li.open, span.priority ul.context_menu li.closed:hover {
    border: none;
}

span.priority ul.context_menu li.closed:hover {
    border-bottom-color: gray;
}

span.priority ul.context_menu li.toplevel span.expand a:active {
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;

    position: relative;
    top: 1px;
    left: 1px;
}

span.priority ul.context_menu li ul li a {
    padding: 0.1em 0 0.1em 0.1em;
    text-decoration: none;
}

span.priority ul.context_menu li ul li {
    padding: 0.1em;
}

span.priority ul.context_menu li.toplevel ul li a.separator {
    border-top: 1px solid #ddd;
    padding-top: 0.3em;
    margin-top: 0.3em;
}

span.priority ul.context_menu li.toplevel ul li a.bseparator {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
}

span.highest_priority_icon,
span.high_priority_icon,
span.normal_priority_icon,
span.low_priority_icon,
span.lowest_priority_icon {
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 16px;
}


/** End of prioritymenu.css */


/**
  * From css/main.css: @import "stopwatch.css";
  */

/* in-page */
.stopwatch-widget {
    padding: 0.7em 1em 1em 1em;
    margin: 0;
}

/* popout */
body.stopwatch-widget {
    margin: 0.7em 1em 1em 1em;
    padding: 0;
}

/* common */
.stopwatch-widget a.task {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

.stopwatch-widget a.task:hover {
    text-decoration: underline;
}

.stopwatch-widget label {
    width: 10em;
    line-height: 2em;
}

.stopwatch-widget label.argument-add_time_worked { margin-top: 0.5em; }

.stopwatch-widget input.argument-add_time_worked,
.stopwatch-widget input.argument-time_left {
    width: 5em;
}

.stopwatch-widget textarea.argument-comment {
    width: 100%;
    height: 2.75em;
}

.stopwatch-widget label.argument-comment {
    font-weight: normal;
}

.stopwatch-widget button.start { color: green; }
.stopwatch-widget button.stop  { color: red; }

.stopwatch-widget input.button {
    float: right;
    margin-left: 1em;
}

.stopwatch-widget form {
    margin-top: 0.5em;
}

.stopwatch-widget #messages, .stopwatch-widget #errors {
    font-size: 0.9em;
}

.stopwatch-widget a.popout {
    position: absolute;
    top: 2px;
    right: 2px;
    text-decoration: none;
    color: #888;
    text-indent: -5000em;
}


/** End of stopwatch.css */


/**
  * From css/main.css: @import "modal.css";
  */

/*
 * This is a MODIFIED version of the original.
 *
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 132 2008-05-23 16:05:17Z emartin24 $
 *
 */

/* body {padding:0; margin:0; height:100%; width:100%;} */

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {width:290px; left:50%; top:15%; margin-left:-145px; background-color:#fff; border:3px solid #ccc; padding-bottom: 1em;}
#modalContainer a.modalCloseImg {background:url(/static/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; left:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}

/** End of modal.css */


/**
  * From css/main.css: @import "modal-ie.css";
  */

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic_ie.css 132 2008-05-23 16:05:17Z emartin24 $
 *
 */

/* IE 6 hacks*/
* html #modalContainer {top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(15 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
* html #modalContainer a.modalCloseImg {background:none; left:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/x.png',sizingMethod='scale');}

/** End of modal-ie.css */


/**
  * From css/main.css: @import "facebox.css";
  */

/* This file has been changed for Jifty. Please see the commit log for its
 * changes before upgrading */

#facebox .b {
  background:url(/static/images/facebox/b.png);
}

#facebox .tl {
  background:url(/static/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/static/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/static/images/facebox/bl.png);
}

#facebox .br {
  background:url(/static/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/** End of facebox.css */


/**
  * From css/main.css: @import "projects.css";
  */

.title .subtitle .remove {
    text-decoration: none;
    font-size: 0.8em;
}

/* Overview */

.projects-dashboard .overview .name {
    color: #222;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1em;
}

.projects-dashboard .overview .name .complete a.editable {
    color: #666 !important;
    text-decoration: line-through; 
}

.projects-dashboard .overview .name .complete a.editable:hover {
    text-decoration: none;
}

.projects-dashboard .overview .properties {
    color: #444;
}

.projects-dashboard .overview .properties .property {
    font-weight: bold;
}

.projects-dashboard .overview .type {
    color: #bbb;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

/* Inline editable stuff */

.projects-dashboard .overview form .jifty-region,
.projects-dashboard .overview form .jifty-region input
{
    display: inline;
}

.projects-dashboard .overview form .jifty-region .hidden {
    display: inline;
    visibility: hidden;
}

.projects-dashboard .overview form .jifty-region input.argument-summary { width: 50%; }
/*.projects-dashboard .overview form .jifty-region input.argument-owner_id { width: 60%; }*/

.projects-dashboard .overview .editable-inline a.editable { text-decoration: none; }
.projects-dashboard .overview .editable-inline a.editable:hover { background-color: #ffff9c; }
.projects-dashboard .overview .name .editable-inline a.editable { color: #222; }
.projects-dashboard .overview .properties .editable-inline a.editable { color: #444; }

.projects-dashboard .overview .actions form,
.projects-dashboard .overview .actions div.submit_button
{
    display: inline;
}

.projects-dashboard .overview .actions form div.hidden {
    display: inline;
    visibility: hidden;
}


/* Main dashboard */

.group_role_invited {
    background: url(/static/images/silk/user_orange.png) no-repeat center left;
    padding-left: 20px;
}

.projects-dashboard dl.projects,
.projects-dashboard dl.milestones,
.projects-dashboard dl.people
{
    padding: 0;
    margin: 0;
}

.projects-dashboard dl.people {
    padding-left: 0.5em;
}

.projects-dashboard dl.people dt a {
    font-weight: bold;
    text-decoration: none;
}

.projects-dashboard dl.people dt a:hover {
    text-decoration: underline;
}

.projects-dashboard dl.people dt.invited {
    padding-left: 30px;
}

.projects-dashboard dl.people dt .graph,
.projects-dashboard dl.projects dt .graph,
.projects-dashboard dl.milestones dt .graph
{
    display: block;
    float: left;
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    width*: 30px;
}

.projects-dashboard dl.people dt .graph img,
.projects-dashboard dl.projects dt .graph img,
.projects-dashboard dl.milestones dt .graph img
{
    position: absolute;
    clip: rect(8px 33px 33px 8px);
    top: -8px;
    left: -7px;
}

.projects-dashboard dl.projects dt a,
.projects-dashboard dl.milestones dt a
{
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

.projects-dashboard dl.projects dt.complete a,
.projects-dashboard dl.milestones dt.complete a
{
    color: #666;
    text-decoration: line-through; 
}

.projects-dashboard dl.projects dt a:hover,
.projects-dashboard dl.milestones dt a:hover
{
    text-decoration: underline;
}

.projects-dashboard dl.projects dd,
.projects-dashboard dl.milestones dd,
.projects-dashboard dl.people dd
{
    color: #666;
    padding: 0 0 0.5em 30px;
    margin: 0;
}

.projects-dashboard dl.projects dd a,
.projects-dashboard dl.milestones dd a,
.projects-dashboard dl.people dd a
{
    color: #666;
    text-decoration: none;
}

.projects-dashboard dl.projects dd a:hover,
.projects-dashboard dl.milestones dd a:hover,
.projects-dashboard dl.people dd a:hover
{
    text-decoration: underline;
}

/* Status box */

.projects-dashboard .status .tasks,
.projects-dashboard .status .timetracking
{
    width: 100%;
    margin: 0 0 1em 0;
    padding: 0;
}

.projects-dashboard .status .timetracking caption {
}

.projects-dashboard .status .tasks {
}

.projects-dashboard .status td {
    text-align: center;
    width: 33%;
}

.projects-dashboard .status tbody td {
    font-size: 1.4em;
}

.projects-dashboard .status thead td {
    font-style: italic;
}

/* ff9900 ffc266 ffebcc complete started unstarted */
/*
.projects-dashboard .status table.tasks thead td.in-progress { border: 2px solid #ffc266; }
.projects-dashboard .status table.tasks thead td.complete    { border: 2px solid #ff9900; }
.projects-dashboard .status table.tasks thead td.unstarted   { border: 2px solid #ffebcc; }
*/

/* ff9900 ffc266 a26100 worked left estimate */
.projects-dashboard .status table.timetracking thead td.worked   { border: 2px solid #ff9900; }
.projects-dashboard .status table.timetracking thead td.left     { border: 2px solid #ffc266; }
.projects-dashboard .status table.timetracking thead td.estimate { border: 2px solid #a26100; }

.projects-dashboard .status table caption {
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.projects-dashboard .status .time-overview {
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

.projects-dashboard .status .no-estimate {
    text-align: center;
    font-size: 1.1em;
}

.projects-dashboard .status .no-estimate-complete {
    text-align: center;
    font-size: 0.9em;
}

/* Tasklists */

.projects-dashboard dl.tasklist {
    margin-top: 0;
    clear: none;
}

.projects-dashboard h3 {
    clear: none;
}

.projects-dashboard ul.feed-list {
    margin-top: -2.5em;
}

/** End of projects.css */


/**
  * From css/main.css: @import "group-dashboard.css";
  */

/* This will eventually supercede projects.css */

/* Tasklists */

.dashboard-tasklist .tasklist .create {
    width: auto;
    margin-left: 0;
}

.dashboard-tasklist .tasklist .create input.argument-tags {
    width: 5em;
}

/* Graph lists */

.dashboard .graph {
    width: 100%;
}

.graph-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.graph-list .subject {
    font-weight: bold;
    font-size: 1.1em;
}

.graph-list .subject a { text-decoration: none; }
.graph-list .subject a:hover { text-decoration: underline; }

.graph-list .time-tracking {
    font-size: 0.9em;
    color: #666;
}

.switch-graph-list {
    display: block;
    margin-top: -0.8em;
    margin-bottom: 0.2em;
    text-align: right;
    font-size: 0.9em;
}

/* People list */

.group-dashboard dl.projects,
.group-dashboard dl.milestones,
.group-dashboard dl.people
{
    padding: 0;
    margin: 0;
}

.group-dashboard dl.people {
    padding-left: 0.5em;
}

.group-dashboard dl.people .person {
    display: block;
}

.group-dashboard dl.people dt {
    display: inline;
}

.group-dashboard dl.people dt a {
    font-weight: bold;
    text-decoration: none;
}

.group-dashboard dl.people dt a:hover {
    text-decoration: underline;
}

.group-dashboard dl.people dt.invited {
    padding-left: 30px;
}

.group-dashboard dl.people dt .graph,
.group-dashboard dl.projects dt .graph,
.group-dashboard dl.milestones dt .graph
{
    display: block;
    float: left;
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    width*: 30px;
}

.group-dashboard dl.people dt .graph img,
.group-dashboard dl.projects dt .graph img,
.group-dashboard dl.milestones dt .graph img
{
    position: absolute;
    clip: rect(8px 33px 33px 8px);
    top: -8px;
    left: -7px;
}

.group-dashboard dl.projects dt a,
.group-dashboard dl.milestones dt a
{
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}

.group-dashboard dl.projects dt.complete a,
.group-dashboard dl.milestones dt.complete a
{
    color: #666;
    text-decoration: line-through; 
}

.group-dashboard dl.projects dt a:hover,
.group-dashboard dl.milestones dt a:hover
{
    text-decoration: underline;
}

.group-dashboard dl.projects dd,
.group-dashboard dl.milestones dd,
.group-dashboard dl.people dd
{
    color: #666;
    padding: 0 0 0 20px;
    margin: -0.1em 0 0 0;
}

.group-dashboard dl.people dd {
    display: inline;
    padding-left: 0.5em;
    margin: 0;
}

.group-dashboard dl.projects dd a,
.group-dashboard dl.milestones dd a,
.group-dashboard dl.people dd a
{
    color: #666;
    text-decoration: none;
}

.group-dashboard dl.projects dd a:hover,
.group-dashboard dl.milestones dd a:hover,
.group-dashboard dl.people dd a:hover
{
    text-decoration: underline;
}

.group-dashboard ul.projects {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.group-dashboard ul.projects li .project-details {
    color: #666;
    padding-left: 0.5em;
}

.group-dashboard ul.projects li .project-details a {
    color: #666;
    text-decoration: none;
}

.group-dashboard ul.projects li .project-details a:hover {
    text-decoration: underline;
}

.group-dashboard ul.projects li .subject {
    font-weight: bold;
    font-size: 1.1em;
}

.group-dashboard ul.projects li .subject a { text-decoration: none; }
.group-dashboard ul.projects li .subject a:hover { text-decoration: underline; }

/* Basic info overview */

.group-dashboard .overview .name {
    color: #222;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1em;
}

.group-dashboard .overview .name .complete a.editable {
    color: #666 !important;
    text-decoration: line-through; 
}

.group-dashboard .overview .name .complete a.editable:hover {
    text-decoration: none;
}

.group-dashboard .overview .properties {
    color: #444;
}

.group-dashboard .overview .properties .property {
    font-weight: bold;
}

.group-dashboard .overview .type {
    color: #bbb;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

/* Inline editable stuff */

.group-dashboard .overview form .jifty-region,
.group-dashboard .overview form .jifty-region input
{
    display: inline;
}

.group-dashboard .overview form .jifty-region .hidden {
    display: inline;
    visibility: hidden;
}

.group-dashboard .overview form .jifty-region input.argument-summary { width: 90%; }
/*.group-dashboard .overview form .jifty-region input.argument-owner_id { width: 60%; }*/

.group-dashboard .overview .editable-inline a.editable { text-decoration: none; }
.group-dashboard .overview .editable-inline a.editable:hover { background-color: #ffff9c; }
.group-dashboard .overview .name .editable-inline a.editable { color: #222; }
.group-dashboard .overview .properties .editable-inline a.editable { color: #444; }

.group-dashboard .overview .actions form,
.group-dashboard .overview .actions div.submit_button
{
    display: inline;
}

.group-dashboard .overview .actions form div.hidden {
    display: inline;
    visibility: hidden;
}

/* extra */

.group-dashboard .overview-extra h2 {
    margin-top: 0;
    margin-bottom: 0.5em;
}

/** End of group-dashboard.css */


/**
  * From css/main.css: @import "owner-menu.css";
  */

.task .assign-menu .toplevel  .submenu a {
    padding-left: 0.1em;
    padding-right: 0.4em;
}

.task span.assign-menu ul.context_menu li ul li.submenu a:hover {
    background-color: rgb(82, 134, 181);
    color: white;
}

.task .assign-menu  .toplevel .title {
    visibility: hidden;
}

span.assign-menu ul.context_menu {
    clear: none;
    float: none;
    margin: 0;
}

span.assign-menu ul.context_menu {
    list-style: none;
}

span.assign-menu ul.context_menu li.toplevel {
    float: left;
    margin: 0;
    padding: 0 3px 0 0;
    border: none;
    color: white;
}

span.assign-menu ul.context_menu li.toplevel:hover {
    color: #793300;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
}

span.assign-menu ul.context_menu li.toplevel .title {
    display: none;
}

span.assign-menu ul.context_menu li.toplevel .title a {
    color: #ccc;
}

span.assign-menu ul.context_menu li.toplevel:hover .title a  {
    color: gray; 
}

span.assign-menu ul.context_menu li.toplevel .title a.suggested_option  {
    color: rgb(82, 134, 181);
}

span.assign-menu ul.context_menu li.toplevel .expand a {
    color: #fff;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    display: block;
    text-decoration: none;
    background-image: url(/static/images/silk/user_edit.png);
}

span.assign-menu ul.context_menu li.toplevel ul li {
    color: gray;
}

span.assign-menu ul.context_menu li.toplevel .title {
    font-weight: bold;
}

span.assign-menu ul.context_menu li.toplevel ul {
    font-size: 0.9em;
    display: none;
    z-index: 42;
    padding: 0.5em 0.5em 0.5em 0.1em;
    background: white;
    border-top: 1px dotted #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

span.assign-menu ul.context_menu span.expand a {
/*    background: url(/static/images/silk/bullet_black.png) no-repeat center center;*/
    background-color: #fff;
    border: none;
}

span.assign-menu ul.context_menu li.toplevel:hover .expand a {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

span.assign-menu ul.context_menu li.open a {
    border-bottom-color: transparent;
}

span.assign-menu ul.context_menu li.open, span.assign-menu ul.context_menu li.closed:hover {
    border: none;
}

span.assign-menu ul.context_menu li.closed:hover {
    border-bottom-color: gray;
}

span.assign-menu ul.context_menu li.toplevel span.expand a:active {
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;

    position: relative;
    top: 1px;
    left: 1px;
}

span.assign-menu ul.context_menu li ul li a {
    padding: 0.1em 0.2em 0.1em 0.2em;
    text-decoration: none;
}

span.assign-menu ul.context_menu li ul li {
    padding: 0.1em 0 0 0.4em;
}

span.assign-menu ul.context_menu li.toplevel ul li a.separator {
    border-top: 1px solid #ddd;
    padding-top: 0.3em;
    margin-top: 0.3em;
}

span.assign-menu ul.context_menu li.toplevel ul li a.bseparator {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
}

/** End of owner-menu.css */


/**
  * From css/main.css: @import "app-late.css";
  */

/* Avoid obscuring the search box */
#jGrowl.top-right {
    top: 2.2em;
}


/** End of app-late.css */


/**
  * From css/main.css: @import "ie-fixes.css";
  */

/* We use the "html.ie" hack to target rules at only IE instead of conditional
   comments because otherwise IE users would have to clear the cache to get
   updates (since we couldn't include this stylesheet in the CSS::Squished one
   */

/* emulating position: fixed */

html.ie body { font-size: 73%; }
html.ie #jifty-wait-message { position: absolute; }


html.ie body { behavior: url("/static/htc/csshover.htc"); }


/* menu */
#navigation div.container {
    padding-bottom: 0;
    margin-bottom: 0;
}

html.ie #navigation .yuimenubaritemlabel {
}

html.ie #navigation .yuimenubaritem {
    padding-bottom: 0px;
}

html.ie #navigation .yuimenubar {
}
html.ie #navigation .yuimenubaritemlabel {
    padding-bottom: -0.2em;
    margin-bottom: -0.2em;

}

html.ie #navigation ul.menu { border-bottom-style: solid;  }
html.ie #navigation hr.clear { display: none; }

/* feedlist */

html.ie ul.feed-list { width: 7.5em; }
html.ie ul.feed-list li a { height: 20px; }

/* forms */

/* Hack for IE: causes it to crush the box when there is no content */
html.ie .form_field .hints,
html.ie .form_field .warning,
html.ie .form_field .error
{
    border: 1px solid white;
}

html.ie #info .form_field .hints,
html.ie #info .form_field .warning,
html.ie #info .form_field .error
{
    border: 1px solid #f6f6f6;
}

html.ie .tasklist .create .form_field .hints,
html.ie .tasklist .create .form_field .warning,
html.ie .tasklist .create .form_field .error,
html.ie .bulk_edit .form_field .hints,
html.ie .bulk_edit .form_field .warning,
html.ie .bulk_edit .form_field .error,
html.ie .tasklist .update .form_field .hints,
html.ie .tasklist .update .form_field .warning,
html.ie .tasklist .update .form_field .error
{
    border: 1px solid #eee;
}

html.ie .tasklist .update .argument-complete .hints,
html.ie .tasklist .update .argument-complete .warning,
html.ie .tasklist .update .argument-complete .error,
html.ie .bulk_edit .argument-complete .hints,
html.ie .bulk_edit .argument-complete .warning,
html.ie .bulk_edit .argument-complete .error
{
    display: none;
}

html.ie .tasklist_panel .form_field .hints,
html.ie .tasklist_panel .form_field .warning,
html.ie .tasklist_panel .form_field .error
{
    display: none;
}

html.ie #feedback .form_field .hints,
html.ie #feedback .form_field .warning,
html.ie #feedback .form_field .error
{
    display: none !important;
}

html.ie #taskpage-basics .form_field .hints,
html.ie #taskpage-basics .form_field .warning,
html.ie #taskpage-basics .form_field .error
{
    border: 1px solid #eee;
}

html.ie form span.value {
    padding-bottom: 0.3em;
}

/* notices */


/* layout hacks */

html.ie #content,
html.ie #info
{ height: 1%; }

html.ie .search_options .search_complete_status { height: 1%; }

/* page nav */

html.ie #page_nav ul.menu li div { display: none; }
html.ie #page_nav { border-bottom-style: solid; }
html.ie #page_nav ul.menu { border: 1px solid white; }
html.ie #page_nav ul.menu li { top: 2px; padding-top: 0.2em; }


/* context menu */

html.ie .context_menu li.toplevel .title a:hover { color: #777; }

/* tour */

html.ie #tour-todolist a.icon {
    z-index: 50;
    height: 0;
    border: 1px solid white;
}

html.ie #tour-todolist a.icon:hover {
    border: 1px dashed white;
}

html.ie #tour-todolist a.icon .description { position: relative; }

/* dealing with the fact that IE doesn't do transparent pngs */

html.ie ul.about_pages li a { background-image: url(/static/images/silk/ie/bullet_go.png); }
html.ie .menu span.expand a { background-image: url(/static/images/silk/ie/bullet_arrow_down.gif); }
html.ie .context_menu .open span.expand a { background-image: url(/static/images/silk/ie/bullet_arrow_up.png); }
html.ie .context_menu span.expand a { background-image: url(/static/images/silk/ie/bullet_arrow_down.png); }
html.ie .action-menu-button .submenu-toggle { background-image: url(/static/images/silk/ie/bullet_arrow_down.png); }
html.ie .action-menu-button span.open .submenu-toggle { background-image: url(/static/images/silk/ie/bullet_arrow_up.png); }
html.ie .assign-menu-button .submenu-toggle { background-image: url(/static/images/silk/ie/bullet_arrow_down.png); }
html.ie .assign-menu-button span.open .submenu-toggle { background-image: url(/static/images/silk/ie/bullet_arrow_up.png); }
html.ie ul.feed-list li a.atom { background-image: url(/static/images/silk/ie/feed.png); }
html.ie ul.feed-list li a.plaintext { background-image: url(/static/images/silk/ie/page_white_text.png); }
html.ie ul.feed-list li a.print { background-image: url(/static/images/silk/ie/printer.png); }
html.ie ul.invitations li { background-image: url(/static/images/silk/ie/email_open.png); }
html.ie .group_role_organizer { background-image: url(/static/images/silk/ie/group_key.png); }
html.ie .group_role_guest { background-image: url(/static/images/silk/ie/user_gray.png); }
html.ie .group_role_member { background-image: url(/static/images/silk/ie/user.png); }
html.ie p.note { background-image: url(/static/images/silk/ie/note-f8f1d3-bg.png); }
html.ie p.warning { background-image: url(/static/images/silk/ie/exclamation-ffe5dc-bg.png); }
html.ie .zilch_message { background-image: url(/static/images/silk/ie/asterisk_yellow.png); }
html.ie #notices .notice_unaccepted_tasks { background-image: url(/static/images/silk/ie/package.png); }
html.ie #notices .notice_invitations { background-image: url(/static/images/silk/ie/email_go.png); }
html.ie #notices .notice_news { background-image: url(/static/images/silk/ie/newspaper.png); }
html.ie #dismiss_messages { background-image: url(/static/images/silk/ie/cancel_grey-a9b7ff-bg.png); }
html.ie #dismiss_errors   { background-image: url(/static/images/silk/ie/cancel_grey-ffa8a8-bg.png); }
html.ie .tasklist span.task_group a { background-image: url(/static/images/silk/ie/group.png); }
html.ie .tasklist span.tags { background-image: url(/static/images/silk/ie/tag_blue.png); }
html.ie .tasklist .due { background-image: url(/static/images/silk/ie/date.png); }
html.ie .tasklist span.repeat a { background-image: url(/static/images/silk-derived/ie/arrow_repeat_gray.png); }
html.ie .tasklist span.attachments a { background-image: url(/static/images/silk/ie/attach.png); }
html.ie .search_options .search_sort { background-image: url(/static/images/silk/ie/table_sort-f0f0f0-bg.png); }
html.ie .search_options .search_dates { background-image: url(/static/images/silk/ie/date-f0f0f0-bg.png); }
html.ie .search_options .search_tags { background-image: url(/static/images/silk/ie/tag_blue-f0f0f0-bg.png); }
html.ie .search_options .search_complete_status { background-image: url(/static/images/silk/ie/tick-f0f0f0-bg.png); }
html.ie .search_options .search_accepted_status { background-image: url(/static/images/silk/ie/thumb_up-f0f0f0-bg.png); }
html.ie .search_options .search_priority { background-image: url(/static/images/silk/ie/bullet_black-f0f0f0-bg.png); }
html.ie .search_options .search_times { background-image: url(/static/images/silk/ie/time-f0f0f0-bg.png); }
html.ie #jGrowl .result-message .message { background-image: url(/static/images/silk/ie/information.gif); }
html.ie #jGrowl .result-error .message { background-image: url(/static/images/silk/ie/error.gif); }
html.ie .task #taskpage-comments h2 { background-image: url(/static/images/silk/ie/comment_add-eee-bg.png); }
html.ie .task #taskpage-depends-on h2 { background-image: url(/static/images/silk/ie/arrow_join-eee-bg.png); }
html.ie .task #taskpage-depended-on h2 { background-image: url(/static/images/silk/ie/arrow_divide_rotated-eee-bg.png); }
html.ie #taskpage-basics label.argument-tags { background-image: url(/static/images/silk/ie/tag_blue-eee-bg.png); }
html.ie #taskpage-basics label.argument-group_id { background-image: url(/static/images/silk/ie/group-eee-bg.png); }
html.ie #taskpage-basics label.argument-due { background-image: url(/static/images/silk/ie/date-eee-bg.png); }
html.ie #taskpage-basics label.argument-priority { background-image: url(/static/images/silk/ie/bullet_black-eee-bg.png); }

/* IE can't handle this nicely w/ AJAX validation */

html.ie .message, html.ie .error {
    background: none;
    padding-left: 0;
}

/* dismiss links */

html.ie #dismiss_messages, html.ie #dismiss_errors { width: 16px; }

/* contextual help */

html.ie #tagcloud h3,
html.ie #braindump h3 {
    width: 94%;
}
html.ie #tasklist_braindump .hints { width: 98% }

/* footer */

html.ie #footer { padding-top: 0; }

/* form spacing */

html.ie #info #braindump form { border: 1px solid #f6f6f6; }
html.ie #invite_new_user form { border: 1px solid #f6f6f6; margin: 0; }

/* tasklist */

html.ie dl.tasklist { margin-top: 0; }

/* tools */
html.ie #service-list #taskbyemail h3 { background-image: url(/static/images/silk/ie/email.png); }
html.ie #service-list #mobile h3 { background-image: url(/static/images/silk/ie/phone.png); }
html.ie #application-list #cli h3 { background-image: url(/static/images/silk/ie/script_lightning.png); }
html.ie #application-list #widget h3 { background-image: url(/static/images/silk/ie/plugin.png); }
html.ie #application-list .latest, #service-list .latest { background-image: url(/static/images/silk/ie/new.png); }

/* IE z-index implementation has bug with relative elements; the symptom we see
 * is rounded corners cause menus to hide behind tasklist panels */
html.ie div.round { position: static !important; }


/** End of ie-fixes.css */