@charset "utf-8";

/* ------------------------------------------------------------- */

/*  FOOD SERVICE ENABLERS
	SALES TEAM PORTAL
	"CLEAN" / DEFAULT THEME
	BASE STYLESHEET 

		--- TABLE OF CONTENTS ---
			- CSS RESETS
			- GLOBAL ELEMENTS
			- GLOBAL CLASSES & IDs
			- CONTAINER & CONTENT CLASSES/IDs
			- RECORD & DOCUMENT LISTS
			- HORIZONTAL TABS
			- HOTBOX SPECIFIC
			- LOGIN SPECIFIC
			- PORTLET SPECIFIC
			- FEEDBACK SPECIFIC
			- NOT UTILIZED
			
*/

/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* CSS RESETS */

html, form{
	margin: 0px;
	padding: 0px; 
	border: 0px;
	}

h1, h2, h3, h4, h5, h6, blockquote, ul, ol{
	margin: 0px;
	padding: 0px;
	}
xbody.ie8 ul { line-height:normal;}
/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* GLOBAL ELEMENTS */




body{ 
	font-size: 62.5%; /* this sets the font size for the all tags on the page.  
	Use ems to increase or decrease font size */
	/*font-size: .8em;  if this is set in % (100% is the browser default font size) 
	or in em units (1 em = default size, .8 em is about 11px) the user will be able 
	to change Text Size under the View menu. Setting a pixle size will prevent it */
	font-family: "TELUS Font", Arial, sans-serif; 
	font-size : 11px; 
	color: #2a2b30;
	/*margin-top: 5px; */
	/*margin-left:5px; */
	margin:0px;
	padding:0px;
	}

/* Apply left margin only to the few elements that need it: */
dd, blockquote{ 
	margin-left: 1em; 
	}
	
li{ 
	margin-left: 2.5em; 
	margin-bottom: 10px;
	line-height: 1.2em;
	}
	
table{ 
	border-collapse: collapse; 
	}
table caption { caption-side:top; } /* 01/02/2020 MWG */
	
/* Always use the LoVe HAte rule for link property order - link, visited, hover, active */
a:link{
	color: #493a27; /*royal blue*/
	text-decoration: underline;
	} 
	
a:visited{
	color: #493a27;
	text-decoration: underline;
	}
	
a:hover{
	color: #736b60;
	text-decoration: underline;
	}
	
a:active{
	color: #493a27;
	text-decoration: underline;
	}


input, select, textarea{ 
	font-size: 10px; 
	font-family: inherit; /*Verdana, Helvetica, sans-serif;*/  /* change to inherit Now for dx themes and Helvetica Now conversion */
	}

input[type="radio"] {vertical-align: middle; margin-top:2px;}
input[type="checkbox"] {vertical-align: middle; margin-top:2px;}
/*input[type="radio"] {vertical-align: middle; margin-top: -2px;}*/

/*  NOTE - the percentages below will scale off of the font size set in 
the body selector style above */
h1{ 
	font-size:160%;
	font-weight:bold;
	}
	
h2{ 
	font-size:140%;
	font-weight:bold;
	}
	
h3{ 
	font-size:100%; 
	margin-left:1px;
	} /* padding added to compensate for an unexpected indention 
	that displays in IE6 and Firefox  */

img{ 
	border: none;
	}
	
/* UI Object Classes */
input.button, input[type="button"]{
	height: 20px;
	padding-bottom: 2px;
	/*border-left: solid 2px gray;
	border-top: solid 2px gray;
	border-right: solid 2px black;
	border-bottom: solid 2px black; 
	color: black;
	background-color: silver;*/
	}
/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* GLOBAL CLASSES & IDs */
	
.fse-hidden{ 
	display:none; 
	}

.fse-fullwidth{
	width:100% !important;	
}

.fse-cursor{ 
	cursor:pointer;
	}

.recordList{width:100%; border: 1px solid #F0F0F0;}

.fieldSet { font-size:8pt; }
.fieldSet tr:first-child td { padding-top:3px; }
.fieldSet span.help { color:#A0A0A0; font-size:90%; font-style:italic; padding-left:.5em;}
.fieldSet label { font-weight:bold; padding-right:.5em; }
.fieldSet { margin-bottom:4px; margin-top:4px;}

.fse-hidden-element{ 
	display:none; 
	}
	
iframe.fse-punchout { overflow:auto; border:none; width:100%; height:600px; }
/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* CONTAINER & CONTENT IDs/CLASSES */


	
#primaryContainer{
	width: 100%;
	}
	
#header-content{
	height:62px; 
	margin-left:20px;
	width:350px;
	text-align:left;
	border:1px solid silver; 
	padding-top:3px; 
	padding-left:3px; 
	padding-right:3px; 
	vertical-align:middle;
	}
	
	#header-content img{
		margin-right:5px;
		}
		
	#header-content-teaser{
		max-height:62px;
		}
		
	#header-content p{
		margin:0px;
		margin-bottom:3px;
		}
		

#navigationContainer{ 
	vertical-align: top;
	}
	
#displayContainer{
	vertical-align: top;
	}
	
#display {
	margin: 5px; 
	}

body.canopy #display {
	margin-left : 0px
}	
#title{
	font-size:1.3em;
	}
	
#flexContainer{
	vertical-align: top; 
	}


	/*
#fseContainer{ 		
xwidth:1000px !important; 
	float:left;
	clear:both;
	xmargin-right:250px;
}
*/

.poweredByfoot { 
  
}

/*
#poweredBy { 
  margin: auto;
  width: 50%;	
}
	
#poweredBy *{ 
	color : #63666a;
	text-align:center !important;
	}
	
	#poweredBy img{
		float:left;
		clear:left; 
		margin-right: 5px; 
		border:none;
		}	

	#poweredBy td{ 
		padding:12px; 
		}

.footer-dot {
  height: 4px;
  width: 4px;
  background-color: #ffbc36;
  border-radius: 50%;
  display: inline-block;
}
*/

#poweredBy  {
	text-align:center;
	xpadding-top:15px;
	height:32px;
	font-size:12px;
}

#poweredBy img { position:relative; top :2px;}

#poweredBy > span {
	vertical-align:middle;
	margin-right:20px;
}

#poweredBy > span > a[href='https://telusagcg.com'] {
	text-decoration:none;
	color: #493A27 !important;
}

#poweredBy .footer-dot {
  height: 4px;
  width: 4px;
  background-color: #BFC3C5;
  border-radius: 50%;
  display: inline-block;
  margin-right:20px;
  position:relative;
  top:-3px;
}

#data-alert {
	position:absolute; position:static; position: fixed;
	top:73px; top:0px;
	xleft:187px; 
	xleft:850px;
	display:inline;
	font-size:1.5em;
	color:white;
	border:3px solid white;
	text-align:center;
	padding:5px;
	text-decoration:blink;
	border-top:none;
	z-index:100000;
	background-color:red;
	}
	
#alias-alert{
	position:absolute;
	top:8px; top:0px;
	left:190px; left:0px;
	/*width:1000px;*/
	display:inline;
	font-size:1.2em;
	font-weight:normal;
	color:#C70000;
	text-align:center;
	}
	
.notify-text{ 
	color:#CC0000;
	}


#specialLinks {
	float:right;
	padding-right:10px;
	padding-top:6px;
	}
	
#options{
	padding-top:7px;
	clear:both;
	}
	
#navigationContainer #options:first-child { padding-top:0px }

/*
#options table {
	border-collapse: separate;
	border: 2px solid silver; 
	margin: 5px 0 3px 0;}
*/
	
#option-icons{ 
	padding-top:3px; 
	float:right; 
	clear:none; 
	padding-right:6px; 
	}

	#option-icons span.hidden{ 
		display:none; 
		}
		
	#option-icons span{ 
		display:inline-block; 
		width:auto; margin-right:5px;
		height:16px; 
		cursor:pointer;
		text-transform:uppercase;
		}
		
	#option-icons span#option-icon-searchCenter{
		background-image:url('../graphics/ico-search.png'); 
		background-position:0px 0px; 
		}

	#option-icons span#option-icon-reportCenter{
		background-image:url('../graphics/ico-report.png'); 
		background-position:0px 0px; 
		}

/*
#option-icons span#option-icon-searchCenter.text { background-repeat:no-repeat; position:relative; left:-30px; top:-1px; padding-left:16px; }
#option-icons span#option-icon-searchCenter.text a { text-decoration:none; color:white; font-family:arial; text-transform:uppercase; padding-top:2px; display:inline-block;}
#option-icons span#option-icon-searchCenter.text a:link { color:#white; }
#option-icons span#option-icon-searchCenter.text a:visited { color:#white; }
#option-icons span#option-icon-searchCenter.text a:hover { color:#ffffff !important; }
*/

#option-icons span.text { background-repeat:no-repeat; position:relative; left:-30px; top:-1px; padding-left:18px; padding-right:3px; }
#option-icons span.text a { text-decoration:none; color:white; font-family:arial; text-transform:uppercase; padding-top:2px; display:inline-block;}
#option-icons span.text a:link { color:#white; }
#option-icons span.text a:visited { color:#white; }
#option-icons span.text a:hover { color:#ffffff !important; }


.option-moved-message{
	display:none;
	margin-left:2px; 
	margin-right:2px; 
	padding-top:2px; 
	padding-bottom:2px;
	padding-left:4px; 
	padding-right:2px; 
	border:1px solid #E0E0E0; 
	}
	
	.option-moved-message.hidden{
		display:none; 
		}
		 
	.option-moved-message p{ 
		margin:0px; 
		}
		
	.option-moved-message p.p1{ 
		font-size:1em;
		}
		
	.option-moved-message p.p2{ 
		padding-left:6px; 
		padding-right:8px; 
		padding-top:10px; 
		font-size:.9em;
		}
		
	/*.option-moved-message p.p2 img{ 
		}
	*/


.list-navigation{
	text-align:right; 
	padding-right:1em; /* 01/02/2020 MWG was commented out for bootstrap testing */ 
	background-color:#e7e7e7;
	height:22px;
	xxmin-height:32px; /* 01/02/2020 MWG */ 
	/*height:1.5em;*/
	xpadding-bottom:0px;
	padding-right:1em;
	}
	
xbody.ie8 #sim-detail-panel .list-navigation {  margin-top:0;}
	
	.list-navigation span{ 
		margin: 0 .25em; 
		}
		
	.list-navigation td{ 
		padding-top:0px; 
		padding-bottom:0px; 
		}
		
	.list-navigation img{ 
		margin:0px; 
		margin-top:3px; 
		border:none; 
		cursor:pointer; 
		vertical-align:middle;
		}

table.sales-management-table{ 
	margin-top: 10px; 
	}
	
	table.sales-management-table tr th{ 
		text-align:left; 
		font-size:1.1em; 
		border-bottom:2px solid silver; 
		padding-bottom:3px;
		}
		
	table.sales-management-table tr td{ 
		vertical-align:top; 
		padding-top: 7px;
		}


.image-grid{ 
	vertical-align: top; 
	}
	
	.image-grid span{ 
		display:inline-block; 
		margin:3px; 
		width: 80px; 
		text-align: center; 
		height: 80px;
		}
		
	.image-grid span img{ 
		width: 70px; 
		max-height: 70px; 
		margin: 0 auto 5px auto; 
		border: 1px solid silver; 
		display:block;
		}
		
	.image-grid span a{ 
		display:block;
		}

.instructions{ 
	font-size: 1.2em;  
	}
	
	.instructions q{ 
		font-weight: bold; 
		}
	
/* content items - app 99*/
.content-container{ 
	padding:20px; 
	}

/* layout = news */
.content-teaser-news{ 
	margin-top:5px; 
	margin-bottom: 5px; 
	}
	
.content-teaser-news p{ 
	margin-top: 0px; 
	margin-bottom: 2px; 
	font-style:italic;
	}

/* layout = simple */
.content-text-simple p {margin-top: 5px; margin-bottom:10px;}
.content-teaser-simple { margin-top: 5px; margin-bottom: 15px; }
.content-teaser-simple h3 { margin-bottom: 5px; }
.content-teaser-simple p { margin-top: 0; margin-bottom: 2px; }
.content-item-simple { padding-bottom:10px;}

/* sales team news */
#news-container { padding:0 5px; }
#news-container h1 { background-color: silver; margin-bottom:5px; padding-left:5px;line-height:25px;}
.news-item { border-top: 4px solid silver;}
.news-item h2 {margin-top: 5px; }
.news-item p { margin-top: 5px; margin-bottom: 10px;}
.news-item a {display:block; width:100%; text-align:right; margin-bottom:5px; font-style:italic; font-weight:bold;text-decoration:none;}

/* general */
img.thumbnail { width:63px; xmax-height: 100px;}


.content-item-control{
	text-align:right;
	width:100%;
	padding-right:20px;
	margin-bottom:5px;
	}
	
.content-item-title {margin-top: 12px;}
.content-item-subtitle {}
.content-item-teaser {}
.content-item-text {}
#news.content-container .content-item-teaser { display: none; }
#operator-management-intro.content-container .content-item-teaser { display: none; }
#distributor-management-intro.content-container .content-item-teaser { display: none; }
#product-resources-intro.content-container .content-item-teaser { display: none; }

.content-introduction { margin:0 2px; }
.content-introduction h3 {margin-top: 5px; }
.content-introduction p { margin-top: 5px; margin-bottom: 5px; font-weight:normal;}
.content-introduction a {display:block; width:100%; text-align:right; margin-bottom:5px; font-weight:bold;text-decoration:none;}
.content-introduction img {float:left;clear:right;padding-right:7px;padding-top:7px; }

#flexContainer .portlet .content-introduction { border-top: 1px solid #CBC5B3; padding-top: 0px; padding-bottom:10px; padding-left:10px; padding-right:7px;}
#flexContainer .portlet .content-introduction:first-child{ border-top: 0px;}
#flexContainer .portlet .content-introduction p{ font-size: 1.2em; }
#flexContainer .portlet .content-introduction h3{ font-size: 1.2em; margin-top: 5px; }

#accessdenied_pos.content-container{ width: 550px;}
#accessdenied_pos.content-container ul{ margin-top: 1em; }
/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* RECORD & DOCUMENT LISTS */

table.recordList{ margin-top: 6px; line-height:17px;}

	/*
	table.recordList thead{ 
		border:2px solid gray; 
		background-color:silver;
		}
	*/
	
	table.recordList thead th {
		padding:8px 2px 8px 2px; 
		text-align:left; 
		vertical-align:middle;
		line-height: .9em;
		text-transform: uppercase;
	}

	table.recordList thead th a:link, table.recordList thead th a:visited  {
		text-decoration: none;
		cursor: pointer;
		color: #eaeaea;
		font-weight: normal;
		font-size: 11px;
	}

		table.recordList thead th a:hover  {
		text-decoration: none;
		cursor: pointer;
		color: #ffffff;
		font-weight: normal;
	}

	/* priority */
	.prty_th { 
		width: 1em;
	}
	/* classification */
	.class_th {
		width: 5em;	
	}
	/* operator name */
	.name_th {
		width: 20em;
	}
	/* relationship manager */
	.relmgr_th {
		width: 15em;
	}
	/* parent / affil */
	.pa_th {
		width: 15em;	
	}
	/* city / state */
	.cs_th {
		width: 14em;	
	}
	/* segment */
	.seg_th {
		width: 8em;	
	}
	/* action */
	.act_th {
		width: 9em;	
	}
	/* last int. */
	.int_th {
		width: 9em;	
	}
	/* centered */
	.center_th {
		text-align: center!important;	
	}

	table.recordList tfoot{ 
		border-top:1px solid gray; 
		}
		

.document-list caption{ 
	text-align:left; 
	font-weight:bold; 
	padding-bottom:5px; 
	padding-top:2px; 
	font-size:1.1em;
	}
	
.document-list img{ 
	cursor: pointer; 
	}
	
.document-list td *{ 
	display:block; 
	}
	
	.document-list td cite{ 
		font-size: .9em; 
		font-style: normal; 
		}
		
	.document-list td{ 
		padding-left:7px; 
		}
		
	.document-list td a{ 
		font-weight: bold; 
		}
		
#cs-document-view .document-list .instructions{ 
	display:none 
	};
	
#cs-document-view .document-list table{ 
	margin-bottom: 10px; 
	}
	
#cs-document-view .document-list{ 
	margin-top: 10px; 
	}
	
#cs-document-view h2{ 
	text-align: center; 
	border-top: 2px solid silver; 
	padding-bottom: 3px; 
	padding-top:10px;
	}

/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* HORIZONTAL TABS */

.htabset { width:100%; text-align:right; margin-top:5px; }

.htabset-small { font-size:8px; text-decoration:none }
	
xbody.ie8 .htabset { margin-bottom:-16px; }

	.htabset.left{ 
		text-align:left;
		}

	.htabset li{
		display: inline;
		margin:0px;
		xmargin-right:.25em;
		line-height:1.5em;
		min-width:75px;
		}
		
		.htabset li.disabledTab a:hover span{ 
			xx-background-image: url('../graphics/htab_right.gif'); 
			cursor:auto; 
			}
			
		.htabset li.disabledTab a:hover{ 
			xx-background-image: url('../graphics/htab_left.gif'); 
			cursor:auto; 
			}
			
		.htabset li.disabledTab{ 
			cursor:auto; 
			}
		
	.htabset a{
		xx-background: url('../graphics/htab_left.gif') left top no-repeat;
		padding-left:.5em;
		text-decoration: none;
		display:inline-block;
		xx-height:100%;
		cursor:pointer;
		}
/*
	.htabset a span{
		background: url('../graphics/htab_right.gif') right top no-repeat;
		padding-right:.5em;
		text-transform:uppercase;
		display:inline-block;
		height:100%;
		cursor:pointer;
		}	

	.htabset a:hover, .htabset a.selectedTab {
		background-image: url("../graphics/htab_left_on.gif");
		}
		
	.htabset a:hover span, .htabset a.selectedTab span {
		background-image: url("../graphics/htab_right_on.gif");
		}
		
	.htabset a.selectedTab span {
		color: blue;
		}
		


.htabset a:hover, .htabset a.selectedTab {
	background-image: url("../graphics/htab_left_on.gif");
	}
.htabset a:hover span, .htabset a.selectedTab span {
	background-image: url("../graphics/htab_right_on.gif");
	}
	
.htabset a.selectedTab span {
	color:rgb(40, 60, 137);
	}

.htabset a:link {
	color:#688EC0;
	}

.htabset a:hover {
	color:steelblue;
	}
*/
	div.htabset {
		background: #dddcdd; /* Old browsers */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzOSUiIHN0b3AtY29sb3I9IiNkZGRjZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzBjMGMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top,  #dddcdd 39%, #c0c0c0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#dddcdd), color-stop(100%,#c0c0c0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #dddcdd 39%,#c0c0c0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #dddcdd 39%,#c0c0c0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #dddcdd 39%,#c0c0c0 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #dddcdd 39%,#c0c0c0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddcdd', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-8 */
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		
		width:100%; 
		margin-top:5px;
		}


	.htabset a { padding-left:0px; padding-right:0px; }
	
	.htabset a span{
		padding:8px 8px 5px 8px;
		text-transform:uppercase;
		display:inline-block;
		color:#333333;
		cursor:pointer;
		font-size:12.2px; 
		/* font-weight: bold; */ /* removed as part of dx theme and changes to helvetica now */
		/* font-family: Arial, Helvetica, sans-serif; */ /* removed as part of dx theme and changes to helvetica now */
		}	

	.htabset a.selectedTab span{
		background-color:#e7e7e7;
		color: #000000;
		}	

	.htabset ul li:first-child  { margin-left:20px; }
	.htabset ul { padding-right:20px; margin-bottom:0px; } /* 01/02/2020 MWG */
	
	.htabset a:hover span { color: #51b5e0; }
	
	.htabset.left {
		text-align:left;
	}
	
/* secondary tabset */



/*

holder div::
background: #e7e7e7
border-bottom: #666666 1px solid
height: 27px (with 1px bottom border.)

tabs:
background: #666666
font-family: Arial
font-size: 11px
font-weight: bold
color: #cccccc
border: 1px solid #666666
(need to do a margin-bottom: -1px)

a hover color: #51b5e0

onstate:
background: #ffffff
color: #132947
border-bottom: #ffffff

*/

.htabset-secondary { width:100%; text-align:right; margin-top:5px; }

.htabset-secondary { font-size:8px; text-decoration:none }
	
	.htabset-secondary.left{ 
		text-align:left;
		}

	.htabset-secondary li{
		display: inline;
		margin:0px;
		margin-right:.25em;
		line-height:1.5em;
		min-width:75px;
		}
		
		.htabset-secondary li.disabledTab a:hover span{ 
			cursor:auto; 
			}
			
		.htabset-secondary li.disabledTab a:hover{ 
			cursor:auto; 
			}
			
		.htabset-secondary li.disabledTab{ 
			cursor:auto; 
			}
		
	.htabset-secondary a{
		padding-left:.5em;
		text-decoration: none;
		display:inline-block;
		cursor:pointer;
		}

	div.htabset-secondary {
		background-color: #e7e7e7; 
		width:100%; 
		margin-top:5px;
		border-bottom: #666666 1px solid;
		height: 23px;
		}


	.htabset-secondary a { padding-left:0px; padding-right:0px;}
	
	.htabset-secondary a span{
		padding-right:6px;
		padding-left:6px;
		display:inline-block;
		padding-top:5px; padding-bottom:3px;xheight:100%;
		cursor:pointer;
		font-weight: bold;
		font-family: Arial;
		background-color: #666666;
        font-size: 11px;
		color: #cccccc;
		border: 1px solid #666666;
		position:relative;
		top:1px;
		}	

	.htabset-secondary a.selectedTab span{
		background-color: #ffffff;
		color: #132947;
		border-bottom-color: #ffffff;
		z-index:1000;		
		}	

	.htabset-secondary ul li:first-child  { margin-left:20px; }
	.htabset-secondary ul { padding-right:24px; }
	
	.htabset-secondary a:hover span { color: #51b5e0; }

/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* HOTBOX SPECIFIC */

#hotbox-portlet-container h2{ 
	background-color: silver; 
	margin-bottom:3px; 
	padding-left:5px;
	line-height:25px;
	}

.hotbox-heading{ 
	border-top: 4px solid silver; 
	padding-bottom:2px; 
	padding:0 2px; 
	margin-bottom:2px;
	}
	
	.hotbox-heading p{ 
		margin-top: 5px; 
		margin-bottom: 10px;
		}

#hotbox-document-list{ 
	border-top: 2px solid silver;
	margin:0 2px;
	}
	
	#hotbox-document-list h3{
		margin-top: 5px; 
		margin-bottom:2px;
		}
	
	#hotbox-document-list a strong{
		font-size:.9em;
		}

#hotbox-not-found p{
	padding-left:10px; 
	padding-right:10px; 
	margin:0px;
	margin-bottom:10px;
	}
	
#hotbox-not-found cite{
	font-weight: bold; 
	font-size:1.1em; 
	color:red;
	}
	
#hotbox-not-found li{
	margin-bottom:5px;
	}
	
#hotbox-not-found{
	margin-top:5px; 
	}
/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* ADMIN SPECIFIC */

/* admin center - 101 */
#cs-page{ 
	padding: 20px; 
	padding-top:0px; 
	font-size:1.1em;
	}

#cs-page table{
	width: 100%; 
	}
	
	#cs-page table.sectionHeading{
		margin-bottom:5px;
		}
		
#cs-page-vertical-divider{
	border-left:1px solid #666666;
	}
	
#cs-bulletin-view div{ 
	padding-top:10px;
	padding-right:5px; 
	margin-bottom:5px;
	}
	
#cs-bulletin-view div *{ 
	display:block; 
	}
	
#cs-bulletin-view div a{ 
	font-weight:bold; 
	margin-bottom:7px;
	}

/*
#cs-document-view { 
	border-top: 1px solid #666666; }
*/

#cs-role-view{ 
	padding-top: 12px; 
	}
	
	#cs-role-view p *{
		display:block;
		}
		
	#cs-role-view strong{ 
		font-size:1.1em; 
		}

.user-message p{
	font-size: 1.1em; 
	font-weight:bold; 
	padding-top:50px; text-align:left; margin-left:2em; margin-right:2em;}

#prc-rcps-tab li {margin-bottom:.5em;}
.prc-product-summary img { cursor:pointer; }
#prc-list-view-panel { font-size: 1.1em; padding:20px; padding-top:0px;}
#prc-summary-view-panel { margin: 7px 3px; }


.section caption { padding: 0px; }
.section table { width: 100%; }

.section { margin-bottom: 5px; }
.section table tbody tr { vertical-align: top; }
.section table tbody tr td { padding-bottom: 0.4em;padding-top: 0.2em;}
/* fix list issues in IE browsers - IE 6 still has some issues */
body.ie6 .section table { vertical-align:middle; }
body.ie7 .section table { vertical-align:middle; margin-bottom:5px; }
xbody.ie8 .section table { height:24px; xmargin-top:-16px; }

.section table tbody tr td ul { margin:0px; padding:0px; margin-left:15px; margin-bottom:0.5em;}
.sectionHeading { background-color: #666666; text-align:left; width:99%; padding-left:4px; padding-right:3px; padding-bottom:1px; margin-bottom:.5em;}
.sectionHeading h1 {color: #ffffff;}

.sectionHeading table {margin:0px; padding:0px; border-collapse:collapse; }
.sectionHeading table thead {background-color: #666666!important; border-color: #666666!important;}
.sectionHeading table td {height: 20px;}
.sectionHeading table h1 { color:#ffffff; margin:0px; padding:0px; font-size:1.15em; text-transform: uppercase;}
.sectionHeading table a:active,
.sectionHeading table a:hover,
.sectionHeading table a:visited,
.sectionHeading table a:link { color:white; font-size:0.8em;}


xbody.ie8 .sectionHeading table { margin-top:3px; }
xbody.ie8 #totalPipelineTbl_header { margin-top:2px; margin-bottom:2px;}

/* good stuff for surveys :-) */
.leadInScript { font-style:italic; margin-top:10px;}
.leadInScript em { font-style:normal; font-weight:bold; font-variant: small-caps; color:#993300; color:red; }
.leadInScript strong { font-style:normal; font-weight:bold; font-variant: small-caps; color:#1c5ba2; color:blue;}
.answer em {font-style:italic; font-weight:normal;}
.answer strong em {font-style:italic;font-weight:bold;}
.question .required { color:#993300; color:red; }

.question { margin-top:1.5em; margin-bottom:1em;}
.question * { font-size:8pt; }
.question { border:1px solid silver; margin-top:15px;}
.question h1 { font-weight:bold; xcolor:#783F2C; position:relative; top:-8px; left: 1em; background-color:white; display:inline; margin-right:1em;}
.question-choices { margin-left:1em; margin-right:1em; }
.question-choices label { font-weight:bold; }
.question-choices td { vertical-align:middle;}
.question-choices textarea { width:100%;}


/* for PopupCalendar.js - used for feedback capture*/
#surveyDateCalendar {width:180px;}
.griffinFix { font-weight:bold; } /*there is something wrong with the styles in firefox, if this line is here, then the calendar styles okay, otherwise not */
.FSE_cpYearNavigation,.FSE_cpMonthNavigation,A.FSE_cpYearNagivation,A.FSE_cpMonthNavigation { background-color:#783F2C; text-align:center; vertical-align:center; text-decoration:none; color:#F2E2C5; font-weight:bold; }
.FSE_cpDayColumnHeader,.FSE_cpYearNavigation,.FSE_cpMonthNavigation,.FSE_cpCurrentMonthDate,.FSE_cpCurrentMonthDateDisabled,.FSE_cpOtherMonthDate,.FSE_cpOtherMonthDateDisabled,.FSE_cpCurrentDate,.FSE_cpCurrentDateDisabled,.FSE_cpTodayText,.FSE_cpTodayTextDisabled,.FSE_cpText { font-family:arial; font-size:8pt; }
TD.FSE_cpDayColumnHeader { text-align:right; border:solid thin #783F2C;border-width:0px 0px 1px 0px; color:#783F2C; font-weight:bold;}
.FSE_cpCurrentMonthDate, .FSE_cpOtherMonthDate, .FSE_cpCurrentDate  { text-align:right; text-decoration:none; }
.FSE_cpCurrentMonthDateDisabled, .FSE_cpOtherMonthDateDisabled, FSE_.cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.FSE_cpCurrentMonthDate, .FSE_cpCurrentDate { color:#A35538; }
A.FSE_cpOtherMonthDate { color:#BF8447; }
TD.FSE_cpCurrentDate { color:white; background-color: #783F2C; border-width:1px; border:solid thin #800000; }
TD.FSE_cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
TD.FSE_cpTodayText, TD.FSE_cpTodayTextDisabled { border:solid thin #783F2C; border-width:1px 0px 0px 0px;}
A.FSE_cpTodayText, SPAN.FSE_cpTodayTextDisabled { height:20px; }
A.FSE_cpTodayText { color:#A35538; }
.FSE_cpTodayTextDisabled { color:#D0D0D0; }
.FSE_cpBorder { border:solid thin #A35538; }


.lead-app-container {
	}

.lead-app-container .lead_colhdr{
	font-weight: bold;
}
.lead-app-container .lead_listrow{
}
.lead-app-container .lead_listrowalt{
}
.lead-app-container .lead_bodybgcolor{
}
.lead-app-container .lead_form {
} 
.lead-app-container .lead_button     {
	font-size:.9em; font-weight:bold;
}
.lead-app-container .lead_pager {
	font-weight:bold;
}
.lead-app-container a.lead_pager:link {
}
.lead-app-container a.lead_pager:visited {
}
.lead-app-container a.lead_pager:hover {
	text-decoration: underline;
}
.lead-app-container .lead_dtllabels{
	font-size: .9em;
	padding-bottom:3px;
	padding-top:0px;
}
.lead-app-container .lead_dtldata{
	font-size: .9em;
	font-weight: normal;
	padding-bottom:3px;
	padding-top:0px;
}
.lead-app-container .lead_alert{
	color:red;
}


#sim-ovrvw-tab {
	margin-left:1em; margin-right:1em; 
	font-size:1.2em;
}


.sales-initiative-scope {
	margin-right:.5em;
	xcolor:#414141;
	}
.sales-initiative-scope caption {
	font-weight:bold;
	}
.sales-initiative-scope tbody {
	font-size:1em;
	}
.sales-initiative-scope-territory-list {
	}
.sales-initiative-scope-participant-quota {
	}
	


.sales-initiative-feedback-requirements {
	margin-top:1em;
	margin-right:.5em;
	}
.sales-initiative-feedback-requirements tbody {
	font-size:1em;
}
.sales-initiative-feedback-requirements caption {
	font-weight:bold;
	}
	
.sales-initiative-timeline {
	}
	
.sales-initiative-objective {
	margin-bottom:.5em;
	}
	
.sales-initiative-objective caption {
	font-weight: bold;
	border-bottom:1px solid silver;
}
	
.sales-initiative-status {
	margin-bottom:.5em;
	}
.sales-initiative-status caption {
	font-weight:bold;
	border-bottom:1px solid silver;
}
.sales-initiative-champion {
	margin-bottom:.5em;
	}

.sales-initiative-champion caption {
	font-weight:bold;
	border-bottom:1px solid silver;
	}
	
	
.label-col { width: 25%; padding-left:1em; font-weight:bold; padding-right: 8px;}
.value-col { width: 75%; padding-right: 8px; }



#CDR-profile-flex-files-portlet-container.portlet li { list-style:none; margin-left:.5em;}
#CDR-profile-flex-files-portlet-container.portlet ul { margin-top:1em; }
#CDR-profile-flex-files-portlet-container.portlet ul ul { margin-top:0px; }
#CDR-profile-flex-files-portlet-container.portlet ul ul li { margin-left:1.75em; }
#CDR-profile-flex-files-portlet-container.portlet ul ul li.nodocuments { margin-top:.5em; font-style:italic; }
#cdr-detail-tab	{line-height: 18px;}

.modal-window-frame {position:absolute;display:none; z-index:200000;}
.model-window-frame * { z-index:200000; }
.modal-window { background-color:white;width:500px;border:3px solid silver;padding:2px;z-index:200000;}
.modal-view {}
.modal-header  { background-color:silver;padding-left:.5em;padding-right:.5em;color:white;font-weight:bold;font-size:1.1em; }
.modal-title { text-align:left; }
.modal-icon { text-align:right; }
.modal-footer { text-align:center; }


.competitive-information-view { padding-left:1em; padding-right:1.5em; padding-bottom:1em;}
.competitive-information-view p { margin:0px; margin-bottom:1em; margin-top:.5em; }
.competitive-information-view label { display:block; font-weight:bold;}

.competitive-information-view input { width: 100%; display:block; }
.competitive-information-view textarea { width: 100%; height:5em;}
.competitive-information-view input.button { width:auto; display:inline;}
.competitive-information-view p.thank-you { font-weight:bold; font-size:1.1em; font-style:italic; }

.help-hotspot { xdisplay:inline-block; margin:0px; margin-left:.5em; vertical-align:1%; cursor:pointer;}

#contact-us-form-container { background-color:#e5e5e5; }
#contact-us-form-container fieldset { border: none; margin:0px; margin-top:.5em; margin-bottom:1em; padding:0px; }
#contact-us-form-container fieldset#contact-us-message-fields textarea { width: 50em; height: 10em; }
#contact-us-form-container label { display:inline-block; width: 8em; font-weight: bold; margin-left:0px; color:#3973a2 !important; }
#contact-us-form-container #contact-us-message-fields label { margin-bottom:.5em; }
#contact-us-form-container #reason { width: 25em; }
#contact-us-form-container #Upload { width: 25em; }
#contact-us-form-container #contact-us-buttons { padding-top:1em; text-align:left; xpadding-left:8em; }
#contact-us-form-container #contact-us-buttons input { margin-right:1em; margin-left:0px;}
#contact-us-form-container #contact-us-buttons select { font-size: 12px;}


#contact-us-app-container .content-container { padding:0px;}
#contact-us-app-container .content-item { padding:0px; }
#contact-us-app-container .content-item p { margin: 0px; margin-bottom:1em; }
#contact-us-app-container { margin-left:1em; margin-right:1em; }


.hidden-element { display:none; }

.repository-files-control { text-align:right; margin-top:5px; margin-bottom:5px; }
table.repository-file-list { margin:0px; width: 100%; }
table.repository-file-list thead tr td { font-weight:bold; border-bottom:2px solid silver; vertical-align: bottom; padding-bottom:2px; }
table.repository-file-list tr.file-detail td { padding-top:.5em; border-top:1px solid silver;}
table.repository-file-list tr.file-detail td.file-title-column img { margin-right: 5px; width:16px; height:16px;}
table.repository-file-list tr.file-detail td.file-title-column { padding-left: 5px; }
table.repository-file-list tr.file-detail td.file-title-column div.file-category { margin-top:2px; }
table.repository-file-list tr.file-description td { padding-left:5px; }
table.repository-file-list tr.file-section-title td { padding-top:15px; padding-bottom:2px; font-weight:bold; font-size:1.2em; border-bottom:2px solid silver;}
table.repository-file-list tr.file-description td div { margin-left:5px; margin-right:5px; margin-top:2px; margin-bottom:2px;}
table.repository-file-list td.icon-column { text-align:center; }

table.repository-contact-file-list { margin: 0px; }
table.repository-contact-file-list tr.file-detail td.file-title-column { width: 450px;}
table.repository-contact-file-list tr.file-detail td.file-title-column img { margin-right: 5px; width:16px; height:16px;}
table.repository-contact-file-list tr.file-detail td.file-size-column { width: 60px;}
table.repository-contact-file-list thead tr td { font-weight:bold; border-bottom:2px solid silver; }
table.repository-contact-file-list tr.file-detail td { padding-top:.5em; padding-bottom:.5em; border-top:1px solid silver;}

div.toggle-bar { margin:0px;padding:0px; padding-right:3px; }

div.toggle-bar .pager { float:right; clear:none;}
div.toggle-bar .other-links { margin-left:12px; float:left; clear:none; margin-top: 3px;}

ul.toggle-set { padding:1px; margin:0px; float:left; clear:none;}

ul.toggle-set li.ico, ul.toggle-set li.toggle { margin:0px; margin-left:3px; margin-right:2px; }
ul.toggle-set li.ico, ul.toggle-set li.toggle { list-style:none; padding:0px; cursor:pointer; float:left; clear;none; height:16px; width:16px; background-position:left 0px; background-repeat:no-repeat; margin-bottom:2px; }

ul.toggle-set li.toggle-on { background-position:left -16px; }

ul.toggle-set li.toggle-emptymarket { background-image:url( ../graphics/emptymarket-toggle.gif ); }
ul.toggle-set li.toggle-focusaccount { background-image:url( ../graphics/focusaccount-toggle.gif ); }
ul.toggle-set li.toggle-myaccounts { background-image:url( ../graphics/myaccounts-toggle.gif ); }

ul.toggle-set li.toggle-myaccountsBRO14on { background-image:url( ../graphics/cva-on.png ); }
ul.toggle-set li.toggle-myaccountsBRO14off { background-image:url( ../graphics/cva-off.png ); }

span.toggle-flagged { cursor:pointer; background-image:url( ../graphics/flagged-toggle.png );  }
span.toggle-on { background-position:left -16px; }


span.toggle-flagged.red { background-position:left -16px; }
span.toggle-flagged.yellow { background-position:left -32px; }
span.toggle-flagged.green { background-position:left -48px; }

span.toggle-flagged.toggle-on { background-position:left -64px; } /* blue */
span.toggle-flagged.blue { background-position:left -64px; }
span.toggle-flagged.orange { background-position:left -80px; }
span.toggle-flagged.purple { background-position:left -96px; }



td.focus-account-indicator { background-image:url( ../graphics/focusaccount-toggle.gif  ); background-position:left -16px; background-repeat:no-repeat; }
td.a-plus-indicator { background-image:url( ../graphics/ico_aplus.png  ); xbackground-position:left top; background-repeat:no-repeat; }
td.chain-unit-indicator { background-image:url( ../graphics/ico_chainunit.png  ); background-repeat:no-repeat; }
td.chain-hq-indicator { background-image:url( ../graphics/ico_chainhq.png  ); background-repeat:no-repeat; }

span.ico.a-plus-indicator { background-image:url( ../graphics/ico_aplus.png  ); height : 18px; background-position:0px 4px; margin-right: 2px; background-repeat:no-repeat; }

span.ico.inc-pgm  {
	background-image: url( ../graphics/ico-otr-logo.png );
	cursor:pointer;
	margin-top:2px;
}
td.inc-pgm { background-image: url( ../graphics/ico-otr-logo.png ); background-repeat:no-repeat; background-position:0px 3px; padding-left:18px; }

tr.inc-pgm > td { height:18px; padding-top:5px;}
div.construction-title { display:none; }

/* ------------------------------------------------------------- */
td.page-numbers a,td.page-numbers a:link {line-height: 1.0em; text-decoration: none; padding: 0px 1px 0px 1px; font-size: inherit;}
td.page-numbers a:visited {line-height: 1.0em; text-decoration: none; padding: 0px 1px 0px 1px; font-size: inherit;}
td.page-numbers a:hover {line-height: 1.0em; text-decoration: none; padding: 0px 1px 0px 1px; font-size: inherit; background-color: #fdefca!important;}
td.page-numbers a:active {line-height: 1.0em; text-decoration: none; padding: 0px 1px 0px 1px; font-size: inherit;}
td.page-numbers a.onPage {background-color: #fdefca; }


/* ------------------------------------------------------------- */
/* LOGIN SPECIFIC */
.login-area{ 
	min-height:350px; 
	}
	
.login-box{ 
	position:relative; 
	left:-115px; 
	top:20px; 
	padding:0px; 
	margin:0px; 
	/*margin-top:20px;*/ 
	width:303px;
	}
	
	.login-box div iframe{ 
		border:none; 
		}
		
	.login-box h1{ 
		padding-top:2px; 
		color:#ffffff; 
		padding-left:4px;
		font-size: 1.2em; 
		}
	
	/*.login-box h1{ 
		color: #000000; 
		margin:0px; 
		margin-bottom:-1px; 
		border:1px solid #D8D8D8;
		background-color: #7FAFD9; 
		padding-top:1px; 
		padding-bottom:1px; 
		padding-left:3px; 
		font-size:1.5em; 
		width:301px;
		}
	*/
		
	/*.login-box div{ 
		border: 1px solid #D8D8D8; 
		width:304px; 
		margin:0px; 
		}
	*/
	
	.login-box .login-container{ border:1px solid #dddddd; border-top:none; border-bottom:none; }

	.login-box .hdr-l{ 
		height:21px; 
		background-image: url('../graphics/pl_2_hdr_l.png');
		background-position: top left;
		background-repeat: no-repeat;
		padding:0px 0px 0px 5px;
		}

	.login-box .hdr-r { 
		height:21px; 
		background-image: url( ../graphics/pl_2_hdr_r.png );
		background-position: top right;
		background-repeat: no-repeat;
		padding:0px 5px 0px 0px;
		}

	.login-box .hdr-c { 
		margin:0px 0px 0px 0px;
		height:21px; 
		background-image: url( ../graphics/pl_2_hdr_c.png );
		background-position: top left;
		background-repeat: repeat-x; 
		}

	.login-box .ftr-l { 
		height:5px; 
		background-image: url( ../graphics/pl_2_ftr_l.png );
		background-position: top left;
		background-repeat: no-repeat;
		padding:0px 0px 0px 5px;
		}

	.login-box .ftr-r { 
		height:5px; 
		background-image: url( ../graphics/pl_2_ftr_r.png );
		background-position: top right;
		background-repeat: no-repeat;
		padding:0px 5px 0px 0px;
		}

	.login-box .ftr-c { 
		padding:0px 0px 0px 0px;
		height:5px; 
		background-image: url( ../graphics/pl_2_ftr_c.png );
		background-position: top left;
		background-repeat: repeat-x; 
		}
	
.login-content{ 
	position:relative; 
	top:-170px; 
	left:230px; 
	width:550px;
	}
/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* PORTLET SPECIFIC */

.portlet .body table caption{ 
	font-weight: bold; 
	padding-top:5px; 
	padding-bottom:3px; 
	font-size:.9em;
	}
	
.portlet .body table td{ 
	//padding-right:2px; 
	padding-right:0px; 
	}

.portlet .header table{ 
	width: 100%;  
	}
	
	.portlet .header table tr td.control{ 
		text-align:right; 
		padding:0px; 
		vertical-align: middle; 
		}
		
	.portlet .header table tr td.title{ 
		text-align:left; 
		vertical-align: bottom; 
		padding:0px; 
		padding-left:.5em;
		}

.portlet.dialog.hidden{ 
	display:none;
	}

.portlet .document-instructions{ 
	font-size:.9em; 
	padding:3px 5px 5px 5px; 
	border:1px solid silver; 
	background-color:lightyellow; 
	margin:0px 5px 5px 5px;
	}
	
	.portlet .document-instructions img{ 
		border:none; 
		float:left;
		margin:2px 5px 2px 1px; 
		}

.portlet .content-search-center{ 
	/*xpadding:3px;*/ 
	/*xborder:solid 1px #CECFC1;*/ 
	}
	
	.portlet .content-search-center dl{ 
		border: none; 
		margin:0px;  
		margin-bottom:.5em; 
		}
		
	.portlet .content-search-center dl dt{ margin-top:.5em; font-weight:bold; padding-left: 6px; }
		
	.portlet .content-search-center dl dd{ margin-left:16px; margin-bottom: 4px;
		}
		
	.portlet .content-search-center dl dt a, .portlet .content-search-center dl dd a { 
		text-decoration:none; 
		}
		
	
	.portlet .content-search-center label{ 
		font-weight: bold; 
		padding-right:.5em;
		}
		
	.portlet .content-search-center form{ 
		margin-left:.25em;  
		}
		
	.portlet .marketing-category_expand { 
		height:14px;
		font-size:11px;
		padding:4px 0px 4px 4px;
		background-image: url( ../graphics/expand.jpg );
		background-position: top right;
		background-repeat: no-repeat;
		background-color:#e8e8e8;
		background-position:right center;
		}
		
	.portlet .marketing-category_collapse { 
		height:14px;
		font-size:11px;
		padding:4px 0px 4px 0px;
		background-image: url( ../graphics/collapse.jpg );
		background-position: top right;
		background-repeat: no-repeat;
		background-color:#e8e8e8;
		background-position:right center;
		
		}
		
	.portlet .reset{
		text-align:right;
		padding:6px;
		padding-right:20px;
	}

	.portlet .searchBtn{
		text-align:right;
		padding:4px;
		padding-right:20px;
	}
	
	 #advanced_search_items dl dt {
		text-align:right;
		display:block;
		font-size:11px;
	}
	
	 #advanced_search_items dl dt div{
		text-align:left;
		display:block;
		width:220px;
		float:left;
	
	}
	
	#advanced_search_items dl dt input{
		margin-top:-0px;
		margin-right:10px;
	
	}
	.marketing-category-items-hide{
		display:none;
	}
	
	.marketing-category-items-display{
		display:block;
	}

	.advanced-search-items-hide{
		display:none;
	}
		
		
		
#popupOptions .portlet{ 
	width: 200px; 
	}
	
	#popupOptions .portlet div.header{ 
		width:100%; 
		}
		
	#popupOptions .portlet.searchCenter .view select{ 
		width:190px; 
		}
		
	#popupOptions .portlet .view{ 
		border:1px solid silver; 
		border-top:none; 
		}


.partner-repository.closed .partner-repository-contents  { display:none; }
.partner-repository .partner-repository-title { padding-left:15px; font-weight:bold; font-size:1.1em; cursor:pointer; }
.partner-repository .partner-repository-title { 
    background-image: url( ../graphics/minus.gif ); 
    background-position: left center;
    background-repeat: no-repeat;
    }
.partner-repository.closed .partner-repository-title { 
    background-image: url( ../graphics/plus.gif ); 
    }
.partner-repository { padding-left:5px; padding-top:5px; }
.partner-repository-contents { padding-bottom:5px; }
.partner-repository-contents table { margin-left:15px;  }
.partner-repository-contents .nodocuments { padding-left:15px; font-style:italic; }
.partner-repository-category { padding-left:15px; font-weight:bold; padding-top:.5em; }



.tree.closed .tree-contents  { display:none; }
.tree .tree-title { padding-left:15px; font-weight:bold; font-size:1.1em; cursor:pointer;
    background-image: url( ../graphics/minus.gif ); 
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    }
.tree.closed .tree-title { 
    background-image: url( ../graphics/plus.gif ); 
	
    }
.tree { padding-left:5px; padding-top:5px; }
.tree-contents { cursor: pointer; }
.tree-contents table { margin-left:15px;  }
.tree-contents .tree-no-contents { padding-left:15px; font-style:italic; }
.tree-contents dd {padding: 2px 0px 2px 4px; margin-bottom: 4px;}
.tree-contents dd:hover {background-color: #dddddd;text-decoration: none;}
.tree-contents dd.selected { font-weight:bold; background-color: #dddddd; }
xx.tree-contents dd.selected:after { content:" <<"; font-size:smaller;}
xx.tree-contents dd.selected:before { content:">> "; font-size:smaller;}

    
.tree .generic-toggle { cursor:pointer; display:inline-block; width:9px; background-position: left center; background-repeat: no-repeat; background-image: url( ../graphics/minus.gif );}
.tree .generic-toggle.closed { background-image: url( ../graphics/plus.gif ); }

.recordList .generic-toggle { cursor:pointer; display:inline-block; width:9px; background-position: left center; background-repeat: no-repeat; background-image: url( ../graphics/minus.gif );}
.recordList .generic-toggle.closed { background-image: url( ../graphics/plus.gif ); }

span.generic-toggle { cursor:pointer; display:inline-block; width:9px; background-position: left center; background-repeat: no-repeat; background-image: url( ../graphics/minus.gif );}
span.generic-toggle.closed { background-image: url( ../graphics/plus.gif ); }

/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* BLOG SPECIFIC */

.blog .blog-entry { margin-top:1em; padding-top:1em; }
.blog .blog-entry h2 { font-size: 1em; }
.blog .blog-entry h3 { font-size: .9em; border-bottom:1px solid #EEEEEE; font-weight:normal; }
.blog .blog-comments { border-top:1px solid #EEEEEE; padding:1em; }
.blog .blog-comment { border-left: 1px dotted #AAAAAA; margin:10px 10px; padding-left:1em;}
.blog .blog-heading .blog-date { font-size: .75em; position:relative;top:-28px;float:right; padding-right:2px;}
.blog .blog-comment .blog-date { position:static; float:none; font-size: 1em;}
.blog .blog-comment .blog-text { padding-left:1em; padding-top:.5em; padding-bottom:.5em; }
.blog .blog-comment h4 { font-size: .9em; }
.blog .blog-footing span { padding-right: 1em; }
.blog .blog-footing { font-size:.75em; display:none; }
.blog .blog-comment-submission-input { padding:10px; border:1px solid silver; margin:10px; }
.blog .blog-comment-submission-input label { font-weight:bold; }
.blog .blog-comment-submission-input input { width: 75%; }
.blog .blog-comment-submission-input textarea { width: 100%; }
.blog .blog-comment-submission-input .blog-control { text-align:right; }
.blog .blog-comment-submission-input .blog-control input { width:auto; }
.blog .blog-control { padding:5px 0px; }
.blog .blog-comment-status { font-size: .75em; color:#AAAAAA; font-weight:normal; text-transform:lowercase;}
.blog .blog-by { font-size:.8em; color:#AAAAAA; }
/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* FEEDBACK SPECIFIC */
.recordList tr.clickable:hover { cursor:pointer; }
.recordList tr.clickable:hover td { text-decoration:underline; cursor:pointer;}
.recordList tr.clickable:hover td.indicator { text-decoration:none; cursor:pointer;}
.recordList tr td.indicator { width:16px; }



.notice { color: red; font-weight: bold; font-variant:small-caps;}


div.feedback-panel { padding:5px; border:1px solid silver; }
div.feedback-panel table.control-section td { vertical-align:middle; }
div.feedback-panel table.control-section td.r { text-align:right; }
div.feedback-panel table.control-section td.l { text-align:left; }
div.feedback-panel table.control-section td.instructions { font-weight:bold; text-align:center; margin:5px 0px 10px 0px; }

div.feedback-panel.record-response table.control-section td.instructions { text-align:left; }

div.feedback-panel table.form-fields { font-size:1.1em; }
div.feedback-panel table.form-fields td { vertical-align:top; line-height:17px; }
div.feedback-panel table.form-fields td.label { width:140px; font-weight:bold;}

div.feedback-panel table.form-fields img.cal-icon { border:none; cursor:pointer; height:16px; width:16px; vertical-align:top; }
div.feedback-panel table.form-fields div.new-contact { font-size:8pt;border:1px solid silver; margin-top:7px;padding:5px;margin-bottom:10px;width:400px; }

div.feedback-panel table.form-fields div.new-contact table.form-fields { font-size:1em; }
div.feedback-panel table.form-fields div.new-contact table.form-fields td.label { width:50px; }

div.feedback-panel .status {margin-right:5px;margin-left:8px;font-size:8pt;margin-top:3px;}
div.feedback-panel .status label {width:125px; font-weight:bold;}


div.feedback-panel div.survey-question-panel { margin-left:5px;margin-right:5px; }

a.share-link { display:inline-block;
               width:16px; height:16px; 
			   background-position: center center;
			   background-repeat:no-repeat;
			   background-color:transparent; 
			   background-image: url( ../graphics/link.gif );
			   cursor:default; }
a.share-link * { display:none; }

li.ico, span.ico { 
	width:16px; height:16px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	background-color:transparent; 
	display:inline-block;
	margin-left: 4px;
}

span.ico * { 
	visibility:hidden; 
}

span.ico.info { background-image: url( ../graphics/info-2.gif ); cursor:pointer; } 

span.ico.dArr {
	width:9px; height:9px; vertical-align:middle; margin-right:3px;
	background-image: url( ../graphics/dArr.png );
}

span.ico.dArrBar {
	width:9px; height:9px; vertical-align:middle; margin-right:3px;
	background-image: url( ../graphics/dArrBar.png );
}

span.ico.uArr {
	width:9px; height:9px; vertical-align:middle; margin-right:3px;
	background-image: url( ../graphics/uArr.png );
}

span.ico.uArrBar {
	width:9px; height:9px; vertical-align:middle; margin-right:3px;
	background-image: url( ../graphics/uArrBar.png );
}


span.ico.lArr {
	width:9px; height:9px; vertical-align:middle; margin-right:3px;
	background-image: url( ../graphics/lArr.png );
}

span.ico.lArrBar {
	width:9px; height:9px; vertical-align:middle; margin-right:3px;
	background-image: url( ../graphics/lArrBar.png );
}

span.ico.rArr {
	width:9px; height:9px; vertical-align:middle; margin-right:3px;
	background-image: url( ../graphics/rArr.png );
}

span.ico.rArrBar {
	width:9px; height:9px; vertical-align:middle; margin-right:3px;
	background-image: url( ../graphics/rArrBar.png );
}

span.ico.broker-os {
	background-image: url( ../graphics/resp-operator.png );
}

span.ico.broker-dm {
	background-image: url( ../graphics/resp-distributor.png );
}

span.ico.broker-ss {
	background-image: url( ../graphics/resp-schoolspecialist.png );
}

span.ico.broker-cc {
	background-image: url( ../graphics/resp-certchef.png );
}

span.ico.broker-ae {
	background-image: url( ../graphics/role-ae.png );
}

span.ico.broker-cs {
	background-image: url( ../graphics/role-cs.png );
}

span.ico.broker-rm {
	background-image: url( ../graphics/role-rm.png );
}
span.ico.broker-sm {
	background-image: url( ../graphics/resp-pos.png );
}


span.ico.broker-rd {
	background-image: url( ../graphics/resp-dietician.png );
}

span.ico.calculator { 
	background-image: url( ../graphics/ico_calculator.png );
}

.ico.dilr { 
	background-image: url( ../graphics/day-in-life-role-toggle.png );
}


.ico.dilr.toggle-on { background-position: left 0px; }
.ico.dilr.toggle-off { background-position: left -16px;  }

.ico.dilr.enabled { cursor:pointer; }


.ico.dilr.g1, .ico.dilr.g1.toggle-on { background-position: -16px 0px; }
.ico.dilr.g1.toggle-off { background-position: -16px -16px; }
.ico.dilr.g2, .ico.dilr.g2.toggle-on { background-position: -32px 0px; }
.ico.dilr.g2.toggle-off { background-position: -32px -16px; }
.ico.dilr.g3, .ico.dilr.g3.toggle-on { background-position: -48px 0px; }
.ico.dilr.g3.toggle-off { background-position: -48px -16px; }
.ico.dilr.g4, .ico.dilr.g4.toggle-on { background-position: -64px 0px; }
.ico.dilr.g4.toggle-off { background-position: -64px -16px; }
.ico.dilr.g5, .ico.dilr.g5.toggle-on { background-position: -80px 0px; }
.ico.dilr.g5.toggle-off { background-position: -80px -16px; }
.ico.dilr.g6, .ico.dilr.g6.toggle-on { background-position: -96px 0px; }
.ico.dilr.g6.toggle-off { background-position: -96px -16px; }


li.ico.product-status-matrix, span.ico.product-status-matrix {
	background-image: url( ../graphics/ico-product-status-matrix.png );
	cursor:pointer;
}

li.ico.product-status-matrix.off, span.ico.product-status-matrix.off {
	background-image: url( ../graphics/ico-product-status-matrix-off.png );
	cursor:pointer;
}

li.ico.add-record, span.ico.add-record  {
	background-image: url( ../graphics/ico-add-record.png );
	cursor:pointer;
}

li.ico.delete-record, span.ico.delete-record  {
	background-image: url( ../graphics/delete2_ico.gif );
	cursor:pointer;
}

li.ico.add-comment, span.ico.add-comment  {
	background-image: url( ../graphics/ico-add-comment.png );
	cursor:pointer;
}

li.ico.list, span.ico.list  {
	background-image: url( ../graphics/ico-list.png );
	cursor:pointer;
}

li.ico.pipeline, span.ico.pipeline  {
	background-image: url( ../graphics/ico-pipeline.png );
	cursor:pointer;
}

li.ico.chart, span.ico.chart  {
	background-image: url( ../graphics/ico-chart.png );
	cursor:pointer;
}

li.ico.chart, span.ico.chart-pie  {
	background-image: url( ../graphics/ico-chart-pie.png );
	cursor:pointer;
}

span.ico.pdf {
	background-image: url( ../graphics/ico-pdf.png );
	background-size:14px;
}

li.ico.initiate, span.ico.initiate {
	background-image: url( ../graphics/ico_initiate.png );
	cursor:pointer;
	vertical-align: -webkit-baseline-middle;
}

span.ico.initiate.blue {
	background-image: url( ../graphics/ico_initiate_blue.png );
	cursor:pointer;
	vertical-align: -webkit-baseline-middle;
	width: 19px; height: 19px;
}


span.ico.email {
	background-image: url( ../graphics/email_ico.gif );
	cursor: pointer;
}

li.ico.attention, span.ico.attention {
	background-image: url( ../graphics/ico_attention.png );
}

li.ico.reminder, span.ico.reminder {
	background-image: url( ../graphics/ico_reminder.png );
}

li.ico.email-interaction, span.ico.email-interaction {
	background-image: url( ../graphics/ico_emailInteraction.png );
}

li.ico.sales-initiative-interaction, span.ico.sales-initiative-interaction {
	background-image: url( ../graphics/ico_salesInitiativeInteraction.png );
}

li.ico.general-interaction, span.ico.general-interaction {
	background-image: url( ../graphics/ico_generalInteraction.png );
}

li.ico.tool, span.ico.tool {
	background-image: url( ../graphics/ico_tool.png );
	cursor:pointer;
}

li.ico.copy, span.ico.copy {
	background-image: url( ../graphics/ico-copy.png );
	cursor:pointer;
}

li.ico.edit, span.ico.edit {
	background-image: url( ../graphics/ico_edit.png );
	cursor:pointer;
}

li.ico.customize, span.ico.customize {
	background-image: url( ../graphics/ico_customize.png );
	cursor:pointer;
}


li.ico.zoom, span.ico.zoom {
	background-image: url( ../graphics/ico_zoom.png );
	cursor:pointer;
}

li.ico.delete, span.ico.delete {
	background-image: url( ../graphics/ico_del.png );
	cursor:pointer;
}

li.ico.zoom.in, span.ico.zoom.in {
	background-image: url( ../graphics/ico_zoom_in.png );
}

span.ico.search { 
	/*background-image:url(../graphics/ico_search.png);*/
	background-image:url(../graphics/search-icon.png); 	
}

#specialLinks span.ico.search { minus
	background-image:url(../graphics/ico-search.png);
	width:20px; height:20px; 	
}

#specialLinks input.quick.search { 
	vertical-align: top;
	float: left;
}

/* tr.scplanned	{background-color: #e8eff4; border-bottom: 1px solid #eaeaea;} */

span.toggle { 
	width:16px; height:16px;
	background-position:left 0px; 
	background-repeat:no-repeat;
	background-color:transparent; 
	display:inline-block;
	cursor:pointer;
}
span.toggle-on { background-position:left -16px; }
span.toggle-myopportunities { background-image:url( ../graphics/myaccounts-toggle.gif ); }

span.icon-sharedopportunities { 
	width:16px; height:16px;
	background-position:left 0px; 
	background-repeat:no-repeat;
	background-color:transparent; 
	display:inline-block;
	background-image:url( ../graphics/ico-shared.png ); 
}

span.ico.expandicon {  cursor:pointer; background-position: center left; background-repeat: no-repeat; background-image: url( ../graphics/minus.gif );}
span.ico.expandicon.closed { background-image: url( ../graphics/plus.gif ); }

span.ico.expand-plus {  cursor:pointer; background-position: center left; background-repeat: no-repeat; background-image: url( ../graphics/plus.gif );}
span.ico.expand-minus {  cursor:pointer; background-position: center left; background-repeat: no-repeat; background-image: url( ../graphics/minus.gif );}

span.ico.focus-account { background-image:url( ../graphics/focusaccount-toggle.gif  ); background-position:left -16px; background-repeat:no-repeat; }

span.ico.star { background-image:url( ../graphics/focusaccount-toggle.gif  ); background-position:left -16px; background-repeat:no-repeat; }

span.ico.favorite { cursor:pointer; background-image:url( ../graphics/fav.gif  ); background-position:left -16px; background-repeat:no-repeat; }
span.ico.favorite.not { background-image:url( ../graphics/fav.gif  ); background-position:left 0px; background-repeat:no-repeat; }

li.ico.cancel, span.ico.cancel {
	background-image: url( ../graphics/ico-cancel.png );
	cursor:pointer;
}

li.ico.save, span.ico.save {
	background-image: url( ../graphics/ico-save.png );
	cursor:pointer;
}

li.ico.editor, span.ico.editor {
	background-image: url( ../graphics/ico-edit2.png );
	cursor:pointer;
}


#addDistrib1, #addDistrib2{ width: 325px !important; }

.validation-alert { float:left; clear:none; color:red; font-style:italic; text-decoration:blink; }

/* form fields */
input.cn { width: 400px; }
input.st { width: 20px; }
input.ci { width: 150px; }

textarea.cmt { width:99%; height:4em; }

span.fse-help { display:inline-block; border:none; margin:0px; padding:0 6px 0px 0; width:16px; height:17px; background-image: url( ../graphics/FSE-Help.png ); background-repeat:no-repeat; background-position:2px 0px; cursor:pointer; vertical-align:middle; }


a.button { position:static;
           padding:1px 3px; /* changed from 3px for dxtheme and helvetica now */
		   text-decoration:none !important; 
           text-transform:uppercase; 
           margin-left:0px; 
           margin-right:0px;
           margin-top:0px;
           margin-bottom:0px; 
           border:1px solid #A3A3A3;
           color:#3f5f7b; 
           background-color:#EFEFEF;
         }

a.button.special { background-color:#FBFADB; }
a.button.firstb {margin-right: 8px;}

a.button:hover { background-color:#C0C0C0; color: #ffffff;}

span.ico.history { background-image:url( ../graphics/history-icon.jpg ); }

/* report center help  */
.help-content-item p	{font-size:12px; color:#333333; line-height: 18px; margin-left: 10px;}
.help-content-item ul	{}
.help-content-item ul li	{font-size:12px; color:#333333; line-height: 18px; margin-bottom: 8px;}
.help-content-item ol	{}
.help-content-item ol li	{font-size:12px; color:#333333; line-height: 18px; margin-bottom: 8px;}
.help-content-item	h1 {font-size: 1.4em!important; font-weight:bold; margin: 14px 0 16px 10px;!important;}

.datawindow tbody + tbody { display:none; }

.datawindow tbody tr.dirty td { border-top:1px solid red; border-bottom:1px solid red; } 
.datawindow tbody tr.dirty td:first-child { border-left:1px solid red; }


		
#nav { display:inline-table;position:absolute;z-index:1000; left:4px; }
#nav { left:-180px;  }
#nav.open { left:4px; transition: left .25s; }

div.fse-modal { /* 01/02/2020 MWG - changed to fse-modal */			
    position: fixed; /* Stay in place */
    z-index: 996; /* Sit on top */
    left: 0;
    top: 0;
    width: 0px; /* zero width */
    height: 0px; /* zero height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0);
    opacity: 0;
}	

#nav.open + div.fse-modal { height:100%; width:100%; opacity:0.5; transition: opacity .25s linear; } /* 01/02/2020 MWG - changed to fse-modal */


#popupDashboard { position:absolute; z-index:1000; overflow:hidden; height:0px; width:950px; left: 25px; background-color:white; color:initial; }

#popupDashboard.open { height:520px; transition: height .25s linear; }
#popupDashboard.open + div.fse-modal { height:100%; width:100%; opacity:0.5; transition: opacity .25s linear; } /* 01/02/2020 MWG - changed to fse-modal */

#popupDashboard > table { width:100%; }
#popupDashboard > table > tbody > tr > td { vertical-align:top; padding:10px; }
#popupDashboard > table > tbody > tr + tr > td { padding-top:0px;  }

table.performanceIndicators tr td{font-size:10px;}
table.performanceIndicators > tbody > tr.lastSeg > td {padding-bottom:15px;}


#searchSlide.loading + div.fse-modal, #searchSlide.open + div.fse-modal { height:100%; width:100%; opacity:0.5; transition: opacity .25s linear; } /* 01/02/2020 MWG - changed to fse-modal */




#titleContainer-modal.modal.active { height:100%; width:100%; opacity:0.5; transition: opacity .25s linear; }

#searchSlide { margin-top:-5px; padding-top:0px; position:absolute; z-index:999; background-color:white; width:600px; left:-600px; height:auto; padding-bottom:10px; padding-left:0px; padding-right:0px; }
#searchSlide.small { width:320px; left:-320px; }
#searchSlide.medium { width:600px; left:-600px; }
#searchSlide.large { width:900px; left:-900px; }

#searchSlide div.searchControl { position:relative; padding-right:5px; padding-left:20px; padding-top:7px; padding-bottom:12px; text-align:right; display:none; }
#searchSlide div.searchControlTop {  background-color:#e8e8e8;padding-bottom:4px;height:20px;margin-bottom:6px;border-bottom: 1px solid black; }
#searchSlide div.searchControlTop {  min-height:32px; } /* 01/02/2020 MWG */
#searchSlide div#searchCenterSocket { position:relative; padding-left:1px; padding-right:1px; }

#searchSlide div.searchControl img { cursor:pointer; vertical-align:top; } /* 01/02/2020 MWG */


#searchSlide div#searchCenterSocket + div.searchControl { padding-bottom:10px; padding-top:10px; padding-right: 10px; }

#searchSlide.open { border:1px solid silver; left:0px; transition: left .25s; }
#searchSlide.open div.searchControl { display:block; }

#slideSearchPreviewSocket table.search-options {margin-bottom: 8px;}

#searchSlide div.filters { height:auto !important; padding-bottom:8px; }
#searchSlide div.filers > div:first-child { font-size:14px; margin-bottom:5px; }
#searchSlide div.filters > div:first-child label { font-weight:bold; }
#searchSlide a.reset, #searchSlide div.filters a.apply { font-size:9px; }

#searchSlide div.filters a.more-less { display:block; text-decoration:none !important; pointer:cursor; font-size:11px; padding-top:4px; }

#searchSlide div.filters a.more-less:before { content: '+ ' }
#searchSlide div.filters a.more-less.less:before { content: '- ' }

#searchSlide div.filters.less .more { display:none; }

#searchSlide .search-criteria .critiera-set .criterion select { width: 350px;}

#searchSlide .search-criteria .critiera-set .label { width: 120px; padding-left: 10px; padding-bottom: 6px; font-size: 1.1em;}
#searchSlide .search-criteria .critiera-set .criterion { padding-bottom: 6px;}
#searchSlide .search-criteria table.criteria-set > tbody > tr > td:first-child { width: 120px;}
#searchSlide .search-criteria table.criteria-set > tbody > tr > td { vertical-align: top; padding-top: 5px; }

#searchSlide div.filters > h1 { background-color: #e8e8e8; color:#000000; font-size: 12px; text-transform: uppercase; font-weight: normal; padding-left: 10px; margin-bottom: 5px; padding: 5px 0 5px 8px; }
#searchSlide div.filters > h1.collapse { pointer: cursor; }
#searchSlide div.filters > h1.collapse span { float:right; display:inline-block; background: url('../graphics/filter-expand.jpg') no-repeat 0px 0px; width:18px; height:18px;margin-right: 8px;  }
#searchSlide div.filters > h1.collapse.expand span { float:right; display:inline-block; background: url('../graphics/filter-collapse.jpg') no-repeat 0px 0px; width:18px; height:18px; margin-right: 8px; }
#searchSlide div.filters > h1.collapse + div { display:none; }
#searchSlide div.filters > h1.collapse.expand + div { display:block; }

#searchSlide div.filters > h1 + div > table { width: 100%; border-collapse: collapse; border-none; margin:0px 0px 0px 0px; }
#searchSlide div.filters > h1 + div > table > tbody > tr > td { vertical-align:top; text-align:left; }
#searchSlide div.filters > h1 + div > table > tbody > tr:first-child > td + td  { text-align:right; padding-right:10px; }
#searchSlide div.filters > h1 + div > table > tbody > tr:first-child > td { padding-top:8px; }
#searchSlide div.filters > h1 + div > table > tbody > tr:first-child + tr > td  { vertical-align:bottom; text-align:right; padding-right:10px; }

span.s { font-size:7px; position:relative; top:-5px; }
td.n { text-align:right; }

select.initiate, select.initiate + span.initiate { display:none; }

.initiate-options {
    position: absolute;
    top: 40px;
    background-color: white;
    border: 1px solid silver;
    padding: 0px;
    width: auto;
}

.initiate-options > div { cursor:pointer; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px; border-top:1px solid silver; min-width:150px; text-align:left; }
.initiate-options > div:hover { background-color:#F0F0F0; }
.initiate-options > div.disabled { color: lightgrey; }

.initiate-options > div:first-child { cursor:pointer; border-top:none; }
/*
.initiate-options > div:first-child {background-image: url( ../graphics/ico_action_menu_dim.png );	background-repeat: no-repeat;	background-position: right top;	}
*/


.initiate-options.closed { display:none; }
.initiate-options.open { }
.initiate-options.right-side { visibility:hidden; }


span.ico.action-menu {
	background-image: url( ../graphics/ico_action_menu.png );
	cursor:pointer;
}



.dx-icon-gs1 {
	xxbackground-image: url(../graphics/Logo_GS1.svg);
	background-image: url(../graphics/ico_GS1.png);
	background-repeat: no-repeat;
	xxbackground-position: 0px 0px;
	background-position : center;
	background-size : cover !important;
}

.dx-icon-dotfoods {
	xxbackground-image: url(../graphics/Dot_foods_logo.svg);
	background-image: url(../graphics/dot-icon.png);
	background-repeat: no-repeat;
	xxbackground-position: 0px 0px;
	background-position : center;
	background-size : cover !important;
}