@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap');

/* Font override, make sure this matches Acton-reset.css */
html body{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/*Bootstrap override*/
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}


input, select, textarea, button{font-family:inherit;}


/* Overrides of standard elements */

	TABLE, TR, TD, DIV, TEXTAREA, INPUT, SELECT, UL, OL, P {
		font-size: 		11px;
		}

	HTML {
		height: 100%;
		}

	BODY {
		margin: 		0px;
		padding:		0px;
		height:			100%;
		}

	A {
		color: 				#0000FF;
		text-decoration: 	underline;
		}

	A:HOVER {
		color: 				#0000FF;
		background-color:	#E8F2FE;
		text-decoration: 	underline;
		}

	H1 {
		font-weight: 	bold; 
		font-size: 		18px;
		color: 			#2487EF;
		/*
		color:			#009FDB;
		color: 			#FF7706;
		*/
		margin:			0px;
		padding:		0px;
		display:		inline;
		}

	H2 {
		font-weight: 	bold; 
		font-size: 		16px;
		color: 			#2487EF;	/* #FF7706; */
		margin:			0px;
		padding:		0px;
		display:		inline;
		}

	H3 {
		font-weight: 	bold; 
		font-size: 		16px;
		color: 			#2487EF;
		margin:			0px;
		padding:		0px;
		display:		inline;
		}

	div#headerContents {font-size: 11px;}
	div#headerContents>a {font-size: 11px;}
	div#footerContents {font-size: 11px;}
	div#footerContents>a {font-size: 11px;}
	
	H4 {
		font-weight: 	bold; 
		font-size: 		14px;
		color: 			#2487EF;	/* #009FDB; */
		margin:			0px;
		padding:		0px;
		display:		inline;
		}

/* Common styles */

    .translated {
        text-decoration: line-through !important;
        }

	.link {
		color:				#000000;
		text-decoration:	none;
		cursor:				pointer;
		}

	.link:hover {
		color:				#0033CC;
		background-color:	#FFFF99;
		text-decoration:	none;
		}

	.nobr
		{
		white-space:		nowrap;
		}

	.bold
		{
		font-weight:		bold;
		}

	.default
		{
		font-size: 		11px;
		line-height:	1.3em;
		}

	.small
		{
		font-size:			9px;
		}

	.small:hover
		{
		font-size:			9px;
		}

	.medium
		{
		font-size   : 		11px;
		font-weight : 		normal;
		}

	.husky
		{
		font-size:			13px;
		}

	.big
		{
		font-size:			14px;
		font-weight:		bold;
		}

	.bigger
		{
		font-size:			16px;
		font-weight:		bold;
		}

	.huge
		{
		font-size:			18px;
		font-weight:		bold;
		}

	.gigantic
		{
		font-size:			24px;
		font-weight:		bold;
		}

	.shadow
		{
		background-color: 	#ECECEC;
		opacity: 			.50;
		filter: 			alpha(opacity=50);
		-moz-opacity:		0.50;
		}

	.pageHint
		{
		background-color: 	#FFFFDD;
		padding-left: 		10px;
		padding-right: 		10px;
		padding-top: 		5px;
		padding-bottom: 	5px;
		text-align:			justify;
		}

	.secHead
		{
		color:				#000000;
		background-color:	#ECFBC2;
		border:				#CCCCCC solid 1px;

		/*
		color:				#000000;
		background-image:	url(image/fade_green.jpg);
		border-top:			#DDDDDD solid 1px;
		border-left:		#DDDDDD solid 1px;
		border-right:		#DDDDDD solid 1px;
		*/

		padding-left:		5px;
		padding-right:		5px;
		padding-top:		2px;
		padding-bottom:		2px;
		}

	.code
		{
		font-size: 		12px;
		}

	.textBlock
		{
		padding-bottom: 1em;
		}

	.textCenter { text-align: center; }

	.posRelative { position: relative; }

	.displayBlock { display:block; }

	.ellipsed
		{
		white-space   : nowrap;
		overflow      : hidden;
		text-overflow : ellipsis;
		}


  /* Alignment */

	.fLeft { float : left; }
	.fRight { float : right; }

	.aCenter, .textCenter	{ text-align : center; }
	.aLeft					{ text-align : left; }
	.aRight, .right			{ text-align : right; }


  /* Input elements */

	.buttonText
		{
		color: 				black;
		font-size: 			11px;
		text-decoration: 	none;
		}

	.buttonText:hover
		{
		color: 				#FF3300;
		font-size: 			11px;
		text-decoration: 	none;
		}

	.inputBorderFlat
		{
		border-style: 		none;
		border-left: 		#CCCCCC solid 1px;
		border-top: 		#CCCCCC solid 1px;
		border-right: 		#999999 solid 1px;
		border-bottom:		#999999 solid 1px;
		font-size: 			11px;
		color: 				#000000;
		}

	.inputBorderRound
		{
		border-style: 		none;
		border-left: 		#999999 solid 1px;
		border-top: 		#999999 solid 1px;
		border-right: 		#CCCCCC solid 1px;
		border-bottom:		#CCCCCC solid 1px;
		font-size: 			11px;
		color: 				#000000;
		padding: 			5px;
		border-radius: 		4px;
		}

	.inputUnderline
		{
		border-style: 		none;
		border-left: 		#FFFFFF solid 1px;
		border-right: 		#FFFFFF solid 1px;
		border-top: 		#FFFFFF solid 1px;
		border-bottom:		#CCCCCC solid 1px;
		font-size: 			11px;
		color: 				#000000;
		}

  /* Verbs */

	.verb
		{
		padding-left: 		5px;
		padding-right:		15px;
		cursor: 			pointer;
		}

	.verbText
		{
		color:				#333333;
		text-decoration:	none;
		white-space:		nowrap;
		}

	.verbText:hover
		{
		color:				#333333;
		text-decoration: 	underline;
		white-space:		nowrap;
		background-color:	#FFFF99;
		}

  /* Modal sheets */

	.modalSheet
		{
		position: 			absolute;
		left: 				0px;
		top: 				0px;
		width: 				100%;
		height: 			100%;
		background-color: 	#FFFFFF;
		opacity: 			.60;
		filter: 			alpha(opacity=60);
		-moz-opacity: 		0.60;
		}

	.modalSheetDark
		{
		position: 			absolute;
		left: 				0px;
		top: 				0px;
		width: 				100%;
		height: 			100%;
		background-color: 	#333333;
		opacity: 			.50;
		filter: 			alpha(opacity=50);
		-moz-opacity: 		0.50;
		}

	.menuSheet
		{
		position: 			absolute;
		left: 				0px;
		top: 				0px;
		width: 				100%;
		height: 			100%;
		background-color: 	#FF0000;
		opacity: 			0.0;
		filter: 			alpha(opacity=0);
		-moz-opacity: 		0.0;
		}

  /* Busy */

  	.busyBox
  		{
		position: 			absolute;
		left: 				0px;
		top: 				0px;
		width: 				100px;
		height: 			100px;
		background-color: 	#FFFFCC;
		border: 			#999999 solid 1px;
		opacity: 			.75;
		filter: 			alpha(opacity=75);
		-moz-opacity: 		0.75;
  		}

  	.busyBox2
  		{
		position: 			absolute;
		left: 				0px;
		top: 				0px;
		width: 				100px;
		height: 			100px;
		z-index:			200;
  		}

  /* 3D effects */

	.white3D
		{
		font-weight: 	bold;
		color: 			#FFFFFF;
		white-space: 	nowrap;
		position:		relative;
		}

	.white3D span
		{
		position: relative;
		}

	span.white3DShadow
		{
		color: 			#000000;
		white-space: 	nowrap;
		position:		absolute;
		top:			1px;
		left:			1px;
		}

  /* Foregrounds */

	.fgWhite
		{
		color: 	#FFFFFF;
		}

	.fgDarkGrey
		{
		color: 	#333333;
		}

	.fgGrey
		{
		color: 	#666666;
		}

	.fgLightGrey
		{
		color: 	#999999;
		}

	.fgBlue
		{
		color: 	#2880BB;	/* #2880BB;	2487EF ?  #009FDB; ? */
		}

	.fgGreen
		{
		color: 	#7FC31B;	/* #9BBB59; */
		}

	.fgOrange
		{
		color:	#FF6600;	/* #FF3300; #FF7706; */
		}

	.fgBlack
		{
		color:	#000000;
		}

	.fgRed
		{
		color:	#FF3300;	/* #FF3300; #FF7706; */
		}

	.fgNavy
	{
		color: #0000CC;
	}

  /* Backgrounds */

	.captionRow {
    	background: url("image/msn/table_heading.png") repeat-x scroll left bottom transparent;
  		text-align: left;
	}

	.bgGrey
		{
		background-color:	#F2F2F2;
		}

	.bgLtGrey
		{
		background-color:	#F8F8F8;
		}

	.bgLightGreyFade
		{
		background-image:	url(image/fade_grey.jpg);
		background-repeat:	repeat-x;
		}

	.bgBlue
		{
		background-color:	#4096EE;	/* #8DD8F8; */
		}

	.bgLightBlue
		{
		background-color:	#D8EAF9;
		}

	.bgLightBlueFade
		{
		background-image:	url(image/fade_light_blue.jpg);
		background-repeat:	repeat-x;
		}

	.bgPaleBlue
		{
		background-color:	#D3E2E9;
		}

	.bgGreen
		{
		background-color:	#D1E39B;
		}

	.bgLightGreen
		{
		background-color:	#ECFBC2;
		}

	.bgGreenFade
		{
		background-image:	url(image/fade_green.jpg);
		background-repeat:	repeat-x;
		}

	.bgYellow
		{
		background-color:	#FFF7C0
		}

	.bgLightYellow
		{
		background-color:	#FFFFCC
		}

	.bgGold
		{
		background-color:	#F6BD0F;
		}

  /* Borders */

	.tt	{ border-top: 			#CCCCCC dotted 1px; }
	.ll { border-left: 			#CCCCCC dotted 1px; }
	.bb { border-bottom: 		#CCCCCC dotted 1px; }
	.rr { border-right: 		#CCCCCC dotted 1px; }

	.t	{ border-top: 			#CCCCCC solid 1px; 	}
	.l  { border-left: 			#CCCCCC solid 1px; 	}
	.b  { border-bottom: 		#CCCCCC solid 1px; 	text-align: left; }
	.btr{ border-bottom: 		#CCCCCC solid 1px;  }
	.r  { border-right: 		#CCCCCC solid 1px; 	}

	.t2	{ border-top: 			#DDDDDD solid 1px; 	}
	.l2 { border-left: 			#DDDDDD solid 1px; 	}
	.b2 { border-bottom: 		#DDDDDD solid 1px; 	}
	.r2 { border-right: 		#DDDDDD solid 1px; 	}

  /* Box With Rounded Corners */

	.module 	{ border: 1px solid #ccc; background: url(image/aqua/module_background.gif) repeat-x bottom; }
	.module_tl 	{ background: transparent url(image/aqua/module_tl.gif) no-repeat top left; 	position: relative; top: -1px; left: -1px; }
	.module_tr 	{ background: transparent url(image/aqua/module_tr.gif) no-repeat top right; 	position: relative; right: -2px; }
	.module_bl 	{ background: transparent url(image/aqua/module_bl.gif) no-repeat bottom left; 	position: relative; bottom: -2px; left: -2px; }
	.module_br 	{ background: transparent url(image/aqua/module_br.gif) no-repeat bottom right; position: relative; right: -2px; }

/* Bullet styles */

	.expanded
		{
		background-image:		url(image/9x9arrow-down-big.gif);
		background-position:	center left;
		background-repeat:		no-repeat;
		padding-left:			15px;
		cursor:					pointer;
		}

	.collapsed
		{
		background-image:		url(image/9x9arrow-next-big.gif);
		background-position:	center left;
		background-repeat:		no-repeat;
		padding-left:			15px;
		cursor:					pointer;
		}

	.bookmark
		{
		background-image: 		url(image/external.gif);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.checkYes
		{
		background-image: 		url(image/silk/tick.png);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.checkNo
		{
		background-image: 		url(image/silk/cross.png);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.pageDownload
		{
		background-image: 		url(image/arrow_download.gif);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.listItem
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/11ring.gif) center left no-repeat;
		}

	.pageVisitor
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/16page_visitor.png) center left no-repeat;
		}

	.bullet_more
		{
		background-image: 		url(image/16dn.gif);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.bullet_go
		{
		background-image: 		url(image/silk/bullet_go.png);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.bullet_error
		{
		background-image: 		url(image/16warning.gif);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.bullet_checked
		{
		background-image: 		url(image/silk/tick.png);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.bullet_unchecked
		{
		background-image: 		url(image/16check-thin.gif);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.bullet_email_html
		{
		background-image: 		url(image/env-closed.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.bullet_email_text
		{
		background-image: 		url(image/env-closed-bw.gif);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.db_expanded
		{
		background-image: 		url(image/db-expanded.gif);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.db_collapsed
		{
		background-image: 		url(image/db-collapsed.gif);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.xDatabase
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/x-database.png) center left no-repeat;
		}

	.xGroup
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/x-group.png) center left no-repeat;
		}

    .calendar thead .title
        { /* Override def in calendar-system.css to fix defect 7570 */
        background: InactiveCaption !important;
        }

/* Bullet styles based on silk icons */

	.silkPencil
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/pencil.png) center left no-repeat;
		}

	.silkImageEdit
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/image_edit.png) center left no-repeat;
		}

	.silkDone
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/door_in.png) center left no-repeat;
		}

	.silkHelp
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/help.png) center left no-repeat;
		}

	.silkAdd
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/add.png) center left no-repeat;
		}

	.refresh
		{
		padding-left: 20px;
		padding-top: 2px;
		padding-bottom: 2px;
		background: url(image/16refresh.png) center left no-repeat;
		}
	.silkDelete
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/delete.png) center left no-repeat;
		}

	.silkUp
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/arrow_up.png) center left no-repeat;
		}

	.silkDown
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/arrow_down.png) center left no-repeat;
		}


	.tag_blue_edit
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/tag_blue_edit.png) center left no-repeat;
		}

	.silkChooser
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/text_list_bullets.png) center left no-repeat;
		}

	.silkGroup
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/group.png) center left no-repeat;
		}

	.silkUser
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/user.png) center left no-repeat;
		}

	.silkUserAdd {
		padding-left: 20px;
		padding-top: 2px;
		padding-bottom: 2px;
		background: url(image/silk/user_add.png) center left no-repeat;
		}

	.silkPhoneSound {
		padding-left: 20px;
		padding-top: 2px;
		padding-bottom: 2px;
		background: url(image/silk/phone_sound.png) center left no-repeat;
		}

	.silkProgram
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/script.png) center left no-repeat;
		}

	.twitterVisitor
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/social/twitter.gif) center left no-repeat;
		}

	.silkCalendar
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/calendar.png) center left no-repeat;
		}

	.silkCalendarEdit
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/calendar_edit.png) center left no-repeat;
		}

	.silkCalendarAdd
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/calendar_add.png) center left no-repeat;
		}

	.silkCalendarDelete
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/calendar_delete.png) center left no-repeat;
		}

	.silkChartPie
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/chart_pie.png) center left no-repeat;
		}

	.silkChartBar
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/chart_bar.png) center left no-repeat;
		}

	.silkDatabase
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database.png) center left no-repeat;
		}

	.silkDatabaseAdd
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database_add.png) center left no-repeat;
		}

	.silkDatabaseSugar
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/database_sugar.gif) center left no-repeat;
		}

    .silkNsuite
        {
        padding-left:			20px;
        padding-top:			2px;
        padding-bottom:			2px;
        background:				url(image/nsuite_icon_logo_16_16.png) center left no-repeat;
        }

	.silkDatabaseMSDyn
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/database_msdynamics.gif) center left no-repeat;
		}

	.silkDatabaseSL
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/database_infor.gif) center left no-repeat;
		}

	.silkDatabaseSalesforce
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/database_salesforce.gif) center left no-repeat;
		}

	.silkDatabaseTable
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database_table.png) center left no-repeat;
		}

	.silkDatabaseAdd
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database_add.png) center left no-repeat;
		}

	.silkDatabaseEdit
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database_edit.png) center left no-repeat;
		}

	.silkDatabaseDelete
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database_delete.png) center left no-repeat;
		}

	.silkDatabaseGear
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database_gear.png) center left no-repeat;
		}

	.silkDatabaseRefresh
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database_refresh.png) center left no-repeat;
		}

	.silkDatabaseError
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database_error.png) center left no-repeat;
		}

	.silkDatabaseSave
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/database_save.png) center left no-repeat;
		}

	.silkForm
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/application_form.png) center left no-repeat;
		}
	.silkBeta
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/beta-form.png) center left no-repeat;
		}

	.silkFormAdd
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/application_form_add.png) center left no-repeat;
		}

	.silkFormMagnify
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/application_form_magnify.png) center left no-repeat;
		}

	.silkEmail
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/email.png) center left no-repeat;
		}

	.silkEmailEdit
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/email_edit.png) center left no-repeat;
		}

	.silkEmailAdd
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/email_add.png) center left no-repeat;
		}

	.silkEmailDelete
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/email_delete.png) center left no-repeat;
		}

	.silkEmailGo
		{
		background-image: 		url(image/silk/email_go.png);
		background-repeat: 		no-repeat;
		background-position: 	center left;
		padding-left: 			20px;
		padding-top: 			2px;
		padding-bottom: 		2px;
		padding-right: 			2px;
		}

	.silkCheck
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/16check-yes.gif) center left no-repeat;
		}

	.silkError
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		/* background:			url(image/silk/error.png) center left no-repeat; */
		background: 			url(image/16warning.gif) center left no-repeat;
		}

	.silkExclamation
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/exclamation.png) center left no-repeat;
		}

	.silkAccept
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/accept.png) center left no-repeat;
		}

	.silkCancel
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/cancel.png) center left no-repeat;
		}

	.silkKeyboard
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/keyboard.png) center left no-repeat;
		}

	.silkMouse
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/mouse.png) center left no-repeat;
		}

	.silkTextReplace
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/text_replace.png) center left no-repeat;
		}

	.silkFolder
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/folder.png) center left no-repeat;
		}

	.silkPageMagnify
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_magnify.png) center left no-repeat;
		}

	.silkPageEdit
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_edit.png) center left no-repeat;
		}

	.silkPageAdd
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_add.png) center left no-repeat;
		}

	.silkPageDelete
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_delete.png) center left no-repeat;
		}

	.silkPageDownload
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_put.png) center left no-repeat;
		}

	.silkPageWhiteWorld
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_world.png) center left no-repeat;
		}

	.silkPageWhitePDF
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_acrobat.png) center left no-repeat;
		}

	.silkPageWhiteExcel
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_excel.png) center left no-repeat;
		}

	.silkPageWhiteWord
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_word.png) center left no-repeat;
		}

	.silkPageWhitePowerpoint
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_powerpoint.png) center left no-repeat;
		}

	.silkClock
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/clock.png) center left no-repeat;
		}

	.silkTable
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/table.png) center left no-repeat;
		}

	.silkWrench
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/wrench.png) center left no-repeat;
		}

	.silkWorld
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/world.png) center left no-repeat;
		}

	.silkWorldLink
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/world_link.png) center left no-repeat;
		}

	.silkWorldAdd
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/world_add.png) center left no-repeat;
		}

	.silkWorldDelete
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/world_delete.png) center left no-repeat;
		}

	.silkPageWorld
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/page_white_world.png) center left no-repeat;
		}

	.silkVcard
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/vcard.png) center left no-repeat;
		}

	.silkVcardAdd
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/vcard_add.png) center left no-repeat;
		}

	.silkTagRed
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/tag_red.png) center left no-repeat;
		}

	.silkCollapsed
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/next.gif) center left no-repeat;
		}

	.silkExpanded
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/down.gif) center left no-repeat;
		}

	.silkFilm
		{
		padding-left:			20px;
		padding-top:			2px;
		padding-bottom:			2px;
		background:				url(image/silk/film.png) center left no-repeat;
		}

/* Tabs */

	/* Apple Tabs */

	.atabsCaption
		{
		font-size: 		16px; 
		font-weight: 	bold;
		white-space: 	nowrap;
		color: 			#FFFFFF;
		position:		relative;
		}

	.atabsCaption span
		{
		position: relative;
		}

	span.atabsCaptionShadow
		{
		color: 			#000000;
		white-space: 	nowrap;
		position:		absolute;
		top:			1px;
		left:			1px;
		}

	/* Flat Tabs */

	.sTabTextS	{
		font-size:			11px;
		font-weight:		bold;
		color:				#333333;
		text-decoration:	none;
		}

	.sTabTextS:hover
		{
		font-size:			11px;
		font-weight:		bold;
		color: 				#0000FF;
		background-color:	#E8F2FE;
		text-decoration: 	underline;
		}

	.sTabTextU	{
		font-size:			11px;
		color:				#333333;
		text-decoration:	none;
		}

	.sTabTextU:hover
		{
		font-size:			11px;
		color: 				#0000FF;
		background-color:	#E8F2FE;
		text-decoration: 	underline;
		}

	/*	Minimalistic Tabs */

	.iTabTextS	{
		font-size:			11px;
		font-weight:		bold;
		color:				#333333;
		text-decoration:	none;
		}

	.iTabTextS:hover
		{
		font-size:			11px;
		font-weight:		bold;
		color: 				#3366FF;
		background-color:	#E8F2FE;
		text-decoration: 	none;
		}

	.iTabTextU	{
		font-size:			11px;
		color:				#666666;
		text-decoration:	none;
		}

	.iTabTextU:hover
		{
		font-size:			11px;
		color: 				#3366FF;
		background-color:	#E8F2FE;
		text-decoration: 	none;
		}

	.iTabBoxS {
		padding-left: 			15px;
		padding-right: 			15px;
		padding-bottom:			6px;
		background-image: 		url(image/arrow_tab_dot_blue.gif);
		background-position: 	bottom center;
		background-repeat: 		no-repeat;
		}

	.iTabBoxU {
		padding-left: 		15px;
		padding-right: 		15px;
		padding-bottom:		6px;
		}

	/*	Wizard Steps */

	.stepTextS	{
		font-size:			11px;
		color:				#000000;
		text-decoration:	none;
		}

	.stepTextS:hover
		{
		font-size:			11px;
		color: 				#3366FF;
		background-color:	#E8F2FE;
		text-decoration: 	none;
		}

	.stepTextU	{
		font-size:			11px;
		color:				#666666;
		text-decoration:	none;
		}

	.stepTextU:hover
		{
		font-size:			11px;
		color: 				#3366FF;
		background-color:	#E8F2FE;
		text-decoration: 	none;
		}

	.stepBoxS {
		padding-left: 		10px;
		padding-right: 		10px;
		padding-bottom:		5px;
		border-bottom:		#73ADEC solid 4px;
		}

	.stepBoxU {
		padding-left: 		10px;
		padding-right: 		10px;
		padding-bottom:		5px;
		border-bottom:		transparent solid 4px;
		}

/* Button */

	.button
		{
		color:				#000000;
		background-color:	#F3F3F3;
		border-left:		#DDDDDD solid 1px;
		border-top:			#DDDDDD solid 1px;
		border-right:		#CCCCCC solid 1px;
		border-bottom:		#CCCCCC solid 1px;
		font-weight:		bold;
		height:				23px;
		cursor:				pointer;
		}

	.buttonSel
		{
		color:				#000000;
		background-color:	#DFEEA3;
		border:				#C6D880 solid 1px;
		font-weight:		bold;
		height:				23px;
		cursor:				pointer;
		}

	.button2
		{
		background:			url(image/fade_blue.jpg) top left repeat-x;
		border:				#DDDDDD solid 1px;
		height:				23px;
		cursor:				pointer;
		}

	.buttonSel2
		{
		background-image:	url(image/fade_green.jpg);
		border:				#CCCCCC solid 1px;
		height:				23px;
		cursor:				pointer;
		}

	.notkoButton
		{
		height:     23px;
		padding:    0px 0px 1px 0px;
		margin:     0 0 0 2px;
		border:     #C2C2C2 solid 1px;
		background: #FDFDFD; /* Old browsers */
		background: -moz-linear-gradient(top, #FDFDFD 0%, #E6E6E6 100%); /* For Firefox (3.6 to 15) */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #E6E6E6)); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
		background: -ms-linear-gradient(top, #FDFDFD 0%, #E6E6E6 100%); /* IE10+ */
		background: linear-gradient(to bottom, #FDFDFD 0%, #E6E6E6 100%); /* W3C */
		}

	.notkoButton:hover
		{
		background: #E4F2D1; /* Old browsers */
		background: -moz-linear-gradient(top, #E4F2D1 0%, #DAE8C7 100%); /* For Firefox (3.6 to 15) */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4F2D1), color-stop(100%, #DAE8C7)); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
		background: -ms-linear-gradient(top, #E4F2D1 0%, #DAE8C7 100%); /* IE10+ */
		background: linear-gradient(to bottom, #E4F2D1 0%, #DAE8C7 100%); /* W3C */
		}

	.notkoButton div, .notkoButton span
		{
		padding-left:        26px;
		padding-right:       10px;
		background-repeat:   no-repeat;
		background-position: 5px center;
		}

	.aoButton, button
		{
		color:                 #000;
		overflow:              visible;
		width:                 auto;
		border:                1px solid #CCCCCC;
		border-radius:         8px;
		line-height:           18px;
		padding:               0 10px 0 10px;
		margin:                0 0 0 2px;
		font-size:             11px;
		background-color:      #EDEDED; /* #f6f6f6; */
		text-shadow:           #FFFFFF 1px 1px;
		font-weight:           normal;
		cursor:                pointer;
		min-height:            22px;
		min-width:             22px;
		outline:               none;
		}
	
/* Icons */

	.iconDatabaseRefresh
		{
		background-image: url(image/silk/database_refresh.png);
		background-repeat:no-repeat;
		}

	.iconCalendar
		{
		background-image: url(image/silk/calendar.png);
		background-repeat:no-repeat;
		}

/* Table styles */

	.cell
		{
		padding-top:		2px;
		padding-bottom:		2px;
		padding-left:		5px;
		padding-right:		5px;
		}

	.heading
		{
		/*
		background-image:		url(image/greyfade2_bgd.jpg);
		background-repeat: 		repeat-x;
		background-position: 	bottom left;
		*/

		padding-top:		3px;
		padding-bottom:		3px;
		padding-left:		5px;
		padding-right:		5px;

		background-color:	#EEEEEE;

		/*
		border-top:			#93A6B4 solid 1px;
		*/
		font-size:			10px;
		font-weight:		bold;
		}

	.hCap
		{
		/*
		border-left:		#CAD5DB solid 1px;
		border-bottom:		#CAD5DB solid 1px;
		border-right:		#CAD5DB solid 1px;
		border-top:			#CAD5DB solid 1px;
		*/
		border:				#CCCCCC solid 1px;
		}

	.hCapLeft
		{
		border-top:			#CCCCCC solid 1px;
		border-left:		#CCCCCC solid 1px;
		border-bottom:		#CCCCCC solid 1px;
		}

	.hCapMid
		{
		border-top:			#CCCCCC solid 1px;
		border-bottom:		#CCCCCC solid 1px;
		}

	.hCapRight
		{
		border-top:			#CCCCCC solid 1px;
		border-right:		#CCCCCC solid 1px;
		border-bottom:		#CCCCCC solid 1px;
		}

	.tHead
		{
		height:				23px;
		/*
		color: 				#146C7C;
		font-weight:		bold;
		*/
		background-color: 	#E7F0FB;

		/*
		background:			url(image/fade_blue_grey.gif);
		height:				20px;
		*/

		white-space: 		nowrap;
		border-top: 		#FFFFFF solid 1px;
		padding-left:		5px;
		padding-right:		10px;
		}

	.tCell
		{
		white-space: 		nowrap;
		padding-top:		5px;
		padding-bottom:		5px;
		padding-left:		5px;
		padding-right:		10px;
		}

/* Form fields */

	.ffRequired
		{
		color:				red;
		}

	.ffLabel
		{
		color:				#999999;
		white-space: 		nowrap;
		text-align:			right;
		padding-right:		5px;
		}

	.ffInput
		{
		border-style: 		none;
		border-left: 		#CCCCCC solid 1px;
		border-top: 		#CCCCCC solid 1px;
		border-right: 		#999999 solid 1px;
		border-bottom:		#999999 solid 1px;
		height:				19px;
		}

	.ffInfo
		{
		color:				#999999;
		white-space: 		nowrap;
		font-style:			italic;
		}

	.formField
		{
		padding-top:		5px;
		padding-bottom:		5px;
		}

	.formFieldLabel
		{
		padding-bottom:		2px;
		}

	.formFieldText
		{
		height:				19px;
		border-style: 		none;
		border-left: 		#999999 solid 1px;
		border-top: 		#999999 solid 1px;
		border-right: 		#999999 solid 1px;
		border-bottom:		#999999 solid 1px;
		font-size: 			11px;
		color: 				#000000;
		background-color: 	#FFFFFF;
		}

	.formFieldRequired
		{
		background-image:		url(image/silk/asterisk_yellow.png);
		background-repeat:		no-repeat;
		background-position:	-20px 0px
		}

	.formFieldSection
		{
		color:	#FF3300;
		}

/* Logo */

	.logo
		{
		width:				100px;
		height:				35px;
		background-image:	url(image/logo-medium.gif);
		background-repeat:	no-repeat;
		background-position: left center;
		}

	.logoBeta
		{
		width:				150px;
		height:				40px;
		background-image:	url(image/logo-medium-beta2.gif);
		background-repeat:	no-repeat;
		background-position: left center;
		}

/* Left side menus */

	.menuPage
		{
		margin: 				0px;
		background-image: 		url('image/bluefade_h.jpg');
		background-position: 	top right;
		background-repeat: 		repeat-y;
		}

	.menuBgd
		{
		padding:				10px;
		}

	.menuTitle
		{
		background-image:		url(image/greyfade2_bgd.jpg);
		background-repeat: 		repeat-x;
		background-position: 	bottom left;
		border:					#CCCCCC solid 1px;
		font-weight:			bold;
		font-size:				10px;
		padding-left: 			5px;
		padding-right:			5px;
		}

	.menuRow
		{
		background-color:		#FFFFFF;
		border-left:			#CAD5DB solid 1px;
		border-right:			#CAD5DB solid 1px;
		padding-left: 			5px;
		padding-right:			5px;
		padding-top:			3px;
		padding-bottom:			3px;
		font-size:				11px;
		}

	.menuLink
		{
		color:					#333333;
		text-decoration:		none;
		font-size:				11px;
		}

	.menuLink:hover
		{
		color:					#0000FF;
		text-decoration:		none;
		font-size:				11px;
		}

/* Pages */

	.tabPage
		{
		margin:				0px;
		background-image:	url(image/greyfade_bgd.jpg);
		background-repeat: 	repeat-x;
		}

	.topPageBody
		{
		border-left: 		#D1E39B solid 25px;
		border-right: 		#8DD8F8 solid 25px;
		border-top: 		#CCCCCC solid 1px;
		border-bottom: 		#CCCCCC solid 1px;
		margin: 			0px;
		overflow: 			hidden;
		}

	.contentHeading
		{
		font-size:			11px;
		font-weight:		bold;
		}

/* Side Tabs */

	.sidetabHeading {
		background-color:	#FFFFFF;
		color:				#009FDB;
		font-weight:		bold;
		font-size:			18px;
		padding:			0px;
		}

	.sideTabHilight
		{
		border-top:			#CCCCCC solid 1px;
		border-bottom:		#CCCCCC solid 1px;
		border-left:		#CCCCCC solid 1px;
		background-color:	#EEEEEE;
		color:				#000000;
		font-weight:		normal;
		padding:			5px;
		cursor:				pointer;
		}

	.sideTabUnhilight
		{
		border-top:			#FFFFFF solid 1px;
		border-bottom:		#FFFFFF solid 1px;
		border-left:		#FFFFFF solid 1px;
		background-color:	#FFFFFF;
		color:				#666666;
		font-weight:		normal;
		padding:			5px;
		cursor:				pointer;
		}

/* Wizard Classes */

	.wzTab {
		background-color: #eff2f3 ;
		color: #000000;
		}

	.wzTabSel {
		font-weight: bold;
		background-color: #eff2f3 ;
		color: #FFFFFF;
		background-image: url(image/msn/tab_on.gif);
		}

/* Report Related */

	.reportBlueBar {
		height: 			12px;
		background-image: 	url(image/fade_blue_dark.jpg);
		background-repeat: 	repeat-x;
		}

	.reportBorder {
		padding-top: 		5px;
		padding-bottom: 	5px;
		padding-left: 		10px;
		padding-right: 		10px;
		border: 			#CCCCCC dotted 1px;
		}

	.reportCaption {
		padding-top: 		2px;
		padding-bottom: 	2px;
		padding-left: 		10px;
		padding-right: 		10px;
		background-image:	url(image/fade_blue.jpg);
		color: 				#333333;
		font-size: 			9px;
		font-weight: 		bold;
		}

	.moveDropStyle
		{
		background-color:	#C0F7FF;
		border: 			#DDDDDD solid 1px;
		}

	.moveDropHere
		{
		background-color:		#ECFBC2;	/*  #064089 3B5998 */
		background-image: 		url(image/prev_prev.png);
		background-repeat: 		no-repeat;
		background-position: 	center right;
		}

	.moveDragStyle
		{
		background-color:	#FFF7C0;
		border: 			#CCCCCC solid 1px;
		}
	.moreMenuItem
		{
		padding: 				5px;
		padding-right: 			5px;
		cursor: 				pointer;
		}

/* Message Chooser */

	.mce0
		{
		background-image:		url(image/down.gif);
		background-position:	center left;
		background-repeat:		no-repeat;
		padding-left:			15px;
		cursor:					pointer;
		}

	.mcc0
		{
		background-image:		url(image/next.gif);
		background-position:	center left;
		background-repeat:		no-repeat;
		padding-left:			15px;
		cursor:					pointer;
		}

	.mce1
		{
		background-image:		url(image/9x9arrow-down-big.gif);
		background-position:	15px 50%;
		background-repeat:		no-repeat;
		padding-left:			30px;
		cursor:					pointer;
		}

	.mcc1
		{
		background-image:		url(image/9x9arrow-next-big.gif);
		background-position:	15px 50%;
		background-repeat:		no-repeat;
		padding-left:			30px;
		cursor:					pointer;
		}

	.mce2
		{
		background-image:		url(image/down-sm.gif);
		background-position:	5px 50%;
		background-repeat:		no-repeat;
		padding-left:			17px;
		cursor:					pointer;
	}

	.mcc2
		{
		background-image:		url(image/next-sm.gif);
		background-position:	5px 50%;
		background-repeat:		no-repeat;
		padding-left:			17px;
		cursor:					pointer;
	}

	.mce2b
		{
		background-image:		url(image/down-sm.gif);
		background-position:	13px 50%;
		background-repeat:		no-repeat;
		padding-left:			25px;
		cursor:					pointer;
	}

	.mcc2b
		{
		background-image:		url(image/next-sm.gif);
		background-position:	13px 50%;
		background-repeat:		no-repeat;
		padding-left:			25px;
		cursor:					pointer;
	}

/* Notifications */

	#notificationStatusUpdate
	{
		position    : fixed;
		bottom      : 0;
		left        : 0;
		width       : 100%;
		line-height : 40px;
		background  : rgb(0, 0, 0);
		background  : rgba(0, 0, 0, 0.5);
		color       : #fff;
		font-size	: 24px;
		font-weight	: bold;
		text-align  : center;
		display     : none;
		z-index		: 1000;
	}

	#notificationStatusUpdate.error
	{
		background : rgba(128, 13, 13, 0.5);
	}

	#notificationStatusUpdate button{
		vertical-align: middle;
		margin-left: 20px;
	}




	.iconNext				{ background-image: url(image/silk/resultset_next.png);
							  height:16px;
							  width:16px;

							  }
	.iconPrevious			{ background-image: url(image/silk/resultset_previous.png);
							  height:16px;
							  width:15px;
							}




/* Print-related styles */

.forprintonly
	{
	display: none;
	}

@media print {
	.forprintonly {
		display: block;
	}
	.forscreenonly {
		display: none;
	}

	.printCenter {
		text-align:center;
	}

	h1 {
		display: block;
		padding: 10px 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	h3 {
		text-align: left;
		border-top: solid 1px #ccc;
	}

	/* For Fusion Charts */

	[stroke-width="0.000001"]{
		stroke-width: 0;
	}

}

/* Spacing */

	.t20px		{ padding-top: 		20px; 	}
	.b20px		{ padding-bottom: 	20px; 	}
	.l20px		{ padding-left: 	20px; 	}
	.r20px		{ padding-right: 	20px; 	}

	.t10px		{ padding-top: 		10px; 	}
	.b10px		{ padding-bottom: 	10px; 	}
	.l10px		{ padding-left: 	10px; 	}
	.r10px		{ padding-right: 	10px; 	}

	.b8px		{ padding-bottom: 	8px; 	}