/* 
Description: BroadVision CHRM stylesheet.
Version: 1.0
Released: 10/23/08
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/* GENERAL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	body {
		background:url(/chrm/xp/images/body_y_background.gif) 50% 0 repeat-y;
		text-align:center;
		font:62.5%/1.8 Arial, Helvetica, sans-serif;
		height:100%;
/*	position:relative;
*/	}

	body a {
		color:#00f;
	}
	
	
	body form {
		font-family:Arial, Helvetica, sans-serif;	/* Override font declaration in global.css */
	}
	
	body strong {
		font-weight:bold;
	}
	
	/* This style is used to create a scrolling div around any extra-wide tables. This div is 
       created by js in scripts.js. */
	.overflow_table {
		overflow:scroll;
		width:838px;
		position:relative;
		margin-bottom:15px;
		padding:5px 5px;
	}
	
	body .inputButton {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	/* .clearfix makes elements clear floats in Firefox */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	/* Removes clearfix from #content and #content_main since it was causing bottom gap in FF & Safari. */
	
	#content.clearfix:after, #content_main.clearfix:after {
		display:none;
	}
	
	/* LINKS */
	
	a {
/*		color:#0000cc !important;
*/	}
	

/* CONTAINER (div#container is the wrapper element for the site)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#container {
		width:990px;
		margin:0 auto;
		padding:0 5px;
		text-align:center;
		background:url(/chrm/xp/images/page_shape_header.png) 50% 0 no-repeat;
		height:100%;
	}
	
	.product_60 #container_wrapper {
		background:url(/chrm/xp/images/body_fill-60.jpg) 0 0 repeat-x;
	}
	
	.product_120 #container_wrapper {
		background:url(/chrm/xp/images/body_fill-120.jpg) 0 0 repeat-x;
	}
	
	.product_240 #container_wrapper {
		background:url(/chrm/xp/images/body_fill-240.jpg) 0 0 repeat-x;
	}
	
	.product_360 #container_wrapper {
		background:url(/chrm/xp/images/body_fill-360.jpg) 0 0 repeat-x;
	}
	

/* HEADER (div#header contains the logo, welcome text, links, search form and top nav)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#header {
		position:relative;
		height:140px;
		width:990px;
		margin:0 auto;
		text-align:left;
		z-index:10000;
	 }
	 
	#header #logo {
		display:none;
	}
	
	#header h1 {
		position:absolute;
		top:14px;
		left:46px;
	}
	
	#header h1 a {
		width:208px;
		height:53px;
		display:block;
		text-indent:-9999px;
	}
	
	.product_60 #header h1 a {
		background:url(/chrm/xp/images/logo-chrm_60.gif) 0 0 no-repeat;
	}
	
	.product_120 #header h1 a {
		background:url(/chrm/xp/images/logo-chrm_120.gif) 0 0 no-repeat;
	}
	
	.product_240 #header h1 a {
		background:url(/chrm/xp/images/logo-chrm_240.gif) 0 0 no-repeat;
	}
	
	.product_360 #header h1 a {
		background:url(/chrm/xp/images/logo-chrm_360.gif) 0 0 no-repeat;
	}
	
	/* INFO & TOOLS LINKS */
	#info_tools_links {
		position:absolute;
		top:9px;
		right:47px;
		color:#ccc;
		font-size:110%;
	}
	
	.product_60 #info_tools_links {
		color:#23408E;
	}

	
	#info_tools_links a {
		text-decoration:none;
		color:#ccc;
	}
	
	.product_60 #info_tools_links a {
		color:#23408E;
	}
	
	.product_60 #info_tools_links .date {
		color:#23408E;
	}
	
	#info_tools_links a:hover {
		text-decoration:underline;
	}
	
	#tools_links {
		margin-left:10px;
	}
	
	#tools_links a {
		margin:0 5px;
	}
	
	#tools_links a:last-child {
		margin-right:0;
	}
	
	/* SEARCH FORM */
	#search_form {
		position:absolute;
		top:40px;
		right:47px;
		width:233px;
	}
	
	#search_field {
		width:160px;
		height:16px;
		padding:4px;
		float:left;
		border:none;
	}
	
	#search_button_wrapper {
		float:left;
		margin-left:9px;
		cursor:pointer;        
		height:24px;           
		overflow:hidden;      
		width:52px;   
		        
	}
	
	#search_button_wrapper:hover input, #search_button_wrapper.jq-hover input {
		margin-top:-24px;
	}
	


/* NAVIGATION (ul#navigation is the top nav. The class .jq-hover is applied to li's in IE6 and below via jquery 
        to allow them to have hover styles.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#navigation {
		position:absolute;
		left:47px;
		bottom:32px;
		width:896px;
	}
	
	#navigation li {
		float:left;
		margin-right:2px;
		background-position:0 0;
		background-repeat:no-repeat;
		padding-left:5px;
	}
	
	.product_60 #navigation li {
		background-image:url(/chrm/xp/images/tab-lt-60.gif);
	}
	
	.product_120 #navigation li {
		background-image:url(/chrm/xp/images/tab-lt-120.gif);
	}
	
	.product_240 #navigation li {
		background-image:url(/chrm/xp/images/tab-lt-240.gif);
	}
	
	.product_360 #navigation li {
		background-image:url(/chrm/xp/images/tab-lt-360.gif);
	}
	
	#navigation li a {
		padding-left:11px;
		float:left;
		display:block;
		line-height:28px;
		background-position:100% 0;
		background-repeat:no-repeat;
		padding-right:16px;
		color:white;
		text-decoration:none;
		font-size:120%;
		font-weight:bold;
	}
	
	.product_60 #navigation li a {
		background-image:url(/chrm/xp/images/tab-rt-60.gif);
		color:#23408E;
	}

	.product_120 #navigation li a {
		background-image:url(/chrm/xp/images/tab-rt-120.gif);
	}

	.product_240 #navigation li a {
		background-image:url(/chrm/xp/images/tab-rt-240.gif);
	}

	.product_360 #navigation li a {
		background-image:url(/chrm/xp/images/tab-rt-360.gif);
	}

	#navigation li:hover, #navigation li.jq-hover {
		background-position:0 -28px;
	}
	
	#navigation li:hover a, #navigation li.jq-hover a {
		background-position:100% -28px;
	}
	
	#navigation li.selected {
		background-position:0 -56px;
	}
	
	#navigation li.selected a {
		background-position:100% -56px;
	}
	
	#navigation li.selected a, #navigation li.selected:hover a {
		color:#23408e;
	}
	
	#navigation li ul {
		display:none;
		position:absolute;
		bottom:-32px;
		left:-8px;
	}	
	
	#navigation li.selected ul {
		display:block;
	}	
	
	#header #navigation li li {
		float:left;
		background-image:url(/chrm/xp/images/nav_divider.gif);
		background-position:100% 53%;
		background-repeat:no-repeat;
		padding:0;
		margin:0;
		position:relative;
	}
	
	#header #navigation li li:last-child {
		background:none;
	}
	
	#header #navigation li li:hover, #header #navigation li li.jq-hover, #header #navigation li li:last-child:hover {
		background-color:#c2cdd4;
	}
	
	#header #navigation li li a {
		color:#23408e;
		line-height:32px;
		padding:0 8px;
		background-image:none;
		margin-right:1px;
		font-weight:normal;
	}	
	
	#header #navigation li li ul {
		position:absolute;
		top:30px;
		left:-9999px;
		bottom:auto;
		float:left;
		border:1px solid #ccc;
		background:white;
	}
	
	#header #navigation li li li {
		display:block;
		float:left;
		clear:left;
		height:30px;
		background-image:none;	
	}
	
	#header #navigation li li:hover ul, #header #navigation li li.jq-hover ul {
		left:0;
	}
	
	#header #navigation li li li a {
		display:block;
		line-height:30px;
		padding:0 12px;
		float:left;
		white-space:nowrap;
		margin:0;
		min-width:150px;
	}
	
	#header #navigation li li.dropdown a {
		background:url(/chrm/xp/images/icon-dropdown_arrow.gif) 100% 55% no-repeat;
		padding-right:16px;
	}
	
	#header #navigation li li.dropdown li a {
		background:none;
	}
	
	#header #navigation li.selected li li a:hover {
		background:#E9F7FF;
/*		color:#f4b446;
*/	}
	
	#header #navigation li li li:first-child a {
		padding:0 12px;
		min-width:150px;
	}
	

/*  CONTENT (div#content is a wrapper for the content of the page.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	#content {
/*		background:url(/chrm/xp/images/page_shape_header.png) 0 0 no-repeat;
*/		margin:-46px auto 0;
		padding-top:56px;
		text-align:left;
		width:990px;
	}
	
	
/*  PAGE HEADER (div#page_header contains the breadcrumb nav, page title and company logo.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#page_header {
		padding:0 47px;
		width:896px;
		text-align:left;
	}
	
	/* BREADCRUMB NAV */
		#breadcrumb_nav {
		color:#23408e;
		font-size:120%;
		margin-bottom:-22px;
		padding:0 47px;
	}
	
	#breadcrumb_nav a {
		color:#666;
		text-decoration:none;
	}
	
	#breadcrumb_nav a:hover {
		color:#f4b446;
		text-decoration:underline;
	}
	
	h2 {
		font-size:24px;
		color:#23408e;
		margin-bottom:8px;
		padding-top:22px;
	}
	
	#company_logo {
		float:right;
		margin-bottom:15px;
	}
	

/*  CONTENT_MAIN (div#content_main contains the main content of the page.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#content_main {
		margin:0 31px;
		background:#f2f2f2 url(/chrm/xp/images/content_main_header.gif) 0 0 no-repeat;
		padding:16px 11px 16px 16px;
		height:1%;
	}
	
	#content_main:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#content_main p {
		font-size:120%;
		margin:0 0 10px;
		line-height:1.4em;
	}
	
	#content_main h3 {
		font-size:16px;
		font-weight:bold;
		color:#23408e;
		line-height:1.4;
	}
	
	#content_main td, #content_main th {
		font-size:120%;
		line-height:1.2em;
		color:black;
	}
	
	#content_main th {
		font-weight:bold;
	}
	
	/* DOCK (Contains buttons representing closed blocks.) */
	#dock {
		clear:both;
	}
	
	#dock h3 {
		font-size:140%;
		color:#23408e;
		font-weight:bold;
		float:left;
	}
	
	#dock li {
		float:left;
		width:100%;
	}
	
	#dock li li {
		background:url(/chrm/xp/images/btn-dock-rt.gif) 100% 0 no-repeat;
		margin-left:6px;
		width:auto;
		margin-bottom:8px;
	
	}
	
	#dock li li span {
		background:url(/chrm/xp/images/btn-dock-lt.gif) 0 0 no-repeat;
		display:block;
		float:left;
	}
	
	#dock li li:hover, #dock li li.jq-hover {
		background-position:100% -28px;
	}
	
	#dock li li:hover span, #dock li li.jq-hover span {
		background-position:0 -28px;
	}
	
	#dock li li a {
		line-height:28px;
		float:left;
		display:block;
		padding:0 11px 0 9px;
		font-weight:bold;
		text-decoration:none;
		color:#23408e;
		font-size:120%;
		background-position:6px 4px;
		background-repeat:no-repeat;
		white-space:nowrap;
/*		background-image:url(/chrm/xp/images/icon-dock-default.gif);
*/	}

	#dock li li a img {
		vertical-align:middle;
		margin-top:-2px;
		margin-right:2px;
	}
	
/*	#dock #dock-my_performance a {
		background-image:url(/chrm/xp/images/icon-dock-my_alerts.gif);
	}
	
	#dock #dock-my_attendance a {
		background-image:url(/chrm/xp/images/icon-dock-my_attendance.gif);
		padding-left:32px;
		background-position:8px 4px;
	}
	
	#dock #dock-my_alerts a {
		background-image:url(/chrm/xp/images/icon-dock-my_alerts.gif);
		background-position:7px 4px;
	}
	
	#dock #dock-my_shortcuts a {
		background-image:url(/chrm/xp/images/icon-dock-my_shortcuts.gif);
		background-position:7px 5px;
	}
	
	#dock #dock-my_job a {
		background-image:url(/chrm/xp/images/icon-dock-my_job.gif);
		padding-left:32px;
		background-position:8px 4px;
	}
	
	#dock #dock-company_billboard a {
		background-image:url(/chrm/xp/images/icon-dock-company_billboard.gif);
		padding-left:24px;
		background-position:4px 5px;
	}
	
	#dock #dock-company_announcements a {
		background-image:url(/chrm/xp/images/icon-dock-company_announcements.gif);
		padding-left:32px;
		background-position:8px 3px;
	}
	
	#dock #dock-resources a {
		background-image:url(/chrm/xp/images/icon-dock-resources.gif);
		padding-left:34px;
		background-position:9px 4px;
	}
	
	#dock #dock-frequently_used_services a {
		background-image:url(/chrm/xp/images/icon-dock-frequently_used_services.gif);
		padding-left:28px;
		background-position:6px 4px;
	}
*/	

/*  BLOCKS (These styles work with cb.js to create custom borders and corners.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	/* Default styling. Used when JavaScript is unsupported */
	.cbb {
		padding:0 10px;
		margin:1em 0;
		background:#fff;
		border:1px solid #ccc;
	}
		
	.cbb h1 {
		margin:0 -10px;
		padding:0.3em 10px;
		background:#efece6;
		font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
		
	/* Insert the custom corners and borders for browsers with sufficient JavaScript support */
	
	/* Rules for the top corners and border */
	.bt {
		background:url(/chrm/xp/images/block.gif) no-repeat 100% 0;
		margin:0 0 0 16px;
		height:17px;
	}
	
	.bt div {
		height:17px;
		width:16px;
		position:relative;
		left:-16px;
		background:url(/chrm/xp/images/block.gif) no-repeat 0 0;
	}
	
	/* Rules for the bottom corners and border */
	.bb {
		background:url(/chrm/xp/images/block.gif) no-repeat 100% 100%;
		margin:0 0 0 16px;
		height:13px;
	}
	
	.bb div {
		height:13px;
		width:16px;
		position:relative;
		left:-16px;
		background:url(/chrm/xp/images/block.gif) no-repeat 0 100%;
	}
	
	/* Insert the left border */
	.i1 {
		padding:0 0 0 16px;
		background:url(/chrm/xp/images/block_borders.gif) repeat-y 0 0;
	}
		
	/* Insert the right border */
	.i2 {
		padding:0 21px 0 0;
		background:url(/chrm/xp/images/block_borders.gif) repeat-y 100% 0;
	}
	
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
	.i3 {
		background:#fff;
		padding-bottom:10px;
		padding:8px 8px 20px;
	}
	
	.blocks .i3 {
		padding:0 0 10px;
	}
		
	.cb {
			margin:11px 0;
	}
	
	.i3:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	
	.blocks li {
		position:relative;
	}
	
	#my_blocks {
		width:537px;
		float:left;
	}
	
	#company_info {
		width:337px;
		float:right;
	}
	
	.minimize_block, .close_block, .maximize_block {
		text-indent:-9999px;
		width:15px;
		height:15px;
		float:right;
		margin-right:7px;
	}
	
	.minimize_block:hover, .close_block:hover, .maximize_block:hover {
		background-position:0 -15px;
	}
	
	.close_block {
		background:url(/chrm/xp/images/btn-close_block.gif) 0 0 no-repeat;
	}
	
	.minimize_block {
		background:url(/chrm/xp/images/btn-minimize_block.gif) 0 0 no-repeat;
	}
	
	.maximize_block {
		background:url(/chrm/xp/images/btn-maximize_block.gif) 0 0 no-repeat;
	}
	
	.block_controls {
		position:absolute;
		top:2px;
		right:-8px;
		width:50px;
	}
	
	.blocks h3 {
		font-size:160%;
		color:#23408e;
		font-weight:bold;
		line-height:1.6em;
		margin-top:-4px;
		margin-bottom:8px;
/*		padding-left:32px;
*/		padding-top:3px;
		background-position:0 50%;
		background-repeat:no-repeat;
		text-align:left;
		height:1%;
/*		background-image:url(/chrm/xp/images/icon-block-default.gif);
*/	}

	.blocks h3 img {
		vertical-align:middle;
		margin-top:-3px;
	}
	
	.blocks h3 a {
		color:#23408e;
		text-decoration:none;
	}
	
	.blocks h3 a:hover {
		text-decoration:underline;
	}
	
/*	#my_performance h3 {
		background-image:url(/chrm/xp/images/icon-block-my_performance.gif);
	}
	
	#my_attendance h3 {
		background-image:url(/chrm/xp/images/icon-block-my_attendance.gif);
	}
	
	#my_alerts h3 {
		background-image:url(/chrm/xp/images/icon-block-my_alerts.gif);
	}
	
	#my_shortcuts h3 {
		background-image:url(/chrm/xp/images/icon-block-my_shortcuts.gif);
	}
	
	#my_job h3 {
		background-image:url(/chrm/xp/images/icon-block-my_job.gif);
	}
	
	#company_billboard h3 {
		background-image:url(/chrm/xp/images/icon-block-company_billboard.gif);
		padding-left:26px;
	}
	
	#company_announcements h3 {
		background-image:url(/chrm/xp/images/icon-block-company_announcements.gif);
		background-position:0 0;
	}
	
	#resources h3 {
		background-image:url(/chrm/xp/images/icon-block-resources.gif);
	}
	
	#frequently_used_services h3 {
		background-image:url(/chrm/xp/images/icon-block-frequently_used_services.gif);
		padding-left:29px;
	}
*/	
	.blocks .bt, .blocks .bt div {
		height:13px;
	}
	
	.blocks li table {
		width:100%;
	}
	
	.blocks li table td, .blocks li table th {
		padding:3px 8px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	 #content_main .blocks li table th {
		background:#f4b446;
		color:white;
		font-weight:bold;
		font-size:120%;
	 }
	 
	 .blocks li table td {
		padding:6px 8px;
		border:1px solid #d4d0c5;
		border-width:0 0 1px;
	}
	
	.blocks li table td.date {
		white-space:nowrap;
		color:black; /* Overrides white color given to date class in global.css file. */
	}
	
	.blocks li ul {
		margin-left:15px;
	}
	
	.blocks li li {
		list-style-type:disc;
		margin-bottom:8px;
		font-size:120%;
		float:none;
		margin-left:10px;
	}


/*  SITE INFO (div#site_info is the footer.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#site_info {
		text-align:center;
		font-size:110%;
		clear:both;
		padding:25px 0 30px;
	}
	

/*  Profile styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	#essential_info {
		margin-bottom:16px;
	}
	
	#essential_info img {
		float:left;
		border:1px solid #ccc;
		margin-right:24px;
	}
	
	#essential_info p {
		font-weight:bold;
	}
	
	#essential_info td, #essential_info th {
		padding:2px 8px 2px 0;
		color:black;
	}
	
	.semtabs {
		padding-left:7px;
		clear:both;
		z-index:10000;
	}
	
	.semtabs li {
		float:left;
		margin-right:3px;
		background:url(/chrm/xp/images/info_tab-lt.gif) 0 0 no-repeat;
		padding-left:4px;
	}
	
	.semtabs li a {
		float:left;
		display:block;
		line-height:25px;
		background:url(/chrm/xp/images/info_tab-rt.gif) 100% 0 no-repeat;
		padding-right:20px;
		padding-left:16px;
		color:black;
		text-decoration:none;
		font-size:120%;
		font-weight:bold;
	}
	
	.semtabs li a:hover {
		text-decoration:none;
	}
	
	.semtabs li.selected {
		background-position:0 -50px;
		margin-bottom:-1px;
	}

	.semtabs li.selected a {
		background-position:100% -50px;
		line-height:26px;
	}
	
	.panel {
		clear:both;
		padding:24px 0;
		border-top:1px solid #999;
		background:url(/chrm/xp/images/info_background.gif) 0 0 repeat-x;
		height:1%;
	}
	

	.detailed_info caption, .data_table caption {
		font-size:16px;
		font-weight:bold;
		color:#23408e;
		white-space:nowrap;
		border-bottom:1px solid #dcdcdc;
	}
	
	.detailed_info td, .detailed_info th {
		padding:4px 8px;
		border-bottom:1px solid #dcdcdc;
/*		white-space:nowrap;
*/	}
	
	.detailed_info th {
		color:black;
		vertical-align:top;
	}
	
	.detailed_info th[scope="row"] {
		padding-right:0;
	}
	
	.shaded {
		background:#f7f5ee;
	}
	
	.data_table th.shaded {
		background:#dfecf4;
	}
	
	.detailed_info {
		margin-bottom:16px;
		margin-right:30px;
/*		width:45%;
*/	}
	
	#dept_info .detailed_info {
		width:auto;
	}
	
/*	.multi_column table {
		float:left;
	}	
*/	
/*  Report styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	#report_header h3 {
		border-bottom:1px solid #ccc;	
		padding-bottom:8px;
		margin-bottom:12px;
	}
	
/*	#report_template .i3 {
		padding:8px 8px 20px;
	}
	
*/	.data_table {
		border:1px solid #d4d0c5;
		border-width:1px 0 0 1px;
/*		margin-bottom:15px;
*/		width:848px;
		clear:both;
		margin:0 0 10px;
	}
	
/*	.data_table table span {
		border:1px solid #d4d0c5;
		border-width:1px 0 0 1px;
		margin-bottom:20px;
	}
	
*/	.data_table th {
		background:#e9f7ff;
/*		cursor: pointer;
*/	}
	
	.data_table th.headerSortUp span, .data_table th.headerSortDown span{
		background-repeat:no-repeat;
		background-position:0 0;
		padding-left:12px;
	}
	
	.data_table th.headerSortUp span {
		background-image:url(/chrm/xp/images/icon-sort_ascending.gif);
	}

	.data_table th.headerSortDown span {
		background-image:url(/chrm/xp/images/icon-sort_descending.gif);
	}

	.data_table th, .data_table td {
		padding:4px 8px;
		border:1px solid #d4d0c5;
		border-width:0 1px 1px 0;
	}
	
	.view, .edit, .run, .delete_record, .assign_goals, .assign_personnel, .move_up, .move_down {
		display:block;
		float:left;
		height:18px;
		width:18px;
		text-indent:-9999px;
		margin-right:3px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-color:#ededed;
		border:1px solid #fff;
	}
	
	.view:hover, .edit:hover, .run:hover, .delete_record:hover, .assign_goals:hover, .assign_personnel:hover, .move_up:hover, .move_down:hover {
		background-color:#fff;
		border-color:#ccc;
	}

	.view {
		background-image:url(/chrm/xp/images/icon-data_table-view.gif);
	}
	
	.edit {
		background-image:url(/chrm/xp/images/icon-data_table-edit.gif);
	}
	
	.run {
		background-image:url(/chrm/xp/images/icon-data_table-run.gif);
	}
	
	.delete_record {
		background-image:url(/chrm/xp/images/icon-data_table-delete_record.gif);
	}
	
	.assign_goals {
		background-image:url(/chrm/xp/images/icon-data_table-assign_goals.gif);
	}
	
	.assign_personnel {
		background-image:url(/chrm/xp/images/icon-data_table-assign_personnel.gif);
	}
	
	.move_up {
		background-image:url(/chrm/xp/images/icon-data_table-move_up.gif);
	}
	
	.move_down {
		background-image:url(/chrm/xp/images/icon-data_table-move_down.gif);
	}
	
.copy {
		display:inline-block;
		height:18px;
		width:18px;
		text-indent:-9999px;
		margin-right:3px;
		background:url(/chrm/xp/images/icon-data_table-copy.gif) 50% 50% no-repeat;
		vertical-align:middle;
	}
	
	.blocks .delete_record {
		background-color:#fff;
	}
	
	.blocks .delete_record:hover {
		border-color:#fff;
	}
	
	.actions {
		white-space:nowrap;
	}
	
	.numeric td {
		text-align:right;
	}

	.table_info_pagination {
		clear:both;
		font-size:14px;
		font-weight:bold;
		padding:0 10px 5px;
/*		background:#fff;
		border:1px solid #d4d0c5;
		border-width:1px 1px 0;
*/	}

	.table_info_pagination .pagination {
		float:right;
		font-size:11px;
		margin-top:3px;
	}
	
	.table_info_pagination .pagination a {
		display:inline-block;
		line-height:16px;
		background:#fdfbf4;
		border:1px solid #bbb9b4;
		padding:0 5px;
		text-decoration:none;
		color:#666;
		vertical-align:middle;
	}
	
	.table_info_pagination .pagination a:hover {
		border:1px solid #656461;
		color:#000;
		background:#ECE9D8;
	}

	.first, .last {
		font-size:13px;
	}
	
	.prev {
		margin-right:5px;
	}
	
	.next {
		margin-left:5px;
	}
	
	.table_info_pagination select {
		margin-right:10px;
		vertical-align:middle;
	}
	
	.table_info_pagination input {
		vertical-align:middle;
		width:17px;
		line-height:16px;
	}
	
	.pagination a {
		
	}

	.data_table_parameters {
		background:#e5e5e5;
		padding:5px;
		clear:both;
	}
	
	.data_table_parameters:after, .parameters_group:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#content_main .data_table_parameters p {
		float:left;
		margin-right:10px;
		margin-bottom:0;
	}

	.data_table_parameters label {
		font-weight:bold;
		margin-right:5px;
		margin-left:0;
		font-size:12px;
		vertical-align:middle;
	}
	
	.data_table_parameters select {
		font-size:12px;
		vertical-align:middle;
		margin-right:4px;
	}
	
	.data_table_parameters input {
		vertical-align:middle;
	}
	
	.parameters_group {
		padding:8px 10px;
		clear:both;
	}
	
	.parameters_group.buttons {
		text-align:center;
	}
	
	body .pageButtonWrap {
		clear:none;
		float:none;
		padding-top:0;
	}
	
	.dragndrop div.pageButtonWrap {
		float:none;
	}
	
	.dragndrop div.pageButtonWrap:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.dragndrop .controls_list {
		float:left;
	}
	
	.dragndrop .controls_list li {
		margin: 0 5px 0 0;
	}
	
/*	.data_table + .pageButtonWrap .controls_list {
		margin-top:20px;
	}
*/	
/*	.pageButtonWrap + .data_table caption {
		margin-top:-30px;
	}

*/	.controls_list {
		float:right;
		clear:both;
		margin-bottom:8px;
		height:1%;
	}
	
	.controls_list_wrapper {
		width:100%;
		margin-top:-10px;
	}
	
	.controls_list_wrapper:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.controls_list_wrapper .controls_list {
/*		margin-right:-24px;
*/	}
	
	.controls_list:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.controls_list li {
		float:left;
		padding:0;
		background:url(/chrm/xp/images/btn-rt-reg.gif) 100% 50% no-repeat;
		text-align:center;
		border:none;
		margin-left:5px;
		display:inline;
		position:relative;
/*		line-height:18px;
*/		height:18px;
	}
	
	.controls_list li:hover {
		background-image:url(/chrm/xp/images/btn-rt-hover.gif);
	}
	
	.controls_list li input:hover {
		background-image:url(/chrm/xp/images/btn-lt-hover.gif);
	}

	
	.controls_list li input {
		background:url(/chrm/xp/images/btn-lt-reg.gif) 0 50% no-repeat;
		height:18px;
		border:0;
		color:white;
		padding:0 4px 3px;
		font-weight:bold;
		cursor:default;
	}
	
	.controls_list li.disabled {
		background-image:url(/chrm/xp/images/btn-rt-disabled.gif);
	}
	
	.controls_list li input.disabled {
		background-image:url(/chrm/xp/images/btn-lt-disabled.gif);
		color:#999;
		cursor:default;
	}

	.controls_list li input {
    width: 0;
    overflow:visible;
}

	.controls_list li input[class] { /*ie6 ignores [class]*/
    width: auto;
}

	.search_section {
		float:left;
		margin-right:45px;
	}
	
	.search_section:last {
		padding-right:0;
	}
	
	.search_section p {
		margin-bottom:15px;
	}
	
	.search_section p:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.search_section label {
/*		float:left;
*/		font-weight:bold;
display:block;
		padding-right:8px;
		text-align:left;
	}
	
	.records_search {
		background:#E9F7FF;
		width:816px;
		padding:16px;
		margin-bottom:20px;
		display:block;
		clear:both;
	}
	
	#popup .records_search {
		width:auto;
	}
	
	.records_search_buttons {
		clear:both;
		text-align:center;
	}
	
	.records_search_buttons input {
		width:150px;
	}
	
	.records_search_buttons label.exact input {
		width:auto;
		vertical-align:middle;
	}
	
	.records_search_buttons label.exact {
		font-size:12px;
	}
	
	.records_search input, .records_search select {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:1px;
		margin-top:2px;
		vertical-align:middle;
	}
	
	.records_search input[type=checkbox] {
		margin-top:0;
	}
	
	.records_search select {
		margin-right:5px;
	}
	
	.records_search .textfield {
		width:130px;
	}
	
	.date_picker {
		vertical-align:middle;
	}
	
	.data_table_info {
		width:816px;
		padding:16px;
		margin-bottom:20px;
		display:block;
		clear:both;
	}

	.info_section {
		float:left;
		margin-right:45px;
	}
	
	.info_section:last {
		padding-right:0;
	}
	
	.info_section p {
		margin-bottom:15px;
	}
	
	.info_section p:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.info_section label {
		float:left;
		font-weight:bold;
		padding-right:8px;
		text-align:left;
	}
	
/*  Popup styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	body#popup {
		background:none;
	}
	
	#popup #content_main {
		margin:0;
		background:none;
		padding:16px;
		text-align:left;
	}

	#popup .data_table {
		width:auto;
	}
	
	#popup .records_search {
		float:left;
		width:368px;
	}

	#popup h3 {
		margin-bottom:10px;
	}
	
	#popup .records_search_buttons {
		text-align:left;
	}
	
	#popup .table_info_pagination .pagination {
		float:left;
	}
	
	#popup .controls_list {
		float:left;
		margin-top:15px;
	}
	
	#popup .data_table {
		min-width:400px;
		width:400px;
	}


/*  Department Tree styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	#dept_tree_wrapper {
		clear:left;
	}
	
	#dept_tree_container, #dept_search {
		padding:0;
		width:298px;
		height:398px;
		float:left;
		border:1px solid #999999;
		margin-bottom:15px;
	}
	
	#dept_tree_container, #dept_info_container.scroll {
		overflow:auto;
	}
	
	#dept_tree_container h5, #dept_search h5 {
		font-size:12px;
		font-weight:bold;
		padding:5px 16px;
		background:#F4B446;
		margin:0 0 5px;
		color:white;
	}
	
	#dept_tree_container h5 {
		cursor:pointer;
	}
	
	
	#dept_info {
		float:left;
/*		margin-left:24px;
*/		width:524px;
/*		margin-top:-24px;
*/	}
	
	#dept_info h3 {
		margin-bottom:12px;
	}
	
	#dept_info .data_table {
		width:524px;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	#dept_info_container #dept_info .data_table {
		width:500px;
		margin-top:0;
	}
	
	#dept_info .table_info_pagination {
		padding-right:0;
	}
	
	.dept_tree {
		margin-bottom:10px;
		padding:5px 16px;
	}
	
	#content_main td .ygtvlabel {
		font-size:12px;
		font-weight:normal;
	}
	
	#dept_search_form {
		background:#E9F7FF;
		display:block;
		padding:10px 16px 10px;
		margin:0;
		border-bottom:1px solid #999;
	}
	
	#dept_search_results {
		overflow:auto;
		margin:0;
		height:211px;
	}
	
	#dept_search_form label {
		font-weight:bold;
		display:block;
		padding-bottom:3px;
	}
	
	#dept_search_form input[type=text] {
		width:150px;
		font-size:12px;
		padding:2px;
	}
	
	#dept_search .data_table {
		width:100%;
		margin:0 0 0;
	}
	
	#dept_search h5 {
		margin-bottom:0;
	}
	
	#dept_info .detailed_info {
		border-top:1px solid #DCDCDC;
		margin-top:10px;
	}
	
	
/*  Data Export styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	.dragndrop {
		clear:both;
		padding:24px;
		background:#F7F5EE;
	}
	
	.dragndrop div {
		float:left;
		margin-right:30px;
	}
	
	.dragndrop ul.ui-sortable {
		height:250px;
		overflow:auto;
		border:1px solid #999;
		margin-bottom:10px;
		background:#fff;
		padding:5px 0 0;
	}
	
	.drag_column {
		width:46%;
	}
	
	.dragndrop ul.ui-sortable li {
		padding:2px 8px;
		font-size:12px;
		cursor:default;
	}

	.dragndrop li:active {
	}
	
	
	.progress {
		margin-bottom:16px;
		border-top:2px solid #999;
		float:left;
	}
	
	.progress li {
		float:left;
		display:block;
		padding:22px 8px 0;
		background:url(/chrm/xp/images/progress_dot.gif) 50% 0 no-repeat;
		font-size:11px;
		width:70px;
		text-align:center;
		line-height:13px;
		margin-top:-9px;
		position:relative;
	}
	
	.progress li.selected {
		background-image:url(/chrm/xp/images/progress_dot-selected.gif);
		font-weight:bold;
	}
	
	.error {
		padding:16px 16px 16px 55px;
		background:#ffffd0 url(/chrm/xp/images/icon-error.gif) 10px 50% no-repeat;
		border:1px solid red;
		font-size:14px;
		font-weight:bold;
		margin-bottom:20px;
		color:red;
	}
	
	#login_template #container {
		background-image:url(/chrm/xp/images/page_shape_header-login.png);
	}
	
	#login_template #content {
		margin-top:-86px;
	}
	
	#login_fields {
		float:left;
		padding:16px;
		background:#E9F7FF;
		margin-right:24px;
	}
	
	#login_fields label {
		float:left;
		width:70px;
		text-align:right;
		margin-right:5px;
		font-weight:bold;
	}
	
	#login_fields input {
		width:100px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	}

	#login_fields .submit input {
		clear:both;
	}
	
	#login_fields label#remember {
		float:none;
		text-align:left;
		font-weight:normal;
		font-size:12px;
		margin-left:30px;
	}
	
	#login_fields #saveUserName {
		width:auto;
		vertical-align:middle;
	}
	
	#login_fields .submit {
		text-align:center;
	}
	
	#login_instructions h3 {
		margin-bottom:10px;
	}
	
	.more_tabs li {
		background:none;
		
	}
	
	.more_tabs li a {
		background:none;
		
	}
	
	.show_more_tabs {
		position:relative;
		z-index:10000;
	}
	
	.show_more_tabs span {
		height:25px;
		text-indent:-9999px;
		display:block;
		width:10px;
		background:url(/chrm/xp/images/icon-more_tabs.gif) 50% 50% no-repeat;
	}

	.show_more_tabs:hover .more_tabs, .show_more_tabs.jq-hover .more_tabs {
		left:0;
	}
	
	.more_tabs {
		position:absolute;
		top:30px;
		left:-9999px;
		bottom:auto;
		float:left;
		border:1px solid #ccc;
		background:white;
		top:25px;
		z-index:1000;
	}
	
	.more_tabs li {
		display:block;
		float:left;
		clear:left;
		height:30px;
		background:none;	
		margin:0;
		padding:0;
	}
	
	.more_tabs li a {
		display:block;
		line-height:30px;
		padding:0 12px;
		float:left;
		white-space:nowrap;
		margin:0;
		min-width:125px;
		font-weight:normal;
		color:#23408E;
		height:auto;
	}
	
	.more_tabs li a:hover {
		background:#E9F7FF;
/*		color:#f4b446;
*/	}
	
#table_xt01 th, #table_xt01 td {
	padding:4px 8px;
	border: 1px solid #D4D0C5;
}

.jpivot_settings_table td, .jpivot_settings_table th {
	padding:5px 8px;
	border: 1px solid #D4D0C5;
}

.jpivot_settings_table th td, .jpivot_settings_table th th {
	padding:0;
	border:none;
}

.jpivot_settings_table tr td:first-child {
	font-weight:bold;
}

.jpivot_settings_table input, .jpivot_settings_table select {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}

.jpivot_settings_table th {
	background:#F4B446;
}

.jpivot_settings_table th input {
	font-size:80%;
}

/*  Miscellaneous styles (used for fixing bugs, etc.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	/* Fixes issue on dept tree page which was causing right column to break under left column. 
	   This was due to a new div called #zone5 which was not floated. */
	#zone5 {
		float:left;
	}
	
	#dept_tree_wrapper, #dept_info_wrapper {
		float:left;
	}
	
	#dept_tree_wrapper {
		width:300px;
	}
	
	#dept_info_container.scroll {
		padding:0;
		width:522px;
		height:398px;
		border:1px solid #999999;
		margin-bottom:15px;	
	}
	
	#dept_info_wrapper {
		margin-left:24px;
	}
	
/*  Temporary styles (used for demonstrating layouts, etc.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	#sample_table td {
		padding:5px;
	}
	
	.columns {
		margin-bottom:15px;
		clear:both;
		width:100%;
	}
	
	.columns td {
		vertical-align:top;
	}
	
	.columns td caption {
		line-height:1.6em;
	}
	
	.columns td {
		padding:0 10px;
	}

	.columns table td {
		padding:4px 8px;
	}

	.columns td:first-child {
		padding-left:0;
		padding-right:10px;
	}

	.columns td:last-child {
		padding-left:10px;
		padding-right:0;
	}

	.columns td table {
		width:100%;
		margin:0;
	}
	
	#content_main .columns td td, #content_main .columns td th {
		font-size:100%;
		line-height:1.2em;
		width:auto;
	}