/* sitewide colour scheme */
#topvav_container
{
	background-color:#333; /*038FC2*/
}

:focus {
  -moz-outline-style: none;
  outline: none;
}

a.back_btn,
a.back_btn:hover,
a.back_btn:visited
{
	color:#333;
}

.left_arrow
{
	border-color: #fff #333 !important	
}

.task_list_container .posts .posted_by {
	background-color:#333;
}

/* END: sitewide colour scheme */

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:101%;
	color:#404040;
	background:#fff;
	margin:0;
	min-width:800px;
}

a, a:visited {
	color:#0099CC;
	text-decoration:none
}

a:hover {
	color:#0099CC;
	text-decoration:none
}

a img {
	border:0;
}
input, textarea {
	font-size:0.9em;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal
}

textarea {
	height:100px
}

select {
	font-size:0.9em;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

form {
	margin:0;
	padding:0
}

#topvav_container #subnav span, 
#topvav_container #subnav a:hover.logout,
#topvav_container #subnav a.logout, 
#topvav_container #subnav a:visited.logout
{
	color:#fff;	
}

.clear_both {
	clear:both
}

#header {
	
}

#topvav_container {
	height:80px;
	padding:0 0 0 40px
}

#bottomnav {
	min-height:61px;
	background:url(../images/topnav_bottom_bg.jpg) repeat-x left bottom;
	position:relative;
    margin:0 auto;
}

#bottomnav .padding {
	padding:13px 40px;
}

#bottomnav .bn_left {
	float:left;
	width:100%;
	margin-right:-220px;	
}

#bottomnav .bn_left_inner {
	margin-right:220px;
}


#bottomnav .bn_right {
	position:absolute;
	top:10px;
	right:35px;
}

#bottomnav .colon_divider {
	color:#999999;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:bold;
}

#topvav_container h1 {
	height:44px;
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	line-height:2.2em;
	position:relative
}

#topvav_container #subnav {
	font-size:0.7em;
	font-weight:normal;
	line-height:2.8em;
	position:absolute;
	right:40px;
	top:0;	
}

#topvav_container #subnav span {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	font-weight:bold
}

#topvav_container #subnav a.logout, #topvav_container #subnav a:visited.logout {
	text-decoration:none;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	font-weight:bold		
}

#topvav_container #subnav a:hover.logout {
	text-decoration:underline;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	font-weight:bold	
}

#topvav_container #subnav a, #topvav_container #subnav a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold
}

#topvav_container #subnav a:hover {
	text-decoration:underline
}

#topvav_container .nav {
	height:36px
}

#topvav_container ul {
	margin:0;
	padding:0
}

#topvav_container ul li {
	display:inline;
	float:left
}

#topvav_container ul li a {
	background:transparent url(../images/topnav.png) no-repeat scroll 0 0;
	color:white;
	display:block;
	height:36px;
	margin:0;
	text-decoration:none;
	text-indent:-1000em;
}

#topvav_container ul li#dashboard_nav a {
	background-position:0 0;
	width:103px
}

#topvav_container ul li#projects_nav a {
	background-position:-103px 0;
	width:85px
}

#topvav_container ul li#stories_nav a {
	background-position:-188px 0;
	width:79px
}

#topvav_container ul li#tasks_nav a {
	background-position:-267px 0;
	width:70px
}

#topvav_container ul li#agile_wall_nav a {
	background-position:-337px 0;
	width:95px
}

#topvav_container ul li#reports_nav a {
	background-position:-432px 0;
	width:85px
}

#topvav_container ul li#users_nav a {
	background-position:-517px 0;
	width:80px;
}

#topvav_container ul li#license_nav a {
	background-position:-719px 0;
	width:80px;
}

#topvav_container ul li#sadmin_users_nav a {
	background-position:-877px 0;
	width:74px;
}

#topvav_container ul li#plans_nav a {
	background-position:-804px 0;
	width:72px;
}

#topvav_container ul li#subscriptions_nav a {
	background-position:-951px 0;
	width:119px;
}

#topvav_container ul li#systemconfig_nav a {
	background-position:-1071px 0;
	width:125px;
}

#topvav_container ul li#subscription_nav a {
	background-position:-599px 0;
	width:109px;
}

#topvav_container ul li#dashboard_nav a:hover {
	background-position:0 -72px;
}

#topvav_container ul li#projects_nav a:hover {
	background-position:-103px -72px;
}

#topvav_container ul li#stories_nav a:hover {
	background-position:-188px -72px;
}

#topvav_container ul li#tasks_nav a:hover {
	background-position:-267px -72px;
}

#topvav_container ul li#agile_wall_nav a:hover {
	background-position:-337px -72px;
}

#topvav_container ul li#reports_nav a:hover {
	background-position:-432px -72px;
}

#topvav_container ul li#dashboard_nav.selected a {
	background-position:0 -36px;
}

#topvav_container ul li#projects_nav.selected a {
	background-position:-103px -36px;
}

#topvav_container ul li#stories_nav.selected a {
	background-position:-188px -36px;
}

#topvav_container ul li#tasks_nav.selected a {
	background-position:-267px -36px;
}

#topvav_container ul li#agile_wall_nav.selected a {
	background-position:-337px -36px;
}

#topvav_container ul li#reports_nav.selected a {
	background-position:-432px -36px;
}

#topvav_container ul li#users_nav.selected a {
	background-position:-517px -36px;
}

#topvav_container ul li#license_nav.selected a {
	background-position:-719px -36px;
}

#topvav_container ul li#plans_nav.selected a {
	background-position:-804px -36px;
}

#topvav_container ul li#sadmin_users_nav.selected a {
	background-position:-877px -36px;
}

#topvav_container ul li#subscriptions_nav.selected a {
	background-position:-951px -36px;
}

#topvav_container ul li#systemconfig_nav.selected a {
	background-position:-1071px -36px;
}

#topvav_container ul li#subscription_nav.selected a {
	background-position:-599px -36px;
}

#content_container .xxx {
	width: 100%;
	float: left;
	margin-right: -500px;
}

#content_container .padding {
	padding:40px;
}

#content_container .col.single {
	width: 100%;
}

#content_container .col.left_sml {
	float: left;
	width: 300px;
	height: 100%;
}

#content_container .col.right_lge {
	min-height: 100%;
	background-color: #fff;
	padding: 0 0 0 10px;
	margin: 0px 0px 0px 300px;
}

#content_container .col.left_lge {
	margin-right: 540px;
	min-width:600px;
}

#content_container .col.left_lge_subscription {
	margin-right: 340px;
	min-width:670px;
}

#content_container .col.right_sml {
	float: right;
	width: 500px;
}

#content_container .col.right_sml_subscription {
	float: right;
	width: 300px;
}

#content_container .col.right_lge .padding {
	margin-left:30px;
	padding:0;
}

#content_container h2,
#header h2
{
	font-size:1em;
	font-weight:bold;
	color:#000;
	padding-bottom:5px;
	border-bottom:1px solid #000;
	margin: 0px;
}

#content_container h2 span
{
	font-weight:normal;
}


.form_container .form_contents {
	background-color:#efefef;
	padding:20px 0 40px;
}

.extrapadding {
	padding: 30px;
}

.form_contents .row, .overview_container .row {
	padding-bottom:5px;
	padding-top:5px;
}

.form_contents .row .label {
	float:left;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
	width:165px;
	color:#333;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
}

.form_contents .row .input label {
	font-size:0.8em;
	font-weight:bold;
	color:#333;
	line-height:.41em;
	font-family:Arial, Helvetica, sans-serif;
}

.overview_container .row .label,
.card_container .row .label
{
	float:left;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
	width:100px;
	color:#333;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
}

.form_contents .row .input, .form_contents .row .actions {
	margin-left:175px;
	margin-right:5px;
	text-align:left;
}

.form_contents .row .input .note {
	font-size: 85%;
}

.form_contents .sliderContainer {
	padding: 5px 4px;
	width: 280px; 
	font-size: 70%; 
	height: 25px;
}
	
.overview_container .row .output {
	margin-left:110px;
	margin-right:5px;
	text-align:left;
	color:#000000;
	font-size:0.8em;
	line-height:1em;
}

.overview_container p {
	font-size:0.8em;
	margin-bottom:20px
}

.form_contents .row .input input.wide, .form_contents .row .input textarea.wide {
	width:70%;
	max-width: 600px;
}

select.wide {
	width:280px;
}

select.widest {
	width:71%;
}

.btn
{
  display: inline-block;
  padding-right:5px;
}

.btn.create_project
{
  width: 169px;
  height: 40px;
  background: url("../images/create_project_btn.png") no-repeat 0 0;
}

.btn.create_project:hover
{ 
  background-position: 0 -40px;
}

.btn.create_story
{
  width: 160px;
  height: 40px;
  background: url("../images/create_story_btn.png") no-repeat 0 0;
}

.btn.create_story:hover
{ 
  background-position: 0 -40px;
}

.btn.create_task
{
  width: 155px;
  height: 40px;
  background: url("../images/create_task_btn.png") no-repeat 0 0;
}

.btn.update_billing_details
{
  width: 210px;
  height: 40px;
  background: url("../images/update_billing_details_btn.png") no-repeat 0 0;
}


.btn.create_task:hover
{ 
  background-position: 0 -40px;
}

.btn.create_client_company_btn
{
  width: 234px;
  height: 40px;
  background: url("../images/create_client_company_btn.png") no-repeat 0 0;
}

.btn.create_client_company_btn:hover
{ 
  background-position: 0 -40px;
}

.btn.watch_task
{
  width: 124px;
  height: 40px;
  background: url("../images/watch_btn.png") no-repeat 0 0;
}

.btn.watch_task:hover
{ 
  background-position: 0 -40px;
}

.btn.unwatch_task
{
  width: 124px;
  height: 40px;
  background: url("../images/unwatch_btn.png") no-repeat 0 0;
}

.btn.unwatch_task:hover
{ 
  background-position: 0 -40px;
}

.btn.add_todo
{
  width: 137px;
  height: 40px;
  background: url("../images/add_todo_btn.png") no-repeat 0 0;
}

.btn.add_todo:hover
{ 
  background-position: 0 -40px;
}

.btn.create_plan
{
  width: 155px;
  height: 40px;
  background: url("../images/create_plan_btn.png") no-repeat 0 0;
}

.btn.create_plan:hover
{ 
  background-position: 0 -40px;
}

.btn.generate
{
  width: 115px;
  height: 40px;
  background: url("../images/generate_btn.png") no-repeat 0 0;
}

.btn.generate:hover
{ 
  background-position: 0 -40px;
}

.btn.add
{
  width: 115px;
  height: 40px;
  background: url("../images/add_btn.png") no-repeat 0 0;
}

.btn.add:hover
{ 
  background-position: 0 -40px;
}

.btn.login
{
  width: 116px;
  height: 40px;
  background: url("../images/login_btn.png") no-repeat 0 0;
}

.btn.login:hover
{ 
  background-position: 0 -40px;
}

.btn.register
{
  width: 116px;
  height: 40px;
  background: url("../images/register_btn.png") no-repeat 0 0;
}

.btn.register:hover
{ 
  background-position: 0 -40px;
}

.btn.signup
{
  width: 116px;
  height: 40px;
  background: url("../images/signup_btn.png") no-repeat 0 0;
}

.btn.signup:hover
{ 
  background-position: 0 -40px;
}

.btn.exportPdf
{
  width: 41px;
  height: 40px;
  background: url("../images/export_pdf_btn.png") no-repeat 0 0;
}

.btn.exportPdf:hover
{ 
  background-position: 0 -40px;
}

.btn.watch
{
  width: 160px;
  height: 40px;
  background: url("../images/watch_task_btn.png") no-repeat 0 0;
}

.btn.watch:hover
{ 
  background-position: 0 -40px;
}

.btn.exportCsv
{
  width: 41px;
  height: 40px;
  background: url("../images/export_csv_btn.png") no-repeat 0 0;
}

.btn.exportCsv:hover
{ 
  background-position: 0 -40px;
}

.btn.save
{
  width: 116px;
  height: 40px;
  background: url("../images/save_btn.png") no-repeat 0 0;
}

.btn.save:hover
{ 
  background-position: 0 -40px;
}

.btn.reset
{
  width: 116px;
  height: 40px;
  background: url("../images/reset_btn.png") no-repeat 0 0;
}

.btn.reset:hover
{ 
  background-position: 0 -40px;
}

.btn.update
{
  width: 116px;
  height: 40px;
  background: url("../images/update_btn.png") no-repeat 0 0;
}

.btn.update:hover
{ 
  background-position: 0 -40px;
}

.btn.confirm
{
  width: 127px;
  height: 40px;
  background: url("../images/confirm_btn.png") no-repeat 0 0;
}

.btn.confirm:hover
{ 
  background-position: 0 -40px;
}

.btn.delete
{
  width: 116px;
  height: 40px;
  background: url("../images/delete_btn.png") no-repeat 0 0;
}

.btn.delete:hover
{ 
  background-position: 0 -40px;
}

.btn.delete_project
{
  width: 170px;
  height: 40px;
  background: url("../images/delete_project_btn.png") no-repeat 0 0;
}

.btn.delete_project:hover
{ 
  background-position: 0 -40px;
}

.btn.create
{
  width: 116px;
  height: 40px;
  background: url("../images/create_btn.png") no-repeat 0 0;
}

.btn.create:hover
{ 
  background-position: 0 -40px;
}

.btn.edit
{
  width: 116px;
  height: 40px;
  background: url("../images/edit_btn.png") no-repeat 0 0;
}

.btn.edit:hover
{ 
  background-position: 0 -40px;
}

.btn.cancel
{
  width: 115px;
  height: 40px;
  background: url("../images/cancel_btn.png") no-repeat 0 0;
}

.btn.edit_sml
{
  width: 79px;
  height: 29px;
  background: url("../images/edit_sml_btn.png") no-repeat 0 0;
}

.btn.edit_sml:hover
{ 
  background-position: 0 -29px;
}

.btn.add_person_sml
{
  width: 127px;
  height: 29px;
  background: url("../images/add_person_sml_btn.png") no-repeat 0 0;
}

.btn.add_person_sml:hover
{ 
  background-position: 0 -29px;
}

.btn.add_iteration_sml
{
  width: 135px;
  height: 29px;
  background: url("../images/add_iteration_sml_btn.png") no-repeat 0 0;
}

.btn.add_iteration_sml:hover
{ 
  background-position: 0 -29px;
}

.btn.add_next_iteration_sml
{
  width: 169px;
  height: 29px;
  background: url("../images/add_next_iteration_sml_btn.png") no-repeat 0 0;
}

.btn.add_next_iteration_sml:hover
{ 
  background-position: 0 -29px;
}

.btn.add_task_sml
{
  width: 135px;
  height: 29px;
  background: url("../images/add_task_sml_btn.png") no-repeat 0 0;
}

.btn.add_task_sml:hover
{ 
  background-position: 0 -29px;
}

.btn.find_sml
{
  width: 79px;
  height: 29px;
  background: url("../images/find_sml_btn.png") no-repeat 0 0;
}

.btn.find_sml:hover
{ 
  background-position: 0 -29px;
}

.btn.delete_sml
{
  width: 89px;
  height: 29px;
  background: url("../images/delete_sml_btn.png") no-repeat 0 0;
}

.btn.delete_sml:hover
{ 
  background-position: 0 -29px;
}

.btn span
{
  display: none;
}

a.back_btn {
	border:1px solid #E3E3E3;
	background-color:#FFF;
	font-size:0.7em;
	font-weight:bold;
	padding:8px 15px 8px 10px;
	text-decoration:none;
	display:inline-block
}

.left_arrow {
	border: 4px solid white;
	border-width: 4px 4px 4px 0;
	border-color: #fff #000;
	font-size: 0; /* needed for IE browsers, if this isn't set to 0 you will end up with a trapezoid */
	line-height: 0;
	display: inline-block;
	margin-right:8px
}

.button_container {
	padding:10px 0;
}

.button_container.left {
	padding:10px 0;
	text-align:left
}

.button_container.left_form {
	padding:10px 0;
	text-align:left;
	margin-left:175px
}

.button_container.right {
	padding:10px 0;
	text-align:right
}

#accordion h3 {
	background: url("../images/calendar_day_icon.gif") no-repeat 15px 6px;
	line-height:50px;
	font-size:0.9em;
	color:#000;
	border-bottom:1px solid #ccc;
	position:relative
}

#accordion h3 div {
	display:inline-block;
	height:50px;
	width:63px;
	text-align:center;
	font-size:0.8em;
}

#accordion h3.later {
	background: url("../images/calendar_month_icon.gif") no-repeat 15px 6px;
}

#accordion h3 a.toggleLink {
	right:0;
	position:absolute;
	right:15px;
	top:15px;
}

.dashboard_container,
.stories_container,
.task_list_container,
.subscription_container
{
	margin:20px 0 0;
}

.users_container
{
	padding:20px 0 50px;
	color:#000;
	border-top:1px solid #000;
}

.strikethru {
	text-decoration: line-through
}

.burndown_chart {
	border:1px solid #ccc;
	width:100%;
	padding:40px 0;
	margin:20px 0 0;
	text-align:center
}

.iterations_container, 
.overview_container, 
.team_container,
.story_progress_container,
.attachment_container
{
	margin:10px 0 0;	
}
 
.overview_container
{
	background-color:#fff; /* F0F0F0 */
	padding:20px
}

.team_container {
	padding:10px 10px 10px
}

.team_container ul {
	margin:15px 0 0;
}

.team_container ul li {
	display:block
}

.team_container p {
	color:#999;
	line-height:1em;
	font-size:0.7em
}

.team_member {
	background:transparent none repeat scroll 0 0;
	margin:0 0 1em;
	padding:0;
}

.team_container .team_member img {
border:1px solid #9999AA;
padding:1px;
}

.team_member img.avatar {
border:2px solid #FFFFFF;
float:left;
margin-right:5px;
padding:0;
}

.team_member img.avatar {
border:1px solid #DDDDDD;
padding:1px;
}

.team_member h4 {
font-size:11px;
margin:0;
}

.team_container .team_member p {
color:#9999AA;
}

.attachment_container .file {
	padding:2px 0 2px 30px;	
}

.post_attachments {
	padding:20px 0;
	border-top:1px solid #ccc;
	margin:0 15px;
}

.post_attachments a {
	font-size:0.8em;
	line-height:1.7em;
}

.post_attachments .file
{
	padding:2px 0 2px 30px;	
}

.post_attachments .file span
{
	margin-left:10px;	
}

/* File types */
.attachment_container .file.pdf {
	background: transparent url("../images/pdf_icon.png") no-repeat 5px 50%;
}
.attachment_container .file.image {
	background: transparent url("../images/image_icon.png") no-repeat 5px 50%;
}
.attachment_container .file.word {
	background: transparent url("../images/word_icon.png") no-repeat 5px 50%;
}
.attachment_container .file.excel {
	background: transparent url("../images/excel_icon.png") no-repeat 5px 50%;
}
.attachment_container .file.powerpoint {
	background: transparent url("../images/powerpoint_icon.png") no-repeat 5px 50%;
}
.attachment_container .file.default {
	background: transparent url("../images/default_icon.png") no-repeat 5px 50%;
}
/* End: File types */

.attachment_container .file a.file_name {
	font-size:0.8em;
	width:200px;
	white-space:nowrap;
	display:inline-block;
	overflow:hidden	
}

.attachment_container .file span.actions {
	margin-left:10px;
}

.task_list_container
{
	padding:0 0 50px;
	color:#000
}

.task_list_container .original_post {
	padding:5px 50px 5px 20px;
	color:#000
}

.task_list_container .original_post h3 {
	padding:10px 0 10px 50px;
	background: transparent url("../images/bug_icon.png") no-repeat 5px 50%;
	margin:10px 0
}

.task_list_container .original_post div {
	padding:3px 0 10px 0;
	border-top:1px solid #CCC;
	font-size:0.7em;
	color:#666666;
	margin:20px 0 20px;
}

.task_list_container .posts {
	border:1px solid #333333;
	margin-bottom:20px;
}

.task_list_container .posts.me {
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}

.task_list_container .posts .posted_by {
	font-size:0.7em;
	color:#FFF;
	line-height:2.5em;
	padding:0 0 0 15px;
}

.task_list_container .posts .posted_by.me {
	color:#333;
	background-color:#CCCCCC;
}

.task_list_container .posts p {
	padding:10px 15px;
}

.task_list_container p {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif
}

.attach_file {
	background-color:#DEDEDE;
	border-bottom:1px solid #ccc;
	padding: 10px 0px 10px 10px;
	width: 70%;	
}

.attached_files {
	border-top:1px solid #ccc;
	padding:10px;
}

.attached_files div.title {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.7em;
	font-weight:bold;
	margin-bottom:10px
}

.attached_files div.filename {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	margin-bottom:5px
}

.attach_file div.title {
	font-size:0.7em;
	padding-top:3px
}

#divinputfile{
	background: url("../images/browse_btn.png") no-repeat 100% 0;
	height:29px;
	width:380px;
	margin:0;
	display:inline-block;
	overflow:hidden
}

#divinputfile .filepc{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:16px;
	width:380px;
	display:inline-block;
	height:29px
} 

#fakeinputfile{
	margin-top:-29px;
	width:380px;
}

#fakeinputfile #fakefilepc{
	width:265px;
	height:23px;
	font-size:16px;
	font-family:Arial;
}

.wall_container {
	margin:0;
	padding:0;
}

/* Start of Column CSS */
#col_container_header_end {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
#col_container_header {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
}
#col_container_end {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	border:1px solid #ccc;
}
#col_container {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	border-right:1px solid #ccc;
}

#col_container_header_end .agileWallCol {
	text-align:center
}

.agileWallCol {
	float:left;
	width:25%;
	position:relative;
	left:75%;
}

.agileWallPadding {
	margin:5px;
	padding:12px 7px 7px 12px;
	min-height:400px;
	background: url("../images/agile_col_bg.jpg") repeat-x 0 0;
}



.row .input label {
	font-size:0.8em;
}

.row .input .selectAreaSml {
	float:left;
}

.row .input a.quicklinks, .row .input a.quicklinks:visited {
	font-size:0.7em;
	line-height:1.6em;
	padding-left:10px
}

.row .input a.quicklinks:hover {
	text-decoration:underline
}

.search_field {
	background: url("../images/find_search_field.gif") no-repeat 100% 100%;
	display:inline-block;
	height:31px;
	width:266px;
}

input.find_task_field {
	font-size:20px;
	color:#666666;
	vertical-align:bottom;
	background:none;
	border:none;
	margin:3px 0 0 8px;
	width:220px;
	outline-style:none;
	outline-width:0px;
}


/*
.search_field {
	background: url("../images/find_search_field.gif") no-repeat 0 0;
	width:266px;
	display:inline-block;
	height:31px;
	padding:1px 0 0;
}

input.find_task_field {
	font-size:20px;
	color:#666666;
	vertical-align:bottom;
	background-color:#FFF;
	border:none;
	margin:1px 0 0 8px;
	width:220px;
}*/

.wall_container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	min-height: 400px;
}

.wall_container li {
	margin: 5px;
	padding: 5px;
}

.wall_container li.ui-state-default {
	background: none;
	border: none;
}

.card_shadow,
.card_container {
	position: relative;
	bottom: 2px;
	right: 2px;
}

.card_shadow {
	background-color: #666; /*shadow color*/
	color: inherit;
}

.card_container {
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding:10px;
}

#col_container_header .agileWallCol div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	font-weight:bold;
	padding:15px 0 5px;
}

.card_container select {
	width:160px;
}

.card_container .title {
	font-size:0.8em;
	color:#038FC2;
	font-weight:normal;
	margin-bottom:10px
}

.card_container .row {
	margin-bottom:5px;
}

.card_container .row .label {
	margin-right:5px;
}

.card_container .row .input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.card_container .time_status {
	padding:10px 20px;
	text-align:right
}

.licenseMessage {
	line-height:45px; 
	margin:0px;
	font:normal 12px Tahoma;
	color:#000;
	padding:0px;
	list-style: none;
	padding: 10px 0px 10px 65px;
	background:#FFFFCC url("../images/caution_message_icon.gif") no-repeat 40px 50%;
	border-bottom:1px solid #FFCC01;
}

ul.message {
	line-height:45px; 
	margin:0px;
	font:normal 12px Tahoma;
	color:#000;
	padding:0px;
	list-style: none;
}

ul.message li {
	padding: 10px 0px 10px 65px;
}

ul.message li.caution {
	background:#FFFFCC url("../images/caution_message_icon.gif") no-repeat 40px 50%;
	border-bottom:1px solid #FFCC01;
}

ul.message li.error {
	background:#FF9999 url("../images/error_message_icon.gif") no-repeat 40px 50%;
	border-bottom:1px solid #CB2E2E;
}

ul.message li.info {
	background:#B2FFA2 url("../images/success_message_icon.gif") no-repeat 40px 50%;
	border-bottom:1px solid #019901;
}

.report_list_container {
	padding-top:15px;
}

.report_list_container a {
	font-size:0.8em;
}

.report_search_container {
	padding:30px 0 40px 20px;
	margin-bottom:20px;
	background-color:#EFEFEF;
}

.form_container .report_search_container div.row {
	padding-left:40px
}

.form_container .report_search_container div.row label {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold
}

.form_container .report_search_container div.row div.agileWallCol {
	float:left;
	padding-right:20px;
	padding-top:10px;
}

.accuracy_ontrack {
	color:green;
}

.form_container .form_contents_team_allocator {
	background-color:#EFEFEF;
	padding:20px 40px 40px;
}

.form_container .form_contents_team_allocator label {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold
}

.form_container .form_contents_team_allocator div.col.left,
.form_container .form_contents_team_allocator div.col.right
{
	float:left;
	width:45%;
}

.form_container .form_contents_team_allocator div.col.middle
{
	float:left;
	width:38px;
	padding:140px 10px 0
}

#left_panel,
#right_panel
{
	background-color:#FFF;
	border:1px solid #CCC;
	height:300px;
	padding:2px;
	margin-top:10px
}

.person_card {
	background-color:#fff;
	padding:5px;;
	border-bottom:1px solid #efefef;
	font-size:0.8em
}

.person_card:hover {
	background-color:#efefef;
}

.person_card.mousedown {
	background-color:#666666;
	color:#FFF
}

#topvav_container .logo {
	padding-top:20px
} 

.login_container {
	width:900px;
	margin:0 auto;
}

.login_container .form_contents {
	padding:20px 0 20px;
}

.login_container .form_contents .row label {
	font-weight:normal
} 

.login_container .form_container.left {
	float:left;
	width:400px
}

.login_container .form_container.right {
	float:left;
	width:400px;
	margin-left:20px
}

.login_container p.form_description {
	padding:0 20px 20px 50px;
	font-size:0.8em;
	margin:0;
}

.login_container .forgot_password {
	font-size:0.8em;
	padding-left:175px;
} 

.subscription_container .plan_tile {
	float:left;
	width:200px;
	border:2px solid #999;
	padding:20px;
	height:310px;
}

.subscription_container .plan_tile.your {
	background-color:#E5E5E5; 
}

.subscription_container .plan_tile.upgrade {
	background-color:#fff; 
	margin-left:15px
}

.subscription_container .blank_tile {
	margin:70px 0;
	text-align:center
}

.subscription_container .plan_tile .tag {
	display:inline-block;
	padding:5px 10px;
	color:#FFF
}

.subscription_container .plan_tile .tag.your {
	background-color:#333;
}

.subscription_container .plan_tile .tag.upgrade {
	background-color:#008600;
}

.subscription_container .plan_tile ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.subscription_container .plan_tile h4 {
	font-size:1.8em;
	margin:0;
}

.subscription_container .plan_tile em.tagline {
	color:#666666;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-align:left;
}

.subscription_container .plan_tile h5 {
	font-size:24px;
	line-height:20px;
	margin:5px 0 10px;
	text-align:left;
}

.subscription_container .plan_tile h5 em {
	font-size:14px;
	font-weight:normal;
	font-style:normal
}

.subscription_container .plan_tile ul.list_plan li {
	font-size:0.9em;
}

p.cancel {
	font-size:0.8em;
	padding-top:20px;
	width:300px;
	margin: 0;
}

#plan_table thead tr th.plan_title {
	font-size:1.2em;
}

#plan_table tr td.plan {
	font-size:1.2em;
	font-weight:bold
}

#plan_table tr td.plan span {
	font-weight:bold
}

#plan_table.compare_plans_tb .upgrade_text,
#plan_table tr td a.upgrade_text{
	color:#008600;
}

#plan_table.compare_plans_tb .downgrade_text,
#plan_table tr td a.downgrade_text
{
	color:#900
}

#plan_table tr td a.upgrade_text,
#plan_table tr td a.downgrade_text
{
	text-decoration:underline;
	font-weight:bold
}

#plan_table.compare_plans_tb .per_month {
	color:#999;
	font-size:0.8em;
	font-weight:normal
}

#plan_table.compare_plans_tb .current_plan {
	background-color:#FF9
}

#plan_table.compare_plans_tb .your_plan_tag {
	display:inline-block;
	padding:5px 10px;
	color:#333;
	background-color:#FC0;
	font-weight:bold
}

#plan_table.compare_plans_tb .your_next_plan_tag {
	display:inline-block;
	padding:5px 10px;
	color:#fff;
	background-color:#900;
	font-weight:bold
}

.confirm_plan_padding {
	padding:15px
}

.form_container.confirm_plan h3 {
	border-bottom:1px solid #000000;
	color:#000000;
	font-size:0.8em;
	font-weight:bold;
	padding-bottom:5px;
}

#footer {
	clear:both;
	color:#999;
	font-size:0.6em;
	margin:100px 0 0;
	background:url("../images/footer_bg.jpg") repeat-x 0 0;
	padding:20px;
	text-align:right
}

#footer a, 
#footer a:visited
{
	color:#999;
}

#footer a:hover {
	color:#666666;
	text-decoration:underline
}

#modal {
	display: none; 
	z-index: 999; 
	background: #cccccc; 
	filter: alpha(opacity=50); 
	left: 0px; 
	width: 100%; 
	position: fixed; 
	top: 0px;
	height: 100%;
	-moz-opacity: 0.50;
	opacity: 0.5;
}

#modal_position	{
	position: fixed;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: block
}

#loading {
	z-index: 998;  
	width: 200px; ;
	height: 10px;  
	position: absolute; 
	margin-left: -100px;
	top: -5px;
	left: 50%;
	visibility: visible
}

table.list {
	background:#FFFFFF none repeat scroll 0 0;
	border-collapse:collapse;
	font-size:0.8em;
	text-align:left;
	width:100%;
}

table.list th {
	border-bottom:1px solid #ccc;
	color:#333;
	font-size:0.9em;
	font-weight:bold;
	padding:8px 0 8px 15px
}

table.list td {
	border-bottom:1px solid #efefef;
	color:#000;
	padding:8px 0 8px 15px;
	overflow: hidden;
}

table.list td.delete {
	padding:6px 0 8px 15px;
	min-width:18px;	
}

table.list td.edit {
	padding:6px 0 8px 15px;
	min-width:18px	
}

table.list td.status {
	min-width: 95px	
}

table.list td.timeSpent {
	min-width: 95px	
}

table.list td input.small {
	width:20px	
}

table.list td.full {
	width:100%;
}

table.list td.projectName {
	min-width: 100px;
	max-width: 100px;
	width:100px;
}

table.list td.indicator {
	min-width: 20px;
	padding: 0px;
}

table.list td.quickEdit {
	padding: 0px;
	min-width: 40px;
}

table.list td.duration {
	min-width: 55px;
}

table.list tbody tr:hover td, table.todo_tb tbody tr:hover td {
	background-color:#efefef;
}

table.list thead tr th,
table.list tbody tr td
{
	white-space:nowrap;
}

table.list tbody tr td.wrap
{
	white-space:normal;
}

table.list thead tr th.priority {
	width:30px
}

table.list thead tr th.sort:hover {
	background-color:#CCE6F2;
	/*filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;*/
}

table.list thead tr th.header{
	border-right:1px solid #CCCCCC;
	font-size:1.2em;
}

table.list thead tr th.titled{
	background-color:#EFEFEF;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

table.list thead tr th.sub_titled{
	border-right:1px solid #CCCCCC;
}

table.list tfoot tr.tbl_total {
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
}

select.filter {
	width: 250px;
	vertical-align:top;
	height:31px;
	color:#666666;
	font-size:20px;
}

table.confirmPayment{
	width:100%;
}

table.confirmPayment th{
	width:25%;
	text-align: left;
	border-bottom:1px solid #CCCCCC;
}

table.confirmPayment .left {
border-left:1px solid #CCCCCC;
}

.titled_panel {
	border:1px solid #ccc;
	margin-top: 30px; 
	padding:20px; 
	position:relative;
}

.titled_panel_header {
	position:absolute; 
	top:-15px; 
	left:10px; 
	background-color:#FFFFFF; 
	padding:6px 10px 10px 10px;
	font:bold 14px arial;
}

#content_container .page_error {
	width:900px;
	margin:0 auto;
}

#content_container .page_error h2 {
	font-size:1.6em;
	margin-bottom:20px
}

#content_container .page_error p {
	font-size:0.9em;
	line-height:1em;
	padding-bottom:10px
}

#content_container .page_error p.links {
	padding:10px 0
}

#content_container .page_error p a {
	font-size:1em;
	text-decoration:underline;
	line-height:1.2em;
}

.error_bg {
	background:transparent url("../images/chef.gif") no-repeat 0 0;
	width:243px;
	height:270px;
	position:absolute;
	top:256px;
	right:10px;
}

.form_container.confirm_plan h3 {
	border-bottom:1px solid #000000;
	color:#000000;
	font-size:0.8em;
	font-weight:bold;
	padding-bottom:5px;
}

.percent_bar {
	width:150px;
	display:inline-block;
	border:1px solid #999;
	background-color:#efefef;
	padding:1px;
}

.percent_bar .bar {
	background-color:#666666;
	height:6px
}

span.percent_bar_value {
	font:normal 0.8em arial;
	color:#666666;
	padding-left:5px
}

div.globalMessage{
	border: 1px solid #A30707;
	background-color: #F8E0E0;
	font-family:Arial;
	font-size:10pt;
}

/* vertical tabs */

#content_container .col.left_sml.tab {
	background:transparent url("../images/vertical_nav_bg.gif") repeat-y 104px top;	
}

#content_container .col.right_lge.tab {
	margin:0 0 0 289px;
}

ul.tabs {
	padding: 0;
	list-style: none;
	margin:25px 0 0;
	width: 300px;
}
ul.tabs li {
	position: relative; /*--Add a relative positioning--*/
	float: left;
	margin: 0;
	padding: 0;
	border-top:1px solid #CCCCCC;
}
ul.tabs li a {

	padding: 10px 10px 10px 25px;
	display: block;
	color: #999;
	text-decoration: none;
	width: 265px;
	position: relative; /*--Add a relative positioning--*/
	z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/
}
ul.tabs li a:hover {
	color:#666666
}	
html ul.tabs li.active, html ul.tabs li.active a, html ul.tabs li.active a:hover  {
	background: #fff;
	font-weight:bold;
	color:#000
}
.tab_container {
	border-left:1px solid #ccc;
	color:#DDDDDD;
	font-size:0.8em;
	padding:0 20px 20px;
	min-height:100%;
}
.tab_content {
	padding:0 20px 20px;
	font-size: 1.2em;
	min-height:300px;
}

.tab_content .generate_msg {
	padding-top:20px;
	color:#333
}

div.ui-datepicker{
	font-size:0.9em;
	z-index: 9999;
}

.captchaImage{
	padding-top: 10px;
}

.captchaInput{
	padding-top: 10px;
}

.captchaInput input{
	width: 195px;
}

.iterationReportItem{
	border: 1px solid;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 5px;
	background-color: #efefef;
	float: left;
	width: 200px;
	margin-left: 15px;
}

.iterationReportItem .label{
	font-size: 12pt;
	padding-top: 15px;
	text-align: center;
}

.iterationReportItem .value{
	font-weight: bold;
	font-size: 32pt;
	text-align: center;
}

.iterationReportItem .diff{
	font-size: 12pt;
	float: right;
}

.iterationReportItem .diff.green{
	color: #0f0;
}

.iterationReportItem .diff.red{
	color: #f00;
}

.usernameSearch {
	float: left;
}


.usernameSearch .label{
	float: left;
	padding-top:10px;
}

.usernameSearch form{
	float: left;
	padding: 5px 5px 0px 5px;
}

.trial_note{
	left:600px;
	position:absolute;
}