/**
 * Stylesheet
 *
 * Copyright Fusionary Media, 2006
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}



/* MAIN styles
-------------------------------------------*/
body {
	padding: 0px;
	margin: 0px;
	font: normal normal 12px/1.5em Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	background: #27282f url(../images/bg_body.gif) 0 0 repeat-x;
} 

body#simp {
	background-image: none;
}

body#simp legend {
	color: #FFF;
	font-size: 1.5em;
	padding: 0.2em;
}
div.list {
	color: #DDD;
	margin: 0 auto;
	text-align: center;
	width: 40%;
}

div.list ul {
	text-align: left;
}

div.list ul#acct_mgmt {
    color: #000;
}

div.list a {
	color: #4AF;
}

div.list a:hover {
	color: #6CF;
}

h1{
	font: normal bold 17px/1em Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color: #6d6e77;
	margin:0px 0px 0px 0px;
}

h2{
	font: normal bold 12px/1.2em Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color: #1e1e1e;
	margin: 0px 0px 5px 0px;
}

p {
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}

ul, ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
td{
	vertical-align: top;
}

a:link{color: #55a823;}
a:visited{color: #55a823;}
a:hover{color: #74c743;}
a:active{color: #74c743;}


dt{
	font-weight: bold;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
	height: 0px;
}
.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
/* End hide from IE-mac */


			a.help_link{
				display: inline;
				width: 15px;
				height: 15px;
				background: transparent url(../images/icon_help.gif) 0 0 repeat-x;
				letter-spacing : -1000em;
				text-indent: -1em;
				text-decoration: none;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body a.help_link { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */

input, textarea, select {
	background: #d4eeff url(../images/bg_input_text.gif) 0 0 repeat-x;
	border: 1px solid #1f7ab3;
	color: #333;
	font: normal normal 12px/1.7em Arial, Helvetica, sans-serif;
	padding: 3px 2px 2px 3px;
}

input[type="image"] {
	background: transparent;
	border: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.title input[type="image"] {
	position: relative;
	top: 5px;
}

input[type="submit"] {
	background: #d4eeff;
	border: 1px solid #1f7ab3;
	color: #000;
	padding: 3px;
}

label, table.form_layout label {
  	font: normal Lucida bold 12px/1.2em Grande, Arial, Helvetica;
	font-size: 110%
	font-weight: bold;
}


.p_form .cancel_link, #alt_control_panel div.list a.btn_link {
	font: 12px/1.7em Arial, Helvetica, sans-serif;
	padding: 4px;
	background: #d4eeff;
	border: 1px solid #1f7ab3;
 	color: #000;
	text-decoration: none;
}


div.errorExplanation, div#error_messages {
	width: 75%;
	background: #FBB;
	border: 2px solid #E00;
	color: #A00;
	margin: 1em auto;
	padding: 0.5em;
	font-size: 0.8em;
	font-weight: bold;

}

div#message_messages {
	width: 50%;
	background: #BFB;
	border: 2px solid #0E0;
	color: #0A0;
	margin: 1em auto;
	padding: 0.5em;
	font-size: 0.8em;
	font-weight: bold;
}

div#notice_messages {
	width: 50%;
	background: #FFFDBB;
	border: 2px solid #E0EE00;
	color: #AA9C00;
	margin: 1em auto;
	padding: 0.5em;
	font-size: 0.8em;
	font-weight: bold;
}

/* Stylize the reports page
------------------------------------------------*/
#reports{
    background-color: #fff;
}

#reports a{
	font: normal bold 13px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
    #reports a:link{color: #1a5082;}
    #reports a:hover{color: #10334a;}

#reports div.title{
    float: left;
	padding: 5px;
    line-height: 16px;
}

#reports div.links{
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 16px;
    text-align: center;
}

#reports div.description{
    float: left;
    padding: 5px;
    background-color: #f7f7f7;
}

/* Stylize the priority worksheet
------------------------------------------------*/
#priority_worksheet_header{
    color: #000;
    display: block;
    float: none;
}

#priority_worksheet_header div.project{
    font: normal bold 18px Tahoma, Arial, sans-serif;
    padding-bottom: 20px;
    float: left;
}   

    #priority_worksheet_header div.project span.version{
        font: normal normal 16px Tahoma, Arial, sans-serif;
        color: #5b5b5b;
    }

#priority_worksheet_header a{
	font: normal bold 13px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
    #priority_worksheet_header a:link{color: #1a5082;}
    #priority_worksheet_header a:hover{color: #10334a;}
    
#priority_worksheet_header div.print{
    float: right;
    padding-right: 5%;
}

#priority_worksheet_header div.project_details{
    width: 95%;
    background: #f7f7f7 url(../images/dotted_line_e3e3e3.gif) left top repeat-x;
    padding-top: 1px;
    display: block;
    clear: left;
}

#priority_worksheet_header div.end_header{
    width: 95%;
    background: transparent url(../images/dotted_line_e3e3e3.gif) left top repeat-x;
    clear: left;
    height: 20px;
}

#priority_worksheet_header div.header_line{
    display: block;
    clear: left;
}

#priority_worksheet_header div.left_side{
    width: 49.9%;
    float: left;
}
    #priority_worksheet_header div.left_side div.label{
        font: normal bold 12px Tahoma, Arial, sans-serif;
        text-align: right;
        float: left;
        clear: left;
        width: 125px;
    }
    #priority_worksheet_header div.left_side div.info{
        padding-left: 10px;
        font: normal normal 12px Tahoma, Arial, sans-serif;
        text-align: left;
        float: left;
    }
    #priority_worksheet_header div.left_side table{
        clear: left;
        width: 100%;
    }
        #priority_worksheet_header div.left_side table tr td.estimate_label{
            font: normal bold 12px Tahoma, Arial, sans-serif;
            text-align: right;
            width: 125px;
        }
        #priority_worksheet_header div.left_side table tr td.estimate{
            text-align: left;
            padding-left: 10px;
        }
            #priority_worksheet_header div.left_side table tr td.estimate div.estimate_title{
                font: normal normal 12px Tahoma, Arial, sans-serif;
                text-align: left;
                float: left;
                clear: left;
                width: 95px;
            }
            #priority_worksheet_header div.left_side table tr td.estimate div.estimate_info{
                font: normal normal 12px Tahoma, Arial, sans-serif;
                text-align: left;
                float: left;
                clear: right;                
            }

#priority_worksheet_header div.right_side{
    width: 49.9%;
    float: left;
}
    #priority_worksheet_header div.right_side div.label{
        font: normal bold 12px Tahoma, Arial, sans-serif;
        text-align: right;
        float: left;
        clear: left;
        width: 142px;
    }
    #priority_worksheet_header div.right_side div.info{
        padding-left: 10px;
        font: normal normal 12px Tahoma, Arial, sans-serif;
        text-align: left;
        float: left;
        display: inline;
    }

#priority_worksheet{
    background-color: #fff;
    display: block;
    float: none;
    clear: left;
}

#priority_worksheet div.message{
    font: normal normal 13px Tahoma, Arial, sans-serif;
    color: #000;
    width: 95%;
    text-align: left;
}

#priority_worksheet input{
    background: #fff;
    border: none;
    width: 29%;
    float: none;
}

#priority_worksheet a{
    color: #1a5082;
	font: normal bold 13px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#priority_worksheet div.spacer{
    height: 20px;
}

#priority_worksheet div.priority{
    width: 33.3%;
    float: left;
    text-align: center;
}

#priority_worksheet table{
    border-collapse: collapse;
    width: 95%;
}

#priority_worksheet tr.subsystem_header{
    color: #000;
}

    #priority_worksheet tr.subsystem_header td{
        font: normal bold 14px Tahoma, Arial, sans-serif;
        vertical-align: top;
    }

    #priority_worksheet tr.subsystem_header td.sub{
        width: 30%;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
    }

#priority_worksheet tr.subsystem_line{
    color: #379CDA;
}

    #priority_worksheet tr.subsystem_line td{
        font: normal normal 14px Lucida Grande, Arial, Helvetica, sans-serif;
    }

    #priority_worksheet tr.subsystem_line td.timeframe{
        font: normal normal 12px Lucida Grande, Arial, Helvetica, sans-serif;
        text-align: center;
        color: #000;
    }

    #priority_worksheet tr.subsystem_line td.checkbox{
        font-weight: normal;
        text-align: center;
        color: #aaa;
        width: 30%;
    }
        
        #priority_worksheet tr.subsystem_line td hr{
            height: 1px;
        }

#priority_worksheet tr.usecase_line{
    color: #888;
}
    #priority_worksheet tr.usecase_line td{
        font: normal normal 12px Lucida Grande, Arial, Helvetica, sans-serif;
        vertical-align: bottom;
        text-align: center;
    }

    #priority_worksheet tr.usecase_line td.usecase_name{
        padding-left: 30px;
        text-align: left;
    }

    #priority_worksheet tr.usecase_line td.checkbox{
        text-align: center;
        width: 30%;
    }
    
/* print only version */
#priority_worksheet_print{
    background-color: #fff;
    text-align: center;
}

#priority_worksheet_print hr.divider{
    color: #000;
    background-color: #000;
    height: 1px;
}

#priority_worksheet_print table{
    border-collapse: collapse;
    width: 95%;
}

#priority_worksheet_print tr.subsystem_header{
    color: #000;
}

    #priority_worksheet_print tr.subsystem_header td{
        font: normal bold 14px Tahoma, Arial, sans-serif;
        vertical-align: top;
    }

    #priority_worksheet_print tr.subsystem_header td.sub{
        font-size: 12px;
        font-weight: normal;
        text-align: center;
    }

#priority_worksheet_print tr.subsystem_line{
    color: #379CDA;
}

    #priority_worksheet_print tr.subsystem_line td{
        font: normal normal 14px Lucida Grande, Arial, Helvetica, sans-serif;
    }

    #priority_worksheet_print tr.subsystem_line td.checkbox{
        font-size: 24px;
        font-weight: normal;
        text-align: center;
        color: #aaa;
    }
        
        #priority_worksheet_print tr.subsystem_line td hr{
            color: #000;
            height: 1px;
        }

#priority_worksheet_print tr.usecase_line{
    color: #888;
}
    #priority_worksheet_print tr.usecase_line td{
        font: normal normal 12px Lucida Grande, Arial, Helvetica, sans-serif;
        vertical-align: bottom;
        text-align: center;
    }

    #priority_worksheet_print tr.usecase_line td.usecase_name{
        padding-left: 30px;
        text-align: left;
    }

    #priority_worksheet_print tr.usecase_line td.checkbox{
        font-size: 20px;
        text-align: center;
    }

/* WRAPPER styles
-------------------------------------------*/
#wrapper {

	background: #fff url(../images/bg_wrapper.gif) top right repeat-y;
}


/* CONTAINER styles
-------------------------------------------*/
#container {
	width: 100%;
	float: left;
	margin-right: -291px;
	background: transparent url(../images/bg_body.gif) 0px -91px repeat-x;
}

#simp #container {
	background-image: none;
}

#container_inner {
	margin-right: 291px;
}

/* HEADER styles
-------------------------------------------*/
#header{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 91px;
	position: relative;
}

		#header h1{
			position: absolute;
			top: 29px;
			left: 40px;
		}

        #header div.free_pos h1{
            position: relative;
            left: 0px;
        }

				#header h1 a{
					display: block;
					height: 47px;
					width: 153px;
					background: transparent url(../images/logo_planix.gif) 0 0 no-repeat;
					letter-spacing : -1000em;
					text-indent: -1em;
				}
				/* Just for Opera, but hide from MacIE */
				/*\*/html>body #header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
				/* End of hack */

		#admin_nav{
			margin: 0px;
			padding: 0px;
			position: absolute;
			top: 10px;
			right: 25px;
		}
			#admin_nav li{
				display: inline;
				color: #fff;
				border-left: 1px solid #44454f;
				margin: 0 0 0 10px;
				padding: 0 0 0 10px;
				font: normal bold 11px/1.2em Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			}
			#admin_nav li.login{
				border-left: 0px;
				font-weight: normal;
			}
			#admin_nav li.upgrade a{
				color: red;
			}
			#admin_nav li.warning{
				border-left: 0px;
				font-weight: normal;
				color: red;
			}
			#admin_nav li a{
				color: #fff;
				text-decoration: none;
				background: transparent url(../images/link_underline_44454f.gif) left bottom repeat-x;
				padding: 0 0 3px 0;
			}
			#admin_nav li a:hover{
				background: transparent url(../images/link_underline_ffffff.gif) left bottom repeat-x;
			}


	#btn_create_new{
		background: #000 url(../images/btn_create_new.gif) 0 0 no-repeat;
		width: 270px;
		height: 39px;
		padding: 0 0 0 20px;
		display: block;
		position: absolute;
		top: 50px;
		right: 22px;
		color: #438919;
		font: normal bold 14px/39px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}

/* ALT CONTROL PANEL styles (centered)
-------------------------------------------*/
#alt_control_panel{
	background: #379cda url(../images/bg_body.gif) 0px -91px repeat-x;
	border-bottom: 1px solid #fff;;
    padding: 25px 0 25px 0;
    text-align: center;
}
	#alt_control_panel h1{
		font: normal bold 20px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
		color: #fff;
	}
		#alt_control_panel h1 span.subtext{
			font: normal 13px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
		}

#alt_control_panel input{
	border: 1px solid #1f7ab3;
	color: #000;
	font: normal normal 12px/1.7em Arial, Helvetica, sans-serif;
	padding: 3px 2px 2px 3px;
}

#alt_control_panel div.form_label{
  height: 26px;
  float: left;
  text-align: right;
  display: block;
  margin: 0px;
  width: 48%;
  font: normal Lucida bold 12px/1.2em Grande, Arial, Helvetica,;
  color: #fff;
}

#alt_control_panel div.form_input{
  height: 26px;
  float: right;
  text-align: left;
  margin: 0px;
  width: 52%;
}
    #alt_control_panel div.form_input input{
        background: #d4eeff url(../images/bg_input_text.gif) 0 0 repeat-x;
    	color: #333;
    }

#alt_control_panel a{
    	color: #1a5082;
	font: normal bold 12px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/* CONTROL PANEL styles
-------------------------------------------*/
#control_panel{
	background: #379cda url(../images/bg_body.gif) 0px -91px repeat-x;
	padding: 25px 20px 0px 40px;
	border-bottom: 1px solid #fff;	
	overflow: hidden;
}
	#control_panel h1{
		font: normal bold 20px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
		color: #fff;
		margin: 0 0 10px 0;
		float: left;
		
	_display: block;
	word-wrap: break-word;
    _width: 60%;
	}
		#control_panel h1 span.version_name{
			font: normal bold 13px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
			border-left: 1px solid #1d7bb8;
			margin: 0 0 0 10px;
			padding: 0 0 0 10px;
		}

	#control_panel p.btn_projects{
		float: right;
		background: transparent url(../images/btn_projects.gif) 0 0 no-repeat;
	}
		#control_panel p.btn_projects a{
			display: block;
			width: 149px;
			height: 49px;
			font: normal bold 14px/29px Lucida Grande, Arial, Helvetica, sans-serif;
			text-align: center;
			color: #fff;
			text-decoration: none;
		}
			#control_panel p.btn_projects a.open span{
				background: transparent url(../images/arrow_expand_ffffff.gif) 100% -12% no-repeat;
				padding-right: 12px;
			}
			#control_panel p.btn_projects a.closed span{
				background: transparent url(../images/arrow_expand_ffffff.gif) 100% 67% no-repeat;
				padding-right: 12px;
			}

/* Added by Jeremy to ensure against sidebar repositioning */

.truncate  {
    overflow: hidden;
    display: block;
    float: left;
    word-wrap: break-word;
}

/* End added by Jeremy */

#controlpanel_nav{
	margin: 20px 0 0 0;
}
	#controlpanel_nav li{
		display: inline;
	}
	#controlpanel_nav li a{
		color: #1a5082;
		padding: 0 0 15px 0;
		margin: 0 30px 0 0;
		display: block;
		float: left;
		font: normal bold 15px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	#controlpanel_nav li a:hover{
		color: #10334a;
	}
		#controlpanel_nav li.active a{
			color: #10334a;
			background: url(../images/active_controlpanel_nav.gif) center bottom no-repeat;
		}
		
	
	
	
	table.control_grid{
		border-collapse: collapse;
		width: 100%;
		color: #1a5082;
		font-size: 11px;
		clear: both;
	}
		
		table.control_grid tr .default{ width: 20px;}
		table.control_grid tr .expand{ width: 20px;}
		table.control_grid tr .name{}
		table.control_grid tr .date{ width: 60px;}
		table.control_grid tr .delete{ width: 30px;}
		
		table.control_grid tr th{
			background: transparent url(../images/dotted_line_2a76ae.gif) left bottom repeat-x;
			text-align: left;
			vertical-align: top;
			padding: 5px;
		}
		table.control_grid tr td{
			background: transparent url(../images/dotted_line_2a76ae.gif) left bottom repeat-x;
			text-align: left;
			vertical-align: top;
			padding: 5px;
		}
			table.control_grid tr td.table_container{
				padding: 0px;
			}
				table.control_grid tr td table.control_grid{/* Styles for Versions in second-level table */
					margin-left: 20px;
				}
				table.control_grid tr td table.control_grid tr td, table.control_grid tr td table.control_grid tr th{ 
					background-image: none;
				}
		table.control_grid tr.active td{
			background-color: #3293d5;
			color: #fff;
		}
		
		table.control_grid tr td a:link, table.control_grid tr td a:visited{
			color: #b2e2ff;
		}
		table.control_grid tr td a:hover{
			color: #fff;
		}
		table.control_grid tr.current td a{
			color: #fff;
		}
		
			table.control_grid tr td.name{
				font: normal bold 13px/1.2em Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
				color: #b2e2ff;
			}
			
			table.control_grid tr td table.control_grid tr td.name {
			    font-weight: normal;
			    width: 10em;
			    word-wrap: break-word;
			}
			
			a.trash_link{
				display: block;
				width: 11px;
				height: 14px;
				background: transparent url(../images/icon_trash.gif) 0 0 repeat-x;
				letter-spacing : -1000em;
				text-indent: -1em;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body a.trash_link { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */
			a.trash_link:hover{
				border-bottom: 2px solid #2a76ae;
			}

			a.default_link{
				display: block;
				width: 15px;
				height: 15px;
				background: transparent url(../images/icon_radio_off.gif) 0 0 repeat-x;
				letter-spacing : -1000em;
				text-indent: -1em;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body a.default_link { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */
				a.default_link.on{
					background: transparent url(../images/icon_radio_on.gif) 0 0 repeat-x;
				}

			table.control_grid tr td.expand a:link, table.control_grid tr td.expand a:visited{
				display: block;
				width: 10px;
				height: 10px;
				margin: 5px 0 0 0;
				font: normal bold 14px/29px Lucida Grande, Arial, Helvetica, sans-serif;
				text-align: center;
				color: #fff;
				text-decoration: none;
				background: transparent url(../images/arrow_expand_b2e2ff.gif) 0 -45px no-repeat;
				letter-spacing : -1000em;
				text-indent: -1em;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body table.control_grid tr td.expand a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */
							table.control_grid tr td.expanded a:link, table.control_grid tr td.expanded a:visited{
								display: block;
								width: 10px;
								height: 10px;
								margin: 5px 0 0 0;
								font: normal bold 14px/29px Lucida Grande, Arial, Helvetica, sans-serif;
								text-align: center;
								color: #fff;
								text-decoration: none;
								background: transparent url(../images/arrow_expand_b2e2ff.gif) 0 0 no-repeat;
								letter-spacing : -1000em;
								text-indent: -1em;
							}
						/* Just for Opera, but hide from MacIE */ 
						/*\*/html>body table.control_grid tr td.expanded a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
						/* End of hack */
		
	
	
	
	
	table.projects{
	
	}
	table.versions{
	
	}


/* HELP PANEL styles
-------------------------------------------*/




#help{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#help_controls{
	background: #fffeee url(../images/bg_help_controls.gif) left bottom repeat-x;
	margin: 0px 0px 0px -40px;
	padding: 0px 25px 10px 40px;
	height: 30px;
	text-align: right;
}
	#help_controls li{
		
	}
	
#help_contents{
	padding: 25px 20px 30px 40px;
	background: #fff7a9 url(../images/bg_help.gif) left bottom repeat-x;
}

	#help a.btn_help{
		display: block;
		height: 22px;
		width: 51px;
		float: right;
		margin-right: 20px;
		text-align: center;
		font: normal bold 10px/22px Arial, Helvetica, sans-serif;
		background: transparent url(../images/btn_help.gif) 0 0 no-repeat;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
	}
	#help a.btn_help:hover{
		color: #444;
	}



/* CONTENT styles
-------------------------------------------*/
#content{
	padding: 0px 20px 10px 40px;
	margin: 0 2px 0 0;
	background: transparent url(../images/bg_content.gif) 0 42px repeat-x;
}
	#content h1{
		background: #fff url(../images/bg_content_hdr.gif) 0 0 repeat-x;
		height: 40px;
		margin: 0 -20px 0 -40px;
		padding: 0 0 0 40px;
		font: normal bold 17px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
		color: #6d6e77;
	}

		

ul.content_grid{
	margin-right: -20px;
}

	ul.content_grid li{
		display: block;
	}
		ul.content_grid li.grid_head{
			display: block;
				background: transparent url(../images/dotted_line_e3e3e3.gif) left bottom repeat-x;
				padding: 0 0 1px 0;
		}
		ul.content_grid li.sub_head{
			display: block;
				 background: transparent url(../images/dotted_line_e3e3e3.gif) left bottom repeat-x;
				padding: 0 0 1px 0;
		}
			
		ul.content_grid li div{
			display: block;
		}

						ul.content_grid li div.drag_handle{
							float: left;
							padding: 10px 5px 0px 5px;
						}						
						ul.content_grid li div.expand, ul.content_grid li div.expanded{
							float: left;
							padding: 10px 0px 0px 5px;
						}						
						ul.content_grid li div.title{
							float: left;
							padding: 5px;
							line-height: 16px;
						}
							ul.content_grid li div.title img{
								vertical-align: middle;
							}
							ul.content_grid li div.title span.controls{
								color: #5b5b5b;
							}
						ul.content_grid li div.use_cases, ul.content_grid li div.hours, ul.content_grid li div.team_estimate, ul.content_grid li div.your_estimate{
							float: right;
							border-left: 1px solid #e3e3e3;
							background-color: #f7f7f7;
							padding: 5px 5px 5px 5px;
							text-align: center;
						}
						
						ul.content_grid li div.use_cases, ul.content_grid li div.hours{
						  width: 75px;
						}
						ul.content_grid li div.team_estimate, ul.content_grid li div.your_estimate{
						  width: 90px;
						}
						
						ul.content_grid li.grid_head div.hours, ul.content_grid li.grid_head div.use_cases, ul.content_grid li.grid_head div.team_estimate, ul.content_grid li.grid_head div.your_estimate{
							padding: 25px 5px 5px 5px;
							background: #f7f7f7 url(../images/bg_content_grid_grey.gif) 0 0 repeat-x;
						}
						ul.content_grid li.grid_head div.title{
							padding: 25px 5px 5px 5px;
							font: normal bold 12px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
						}
							span.pathways_total{
								color: #5b5b5b;
								font-size: 11px;
							}
					    
					    ul.content_grid li.worksheet_invite{
					        background-color: #f7f7f7;
					    }

						ul.content_grid li.worksheet_invite div.left_label{
						    width: 60px;
						    text-align: right;
							padding: 10px 5px 5px 5px;
							font: normal normal 12px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
							float: left;
							clear: left;
						}

						ul.content_grid li.worksheet_invite div.right_label{
						    width: 120px;
						    text-align: right;
							padding: 10px 5px 5px 5px;
							font: normal normal 12px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
							float: left;
						}

							span.subtext{
								color: #5b5b5b;
								font-size: 9px;
							}

						ul.content_grid li.worksheet_invite div.form_item{
						    width: 201px;
							padding: 5px 5px 5px 0px;
							float: left;
						}
													
						ul.content_grid li.worksheet_invite div.message{
						    width: 425px;
							padding: 5px 5px 5px 0px;
							float: left;
						}

    						ul.content_grid li.worksheet_invite div.message textarea{
    						    width: 415px;
    						    height: 60px;
    						}

						ul.content_grid li.worksheet_invite div.submit{
							padding: 10px 5px 5px 5px;
							float: left;
						}

						ul.content_grid li.hover{
							 background: url(../images/bg_usecase_hover.gif) 22px 2px no-repeat; 
						}
						
						ul.content_grid li ul{
							clear: both;
							margin-left: 35px;
						}
						
						
						ul.content_grid li.new_sub div.hours, ul.content_grid li.new_sub div.use_cases, ul.content_grid li.new_sub div.team_estimate, ul.content_grid li.new_sub div.your_estimate{
							padding: 10px 5px;
						}
						
						ul.content_grid li.sub_head div.hover{
							 background: #d1e4f0; 
						}
						


			ul.content_grid li div.expand a:link, ul.content_grid li div.expand a:visited{
				display: block;
				width: 10px;
				height: 10px;
				margin: 0;
				font: normal bold 14px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
				text-align: center;
				color: #fff;
				text-decoration: none;
				background: transparent url(../images/arrow_expand.gif) 0 0px no-repeat;
				letter-spacing : -1000em;
				text-indent: -1em;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body ul.content_grid li div.expand a:link, html>body ul.content_grid li div.expand a:visited { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */
					ul.content_grid li div.expanded a:link, ul.content_grid li div.expanded a:visited{
						display: block;
						width: 10px;
						height: 10px;
						margin: 0;
						font: normal bold 14px/1.2em Lucida Grande, Arial, Helvetica, sans-serif;
						text-align: center;
						color: #fff;
						text-decoration: none;
						background: transparent url(../images/arrow_expand.gif) 0 -60px no-repeat;
						letter-spacing : -1000em;
						text-indent: -1em;
					}
					/* Just for Opera, but hide from MacIE */ 
					/*\*/html>body ul.content_grid li div.expanded a:link, html>body ul.content_grid li div.expanded a:visited { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
					/* End of hack */


table.form_layout td {
	padding: 0.5em;
}

table.accounts {
    padding: 2.0em;
    vertical-align: middle
}





/* SIDEBAR styles
-------------------------------------------*/
#sidebar{
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	width: 291px;
	background: transparent url(../images/bg_sidebar.gif) -3px 0 no-repeat;
	float: right;
	display: inline;
	word-wrap: break-all;	
	overflow: hidden;
}

#sidebar dl{
	margin: 0px;
	padding: 0px;
}
#sidebar dl dt{
	margin: 0px;
	padding: 0px;
	background: #dcdcdc url(../images/bg_sidebar_heading.gif) 0 0 repeat-x;
	height: 30px;
	color: #7e7e7e;
}
	#sidebar dl dd{
	margin: 0px;
	padding: 10px 10px 10px 15px;
	} 
	
	#sidebar dl dt a.title_link{
		color: #27282f;
		font: normal bold 15px/30px Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: block;
		float: left;
		padding: 0 0 0 15px;
		margin: 0 0 0 15px;
		background: transparent url(../images/arrow_expand.gif) 0px 10px no-repeat;
	}

	#sidebar dl dt a.title_link_expanded {
		color: #27282f;
		font: normal bold 15px/30px Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: block;
		float: left;
		padding: 0 0 0 15px;
		margin: 0 0 0 15px;
		background: transparent url(../images/arrow_expand.gif) 0px -50px no-repeat;
	}

	#sidebar dl dt a.simple_link{
		margin: 5px 0 0 10px;
		float: left;
	}	

	#sidebar dl dt a.help_link{
		margin: 5px 0 0 10px;
		float: left;
	}
	#sidebar dl dt span.date{
		font: normal bold 12px/30px Lucida Grande, Arial, Helvetica, sans-serif;
		float: right;
		display: block;
		height: 30px;
		margin: 0 15px 0 0;
	}
	
			#sidebar_cap{
				padding: 10px 5px 5px;
			}
			a.print_link:link, a.print_link:visited{
				display: block;
				height: 15px;
				float: right;
				padding-left: 17px;
				margin: 0 10px 0 0;
				background: transparent url(../images/icon_printer.gif) 0 0 no-repeat;
				line-height: 15px;
				text-decoration: none;
				color: #a5a5a5;
			}
			a.print_link:hover{
				text-decoration: underline;
			}
			
			#sidebar_cap span.spinner{
				float: left;
				margin: 0 0 0 10px;
                height: 16px;
			}


	#sidebar dl dd p.hours_block{
		float: left;
		width: 70px;
		color: #7c7c7c;
		margin: 17px 0 0 0;
	}
		#sidebar dl dd p.hours_block span.hours_total{
			font: normal bold 18px/1.2em Arial, Helvetica, sans-serif;
		}
	#sidebar dl dd table.case_grid{
		float: left;
		width: 180px;
		margin-left: 5px;
		padding-left: 5px;
		border-collapse: collapse;
		color: #7e7e7e;
	}
		#sidebar dl dd table.case_grid tr th{
			text-transform: uppercase;
			font: normal bold 10px/1.2em Arial, Helvetica, sans-serif;
			text-align: left;
			color: #7c7c7c;
			border-bottom: 1px solid #d0d0d0;
		}
		#sidebar dl dd table.case_grid tr .date{
			border-left: 1px solid #d0d0d0;	
			padding-left: 10px;	
			font-weight: bold;
			font-size: 12px;
		}
		#sidebar dl dd table.case_grid tr td{
			padding: 2px;
			font-size: 10px;
		}
		#sidebar dl dd table.case_grid tr.current td{
			color: #e87300;
		}

	#properties{
		background: transparent url(../images/bg_sidebar_properties.gif) 0 0 repeat-x;
		padding: 15px;
	}
		#properties h2{
			color: #54555a;
			font: normal bold 15px/30px Arial, Helvetica, sans-serif;
		}
		
		
		#properties_grid{
			color: #27282f;
			border-collapse: collapse;
		}
			#properties_grid th{
				text-align: left;
				padding: 2px 10px 2px 0;
				vertical-align: top;
				width: 40%;
			}
			#properties_grid td{
				text-align: left;
				padding: 2px 5px 2px 5px;
				vertical-align: top;
			}
			#properties_grid a{
				text-decoration: none;
				color: #27282f;
				border-bottom: 1px solid #d0d0d0;
			}
			#properties_grid a:hover{
				text-decoration: none;
				color: #000;
				border-bottom: 1px solid #27282f;
			}
			
			#properties_grid tr.hover td{
				background-color: #d0d0d0;
			}
			
			#properties_grid tr a.help_link{
				visibility: hidden;
			}
			#properties_grid tr.hover a.help_link{
				visibility: visible;
			}
	   #subscription-details{
		padding: 15px;
	   }
	       #subscription-details h3 {
			color: #54555a;
			font: normal bold 15px/30px Arial, Helvetica, sans-serif;
	       }

label, wrapper body conainer table.form_layout label {
  	font: normal Lucida bold 12px/1.2em Grande, Arial, Helvetica;
	font-size: 110%;
	font-weight: bold;
}



/* FOOTER styles
-------------------------------------------*/
#footer_wrapper{
	width: 100%;
	position: relative;
	background: transparent url(../images/bg_footer.gif) 0 0 repeat-x;
}

#footer {
	clear: both;
	margin: 0px;
	padding: 60px 0px 0px 0px;
	width: 760px;
	position:relative;
	left: 50%;
	margin: 0 0 0 -380px;
	color: #7b7b7b;
}

/* Ryan is doing CSS.  Hide the women and children
-------------------------------------------*/
.fieldWithErrors {
	border-left:  solid 2px red;
}

@media print {
  .noprint { display: none; }
}

/* Slightly less alarming: Jim in the CSS file */

.account #content h1{
  margin-top: 60px;
}
/* currently used account schedule and plan type */
td.current { background: #dcdcdc; }

div.team_estimate, div.your_estimate {
  position: relative;
  padding: 0px; 
  margin: 0px;
}

div.team_estimate div.use_case_amendments, div.team_estimate div.amendment_form{
  display: none;
}

div.team_estimate p, div.your_estimate p{
  display: inline;
}

div.team_estimate img, div.your_estimate img{ 
  padding: 0px; margin: 0px; 
}

div.your_estimate img.flush_right{ 
  position: absolute; 
  right: 5px;
}

div.your_estimate table {
  margin-top: 1em;
}

div.your_estimate td.label {
  text-align: left;
  padding: .5em;
  width: 40%;
}

div.your_estimate td.input {
  text-align: left;
  padding: .5em;
  width: 60%;
}

div.team_estimate div.dialog, div.your_estimate div.dialog{
  position: absolute;
  top: 3em;
  right: 22px;
  color: #000;
  z-index: 10;
}

div.your_estimate div.amendment_form img.close_image{
  position: absolute;
  border: 0px;
  top: 22px;
  right: 8px;
}
#simp #accounts table {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #44454f;
}

#simp #accounts table th{
	background: white;
	font: normal bold 12px/24px Arial, Helvetica, sans-serif;
	border-left: 1px solid #44454f;
	border-bottom: 1px solid #44454f;
}

#simp #accounts table th.row_header{
	width: 25%;
}

#simp #accounts table #plan_types th, #simp #accounts table #cost th{
	width: 15%;
	border-top: 1px solid #44454f;
}

#simp #accounts table #cost td, #simp #accounts table #additional_cost td, #simp #accounts table #project_count td, #simp #accounts table #version_count td{
	background: #d4eeff url(../images/bg_input_text.gif) 0 0 repeat-x;
	font: normal bold 12px/18px Arial, Helvetica, sans-serif;
	border-left: 1px solid #44454f;
	border-bottom: 1px solid #44454f;
}

#simp #accounts td.selected, #simp #accounts th.selected{
	background: #fffeee url(../images/bg_help_controls.gif) left bottom repeat-x;
}

#simp #accounts table #cost td.selected, #simp #accounts table #additional_cost td.selected, #simp #accounts table #project_count td.selected, #simp #accounts table #version_count td.selected{
	background: #fffeee url(../images/bg_help_controls.gif) left bottom repeat-x;	
}
#pmnt{
	background: #ccc;
}

#pmnt #container{
	background: #27282f;
	margin-left: 2%;
	margin-top: 2%;
	width: 50%;
	border: 1em solid #379CDA;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 5px;
}

#pmnt #container h1{
	background: #27282f url(../images/logo_planix.gif) 0 0 no-repeat;
	font-size: 42px;
}

#pmnt #container table{
	width: 100%;
}
#pmnt #container table th{
	text-align: right;
	width: 45%;
}

#pmnt #container p.thanks{
	color: white;
}

#pmnt #container #payment_form {
	background: #379CDA;
	padding-left: 2%;
	padding-right: 2%;
}

#pmnt #container #payment_form h2{
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: white;
}

#pmnt #container a, #pmnt #container a:visited{
	color: white;
}

#pmnt #container #payment_form fieldset {
	border: 1px solid #ccc;
	padding: 0 20px;
	margin-bottom: 0.5em;
}

#pmnt #container #payment_form legend {
	font: normal bold 12px/24px Arial, Helvetica, sans-serif;
	color: white;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	padding: 2px 4px;
}

#pmnt p{
	font: normal bold 10px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding; 0px;
}

/* This is all rounded corners stuff */
.dialog {
 width:90%;
 margin:0px auto;
 min-width:400px;
 max-width:1990px; 
 color:#000;
}

.dialog form {
  text-align: left;
  padding-top: .5em; 
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:22px;
}

.dialog .ft .c {
 height:22px;
}

.dialog .hd {
 background:transparent url(../images/rc-ul.png) no-repeat 0px 0px;
 margin-right:22px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../images/rc-ur.png) no-repeat right 0px;
 margin-right:-22px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../images/rc-ml.png) repeat-y 0px 0px;
 margin-right:22px;
}

.dialog .bd .c {
 background:transparent url(../images/rc-mr.png) repeat-y right 0px;
 margin-right:-22px;
}

.dialog .bd .c .s {
 margin: 0px 6px 0px 6px;
 background: #f7f7f7;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../images/rc-bl.png) no-repeat 0px 0px;
 margin-right:22px;
}

.dialog .ft .c {
 background:transparent url(../images/rc-br.png) no-repeat right 0px;
 margin-right:-22px;
}


/* Lee's Javaescript CSS Uglies */

input.editor_ok_button, a.editor_cancel {
	margin-left: 5px;
}

.inplaceeditor-form {
	display: inline;
}

.inline_form form {
	display: inline;
}

ul.content_grid li div.expand a.toggled {
		background: transparent url(../images/arrow_expand.gif) 0 -62px no-repeat;
}

div#projectsPanel table.control_grid td.expand a.toggled {
	background: transparent 	url(../images/arrow_expand_b2e2ff.gif) 0 0px no-repeat;
}