/***** CSS Reset *****/
* {
	margin: 0;
	padding: 0;}

html { overflow-y:scroll;}

body {
	line-height: 1;
	font-family: 'Verdana', Tahoma, Arial, 'Sans serif';
	background-color:#f0f0f0;} 

ul {
      list-style: none;}

/***** CSS Reset end *****/

/***** General Styles *****/
.hidden, .json {
	display: none;}

.fl {
	float: left;}

.fr {
	float: right;}

.clear {
	clear: both;}
/*
.al {
	text-align: left;}

.ar {
	text-align: right;}

.ac {
	text-align: center;}
*/
.bold {
	font-weight: bold;}

.italic {
	font-style: italic;}

.pointer {
	cursor: pointer;}

.disabled {
	color: #999;}

.template {
	display:none; }

.fake_link { /***this exists so we can apply the 'link blue' to non <a> tags ****/
	cursor:pointer;
	color: #0071bc;}

.nodeco { text-decoration:none; }

.rel { position:relative; }

.fake_link:hover {
	text-decoration:underline;
	color: #66c2ff;}

/***** General Styles end*****/

/********** jQuery UI general hack. Try to avoid !important as much as possible here since it's included AFTER ui css *******/
.ui-tabs .ui-tabs-nav {
	padding:0;}

.ui-dialog {
	padding:0;}

.ui-widget { font-size: 1em; }

.ui-state-default {
	color:#fff;}
	
body .ui-dialog .dialog,
.ui-dialog-buttonpane{
	font-size:0.7em;}

.ui-tabs .ui-tabs-panel {
	padding:0px!important;}
	
.ui-tabs-nav.ui-widget-header, .ui-tabs {
	background:transparent !important;
	border:0; }

.ui-tabs-nav.ui-widget-header .ui-state-default {
	border:none;
	background: #F0F0F0;}
	
.ui-tabs-nav.ui-widget-header a {
	color: black;}

.ui-tabs-nav.ui-widget-header .ui-state-active,
.ui-tabs-nav.ui-widget-header .ui-state-hover {
	background: #D5D5D5;}
	
.ui-menu .ui-menu-item.disabled a {
	color:#999;}

/* General and shared by all combobox! */
.ui-combobox { background:white; height:1.5em; width:300px; border: 1px solid #CCCCCC; font-size:1em;}
.ui-combobox-button .ui-icon { margin:-1em 0 0 0; }
.ui-combobox-button .ui-button-icon-primary { margin-left:-3px;}
.ui-combobox-button .ui-button-icon-secondary { margin-right:-3px;}
.ui-combobox-input {float:left; background:transparent; padding:0.1em 0 0 0.1em; height:1.4em; font-size:1em; border:0}
.ui-combobox-dropdown-button { font-size:1em; border:0; margin:0; padding:0; width:2em; height:1.5em; float:right; }
.ui-combobox-dropdown-button .ui-button-text { display:inline; }
.ui-combobox-menu { max-height:215px; overflow-x:hidden; overflow-y:auto; width:100%; position:relative; padding:0 2px 0 2px; }
.ui-combobox-input.withIcon { margin: 0; padding-left:1.7em; width:130px; }
.ui-combobox-selected-icon { height:1.3em; width:1.3em; margin:1px; float:left;}		
.ui-combobox-menu-container { position:absolute; }
.ui-combobox-menu-heading { padding:2px; width:100%; border-bottom:0;  }
.ui-combobox-menu-heading div.fake_link { float:left; margin-right:10px; border-bottom:0;  }
.ui-combobox-menu-item { display:block; width:100%; padding:0px; clear:both; } /* this would represent a <li> */
.ui-combobox-menu-item.disabled { opacity:0.4; }
.ui-combobox-menu-item a { padding:0; line-height:normal; width:100%; display:block; border:1px solid transparent; cursor:pointer;  } 
.ui-combobox-menu-item img, .ui-combobox-menu-item input { display:block; float:left; height:1em; width:1em; margin:0.15em .15em 0 .15em; } /* this would represent an icon */
.ui-combobox-menu-item-buttons-container { text-align:right; padding:2px;  border-top:0; width:100%; }
.ui-combobox-menu-item-buttons-container button { margin:0 5px 0 5px; }
.ui-combobox-menu-item-buttons-container .ui-button {height: 20px;}
.ui-combobox-menu-item-buttons-container .ui-button .ui-button-text {padding: 0 10px 0 10px;}
.ui-combobox-menu-item-buttons-container .ui-button .ui-icon {display:none;}
	
/***** Container *****/
.story_type_feature {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -179px -40px;
	width: 16px;
	height: 16px;
	display: block;}

.story_type_feature_disabled, 
.disabled .story_type_feature {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -211px -40px;
	width: 16px;
	height: 16px;
	display: block;}

.story_type_bug {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -131px -40px;
	width: 16px;
	height: 16px;
	display: block;}

.story_type_bug_disabled, 
.disabled .story_type_bug {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -163px -40px!important;
	width: 16px;
	height: 16px;
	display: block;
	padding-bottom:0px!important;}

.story_type_chore {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-131px -56px;
	display:block;
	height:16px;
	width:16px;}

.story_type_chore_disabled,
.disabled .story_type_chore {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -163px -56px;
	width: 16px;
	height: 16px;
	display: block;}

.story_type_feature, 
.story_type_feature_disabled,
.story_type_bug,
.story_type_bug_disabled,
.story_type_chore,
.story_type_chore_disabled {
	margin-top:2px;}
	
/*TEMPORARY CSS STYLES FOR OTHER TYPES!*/

.story_type_handshake {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-628px -16px;
	display:block;
	height:16px;
	width:18px;}

.story_type_handshake_disabled,
.disabled .story_type_handshake {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-658px -16px;
	display:block;
	height:16px;
	width:18px;}

.story_type_star {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-545px -47px;
	display:block;
	height:16px;
	width:16px;}

.story_type_star_disabled,
.disabled .story_type_star {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -578px -47px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_document {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-545px -77px;
	display:block;
	height:16px;
	width:16px;}

.story_type_document_disabled,
.disabled .story_type_document {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -581px -77px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_dollar {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-544px -116px;
	display:block;
	height:16px;
	width:18px;}

.story_type_dollar_disabled,
.disabled .story_type_dollar {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-578px -116px;
	display:block;
	height:16px;
	width:18px;}
	
.story_type_drink {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-545px -157px;
	display:block;
	height:16px;
	width:16px;}

.story_type_drink_disabled ,
.disabled .story_type_drink {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -581px -157px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_spreadsheet {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-545px -197px;
	display:block;
	height:16px;
	width:16px;}

.story_type_spreadsheet_disabled,
.disabled .story_type_spreadsheet {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -579px -197px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_folder {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-545px -237px;
	display:block;
	height:16px;
	width:16px;}

.story_type_folder_disabled,
.disabled .story_type_folder {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -579px -237px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_search {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-545px -277px;
	display:block;
	height:16px;
	width:16px;}

.story_type_search_disabled ,
.disabled .story_type_search {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -579px -277px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_meeting {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-544px -315px;
	display:block;
	height:16px;
	width:16px;}

.story_type_meeting_disabled,
.disabled .story_type_meeting {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -580px -315px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_mail {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-629px -45px;
	display:block;
	height:16px;
	width:16px;}

.story_type_mail_disabled,
.disabled .story_type_mail {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -659px -45px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_calculator {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-629px -77px;
	display:block;
	height:16px;
	width:16px;}

.story_type_calculator_disabled,
.disabled .story_type_calculator {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -659px -77px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_pencil {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-631px -117px;
	display:block;
	height:16px;
	width:16px;}

.story_type_pencil_disabled,
.disabled .story_type_pencil {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -662px -117px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_phone {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-627px -157px;
	display:block;
	height:16px;
	width:16px;}

.story_type_phone_disabled,
.disabled .story_type_phone {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -657px -157px;
	width: 16px;
	height: 16px;
	display: block;}

.story_type_comment {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-629px -197px;
	display:block;
	height:16px;
	width:16px;}

.story_type_comment_disabled,
.disabled .story_type_comment{
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -659px -197px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_slideshow {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-628px -237px;
	display:block;
	height:16px;
	width:16px;}

.story_type_slideshow_disabled,
.disabled .story_type_slideshow {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -659px -237px;
	width: 16px;
	height: 16px;
	display: block;}
	
.story_type_lunch {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-630px -279px;
	display:block;
	height:16px;
	width:16px;}

.story_type_lunch_disabled,
.disabled .story_type_lunch {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-661px -279px;
	display:block;
	height:16px;
	width:18px;}

.story_type_graph {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-630px -315px;
	display:block;
	height:16px;
	width:16px;}
	
.story_type_graph_disabled,
.disabled .story_type_graph {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -663px -315px;
	width: 16px;
	height: 16px;
	display: block;}

/*end of temp styles*/

#loading_overlay {
	-moz-border-radius:11px;	
	border-radius:11px;	
	-webkit-border-radius:11px;
	background:none repeat scroll 0 0 #D5D5D5;
	height:241px;
	opacity:0.8;
	position:absolute;
	text-align:center;
	vertical-align:middle;
	width:360px;
	z-index:9998;}
	
.container {
	width: 960px;
	height: 100%;
	margin: 0 auto;}

#story.page_container {
	background: #D5D5D5;}

#story .all_stories { 
	width:100%;}
	
.table_header {
	background-image:url(/img/gradients/topheader_sprite.png);
	background-repeat:repeat-x;
	font-size:0.7em;
	color: white;
	height:30px;}

.table_header .plan_table_head{
	background-image:url(/img/gradients/topheader_sprite.png);
	background-repeat:repeat-x;
	height:30px;
	background-position:0 -0px;}

.table_header .plan_table_head:hover {
	background-image:url(/img/gradients/topheader_sprite.png);
	background-repeat:repeat-x;
	background-position:0 -30px;}
	
.dropdown_button_container { 
	width: 12px;
	height: 28px;
	border-left:1px solid #999;
	margin-left:-13px;
	margin-top:1px;
	}

.plan_table_head:hover .dropdown_button_container
, .dropdown_button_container.filtered
, .dropdown_button_container.menu-opened
 {
	display:block;
}

.plan_table_head .dropdown_button_container.filtered div.drop div.icon
{
	width: 16px; height: 16px;
	margin-top:4px;
	margin-left:-3px;
	background-image: url(planio/images/ui-icons_ffffff_256x240.png);
	background-position: -64px -144px;	
}

.table_header .dropdown_button_container .drop_withicon {
	height:2em;}

.table_header .drop_withicon .sprite-icon {
	float:left;
	margin-right:5px;
	margin-top:0;
}


.dropdown_button_container div.drop { height:26px; width:10px; border:1px solid transparent; }
.dropdown_button_container div.drop > .icon { margin:9px 0 0 -1px; }
.dropdown_button_container button { font-size:0.6em !important; }
.dropdown_button_container .ui-icon { display:none; }
.dropdown_button_container .ui-button-text { padding-left:6px; }

.iteration_frame {
	margin-bottom: 15px;	
	background:#fff;}

.panel {
	padding: 5px 0px 10px 0px;
	width: 140px;
	height: 100%;
	color:#333;
	border-right:1px solid #f0f0f0;}

.iteration_container {
	border-left:1px solid #f0f0f0;
	margin-left:-1px;}
	
.iteration_container {
	height: 100%;
	min-height: 30px;
	background: none;
	margin-bottom:-1px;}
	
/**********ITERATION PANEL WORK**********/

.line.products .average {
	color:#333;
	font-size:0.7em;}
	
.resource_panel  .average {
	color:#0071bc;
	font-size:0.7em;}

.panel .resource_panel .average:hover {
	color:#66c2ff;
	text-decoration:underline;
	cursor:pointer;}
	
.panel .average .velocity_swirl  {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-282px -250px;
	height:13px;
	width:15px;}

.panel .products  {
	margin-left:6px;}

.panel .products .product_name {
	font-size:1em;
	font-weight:bold;
	margin:5px 0;}	
	
.panel .move_to_history {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-138px -622px;
	height:22px;
	margin:10px 0 5px 5px;
	width:129px;
	cursor:pointer;}
	
.panel .move_to_history:hover {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-295px -622px;
	height:22px;
	margin:10px 0 5px 5px;
	width:129px;}
	
.panel .product_logo {
	border:1px solid #D5D5D5;
	height:28px;
	margin-right:5px;}
	
.panel .iteration_label {
	font-size:0.8em;
	font-weight:bold;
	margin:13px 0 5px 7px;}
	
.panel .products .average .velocity_swirl {
	position:relative;
	top:7px;}

.panel .products .average span {
	position:relative;
	top:6px;}

.panel .summary,
.panel .resource_panel {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	margin:0 5px;
	background-color:#f0f0f0;}
	
.panel .resource_panel {
	width:128px;
	padding-bottom:7px;}

.panel .summary .graph {
	background-color:#FFFFFF;
	width:129px;}
	
.graph .estimate_hours{
	right:3px;
	top:9px;}

.graph_legend_header  { 
	-moz-border-radius:7px;
	border-radius:7px;
	-webkit-border-radius:7px;		
	background-color:#E0E0E0;
	border:1px solid #D5D5D5;
	color:#0071bc;
	cursor:pointer;
	font-size:0.8em;
	height:22px;
	line-height:22px;
	margin:6px 0 0;
	padding-left:5px;
	position:relative;
	text-align:left;
	width:122px;}	

.graph .load .expected_done_line {
	position: absolute;
	z-index: 500;
	border-left: 1px solid #000;
	width: 1px;}
	
.graph .load .expected_done_line.off_track {
	position: absolute;
	z-index: 500;
	border-left: 1px solid #d52300;
	width: 1px;}

.graph  .load {
	border:1px solid #777777;
	margin-left: 3px;
	width:190px;}

.graph .load .estimate_done {
	position: relative;
	background:#92cd7f;}

.graph .duration {
	margin:0px 0px 5px 3px;
	background:#0c2056;}
	
.graph_legend {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	background-color:#F0F0F0;
	color:#333333;
	padding-bottom:10px;
	padding-left:5px;}

.panel .graph_legend {
	width: 124px;
	font-size:0.6em;}
	
.graph_legend .estimate.above {
	width:8px;
	height:8px;
	background-color:#ffaf32;
	margin-top:11px;}
	
.graph_legend .estimate.below {
	width:8px;
	height:8px;
	background-color:#ffe698;
	margin-top:10px;}
	
.graph_legend .label {
	margin:8px 0 0 5px;
	line-height:13px;}
	
.graph_legend .under_label {
	font-style:italic;
	margin:2px 0 5px 12px;
	color:#777;}

.graph .expected_done {
	background-color:transparent;
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-27px -30px;
	border:medium none;
	height:7px;
	margin-top:12px;
	width:10px;}
	
.graph .expected_done.off_track {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-51px -11px;
	height:7px;
	margin-top:12px;
	width:11px;}
	
.graph_legend .expected_done.off_track {
	background-position:-53px -11px;}
	
.graph_legend_header .off_track .icon {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-98px -655px;
	height:20px;
	margin-right:3px;
	width:20px; }
		
.graph .load .expected_done {
	margin-top:0;
	position:absolute;
	z-index:99;}
	
.graph_legend .time{
	margin-top:11px;
	width:8px;
	height:8px;
	background-color:#A6844F;}
	
.graph_legend .progress {
	background-color:#92CD7F;
	margin-top:10px;
	width:8px;
	height:8px;}	
	
.panel .header {
	-moz-border-radius:7px;
	border-radius:7px;
	-webkit-border-radius:7px;		
	background-color:#e0e0e0;
	border:1px solid #D5D5D5;
	color:#0071BC;
	cursor:pointer;
	font-size:0.8em;
	height:22px;
	line-height:22px;
	margin:5px 5px 0 ;
	padding-left:5px;
	position:relative;
	text-align:left;
	width:121px; }
	
.panel .header.active,
.graph_legend_header.active {
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;	}
	
.panel .header:hover,
.graph_legend_header:hover {
	background-color:#D5D5D5; }

.panel .resource .name{
	font-size:0.7em;
	font-weight:bold;
	margin:5px 0 5px 4px;
	color:#333;}
	
.panel .resource .img_roles .roles {
	width:84px;	}
	
.panel .resource .img_roles .roles .role {
	font-size:0.7em;
	margin:0 1px 5px 0px;
	color:#333;}
	
.panel .resource .img_roles .img {
	width: 28px;
	height: 28px;
	font-size:0.6em; /***this is in case there is no img and the 'alt' text shows instead***/
	margin:0 5px 0 5px;
	border:1px solid #D9D9D9;}

.graph .load {
	border:1px solid #d5d5d5;
	margin:4px 0 0 3px;
	background-color:#FFFFFF;}
	
.panel .graph .dates {
	border-left:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	font-size:0.6em;
	margin:5px 0 -4px 3px;
	padding:3px 0;}
	
.graph .dates div {
	margin: 0 2px;}
	
.estimate_hours {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-67px -629px;
	font-size:0.7em;
	height:16px;
	position:relative;
	width:26px;}
	
.resource_panel .estimate_hours {
	background-position:-68px -629px;
	right:1px;
	top:9px;}
	
.graph .duration {
	background-color: #A6844F;
	margin:0 0 5px 4px; }
	
.graph .estimate {
	margin:6px 0 0 0px;
	text-align:center;}
	
.panel .graph .estimate {
	font-size:0.6em;}
	
.graph .estimate .number {
	background-color:#ffe698;
	border-bottom:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	border-top:1px solid #D5D5D5;
	height:15px;
	line-height:15px;
	margin:-2px 2px 0 0;
	width:25px;} 
	
.graph .estimate.above .number {
	background-color:#ffaf32;}
	
.summary .graph .estimate .number {
	line-height:14px;
	margin-right:0px;
	width:26px;}
	
/***Assigned Roles***/

.role_panel {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	background-color:#F0F0F0;
	margin-left:5px;
	padding:6px;
	width:116px;}
	
.assigned_roles_legend {
	font-size:0.7em;
	margin-bottom:4px;}
	
.assigned_roles_legend .assigned, 
.assigned_roles_legend .not_assigned {
	height:7px;
	margin:2px 5px 0 0;
	width:7px;}
	
.assigned_roles_legend .assigned {
	background-color:#0c2056;}
	
.assigned_roles_legend .not_assigned {
	background-color:#999;}
	
.role_panel .role {
	padding:6px 0;
	width:116px;}

.role_panel .role .name {
	font-size:0.7em;}
	
.role_panel .role .load {
	height:8px;
	margin:3px 0 3px 3px;
	padding-top:3px;}
	
.role_panel .role .load .assigned {
	background-color:#0C2056;
	height:5px;
	margin-top:3px;}
	
.role_panel .role .load .na {
	background-color:#999;
	height:5px;
	margin-top:3px;}
	
.role_panel .role .numbers {
	font-size:0.7em;
	width:100%;}
		
/***Resource Overlay dialog (dialog from Iteration panel)**/

#resource_overlay .labels  .estimate {
	color: #0c2056;}

#resource_overlay .labels  .estimate.busted {
	color: #d52300;}
	
#resource_overlay .resource {
	margin:2px 5px 5px 0;
	padding-top:12px;}

#resource_overlay .resource .name {
	font-weight:bold;
	margin:0 0 9px 15px;}

#resource_overlay .resource .img_roles {
	margin-left:15px;
	padding-left:2px;}

#resource_overlay .resource .img {
	width: 36px;
	height: 36px;}
	
#resource_overlay .resource .roles {
	font-style: italic;}

#resource_overlay .labels {
	margin:13px 15px 0 0;
	width:200px;}

#resource_overlay .labels  label {
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;}

#resource_overlay .labels .duration {
	color: #00a313;}
	
#resource_overlay .labels .estimate_done {
	color: #333;}

#resource_overlay .graph_group {
	margin-left: 60px;}
	
#resource_overlay .graph .off_track,
#resource_overlay .graph .on_track { 
	margin:0 0 6px 0;}	

#resource_overlay .graph .dates {
	border-left:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	margin:5px 0 -4px 3px;
	padding:3px 0;}
	
#resource_overlay .status_label {
	line-height:15px;
	margin:10px 0 5px 30px;}
	
#resource_overlay .velocity_panel {
	-moz-border-radius:7px;
	border-radius:7px;
	-webkit-border-radius:7px;
	background:white;
	border:1px solid #d5d5d5;
	margin:10px 0 0 30px;
	padding:5px;
	width:500px;}
	
#resource_overlay .velocity_panel .velocity_text {}

#resource_overlay .velocity_panel .product_velocity {
	width: 100%;
	line-height:20px;}	
	
#resource_overlay .radio_btn {
	bottom:0px;
	margin-left:17px;}
	
#resource_overlay .velocity_panel .product_velocity .product img{
	width:28px;}	

/**********END OF ITERATION PANEL WORK**********/		

.filter_message {
	width:100%;
	border-bottom:1px solid #f0f0f0;
	background-color:#E5F4FF;
	padding: 5px 0px 7px 0;
	line-height:2.0em;
	font-size:0.7em;}

.filter_message .filter_message_content {
	width:420px;
	overflow:none;
	margin:0 auto 0 auto;}

.work.filter_message {
	width:481px;
}

.work_table_row .filter_message { width:644px; margin-top:5px; }
.work_table_row .filter_message_content { width:300px; }

.filter_message .ui-icon-info {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-33px -542px;
	height:18px;
	width:21px;
	margin:3px;}

.plan_table_row {
	cursor:default;
	border-bottom:1px solid #f0f0f0;
	background:white none repeat scroll 0 0;
	padding:5px 0px 5px 0px;
	min-height:40px;
	width:100%;}

.plan_table_row.hover {
	background: #fff4d2; /*light yellow*/
}
	
.plan_table_row.selected {
	background: #FFE698; /*darker yellow*/
}

.plan_table_row.selected {
	cursor: move;
	cursor: -moz-grab;}
.plan_table_row.selected.disabled {
	background: #f0f0f0;
	cursor: default;} 

.disabled .hidden-when-disabled {
	display:none;
}

.plan_table_row.disabled.partial-write .hidden-when-disabled.partial-write {
	display:block;
}

.story_toolbar {
	display:none;
	height:15px;
	position:absolute;
	margin-top:25px;
	margin-left:5px;
}

.plan_table_row:hover .story_toolbar { display:block;}
.plan_table_row.opened .story_toolbar, .plan_table_row.open:hover .story_toolbar { display:none; }

.story_toolbar .box {
	cursor:pointer;
	float:left;
	width:11px;
	border-top:1px #96C5E4 solid;
	border-bottom:1px #96C5E4 solid;	
	background-color:white;
	height:11px;
	padding:2px 4px;
}

.story_toolbar .box.first {
	border-left:1px solid #96C5E4;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.story_toolbar .box.last {
	border-right:1px solid #99C3D6;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}

.story_toolbar .box .icon { background-image:url("/img/agilegem_sprite.png?v=AAA"); }

.story_toolbar .box.green .icon 	{ background-position: -624px -604px; height:8px; width:8px; margin:2px 2px; }
.story_toolbar .box.blue .icon { background-position: -591px -619px; height:10px; width:10px; margin-top:1px; }
.story_toolbar .box.red .icon { background-position: -625px -636px; height:11px; width:8px; margin:0 1px; }

.story_toolbar .box.green:hover 	{ border-color:#4a993f; background-color:#4a993f; }
.story_toolbar .box.blue:hover 	{ border-color:#0071bc; background-color:#0071bc;}
.story_toolbar .box.red:hover 	{ border-color:#ff1d25; background-color:#ff1d25; }
.story_toolbar .box.green:hover .icon 	{ background-position: -635px -604px; }
.story_toolbar .box.blue:hover .icon 	{ background-position: -622px -619px; }
.story_toolbar .box.red:hover .icon 		{ background-position: -643px -636px; }


.table_header .plan_mode {
	height:1.5em;
	font-size:1.2em;
	margin: -27px 0 -5px 1px;
}

.table_header .plan_mode .plan_mode_tab {
	float:left;
	cursor:pointer;
	padding:7px;
	width:55px;
	text-align:center;
	background-color:#CDCDCD;
}

.table_header .plan_mode .plan_mode_tab:first-child {
	margin-right:2px; }

.table_header .plan_mode .plan_mode_tab.selected	{
	background-color:#7F7F7F;
}


.table_header .plan_table_head {
	position: relative;
	text-decoration: none;
	padding:0px 2px;
	height:28px;
	cursor: pointer;}

.table_header .plan_table_head .label {
	padding-top:9px;}
	
.table_header .plan_table_head.iteration .label {
	margin-left:5px;}

.table_header .plan_table_head .icon,
.table_header .plan_table_head .icon  {
	background-image:url(/img/agilegem_sprite.png);
	height:6px;
	width:12px;	}
	
	
.table_header .plan_table_head .icon.ascending { /*sorting with arrow pointing up */
	background-position:-69px -54px;}

.table_header .plan_table_head .icon.descending {  /*sorting with arrow pointing down*/
	background-position:-69px -46px; } 

.table_header .plan_table_head .icon.descending
, .table_header .plan_table_head .icon.ascending { 
	position:absolute;
	top:5px;
	left:0px;
}

.table_header .dropdown_button_container .icon {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-70px -46px;
	width: 12px;
	height: 8px;} 

.table_header .iteration .label,
.table_header .tags .label,
.table_header .story .label,
.table_header .estimate .label,
.table_header .progress .label {
	position:relative; }

.table_header .plan_table_head.story .label {
	padding-left:10px;}

/*END OF ''Sort by'' arrow styles*/

.plan_table_field {
	text-decoration: none;
	padding: 2px;}

.plan_table_field.tags {
	overflow:hidden;}

.plan_table_field.product img {
	width:20px;
	height:20px;}

.plan_table_field.project,
.plan_table_field.tags,
.plan_table_field.roles  {
	color: #999;}

/**next few styles are for vertical alignment (of work item list)**/ 
.plan_table_field.project,
.plan_table_field.tags, 
.plan_table_field.story, 
.plan_table_field.roles {
	position:relative;
	top:5px;
	font-size:0.7em;}

.plan_table_field.box, .story_status.box {
	border:1px transparent solid;
	-moz-border-radius:4px;
	-webkit-border-top-radius:4px;
	border-radius:4px;
	border-radius:4px;
	padding:2px;
	cursor:pointer;
}

.story_status.box {
	width:13px;
	height:15px;
	margin:3px 5px;
}

.plan_table_field.iteration.box {
	width:15px;
	height:13px;
	margin:3px 5px;
}

.plan_table_row:hover .story_handle.box, .plan_table_row:hover .story_status.box {
	background-color:white;
	border:1px solid #99C3D6
}

.plan_table_row .story_handle.box:hover, .plan_table_row .story_status.box:hover {
	background-color: #0071bc;
	border-color:#99C3D6;
}

.plan_table_row.disabled .plan_table_field.box, .plan_table_row.disabled .story_status.box.can-be-disabled {
	background-color:transparent !important;
	border-color:transparent !important;
	cursor:default !important;

}

.plan_table_field.story,
.plan_table_field.tags,
.plan_table_field.roles {
	margin-bottom:10px;}
	
.plan_table_field.progress {
	position:relative;
	top:3px;}

/*end of vert. alignment styles*/

div.attachment.icon {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-127px -657px;
	height:16px;
	width:10px;
}

.plan_table_row div.attachment.icon {
	position:absolute;
	top:0px;
	right:3px;
}

.plan_table_row .iteration .timeframe {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	width:15px;
	height:12px;}


.plan_table_row .iteration  .timeframe.current { background-position: -54px -346px; }
.plan_table_row:hover .iteration  .timeframe.current { background-position: -54px -246px; }
.plan_table_row .iteration.box:hover  .timeframe.current { background-position: -55px -286px; }
.disabled.plan_table_row .iteration .timeframe.current { background-position: -54px -346px !important; }
		
.plan_table_row .iteration  .timeframe.next { background-position: -89px -346px; }
.plan_table_row:hover .iteration  .timeframe.next { background-position: -89px -246px; }
.plan_table_row .iteration.box:hover  .timeframe.next { background-position: -89px -286px; }
.disabled.plan_table_row .iteration .timeframe.next { background-position: -89px -346px; !important}
	
.plan_table_row .iteration  .timeframe.backlog { background-position: -118px -346px; }
.plan_table_row:hover .iteration  .timeframe.backlog { background-position: -118px -246px; }
.plan_table_row .iteration.box:hover  .timeframe.backlog { background-position: -118px -286px; }
.disabled.plan_table_row .iteration .timeframe.backlog { background-position: -118px -346px !important; }

.plan_table_row .iteration  .timeframe.last, .disabled.plan_table_row .iteration .timeframe.last { background-position: -24px -346px; }
.plan_table_row:hover .iteration  .timeframe.last { background-position: -24px -246px; }
.plan_table_row .iteration.box:hover  .timeframe.last { background-position: -24px -286px; }
.disabled.plan_table_row .iteration .timeframe.last { background-position: -24px -346px !important; }

.plan_table_row .iteration  .timeframe.before_last, .disabled.plan_table_row .iteration .timeframe.before_last { background-position: -151px -346px; }
.plan_table_row:hover .iteration  .timeframe.before_last { background-position: -151px -246px; }
.plan_table_row .iteration.box:hover  .timeframe.before_last { background-position: -151px -286px; }
.disabled.plan_table_row .iteration .timeframe.before_last { background-position: -151px -346px !important; }


	
.plan_table_field.roles {
	font-style: italic;}
	
.plan_table_field .value {
	max-width: 90%;}


.plan_table_field .desc {
	text-decoration:underline;
	font-size:0.7em;
	position:absolute;
	bottom:-8px;
	left:12px;}

.plan_table_field .carried_over_count {
	margin-right: 2px;
	font-size: 0.7em;
	width: 8px;}

.progress_bar {
	background: #d5d5d5;
	width: 100%;
	position: relative;
	height: 17px;
	text-align:center;}

.progress_label {
	text-align:center;
	white-space: nowrap;
	position: absolute;
	width: 100%;
	top: 2px;
	font-size:0.7em;}
	
.progress_fill {
	background: #92cd7f;
	text-align: center;
	padding: 2px 0px 2px 0px;
	height: 13px;}
	
.plan_table_field .progress_fill {
	background-color:#B4E6A4!important;}
	
.plan_table_field .progress_bar.accepted .progress_fill {
	background-color:#00a313!important;}
	
.plan_table_field .progress_bar.rejected .progress_fill {
	background-color:#DD0000!important;}

.plan_table_field .progress_bar.accepted .progress_label {
	color:#b4e6a4;}

.plan_table_field .progress {
	background-color:#d52300!important;}
		
.plan_table_field .background {
	background: #D5D5D5 ;}
	
.plan_table_field .fill {
	background: #999;}
	
.plan_table_field.value .background {
	height: 20px;
	background: #a6844f;}

.disabled .plan_table_field.value .background {
	height: 20px;
	background: #999;}

.plan_table_field.value .fill {
	background: #D5D5D5 ;}
	
.plan_table_field.value .fill .value {
	color:#A6844F;
	font-size:0.6em;
	font-weight:bold;
	margin-top:5px;
	text-align:center;
	width:21px;}

.disabled .plan_table_field.value .fill .value {
	color:#999;}

.plan_table_row .estimate .story_estimate_mask {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -322px -12px;
	width: 80px;
	height: 20px;}
	
.plan_table_row .estimate .story_estimate_mask .estimate_value {
	font-size:0.6em;}

.plan_table_row .estimate .story_estimate_mask .hrs {
	font-size:0.5em;}
	
.plan_table_row.hover .estimate .story_estimate_mask ,
.disabled.plan_table_row.hover .estimate .story_estimate_mask {
	background-position: -322px -263px;}
	
.selected.plan_table_row .estimate .story_estimate_mask {
	background-position:-322px -112px;}

.disabled.plan_table_row.selected .story_data .story_estimate_mask  {
	background-position:-322px -62px;}

.plan_table_row .value .story_value_mask {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -446px -12px;
	width: 45px;
	height: 20px;}
	
.plan_table_row.hover .value .story_value_mask {
	background-position:-446px -262px;
	width: 45px;
	height: 20px;}
	
.selected.plan_table_row .value .story_value_mask {
	background-position:-446px -112px;
	width: 45px;
	height: 20px;}
	

.disabled.selected.plan_table_row .value .story_value_mask,
.disabled.selected.plan_table_row.hover .value .story_value_mask	{
	background-position:-446px -62px;}
			
			.story_status_icon {
				width:13px;
				height:15px;
				background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
			}
				
			.story_status_pending { background-position: -41px -112px;}
			.plan_table_row:hover .story_status_pending, .popup_menu .story_status_pending { background-position: -55px -112px;}
			.box:hover .story_status_pending { background-position: -27px -112px;}
			.plan_table_row.disabled .story_status_pending.can-be-disabled { background-position: -41px -112px !important;}

			.story_status_inprogress { background-position: -41px -127px;}
			.plan_table_row:hover .story_status_inprogress, .popup_menu .story_status_inprogress { background-position: -55px -127px;}
			.box:hover .story_status_inprogress { background-position: -27px -127px;}
			.plan_table_row.disabled .story_status_inprogress.can-be-disabled { background-position: -41px -127px !important;}

			.story_status_completed { background-position: -71px -146px;}
			.plan_table_row:hover .story_status_completed { background-position: -55px -146px;}
			.box:hover .story_status_completed { background-position: -27px -146px;}
			.plan_table_row.disabled .story_status_completed.can-be-disabled { background-position: -41px -146px !important;}


			.story_status_delivered { background-position: -71px -98px;}
			.plan_table_row:hover .story_status_delivered { background-position: -55px -98px;}
			.box:hover .story_status_delivered { background-position: -27px -98px;}
			.plan_table_row.disabled .story_status_delivered.can-be-disabled { background-position: -41px -98px !important;}

			.story_status_accepted { background-position: -71px -63px;}
			.plan_table_row:hover .story_status_accepted { background-position: -55px -63px;}
			.box:hover .story_status_accepted { background-position: -27px -63px;}
			.plan_table_row.disabled .story_status_accepted.can-be-disabled { background-position: -41px -63px !important;}

			.story_status_rejected { background-position: -71px -81px;}
			.plan_table_row:hover .story_status_rejected { background-position: -55px -81px;}
			.box:hover .story_status_rejected { background-position: -27px -81px;}
			.plan_table_row.disabled .story_status_rejected.can-be-disabled { background-position: -41px -81px !important;}

			.story_status_released { background-position: -162px -103px;}
			.plan_table_row:hover .story_status_released { background-position: -162px -88px;}
			.box:hover .story_status_released { background-position: -177px -88px;}
			.plan_table_row.disabled .story_status_released.can-be-disabled { background-position: -217px -103px; }

			.story_status_sendback {
				background-position:-53px -166px;}			
			.story_status_sendback:hover {
				background-position: -79px -166px;}
				
			.story_status_sendback_disabled {
				background-position: -105px -166px;}
			.plan_table_row .story_status_sendback_disabled {
				width: 26px;}
				
	
.work_table_head {
	width: 31%;
	text-align:center;
	color:#fff;
	padding:8px 2px 0px 2px;}

.work_table_row {
	background: #fff;
	width: 100%;
	padding:5px 0;
	border-top: 1px dotted	#999;}

.work_table_row:first-child {
	border-top-color: transparent;}

.work_table_story {
	margin: 5px 5px 5px 5px;
	padding: 10px 15px 10px 15px;
	background: #e5f4ff;
	width: 265px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
	
.work_table_story .product_img{
	height:24px;}
	
.work_table_story .progress_label {
	font-size:0.8em;}

.work_table_story_project {
	width: 80%;
	text-align: center;
	font-size:0.9em;}

.work_table_story_separator {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 2px solid #d5d5d5;}

.work_table_story_name {
	margin-bottom: 10px;
	text-align: left;
	width: 100%;
	font-size:0.8em;
	font-weight:bold;
	line-height:15px;}
	
.work_table_story_tags,
.work_table_story_estimates,
.work_table_story_tasks,
.work_table_add_task_txt,
.work_attachment_info,
.work_table_story .message {
	font-size:0.7em;}

.work_table_add_task_txt { visibility:hidden; }
.work_table_story:hover .work_table_add_task_txt { visibility:visible; }


.work_table_story .attachment.icon {
	position:relative;
	top:2px;
	left:-10px;
}

.work_table_story a {
	color:#0071BC;
	text-decoration: none;}

.work_table_story a:hover {
	color:#66C2FF;}

	
.work_table_story_tags {
	color: #777;
	margin-bottom: 10px;}

.work_attachment_info {
	color: #777; }

.work_table_story_estimates {
	margin-bottom: 10px;}

.work_table_story_tasks {
	margin-top: 9px;}

.work_table_add_task_txt {
	margin-top: 10px;
	height: 16px;}
	
.work_table_add_task_img {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -82px -40px;
	width: 16px;
	height:16px;
	cursor: pointer;
	margin-left: 5px;
	position:relative;
	bottom:1px;}

.work_table_add_task_img:hover {
	background-position: -97px -40px;}

.task_column {
	padding: 5px 5px 5px 5px;
	min-height: 171px;
	width: 33%;}
	
.task_column .task {
	background: white;
	margin-bottom: 10px;
	padding: 5px 10px 0px 10px;
	border:2px solid white;
	cursor: move;
	cursor: -moz-grab;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}

.task_column .task.selected {
	border: 2px solid #999;}

.task_stop {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -53px -193px;
	width: 53px;
	height:20px;
	cursor: pointer!important;}

.not_mine .task_stop { 						/*This is here for the 'other user' faded stop button*/
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -171px -193px;
	width: 53px;
	height:20px;
	cursor: pointer!important;}

.task_stop:hover {
	background-position: -112px -193px;}

.task_start {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -53px -219px;
	width: 53px;
	height:20px;
	cursor: pointer!important;}

.not_mine .task_start { 						/*This is here for the 'other user' faded start button*/
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -171px -219px;
	width: 53px;
	height:20px;
	cursor: pointer!important;}

.task_start:hover {
	background-position: -112px -219px;}

.task_column .task_pending {
	background: #e5e5e5;}

.task_column .task_pending .task_footer {
	background-color:#c0c0c0;
	margin-left:-10px;
	padding:5px 10px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;}

.task_column .task_pending .task_name_long:hover {
	color:#555555;}

.task_column .task_pending .task_delete {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -134px -88px;
	width: 10px;
	height:16px;
	cursor: pointer!important;
	margin: 2px 2px 2px 2px;
	float:right;
	position:relative;}

.task_column .task_pending .task_delete:hover {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -150px -88px;
	width: 10px;
	height:16px;}

.task_column .task_inprogress {
	background: #ffe698;}

.task_column .task_inprogress .task_footer {
	background-color:#ffaf32;
	margin-left:-10px;
	padding:5px 10px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;}

.task_column .task_inprogress .task_name_long:hover {
	color:#ff9b00;}

.task_column .task_inprogress .task_delete {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -134px -104px;
	width: 10px;
	height:16px;
	cursor: pointer!important;
	margin: 2px 2px 2px 2px;
	float:right;
	position:relative;}

.task_column .task_inprogress .task_delete:hover {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -150px -104px;
	width: 10px;
	height:16px;}

.task_column .task_completed {
	background: #d8efd3;}

.task_column .task_completed .task_footer {
	background-color:#92cd7f;
	margin-left:-10px;
	padding:5px 10px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;}
	
.task_column .task_completed .task_name_long:hover {
	color:#4e875e;}
	
.task_column .task_completed .task_delete {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -134px -73px;
	width: 10px;
	height:16px;
	cursor: pointer!important;
	margin: 2px 2px 2px 2px;
	float:right;
	position:relative;}

.task_column .task_completed .task_delete:hover {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -150px -73px;
	width: 10px;
	height:16px;}

.task .task_delete { visibility:hidden; }
.task:hover .task_delete { visibility:visible; }

.not_mine .task_footer {
	background:none!important;}
	
.task_resource:hover,
.task_role:hover {
	color:#888;}

.nomove {
	cursor: default;}

.task_name_long {
	font-size:0.8em;
	margin-bottom: 10px;
	cursor: pointer;
	float:left;
	position:relative;
	max-width:90%;}

.task_name_long_disabled {
	margin-bottom: 10px;}

.task_footer {
	width:100%;
	font-size:0.7em;}

.not_mine .task_resource_img {
	width: 28px;
	height: 28px;
	border: 1px solid white;}

.task_resource_img {
	width: 28px;
	height: 28px;
	border: 2px solid white;}

.task_role {
	margin: 0px 5px 5px 5px;
	cursor: pointer;}
	
.task_role_disabled {
	margin: 0px 5px 5px 5px;}

.task_resource {
	margin: 0px 5px 0px 5px;
	cursor: pointer;}

.task_resource_disabled {
	margin: 0px 5px 0px 5px;}

.task_status {
	text-align: right;
	top:7px;
	position:relative;
	width:53px;}

.task_duration {
	cursor: pointer;
	width: 50px;
	font-weight:bold;}

.task_duration:hover {
	color:#888;}

.task_duration_disabled {
	color:#000;}

.task_duration_label {
	margin-bottom:8px; }

.task_duration_label_disabled {
	color:#000;}

.task input {
	width:50px;}

.work_table_row .ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	height: 50px !important;}

.work_table_row .ui-sortable-placeholder {
	visibility: hidden;}
	
.importance_icon_1,
.importance_icon_2,
.importance_icon_3 {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	width:22px;
	height:22px;
	margin:0px;}
	
.importance_icon_1 {
	background-position:-214px -322px;}
	
.importance_icon_2{
	background-position:-214px -297px;}
	
.importance_icon_3{
	background-position:-214px -272px;}

.disabled .importance_icon_1 {
	background-position:-261px -322px;}
	
.disabled .importance_icon_2 {
	background-position:-261px -297px;}

.disabled .importance_icon_3 {
	background-position:-261px -272px;}	
	
/***** Container end *****/

/***** Dialogs *****/

.columns_col {
	margin-bottom: 1px;}
	
.columns_handle {
	cursor: move;
	cursor: -moz-grab;
	width: 60px;
	height: 16px;}
	
.columns_width {
	background: #f0f0f0;
	background: #f0f0f0;
	border: 1px solid black;
	height: 16px;}
	
#columns_dialog_text {
	display: none;}
	
.loading {
	text-align: center;
	font-size: 150%;
	color: #a0a0d0;
	margin-top: 100px;
	opacity: 1.0;
	filter: alpha(opacity=100);}
	
/***** Dialogs end *****/

/***** Header *****/
#header {
	padding-top:10px;}

#header .logo {
	position:relative;}

#header .logo.outside {
	margin-top:10px;}
	
#header .logo img {
	border:0;}
	
#logo_img {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -4px -439px;
	width: 180px;
	height: 38px;
	display: block;}
	
#header .login_info {
	font-size:0.7em;
	position:relative;
	text-align:right;}
	
#header .login_info a {
	text-decoration:none;
	color:#0071bc;}

#header .login_info a:hover {	
	color:#66c2ff;
	text-decoration:underline;}

#header .login_info_user {
	margin: 0 7px 5px 0;}
	
#header .login_info_user .user_name {
	margin-right:30px;}

#header_form_login {
	margin:10px 15px 0 0;}

#header_form_login .textbox {
	height:18px;}

#header .header_login_form_password,
#header .header_login_form_button {
	margin-left: 8px;}
	
	
#header .header_login_form_forgot {
	text-decoration: none;
	cursor: pointer;
	color: #0071bc;
	font-size: 0.7em;}
	
#header .header_login_form_forgot:hover {
	color:#66c2ff;}
	
#header .header_login_form_message {
	color: red;
	font-size: 90%;}
	
#header .header_login_form_password .textbox {
	width:130px;}
		
#header_form_login .login_button {
	border:none;
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -248px -492px;
	height:22px;
	width:42px;
	cursor:pointer;}

#header_form_login .login_button:hover {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -319px -492px;}
	
#header .no_login_form {
	width:100px;
	height:27px;}

/***** Header end*****/

/***** Menu *****/
#header .menu {
	height:25px;
	padding:5px 0 5px 0;}
	
#header .menu a.menu_item {
	text-decoration: none;}
	
#header .menu a {
	height:25px;
	line-height:23px;
	padding:0 5px;
	margin:0 5px;
	color:#0C2056;
	font-size:0.8em;
	font-weight:bold;}
	
#header .menu a.menu_item:hover,
#header .menu a.menu_item.current {
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	background-image:url(/img/gradients/topmenu_sprite.png);
	background-repeat:repeat-x;	
	background-position:0 0px;
	color:white;}
	
#header .menu.outside {
	margin:10px 10px 10px 0;}
	
#header .menu.outside a {
	height:30px;
	line-height:30px;
	padding:0 5px;
	margin:5px;
	color:#0C2056;
	font-size:1em;
	font-weight:bold;}
	
#header .menu a.menu_item.signup {
	color:#F26522;}

#header .menu a.menu_item.signup:hover
,#header .menu a.menu_item.signup.current {
	color:white;}
	
.popup_menu  {
	background:none repeat scroll 0 0 #F0F0F0;
	border:1px solid #D9D9D9;
	min-width:120px;
	font-size:0.7em;}

.popup_menu_item {
	color:#0071BC;
	cursor:pointer;
	margin:3px;}

.popup_menu_item:hover {
	color:#66C2FF;}
	
.popup_menu_item .label {
	margin:2px 0 0 6px;
	max-width:100px;} 

.popup_menu_item.separator {
	border-top:1px dotted grey;
	height:2px;
	margin:2px 0;
	width:100%;}
.popup_menu .icon.ascending, .popup_menu .icon.descending {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	height:6px;
	margin-top:4px;
	width:12px; }
	
.popup_menu .icon.ascending {
	background-position:-51px -53px; }

.popup_menu .icon.descending {
	background-position:-51px -46px; }	

.iteration .icon.before_last {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-22px -326px;
	height:16px;
	width:16px; }
	
.iteration .icon.before_last:hover {
	background-position:-22px -268px;}

.iteration .icon.last {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-150px -326px;
	margin-left:2px;
	height:16px;
	width:16px;}
	
.iteration .icon.last:hover {
	background-position:-150px -268px;}
	
.story_next,
.iteration .icon.next  {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-88px -326px;
	width: 16px;
	height:16px; }
	
.popup_menu_item.next:hover .story_next,
.iteration .icon.next:hover  {
	background-position: -88px -268px; }
	
.story_next_disabled,
.iteration .icon.next.disabled {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -88px -301px;
	width: 16px;
	height:16px; }
	
.story_backlog,
.iteration .icon.backlog  {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -118px -327px;
	width: 16px;
	height:16px; }
	
.popup_menu_item.backlog:hover .story_backlog,
.iteration .icon.backlog:hover {
	background-position: -118px -269px; }
	
.story_backlog_disabled,
.iteration .icon.backlog.disabled {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -118px -303px;
	width: 16px;
	height:16px; }
	
.story_current,
.iteration .icon.current {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -53px -325px;
	width: 16px;
	height:16px;}
	
.story_current:hover,
.iteration .icon.current:hover {
	background-position: -53px -267px;}
	
.story_current_disabled ,
.iteration .icon.current.disabled {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -53px -300px;
	width: 16px;
	height:16px;}

.story_top,
.iteration .icon.top {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -4px -327px;
	width: 16px;
	height:16px;}
	
.story_top:hover,
.iteration .icon.top:hover {
	background-position: -4px -269px;}
	
.story_top_disabled ,
.iteration .icon.top.disabled {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -4px -302px;
	width: 16px;
	height:16px;}

.story_bottom,
.iteration .icon.bottom {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -178px -326px;
	width: 16px;
	height:16px;}
	
.story_bottom:hover,
.iteration .icon.bottom:hover {
	background-position: -178px -268px;}
	
.story_bottom_disabled ,
.iteration .icon.bottom.disabled {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -178px -301px;
	width: 16px;
	height:16px;}
	
/***** Menu end *****/

/***** Footer *****/
.footer {
	color: #000;
	height:35px;
	width: 960px;
	margin-top: 7px;}
	
.footer_logo {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -147px 0px;
	width: 55px;
	height: 20px;}

.footer_middle {
	margin:2px 0 0 7px;
	font-size:0.7em;}

.footer_middle span {
	color:#333;
	position:relative;
	top:5px;}

.footer_right {
    margin: 7px 12px 0 0;
	font-size:0.8em;}

.footer_right a {
	color:#0071BC;
	text-decoration:none;
	margin:0 10px 0 0;}
	
.footer_right a:hover {
	color:#66c2ff;
	text-decoration:underline;}

.footer_right a.social {
	margin:-3px 0 0 5px;}

.footer_right a.social img {
	border:0;
	width:20px;
	height:20px;}
	
.footer_right span.social {
	margin-left:10px;
	color:#333;}

/***** Footer end *****/

/***** Suggestion Box *****/

.suggestion_header {
	min-height:74px;}
	
.suggestion_header .middle {
	padding: 5px;}
	
.choose_product {
	font-size:0.7em;
	line-height:16px;}
	
.choose_product .label {
	margin-right:5px;}
	
.search_panel .search {
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #999;
	cursor:pointer;
	background-image:url(/img/agilegem_sprite.png);
	background-position:-451px -353px;
	height:21px;
	width:23px;
	margin:2px 0 0 5px;}
	
.search_panel .search:hover {
	background-position:-488px -353px;}
	
.search_panel .remove {
	background-color:#FFE698;
	background-image:url(/img/agilegem_sprite.png);
	background-position:-524px -354px;
	height:21px;
	margin:1px 0 0 186px;
	position:absolute;
	cursor:pointer;
	width:19px;}
	
.search_panel .nbResult {
	color:#FFAF32;
	font-size:0.6em;
	font-weight:bold;
	margin-top:7px;
	position:absolute;
	right:417px;
	text-align:left;}
	
.suggestion table td {
	vertical-align: top;}
	
.suggestion table td.right  {
	padding-left: 2px;
	border-left: 1px solid #999;}

.suggestion .header_top {
	background-color: #D0D0D0;
	padding: 10px 0 10px 5px;}
	
.suggestion .header_top .big {
	font-weight: bold;}
	
.suggestion .header_top .small {
	font-style: italic;
	font-size:0.8em;}
	
.suggestion .header_top .count {
	color: #333;
	margin-right:5px;
	font-size:0.8em;}

.suggestion .header_bottom {
	background-image:url(/img/gradients/topheader_sprite.png);
	background-repeat:repeat-x;
	height:30px;
	color:#fff;}

.suggestion .header_bottom .head:hover {
	background-image:url(/img/gradients/topheader_sprite.png);
	background-repeat:repeat-x;
	height:30px;
	background-position:0 -29px;}
	
.suggestion .header_bottom .drop_menu {
	cursor: pointer;
	font-size:0.9em;
	padding: 7px 0 2px 5px;}
	
.suggestion .header_bottom .drop_menu .icon.ascending,
.suggestion .header_bottom .drop_menu .icon.descending  {
	background-image:url(/img/agilegem_sprite.png);
	height:6px;
	width:12px;	
	margin-left:5px;}

.suggestion .header_bottom .drop_menu .icon.ascending {
	background-position:-69px -54px;}
		
.suggestion .header_bottom .drop_menu .icon.descending {
	background-position:-69px -46px;}

	
.inbox {
	width:350px;}
	
.inbox_feedback {
	background-color: white;
	border: 1px solid #D5D5D5;
	font-size: 0.8em;
	width:330px;
	padding: 5px;
	margin: 5px;}

.inbox .inbox_feedback:hover {
	background-color: #F0F0F0;}
	
.inbox .inbox_feedback.selected {
	background-color: #FFF4D2}

.inbox .inbox_feedback.selected:hover {
	background-color: #FFE698;}

.inbox .header_bottom .date,	
.inbox_feedback .date {
	font-size: 0.8em;
	width:70px;}

.inbox .header_bottom .page_title,
.inbox_feedback .page_title {
	font-size: 0.8em;
	width: 120px;}

.inbox .header_bottom .user,
.inbox_feedback .user {
	font-size: 0.8em;
	width: 140px;}
	
.inbox_feedback .user .image {
	height: 25px;
	width: 25px;}

.inbox_feedback .user .name {
	overflow: hidden;
	padding-left:5px;
	width:110px}

.inbox_feedback .request {
	margin: 10px 0 10px 0;}
	
.inbox_feedback .actions {
	width: 100%;}
	
.inbox_feedback .actions .fake_link {
	font-size: 0.8em;
	margin-left:10px;}
	
.inbox_feedback .actions .fake_link.disabled {
	cursor: default;
	color: #999;}
	
.inbox_feedback .actions .fake_link.disabled:hover {
	text-decoration: none;
	color: #999;}

	
.published {
	width:600px;}

.published .content {
	overflow:hidden;
	width:600px;}

.published_feedback.closed {
	padding: 5px;
	background-color: white;
	border: 1px solid #D5D5D5;
	font-size: 0.8em;
	width: 588px;
	margin-top:-1px;}
	
.published_feedback.closed:hover {
	background-color: #F0F0F0;}
	
.published_feedback.closed.selected {
	background-color: #FFF4D2}

.published_feedback.closed.selected:hover {
	background-color: #FFE698;}

.published .header_bottom .votes,	
.published_feedback.closed .votes {
	width:60px;}

.published .header_bottom .name,
.published_feedback.closed .name {
	width: 300px;}

.published .header_bottom .status,
.published_feedback.closed .status {
	width: 140px;}
	
.published_feedback.closed .fake_link {
	font-size: 0.8em;
	margin-left:10px;}

	
.published_feedback.opened {
	margin-top:-1px;
	font-size: 0.8em;
	width: 578px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #D5D5D5;
	background-color: #F0F0F0;}
	
.published_feedback.opened  .message {
	font-size:0.8em;
	color:#666;}

.published_feedback.opened .right .fake_link {
	font-size:0.8em;
	margin:5px;
	text-align:right;}
	
.published_feedback.opened .right .votes {
	border: 1px solid #999;
	text-align:center;
	font-weight:bold;
	margin: 45px 5px 0 5px;
	background-color:white;}
	
.published_feedback.opened .right .votes .label {
	margin: 0;
	color:white;
	padding:4px;
	background-color: #999;}
	
.published_feedback.opened .right .votes .value {
	font-size:1.2em;
	padding:5px;
	color:black;}
	
	
#publish_dialog {
	font-size: 0.8em;}
	
#publish_dialog p {
	-moz-border-radius:11px;
	border-radius:11px;
	-webkit-border-radius:11px;
	background-color:#EFFFCE;
	border:1px solid #D8EFD3;
	color:#333333;
	min-height:18px;
	padding:10px;
	width:445px;}
	
#publish_dialog .row,
.published_feedback.opened  .row {
	width: 465px;}
	
#publish_dialog .small,
.published_feedback.opened .small {
	padding: 3px 3px 0 0;
	font-size: 0.7em;
	color: #666;}
	
#publish_dialog .label,
.published_feedback.opened .label {
	color:#666;
	margin-top:10px;}
	
#publish_dialog .requests,
.published_feedback.opened .requests,
.published_feedback.opened .users_who_voted {
	background-color: white;
	font-size:1.2em;
	width: 455px;
	padding: 5px;
	border:1px solid #999;
	max-height: 200px;
	overflow-y: scroll;}

.users_who_voted .user_vote {
	padding: 5px;
	margin-bottom:5px;
	border-bottom:1px dotted #D5D5D5;
	font-size:0.8em;}

.users_who_voted .user_vote .name {
	overflow: hidden;
	padding-left:5px;}
	
.users_who_voted .user_vote .image {
	height: 25px;
	width: 25px;}

.users_who_voted .user_vote .date {
	color: #666;}
	
.users_who_voted .user_vote .fake_link {
	margin-left:10px;
	font-size:0.8em;}
	
#link_dialog {
	font-size: 0.8em;}

#link_dialog .title {
	font-weight: bold;
	padding: 5px 0 5px 0;}

#link_dialog ul {
	border: 1px solid #999;
	height: 365px;
	width: 470px;
	background-color: white;
	overflow: scroll;}

#link_dialog .link_feedback {
	padding: 2px 5px 2px 5px;
	cursor:pointer;}
	
#link_dialog .link_feedback:hover {
	background-color: #F0F0F0;}
	
#link_dialog .link_feedback.selected {
	background-color: #FFF4D2}

#link_dialog .link_feedback.selected:hover {
	background-color: #FFE698;}
	


/***** Suggestion Box end *****/

/***** Private Beta Registrations *****/

#users .link,
#users_survey .link {
	margin: 10px 10px 0 0;
	color: #0071BC;
	font-size: 0.7em;
	text-decoration: none;}
	
#users .link:hover,
#users_survey .link:hover {
	color: #66C2FF;
	text-decoration: underline;}

#users .user_row {
	padding-bottom: 5px;
	padding: 5px;
	background: white;
	font-size:0.8em;
	border-bottom:1px solid #F0F0F0;}
	
#users .users_header .users_menu_bar {
	background-image:url(/img/gradients/topheader_sprite.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:0.7em;
	height:30px;
	line-height:28px;
	width:955px;
	padding-left:5px;}
	
#users .users_header .add_user_btn {	
	background-image:url(/img/agilegem_sprite.png);
	background-position:-223px -591px;
	cursor:pointer;
	height:22px;
	margin:10px 0 6px 10px;
	position:relative;
	width:64px;}
	
#users .users_header .add_user_btn:hover {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-317px -591px; }

#users .stats {
	font-size: 0.7em;
	margin: 14px 0 0 20px;}

#users .user_row:hover {
	background: #f0f0f0;}
	
#users .selected {
	background: #ffe698;}
	
#users .selected:hover {
	background: #eed587;}

#users  .status {
	width: 60px;
	margin-left:10px;}

#users .product {
	width: 40px;}

#users .project {
	width: 40px;}

#users .story {
	width: 40px;}

#users .activity {
	width: 40px;}
	
#users .email {
	width: 250px;}

#users .name {
	width: 150px;}

#users  .date_registration {
	width: 150px;}

#users  .resource_id {
	width: 40px;}

#users  .actions {
	margin-left: 20px;}
	
#users .invite_button {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-34px -594px;
	cursor:pointer;
	display:block;
	height:18px;
	margin-left:20px;
	width:18px;}
	
#users .invite_button.disabled {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-34px -568px;
	cursor:default;
	display:block;
	height:18px;
	margin-left:20px;
	width:18px;}

#users .email_button {
	margin-left: 20px;
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-629px -45px;
	display:block;
	height:16px;
	width:16px;
	cursor: pointer;}
	
#users .email_button.disabled {
	margin-left: 20px;
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -659px -45px;
	display:block;
	height:16px;
	width:16px;
	cursor: default;}

#users .delete_button {
	margin-left: 20px;
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -145px -88px;
	display:block;
	height:16px;
	width:16px;
	cursor: pointer;}
	
#users .delete_button.disabled {
	margin-left: 20px;
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -134px -88px;
	display:block;
	height:16px;
	width:16px;
	cursor: default;}

#email_dialog {
	background-color:#f0f0f0;
	padding:10px;} /*remove width after!!! */

#email_dialog input,
#email_dialog textarea {
	margin:5px 0 10px 0;
	width:422px;} 

#users_survey .page_container {
	background: #fff;}

#users_survey .page_container .header {
	background-image:url(/img/gradients/topheader_sprite.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:0.7em;
	height:30px;
	line-height:28px;
	width:958px;}
	
#users_survey .head{
	margin-left: 10px;}
	
#users_survey #users {
	margin: 5px 0 0 5px;}

#users_survey .question {
	padding: 10px;}

#users_survey .question .text {
	margin-bottom: 10px;}

#users_survey .question .count {
	margin: 5px;}

#users_survey .question .answer {
	margin: 5px;}
	
/****Iteration work (arrows, text styles...etc)****/

.CAROLINEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE {}	 /****THIS IS NOT A STYLE, IT'S A PLACEHOLDER!****/

		
.story_status_history,
.iteration_icon_before_last,
.iteration_icon_last {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -150px -410px;
	width:16px;
	height:14px;}
	
.disabled .story_status_history,
.disabled .iteration_icon_before_last,
.disabled .iteration_icon_last {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -150px -300px;
	width:16px;
	height:16px;}
	
.iteration_icon_current {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -51px -412px;
	width:16px;
	height:12px;}
	
.disabled .iteration_icon_current,
.disabled .iteration_icon_current:hover {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -51px -300px;
	width:16px;
	height:16px;}

.iteration_icon_next,
.iteration_icon_after_next {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-86px -411px;
	height:14px;
	width:20px;}
	
.disabled .iteration_icon_next,
.disabled .iteration_icon_after_next,	
.disabled .iteration_icon_next:hover,
.disabled .iteration_icon_after_next:hover {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -86px -300px;
	width:16px;
	height:16px;}

.iteration_icon_backlog {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -115px -411px;
	width:16px;
	height:14px;}
	
.disabled .iteration_icon_backlog {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -115px -300px;
	width:16px;
	height:16px;}

.use_velocity {
	float: left;
	margin-top:5px;}

.my_stories {
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#ffaf32;
	padding:5px;
	color:#fff;}

a.my_stories:hover {
	background-color:#ffe698;
	padding:5px;
	color:#fff;
}

.radio_btn {
	bottom: 3px;
	position:relative;}


/***************************Plan Header (consists of Top, Middle and Bottom sections)******************************/
	
	/***Top section***/
		
#filter_bluebar  {
	-moz-border-radius-topleft:11px;
	border-top-left-radius:11px;
	-webkit-border-top-left-radius:11px;
	-moz-border-radius-topright:11px;
	border-top-right-radius:11px;
	-webkit-border-top-right-radius:11px;
	background-color:#5d9bc4;
	border-bottom:1px solid #D9D9D9;
	color:#FFFFFF;
	height:45px;
	width:100%;}
	
.work_header #filter_bluebar  {
	top:-1px;
	position:relative;}

#filter_bluebar .filter_btn {
	-moz-border-radius-topleft:11px;
	-moz-border-radius-bottomright:11px;
	border-top-left-radius:11px;
	border-bottom-right-radius:11px;
	-webkit-border-top-left-radius:11px;
	-webkit-border-bottom-right-radius:11px;
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-430px -571px;
	border-right:1px solid #999;
	cursor:pointer;
	height:35px;
	margin-right:9px;
	width:91px;}
	
#filter_bluebar .filter_words {
	color:#333333;
	font-size:0.7em;
	line-height:35px;
	text-align:center;
	width:91px;}
	
#filter_bluebar .filter_btn:hover {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-430px -631px;
}

#filter_bluebar .all {
	font-size:0.9em;
	padding:9px 0px 0px 3px;}

#filter_bluebar .product  {
	margin:0px 10px 4px 5px; }
	
#filter_bluebar .product .product_logo {
	width:28px;
	height:28px;
	background:#fff;
	margin:4px 5px 0 0;}

#filter_bluebar .product .projects {
	font-size:0.6em;
	margin:4px 9px 0 4px;}
	
#filter_bluebar .product .days_left,
#filter_bluebar .product .days_left.one,
#filter_bluebar .product .days_left.two {
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	font-size:0.6em;
	margin:4px 0 0 2px;
	padding:2px 4px 3px;}   	
	
#filter_bluebar .product .days_left {
	background:#999;}
	
#filter_bluebar .product .days_left.one {
	background:#d52300;}
	
#filter_bluebar .product .days_left.one.move_to_history {
	cursor:pointer;}
#filter_bluebar .product .days_left.one.move_to_history:hover {
	font-weight:bold;}
	
#filter_bluebar .product .days_left.two {
	background:#ffaf32;}
	
#filter_bluebar .product .days_left.three {}	
		
#filter_bluebar .resource {
	height:35px;}		
		
#filter_bluebar .resource .resource_img {
	height:28px;
	background:#fff;
	margin:4px 7px 0 15px;}
	
#filter_bluebar .resource .resource_name {
	font-size:0.7em;
	margin-top:12px;
	min-width:70px;
	max-width:135px;}
	
/***Middle section***/

.search_panel {
	width:236px;}	
	
.search_panel .empty {
	color:#333;
	font-style:italic;}
	
.search_panel input { 
	height:21px;
	width:200px;
	margin-top:2px;}
	
.search_panel .search {
	border:1px solid #999;
	cursor:pointer;
	background-image:url(/img/agilegem_sprite.png);
	background-position:-451px -353px;
	height:21px;
	width:23px;
	margin-left:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;}
	
.search_panel .search:hover {
	background-position:-488px -353px;}
	
.search_panel .remove {
	background-color:#FFE698;
	background-image:url(/img/agilegem_sprite.png);
	background-position:-524px -354px;
	height:21px;
	margin:3px 0 0 182px;
	position:absolute;
	cursor:pointer;
	width:19px;}
	
.search_panel .nbResult {
	color:#FFAF32;
	font-size:0.6em;
	font-weight:bold;
	margin-top:7px;
	position:absolute;
	right:417px;
	text-align:left;}
	
.add_story { 
	background-image:url(/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d);
	background-position:-181px -648px;
	cursor:pointer;
	height:24px;
	width:95px;
	margin-left:150px;
	margin-top:1px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	color:white;}

.add_story .plus {
	font-size: 0.7em;
	font-weight: bold;
	padding: 5px;}
	
.add_story .text {
	font-size: 0.8em;
	padding-top: 5px;}
	
.add_story:hover {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-181px -674px;}
	
.add_story.disabled {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-181px -700px;}
#messages .message, #notification {
	-moz-border-radius:11px;
	border-radius:11px;
	-webkit-border-radius:11px;
	background-color:#EFFFCE;
	border:1px solid #D8EFD3;
	color:#333333;
	font-size:0.8em;
	min-height:18px;
	padding:11px 0 10px 10px;
	margin:5px 10px 5px 10px;
	width:926px;}

#messages .message .information {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-33px -542px;
	height:18px;
	width:21px;}
	
#messages .message .text {
	font-size:0.9em;
	line-height:14px;
	margin-left:7px;
	max-width:866px;}
	
#messages .message .close,
#notification .close {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-134px -73px;
	cursor:pointer !important;
	float:right;
	height:16px;
	margin-right:10px;
	position:relative;
	width:10px;}
	
#messages .message .close:hover,
#notification .close:hover {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-150px -73px;
	height:16px;
	width:10px;}
	
#messages .message .close span{
	bottom:4px;
	position:relative;}

#messages .message .link,
#messages a,
#notification a,
#notification .fake_link, .ui-widget-content .fake_link {
	color: #0071bc;
	cursor: pointer;}
	
#messages .message .link:hover,
#messages a:hover,
#notification a:hover,
#notification .fake_link:hover, .ui-widget-content .fake_link:hover {
	color: #66c2ff;
	text-decoration:underline;}

#notification {
	display:none;
	position:fixed;
	top:0;
	margin-left:auto;
	margin-right:auto;
	z-index:501;
	width:945px;}
	

	/***Bottom section***/
#filter_drops { float:left; font-size:0.7em; padding:.5em; width:99% }

#filter_drops .ui-button {
	-moz-border-radius: 4px;
	border-radius:4px;
	-webkit-border-radius:4px;}
#filter_drops .ui-button-icon-only {
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius:0;
	-webkit-border-top-left-radius:0;
	width: 2.0em;}
#filter_drops .ui-button-icon-only .ui-button-text { padding: 0.35em; } 

#filter_drops #filter_go { width:auto; width:63px; display:none; margin-top:1em; height:19px !important; margin-left:10px; }
#filter_drops .dropContainer:first-child { margin-left:15px;  }
#filter_drops .dropContainer { margin-left:4px; position:relative;  }
#filter_drops .dropContainer div.dropLabel {
	margin-bottom:2px;}

#filter_drops .ui-combobox-menu-heading,
#filter_drops .ui-combobox-menu-item,
#filter_drops .ui-combobox-menu,
#filter_drops li a.ui-corner-all {
	-moz-border-radius: 0px;
	border-radius:0px;
	-webkit-border-radius:0px;}

.dropSeparator {
	font-size:2em;
	font-weight:bold;
	margin:10px;}

.filter-action-container {
	display:none;
	background-color:#5d9bc4;
	height:30px;
	padding: 8px 0 0 20px;
	width:147px;
	position:relative;
	top:-9px;
	clear:both;}
.filter-action-container button:first-child { margin-right:5px; }
.filter-action-container button .ui-icon { display:none; }
.filter-action-container button .ui-button-text {
	font-weight: normal;}
.filter-action-container button { padding-right:5px; }
.filter-action-container button {
	font-size:0.9em;
	padding: 1px 10px 1px 10px;}

.plan_header .middle {
    padding:3px;}   
 
#filter_summary_iteration .filter_btn {
	font-size:0.6em;
	height:32px;
	line-height:11px;
	margin-top:5px;
	padding-left:10px;
	width:73px;}
	

#filter_summary_iteration .iteration {
	margin-top:3px;
	width:56px;
	height:30px;}	

#filter_summary_iteration .iteration .iteration_icon_last,
#filter_summary_iteration .iteration .iteration_icon_before_last,
#filter_summary_iteration .iteration .iteration_icon_current,
#filter_summary_iteration .iteration .iteration_icon_next,
#filter_summary_iteration .iteration .iteration_icon_after_next,
#filter_summary_iteration .iteration .iteration_icon_backlog  { 
	margin:auto; }

#filter_summary_iteration .iteration .iteration_icon_last {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:  -146px -299px;
	width:20px;
	height:14px;}	
	
#filter_summary_iteration .iteration .iteration_icon_before_last {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-20px -299px;
	width:20px;
	height:14px;}	
	
#filter_summary_iteration .iteration_icon_current {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -53px -299px;
	width:20px;
	height:14px;}	
	
#filter_summary_iteration .iteration .iteration_icon_next,
#filter_summary_iteration .iteration .iteration_icon_after_next {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -84px -299px;
	width:20px;
	height:14px;}	
	
#filter_summary_iteration .iteration .iteration_icon_backlog {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-116px -299px;
	width:20px;
	height:14px;}	

#filter_summary_iteration .iteration .label {
	font-size:0.6em;
	text-align:center;
	margin-top:2px;}

#filter_finegrained {
	border-bottom: 1px dotted #D5D5D5;
	margin-bottom: 5px;
	font-size:0.7em;
	width:100%;
	color:#333;}

#filter_finegrained fieldset {
	border: 0;
	border-right:1px solid #D5D5D5;
	margin:0.5em;
	float:left;
	padding:0 15px;}

#filter_finegrained fieldset.last {
	border:0}	

#filter_finegrained fieldset legend {
	padding-bottom:0.7em;}

#filter_finegrained fieldset input {
	margin-right:0.5em;}

#filter_finegrained fieldset label {
	font-size:0.85em;
	padding-right:10px;
	padding-top:5px;}	

#filter_finegrained label.grey { background-color: #E5E5E5; }
#filter_finegrained label.green { background-color: #92CD7F; }
#filter_finegrained label.yellow { background-color: #FFE698; }

.plan_header .bottom,
.work_header .filter_summary {
	width:958px;
	background-color:#d5d5d5;
	border-top: 1px solid #999;}
	
.work_header #filter_summary_iteration.filter_summary {
	margin-top:10px;}

.plan_header .toggle_columns p{
	width:62px;
	margin:0px 10px 0 0;
	text-align: center;
	font-size: 0.6em;
	line-height:11px;
	display:table-cell;
	vertical-align:middle;
	height:33px;}
.plan_header .toggle_columns p:hover{
	text-decoration:underline;}

.plan_header .bottom .fake_link, .work_header .fake_link {
	color:#0071bc;}
.plan_header .bottom .fake_link:hover, .work_header .fake_link:hover {
	color:#66c2ff;}

		
/**********************END OF TOP HEADER STYLES******************************/	
	

/* Note: Styles .iteration .icon* defined above are also used. */

#iteration_filter_dialog {
	overflow-x:hidden!important;}

#iteration_filter_dialog .title {
	font-size:1.2em;
	left:10px;
	position:relative;
	top:10px;}
	
#iteration_filter_dialog .content {
	text-align: center;
	padding: 10px;
}
#iteration_filter_dialog .item {
	cursor: pointer;
	margin-bottom: 5px;
}
#iteration_filter_dialog .item:hover {
	color:#999;
}
#iteration_filter_dialog .item .label {
	max-width: 100px;
	margin:2px 0 0 6px;}

/* Plan Time Dialog */

#plan_time_dialog {
	overflow-x: hidden;
	background-color:#f0f0f0;}

#plan_time_dialog .plan_time_header {
	border-bottom: 1px solid #999;
	padding: 0px 5px;
	width: 100%;
	font-weight:bold;
	background-color:#fff;}
	
#plan_time_dialog .plan_time_task {
	padding: 0px 5px;
	border-bottom: 1px solid #999;
	width: 100%;}
	
#plan_time_dialog .plan_time_task.pending,
#plan_time_dialog .plan_time_task.inprogress {
	background: #FFF4D2;
}
#plan_time_dialog .plan_time_task .task_name .edit_in_place textarea {
	width:100px;
	margin-bottom:8px;}
	
#plan_time_dialog .task_name,
#plan_time_dialog .task_name_head {
	margin-left:5px;
	padding:6px 10px 5px 0px;
	width:180px;
	min-height:13px;}

#plan_time_dialog .task_name {
	color:#0071bc;}

#plan_time_dialog .resource_id,
#plan_time_dialog .resource_id_head  {
	padding-top:6px;
	height:18px;
	margin-left: 5px;
	width: 150px;}

#plan_time_dialog .resource_id {
	color:#0071bc;}
	
#plan_time_dialog .resource_id:hover,
#plan_time_dialog .task_name:hover {
	color:#66c2ff;
	cursor: pointer;}

#plan_time_dialog .status {
color:#777;}

#plan_time_dialog .status,
#plan_time_dialog .status_head {
	margin-left:5px;
	padding:6px 10px 5px 0px;
	width:100px;
	min-height:13px;}
	
#plan_time_dialog .duration,
#plan_time_dialog .duration_head  {
	margin-left: 5px;
	width: 120px;}
	
#plan_time_dialog .duration_head  {
	padding-top:6px;
	height:18px;}
	
#plan_time_dialog .duration  {
	margin-top:3px;
	width:100px; }

/********End of Plan Time Dialog**********/

#feedback_dialog {
	overflow-x: hidden;}
	
.feedback_bar  {
	height:19px;
	padding:9px 0 0;}
	
.dropFeedback {
	background:none repeat scroll 0 0 #F0F0F0;
	border:1px solid #D9D9D9;
	max-width:880px;}
	
.popular_row .votes {
	margin-left:10px;
	font-weight:bold;
	font-size:1em;}
	
.popular_row .description {
	font-size:0.7em;
	color:gray;
	width:600px;
	height:24px;
	overflow:hidden;}
	
.popular_row .description .found {
	background-color:#ffe698;
	border:none;
	padding:0px 2px;}
	
.popular_row .status {
	margin-left:20px;}
	
.popular_row .button_vote {
	margin-left:10px;}

.popular_row .send_button{
	color:#fff;
	font-size:0.8em;
	padding:3px 6px;
	background-color:#999;
	margin:0 12px 0 10px;
	cursor:pointer;}

.popular_row .send_button:hover{
	color:#999;
	background-color:#e0e0e0;}
	
.popular_row {
	margin-top:10px;
	margin-bottom:10px;}

#tips_bar {
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-border-radius:12px;
	background-color:#FFFFFF;
	cursor:pointer;
	font-size:0.7em;
	height:25px;
	line-height:25px;
	text-align:left;
	width:100px;
	margin:5px;}
	
#tips_bar.selected {
	background-color:#fff4d2;} 
	
#tips_bar .lightbulb {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:0 -34px;
	height:18px;
	margin:4px 5px 0 9px;
	width:16px;}
	
#tips_bar.selected .lightbulb {
	background-position:0px -6px;}

#tips_bar label {
	color:#0071BC;
	cursor:pointer;
	line-height:12px;
	margin-top:6px;
	text-align:center;}
	
#tips_bar label:hover {
	color:#66c2ff;}

.feedback_button {
	background-image:url(/img/agilegem_sprite.png);
	background-position: -214px -409px;
	cursor: pointer;
	height: 20px;
	width:53px;}
	
.feedback_button:hover {
	background-image:url(/img/agilegem_sprite.png);
	background-position: -295px -409px;}

.disabled .feedback_button  { 
	background-image:url(/img/agilegem_sprite.png);
	background-position: -358px -409px;
	cursor: default;
	height: 20px;
	width:53px;} 
 
#feedback_form .loudspeaker {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-537px -6px;
	bottom:6px;
	height:25px;
	position:relative;
	width:31px;
	margin:0 0px 0 10px;}

.disabled div .loudspeaker {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-576px -6px!important;
	cursor:default;}
	
#feedback_form .title {
	font-size:0.7em;
	margin-right:5px;
	margin-top:4px;}
	
/****the next two selectors have weird font sizes,  <select> and <input>****/
#feedback_suggestion {
	font-size:0.75em; 
	height:19px;
	padding:0 0 2px 2px;}

#feedback_details {
	font-size:0.75em;
	height:17px;
	margin:0 5px 0 6px;
	width:440px;}
	
#feedback_details.empty {
	color:#999;
	font-style:italic!important;}
	
.found {
	background-color:#ffe698;
	border:1px solid #ffaf32;
	padding:0px 2px;}

#pic {
	width:25px;
	height:25px;}

.left_settings {
	padding-top:17px;
	text-align:right;
	width:350px;
	color:#333333;
	margin-top:2px;}

.right_settings {
	width:600px;
	padding-top:15px;}

.img_info {
	width:100px;
	padding-left:15px;
	color:#777;}

/* manage section */

/* Header */

.product_content .menuProduct {
	font-weight: bold; 
	margin:10px 5px 10px 0;}

.manage_header .addproduct_btn {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-216px -561px;
	margin:10px 0 6px 10px;
	cursor:pointer;
	height:22px;
	position:relative;
	width:80px;}

.manage_header .addproduct_btn:hover {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-317px -561px;}
	
.manage_header .stats {
	margin:14px 0 0 10px;
	font-size:0.8em;}

#chooseProduct {
	margin:0 10px;}
	
#chooseProduct.active .arrow {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-278px -197px;
	height:10px;
	left:68px;
	position:relative;
	top:2px;
	width:13px; }
	
#choosePeople.active .arrow {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-278px -197px;
	height:10px;
	left:22px;
	position:relative;
	top:2px;
	width:13px; }

.manage_menu_bar {
	background-image:url(/img/gradients/topheader_sprite.png);
	background-repeat:repeat-x;
	font-size:0.7em;
	height:30px;
	width:960px;	
	color:#fff;}

.manage_menu_bar div {
	margin-top:9px;}

.manage_menu_bar .products{
	padding-left:10px;
	width:320px;}

.manage_menu_bar .projects{
	width:322px;}

.manage_menu_bar .people{
	width:300px;}

/* end header */

/* Products and projects section */

.delete_btn{
	width:111px;
	float:right;}

.product_content .product_owner {
	margin:10px 0;}
	
.product_content .product_owner .icon_manage_size{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	margin:4px 6px 0 2px;
	position:relative;
	bottom:3px;
	width:28px;
	height:28px;
	padding:0px;}
	
.product_content .product_owner .change_owner {
	color:#0071BC;
	cursor:pointer;
	margin:10px;}
	
.product_content .product_owner .change_owner:hover {
	color:#66C2FF;}
	
.product_peopleInvolved{
	margin:10px 0 20px 0;
	width:296px;
	border-bottom:1px solid #d5d5d5;}

.product_peopleInvolved .deleteProduct_btn{
	cursor:pointer;
	margin-top:7px;}
	
.product_peopleInvolved .deleteProduct_btn:hover {
	color:#999;}
	
.peopleInvolved {}

.product_peopleInvolved div .peopleColumn{
	background-color:#E0E0E0;
	width:211px;}
	
.peopleColumn .name{
	font-weight:bold;
	margin:3px 0 3px 0;
	width:150px;}
	
.product_peopleInvolved .peopleColumn{ /*This style applies to the newly added teammates row*/
	border-top:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
	padding:8px 0 6px 10px;
	height:15px;
	width:211px;}
	
.product_peopleInvolved .peopleColumn .addPeopleToProduct_btn {
	color:#0071bc;
	left:45px;
	position:relative;
/*	background-image:url(/img/agilegem_sprite.png);
	background-position:-224px -592px;
	bottom:2px;
	height:19px;
	width:62px;*/}

.product_peopleInvolved .peopleColumn .addPeopleToProduct_btn:hover {
	color:#999;
	cursor:pointer;}	
	
.product_peopleInvolved div .permissionColumn{
	background-color:#E0E0E0;
	border-top:1px solid #E0E0E0;
	height:29px;
	line-height:27px;
	padding-left:9px;}
	
.product_peopleInvolved .permissionColumn{
	border-top:1px solid #E0E0E0;
	height:26px;
	line-height:26px;}

.product_peopleInvolved .peopleInvolved .peopleColumn,
.product_peopleInvolved .peopleInvolved .permissionColumn{
	min-height:35px;
	background-color:#f0f0f0;}
	
.product_peopleInvolved .peopleInvolved .peopleColumn {
	border-top:1px solid #E0E0E0;
	border-right:1px solid #e0e0e0;}
	
.product_peopleInvolved .peopleInvolved .peopleColumn .projectAlias {
	/*width:103px; */
	margin-left:5px;}
	
.product_peopleInvolved .peopleInvolved .peopleColumn .btnSupp, 
.product_peopleInvolved .peopleColumn .btnSupp {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-134px -88px;
	cursor:pointer !important;
	margin-right:4px;
	height:16px;
	position:relative;
	width:10px;}
	
.product_peopleInvolved .peopleInvolved .peopleColumn .disabled,
.product_peopleInvolved .peopleInvolved .peopleColumn .btnSupp.disabled:hover {
	background-image:none;
	cursor:default !important; }

.product_peopleInvolved .peopleInvolved .peopleColumn .btnSupp:hover,
.product_peopleInvolved .peopleColumn .btnSupp:hover  {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-150px -88px;
	height:16px;
	width:10px;}
	
.product_peopleInvolved .peopleInvolved .peopleColumn .btnSupp span, 
.product_peopleInvolved .peopleColumn .btnSupp span {
	bottom:3px;
	position:relative;}	

.product_peopleInvolved .peopleInvolved .permissionColumn {
	line-height:17px;
	padding-top:10px;}
	
.menuPeopleRow {
	background:#E0E0E0 none repeat scroll 0 0;
	height:18px;
	line-height:18px;
	padding:4px 0;
	width:622px;}

.people_description table {	
	background-image:url(/img/manage_peopleinvolved_background.png?v=fe48cebe43510b737c2718619fe4154d);
	background-repeat:repeat-y;
	border-collapse:collapse;
	border-bottom:1px solid #D5D5D5;
	width:620px;}	
	
.people_description table td {	
	min-height:20px;
	border-top:1px solid #e0e0e0;
	padding-top:7px;}	
	
.peopleRow .peopleDescription {
	padding-left:5px;
	width:222px;}
	
.peopleRow .peopleDescription .pending {
	margin-top:1em;
	color:#d52300;}
	
.peopleRow .peopleDescription .name {
	margin:0 0 4px 0;}	

.peopleRow .peopleDescription .icon_product_size{
	padding:0px;}

.peopleRow .people_involvement {
	color:#0071BC;
	padding-left:32px;
	padding-top:7px;
	width:181px;}
	
.peopleRow .people_involvement .association {
	cursor:pointer;	}
	
.peopleRow .people_involvement .association:hover {
	color:#66c2ff;
	cursor:pointer;}
	
.peopleRow .people_involvement.disabled,
.peopleRow .people_involvement.disabled:hover {
	cursor:default;
	color:#999;}

.peopleRow .people_involvement div div {
	height:20px;
	line-height:18px;}

.menuPeopleRow .description {
	padding-left:10px;
	width:245px;}

.menuPeopleRow .involvement { 
	width:193px;
	margin-left:3px;}

.menuPeopleRow .role {
	width:85px;}

.peopleRow {	
	height:100px;}	
	
.peopleRow .roles {
	padding-left:8px;
	padding-top:4px;
	position:relative;}
	
.peopleRow .roles.observer {
	width:140px;}
	
.peopleRow .roles .roleContent{
	bottom:1px;
	line-height:16px;
	position:relative;}
	
.peopleRow .roles.worker .roleRow{
	padding:2px 0;
	margin-left:3px;}
	
.peopleRow .roles.worker .addRolesBtn {
	height:24px;
	line-height:18px;
	color:#0071BC;
	margin:5px 0 0 8px;}
	
.peopleRow .roles.worker .addRolesBtn:hover {
	color:#66c2ff;
	text-decoration:underline;}
	
.peopleRow .roles.worker .addRolesBtn div {
	width:33px;
	cursor:pointer;}

.peopleRow .people_settings {
	padding-top:7px;}
	
.peopleRow .people_settings .btnSupp {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-134px -88px;
	cursor:pointer !important;
	height:16px;
	left:10px;
	margin-right:11px;
	position:relative;
	width:11px;}
	
.peopleRow .people_settings .btnSupp:hover {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-150px -88px;}
	
.peopleRow .people_settings .btnSupp span {
	bottom:3px;
	position:relative;}

.permissionColumn {
	padding-left:5px;
	width:65px;}

.permissionColumn input {
	margin-right:5px;}	
	
.product_panel {
	background-color:#f0f0f0!important;} /*This needs to be here, or else background will be white*/

.product_panel .product_row .close,
.product_panel .product_row .close .product_header{
	background-color:#e0e0e0;}
	
.product_panel .product_row .close:hover {
	background-color:#d5d5d5;}
	
.product_panel .product_row  .active{
	background-color: #FFF4D2;} 
	
.product_panel .product_row .active:hover {
	background-color: #ffe698;}
	
.product_panel .product_row .show_product {
	background-color:#E0E0E0;}
	
.product_panel .product_row .show_product:hover {
	background-color:#d5d5d5!important;}

.product_panel .product_row .product_menu .align_menu {
	line-height:39px;}
	
.product_menu {
	border-bottom:1px solid #D9D9D9; 
	border-top:1px solid #D9D9D9;
	cursor:pointer;
	font-size:0.8em;
	height:40px;
	line-height:40px;
	margin-top:-1px;
	padding-right:1px;
	width:315px;}
	
.product_menu.active,
.project_people_menu.active {
	background-color:#fff4d2;}

.product_menu .admin {
	margin-right: 10px;
	font-size:0.8em;
	color: #777;}

.product_header .project_people_menu {
	cursor:pointer;
	font-size:0.8em;} 

.project_people_menu {
	cursor:pointer;
	border-bottom:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	height:40px;
	width:642px;
	margin-top:-1px;
	line-height:40px;
	font-size:0.7em;}
	
.project_people_menu .project .iconProject {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-631px -353px;
	height:17px;
	margin-top:10px;
	padding-right:14px;
	width:17px;}

.project_people_menu  .project {
	margin-left:10px;
	width:320px;}
	
.rowProject .project_people_menu{
	background-color:#E0E0E0;}
	
.rowProject .project_people_menu:hover{
	background-color:#d5d5d5;}
	
.rowProject .project_people_menu.active{
	background-color:#FFf4d2!important}
	
.rowProject .project_people_menu.active:hover{
	background-color:#FFE698!important}

.project_people_menu  .people {
	width:293px;
	position:relative;}

.project_people_menu .addPeopleContainer {
	position:absolute;
	left:78px;
	top:11px;
	width:300px;
	line-height:1.5em;
}

.product_content .addPeopleToProject_btn {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-83px -597px;
	height:15px;
	width:15px;
	cursor:pointer;
	margin-right:0.5em;}
	
.project_people_menu .addPeopleContainer span {
	display:none;
	padding-left:20px;
	width:100px;
} 

.project_people_menu:hover .addPeopleContainer span {
	display:block;
} 
	
.project_people_menu  .people .addPeopleToProject_btn:hover {
	background-position:-101px -597px;}
	
.project_panel {
	width:295px;
	padding:10px;
	overflow:hidden;
}
	
.project_panel select {
	margin-top:8px;}
	
.project_panel img.project_upload {
	margin-right:4px;}

.project_panel .product-name {
	width:285px;
}

.align_menu {
	width:300px;
	padding-left:10px;}

.align_column {
	margin-left:5px;}

.product_content {
	width:958px;
	background-color:#f0f0f0!important;}

.product_details {
	width:315px;
	background-color:#f0f0f0;
	border-right:1px solid #999;
	font-size:0.7em;}

.project_section {
	width:630px;
	border-left:1px solid #D9D9D9;
	margin-left:-1px;}

.project_header {
	width:630px;}

.roleDescription  .worker {
	border-top:1px solid #D9D9D9;
	margin-top:6px;
	padding:5px 0 5px 17px;
	width:142px;}
	
.roleDescription  .icon_manage_size {
	position:relative;
	top:11px;
	width:14px;
	cursor:pointer;
	margin-left:5px;}
	
.roleDescription  .add_roles {
	border-bottom:1px solid #D9D9D9;
	color:#0071BC;
	cursor:pointer;
	font-weight:bold;
	padding:6px 0;
	position:relative;
	top:3px;}
	
.roleDescription  .add_roles:hover {
	color:#777; }
	
.roleDescription  .worker_label,
.roleDescription  .observer_label {
	display:inline;
	vertical-align:super;
	padding-right:11px;	}

.roleDescription  .observer_label {
	margin-bottom:10px;}
	
.people_header {
	width:305px;}

.project_content {
	width:632px;
	background-color:#f0f0f0;
	padding-left:10px;}

.numberProject {
	width:80px;}

.changeImage{
	margin-top:6px;
	background-color:transparent;
	border:0 solid white;
	font-family: 'Verdana', Tahoma, Arial, 'Sans serif';
	font-size:100%;
	width:161px;
	cursor:pointer;
	color:#0071bc;}
	
.changeImage:hover {
	color:#66c2ff;}
	
.changeImage.disabled, 
.changeImage.disabled:hover {
	cursor:default;
	color:#999;}
	
.changeImage:hover {
	color:#66c2ff;}

.addProject_btn {
	color:#0071bc;
	cursor:pointer;
	height:22px;
	position:relative;}
	
.addProject_btn:hover {
	color:#66c2ff;
	text-decoration:underline;}

.project_content .project_description {
	margin-right:15px;}
	
.project_content .project_description .fr .fieldInfo {
	top:4px;
	margin-right:0;
	position:relative;
	width:115px;}
	
.product_details .project_panel .fieldInfo  {
	top:10px;
	position:relative;
	color:#999;
	right:6px;}
	
.product_details .project_panel textarea  {
	width:288px;}
	
.project_content .project_description .fieldInfo {
	height:23px;
	line-height:23px;
	margin-left:6px;
	color:#999;}
	
.project_content .project_description textarea {
	width:340px;}

.project_description .title_Product {
	margin-bottom:18px;}
	
.project_description input {
	margin-top:1px;}
	
.project_content .people_description {
	margin-top:15px;
	padding:0 0 20px 10px;
	position:relative;
	right:10px;
	width:635px;
	font-size:0.7em;}
	
.people_description img {
	height:28px;
	margin-right:7px;
	width:28px;}
	
.people_description .roleDescription  {
	background:#D5D5D5;
	border:1px solid #D9D9D9;
	margin-top:10px;
	width:180px;}
	
.people_description .roleDescription input  {
	position:relative;
	margin-left:10px;
	height:19px;}

.peopleDescription{
	width:150px;}

.manage_panel {
	width:950px;
	margin-top:9px;
	border-left:1px solid #999;	
	border-right:1px solid #999;}

.product_center_separation{
	width:130px;}

.product_center_separation div{
	margin-bottom:5px;}

.product_center_separation select{
	margin-top:5px;}
 
.timezone_width {
	bottom:11px;
	position:relative;
	width:293px;}

.separation_manage {
	margin-bottom:5px;}

.separation_manage textarea  {
	width:271px;
	bottom:8px;
	height:50px;
	position:relative;}

.changeColor {
	width:20px;
	height:20px;
	border:1px solid;
	background-color:white;
	margin-right:5px;
	cursor:pointer;}

.title_Product{
	font-weight: bold;
	margin-bottom:16px;}

.product_details .clear {}

.product_peopleInvolved .clear { /*this is here to hide the "clear" div in a section of the Manage by products page*/
	border-top:none;
	margin:0;
	position:relative;
	top:0;
	overflow:none;}

.icon_product .icon_manage_size,
.icon_manage_size {
	background:#FFFFFF none repeat scroll 0 0;
	height:20px;
	position:relative;
	width:20px;}

.product_menu .icon_manage_size {
	left:6px;
	margin:10px 14px 10px 2px;}
	
.iconUp {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-283px -42px;
	height:15px;
	position:relative;
	top:17px;
	width:13px;}
	
.project_header .project_people_menu .iconUp {
	right:19px;
	background-color:transparent;}
	
.peopleRow .iconUp {
	top:6px;}
	
.active .iconUp {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-283px -64px;
	height:15px;
	position:relative;
	width:13px;}

.peopleRow .iconUp.active{
	top:6px;}

.product_peopleInvolved .peopleColumn .icon_manage_size{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	margin:6px 6px 0 2px;
	position:relative;
	bottom:3px;
	width:28px;
	height:28px;
	padding:0px;}
	
.project_panel .colourpicker {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-230px -139px;
	bottom:7px;
	height:22px;
	position:relative;
	width:22px;	}
	
.clickable{
	color:#0071bc;
	cursor:pointer;
	line-height:18px;
	margin-bottom:15px;	}

.clickable:hover{
	text-decoration:underline;
	color:#66c2ff; }
	
.project_content .clickable {
	font-size:0.8em;}
	
.product_details .delete_btn.clickable {
	font-size:1.2em;}
	
.project_upload.clickable,
.changeColorText {
	color:#0071BC;
	cursor:pointer;
	font-weight:normal;
	height:31px;
	line-height:21px;
	margin:0 21px 0 0;
	padding-left:3px;
	text-decoration:none;}
	
.project_upload.clickable.hover {
	color:#66c2ff;
	text-decoration:underline;
	cursor:pointer;}

.changeColorText:hover {
	color:#66c2ff;
	cursor:pointer;}
	
.manage_tooltip,
.permissionColumn .manage_tooltip{
	background-image:url(/img/agilegem_sprite.png);
	background-position:-235px -115px;
	cursor:pointer;
	height:15px;
	width:15px;}
	
.project_panel .manage_tooltip  {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-235px -115px;
	padding-left:5px;
	margin-top:7px;}

.project_section .manage_tooltip  {
	margin:1px 0 0 5px;}
	
/* End of products and projects section */

/* people section */

.people_row {
	width:950px;}
	
.resource_menu {
	border-bottom:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	cursor:pointer;
	height:40px;
	line-height:40px;
	margin-top:-1px;
	width:315px;
	background: #FFE698;
	font-size:0.7em;}
	
.icon_resource .icon_manage_size {
	background:#FFFFFF none repeat scroll 0 0;
	height:20px;
	padding:3px;
	position:relative;
	width:20px;}
	
.product_project_menu {
	cursor:pointer;
	background-color:#fff4d2 ;
	border-bottom:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	height:40px;
	width:634px;
	margin-top:-1px;}
	
.product_project_menu  .product {
	margin-left:15px;
	width:320px;
	font-size:0.7em;}

.product_project_menu  .project {
	width:280px;
	font-size:0.7em;}
	
.resource_details {
	width:315px;
	border-right:1px solid #999;
	font-size:0.7em;}
	
.resource_content {
	width:950px;}
	
.productHeader {
	width:630px; }
	
.product_people_menu {
	cursor:pointer;
	background-color:#fff4d2 ;
	border-bottom:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	height:40px;
	width:634px;
	margin-top:-1px;
	line-height:40px;}

.productContent {
	width:625px;
	font-size:0.7em;
	padding-top:10px;
	padding-left:10px;}
	
.product_content .project_description {
	margin-top:5px;
	padding:0 0 20px 10px;
	position:relative;
	right:10px;
	font-size:0.7em;
	width:635px;}
	
.product_content .project_description .fr {
	margin-right:21px;
	width:344px;}
	
.product_content .project_description .fr .menuProduct {
	margin:10px 0 10px 0;}
	
.menuProductRow {
	background:#E0E0E0 none repeat scroll 0 0;
	height:18px;
	line-height:18px;
	padding:4px 0;
	width:614px;}
	
/* datepicker style */

.currentIterationColor {
	height:15px;
	width:15px;
	margin:2px;
	background-color:#999;}

.nextIterationColor {
	height:15px;
	width:15px;
	margin:2px;
	background-color:#d5d5d5;}
	
.extendedIterationColor {
	height:15px;
	width:15px;
	margin:2px;
	background-color:red;}
	
.datePicker_extendedIteration {
	background-color:red;
}

.datePicker_currentIteration {
	background-color:#999;}

.datePicker_nextIteration {
	background-color:#d5d5d5;}
	
.datePicker_nextIteration a {
	background-color:#d5d5d5;}
	
.ui-datepicker  {
	padding:1px 1px 10px;}	
	
.ui-datepicker td:hover {
	background-color:#66c2ff;}
	
.ui-datepicker td a {
	background:none!important;}
	
.ui-datepicker-unselectable.ui-state-disabled span {
	background:#f0f0f0!important;}
	
.ui-datepicker-unselectable.ui-state-disabled span:hover {
	background:#f0f0f0!important;
	border:1px solid #fff;}

.ui-datepicker.ui-widget {
	font-size:0.8em;}

.ui-datepicker-calendar .ui-state-default {
	color:#000;}
	
/* End manage section */

/*User Settings page styles*/

#update_info,
#update_pass,
#email_notifications {
	font-size:0.8em;
	padding-top:15px;
	background-color:#FFFFFF;}
	
#update_pass {
	padding-bottom:15px;}
	
#update_info .user_display {
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	height:30px;
	background-image:url(/img/gradients/gradient_plan_table_head_normal.png);
	background-repeat:repeat-x;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;}

#update_info .right_settings img {
	height:36px;
	width:36px;}
	
#update_info .right_settings .button_upload   {
	background-image:url(/img/agilegem_sprite.png);
	background-position: -249px -452px;
	width:54px;
	height:22px;
	cursor:pointer;}
	
#update_info .right_settings .button_upload.hover   {
	background-image:url(/img/agilegem_sprite.png);
	background-position: -320px -452px;
	width:54px;
	height:22px;
	cursor:pointer;} 

#update_info .right_settings .img_info  span {
	position:relative;
	top:5px;
	font-size:0.7em!important;}

#update_info  .image {
	padding-top:12px;}
	
#update_info  .fullname {
	padding-top:19px;}

#update_info  .email,
#update_info  .timeperweek {
	padding-top:20px;}

#header_form_login .password {
	margin-top:10px;}

.setting_header {
	background-color:#F0F0F0;
	height:21px;
	margin:0 10px;
	padding:6px 0px 0px 5px;
	color:#0c2056;
	font-weight:bold;}
	
.resource_info {
	width:300px;}
	
#timeweek {
	width:30px;}

#submit_info,
#submit_notif,
.submit_pass {
	background-color:#FFAF32;
	height:17px;
	padding:4px 4px 2px 8px;
	width:37px;
	color:#fff;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;}
	
#submit_info:hover,
#submit_notif:hover,
.submit_pass:hover {
	background-color:#ffe698;
	color:#ffaf32;}

#submit_info.disabled,
#submit_notif.disabled,
.submit_pass.disabled {
	background-color:#999;}

.confirmationTextInfo,
.confirmationTextPass,
.confirmationTextNotif {
	padding: 5px;
	color: red;}
	
#email_notification_tabs {
	margin:0 auto;
	width:928px;}
	
#email_notification_tabs .notifs {
	padding: 5px;
	background:#d5d5d5;
	border:none;}

#email_notification_tabs .section {
	width:280px;
	line-height:24px;
	margin:5px;}
	
#email_notification_tabs .section input.all {
	margin:5px 5px 0 0;}
	
#email_notification_tabs .section label {
	width:200px;}

/*END OF User Settings page styles*/

#delete_dialog {
	padding:12px;}

/** Tips **/
#tips_pane {
	position: fixed;
	width: 100%;
	padding:20px;
	bottom: 0;
	left:0;
	background: black;
	opacity: 0.9;
	filter: alpha(opacity=90);
	color: white;
	z-index: 999;
	height:250px;}
	
#tips_pane .tip_content {
	height: 240px;
	width: 90%;
	overflow-y:hidden;}
	
#tips_pane .tip_content .arrow {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	height:16px;
	position:absolute;
	right:82px;
	width:16px;
	cursor:pointer;}

#tips_pane .tip_content .arrow.up {
	background-position:-78px -506px;
	bottom:225px;}

#tips_pane .tip_content .arrow.down {
	background-position:-78px -538px;
	bottom:25px;}
	
#tips_pane .tip_content .arrow.up:hover {
	background-position:-108px -506px;}

#tips_pane .tip_content .arrow.down:hover {
	background-position:-108px -538px;}
	
#tips_pane .tip_content .arrow.up.disabled {
	background-position:-136px -504px;
	bottom:225px;
	cursor:default;}

#tips_pane .tip_content .arrow.down.disabled {
	background-position:-136px -537px;
	bottom:25px;
	cursor:default;}
	
#tips_pane h4.plan {
	color:#66c2ff;}
	
#tips_pane h4.work {
	color:#ffaf32;}
	
#tips_pane .no_tips {
	text-align:center;
	font-size:1.1em;
	color:#66C2FF;}

.tip_content p {
	font-size:0.8em;
	color:#fff;
	width:97%;
	margin-left:15px;}
	
.tip_content ul {
	font-size:0.8em;
	color:#fff;
	width:97%;
	margin-left:30px;}

#tips_pane ul li {
	margin-top:1em;
	list-style:disc;
	margin-right:15px;
	line-height:1.5em;}

#tips_pane ol {
	margin-left:30px;}
	
#tips_pane ol li{
	list-style:lower-roman;}

.tips_menu {
	height: 25px;
	margin: 0 100px 10px 0;
	width:80%;
	position:relative;
	top:2px;}
	
.tips_menu .menu_list li{
	display:inline;
	list-style:none;
	margin-left:0px;
	font-size:0.8em;
	padding:4px;
	color:#66c2ff;}
		
.tips_menu .selected,
.tips_menu .menu_list li:hover{
	cursor:pointer;
	padding:4px;
	background:#fff;
	color:#000!important;}
		
.hidetips {
	font-size:1em;
	color:#0071BC;
	font-weight:bold;
	position:relative;
	right:40px;
	cursor:pointer;	}
	
.hidetips:hover {
	color:#66c2ff;}

#optionsJumpMenu {
	font-size:0.7em; 
	margin:5px 20px 5px 5px;
	width:87px;
	overflow:hidden;}

#optionsJumpMenu button {
	font-weight:normal;
	background-image:url("/img/gradients/topmenu_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:0 -33px;
	background-repeat:repeat-x;
	height:25px;
	
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;

	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	
	}
	
#optionsJumpMenu button:hover {
	background-position:0 0px;}

#optionsJumpMenu button .ui-button-icon-primary {
	display:none;}

#optionsJumpMenu button .ui-button-icon-secondary {
	margin:0;
	padding:0;
	top:2px;
	left:60px;}

#optionsJumpMenu button .ui-button-text {
	padding-top:2px;
	padding-left:20px;}
	
#showProduct {
	background:pink;}
	
/***Invite dialog styles (invite dialog= exists on Manage page)****/

#owner_dialog .content {
	padding: 10px;}
	
#owner_dialog #owner_name,
#owner_dialog #owner_email {
	margin:6px 10px 10px 0;
	width:355px;}
	
#owner_dialog .message {
	-moz-border-radius:5px;
	background-color:#FFEFCE;
	border:1px solid #EFD8D3;
	color:#333333;
	min-height:18px;
	padding:10px;
	width:335px;}
	
#owner_dialog .message.error {
	background-color:#FFEFCE;
	border:1px solid #EFD8D3;}
	
#owner_dialog .message.ok {
	background-color:#EFFFCE;
	border:1px solid #D8EFD3;}
	
#owner_dialog .resource{
	margin: 10px 0;}
	
#invite_dialog {
	background-color:#f0f0f0;
	padding:10px;} /*remove width after!!! */
	
#invite_dialog .projectDropContainer, 
#invite_dialog #name,
#invite_dialog #email {
	margin:6px 0 13px;
	width:300px;}
	
#invite_dialog #subject,
#invite_dialog #body {
	margin:5px 0 10px 0;
	width:422px;} 

#invite_dialog .projectDropContainer .ui-combobox,
#invite_dialog .projectDropContainer .ui-combobox-menu {
	background:white;}
	
#invite_dialog .involvement_label {
	width:100%;
	margin-bottom:5px;
	padding-top:10px;}
	
#invite_dialog table td {
	height:20px;
	line-height:26px;
	padding-right:33px;}
	
#invite_dialog .worker_observer {
	border-bottom: 1px solid #e0e0e0;
	padding:4px 0 4px 5px;
	height:30px;
	line-height:19px;}
	
#invite_dialog .rightside_line {
	border-right:1px solid #E0E0E0;
	width:200px;}
	
#invite_dialog .involvement_content {
	padding-left:28px;}
	
#invite_dialog .involvement_content label {
	bottom:2px;
	position:relative;}
	
#invite_dialog .asterisk {
	color:#D52300;
	padding-right:2px;}
	
#invite_dialog #involvement {
	width:264px;}

#invite_dialog .add_role_button {
	color:#0071BC;
	cursor:pointer;
	margin-left:25px;}
	
#invite_dialog .add_role_button:hover  {
	color:#66c2ff;
	cursor:pointer; }
	
#roles_dialog .add_role_button.disabled,
#invite_dialog .add_role_button.disabled {
	display:none;}

#roles_dialog .addRoleTitle .select_roles {
	font-weight:bold;}
	
/****Add/edit Role dialog (Manage page)****/
	
#roles_dialog {
	padding:10px;
	background-color:#f0f0f0;}

#roles_dialog .rolesList .bold {
	margin-bottom:10px;}
	
#roles_dialog #tableRole {
	margin-top:10px;}
	
#roles_dialog #tableRole td {
	height:30px;
	width:190px;}

#roles_dialog .add_role_button {
	color:#0071BC;
	margin:11px 0 0 0px; 
	cursor:pointer;}
	
#roles_dialog .add_role_button:hover {
	color:#66c2ff;} 
	
#roles_dialog .addRoleDescription {
	border-bottom:1px solid #D5D5D5;
	border-top:1px solid #d5d5d5;
	margin:11px 0 10px 0px;
	padding-top:10px;}
	
#invite_dialog .addRoleDescription {
	border-top:1px solid #D5D5D5;
	height:55px;
	margin:11px 0 10px 24px;
	padding-top:10px;}
	
#roles_dialog .addRoleDescription .maxletters,
#invite_dialog .addRoleDescription .maxletters{
	color:#999;
	margin:7px 0 0 7px;
	text-align:center;}
	
#roles_dialog .addRoleDescription input,
#invite_dialog .addRoleDescription input {
	margin:5px 0;
	vertical-align:sub;}
	
#roles_dialog #addRoleName {
	width:180px;}
	
#invite_dialog #addRoleName {
	width:237px;}
	
#roles_dialog .addRoleDescription div,
#invite_dialog .addRoleDescription div{
	margin-right:5px;}
	
#roles_dialog .addRoleDescription .addcancelBtns,
#invite_dialog .addRoleDescription .addcancelBtns {
	height:32px;
	top:0;
	width:115px;}

#roles_dialog .addRoleDescription .addBtn, 
#roles_dialog .addRoleDescription .cancelBtn,
#invite_dialog .addRoleDescription .addBtn, 
#invite_dialog .addRoleDescription .cancelBtn {
	background-color:#999;
	color:#FFFFFF;
	cursor:pointer;
	padding:4px 5px;
	margin-top:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;}
	
#roles_dialog .addRoleDescription .addBtn:hover,
#roles_dialog .addRoleDescription .cancelBtn:hover,
#invite_dialog .addRoleDescription .addBtn:hover,
#invite_dialog .addRoleDescription .cancelBtn:hover {
	background-color:#d5d5d5;
	color:#fff;}
		
#invite_dialog .observer_content,
#invite_dialog .worker_content {
	margin:4px 0 7px;}
	
#invite_dialog .worker_content {
	border-top:1px dotted #D9D9D9;
	margin-top:12px;
	padding-top:8px;
	width:425px;}
	
#invite_dialog #observer, 
#invite_dialog #worker {
	margin-right:5px;}
	
#invite_dialog .observer_content .involvement {
	margin:0 10px 0 23px;}

#invite_dialog .observer_content label,
#invite_dialog .worker_content label  {
	height:25px;
	line-height:18px;}
	
#invite_dialog .rolesList {
	margin-top:5px;
	padding:0 0 10px 22px;}
	
#invite_dialog #tableRole {
	margin-top:10px;}
	
#invite_dialog #tableRole label {
	margin-bottom:2px;}
	
/*******************/
	
#generic_dialog {
	line-height:14px;
	padding:7px 12px;}
		
#ui-dialog-title-generic_dialog {
	width:261px;}
	
/**********Welcome page**********/
	
#welcome_container p {
	margin:0 15px;
	padding-top:15px;
	line-height:20px;}

#welcome_form {
	margin:10px 0 0 18px;
	font-size:0.8em;}
	
#welcome_form .welcome_form_radio .group {
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-border-radius:12px;
	width:900px;
	background-color:#f0f0f0;
	border:1px solid #e0e0e0;
	padding:13px 10px;
	margin-bottom:15px;}
	
#welcome_form .welcome_form_radio .button {
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	background-color:#FFAF32;
	color:#FFFFFF;
	height:22px;
	line-height:22px;
	text-align:center;
	text-decoration:none;
	width:45px;
	cursor:pointer;}
	
#welcome_form .welcome_form_radio .button:hover {
	background-color:#FFE698;
	color:#FFAF32;} 
		
#welcome_form img {
	margin:9px 0 0 23px;
	width:819px;}
		
#welcome_container #welcome_form p {
	margin:0 27px;
	padding:10px 0 15px 0;}
	
#welcome_form .character_number {
	color:#D9D9D9;
	font-size:0.7em;
	margin-top:3px;}
	
#welcome_form .button {
	margin-top:10px;}
	
#welcome_container .text {
	width:850px;
	font-size:0.8em;}
	
#welcome_container .product_info {
	margin-left:28px;}
	
#welcome_container .product_info .product, 
#welcome_container .product_info .project {
	margin-right:10px;}
	
#welcome_container .product_info .alias {
	margin-right:20px;
	width:94px;}
	
#welcome_container .product_info input {
	margin-top:7px;}
	
#welcome_container .product_info .product input, 
#welcome_container .product_info .project input  {
	width:341px;
	float:left;}
	
#welcome_container .product_info .alias input  {
	width:90px;}

#welcome_container .keep_sample {
	margin: 10px 0 0 25px;}
	
/***Add user dialog (Private Beta page)****/

#add_user_dialog label {
	bottom:1px;
	height:32px;
	margin:0 10px;
	position:relative;}
	
#add_user_dialog input {
	margin-bottom:15px;}
	
/*** Import Dialog ***/
	
#import_container  ul {
	font-size:0.8em;
	margin-left:46px;
	list-style-type:disc;}
	
#import_container  ul li{
	margin:5px 0;}
	
#import_container  p {
	padding:15px 10px 0px 10px;
	line-height:15px;}
	
#import_container .error {
	font-size:0.8em;
	margin-left:25px;}
	
#import_preview p {
	padding:0px 10px 8px 10px;
	font-size:0.8em;
	line-height:15px;}
	
#import_preview .iteration_right /**this is a special style which applies to page2 of the import wizard***/ {
	padding:0 10px 12px;
	width:420px;}

#import_form {
	overflow: auto;
	background-color:#f0f0f0;}
	
 #import_form,
 #import_preview,
 #import_form {
	overflow: auto;
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-border-radius:12px;
	width:900px;
	margin:20px 0 0 18px;
	background-color:#f0f0f0;
	border:1px solid #e0e0e0;
	padding:13px 10px 20px 10px;}
	
#import_form .entry_frame {
	margin:5px 8px 5px 15px;}
	
 #import_form .entry_frame {
	font-size:0.8em;}
	
#import_form .entry_frame .format_select, 
#import_form .entry_frame .product_select, 
#import_form .entry_frame .project_select {
	margin-top:8px;}

#import_form .entry_frame input {
	margin-top:8px;}

#import_form .entry_frame input {
	width:352px;}
	
#import_form .alias.entry_frame input {
	width:105px;}
	
#import_form .alias.entry_frame .character_number {
	color:#D9D9D9;
	font-size:0.7em;
	margin-top:3px;}
	
#import_form .format_doc,
#import_preview {
	margin-left:15px;}	
	
#import_form .format_doc {
	margin-top:10px;}	
	
#import_preview {
	margin-top:10px;}	
	
#import_form .format_doc p,
#import_preview .info {
	width:720px;
	margin:0 0 10px 0;
	line-height:16px;}	
	
 #import_preview .info {
	padding:10px;
	font-size:0.8em;}
	
#import_preview .info {
	padding:10px;}
	
#import_preview .info {
	padding:10px;
	font-size:0.8em;}
	
#import_form .format_doc .table_container {
	overflow:auto;
	border:1px solid #D9D9D9;
	width:871px;
	background-color:#FFFFFF;
	font-size:0.8em;}
	
#import_form .format_doc .table_container {
	overflow:auto;
	border:1px solid #D9D9D9;
	width:853px;
	background-color:#FFFFFF;}
	
#import_preview .table_container {
	overflow:auto;
	border:1px solid #D9D9D9;
	width:853px;
	height:136px;
	background-color:#FFFFFF;}
	
#import_preview .table_container {
	background-color:#FFFFFF;
	border:1px solid #D9D9D9;
	font-size:0.7em;
	height:450px;
	margin:13px 0 10px 9px;
	overflow:auto;
	width:881px;}
	
 #import_preview .iteration_table {
	background-color:#FFFFFF;
	border:1px solid #D9D9D9;
	font-size:0.7em;
	height:163px;
	margin:0px 0 0px 9px;
	overflow:auto;
	width:441px;}
	
 #import_preview .iteration_table .iteration_num {
	padding-left:12px;}
	
#import_preview .iteration_table .import_table_row .iteration_num {
	padding-left:14px;}
	
#import_form .format_doc .table_container table,
#import_preview .table_container table{
	background-color:#fff;
	border-collapse:separate;
	width:100%;}
	
#import_preview .table_container table{
	height:165px;}
	
 #import_form .format_doc  h3,
 #import_preview h3 {
	margin:5px 0 10px 0;
	color:#333333;
	font-size:0.9em;}
	
#import_form .format_doc  h3,
#import_preview h3 {
	margin:5px 0;
	color:#333333;}
	
#import_form .format_doc .table_container table td {
	border-right:1px solid #D9D9D9;
	padding:5px;}

#import_form .format_doc .table_container table .header td {
	padding:8px 10px;
	line-height:17px;}
		
#import_preview .table_container table .header_preview td {
	line-height:28px;}

#import_preview .table_container table .import_table_row td {
	border-top:1px solid #D9D9D9;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px; }
	
#import_form .format_doc .table_container .header {
	height:40px;}

#import_preview td.iteration {
	min-width: 80px;
	padding-left:10px;}

#import_preview td.type {
	min-width: 60px;}
	
#import_preview td.labels {
	min-width: 80px;}
	
#import_preview td.name {
	min-width: 210px;}
	
#import_preview td.estimate {
	min-width: 60px;}
	
#import_preview.status {
	min-width: 60px;}
	
#import_preview td.task_record {
	min-width: 220px;}
	
#import_preview .table_container .header_preview {
	background-image:url(/img/gradients/topheader_sprite.png);
	background-repeat:repeat-x;
	border-collapse:separate;
	height:30px;
	color:#fff;}
	
#import_preview h3 {
	margin-right:10px;}
	
#import_preview .refresh {
	background-color:#D9D9D9;
	color:#FFFFFF;
	cursor:pointer;
	margin-right:500px;
	padding:5px 8px 6px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;}
	
#import_preview .refresh:hover {
	background-color:#d5d5d5;
	color:#D9D9D9;}
	
.wizard_buttons { /**this class appears on the welcome AND import pages*/
	margin:15px 10px 0 0;} 
	
.wizard_buttons span {
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-decoration:none;
	font-size:0.8em;
	background-color:#ffaf32;
	color:#fff;
	padding:3px 7px;
	cursor: pointer;}
	
.wizard_buttons span:hover {
	background-color:#ffe698;
	color:#ffaf32;}
	
/**Page 3-4 of import wizard**/

#import_form.resources {

	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-border-radius:12px;
	width:900px;
	margin:20px 0 0 18px;
	background-color:#f0f0f0;
	border:1px solid #e0e0e0;
	padding:13px 10px 20px 10px;}
	
#import_form.resources table {
	font-size:0.8em;}
	
#import_form.resources td {
	padding:5px;}
	
#import_form.resources .import_table_row {
	border-right:1px solid #d5d5d5;
	background-color:#fff;}
	
#import_form.resources .import_table_row td {
	border-left:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;	}
	
#import_form.resources .import_table_row td.invite {
	text-align:center;}
	
#import_form.resources .header_preview {
	background-image:url("/img/gradients/topheader_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-repeat:repeat-x;
	border-collapse:separate;
	color:#FFFFFF;
	height:30px;
	text-align:center;
	line-height:18px;}
	
#import_form.resources .header_preview td {
	border-left:1px solid transparent;}
	
#import_form.resources .header_preview td.invite {
	width:100px;}

#import_form.resources .header_preview td.name,
#import_form.resources .header_preview td.email,
#import_form.resources .header_preview td.role {
	width:250px;}
	
#import_form.resources td.name input,
#import_form.resources td.email input {
	width:242px;}

#import_form.resources td input {
	cursor:pointer;}	
	
/*********API page styling*********/

.api  {
	padding-top:10px;}
	
.api.page_container {
	background: white;}

.api .subheader {
	background-color:#e0e0e0;
	color:#333333;
	font-size:0.9em;
	margin:10px 0 10px 10px;
	padding:5px;}
	
.api .subheader_smaller {
	background-color:#F0F0F0;
	border-left:1px dashed #777777;
	border-top:1px dashed #777777;
	border-bottom:1px dashed #777777;
	color:#777777;
	font-size:0.8em;
	margin:20px 0 0 20px;
	padding:5px 0 5px 5px;}
	
.api_content {
	padding:0 20px 10px 30px;}

.api_content .synopsis {
	padding-top: 10px;
	color:#A6844F;
	font-size:0.8em;}

.api_content .link {
	color:#A6844F;
	font-size:0.8em;}

.api_content .link_in_text {
	color:#A6844F;}	
	
.api.page_container p.head {
	font-size: 0.8em;
	margin-left: 20px;}

.api.page_container p {
	margin:10px 0;
	line-height:16px;
	font-size:0.8em;
	padding: 0;}
	
.api_content a {
	text-decoration: none;
	color:#0071bc;}
	
.api_content a:hover {
	color:#66c2ff;}
	
.api_content .italic {
	margin:10px 0 10px;}
	
.api_content .p_header {
	color:#333333;} 
	
.api_content .code {
	font-family:Courier New;}

.api pre {
	max-width: 800px;}

.api_content .result {
	margin-top: 10px;}

/*****Time log css*****/	
	
#task_time_dialog {
	margin-left:15px;}
	
#task_time_dialog .time.focus {
	margin-top:7px;}

/****** Page ******/
.page_container {
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	border:1px solid #999;
	background-color:#f0f0f0;
	padding-bottom:10px;
	background:white;}
	
.page_container p {
	margin:0 15px;
	padding-top:15px;
	line-height:20px;}

.page_header{
	background-color:#FFFFFF;
	width:960px;
	-moz-border-radius-topleft:12px;
	border-top-left-radius:12px;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topright:12px;
	border-top-right-radius:12px;
	-webkit-border-top-right-radius:12px;}
	
.page_header .top {
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:11px;
	border-top-right-radius:12px;
	-webkit-border-top-right-radius:12px;
	border-top-left-radius:12px;
	-webkit-border-top-left-radius:12px;
	/* background-image:url(/img/gradients/toplevelofheader.png); */
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#5d9bc4;
	color:#FFFFFF;
	font-size:0.8em;
	line-height:36px;
	padding-left:10px;
	font-size:1.1em;
	font-weight:bold;}
	
.page_container .nav {
	margin:10px;
	font-size:0.8em;}

/*********Dashboard***********/

.page_container.dashboard .header {
	background-color:#FFF;
	border-bottom:1px solid #D5D5D5;
	height:30px;
	font-size:0.8em;
	line-height:28px;
	width:958px;}
	
.page_container.dashboard .header .initiatives {
	background-color:#F0F0F0;
	border-right:1px solid #D9D9D9;
	height:30px;
	padding:0 10px 0 10px;
	width:205px;
	font-size:0.8em;}
	
.page_container.dashboard .header .initiatives .toggle_all {
	margin: 8px 0 0 2px;}
	
.page_container.dashboard .header .latest_activities {
	background-color:#fff;
	width:725px;}
	
.page_container.dashboard .header .latest_activities .show_for {
	margin-left:20px;}

.page_container.dashboard .header .new_initiative {
	background-image:url(/img/agilegem_sprite.png);
	background-position:-216px -561px;
	margin:4px 10px 0 0;
	cursor:pointer;
	height:22px;
	width:80px;}

.page_container.dashboard .header .new_initiative:hover {
	background-position:-317px -561px;}
	
.page_container.dashboard .content .leftside  .product {
	border-bottom:1px dotted #D9D9D9;
	padding:10px 0px 15px 10px;
	width:215px;}
	
.page_container.dashboard .content .leftside  .product input {
	margin-right:10px;}
		
.page_container.dashboard .product .product_logo {
	background-color:#FFFFFF;
	border:1px solid #D9D9D9;
	margin:10px 7px 5px 0;
	width:36px;
	height:36px;
	font-size:0.7em;}
	
.page_container.dashboard .rightside .product .product_logo {
	width:28px;
	height:28px;
	border:1px solid #d5d5d5;	}
	
.page_container.dashboard .product .average {
	font-size:0.8em;}
	
.page_container.dashboard .product .average .icon {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-251px -231px;
	height:13px;
	width:15px;}
	
.page_container.dashboard .product .average .people {
	margin:13px 0 7px;}
	
.page_container.dashboard .product .average .people .icon {
	background-position:-62px -597px;
	height:13px;
	width:15px;}
	
.page_container.dashboard .product .product_name {
	color:#0071BC;
	font-size:0.8em;
	font-weight:bold;
	margin:12px 0 10px 0;}
	
.page_container.dashboard .product .left_panel {
	font-size:0.7em;
	line-height:16px;
	margin-bottom:5px;}
	
.page_container.dashboard .product .left_panel.projects a {
	margin-left:2px;}

.page_container.dashboard .product .left_panel.projects .add_user {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-83px -597px;
	height:15px;
	width:15px;
	margin-left:10px;}
	
.page_container.dashboard .product .left_panel.projects .add_user:hover {
	background-position:-101px -597px;}
	
.page_container.dashboard .content {
	background-image:url(/img/dashboard_background.png?v=fe48cebe43510b737c2718619fe4154d);
	background-repeat:repeat-y;
	background-color:#fff;
	-moz-border-radius-bottomleft:13px;
	border-bottom-left-radius:13px;
	-webkit-border-bottom-left-radius:13px;
	-moz-border-radius-bottomright:13px;
	border-bottom-right-radius:13px;
	-webkit-border-bottom-right-radius:13px;}
	
.page_container.dashboard .content .leftside {
	background-color:#F0F0F0;
	border-right:1px solid #D5D5D5;}
	
.page_container.dashboard .content .leftside a {
	color:#0071bc;
	text-decoration:none;}
	
.page_container.dashboard .content .leftside a:hover {
	color:#66c2ff;
	text-decoration:underline;}
	
.page_container.dashboard .content .rightside .feeds {
	margin-top:7px;
	width:732px;}
	
.page_container.dashboard .content .rightside .feed {
	margin: 3px 0 3px 0;
	border-bottom:1px solid #F0F0F0;}
		
.page_container.dashboard .content .rightside .feed .product {
	left:7px;
	position:relative;
	width:22px;}
	
.page_container.dashboard .content .rightside .feed .product img {
	height:28px;
	margin:5px 0 0;
	width:28px;}
	
.page_container.dashboard .content .rightside .feed .type {
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	color:#2F5F40;
	font-size:0.7em;
	height:27px;
	margin:5px 15px 0 0;
	text-align:right;
	width:71px;}
	
.page_container.dashboard .content .rightside .feed .type.Iteration {
	color:#0c2056;}
	
.page_container.dashboard .content .rightside .feed .type .icon {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	height:18px;
	margin:3px 0px 0 3px;
	width:15px;}
	
.page_container.dashboard .content .rightside .feed .type .icon.product_move_to_history { 	
	background-position:-11px -711px;}
	
.page_container.dashboard .content .rightside .feed .type .icon.story_add {
	background-position:-11px -688px;}
	
.page_container.dashboard .content .rightside .feed .type .icon.story_complete {
	background-position:-35px -688px;}
	
.page_container.dashboard .content .rightside .feed .type .icon.story_deliver {
	background-position:-56px -689px;}
	
.page_container.dashboard .content .rightside .feed .type .icon.story_accept {
	background-position:-79px -690px;}
	
.page_container.dashboard .content .rightside .feed .type .icon.story_reject {
	background-position:-102px -688px;}
	
.page_container.dashboard .content .rightside .feed .type .icon.story_release {
	background-position:-142px -689px;}
	
.page_container.dashboard .content .rightside .feed .type .icon.story_delete {
	background-position:-123px -688px;}
	
.page_container.dashboard .content .rightside .feed .name {
	color:#0071BC;
	font-size:0.7em;
	line-height:16px;
	margin:3px 5px 5px 0;
	max-width:450px;
	text-decoration:none;}
	
.page_container.dashboard .content .rightside .feed .name.nolink {
	color: black;}
	
.page_container.dashboard .content .rightside .feed .name.nolink:hover {
	color: black;
	text-decoration:none;}
	
.page_container.dashboard .content .rightside .feed .name_action {
	width:611px;}
	
.page_container.dashboard .content .rightside .feed .name:hover {
	color:#66c2ff;
	text-decoration:underline;}
	
.page_container.dashboard .content .rightside .feed .operation {
	color:#777;
	font-size:0.7em;}
	
.page_container.dashboard .content .rightside .feed .resource {
	font-size:0.7em;
	margin-left:4px;
	height:1.5em;}

.page_container.dashboard .content .rightside .feed .date {
	color:#777777;
	font-size:0.7em;
	margin:5px 4px 0 0;}
	
/* Story Frame */

.plan_table_row.opened,
.plan_table_row.selected.opened {
	cursor: default;
	padding:0; }

.story_frame {
	background: #f0f0f0;
	border-left:1px solid #B4B4B4;
	border-top:1px solid #B4B4B4;
	border-bottom:1px solid #B4B4B4;
	padding:10px;
}

 .plan_table_row.opened.draggedOver .story_frame {
	background-color:#FFF4D2 !important;
}

.story_frame .storyframe_toolbar {
	margin:-10px -10px 5px -10px;
	background:#b4b4b4;
	padding:0 9px 1px 6px;
}

.storyframe_toolbar > span { font-size:0.6em; padding-top:6px;}

.story_frame .storyframe_toolbar .add {
	margin-right:15px !important;
}
.story_frame .storyframe_toolbar .icon {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	margin:3px;
	height:16px;
	width:16px;
	cursor:pointer;
}

.story_frame .storyframe_toolbar .icon.add { background-position: -588px -599px }
.story_frame .storyframe_toolbar .icon.delete { background-position: -588px -633px }
.story_frame .storyframe_toolbar .icon.close { background-position: -554px -582px }
.story_frame .storyframe_toolbar .icon.save { background-position: -554px -616px }
.story_frame .storyframe_toolbar .icon:hover { opacity:0.5 }

.plan_table_row.draggedOver { 	background-color:#FFF4D2; }
.plan_table_row.draggedOver.opened { background-color:transparent; }

.story_frame .main {
	width:800px;}
	
.story_frame .main label {
	font-size:0.7em;
	font-weight:bold;
	padding:7px 0 0 5px;}

.story_frame .main .message {
	color:red;
	font-size:0.7em;
	font-style:italic;
	margin:0;
	padding:10px 0;}

.story_frame .description {
	margin-top: 10px;}
	
.story_frame .description label {
	padding: 0;}
	
.story_frame .description .story_description {
	margin-top: 3px;
	width: 782px;
	height: 60px;
	padding:5px;
	background-color:white;
	border:1px solid #D9D9D9;
	font-size:13px;
	min-height:2em;
	max-height:15em;
	line-height:1.076em;
	overflow:auto;
	font-family:monospace;}

.story_frame .drop {
	cursor:pointer;
	font-size:0.7em;}
	
.disabled .story_frame .drop {
	cursor:default;}

.story_frame .story_name { margin:0 20px;}

.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

.story_frame .drop .head {
	font-weight: bold;
	margin-bottom:5px;
	text-align:left;}
	
.story_frame .story_name .head,
.story_frame .tags .head {
	font-weight: bold;
	font-size: 0.7em;}
	
.story_frame .drop .entry {
	width: 100px;
	overflow:hidden;}
	
.story_frame .story_name input.focus.header{
	border:1px solid #D9D9D9;
	font-size:0.75em;
	height:24px;
	line-height:24px;
	margin-top:5px;
	padding-left:6px;
	padding-right:5px;
	width:500px;}
	
.story_frame .drop .button {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-7px -729px;
	float:right;
	height:27px;
	width:20px;}
	
.story_frame .drop:hover .button {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-7px -785px;}
	
.disabled .story_frame .drop .button {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-7px -757px;}
	
.story_frame .drop .value {
	background-color:#FFFFFF;
	border:1px solid #D9D9D9;
	height:24px;
	overflow: hidden;
	white-space: nowrap;
	padding-left:2px;}
	
.story_frame .drop:hover .value {
	border:1px solid #d5d5d5;
	background-color:#fff;}
	
.disabled .story_frame .drop .value {
	background-color:#FFFFFF;
	border:1px solid #d5d5d5;
	height:24px;}	
	
.disabled .story_frame .drop:hover .value {
	border:1px solid #d5d5d5;
	background-color:#FFFFFF;}

.story_frame .drop .label_name {
	margin: 6px 0 0 0;}
	
.story_frame .values {
	background-color:#E0E0E0;
	border: 1px solid #d5d5d5;
	position: absolute;
	overflow-y: auto;
	overflow-x:hidden; 
	min-width: 100px;
	max-height: 250px;}
	
.story_frame .values ul {
	max-width:180px;
	overflow-x:hidden;
}

.story_frame .drop .values li {
	height: 24px;
	width:1000px;}

.story_frame .main .values li:hover {
	background-color:#e5f4ff!important;
	cursor:pointer;}

.story_frame .drop.product img {
	height:20px;
	width:20px;
	margin:1px 2px 0 0;}
	
.story_frame .drop.iteration .icon  {
	margin: 6px 2px 0 0; }
	
.story_frame .drop.importance .icon  {
	margin-top: 2px}
	
.story_frame .drop.type .icon  {
	margin: 4px 3px 0 0;}
	
.story_frame .drop.type .values  {
	width: 150px;}
		
		
/*****TAGS/LABELS SECTION*****/

.story_frame .tagsContainer {
	width:383px;
	height:38px;
}

.story_frame .main .tags.overlay {
	background-color:white;
	position:absolute;
	top:-7px;
	left:-7px;
	width:383px;
	border:1px solid #999;
	padding:6px;
	z-Index:200;
}	

.story_frame .main .tags .nothingSelected {
	font-size:0.7em;
	margin-top:6px;
	color:#999; }

.story_frame .main .tags .label {
	font-size:0.7em;
	margin:2px 8px 5px 10px;
	line-height:20px;
	padding:7px 0 0 7px;
	min-height: 15px;} 
	
.story_frame .main .tags .add_button {
	font-size:0.7em;
	margin:0 0 5px 10px;} 

.story_frame .fake_link {
	color:#0071BC;}	

.story_frame .fake_link:hover {
	color:#66c2ff;}

.disabled .story_frame .fake_link,
.disabled .story_frame .fake_link:hover,
.story_frame .disabled .fake_link,
.story_frame .disabled .fake_link:hover {
	text-decoration:none important; 
	color:#999 important;
	cursor:default important; }

.fake_link.nodisable {
	cursor:pointer !important;
	color: #0071bc !important;
}
.fake_link.nodisable:hover {
	text-decoration:underline !important;
	color: #66c2ff !important; }


.disabled .story_frame .main .tags .add_button,
.disabled .story_frame .main .tags .add_button:hover {
	cursor: default;
	text-decoration:none;} 
	
.disabled .story_frame .main .tags .add_button   {
	color:#999;}

.story_frame .main .tags .item {
	cursor:pointer;
	border-bottom:1px dotted #999;
	margin:2px;
	padding:0 3px;}

.story_frame .main .tags .item:hover {
	background-color:#999;}

.story_frame .main .tags .item.selected {
	background-color:#d5d5d5;
	border-bottom:1px solid #d5d5d5;
	padding:0 3px;}
	
.story_frame .main .tags .item.selected:hover {
	background-color:#999;}
	
.disabled .story_frame .main .tags .item {
	border-bottom:1px dotted #f0f0f0;
	padding:0 3px;}	
	
.disabled .story_frame .main .tags .item:hover {
	cursor:default;
	background-color:transparent;}

.disabled .story_frame .main .tags .item.selected {
	background-color:#d5d5d5;
	border-bottom:1px solid #d5d5d5;
	padding:0 3px;}

.disabled .story_frame .main .tags .item.selected:hover {
	background-color:#d5d5d5;}

/*****end of TAG SECTION*****/

.story_frame .notes {
	color:#333333;
	font-size:0.7em;
	font-style:italic;
	width: 770px;}

.story_frame .notes .saved {
	font-style: normal;}

.story_frame .permalink,
.story_frame .dates {
	color:#333333;
	font-size:0.7em;
	font-style:italic;}
	
/*****TABBED (roles/tasks) SECTION*****/

.story_frame .ui-tabs-nav.ui-widget-header a {
	font-size: 0.7em;}
	
.story_frame .tabs { /*For the tabs container*/
	border:none;
	padding:0; /*Overwriting ui default*/
	margin-top:10px;
	}

.story_frame .tabs ul.ui-tabs-nav li {
	margin:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-top:1px solid #C7C7C7 !important;
	border-left:1px solid #C7C7C7 !important;
	border-right:1px solid #C7C7C7 !important;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	background:#d5d5d5;
	margin-right:2px;
	font-weight:normal;
}	

.story_frame .tabs ul.ui-tabs-nav li.ui-tabs-selected {
	background:white;
	font-weight:bold;
	border-color:#D9D9D9 !important;
}


.story_frame .ui-tabs-panel { /*For only one panel */
	background:#FFF;
	border:1px solid #D9D9D9;
	padding:10px !important;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.story_frame .tabs .header {
	height:21px;
	line-height:21px;
	overflow:hidden;}

.story_frame .total.header .estimate .story_estimate_mask { background-position: -322px -12px !important; }
	
.disabled .story_frame .tabs .header,
.story_frame .tabs .disabled .header {
	color:#999; }
	
.story_frame .tabs .header .rolesDropContainer {
	float:left;
	width:195px;
	font-size:0.7em;
}

.story_frame .tabs .frame {
	min-height:200px;}
	
.story_frame .tabs .files .content {font-size:0.7em; }
.story_frame .tabs .files .content .support-information { padding:6px; }
.story_frame .tabs .files .content .file {background-color:white; margin-bottom:3px; padding:10px 15px; position:relative;}
.story_frame .tabs .files .content .icon-container { margin-right:14px; width:64px;}
.story_frame .tabs .files .content .icon-container img { border:1px solid #B3B3B3; -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);}
.story_frame .tabs .files .content .information { width:500px; }
.story_frame .tabs .files .content .file-name { font-weight:bold; color:#333; }
.story_frame .tabs .files .content .file-info { margin:5px 0 7px 0; }
.story_frame .tabs .files .content .file-description { border:1px solid transparent; padding:2px; cursor:pointer; }
.story_frame .tabs .files .content .file-description:hover { border:1px solid #d5d5d5; }
.story_frame .tabs .files .content .file-action { display:none; position:absolute; right:20px; top:14px;}
.story_frame .tabs .files .content .file-action div { margin-bottom:5px;}
.story_frame .tabs .files .content .file:hover .file-action { display:block; }

.story_frame .tabs .messages .content {
	font-size:0.7em;}
.story_frame .tabs .messages .content .send_message {
	margin-bottom:5px;}
.story_frame .tabs .messages .content .send_message .img,
.story_frame .tabs .messages .content .new_message .img {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-629px -45px;
	height:16px;
	width:16px;}
.story_frame .tabs .messages .content .send_message .text,
.story_frame .tabs .messages .content .new_message .text {
	font-weight:bold;
	padding: 2px 0 0 5px;}
.story_frame .tabs .messages .content .new_message .label {
	margin: 3px 5px 0 0;}
.story_frame .tabs .messages .content .new_message textarea {
	margin:5px 0;
	width:760px;
	min-height:100px;}
.story_frame .tabs .messages .content .new_message .button {
	background-image: url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position: -205px -815px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	color:white;
	text-align:center;
	padding: 5px;
	border: 1px solid #D5D5D5;
	margin:5px 10px 5px 0;
	cursor:pointer;}
.story_frame .tabs .messages .content .new_message .button:hover {
	background-position: -205px -840px;}
.story_frame .tabs .messages.disabled .content .new_message .button {
	color:#666;
	background-position: -205px -700px;
	cursor:default;}
.story_frame .tabs .messages .content .new_message .send.button {
	font-weight:bold;}
.story_frame .tabs .messages .content .spacer {
	padding:5px;}
.story_frame .tabs .messages .content .message {
	border-top: 1px solid #999;
	padding-top:5px;}
.story_frame .tabs .messages .content .message .resource {
	width:220px;}
.story_frame .tabs .messages .content .message .resource .image {
	border: 1px solid #D9D9D9;
	height: 28px;
	width: 28px;}
.story_frame .tabs .messages .content .message .resource .name {
	padding-top:5px;
	max-width:150px;
	margin-left: 2px;}
.story_frame .tabs .messages .content .message .label {
	padding-top:5px;
	color: #666;}
.story_frame .tabs .messages .content .message .to  {
	padding-top:5px;
	max-width:400px;
	color:#000;}
.story_frame .tabs .messages .content .message .text {
	font-size:1.1em;
	padding: 2px 10px 20px 0;}

/*
.story_frame .tabs .header .rolesDropContainer .ui-combobox {
	border-color:#999;}

.story_frame .tabs .header .rolesDropContainer .ui-combobox .ui-combobox-dropdown-button {
	background:#999}

.story_frame .tabs .header .rolesDropContainer:hover .ui-combobox .ui-combobox-dropdown-button {
	background:#d5d5d5}

.story_frame .tabs .header .rolesDropContainer:hover {
	border-color:#d5d5d5}
*/
.plan_table_row.disabled .story_frame .tabs .header input
,.plan_table_row.disabled .story_frame .tabs .header .add
, .story_frame .tabs .rolestasks.disabled .rolesDropContainer input 
, .plan_table_row.disabled .story_frame .tabs .role .header .add 
, .plan_table_row .story_frame .tabs .rolestasks.disabled .header .add {
	display:none;}

.story_frame .tabs .header .task_count {
	margin-left:53px;
	margin-right:2px;
	font-weight:bold;
	font-size:0.7em;
	width:170px;}
	
.story_frame .tabs .total.header .estimate {
	margin-left:23px;
	margin-top:-5px; }

.story_frame .tabs .total.header .estimate .value {
	margin-top:5px; }

	
.story_frame .tabs .header .estimate .estimate_background {
	background-color:#D5D5D5;
	margin-top:5px;}
		
.story_frame .tabs .header .summary {
	font-weight:bold;
	font-size:0.7em;
	width:100px;
	max-height: 25px;
	overflow: hidden;
	margin-left:4px;
	margin-right:4px;}
	
.story_frame .tabs .header .progress .progress_bar {
	width:80px;
	margin-top:2px;
	line-height:1;
	}
	
.story_frame .estimate {
	margin-top: 2px;
	font-weight:bold;
	font-size:0.7em;}

.story_frame .estimate input {
	font-size:1em;
	bottom:5px;
	position:relative;}	
	
.story_frame .tabs .header .estimate .label {
	margin-right:5px;}

.story_frame .content .header .estimate_background {
	margin-top:0px!important;
	background-color:#D5D5D5!important;
	cursor: pointer;}
	
.disabled .story_frame .content .header .estimate_background,
.story_frame .disabled .content .header .estimate_background {
	margin-top:0px!important;
	background-color:#D5D5D5!important;
	cursor: default;}
 
	
.story_frame .role .story_estimate_mask {	
	background-position:-322px -15px!important;}
		
.story_frame .content .role .header .estimate_fill  {
	background-color:#0071bc;}
	
.disabled .story_frame .content .role .header .estimate_fill,
.story_frame .disabled .content .role .header .estimate_fill,
.story_frame .tabs .total.header .estimate_fill  {
	background-color:#777;}
	
.story_frame  .estimate .value {
	margin:0 10px 0 5px;
	min-width:24px;}
	
.story_frame .role .header {
	border-top:1px solid #D9D9D9;
	padding-top:4px;
	margin:3px 0 7px 0;
	height:24px;
	line-height:29px;
	}
	
.disabled .story_frame .role .header,
.story_frame .disabled .role .header {
	color: #999;}	
	
.story_frame .role .estimate .value {
	border:1px solid transparent;
	color:#0071BC;
	cursor:pointer;
	height:18px;
	line-height:20px;}
	
.disabled .story_frame .role .estimate .value,
.story_frame .disabled .role .estimate .value {
	color:#999;}
	
.story_frame .role .estimate .value input{
	height:15px!important;
	border:1px solid #0071bc;}
	
.story_frame .role .estimate.hover .value,
.story_frame .role .estimate .value:hover {
	border: 1px solid #D5D5D5;
	cursor: pointer;
	color:#66C2FF;}
	
.disabled .story_frame .role .estimate.hover .value,
.disabled .story_frame .role .estimate .value:hover,
.story_frame .disabled .role .estimate.hover .value,
.story_frame .disabled .role .estimate .value:hover {
	border: 1px solid #fff;
	cursor: default;
	color:#999;}
	
.story_frame .role .header .name {
	width:285px;
	font-weight:bold;
	font-size:0.7em;}

.story_frame .role .empty_row {
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-border-radius:0px;
	background-color:white;
	margin:0 0 0 0;
	padding:5px 0 5px 5px;
	width:auto;}
/* was on empty line
.story_frame .role .empty_row .add {
	font-size: 0.6em;
	color:#0071bc;
	margin:0px 9px 0 4px;
	cursor:pointer;}
	
.story_frame .role .empty_row .add:hover {
	color:#66c2ff;}
*/
.story_frame .role .name .add {
	margin-left: 10px;
	font-weight: normal;
	color:#0071bc;
	cursor:pointer;
	visibility:hidden;}

.story_frame .role:hover .name .add { visibility:visible; }

.story_frame .role .name .add:hover {
	color:#66c2ff;}
	
.disabled .story_frame .role .empty_row .add,
.story_frame .disabled .role .empty_row .add {
	color:#999;}
	
.story_frame .role .header .task_count {
	margin:0 0px 0 0;
	width:158px;}
	
	
.story_frame .tabs.ui-widget-content	.description.frame {
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	background:#d5d5d5 !important;}
	
.story_frame .ui-tabs-panel.description textarea{
	border:1px solid #777777;
	font-size:0.7em;
	margin: 10px;
	width:756px;
	height:150px;}
	
.story_frame .task { 
	cursor:default;
	border:1px solid transparent;
	padding:3px 0;
}

.story_frame .task:hover { 
	background:#FFf4d2;
	border-color:#F7ECCD;
}

.story_frame .rolestasks .delete {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-150px -88px;
	cursor:pointer !important;
	height:16px;
	margin:2px;
	position:relative;
	width:10px;
	visibility:hidden;}

.story_frame .header .delete { margin-top:6px; } 
.story_frame .task:hover .delete { visibility:visible; }
.story_frame .header:hover .delete { visibility:visible; }

.story_frame .task .delete:hover {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-134px -88px;
	height:16px;
	width:10px;}
	
.disabled .story_frame .task .delete,
.story_frame .disabled .task .delete {
	display:none;}
	
.story_frame .task .resource,
#resource_menu  {
	margin-right:5px;
	width:187px;
	color:#333;}
	
.story_frame .task.disabled .resource {
	color:#999;}
	
.disabled .story_frame .task .resource,
.story_frame .disabled .task .resource {
	margin-left:14px;}
	
#resource_menu  {
	font-size:0.7em;}
	
.story_frame .task .resource img,
#resource_menu img{ 
	height:20px;
	width:20px;}
	
.story_frame .task .resource .name {
	margin-left:3px;
	width:161px;}
	
.story_frame .task .resource .name:hover {
	border: 1px solid transparent;}	
	
#resource_menu .name {	
	width:155px; 
	color:#333;
	margin:3px 0 0 3px;}
	
#resource_menu .name:hover {
	color:#333;}
	
#resource_menu .popup_menu_item {
	padding:2px;
	margin:0px;}
	
#resource_menu .popup_menu_item:hover {
	background-color:#d5d5d5;
	color:#333;}

.story_frame .task .name {
	cursor:pointer;
	padding:0;
	font-size:0.7em;
	line-height:13px;
	width:299px;}

.story_frame .task .name textarea {
	overflow: none;
	border:0;
	padding:-2px;
	margin-left:-1px;
}

.disabled .story_frame .task .name,
.story_frame .disabled .task .name {
	border:1px solid #FFFFFF;
	cursor:default;
	color:#999;}

.story_frame .task .duration {
	border:1px solid white;
	cursor:pointer;
	font-size:0.7em;
	margin-right:5px;
	padding:2px;
	width:48px;}
	
.disabled .story_frame .task .duration,
.story_frame .disabled .task .duration {
	cursor:default;
	color:#999;}
	
.story_frame .task .duration input {
	border:1px solid #0071bc;}
	
.story_frame .task .timer {
	border:1px solid white;
	cursor:pointer;
	line-height:13px;
	font-size:0.7em;
	margin-right:3px;
	width:45px;
	height:15px;}
	
.disabled .story_frame .task .timer,
.story_frame .disabled .task .timer,
.story_frame .task .timer.empty {
	cursor:default;
	color:#999;}
	
.story_frame .task .timer input {
	border:1px solid #0071bc;}
	
.story_frame .task .timer_img {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-26px -129px;
	height:10px;
	margin-top:4px;
	position:relative;
	right:13px;
	width:8px;}
	
.story_frame .task .timer_img.off,
.story_frame .task .timer_img.disabled,
.disabled  .story_frame .task .timer_img,
.story_frame .disabled  .task .timer_img {
	background-position:-8px -129px;
}

.story_frame .task .timer_img.empty {
	background: white;
}


.story_frame .task .name,
.story_frame .task .duration,
.story_frame .task .timer,
.story_frame .task .resource {
	border:1px solid transparent;}

.story_frame .task .name:hover,
.story_frame .task .duration:hover,
.story_frame .task .timer:hover,
.story_frame .task .resource:hover {
	border: 1px solid #D5D5D5;}	
	
.disabled .story_frame .task .name:hover,
.disabled .story_frame .task .duration:hover,
.disabled .story_frame .task .timer:hover,
.disabled .story_frame .task .resource:hover,
.story_frame .disabled .task .name:hover,
.story_frame .disabled .task .duration:hover,
.story_frame .disabled .task .timer:hover,
.story_frame .disabled .task .resource:hover,
.story_frame .task .timer.empty:hover {
	border: 1px solid #fff;}
	
.story_frame .task .status {
	font-size:0.6em;
	height:1.5em;
	line-height:1.3em;
	margin:2px 5px 0 0;
	text-align:center;
	width:70px;
	padding:1px;}

.disabled .story_frame .task .status,
.story_frame .disabled .task .status  {
	color:#999}
	
.story_frame .task .status.pending {
	background-color:#F0F0F0;}
	
.story_frame .task .status.inprogress {
	background-color:#FFE698;}
	
.story_frame .task .status.completed {
	background-color:#92CD7F;}

.story_frame .task .buttons {
	float:right;
	width:120px;
	margin-top:3px;
	visibility:hidden; }	

.story_frame .task:hover .buttons {	visibility:visible; }

.disabled .story_frame .task .buttons div,
.story_frame .disabled .task .buttons div {
	cursor:default!important;}
	
.story_frame .task .buttons .button.start .icon {
	background-position:-49px -764px;}
	
.story_frame .task .buttons .button.start:hover .icon {
	background-position:-182px -776px;}
	
.story_frame .task.disabled .buttons .button.start .icon,
.disabled .story_frame .task .buttons .button.start .icon,
.story_frame .disabled .task .buttons .button.start .icon {
	background-position:-312px -776px;}
	
.story_frame .task .buttons .button.done .icon {
	background-position:-104px -742px;}
	
.story_frame .task .buttons .button.done:hover .icon {
	background-position:-237px -755px;}
	
.story_frame .task.disabled .buttons .button.done .icon,
.disabled .story_frame .task .buttons .button.done .icon,
.story_frame .disabled .task .buttons .button.done .icon {
	background-position:-367px -755px;}
	
.story_frame .task  .buttons .button.stop .icon {
	background-position:-48px -740px;}
	
.story_frame .task  .buttons .button.stop:hover .icon {
	background-position:-181px -753px;}	
	
.story_frame .task.disabled .buttons .stop,
.disabled .story_frame .task .buttons .stop,
.story_frame .disabled .task .buttons .stop {
	background-position:-311px -753px;}
	
.story_frame .task .buttons .button.restart .icon{
	background-position:-49px -717px;}
	
.story_frame .task .buttons .button.restart:hover .icon {
	background-position:-181px -730px;}
	
.story_frame .task.disabled .buttons .button.restart .icon,
.disabled .story_frame .task .buttons .button.restart .icon,
.story_frame .disabled .task .buttons .button.restart .icon {
	background-position:-311px -730px;}

.story_frame .task .buttons .button span {
	vertical-align:middle;
	font-size:0.55em;
	margin-left:3px;
	line-height:10px;
	float:left;}

.story_frame .task .buttons .button.continue, 
.story_frame .task .buttons .button.restart, 
.story_frame .task .buttons .button.start,
.story_frame .task .buttons .button.stop {
	width:55px;}

.story_frame .task .buttons .button.done {
	width:65px;}

.story_frame .task .buttons .button .icon {
	background-image:url("/img/agilegem_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	float:left;
	width:8px;
	height:8px;}
	
.story_frame .task .buttons .button.continue .icon {
	background-position:-103px -717px;}


.story_frame .task .buttons .button.continue:hover .icon {
	background-position:-236px -730px;}
	
.story_frame .task.disabled .buttons .button.continue .icon,
.disabled .story_frame .task .buttons .button.continue .icon,
.story_frame .disabled .task .buttons .button.continue {
	background-position:-366px -730px;}

.story_frame .task .buttons .button.back .icon {
	background-position:-111px -721px;}
	
.story_frame_hidden {
	display: none;}

#story_0 .loading,
.story_frame .loading {
	margin: auto;
	padding: 20px;
	color:#A0A0D0;
	font-size:150%;
	text-align:center;}

/* Auto-complete jQuery plugin CSS styles (jquery.autocomplete.css) */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;}

.ac_odd {
	background-color: #eee;}

.ac_over {
	background-color: #0A246A;
	color: white;}
	
.report .head {
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 10px;}

.report td {
	padding: 5px;
	min-width: 100px;
	max-width: 400px;}

#redirect_page,
#recover_password_page {
	width:950px;}
	
#redirect_page .header,
#recover_password_page .header {
	height:20px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	padding: 15px;
	background-color:#5D9BC4;}

#redirect_page .header .title,
#recover_password_page .header .title {
	margin-left: 10px;
	font-size:1.2em;
	font-weight: bold;
	color:white;}
	
#redirect_page p,
#recover_password_page p {
	margin-top:2em;
	font-size: 1em;
	line-height:1.2em;}
	
#redirect_page .content,
#recover_password_page .content {
	height: 400px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-color:white;
	padding: 30px 0 0 30px;}
	
#redirect_page .content .inside,
#recover_password_page .content .inside {
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #F0F0F0;
	padding: 40px 30px 0 30px;
	width: 400px;
	height: 200px;}
	
#redirect_page .label,
#recover_password_page .label{
	font-size:0.8em;
	font-weight:bold;
	color: #333;
	text-align:right;
	margin-top:19px;
	width:100px;
	height:22px;}
	
#redirect_page input.login,
#recover_password_page input {
	margin:15px 0 0 10px;
	width: 280px;
	height:22px;}
	
#redirect_page .button,
#recover_password_page .button {
	margin:10px 5px 0 0;}
	
#redirect_page .button .image {
	background-image:url(/img/start_page/login.png);
	background-position:-5px 0;
	width:75px;
	height:59px}
	
#recover_password_page .button .image {
	background-image:url(/img/start_page/send.png);
	background-position:-5px 0;
	width:75px;
	height:59px}
	
#redirect_page .button .image:hover,
#recover_password_page .button .image:hover {
	background-position:-85px 0;}

#redirect_page #redirect_message,
#recover_password_page #form_message {
	color:green;
	width: 280px;
	text-align:right;
	margin:30px 10px 0 10px;}
	
#redirect_page #redirect_message.error,
#recover_password_page #form_message.error {
	color:red;}
	
#redirect_page .right,
#recover_password_page .right {
	padding: 10px 30px 0 30px;
	width: 400px;}


#sandbox {
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	color:red;
	left:-7px;
	position:fixed;
	text-shadow:3px 3px 20px yellow;
	top:29px;
}
/* These rules pertains the google chrome frame iframe being injected in IE */
.chromeFrameOverlayContent {}
.chromeFrameOverlayContent iframe { height:450px; margin-left:7px; width:780px; }
.chromeFrameOverlayCloseBar td { 
	text-align:left;
	height:20px;
	color:white;
	background:none repeat scroll 0 0 #5D9BC4;
	padding:10px;
	font-weight:bold;}
.chromeFrameOverlayCloseBar button { float:right; }
.chromeFrameOverlayUnderlay { background-color:black; }

.noscript-warning {
	font-size:1em;
	padding:5px;
	position:fixed;
	top:0;
	left:0;
	background:red;
	color:white;
	width:100%;
}