@CHARSET "UTF8";

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #c4dbeb;
	color: #555566;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

h1 {
	margin-top: 0;
}

a {
	text-decoration: none;
	color: #3A89C0;
}

a,
a:focus,
a:active {
    outline: none;
    -moz-outline-style: none;
}

a img {
	vertical-align: top;
	padding-right: 0.25em;
}

h2, h3 {
	margin-top: 0.643em;
}

input.text,
input.password,
textarea {
	background-color: #ffffff;
	background-image: url(../images/input-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #999999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(../../../css/border-radius.htc);
    padding: 3px;
    font-size: 1.1em;
}

input.text:focus,
input.password:focus,
textarea:focus {
    background-color: #ffffb9;
    background-image: url(../images/input-focus-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border: 1px solid #FCE94F;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(../../../css/border-radius.htc);
}

input.error,
textarea.error {
    background-color: #f48686;
    background-image: url(../images/input-error-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border: 1px solid #8d0101;
}

textarea {
	height: 8em;
}

input.submit,
button {
    background-color: #4a8d01;
    background-image: url(../images/button-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border: 1px solid #4a8d01;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(../../../css/border-radius.htc);
    padding: 2px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    text-shadow: 1px 1px #333333;
}

input.reset,
button.secondary {
    background-color: #adb4ba;
    background-image: url(../images/button-secondary-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border: 1px solid #adb4ba;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(../../../css/border-radius.htc);
    padding: 2px;
    font-weight: bold;
    color: #333344;
    cursor: pointer;
    text-shadow: 1px 1px #e0e0e0;
}

input.date {
	width: 5em;
}

input.time {
    width: 4em;
}

form dt {
    border: 3px solid #ffffff;
    font-weight: bold;
}

form dd {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(../../../css/border-radius.htc);
    border: 3px solid #f8faf7;
    border-collapse: collapse;
    display: inline-block;
}

hr.clear {
	border-width: 0;
	height: 0;
	visibility: hidden;
	clear: both;
}

.loading-indicator {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffff;
    min-height: 4em;
	width: 100%;
	height: 100%;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px dotted #eeeeee;
	z-index: 999999;
	opacity: 0.85;
	filer: alpha(opacity=85);
}

.reloadable-container {
	position: relative;
}

#container {
	width: 1000px;
	margin: auto;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
}

#header {
	/*
	height: 125px;
    background-image: url(../images/hd-bg.gif);
    background-repeat: no-repeat;
    padding: 0 60px;
    */
    position: relative;
    
    height: 105px;
    border-bottom: 3px solid #F8FAF7;
    margin: 0 60px;
    margin-bottom: 1em;
}

#main {
	margin: 0 60px;
	padding: 10px 0;
}

#footer {
    background-image: url(../images/ft-bg.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 40px 30px 40px;
    position: relative;
}

#header .utilities {
	font-size: 0.9em;
	text-align: right;
	padding-top: 10px;
}

#header .utilities a {
	color: #888899;
}

#skip-to-main-content {
	float: left;
}

#header .branding {
	margin: 5px 0;
}
	
#header .branding a {
	font-size: 2.5em;
	color: #555566;
}

#header .branding a strong {
    color: #ff6600;
}

#header .branding cite {
	font-size: 1.2em;
	font-style: normal;
}

#header .navigation {
	position: absolute;
	/* right: 40px; */
    right: 0px;
	top: 40px;
}
	
#header .navigation ul {
	padding: 0;
	margin: 0;
	text-align right;
	font-size: 1.5em;
	text-shadow: 1px 1px #eeeeee;
	float: right;
}

#header .navigation ul li {
	display: inline;
	padding: 0 0 0 1.5em;
}

#header .navigation ul li a {
	color: #555566;
}

#header .navigation ul li.highlighted a {
    color: #ff6600;
    font-weight: bold;
}

#footer > div {
    background-color: #f8faf7;
    padding: 0 20px;
}

#footer .navigation {
	margin: 0;
	padding: 1em 1em 1em 0;
	float: left;
	width: 23%;
}

#footer .navigation li {
	list-style-type: none;
}

#footer .navigation li strong a {
	color: #333344;
	padding-bottom: 0.5em;
	display: inline-block;
}

#footer .social li strong {
    display: table-row;
}

#footer .social li strong a {
	display: table-cell;
	font-size: 1.2em;
	vertical-align: middle;
}

#footer .copyright {
	padding-top: 2em;
}

#footer a {
	color: #888899;
}

/* application layout */

.application #sidebar {
	float: left;
	width: 220px;
}

.application #content {
	float: right;
	width: 640px;
	position: relative;
}

/* sidebar */

#sidebar .widget {
	position: relative;
	background-color: #f8faf7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url(../../../css/border-radius.htc);
    padding: 10px;
    margin-bottom: 1em;
}

.hd .action {
	float: right;
	margin-top: 0.2em;
}

#sidebar .widget .bd {
	overflow: hidden;
	height: auto;
}

#sidebar h3 {
    border-bottom: 1px solid #d9d9d9;
    font-size: 1.42em;
    cursor: pointer;
    margin-top: 0;
}

/* content */

#content .page {
    /* background-color: #F8FAF7; */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url(../../../css/border-radius.htc);
    padding: 10px;
}

#content .page .hd h2 {
	margin-top: 0;
	border-bottom: 1px solid #d9d9d9;
    font-size: 1.42em;
    line-height: 1.5em;
}

/* sidebar widgets */

.contexts-widget,
.projects-widget {
	min-height: 5em;
}

ul.contexts,
.projects-widget ul.projects {
    padding: 0;
}

ul.contexts li,
ul.priorities li,
.projects-widget ul.projects li {
	list-style-type: none;
}

ul.contexts li a,
ul.priorities li a,
.projects-widget ul.projects li a {
	padding: 2px;
    padding-left: 30px;
    padding-right: 6px;
    background-repeat: no-repeat;
    background-position: 5px center;
    display: block;
    border: 1px solid #f8faf7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior: url(../../../css/border-radius.htc);
}

ul.priorities li a {
	padding-left: 6px;
}

ul.contexts li a,
#content .context-icon {
    background-image: url(../images/icons/context-default.png);
}

.projects-widget ul.projects li a {
    background-image: url(../images/icons/project-default.png);
}

ul.contexts li a.selected,
ul.priorities li a.selected,
.projects-widget ul.projects li a.selected {
    background-color: #888899;
    color: #ffffff;
    border: 1px solid #9999aa;
    text-shadow: 1px 1px #333344;
}

ul.contexts li a.selected:hover,
ul.priorities li a.selected:hover,
.projects-widget ul.projects li a.selected:hover {
    background-color: #777788;
    border: 1px solid #888899;
}

ul.contexts li a:hover,
ul.priorities li a:hover,
.projects-widget ul.projects li a:hover {
    border: 1px solid #EEEEEE;
    background-color: #F9FCFE;
}

ul.contexts li.context-home a,
#content .context-icon-home {
    background-image: url(../images/icons/context-home.png);
}

ul.contexts li.context-computer a,
#content .context-icon-computer {
    background-image: url(../images/icons/context-computer.png);
}

ul.contexts li.context-office a,
#content .context-icon-office {
    background-image: url(../images/icons/context-office.png);
}

ul.contexts li.context-errands a,
#content .context-icon-errands {
    background-image: url(../images/icons/context-errands.png);
}

ul.contexts li.context-waiting-for a,
#content .context-icon-waiting-for {
    background-image: url(../images/icons/context-waiting-for.png);
}

.projects-widget ul.projects li.project-inbox a {
    background-image: url(../images/icons/project-inbox.png);
}

#toggle-add-context-form,
#toggle-add-project-form,
#toggle-edit-project-form {
	cursor: pointer;
}
	
#add-context-form-container,
#add-project-form-container,
#edit-project-form-container {
	height: 0px;
	display: none;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
	border-collapse: collapse;
	padding: 0.5em 0;
	position: relative;
}

.contexts-widget form dl,
.projects-widget form dl {
	border: 3px solid #f0f0f0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(../../../css/border-radius.htc);
}
	
.contexts-widget form dt,
.contexts-widget form dd,
.projects-widget form dt,
.projects-widget form dd {
	display: table-cell;
	border-width: 0;
}

.contexts-widget form input.text,
.projects-widget form input.text {
	width: 100%;
}

/* project */

form.edit-project #name-label {
	float: left;
	display: block;
	line-height: 2em;
}

form.edit-project #name-element {
	float: right;
    display: block;
    width: 500px;
}

form.edit-project #name-element input {
	width: 492px;
}

form.edit-project #description-label {
	clear: both;
}

form.edit-project #description-element {
    width: 614px;
}

form.edit-project #description-element textarea {
	width: 606px;
}

form.edit-project #submit-element {
	float: right;
}

form.edit-project #cancel-element {
    float: left;
}

form.edit-project #submit-label,
form.edit-project #cancel-label {
	display: none;
}

/* task */

a.toggle-create-task-form-details {
	float: right;
}

.task-form {
	background-color: #F8FAF7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(../../../css/border-radius.htc);
    padding: 3px;
}
.task-form dt {
    border-color: #F8FAF7;
}

.task-form dd {
	border-color: #f0f0f0;
}

.task-form dt.basic-label {
	display: none;
}

.task-form dd.basic-element,
.task-form dd.summary-element,
.task-form dd.submit-element {
    display: block;
    border-width: 0;
}

.task-form dd.basic-element,
.task-form dd.category-element,
.task-form dd.schedule-element,
.task-form dd.scheduleRepeat-element,
.task-form dd.buttons-element {
	border-width: 0;
	width: 100%;
}

.task-form dt.summary-label,
.task-form dt.submit-label {
	display: none;
}

.task-form dd.summary-element {
	display: table-cell;
	width: 100%;
}

.task-form dd.submit-element {
	display: table-cell;
}

.task-form input.summary {
	width: 100%;
}

.task-form dd.category-element {
	margin-top: 0.5em;
}
	
.task-form dd.category-element,
.task-form dd.schedule-element,
.task-form dd.scheduleRepeat-element,
.task-form dd.description-element {
	margin-bottom: 1em;
}

.task-form dt.category-label,
.task-form dd.category-element,
.task-form dt.schedule-label,
.task-form dd.schedule-element,
.task-form dt.scheduleRepeat-label,
.task-form dd.scheduleRepeat-element,
.task-form dt.buttons-label,
.task-form dd.buttons-element {
	display: none;
}

.task-form fieldset.category dt,
.task-form fieldset.category dd,
.task-form fieldset.schedule dt,
.task-form fieldset.schedule dd,
.task-form fieldset.scheduleRepeat dt,
.task-form fieldset.scheduleRepeat dd,
.task-form fieldset.buttons dt.place-label {
	float: left;
	display: block;
	font-weight: normal;
	line-height: 2em;
}

.task-form fieldset.schedule dt.since_time-label,
.task-form fieldset.schedule dt.until_time-label {
    display: none;
}

.task-form fieldset.category dt.context_id-label,
.task-form fieldset.schedule dt.since_date-label,
.task-form fieldset.scheduleRepeat dt.repeats_every-label,
.task-form fieldset.buttons dt.place-label {
	width: 80px;
	font-weight: bold;
}

.task-form dd.is_all_day-element,
.task-form dd.is_recurring-element {
	border-color: #F8FAF7;
}
	
.task-form dd.repeat_ends-element {
	border-width: 0;
}

.task-form fieldset.scheduleRepeat dd.repeat_ends-element {
	line-height: 1em;
}
	
.task-form input.repeat_ends {
	vertical-align: middle;
	margin-right: 0.25em;
}

.task-form fieldset.buttons dt.description-label {
	display: block;
}

.task-form input.place {
	width: 514px;
}

.task-form textarea.description {
	width: 600px;
}

.task-form dt.submitDetails-label,
.task-form dt.cancel-label {
	display: none;
}

.task-form dd.submitDetails-element {
	float: right;
}

.task-form dd.cancel-element {
	float: left;
}

.tundra .task-form .dijitTextBox {
    background-color: #ffffff;
    background-image: url(../images/input-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border: 1px solid #999999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(../../../css/border-radius.htc);
    padding: 3px;
    font-size: 1.1em;
}

.tundra .task-form .dijitTextBox:focus {
    background-color: #ffffb9;
    background-image: url(../images/input-focus-bg.gif);
    border: 1px solid #FCE94F;
    behavior: url(../../../css/border-radius.htc);
}

.tundra .task-form .dijitDateTextBox {
    width: 7em;
}
.tundra .task-form .dijitTimeTextBox {
	width: 4.5em;
}

/* tasks - list */

ul.tasks {
	padding: 0;
}

ul.tasks > li {
	list-style-type: none;
    background-color: #f8faf7;
    border: 1px solid #eeeeff;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    behavior: url(../../../css/border-radius.htc);
    padding: 0.5em;
    margin: 0 0 0.5em 0;
}

ul.tasks h4 {
	margin-top: 0;
	float: left;
	cursor: pointer;
}

ul.tasks .meta {
	float: right;
}

ul.tasks .meta * {
	vertical-align: middle;
}

ul.tasks .meta .date {
	background-color: #888899;
	color: #ffffff;
    border: 1px solid #9999aa;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    behavior: url(../../../css/border-radius.htc);
    padding: 0.25em 0.5em;
    margin-right: 0.5em;
}

ul.tasks .meta .duration {
    margin-right: 0.5em;
}

ul.tasks .priority-drop-down,
ul.tasks .context-drop-down {
	display: inline-block;
    margin-right: 0.5em;
    position: relative;
    cursor: pointer;
}

ul.tasks .priority-drop-down {
	float: left;
}

ul.tasks .priority-drop-down .priorities,
ul.tasks .context-drop-down .contexts {
	list-style-type: none;
	padding: 0;
	display: none;
	position: absolute;
	top: 1.5em;
	right: 0;
	z-index: 2;
    background-color: #fff;
    border: 1px solid #eeeeff;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    behavior: url(../../../css/border-radius.htc);
    padding: 0.5em;
    width: 120px;
}

ul.tasks .priority-drop-down .priorities {
	left: 0;
}

ul.tasks .priority-drop-down .priorities li a,
ul.tasks .context-drop-down .contexts li a {
	border-color: #fff;
}

#content .context-icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
}

ul.tasks .status {
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    cursor: pointer;
}

ul.tasks .status-new {
    background-image: url(../images/icons/task-new.png);
}

ul.tasks .status-done {
    background-image: url(../images/icons/task-done.png);
}

ul.tasks .priority {
	width: 6px;
	height: 12px;
    display: inline-block;
    border: 2px solid #a68e00;
    background-color: #ffda00;
    float: left;
    margin-right: 0.5em;
}

ul.tasks .priority-5 {
	border-color: #a40004;
    background-color: #fd0066;
}

ul.tasks .priority-4 {
    border-color: #a64b00;
    background-color: #ff7400;
}

ul.tasks .priority-2 {
    border-color: #3a7301;
    background-color: #72c902;
}

ul.tasks .priority-1 {
    border-color: #1a5884;
    background-color: #4f97cb;
}

ul.tasks .details {
	padding-top: 0.5em;
	/* display: none; */
}
	
ul.tasks .details p {
	margin: 0 0 0.5em 0;
}

ul.tasks .details .time {
	float: right;
}

/* index page */
.twitter-widget {
	width: 250px;
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}