/* CSS Document */
.app_body {
	background-image:url(/theme/white/img/background-swirl-cont.jpg);
	background-position:top center;
}
#content {
	position:relative;
	margin: 0px 0 0 0;
	height:100%;
}
#content_left {
	position:absolute;
	width:192px;/*207px;*/
	top:0;
	left:0;
	padding: 0 0 0 0px;
	color:#333;
	/*height:100%;*/
}
.text_content {
	padding-left: 30px;
	padding-right: 30px;
}
/********Category Styles********/
.category_item_class_selected,
.category_item_class_hover,
.category_item_class {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	height:16px;
	font-size: 12px;
	padding: 5px 0 5px 25px;
	vertical-align: middle;	
	cursor: pointer;
	display:inline-block;
	width:100%;
	overflow:hidden;
	background-repeat:repeat-y;
}
#people_list,
#projects_list,
#inbox_list,
#focus_list,
#old_list {
	background-image:url(img/category_unselected.png);
	background-repeat:repeat-y;
	display:block;
	width:100%;
}
.file_category {
	background-image:none;
	height:20px;
}
.file_category_selected {
	border-style:solid;
	border-width:1px;
	height:18px;
}
.file_category_header {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	height:10px;
	font-size: 12px;
	vertical-align: middle;	
	display:block;
	font-weight:bold;
	padding: 5px 0 5px 15px;
}
.category_open
{
	background-image:url(/img/icons/arrow-down.jpg);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	height:9px;
	width:9px;
	display:inline;
}
.category_close
{
	background-image:url(/img/icons/arrow-right.jpg);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	height:9px;
	width:9px;
	display:inline;
}
.category_item_class_selected
{
	background-image:url(img/category_selected.png);
	height:27px;
	padding: 9px 0 0px 25px;
}
.category_item_class_hover
{
	font-weight:bold;
	text-decoration:underline;
	background-image:url(img/category_unselected_drop.png);
}
.category_header {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	height:16px;
	font-size: 12px;
	padding: 5px 0 5px 15px;
	vertical-align: middle;	
	cursor: pointer;
	display:inline-block;
	width:100%;
	background-image:url(img/category_unselected.png);
	background-repeat:repeat-y;
	overflow:hidden;
	font-weight:bold;
}
.top_category {

}
#content_left_top {
	height:40px;
	display:block;
	background-image:url(img/category_top.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px;
	margin:0;
}
#content_left_end {
	height:22px;
	display:block;
	background-image:url(img/category_end.png);
	background-repeat:no-repeat;
}
#content_left_bottom_buffer {
	display:block;
	background-repeat:repeat-y;
	background-position:right;
	background-image:url(img/category_bottom_buffer.png);
	height:1px;
}
#content_left_bottom_bottom {
	display:block;
	background-image:url(img/category_bottom_buffer.png);
	background-repeat:repeat-y;
	background-position:right;
	position:relative;
	height:53px;
}
#content_right {
	position:relative;
	margin: 0 0 0 192px;/*207*/
	/*background-color:#FFF;*/
	/*height:100%;*/
}
#content_tabs {
	position:relative;
	height: 40px;
}
#content_tabs_middle {
	position:relative;
	height:40px;;
	padding-left:0;
	margin-left:11px;
	/*margin-right:24px;*/
	margin-right:212px;
	/*overflow:hidden;*/
	overflow: hidden;	
    white-space: no-wrap; /*Don't let the images wrap to the next line*/
	background-image:url(img/tab_div_background.png);
	background-position:top;
	background-repeat:repeat-x;
}
#content_tabs_scroll_tabs {
	background-image:url(img/tab_div_background.png);
	background-position:top;
	background-repeat:repeat-x;
	margin-right:24px;
	position:absolute;
	height:60px;
	width:188px;
	top:0;
	right:0px;
	cursor:pointer;
}
#scroll_tab_left {
	position:relative;
	vertical-align:middle;
	padding-top:10px;
	line-height:60px;
}
#scroll_tab_right {
	position:relative;
	vertical-align:middle;
	padding-top:10px;
	line-height:60px;
}
#content_tabs_quick_add {
	position:absolute;
	height:48px;
	width:200px;
	top:11px;
	right:-18px;
}
#content_tabs_right {
	background-image:url(img/tab_div_right.png);
	background-repeat:no-repeat;
	background-position: right;
	position:absolute;
	height:40px;
	width:24px;
	top:0;
	right:0;
}
#content_tabs_left {
	background-image:url(img/tab_div_left.png);
	background-repeat:no-repeat;
	background-position: left bottom;
	position:absolute;
	height:40px;
	width:14px;
	top:0;
	left:0;
}
.top_tag {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	height:22px;
	font-size: 12px;
	/*margin: 14px 5px 0px 0px;
	padding: 4px 4px 0 4px;*/
	vertical-align: middle;	
	cursor: pointer;
	display:inline-block;
}
.top_todo_tag {
	/*background-image:url(tab_background.jpg);*/
	background-repeat:repeat-x;
	height:22px;
	margin-top:12px;
	color:#000;
}
.top_todo_tag:hover {
	color:#FFF;
}
.top_todo_tag #tag_left {
	width:10px;
	height:22px;
	display:inline-block;
	line-height:22px;
	vertical-align:middle;
}
.top_todo_tag #tag_right {
	width:10px;
	height:22px;
	display:inline-block;
	line-height:22px;
	vertical-align:middle;
}
.top_todo_tag #top_tag_value {
	height:22px;
	display:inline-block;
	line-height:22px;
	vertical-align:middle;
}
.top_tag_selected #tag_left {
	width:10px;
	height:22px;
	background-image:url(img/tag_left.png);
	display:inline-block;
	line-height:22px;
	vertical-align:middle;
}
.top_project_tag #top_tag_value {
	color:#00F;
}
.top_tag_selected #tag_right {
	width:10px;
	height:22px;
	background-image:url(img/tag_right.png);
	display:inline-block;
	line-height:22px;
	vertical-align:middle;
}
.top_tag_selected #top_tag_value {
	height:22px;
	background-image:url(img/tag_middle.png);
	display:inline-block;
	line-height:22px;
	vertical-align:middle;
	color:#FFF;
}
#no_tag {
	color:#666;
}
#content_body {
	position:relative;
	height:50px;
}
#content_body_middle {
	height:100%;
	overflow:auto;
	margin-right:12px;
	padding:0px 0px 0 0px;
	background-color:#FFF;
}
#content_body_right {
	background-image:url(img/content_right.png);
	background-repeat:repeat-y;
	background-position:right;
	position:absolute;
	height:50px;
	width:12px;
	top:0;
	right:0;
}
#content_bottom_toolbar {
	background-color:#accd72;
	position:relative;
	height:38px;
	margin-right:8px;
	margin-left:-3px;
}
#content_bottom_toolbar_left {
	position:absolute;
	width:14px;
	height:inherit;
	top:0;
	left:0;
}
#content_bottom_toolbar_right {
	position:absolute;
	width:27px;
	height:inherit;
	top:0;
	right:0;
}
#content_bottom_toolbar_middle {
	padding: 0 0 0 20px;
}
#content_bottom_toolbar_middle_left {
	float:left;
	padding: 0px 0 0 10px;
}
#content_bottom_toolbar_middle_right {
	float:right;
	padding: 10px 10px 0 0;
	height:inherit;
}
/********* form css ***********/
.focused_form_field,
.tag_form_field,
.form_add_new_tag_field,
.days_before_field,
.form_date_picker,
.form_tags_field,
.form_title_field,
.form_field {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
 	font-size: 12px;
 	background-color: #FFFFFF;
 	border: 1px solid #ddf2b8;
}
.form_title_field,
.form_tags_field,
.form_title_field {
	width:100%;
}
.focused_form_field{
 	border: 1px solid #06F;
}
.form_add_new_tag_field{
	color:#999;
}
.link_text,
.delete_tag,
.form_link_text {
	cursor: pointer;
}
.link_text:hover,
.delete_tag:hover,
.form_link_text:hover {
	text-decoration:underline;
}
.form_notes {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #FFC;
 	border: 1px solid #ddf2b8;
	width:100%;
}
.attached_file_class {
	text-align: left;
}
/******* end form css **********/
/******* edit tag form css **********/
.edit_tag_div {
	padding: 3px;
	text-align: center;	
}
/******* edit tag form css **********/
.edit_teammate {
	display:block;
	padding: 3px;
	text-align: left;
	border-bottom-style:solid;
	border-bottom-color:#999;
	border-bottom-width:thin;
}
.delete_teammate {
	float:right;
	cursor:pointer;
	text-decoration:underline;
}
.delete_teammate:hover {
	text-decoration:underline;
}
.index_icons {
	padding: 5px;	
}
td.index_table_cell {
	padding-bottom: 40px;
	padding-right: 20px;
	vertical-align:top;
}
#splash_div {
	width:1000px;
	display:inline-block;
	font-size:16px;
	color:#666;
}
.splash_section {
	margin-top:20px;
	margin-bottom:30px;
	padding:20px;
	width:1000px;
	display:inline-block;
	font-size:16px;
	color:#666;
	background-image:url(../../img/splash-trans-background.png);
}
.main_header_left{
	color:#000;
	font-size:30px;
	margin-top:5px;
	margin-bottom:20px;
	color:#006699;
	text-align:left;
}
.main_header_center{
	color:#000;
	font-size:30px;
	margin-top:5px;
	margin-bottom:20px;
	color:#006699;
	text-align:center;
}
.main_header2{
	color:#000;
	font-size:36px;
	margin-top:5px;
	margin-bottom:5px;
	color:#006699;
	text-align:right;
}
.splash_heading {
	font-size:24px;
	color:#669900;
	margin-bottom:0;
}
.no_padding_top {
	padding-top:0;
	margin-top:0;
}
#index_body2 {
	background-image:url(/theme/white/img/background-swirl-cont.jpg);
	background-position:top center;
}

#splash_div .main_header{
	color:#000;
	font-size:36px;
	margin-top:5px;
	margin-bottom:5px;
}
#splash_div #splash_left {
	width:425px;
	height:inherit;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	float:left;
}

#splash_div #splash_right h1,
#splash_div #splash_left h1{
	font-size:24px;
	font-style:italic;
}

#splash_div #splash_middle {
	width:244px;
	height:inherit;
	display:inline-block;
	text-align:center;
	vertical-align:bottom;
	padding-left:25px;
	padding-top:102px;
}
#splash_div #splash_right {
	width:300px;
	height:inherit;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	float:right;
}

#index_body {
	background-image:url(img/background-swirl-home.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#iphone_body {
	background-image:url(img/splash-bachground.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#signup_div {
	background-image:url(/img/login_bg.jpg);
	background-repeat:repeat-x;
	background: #fdf8df;
	width:500px;
	margin-left: auto ;
  	margin-right: auto ;
	padding:5px;
}
.center_it {
	text-align: center;
}
#splash_text {
	text-align:left;
	padding: 20px 20px 20px 20px;	
}
#splash_text p {
	font-size: 16px;
	line-height: 20px;	
}
#splash_text h1 {
	font-size: 35px;
	margin-top:0px; 
	color:#000;
}
#splash_text h2 {
	font-size: 24px;
	margin-bottom:0px; 
	color:#000;
}
#splash_love {
	margin-top:40px;
}
#bottom_disclaimer {
	font-size:8px;
}
.red_text {
	color: #F00;
}
/** bottom menus */
/* common styling */
.bottom_buttons {
	text-decoration:none; 
	cursor: pointer;
	width:750px; 
	height:100px; 
	position:relative; 
	font-size:11px; 
	z-index:100;
}
/* The bottom buttons */
.bottom_buttons ul li a, .bottom_buttons ul li a:visited {
	cursor: pointer;
	display:block; 
	text-decoration:none; 
	color:#000;
	width:120px; 
	height:36px; 
	text-align:left; 
	color:#000;
	border:1px solid #accd72; 
	background-color:#accd72;
	/*background:#CCC; */
	line-height:36px; 
	font-size:15px; 
	overflow:hidden;
	padding-left:5px;
}
.bottom_buttons ul {
	padding:0; 
	margin:0; 
	list-style: none;
}
.bottom_buttons ul li {
	float:left; 
	position:relative;
}
.bottom_buttons ul li ul {
	display: none;
}

/* specific to non IE browsers */
.bottom_buttons ul li:hover a {
	text-decoration:none; 
	cursor: pointer;
	color:#fff; 
	/*background:#060;*/
	background:#CCC;
	height:inherit;
	line-height:36px;
}
.bottom_buttons ul li:hover ul {
	display:block; 	
	position: absolute;
   	bottom: 38px;
	left:1px;
	width:190px; 
	cursor: pointer;
}
.bottom_buttons ul li:hover ul li a.hide {
	background:#6a3; 
	cursor: pointer;
	color:#fff;
}
.bottom_buttons ul li:hover ul li:hover a.hide {
	background-image: url(img/task_selected_background.jpg);
	color:#000;
}
.bottom_buttons ul li:hover ul li ul {
	display: none;
}
.bottom_buttons ul li:hover ul li a {
	text-decoration:none; 
	display:block; 
	background:#ededed; 
	color:#000;
	width:190px; 
	cursor: pointer;
	line-height:30px;
}
.bottom_buttons ul li:hover ul li a:hover {
	text-decoration:none; 
	background-image: url(img/task_selected_background.jpg);
	cursor: pointer;
	color:#000;
}
.bottom_buttons ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:105px; top:0;
}
.bottom_buttons ul li:hover ul li:hover ul.left {
	left:-105px;
}
.bottom_menu_icon {
	vertical-align:text-bottom;
}
.edit_project_table {
	padding: 5px;
	font-size:12px;
}
.edit_project_table_row {
	border-bottom: 1px solid gray ;
}
#find_form_div {
	background-image:url(img/find-background.png);
	background-color:#C8D8FD;
	padding:5px;
	border:thin #333;
	height: 24px;	
	margin-right:7px;
}
#blank_inbox_left {
	background-image:url(img/blank-folder-arrow-l.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:inherit;
	width:10%;
	vertical-align:bottom;
	display:inline-block;
	margin-left:10px;
}
#blank_inbox_middle {
	height:inherit;
	width:75%;
	vertical-align:middle;
	display:inline-block;
	text-align:center;
}
#blank_inbox_right {
	height:inherit;
	width:10%;
	vertical-align:top;
	display:inline-block;
	text-align:right;
	margin-right:20px;
	float:right;
}
#blank_today_middle {
	height:inherit;
	width:100%;
	vertical-align:middle;
	display:inline-block;
	text-align:center;
}
#blank_folder_box {
	width:500px;
	margin-top: 20px;
	margin-left: auto ;
  	margin-right: auto ;
}
#blank_folder_box h1{
	color:#FFF;
	margin:0;
}
#blank_folder_box p{
	color:#FFF;
}
#blank_folder_box_top {
	background-image:url(img/blank-folder-top.jpg);
	width:500px;
	height:18px;
}
#blank_folder_box_body {
	background-image:url(img/blank-folder-background.jpg);
	width:480px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
}
#blank_folder_box_bottom {
	background-image:url(img/blank-folder-bottom.jpg);
	width:500px;
	height:18px;
}