/* -----------------Begin  Universal Background Code -----imported from old wsm.css to preserve grey dialog boxes----------- */

/* ----- Core Styles for Universal Background -------*/

#bodyContent .dialog {margin-bottom: 10px;}

#bodyContent .dialog .hd {
	height: 13px;
	margin: 0 1px 0 1px;
	background-color: transparent;
	background-image: url(../../images/univback/tl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:block;/* show bottom for new dialogue box */
}

#bodyContent .dialog .hd .c {
 	background:transparent url(../../images/univback/tr.gif) no-repeat right bottom;
	height: 13px;
}

#bodyContent .dialog .bd {
 	background:transparent url(../../images/univback/ml.gif) repeat-y top left;
}

#bodyContent .dialog .bd .c {
 	background:transparent url(../../images/univback/mr.gif) repeat-y top right;
}

#bodyContent .dialog .bd .c .s {
 	background: transparent url(../../images/univback/ms.gif) repeat-x;
 	overflow: hidden;
	padding: 0px 5px 0px 10px;
	margin: 0 2px 0px 2px; /* changed from 0 2px 0 2px by Brandon Tam on Jan 2011*/
	height: 1%;
	line-height: 15px;
	font-size:12px; /* added by Brandon Tam on Jan 2011*/
	font-weight:normal; /* added by Brandon Tam on Jan 2011*/
	border:none; /* added by Brandon Tam on Jan 2011*/
}

#bodyContent .bcFeature .dialog .bd .c .s {	border:none; font-size:1em; font-weight:normal; padding:0px;} /* added by Brandon Tam on Jan 2011*/
#bodyContent .bcFeature .dialog .bd .c .s img {margin:0px;} /* added by Brandon Tam on Jan 2011*/

#bodyContent .bcFeatureTop {height:184px; background-color:#00adef; overflow: hidden;}
#bodyContent .bcFeatureTop h2 {font-size:28px; text-transform:uppercase; line-height:100%; font-weight:normal; margin-top:0px}
#bodyContent .bcFeatureTop img {float:left; display:inline;}
#bodyContent .bcFeatureTopContent {
	width:60%;
	float:left;
	margin:24px 19px;
	color:#fff;
	font-weight:bold;
	line-height:125%;}
#bodyContent .bcFeatureTopContent a:link,
#bodyContent .bcFeatureTopContent a:visited {color:#fff}
#bodyContent .bcFeatureTopContent a:hover {color:#fff; text-decoration:underline;}


#bodyContent .dialog .bd .c .s ul {margin-left:0px;}
#bodyContent .dialog .bd .c .s ol {margin-left:0px;} 

#bodyContent .dialog h2{
	font-size:14px; /* added by Brandon Tam on Jan 2011 to make consistent with the ps section*/
	line-height:100%;
	margin-top:0px;  /*added by Brandon Tam on Jan 2011 to tighten spacing */
	}

#bodyContent .dialog .bd .c .s h4,
#bodyContent .dialog .bd .c .s h5,
#bodyContent .dialog .bd .c .s h6,
#bodyContent .bcTwoCol .dialog .bd .c .s  ul,
#bodyContent .bcTwoCol .dialog .bd .c .s h4,
#bodyContent .bcTwoCol .dialog .bd .c .s h5,
#bodyContent .bcTwoCol .dialog .bd .c .s h6,
#bodyContent .bcTwoCol .dialog .bd .c .s p,
#bodyContent .dialog .bd .c .s img {
	margin-left: 10px;
}


.dialog .ft {
 	background: url(../../images/univback/bl.gif) no-repeat left top;
	height: 2px;
	margin: 0 1px;
	display:block;/* hide bottom for new dialogue box */
}

.dialog .ft .c {
 	background:transparent url(../../images/univback/br.gif) no-repeat right top;
	height: 2px;
}

/* ----- End Core Styles for Universal Background  -------*/



/* ------ end imported Styles to control particular elements using the universal background ---------------*/



/*** Common css file for CSS and TPS FC projects ***/

#bodyContent p { font-size: 12px;  line-height: 130%; margin-bottom: 10px;}

#bodyContent #Application table p {	margin-bottom: 12px; }

#Application .tableHeader2{
	font-size: 15px;
	color: #333333;
	background-color: #F2F2F2;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
	margin-top: 5px;
	margin-bottom: 20px;
}
#Application .tableHeader3 	{
	font-size: 11px;
	font-weight: bold;
	background-color: #F2F2F2;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}
#Application .dataTable td {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
#Application .borderBottom {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}

/*
#Application input {
	display: block;
	margin-top: 3px;
	float: left;}
#Application label {font-size: 12px; display: block; padding: 0px 0px 12px 0px; margin: 0px 0px 0px 30px}
*/

#Application label {font-size: 12px}

#Application .label {font-size: 11px; font-weight: bold;}
#Application .value {font-size: 12px}
#Application .right {text-align: right}
#Application .indent {padding-left: 20px}

#Application .formAction 	{
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0px 5px 0px;
	margin-top: 20px;
	width: 100%;
}
#Application .buttonSmall {width: 75px}
#Application input, #Application select, #Application textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#Application .readOnly {border: 0px solid transparent; font-size: 12px; background-color: transparent}
#Application .w25 { width: 25px}	
#Application .w50 { width: 50px}
#Application .w75 { width: 75px}
#Application .w100 {width: 100px}
#Application .w150 {width: 150px}
#Application .w200 {width: 200px}
#Application .w300 {width: 300px}

#Application #leftColumn {
	width: 48%;
	display: block;
	float: left;
	vertical-align: top;
/*	margin-right: 1%	
*/
}

#Application #rightColumn {
	width: 49%;
	display: block;
	margin-left: 50%;
	vertical-align: top;
/*	margin-right: 1%;
	float: right;
	clear: none;	
*/
}

#Application #message {font-size: 12px; font-weight: bold; border: 1px solid #7F9DB9; margin-bottom: 10px; padding: 10px}

#Application #summaryHeader {
	border: 1px solid #7F9DB9;
	padding: 8px 10px 8px 10px;
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 20px
}

#Application #summaryHeader H1 { font-size: 24px}

#Application #summaryHeader hr { height: 1px; color: #CCCCCC; }


#Application #listFilter, #Application #listFilter select { font-size: 12px}

#Application .required{
	background-image: url(../../image/required.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	background-position: left center;
}

#Application #accountHeader h2	{
	display: inline;
	margin-right: 20px;
}


#Application hr {
	color: #CCCCCC;
	height: 1px;
	margin: 0 auto 15px auto;
	text-decoration: none;
}
/* --- IDs and contextual Classes ---*/

    #Application .accountTab	{
      background-image: url(../../image/accountTab_inactive.gif);
      background-repeat: no-repeat;
      width: 190px;
      height: 31px;
      color: #999;
      font-size: 12px;
      text-align: center;
    }	

	
	 #Application .accountnumber {
   	  font-size: 11px;   	    	  
    }
    
    #Application .accountTabActive	{
      background-image: url(../../image/accountTab.gif);
      background-repeat: no-repeat;
      width: 190px;
      height: 31px;
      color: #999;
      font-size: 12px;
      text-align: center;
      font-weight: bold;
    }

    #Application .accountTab a, #Application .accountTabActive a	{	color: #999999;	}

	#Application .seeLink	{
      border-bottom: 1px solid #ccc;
      padding-bottom: 8px;
      margin-bottom: 10px;
      font-size: 11px;
      text-align: right;
    }
	
	#Application .tabRowEmpty	{
      background-image: url(../../image/tabRowEmpty.gif);
      background-repeat: repeat-x;
    }
    
	#Application .tabRowSpacer	{
		height: 1px;
		font-size: 1px;
    }
		
	#Application .sectionHeader	{
      padding: 2px 0px 0px 0px;
	  margin-top: 10px;
	  border-bottom: 1px solid #ccc;
    }
	
	#Application #leftColumn .sectionHeader, 	#Application #rightColumn .sectionHeader{
      padding: 2px 0px 0px 0px;
      margin-bottom: 10px;
	  border-bottom: 1px solid #ccc;
    }
	
#Application .bcGrayHeader {
	border-bottom: none;
	font-size: 12px;
	font-weight: bold;
/*
	padding: 5px;
	background-color: #F2F2F2;
	border-top: 1px solid #ccc;
*/
}


#Application .bcGrayBackground {
	background-color: #F2F2F2;
}

#Application .appNote	{
	padding: 5px;
	background-color: #F2F2F2;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	margin-bottom: 10px;
	width: 98%;
}

#Application #accountHeader	{
	vertical-align: middle;
	margin-bottom: 14px;
}

#Application #accountHeader .rFloatElem	{
	float: right; margin: 5px 10px;
}





/* --- CLASSES ---*/

#Application .valigntop	{
	vertical-align: top;
}

#Application .pinkBold {
	color: #EE0C6E;
	font-weight: bold;
}

/****** ERROR MESSAGE ***** */

 .errorMsg	{
	border-top: 1px solid #EE0C6E;
	border-bottom: 1px solid #EE0C6E;
	padding: 10px 20px 10px 50px;
	margin: 20px 0px 20px 0px;
	width: 80%;
	background-image: url(../../image/alert43x33.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	}
	
 .errorMsg p	{
		font-weight: bold;
		text-transform: uppercase;
	}

	#bodyContent .errorMsg ul	{
		padding: 0;
	}

	#bodyContent .errorMsg ul li	{
		background: transparent url(../../images/icons/arrow-icon.gif) 0px 2px no-repeat;
		color: #EE0C6E;
		font-weight: bold;
		margin: 5px 0;
	}

/* ***** end ERROR MESSAGE ***** */

/*****New code created 12 sep by ZZ*****/
#Application ul li{
	margin: 0;
	padding: 0 0 10px 20px;	
}
#Application .RightColBox-container ul li{
	margin: 0;
	padding: 0 0 5px 20px;	
}
#Application h4{
	color: #00adef;
}
#Application h3{
	color: #000;
	font-weight: bold;
	margin-left: 0px;
	padding: 0;		
}
#Application .RightColBox-container h4 {
	color: #00adef;
	font-size: 11px;
	font-weight: bold;
}

#Application .btn_flat	{
	background-image: url(../../image/button_flat_default.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #fff;
	border: 0px solid #fff;
	width: auto;
	overflow: visible;
	padding: 2px 10px 2px 18px;
	cursor: pointer;
}

#Application .btn_cancel	{
	background-image: url(../../image/button_flat_cancel.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 12px;
	height: 19px;
	color: #fff;
	border: 0px solid #fff;
	width: auto;
	overflow: visible;
	padding: 2px 10px 2px 18px;
	cursor: pointer;
}



.boxTitle	{
	margin-bottm: 10px;
}

/* This is the same as the RightColBox, except that the width needs to be variable, and the box may appear in the content area of the page. */

.GrayBox-background {
	margin: 0px 0px 20px 0px;
	background: #fff url(../../image/graybox_bg.png) repeat-x left top;
}	

.GrayBox-container {
	margin: 0px auto;
	background: url(../../image/graybox_outline.png) no-repeat right;	
}

.GrayBox-header {
	font-weight: bold;
	display: block;
	padding: 0px 0px 10px 0px;
/*	background: url(../../image/graybox_outline.png) no-repeat left;	*/
	z-index: 99;
	margin: 0px 0 5px 0;
	border-bottom: 1px dotted #ccc;
}

.GrayBox-header h1 {
	color: #00ADEF;
	text-transform:uppercase;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}

.GrayBox-header img {
	float: right;
	padding-right: 5px;
	border: 0;
}

.GrayBox-header p {
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

.GrayBox-top {
	width: 100%;
	height: 10px;
	background: url(../../image/graybox_outline.png) no-repeat left top;
	float: left;
}

.GrayBox-top span { /* empty span used for top right corner image anchor */
	display: block;
	position: relative;
	height: 10px;
	background: url(../../image/graybox_outline.png) no-repeat right top;	
	width: 50%;
	float: right;
}

.GrayBox-center-content {
	z-index: 99;
	position: relative;
	padding: 1px 10px 1px 10px;
	margin: 0px 0 -45px 0;
	background: url(../../image/graybox_outline.png) no-repeat left center;
/*
	margin: -5px 0 -45px 0;
*/
}

.GrayBox-center-content .boxTitle	{	border-bottom: 1px dotted #ccc;	}

.GrayBox-center-content h3 {
	color: #00aedf;
	margin: 0px 0px 0px -10px;
}

.GrayBox-center-content span {
	font-size: 11px;
	line-height: 1.2em;
}

.GrayBox-bottom {
	background: url(../../image/graybox_outline.png) no-repeat left bottom;
	height: 60px;	
}

.GrayBox-bottom span { /* empty span used for bottom right corner image anchor */
	display: block;
	position: relative;
	background: url(../../image/graybox_outline.png) no-repeat right bottom;
	width: 50%;
	float: right;
	height: 60px;	
}

#Application .GrayBox-center-content img.gray-outline-5px	{
	margin: 0px 10px 10px 0px;
}

#Application .GrayBox-center-content td	{
	vertical-align: top;
}



/* *************** end of GrayBox ***************** */




/* This is the same as the GrayBox, except with a sky-blue background as designed for the 2008 eCatalog build. */

.BlueSkyBox-background {
	margin: 0px 0px 20px 0px;
	background: #fff url(../../image/blueskybox_bg.png) repeat-x;	
}	

.BlueSkyBox-container {
	margin: 0px auto;
	background-image: url(../../image/blueskybox_outline_content.png);
	background-repeat: repeat-y;
}

.BlueSkyBox-header {
	color: #00B6F7;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 0px 0px 5px 0px;
	background: url(../../image/blueskybox_outline.png) no-repeat left;
}

.BlueSkyBox-header img {
	float: right;
	padding-right: 5px;
	border: 0;
}

.BlueSkyBox-header p {
	padding-left: 5px;
	margin: 0px;
}

.BlueSkyBox-top {
	width: 100%;
	height: 10px;
	background: url(../../image/blueskybox_outline.png) no-repeat left top;	
}

.BlueSkyBox-top span { /* empty span used for top right corner image anchor */
	display: block;
	position: relative;
	height: 10px;
	background: url(../../image/blueskybox_outline.png) no-repeat right top;	
	width: 50%;
	float: right;
}

.BlueSkyBox-center-content {
	z-index: 99;
	position: relative;
	padding: 1px 10px 1px 10px;
	margin: -5px 0 -45px 0;
	background-image: url(../../image/blueskybox_outline_content.png);
	background-repeat: repeat-y;
	background-position: right;
}

.BlueSkyBox-center-content .boxTitle	{
	border-bottom: 1px dotted #93D6F7;
	margin: 2px 0 5px 0;
	padding: 0 0 5px 0;
}

#Application .BlueSkyBox-center-content h3 {
	color: #000;
	margin: 0;
	padding:0;
}

.BlueSkyBox-center-content span {
	font-size: 11px;
	line-height: 1.2em;
}

.BlueSkyBox-bottom {
	background: url(../../image/blueskybox_outline.png) no-repeat left bottom;
	height: 60px;	
}

.BlueSkyBox-bottom span { /* empty span used for bottom right corner image anchor */
	display: block;
	position: relative;
	background: url(../../image/blueskybox_outline.png) no-repeat right bottom;
	width: 50%;
	float: right;
	height: 60px;	
}


/* *************** end of BlueSkyBox ***************** */





/* *************** Product Box ***************** */
/* for use on Technology Landing pages which feature large thumbnails with captions */

	#bodyContent .productBox	{
		width: 228px;
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px 10px 10px 0px;
	}
	
	#bodyContent .productBox .caption	{
		line-height: 16px;
		margin-bottom: 5px;
		padding: 0;
	}

	#bodyContent .productBox img	{
	border: 3px solid #cdcecc;
	clear: both;
	}
	
/* *************** end of Product Box ***************** */




/* ******************** eCatalog Incenives ******************** */ 

#Application .incent-elig-feat	{
	border-collapse: collapse; 
	display: table;
}

#Application .incent-elig-feat th	{
	font-size: 12px;
	padding: 0px 5px 10px 5px;
}

#Application .incent-elig-feat td.rectangle-rounded	{
	/* this style of box first used in eCatalog for the "Eligable Products" page. */
	background-image:url(../../image/rectangle_rounded.png);
	background-repeat:no-repeat;
	text-align: center;
	font-size: 12px;
	color: #000;
	height: 39px;
	width: 205px;
	min-width: 205px;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}

#Application .incent-elig-feat td.rectangle-rounded p	{
	text-align: center;
	padding: 3px 10px;
	line-height: 14px;
	font-size: 12px;
	width: 185px;
}

#Application .incent-elig-feat td.incent-arrow	{
	background-image: url(../../image/icon_arrowcircled.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
}

#Application .incent-elig-feat td.incent-value	{
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	width: 270px;
}


	
	/*********** Pagination ********** */
	.pageSelect	{
		font-size: 10px;
		text-align: right;	
		color: #ccc;
	}
	
	.pageSelect	a {
		width: 12px;
		padding: auto;
		margin: 1px;
		border: 1px solid #00AEDF;
		background-color: #fff;
		color: #00AEDF;
		display: inline-block;
		text-align:center;
		text-decoration:none;
	}
	
	.pageSelect	a:hover {
		background-color: #00AEDF;
		color: #fff;
		text-decoration: none;
	}
	
	.pageSelect	a.current {
		background-color: #00AEDF;
		color: #fff;
	}
	
	.pageSelect	a.disabled,
	.pageSelect	a.disabled:hover	{
		background-color: #fff;
		border-color: #b6b6b6;
		color: #b6b6b6;
		cursor: default;
	}
	
	.pageSelect	a.current:hover {
		background-color: #b6b6b6;
		border-color: #b6b6b6;
		cursor: default;
	}
	/*********** end of Pagination ********** */


/* ******************** end eCatalog Incentive ******************** */








/* ********** FIXES FOR SIDENAV FORMATTING ISSUES ********** */

	#sideBar #sideNav ul.bctier1,
	#sideBar #sideNav ul.bctier2,
	#sideBar #sideNav ul, 
	#sideBar #sideNav ul li,
	#sideBar #sideNav ul ul, 
	#sideBar #sideNav ul ul li, 
	#sideBar #sideNav ul ul ul,
	#sideBar #sideNav ul ul ul li,
	#sideNav ul li.highlighted,
	#sideNav ul li.highlighted ul	{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#sideBar #sideNav a	{
		margin-top: 6px;
		padding-bottom: 6px;
		display: block;
	} 

	#sideBar #sideNav h4 a	{
		margin-top: 0px;
		padding-bottom: 0px;
	} 

/* ********** end FIXES FOR SIDENAV FORMATTING ISSUES ********** */


	#bcMain #bodyContent {
	/* 	Corrects a formatting error in the "ElectricBoxes" caused by 
		fixing this line height to 15px in the global.css file. Sept 25, KD*/
		line-height: normal;
	/* 	width: 700px;	*/
	}


#bodyContent table.bcTable th,
#bodyContent table.bcTable td {
    border-top: 1px solid #d5d5d5;
    line-height: 15px; 
    margin: 0;
    padding: 10px 0 10px 10px;
	text-align: inherit;
	/* text-align: left moved to next declaration, to keep it from interfering with TDs where the default alignment is left. */
}

#bodyContent table.bcTable th {
    text-align: left;	/* moved from above - KD. */
    padding: 6px 0 6px 10px;
}



/* ----  Table Format 3    ---- */

#bodyContent table.bcTable3 {   
    border-bottom: 1px solid #d5d5d5;
    width: 100%;
}

#bodyContent table.bcTable3 caption {
    padding-bottom: 10px;
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
}

#bodyContent table.bcTable3 caption span.captionMargin {
    margin-left: 8px;
}

#bodyContent table.bcTable3 thead {
    background: #f4f4f4;
}

#bodyContent table.bcTable3 thead th a.bcSortDesc {
    background: transparent url(../../images/icons/sort-arrow-down.png) center right no-repeat;
}

#bodyContent table.bcTable3 thead th a.bcSortAsc {
    background: transparent url(../../images/icons/sort-arrow-up.png) center right no-repeat;
}

#bodyContent table.bcTable3 td {
    border-top: 1px solid #d5d5d5;  
    line-height: 15px;
    margin: 0 20px 0 0;
    padding: 6px 5px 6px 10px;
    vertical-align: middle; 
}

#bodyContent table.bcTable3 th {
    border-top: 1px solid #d5d5d5;
    line-height: 12px;
    margin: 0;
    text-align: left;
	padding: 6px 10px 6px 10px;
}


#bodyContent table.bcTable3 td.noBorder {
    border-top: none;
}

#bodyContent div.tabswrapper table.bcTable3 {
    margin-top: -10px;
    clear: both; /* Added this on 8/12/2008, Developer Notes */
}


#bodyContent table.bcTable3 td.bcTdBg {
    margin-left: 10px;
    background: transparent url(../../images/icons/arrow-icon.gif) no-repeat 20px 12px;
    padding-left: 35px;
}

#bodyContent table p {
    margin: 0;
    padding: 0;
}

/* ---- End .bctable3 ------- */



#bodyContent #Application table.bcTable3 td.centered {
	text-align: centered;
}

#bodyContent #Application table.bcTable td, 
#bodyContent #Application table.bcTable2 td, 
#bodyContent #Application table.bcTable3 td {
	background-color: #fff;
    margin: 0;  /* there was a 20px right margin applied here in WSM.css for some reason, doesn't seem to do anything and if it did it would cause problems. KD */
}




#bodyContent #Application .bcTable tr.altRow td,
#bodyContent #Application .bcTable2 tr.altRow td,
#bodyContent #Application .bcTable3 tr.altRow td {
	background-color: #F4F4F4; 
}

#bodyContent #Application .featureTable	{
	margin: 0 0 10px 0;
}

#bodyContent #Application .featureTable td	{
	padding: 0px 10px 2px 0px;
	display: table-cell;
	vertical-align: top;
}

	#bodyContent #Application table.bcTable3 td.gray	{
		background-color: #F4F4F4;
	}

	#bodyContent #Application table.bcTable3 td.bordertop	{	border-top: 1px solid #D5D5D5;	}

	#bodyContent #Application table.bcTable3 td.borderbot	{	border-bottom: 1px solid #D5D5D5;	}

	#bodyContent #Application table.bcTable3 th.bluehead	{	background-color: #E7F7FE; }
	
	#bodyContent #Application table.bcTable td, 
	#bodyContent #Application table.bcTable2 td, 
	#bodyContent #Application table.bcTable3 td,
	#bodyContent #Application table.bcTable th, 
	#bodyContent #Application table.bcTable2 th, 
	#bodyContent #Application table.bcTable3 th {
		font-size: 11px;
	}

	#bodyContent #Application table.bcTable3 a.formButton	{
		line-height: 10px;
		margin-bottom: 0px;
		vertical-align: middle;
	}
	

#bodyContent table.bcTable td,
#bodyContent table.bcTable2 td,
#bodyContent table.bcTable3 td {
/*	correct inappropriate borders on table cells - should only appear on top and bottom edges of table, and TH rows. 	*/
	border: 0;
}

#bodyContent table.bcTable th,
#bodyContent table.bcTable2 th,
#bodyContent table.bcTable3 th {
	border-bottom: 1px solid #D5D5D5;
}






/* PaddingX classes are used to counter the default cell padding value of the bcTable style tables, which are too large for use as nested tables. */

	#bodyContent #Application table.padding0 td	{	padding: 0px 5px 0px 0px;	}
	#bodyContent #Application table.padding0 th	{	padding-left: 0px;	}
	#bodyContent #Application table.padding2 th	{	padding: 5px 5px;	}
	#bodyContent #Application table.padding2 td	{	padding: 2px 5px;	}
	#bodyContent #Application table.padding4 th {	padding: 5px 5px;	}
	#bodyContent #Application table.padding4 td	{	padding: 4px 5px;	}



/* *************** end PaddingX *************** */








/* *************** eCat Curved Boxes *************** */

#ecatSplat .ecatCurvedBox {
	width: 225px;
	margin-bottom: 10px;
	margin-right: 10px;
}

#ecatSplat .ecatCurvedBox h1, #ecatSplat .ecatCurvedBox h2, #ecatSplat .ecatCurvedBox h3 {
	font-size: 12px;
	font-weight:bold;
	padding: 5px;
	margin: 0px;
	border-bottom: 0px solid #fff;
	text-transform: none;
	line-height: 14px;
}
#ecatSplat .ecatCurvedBox li, 
#ecatSplat .ecatCurvedBoxContent p {
	padding: 0px 10px 10px 10px;
	font-size: 12px;
}
#ecatSplat .ecatCurvedBox td {
	vertical-align: top;
}
#ecatSplat .ecatCurvedBox ul, #ecatSplat .ecatCurvedBox ol {
	margin: 0px 10px 10px 10px;
	padding: 0px;
	background-color: #fff;
}
#ecatSplat .ecatCurvedBox li {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 10px;
}
#ecatSplat li.pip-incent {
	list-style-image: url(../../image/bullet_pip_incentive.png);
	background: none;
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
}
#ecatSplat li.no-incent {
	list-style-image:url(../../image/bullet_pip_noincentive.png);
	background: none;
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
}

#ecatSplat .noRightMargin {
	margin-right: 0px;
}


.ecatCurvedBoxHead {
	background: url(../../image/blueinteriorbox_outline.png) no-repeat top;
	margin: 0;
	line-height: 14px;
	padding: 6px 10px;
}

.ecatCurvedBoxHead a	{
	font-weight: bold;
}

.ecatCurvedBoxContent {
	background: url(../../image/blueinteriorbox_outline.png) no-repeat bottom;
	padding-bottom: 10px;
	margin: 0;
}

/* *************** end eCat Curved Boxes *************** */
















/* *************** Image Outlines *************** */
#Application .gray-outline-2px	{
	background-color: #FFFFFF;
	border: 2px solid #CCC;
}

#Application .gray-outline-3px	{
	background-color: #FFFFFF;
	border: 3px solid #CCC;
}

#Application .gray-outline-5px	{
	background-color: #FFFFFF;
	border: 5px solid #CCC;
}
/* *************** end Image Outlines *************** */





/* *********************** CLASSES *********************** */

#Application .product-count	{
	padding: 5px;
	margin: 0px 0px 10px 10px;
	float: right;
	width: 180px;
}

#bodyContent #Application .centered {
	text-align: center;
}

.dotted	{
	color: #CCCCCC;
	border-top: 1px dotted #ccc;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
}

#Application .marginTop	{
	margin-top: 10px;
	margin-bottom: 0px;
}

#bodyContent table.bcTable3 th.right { text-align: right;	}

.marginV10	{	margin: 10px 0;	}

.contextualFields	{
	background-color:#EBEBEB;
	margin: 10px 0;
}

.contextualFields td	{
	padding: 3px 0px 3px 10px;
} 

.tableInvisible	{
	margin: 0 0 20px 0;
	clear: both;
}

.tableInvisible td	{
	padding: 5px 10px 5px 0px;
}

.block	{
	display:block; 
	overflow: auto	
}

	
/* *********************** end CLASSES *********************** */



/* *********************** Smaller TABS *********************** */


#Application .tab150	{}

#Application .tab150	.accountTabActive	{
	background-image: url(../../image/accountTab150.gif);
	width: 150px;
	cursor: pointer;
}

#Application .tab150	.accountTab	{
	background-image: url(../../image/accountTab150_inactive.gif);
	width: 150px;
	cursor: pointer;
}

#Application .tab150	.tabRowEmpty	{} 

/* *********************** end Smaller TABS *********************** */


/* ********** LEVEL 2 TABS ********** */

	#Application	.secondLevelAccountTab	{
		background-color: #F1F2EE;
		border-bottom: 1px solid #E4E4E4;
		border-left: 1px solid #E4E4E4;
		border-collapse: collapse;
		color: #00ADEF;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
		cursor:pointer;
    }
    

	#Application .rightEnd	{
		border-right: 1px solid #E4E4E4;
    }
    
	
	#Application	.secondLevelAccountTabDisabled	{
		background-color: #F1F2EE;
		border-bottom: 1px solid #E4E4E4;
		border-left: 1px solid #E4E4E4;
		border-collapse: collapse;
		color: #CCC;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
    }
    
	#Application	.secondLevelChallengeTab	{
		background-color: #F1F2EE;
		border-bottom: 1px solid #E4E4E4;
		border-left: 1px solid #E4E4E4;
		border-collapse: collapse;
		color: #00ADEF;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
    }
    
	#Application	.secondLevelTabActive	{
		background-color: #FFF;
		border-bottom: 1px solid #E4E4E4;
		border-left: 1px solid #E4E4E4;
		border-collapse: collapse;
		color: #666666;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
    }


/* ********** end LEVEL 2 TABS ********** */