/* Styles file */

html,body,p,div,form,table {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #212100;
	margin: 0px;
}

body {
}

form {
	background: transparent;
}

div {
}

div {
	background: transparent;
}

table, th, td, p {
	background: transparent;
}

select {
	margin: 600px;
}

div.error {
	border: 1px solid #ccaaaa;
	color: #aa0000;
	background-color: #ffff66;
	
	padding-left: 2px;
}

div.error ul {
	margin: 2px;
}

.inert {
	color: #000000;
	background-color: #555555;
}

div#login_panel {
	height: 40px;
	position: relative;
	right: 0px;
}

div#login_form_container {
	float: right;
	height: 100%;
	padding-right: 20px;
}

div#login_header {
	width: 100%; 
	height: 40px
}

div#login_info {
	float: right;
	height: 40px;
	margin-right: 20px;
	padding: 5px;
}

div#main {
}

div.main {
}

div#header div.header {
	top: 0px;
	left: 0px;
	height: 40px;
	width: 100%;

	font-size: 18pt;
	font-weight: bold;
	color: #999999;
	padding-left: 20px;
	
	background-image: url(../images/shadow.png);
}

div.headerPadding {
	height: 40px;
}

div.left {
	float: left;
	width: 160px;
	margin: 0px;
}

div.center {
	margin-left: 170px;
}

div.right {
	position: relative;
	float: left;
}

div.content {
	border-left: 1px solid #dddddd;
	padding-left: 8px;
}

div.footer {
	position: relative;
	bottom: 0px;
	width: 100%;
	font-size: 8pt;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 6px;
	color: #888888;
	text-align: center;
	border-top: 1px solid #aaaaaa;
}

/* noteSection */
div.noteSection {
	padding: 12px;
	margin-top: 6px;
	margin-bottom: 6px;
	background-color: #ccccdd;
	width: 80%;
}

div.noteSection h1 {
	margin: 10px;
	font-size: 11pt;
}

div.noteSection h2 {
	font-size: 10pt;
	margin: 10px;
}

div.noteSection p {
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 10px;
}

div.noteSection div.section {
	width: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 8px;
}

div.section h2 {
	margin-top: 2px;
	font-size: 10pt;
}

table.divider {
	padding: 4px;
	border: 1px solid #aaaaaa;
	margin-right: 10px;
	width: 95%;
	height: 260px;
	margin-bottom: 10px;
}

table.divider td.list {
	width: 240px;
	padding: 4px;
}

table.divider td.detail {
	background-color: #dfdfdf;
	padding: 4px;
}

table.divider td div.list {
	margin-top: 12px;
	height: 240px; 
	width: 200px; 
	overflow: auto;
	border: 1px solid #adadad;
}

/* tables */
table.list {
	border: 1px solid #dddddd;
}

table.list * {
}

table.striped {
	background-color: #d3d5ea;
	border: 1px solid #aaaaaa;
}

table.striped * {
	cursor: pointer;
}

table.striped tr.dataRow {
	background-color: #eeeeee;
	border-bottom: 2px solid #aaeeff;
}

table.selectable tr.selected {
	font-weight: bold;
	background-color: #eeeebb;
}

table.selectable tr.selected * {
	background: transparent;
}

table.hoverable tr.over {
	background-color: #ffffcc;
	cursor: pointer;
}

table.striped tr.oddRow {
	background-color: #ffaadd;
}

tr.active * {
	background-color: #ccff99;
}

/*
table.striped tr.evenRow {
	background-color: #eeeeee;
	border-bottom: 1px solid #dddddd;
}
*/

tr.oddRow * {
	background-color: #ffaadd;
}

/*
tr.evenRow * {
	background-color: #ffffff;
}
*/

/* logged_hours table */
table#logged_hours {
	border: 1px solid #aaaaaa;
	border-collapse: collapse;
}

table#logged_hours tr.header * {
	background-color: #ffffff;
}

table#logged_hours th {
	border: 1px solid #bbbbbb;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table#logged_hours td {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table#logged_hours td.projectCell {
	width: 140px;
	font-style: italic;
	font-weight: bold;
}

table#logged_hours td.taskCell {
	width: 140px;
}

table#logged_hours td.dayCell {
	width: 60px;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}

table#logged_hours td.actionCell {
	width: 60px;
}

table#logged_hours td {
	padding: 0px;
}

table#logged_hours input, select {
	margin: 0px;
	width: 83px;
	border: 1px solid #dddddd;
}

table#logged_hours select {
	margin: 0px;
	width: 120px;
}

table.timeEditTable {
	border-collapse: collapse;
	margin: 4px;
	border: 1px solid #aaaaaa;
	background-color: #d3d5ea;
}

table.timeEditTable th {
	font-weight: normal;
	font-style: italic;
}

table.timeEditTable td {

}

/* forms */
form.detail {
	background-color: #eeeeee;
	margin: 12px;
	margin-right: 12px;
	padding: 4px;
	border: 1px solid #cccccc;
}

/* When a form just won't do */
div.detail {
	background-color: #eeeeee;
	margin: 0px;
	margin-right: 12px;
	padding: 4px;
	border: 1px solid #cccccc;
}

table.divider form.detail {
	margin: 0px;
}

fieldset {
	border: none;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #e0e0e0;
}

form div.buttons {
	margin-left: 120px;
}

form div.buttons input {
	position: relative;
	top: 0px;
}

form fieldset {
	border: 1px solid #bbbbbb;
}

form fieldset label {
	float: left;
  margin-right: 0.5em;
  text-align: right;
}

form fieldset label.required {
	font-weight: bold;
}

form#signup_form fieldset {
	border: none;
}

form#signup_form fieldset label {
	float: left;
	width: 40%;
	padding-top: 0.1em;
}

img.bordered {
	border: 1px solid #aaa;
	border-right: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
}

div.mainContent {
	position: absolute;
	top: 40px;
	width: 100%;
}

div.baseBar {
	margin-left: 20px;
}

div.reviewSection {
	margin-bottom: 6px;
}

ul.pickList {
	padding-left: 20px; 
	margin: 0px;
}

ul.pickList li {
	list-style-type: none;
}

ul.pickList li ul li {
	margin-left: 0px;
	padding-left: 0px;
}

ul.pickList * {
	cursor: pointer;
}

ul.naked {
	list-style-type: none;
	padding-left: 0px;
}

ul.reviews {
	list-style-type: none;
}

ul.reviews li {
	margin-bottom: 10px;
}

span.readerComment {
	font-style: italic;
}

span.readerName {
	font-style: italic;
	font-weight: bold;
}

span.readerDetail {

}

span.readerDetail ul {
	list-style-type: none;
}

span.readerDetail ul li {
	margin-bottom: 0px;
}

ul.bookMenu {

}

img.author {
	margin: 10px;
	margin-right: 20px;
}

img#book_link:hover {
	border: 1px solid #f00;
}

ul.bookMenu a, ul.bookMenu a:visited {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

ul.bookMenu a:hover {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

div.excerpt {
	padding: 8px;
	margin-bottom: 10px;
}

div.excerpt h1 {
	font-size: 10pt;
}

ol.toc {

}

ol.toc span.title {
	font-weight: bold;
}

ol.toc span.detail {
	margin-left: 10px;
	font-style: italic;
}

ol.toc ul {
	list-style-type: none;
	padding-left: 0px;
}

ol.toc ul li {
	margin-left: 0px;
	font-style: italic;
}

ul.toc {
	font-weight: bold;
	list-style-type: none;
}

th {
	vertical-align: top;
	text-align: left;
	padding-top: 5px;
}

td {
	vertical-align: top;
}

table.striped {
}

tr.even {
	border: 1px solid red;
}

tr.odd {
	background-color: #aabbdd;
}

img {
	border: none;
}

th, td {
	text-align: left;
	vertical-align: top;
}

a {
	color: #00a;
	text-decoration: none;
}

a:visited {
	color: #00a;
}

a:hover {
	text-decoration: underline;
}

a.normal {
	font-weight: normal;
}

a.normal:visited {
	font-weight: normal;
}

a.normal:hover {
	text-decoration: underline;
}

a.bold {
	font-weight: bold;
}

a.selected {
	font-weight: bold;
	text-decoration: underline;
}

a.hot:visited {}
a.hot:hover {
	color: #f00;
}

a.toggle {
	color: #212100;
	cursor: pointer;
}

div#main_menu {
	padding: 2px;
	color: #afafaf;
	background-image: url(../images/top-bar.png);
}

div#main_content {
	width: 100%;
}

div.fieldGroup {
	float: none;
	border: 1px solid #aaa;
}

div.prompt {
	float: left;
	width: 120px;
}

div.field {
	float: left;
	margin-left: 8px;
}

div.required {
	font-weight: bold;
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	margin-top: 4px;
	min-width: 160px;
	margin-right: 5px;
	text-align: right;
}

form input, form textarea {
	margin-top: 4px;
	border: 1px solid #aaaaaa;
}

input.defaultButton {
	font-weight: bold;
}

input {
	border: 1px solid #aaaaaa;
}

div.tableContainer {
	width: 100%;
}

/* all */
div#ajax_status_container {
	height: 20px; 
	position: absolute; 
	left: 350px; 
	top: 44px;
}

/* index.html: */
div#num_active_tasks {
	margin-top: 8px;
}

div#current_working_tasks_div {
	margin: 20px;
}

div#current_working_tasks_div h1 {
	font-size: 12pt;
}

div#current_working_tasks_table_container {
	height: 80px;
	border: 1px solid #adadad;
	overflow: auto;
}

div#current_working_tasks_table_container table {
	width: 100%;
}

div#past_working_tasks_div {
	margin: 20px;
}

div#past_working_tasks_div h1 {
	font-size: 12pt;
}

div#past_working_tasks_table_container {
	height: 80px;
	border: 1px solid #adadad;
	overflow: auto;
}

div#past_working_tasks_table_container table {
	width: 100%;
}

div#index_assigned_tasks_div {
	margin: 20px;
}

div#index_assigned_tasks_table_container {
	height: 200px; 
	overflow: auto;
	border: 1px solid #adadad;
}

div#index_assigned_tasks_table_container table#assigned_tasks_table {
	width: 100%;
}


/* manage-account.html: */
table#users_table {
	width: 160px;
}

table#projects_table {
	width: 160px;
}

div#projects_tasks_list_container {
	width: 100%; 
	height: 240px; 
	overflow: auto;
	border: 1px solid #adadad;
	background-color: #fff;
}

div#assigned_tasks_table_container {
	width: 200px; 
	height: 200px; 
	overflow: auto;
	border: 1px solid #adadad;
}

div#assigned_tasks_table_container table#assigned_tasks_table {
	width: 100%;
}

form#user_form {
	width: 432px;
}

div#project_tasks_table_container {
	height: 240px;
	overflow: auto;
	border: 1px solid #adadad;
}

div#project_tasks_table_container table#project_tasks_table {
	width: 100%;
}

div#user_task_assignment_popup {
	display: none; 
	padding: 4px; 
	background-color: #efefef; 
	border: 1px solid #ababab;
	width: 180px;
	height: 240px;
}

div#user_task_assignment_popup div#list {
	width: 160px;
	height: 200px;
	overflow: auto;
	border: 1px solid #adadad;
}

div#user_task_assignment_popup div#list table {
	width: 100%;
}

/* manage-project.html */
div#assign_users_panel {
	border: 1px solid #adadad;
	padding: 8px;
	height: 240px;
}

form#project_task_form {
}

div#assignable_users_container {
	width: 100%;
	height: 190px;
	overflow: auto;
	border: 1px solid #adadad;
	margin-top: 3px;
	margin-bottom: 6px;
}

div#assignable_users_container table.list {
	width: 100%;
}

/* manage-user.html */
div#assigned_tasks_table_container {
	width: 100%;
	height: 220px;
	overflow: auto;
}

/* time-entry.html */
select#workPeriods {
	width: 180px;
	border: 1px solid #aaaaaa;
}