/* Colors */
/*
	dark grey: #363838
	light grey: #6c6f70;
	dark green: #3f592b
	light green: #cdd9c0
	light red: #dd0100
	dark red: #750000
	med green: #778469
*/

/* Page */
.thousand { width: 1000px; padding: 20px 0;}
a { color: #750000;}
a:hover { background-color: #750000; color: #fff;}
.center { text-align:center;}
.red { color: #dd0100; line-height: 1.5em;}
.white {color :#fff;}
strong { font-weight: bold;}
.tRight { text-align:right;}

.wd200 {width: 200px;}
.wd400 {width: 420px;}
/* Header */
.head { height: 99px; padding: 0 10px 0 10px;}
.head.noNavigation {height: auto;}
.logo { padding-bottom: 2.55em;}
.userOptions { text-align: right;}
.navigationListElement { float: left; width: 140px; height: 40px; margin: 0 10px 0 10px;}
.navigationListElement.active a {background-color: #cdd9c0; color: #363838;} 
.navigationItem { width: 100%; height: 30px; display: block; background-color: #778469; color: #cdd9c0; text-decoration: none; text-align: center; font-size: 1.4em; letter-spacing: 1px; line-height: 16px; padding-top: 10px;}
.navigationItem.twoLines { height: 36px; padding-top: 4px;}

.topRight { font-size: 50%; letter-spacing: 0; float: right;}
.topRight a { color: #fff;}

/* Body */
.body { background-color: #cdd9c0;}
.main { padding: 10px;}

h1 { font-size: 20px; color: #363838; font-weight: bold; letter-spacing: 2px; line-height: 20px; margin: 0 0 10px 10px;}
h1.timerTheme { font-size: 3em; margin: 2em 2em 1em 2em; text-align: center; letter-spacing: 5px; line-height: 1.5em;}
h2 { font-size: 20px; color: #fff; letter-spacing: 2px; line-height: 20px; margin: 0 0 10px 10px;}
h3 { font-size: 16px; color: #fff; letter-spacing: 1px; line-height: 20px; margin: 0 0 10px 0;}

ul.withLS li{ list-style-type: circle; margin: 0.6em;}

.list, .box { background-color: #3f592b; padding: 10px; margin-bottom: 20px; text-align: left;}
.aiLeft { margin-right: 15px;}
.aiRight { margin-left: 15px;}
.list.dropHover { background-color: #dd0100;}

.timerFlash { margin: 0 40px 0 40px; text-align: center;}

.flash { text-align:center; background-color: #6c6f70; padding: 0.3em; margin: 0.3em;}
#flash_success {background-color: #3f592b; color: #fff;}
#flash_error {background-color: #dd0100;}

/* Timer Javascript */
#timer_time {font-size: 800%; margin: 0}
#timer_button a:hover {background-color: transparent;}

.floatLinkRight { float: right; margin-right: 10px; color: #fff;}

/* Footer */
.foot { text-align: center; padding-top: 0.5em;}
/* ELEMENTS */

.errorExplanation {
	line-height: 1em;
}

.errorExplanation h2 {
	display: none;
}
.errorExplanation ul li {
	font-size: 80%;
	color: red;
	line-height: 1em;
}

/*header info bar*/
#headerinfo img {margin-top: 4px; margin-bottom: -4px;}
/*status bar */
.status_container {color: #6C6F70; position: absolute; margin: 5px 0 0 5px;}
.status_bar {height: 16px; background-color: #6C6F70; display: block; float: left; margin-right: 5px;}
.status_filled {height: 16px; background-color: #CDD9C0; display: block; float:left;}

.todoItem {float: left;}
.todoItem.base { width: auto; padding: 7px 7px 0 7px; min-height: 50px; background-image: url("../images/layout/todo_bg_sprite.png"); background-repeat: repeat-x; float: none; }
.todoItem.base div.todoItem.base { margin: -7px -7px 0 -7px;}
.todoItem.base.short { margin: 10px;}
.todoItem.startButton { margin-right: 20px;}
.todoItem.text { width: 430px; color: #363838; font-size: 1.2em; letter-spacing: 0.1em; line-height: 1.8em;}
.todoItem.textShort { width: auto;}
.smallText { color: #6c6f70; font-size: 0.65em; letter-spacing: 0.05em; line-height: 1em}
.todoItem.units { width: 420px;}
.todoItem.doneButton {}
.todoItem.optionsForm {margin: 5px 0 0 10px;}
.todoItem .estDescription { margin-left: 490px;}
.todoItem.submitButton {margin: 5px 0 0 1em;}
.todoItem a:hover { background-color: none;}
.todoItem.estimateGuess { margin: 3px 20px 0 0;}
.todoItem.estimateRight { float: right; margin: 5px 0 0 0 ; font-size: 200%; color: #6c6f70;}
.todoItem .estimate { width: 16px; text-align: center;}
.todoItem .reEstimate { display: block; float: left; margin: 7px 0 0 5px;}

.todoItem.base {background-position: 0px 0px;}
.todoItem.base select.colorList option{background-image: url("../images/layout/todo_bg_sprite.png"); background-repeat: repeat-x; }
.todoItem.base.bg_light.blue, .bg_light.blue {background-position: 0px -60px;}
.todoItem.base.bg_green, .bg_green {background-position: 0px -120px;}
.todoItem.base.bg_yellow, .bg_yellow {background-position: 0px -180px;}
.todoItem.base.bg_red, .bg_red {background-position: 0px -240px;}
.todoItem.base.bg_dark.blue, .bg_dark.blue {background-position: 0px -300px;}

.todoItem.base.twoLines {height: 75px; background-image: none; background-color: #fff; margin: 10px;}
.todoItem.base.twoLines .textShort {float:right;}
.todoItem.base.twoLines .submitButton {margin: 0; float: left; width: 50%;}
.todoItem .striked {text-decoration: line-through;}

.todoListHeader { padding: 2px; color: #CDD9C0;}

.xUnit { width: 36px; height: 36px; float: left;}
.inlineUnit .xUnit { display: inline-block; float: none;}
.xUnit.rev0Est { background-image: url("../images/layout/button_x_unfilled.png");}
.xUnit.rev0Unit { background-image: url("../images/layout/button_x_filled.png");}
.xUnit.rev2Est { background-image: url("../images/layout/button_x_rev1_unfilled.png");}
.xUnit.rev2Unit { background-image: url("../images/layout/button_x_rev1_filled.png");}
.xUnit.rev4Est { background-image: url("../images/layout/button_x_rev2_unfilled.png");}
.xUnit.rev4Unit { background-image: url("../images/layout/button_x_rev2_filled.png");}
.xUnit.rev6Unit { background-image: url("../images/layout/button_x_filled.png");} /* generic units */

.recordsTable {width: 100%;}
.recordsTable th { height: 40px; background-color: #fff;}
.recordsTable th img{ margin-top: 0.5em;}
.recordsTable td, .recordsTable th { text-align: center; line-height: 2em;}
.recordsTable .longHeader,.recordsTable .longColumn { width: 25%; text-align: left; padding-left: 1em;}
.recordsTable tr.smallHeight th { line-height: 1em;}
.recordsTable tr.even { background-color: #6c6f70;}
.recordsTable td { border-left: 1px solid #9F9F9F; border-bottom: 1px solid #9f9f9f;}
.recordsTable tr.odd { background-color: #cdd9c0;}
.recordsTable td.noBorder { border: none; border-bottom: 1px solid #9f9f9f;}
.recordsTable tr.summary { background-color: #efefef; font-weight: bold;}

.recordsImgLabel { color: #ccc; display: block; margin-bottom: 0.3em;}

.post {}
.post p { line-height: 1.5em;}
.post .title { margin-bottom: 0.5em;}
.post .date { color: #fff; font-size: 0.8em; text-align:center; margin-right: 1em;}
.post .date .year {font-size: 1.4em;}
.post .titleText { color: #fff; font-size: 1.6em;}
.post .options { margin: 0.5em 0 0; padding-bottom: 0.25em;}
.post h4 { color: #cdd9c0; line-height: 1.5em;}
.post a { color: #fff;}
.rss_link { text-align: right;}

.post ol li { list-style-type: decimal; line-height: 1.5em;}
.post ol { padding: 0 0 0 2em; }

.clear {clear: both;}

.slider { background-color: #efefef; height: 20px; width: 280px; float: right; margin-top: 1px;}
.handle {background-color: #dd0100; height: 18px; width: 20px; margin: 1px;}