/***********************************************************************
	Common Styles
***********************************************************************/
  
html, body
{
	padding: 0;
	margin: 0;
}

body
{
	background-color: #e5e5e5;
}

body, td, input, select, textarea
{
	font-family: Lucida Grande, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

h1
{
	margin:0 0 5px 0;
	padding: 0;
	font-size: 18px;	
	font-weight: normal;
}

h2
{
	margin: 0;
	padding: 0;
	font-size: 14px;
}

h3
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
}

h3 span { color: #5d80a3; }

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

a 
{ 
	outline:none; 
	color: #5d80a3;
}

img { border: none; }

ul
{
	padding:0 0 10px 20px;
	margin:0;
}

.floatRight { float: right; }

.additionalTopPadding { padding-top: 5px; }

.grayTextSmall
{
	color: #999999;
	font-size:10px;
}

.clear
{
    clear: both;
    overflow: hidden;
    height: 1px;
}

/***********************************************************************
	Dynamic Button - Styles
***********************************************************************/

.buttonHolder
{
	width: 400px;
	margin: 0 auto;
	margin-top: 10px;
} 

.button
{
	text-align: center;
	cursor: pointer;
	background: transparent url(../images/buttons/btn.png) no-repeat right top;
}

.button:hover
{
     background-position: no-repeat 0 -21px;
}

a.button, #leftNavigation ul li a.button, .formContent table a.button
{
	position:relative;
    background: transparent url(../images/buttons/btnRight.png) no-repeat right top;
    color: #444;
    display:inline-block;    
    height: 21px;
    padding: 0 11px 0 0;
    text-decoration: none;
}
a.button:hover, #leftNavigation ul li a.button:hover, .formContent table a.button:hover
{
     background-position: right -21px;
}
a.button[disabled="disabled"],
a.button.disabled
{
     background-position: right top;
     color: #999;
}

a.button span, #leftNavigation ul li a.button span, .formContent table a.button span
{
    background: transparent url(../images/buttons/btnLeft.png) no-repeat;
    padding: 4px 2px 0 11px; 
    height: 17px;
	display:block;   
	cursor: pointer; 
	text-align: center;
}
a.button:hover span, #leftNavigation ul li a.button:hover span, .formContent table a.button:hover span
{
     background-position: 0 -21px;
}
a.button[disabled="disabled"] span,
a.button.disabled span
{
     background-position: 0 0;
     cursor: default;
}

a.button.small
{
	padding: 0 7px 0 15px;
	margin-right:3px;
	margin-left:0px;
}

a.button.small span
{
	position:absolute;
	left:0px;
	top:0;
    padding: 2px 0 2px 7px;    
    font-size:14px;
    font-weight:normal;
}

a.button.large
{
	font-size:14px;
	font-weight: bold;
}

a.button.large span.textWithImage span
{
	float:left;
	position:relative;
	display: inline-block;
	background-image:none;
	top: -5px;
	left: -2px;
} 

.productContainer .body a.button { font-weight: normal; }

a.block
{
	display:block;
}

/***********************************************************************
	Dividers - Styles
***********************************************************************/

.dividerLineRed
{
	background: url(../images/common/bkgdDividerRedTile.gif) repeat-x left bottom;
	margin: 0 0 15px 0;
	height: 1px;
	line-height: 0;
}

.dividerLineGray
{
	background: url(../images/common/bkgdDividerGrayTile.gif) repeat-x left bottom;
	margin: 5px 0 15px 0;
	height: 1px;
	line-height: 0;
}

.dividerLineGrayShort
{
	background: url(../images/common/bkgdDividerGrayTile.gif) repeat-x left bottom;
	margin: 5px 0 0 0;
	height: 1px;
	line-height: 0;
}

.grayDivider, .shoppingCartTable td.tableOutideFull div.grayDivider, .shoppingCartTable td.tableOutideFull div.grayDivider2, .shoppingCartTable td.tableOutideFull2 div.grayDivider2
{
	background: url(../images/common/bkgdDividerGrayTile.gif) repeat-x left bottom;
	margin: 0;
	padding:15px 0 11px 10px;
	float:none;
}

.tableOutsideLeft div.grayDivider 
{
	margin-left:10px;
}
.tableOutsideRight div.grayDivider 
{
	margin-right:10px;
}

.tableOutsideRight2 div.grayDivider 
{
	margin-right:10px;
}
.shoppingCartTable td.tableOutsideRight2 
{
	padding:0 0 0 0px;
}
.dividerLineGrayShortNoMargin
{
	background: url(../images/common/bkgdDividerGrayTile.gif) repeat-x left bottom;
	margin: 0;
	height: 1px;
	line-height: 0;
}           

/***********************************************************************
	Structure - Styles
***********************************************************************/

#container
{
	position: relative;
	margin: 20px auto 0;
	width: 970px;	
	text-align: left;	
}

#header
{
	height: 95px;
}

#loginWelcome
{
	position: absolute;
	top: 70px;
	left: 0;
	font-size: 14px;
}

#globalNavigation
{
	position: absolute;
	top: 70px;
	right: 10px;
	font-size: 11px;
	color: #999999;
}

#leftColumn
{
	width: 180px;
	float: left;
	margin-right: 10px;
}

#rightColumn
{
	width: 780px;
	float: left;
	position: relative;
}

#rightColumnInner
{
	padding: 0 19px;
	min-height: 445px; 
	height: auto !important;
	height: 445px;
	border-left: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
	background-color: #FFFFFF;
	}

#mainContentTopCapper
{
	width: 780px;
	height: 20px;
	background: url(../images/common/bkgd780WhitePagePanelTop.gif) no-repeat 0 0;
}

#mainContentBottomCapper
{
	width: 780px;
	height: 20px;
	background: url(../images/common/bkgd780WhitePagePanelBtm.gif) no-repeat 0 0;
}

#mainContentTopCapperReports
{
	width: 800px;
	height: 20px;
	background: url(../images/common/bkgd800WhitePagePanelTop.gif) no-repeat 0 0;
}

#mainContentBottomCapperReports
{
	width: 800px;
	height: 20px;
	background: url(../images/common/bkgd800WhitePagePanelBtm.gif) no-repeat 0 0;
}

#footer
{
	margin-top: 5px;
	color: #999999;
	position: relative;
}

/*******************************************************************************
	Two Column Panel - Styles
*******************************************************************************/

#leftColumnPanel, #rightColumnPanel
{
	float: left;
	width: 360px;
	position: relative;
}

#leftColumnPanel
{
	margin: 0 20px 0 0;
}


/***********************************************************************
	Navigation elements
***********************************************************************/
#navigation
{
	background:transparent url(../images/topNav/hdrNav.gif) no-repeat scroll left top;
	width: 726px;
	height: 39px;
	position: absolute;
	top: 0;
	left: 234px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
}

#navigation li
{
	float:left;
	height:39px;
	width: 121px;
	list-style-type:none;
}

#navigation a
{
	display:block;
	height:39px;
}

#navStore a { background: url(../images/topNav/hdrNav.gif) no-repeat 0 0; }
#navStore a:hover { background: url(../images/topNav/hdrNav.gif) no-repeat 0 -39px; }
#navStore a:active { background: url(../images/topNav/hdrNav.gif) no-repeat 0 -78px; }
#navStore.navOn a { background: url(../images/topNav/hdrNav.gif) no-repeat 0 -117px; }
#navStore.navOn a:hover, #navStore.navOn a:active  { background: url(../images/topNav/hdrNav.gif) no-repeat 0 -117px; }

#navTools a { background: url(../images/topNav/hdrNav.gif) no-repeat -121px 0; }
#navTools a:hover { background: url(../images/topNav/hdrNav.gif) no-repeat -121px -39px; }
#navTools a:active { background: url(../images/topNav/hdrNav.gif) no-repeat -121px -78px; }
#navTools.navOn a { background: url(../images/topNav/hdrNav.gif) no-repeat -121px -117px; }
#navTools.navOn a:hover, #navTools.navOn a:active  { background: url(../images/topNav/hdrNav.gif) no-repeat -121px -117px; }

#navBlogs a	{ background: url(../images/topNav/hdrNav.gif) no-repeat -242px 0; }
#navBlogs a:hover { background: url(../images/topNav/hdrNav.gif) no-repeat -242px -39px; }
#navBlogs a:active { background: url(../images/topNav/hdrNav.gif) no-repeat -242px -78px; }
#navBlogs.navOn a { background: url(../images/topNav/hdrNav.gif) no-repeat -242px -117px; }
#navBlogs.navOn a:hover, #navBlogs.navOn a:active  { background: url(../images/topNav/hdrNav.gif) no-repeat -242px -117px; }

#navContact a	{ background: url(../images/topNav/hdrNav.gif) no-repeat -363px 0; }
#navContact a:hover { background: url(../images/topNav/hdrNav.gif) no-repeat -363px -39px; }
#navContact a:active { background: url(../images/topNav/hdrNav.gif) no-repeat -363px -78px; }
#navContact.navOn a { background: url(../images/topNav/hdrNav.gif) no-repeat -363px -117px; }
#navContact.navOn a:hover, #navContact.navOn a:active  { background: url(../images/topNav/hdrNav.gif) no-repeat -363px -117px; }

#navCalendar a	{ background: url(../images/topNav/hdrNav.gif) no-repeat -484px 0; }
#navCalendar a:hover { background: url(../images/topNav/hdrNav.gif) no-repeat -484px -39px; }
#navCalendar a:active { background: url(../images/topNav/hdrNav.gif) no-repeat -484px -78px; }
#navCalendar.navOn a { background: url(../images/topNav/hdrNav.gif) no-repeat -484px -117px; }
#navCalendar.navOn a:hover, #navCalendar.navOn a:active  { background: url(../images/topNav/hdrNav.gif) no-repeat -484px -117px; }

#navReports a	{ background: url(../images/topNav/hdrNav.gif) no-repeat -605px 0; }
#navReports a:hover { background: url(../images/topNav/hdrNav.gif) no-repeat -605px -39px; }
#navReports a:active { background: url(../images/topNav/hdrNav.gif) no-repeat -605px -78px; }
#navReports.navOn a { background: url(../images/topNav/hdrNav.gif) no-repeat -605px -117px; }
#navReports.navOn a:hover, #navReports.navOn a:active  { background: url(../images/topNav/hdrNav.gif) no-repeat -605px -117px; }


/***********************************************************************
	Left Navigation elements
***********************************************************************/

#leftNavigation
{
	padding-bottom: 15px;
	margin-bottom: 10px;
	width: 170px;
	background: url(../images/callouts/callDivider.gif) no-repeat left bottom;
}

#leftNavigation li span
{
	color:#333333;
}

#leftNavigation li .disabled
{
	color: #999999;  
	cursor: auto;
	cursor: default;   
}

#leftNavigation ul
{
	margin: 0;
	padding: 0;	
	list-style:none;
}

#leftNavigation ul li 
{ 
	position: relative; 
	margin: 0;
	padding: 0; 
}

#leftNavigation ul li.topLi
{
	position: relative;
	height: 30px;
	background: url(../images/sideNav/sideNav.gif) no-repeat 0 0;
}

#leftNavigation ul li.topLi span
{
	font-size: 12px;
	padding: 2px 0 5px 25px;
	position: relative;
	top: 7px;
	left: 8px;
}

#leftNavigation ul li.topLi span.search
{
	background: url(../images/icons/iconSearch.png) no-repeat 0 0;
}

#leftNavigation ul li.topLi span.customize
{
	background: url(../images/icons/iconCustomize.png) no-repeat 0 0;
}

#leftNavigation ul li a
{
	cursor: pointer;
	background: url(../images/sideNav/leftNavigationBkgd.gif) no-repeat 0 0;
	display: block;
	text-decoration: none;
	padding: 10px 10px 10px 20px;
	position: relative;
	color: #333333;
}

#leftNavigation ul li a span
{
	background: url(../images/icons/iconArrowCollapsed.png) no-repeat 0 5px;
	display: block;
	margin-left: -8px;
	padding-left: 8px;
}

.calendar a
{
	cursor: pointer;
	text-decoration: none;
	padding: 0!important;
	color: #333333;
	background: transparent!important;
}

.Library
{
	cursor: pointer;
	text-decoration: none;
	padding: 0!important;
	color: #333333;
	background: transparent!important;
}

.Library:hover
{
	cursor: pointer;
	text-decoration: none;
	padding: 0!important;
	color: #5D80A3!important;
	background: transparent!important;
}

.navLevelTwo
{
	display: none;
	background-color: #edf3fe;
	padding: 10px;
	width: 150px;
}

input#keywordInput
{
	width: 95px;
	margin-right: 10px;
	padding: 1px;	
	color: #666666;
}

input#ctl00_keywordInput
{
	width: 95px;
	margin-right: 10px;
	padding: 1px;	
	color: #666666;
}

#leftNavigation .questionMark
{
	background: url(../images/icons/iconWhatIsThis.png) no-repeat 0 0;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.formContent table a.questionMark
{
	width: 14px;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	margin-left: 5px;
	background: transparent url('../images/icons/iconWhatIsThis.png') no-repeat 0 0;
}

.navLevelTwo ul li .completed
{
	background: url(../images/icons/iconCheckmark.png) no-repeat 0 0;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: -7px;
}

#leftNavigation ul li a span.completed
{
	background: url(../images/icons/iconCheckmark.png) no-repeat 0 0;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 23px;
	left: 4px;	
	display:block;	
	margin:0;
	padding:0;
	
}

/* Nav Level Two */
#leftNavigation ul li .navLevelTwo ul { padding-top: 4px; }
#leftNavigation ul li .navLevelTwo ul li a
{
	background: none;
	height: auto;
	padding-top: 0;
	padding-left: 10px;
	padding-bottom: 4px;
}


/* Nav Level Three */
#leftNavigation ul li .navLevelThree
{
	display: none;
	width: 150px;
}

#leftNavigation ul li .navLevelThree ul { padding-top: 0; }

#leftNavigation ul li .navLevelThree ul li a
{
	padding-left: 20px;
	color: #333333;
}

.activePage, #leftNavigation ul li .navLevelTwo ul li a.activePage, #leftNavigation ul li .navLevelThree ul li a.activePage
{
	text-decoration: none;
	color: #D64E49;
	cursor: default; 
	cursor: auto;
}

/* Different Button positions */
.cartButton
{
	position:absolute;
	top: 10px;
	left: 175px;
	right:25px;
}

.cartButtonNoQuotes
{
	position:absolute;
	top: 21px;
	left: 195px;
}

.noYellowBar .chartButton { top: 21px; }



/***********************************************************************
	Footer elements
***********************************************************************/

#footer p
{
	padding:0 0 5px 0;
	margin: 0;
}
#footer p span	{ padding: 0 5px;}

#footer a { color: #666666; }
#footer .powered
{
	position: absolute;
	top: 0;
	right: 0;
}


/*******************************************************************************
	Blue Panel - 740px - Styles
*******************************************************************************/

.oneColumnTopCapper
{
	background: url(../images/common/bkgd740BluePanelTop.gif) no-repeat 0 0;
	height: 10px;
}

.oneColumnBody
{
	background: url(../images/common/bkgd740BluePanelMid.gif) repeat-y 0 0;
	padding: 0 10px;
}

.oneColumnBtmCapper
{
	background: url(../images/common/bkgd740BluePanelBtm.gif) no-repeat 0 0;
	height: 10px;
}


/*******************************************************************************
	Small Blue Panel - 360px - Styles
*******************************************************************************/

.smallBluePanelTopCapper
{
	background: url(../images/common/bkgd360WhitePreviewPanelTop.gif) no-repeat 0 0;
	height: 10px;
}

.smallBluePanelBody
{
	background: url(../images/common/bkgd360WhitePreviewPanelMid.gif) repeat-y 0 0;
	padding: 0 10px;
}

.smallBluePanelBtmCapper
{
	background: url(../images/common/bkgd360WhitePreviewPanelBtm.gif) no-repeat 0 0;
	height: 10px;
}

.smallWhitePanel
{
	width: 340px;
	margin: 0 auto 10px auto;
}

.smallWhitePanelTopCapper
{
	background: url(../images/common/bkgd340WhitePreviewPanelTop.gif) no-repeat 0 0;
	height: 20px;
}

.smallWhitePanelBody
{
	background-color: #FFFFFF;
	border-left: solid 1px #D6D6D7;
	border-right: solid 1px #D6D6D7;
	padding: 0 19px;
}

.smallWhitePanelBtmCapper
{
	background: url(../images/common/bkgd340WhitePreviewPanelBtm.gif) no-repeat 0 0;
	height: 23px;
}


/*******************************************************************************
	Large Blue Panel - 720px - Styles
*******************************************************************************/

.largeBluePanelTopCapper
{
	background: url(../images/common/bkgd720WhitePanelTop.gif) no-repeat 0 0;
	height: 10px;
}

.largeBluePanelBody
{
	background-color: #FFFFFF;
	border-left: solid 1px #D6D6D7;
	border-right: solid 1px #D6D6D7;
	padding: 9px 19px;
}


.largeBluePanelBtmCapper
{
	background: url(../images/common/bkgd720WhitePanelBtm.gif) no-repeat 0 0;
	height: 10px;
}


/*******************************************************************************
	Bottom Button - Styles
*******************************************************************************/
.bottomTabContainer
{
	text-align:center;
}

.bottomTab
{
	position:relative;
	background: url(../images/common/bkgdTabMiddleBtmTile.gif) no-repeat 0 0;
	display:inline;
	padding: 15px 40px 20px 40px;
	text-align:center;
	top:5px;
	margin:0 auto;
}

.bottomTab a
{
	padding: 0 5px;
	font-weight: bold;
}

.bottomTab span.spacing
{
	position:absolute;
	top:0;
	right:0;
	background: url(../images/common/bkgdTabBtmRight.gif) no-repeat 0 0;
	height: 41px;
	width: 40px;						
}

.bottomTab span
{
	position:absolute;
	top:0;
	right:0;
	background: url(../images/common/bkgdTabBtmRight.gif) no-repeat 0 0;
	height: 41px;
	width: 40px;						
}

.bottomTab select
{
	margin: 0;
	padding: 0;
	width: 100px;
	display: inline;
	font-size:10px;
}

.bottomTab div.divider 
{ 
	display:inline;
	margin: 0 5px; 
}

.bottomTab div.noText
{ 
	display:inline;
	margin: 0; 
}

.bottomTab .pageLinks
{
	display: inline;
}


.bottomTab .pageLinks a { font-weight: normal; }
.bottomTab .pageLinks a.activePage { font-weight: bold; }

a.disabled
{
	text-decoration: none;
	cursor: auto;	
	cursor: default;
}

a.favorite
{
	background:url(../images/icons/iconFavorite.png) no-repeat 0 0;
	padding-left:20px;
}

a.enlarge
{
	background:url(../images/icons/iconEnlarge.png) no-repeat 0 0;
	padding-left:20px;
}

a.saveDraft
{
	background:url(../images/icons/iconSave.png) no-repeat 0 0;
	padding-left:20px;
}


.bottomTabContainer .previousButton
{
	position: absolute;
	top: 18px;
	left: -75px;
}

.bottomTabContainer .previousButton a
{
	padding: 0 0 0 20px;
	background:url(../images/icons/iconPreviousEnabled.png) no-repeat 0 0;
	height: 50px;
	display: block;
}

.bottomTabContainer .nextButton
{
	position: absolute;
	top: 18px;
	right: -50px;
}

.bottomTabContainer .nextButton a
{
	padding: 0 20px 0 0;
	background:url(../images/icons/iconNextEnabled.png) no-repeat top right;
	height: 50px;
	display: block;
}


/***********************************************************************
	MyCart - Styles
***********************************************************************/
.myCartTop
{
	float: right;
	width: 270px;
	height: 74px;
	background: url(../images/common/bkgdTabMyCart.gif) no-repeat 0 -74px;
	margin: -20px -20px 0 0;
	position: relative;
}

.myCartTop .header
{
	background: url(../images/icons/iconMyCart.png) no-repeat 0 0;
	margin: 10px 0 0 5px;
	width: 100px;
	height: 48px;
	padding: 1px 0 0 45px;
	font-size: 14px;
}

.myCartTop .chartItems
{
	position: absolute;
	top: 12px;
	left: 120px;
}

.myCartTop .chartYellowBar
{
	position: absolute;
	top: 45px;
	left: 50px;
	font-size: 10px;
	color: #999999;
}

.myCartTop .chartYellowBar a 
{ 
	font-size: 10px; 
	padding-left: 5px;
}

/* IF the chart does not have the yellow bar */
.noYellowBar {background: url(../images/common/bkgdTabMyCart.gif) no-repeat 0 0;}
.noYellowBar .header { padding: 12px 0 0 45px; }
.noYellowBar .chartItems { top: 23px; }
.noYellowBar .chartYellowBar { display: none; }



/*******************************************************************************
	Preview : Above Bottom Tabs - Styles
*******************************************************************************/
.previewPage
{
	text-align: center;
	margin-top: 10px;
}

.previewPage span
{
	font-weight: bold;
	padding-right: 8px;
}
.previewPage a 
{ 
	/*padding: 0 5px; */
	line-height: 20px;
}
.previewPage a.arrow
{
	width: 14px;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	padding: 0;
}

.previewPage a.active 
{
	text-decoration: none;
	color: #D64E49;
	cursor: default; 
	cursor: auto;
	font-weight: bold;
}

.packagePrice
{
	color: #5D80A3;
	font-size: 13px;
	font-weight: bold;
}

.previewPage a.disabledLeft{ background: transparent url('../images/icons/iconPreviousDisabled.png') no-repeat 0 0; cursor: default; cursor: auto; }
.previewPage a.enabledLeft{ background: transparent url('../images/icons/iconPreviousEnabled.png') no-repeat 0 0; }
.previewPage a.disabledRight{ background: transparent url('../images/icons/iconNextDisabled.png') no-repeat 0 0; cursor: default; cursor: auto; }
.previewPage a.enabledRight{ background: transparent url('../images/icons/iconNextEnabled.png') no-repeat 0 0; }


/*******************************************************************************
	Next Button - Styles
*******************************************************************************/
.backButton
{
	padding: 0 0 0 20px;
	background:url(../images/icons/iconPreviousEnabled.png) no-repeat 0 0;
}


/*******************************************************************************
	BreadCrumb - Styles
*******************************************************************************/
#breadCrumb
{
	float: left;
	padding: 5px 0 1px 0;
}

#breadCrumb h1
{
	display:inline;
}


#breadCrumb span { margin: 0 3px; }

h1.iconHeader
{
	padding-bottom: 30px;
	padding-left: 50px;
	background: transparent url('../images/icons/iconMyCart.png') no-repeat top left;
}


/*******************************************************************************
		Product Items - Styles
*******************************************************************************/
	
#productItemsTable
{
	padding: 0 10px;
}

.productContainer
{
	width: 234px;
	margin: 0 6px 0px 0;
	display:inline-table;
	width: 234px;
	float:left;
}

.productContainer .topCapper
{
	background: url(../images/common/bkgd234WhitePanelTop.gif) no-repeat 0 0;
	height: 10px;
}

.productContainer .body
{
	background-color: #FFFFFF;
	border-left: solid 1px #D6D6D7;
	border-right: solid 1px #D6D6D7;
	padding: 3px 10px 0 10px;
	height: 145px;
	font-weight: bold;
}

.productContainer .productCategoryStyle
{
	color: #999999;
	font-weight: normal;
}

.productDetailsPrice { color: #5D80A3; }

.productDetailsPrice a { font-weight: normal; }

.productContainer .body table { margin-top: -10px; width:100% }

.productContainer .body table td
{
	padding: 5px 0;
	vertical-align: top;
}

.productContainer .btmCapper
{
	background: url(../images/common/bkgd234WhitePanelBtm.gif) no-repeat 0 0;
	height: 13px;
}

.productContainer .body table td.noBottomPadding { padding-bottom: 0; }

/*******************************************************************************
	Yellow Customized Package Alert Container - Styles
*******************************************************************************/

.yellowCustomizedAlertContainer
{
	width: 360px;
	text-align: center;
	padding: 10px 0 15px 0;
}

.yellowCustomizedAlertTopCapper
{
	background: url(../images/common/bkgd360YellowBoxTop.gif) no-repeat 0 0;
	height: 10px;
}

.yellowCustomizedAlertBody
{
	background: url(../images/common/bkgd360YellowBoxMid.gif) repeat-y 0 0;
	padding: 0 20px;
}

.yellowCustomizedAlertBtmCapper
{
	background: url(../images/common/bkgd360YellowBoxBtm.gif) no-repeat 0 0;
	height: 10px;
}


/*******************************************************************************
	Yellow Updated Alert Container - Styles
*******************************************************************************/

.yellowUpdatedCartContainer
{
	width: 360px;
	margin-bottom: 2px;
}

.yellowUpdatedCartBody
{
	background: #FFFFFF url(../images/common/bkgd360AddToCartBox.gif) no-repeat 0 0;
	text-align: center;
	padding: 3px 0;
}


/*******************************************************************************
	Form : Table Items - Styles
*******************************************************************************/
.steps
{
	font-size: 18px;
}

.customizeHeader
{
	color: #5D80A3;
}

.required { color: #D64E49; }

.maxCharacters 
{ 
	color: #999999;
	padding-left: 3px; 
}

.formContent
{
	position: relative;
}

.formContent table
{
	width: 360px;
}

.formContent table td
{
	padding-bottom: 2px;
}

.formContent table td.bottomTD
{
	padding-bottom: 5px;
}

.formContent table #imageInput 
{ 
	width: 215px;
	margin-right: 10px;
}

.formContent table select
{
	width: 305px;
	margin: 0;
	padding: 0;
}

.formContent table #headlinesInput, .formContent table #subHeadlinesInput, .formContent table #bullet1Input, .formContent table #bullet2Input, .formContent table #bullet3Input, .formContent table #buttonlabel1Input
{ 
	width: 300px; 
}

.formContent table #link1Input, .formContent table #urlInput
{
	width: 290px; 
}

.formContent table #listNameInput, .formContent table #descriptionTextArea
{
	width: 355px; 	
}

.formContent table #descriptionTextArea
{
	width: 355px; 	
	height:100px;
}

.formContent table #bodyTextArea
{
	width: 300px;
	height: 80px;
	padding: 3px 0 1px 2px;
	border: 1px solid #666666;
	margin-bottom: 15px;
}

.formContent table tr td div.formSectionTopCapper
{
	width: 360px;
	height: 10px;
	margin-top: 10px;
	background: url(../images/common/bkgd360WhiteBoxTop.gif) no-repeat 0 0;
}

.formContent table tr td div.formSectionMiddle
{
	width: 360px;
	background: url(../images/common/bkgd360WhiteBoxMid.gif) repeat-y 0 0;
	padding-left: 10px;
}

.formContent table tr td div.formSectionBottomCapper
{
	width: 360px;
	height: 10px;
	background: url(../images/common/bkgd360WhiteBoxBtm.gif) no-repeat 0 0;
}

.formContent table .divBorder
{
	border: solid 1px #A5ACB2;
}

.nextContent
{
	float: left;
	position: relative;
	top: 3px;
}

.saveContinue
{
	float: right;
}

.saveContinue span { padding-right: 10px; }

/*******************************************************************************
	Top Tab - Styles
*******************************************************************************/

.topTab
{
	height: 41px;
	position: relative;
	top: 10px;
	margin: 0 auto;
}

.largeTopTab
{
	width: 400px;
	text-align: center;
}

.topTab .leftCapper
{
	background: url(../images/common/bkgdTabTopLeft.gif) no-repeat 0 0;
	width: 40px;
	height: 41px;
	float: left;
}

.largeTopTab .tabHeader
{
	background: url(../images/common/bkgdTabTopTile.gif) repeat-x 0 0;
	width: 320px;
	height: 41px;
	float: left;
	padding: 8px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

.topTab .rightCapper
{
	background: url(../images/common/bkgdTabTopRight.gif) no-repeat 0 0;
	width: 40px;
	height: 41px;
	float: left;
}

/*******************************************************************************
	Shopping Cart Table - Styles
*******************************************************************************/

.shoppingCartContainer
{
	margin: 0 0 20px 0;
}

.shoppingCartTable
{
	width: 720px;
	border-collapse: collapse;
	text-align: left;
}

.shoppingCartTable tr
{
	background-color: #FFFFFF;
}

 .shoppingCartTable .tableHeaderRow
{
	border: 0;
	height: 38px;
	width: 720px;
}

.shoppingCartTable td.tableOutsideLeft
{
	background: url(../images/common/tableLeftBorderSlice.gif) repeat-y top left;
	background-color: #FFFFFF;
}

.shoppingCartTable td.tableOutsideRight
{
	background: url(../images/common/tableRightBorderSlice.gif) repeat-y top right;
	background-color: #FFFFFF;
}

.shoppingCartTable td.tableOutsideRight2
{
	background: url(../images/common/tableRightBorderSlice.gif) repeat-y top right;
	background-color: #FFFFFF;
}

.shoppingCartTable td.tableOutideFull 
{
	padding-right: 0;
	background: url(../images/common/tableLeftBorderSlice.gif) repeat-y top left;
	background-color: #FFFFFF;
}

.shoppingCartTable td.tableOutideFull2 
{
	padding-right: 0;
	padding-left:0;
	/*background: url(../images/common/tableLeftBorderSlice.gif) repeat-y top left;*/
	background-color: #FFFFFF;
}


.shoppingCartTable td.tableOutideFull .dividerLineGray,.shoppingCartTable td.tableOutideFull div 
{
	width: 695px; 
	margin-right: 10px;
	float: left;
}

.shoppingCartTable td.tableOutideFull2 div.grayDivider2
{
	width: auto !important; 
}

.shoppingCartTable td.tableOutideFull span.tableOutsideRight
{
	background: url(../images/common/tableRightBorderSlice.gif) repeat-y top left;
	width: 5px;
	height: 21px;
	float: left;
}

.shoppingCartTable td.tableOutideFull span.tableOutsideRightDivider
{
	background: url(../images/common/tableRightBorderSlice.gif) repeat-y top left;
	width: 5px;
	height: 6px;
	float: left;
}

.shoppingCartTable td.AddDeleteTD
{
	width: 80px;
	padding-left:0;
	padding-right:0;
}

.shoppingCartTable td.AddDeleteTD a.leftButton { /* margin-left: 10px; */ }

.shoppingCartTable td, .shoppingCartTable th
{
	padding:0 0 0 10px;
}

.shoppingCartTable th
{
	/* padding: 0 10px; */
	padding: 0 0 0 10px;
}

.shoppingCartTable td
{
	vertical-align: top;
}

.shoppingCartTable .tableHeaderRow th
{
	background-image: url(../images/common/bkgdTableHdr.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: left;
}
.sortArr
{
	width:15px;	
	margin-left:5px;
	float:left
}
.tableHeaderColumnLeft
{
	background-position: 0 0;	
}

.tableHeaderColumnLeft:hover
{
	background-position: 0 -38px;
}

.tableHeaderColumnMiddle
{
	background-position: -20px 0;
}

.tableHeaderColumnMiddleNoHover
{
	background-position: -20px 0;
	cursor: default;
	cursor: auto;
}

.tableHeaderRow th.tableHeaderColumnMiddleNoHover
{
	background-position: -20px 0;
	cursor: default;
	cursor: auto;
}


.tableHeaderColumnMiddle:hover
{
	background-position: -20px -38px;
}

.tableHeaderColumnRight
{
	background-position: right 0;
}

.tableHeaderColumnRight:hover
{
	background-position: right -38px;
}

.tableHeaderRow th.tableHeaderColumnRightNoHover
{
	background-position: right 0;
	cursor: default;
	cursor: auto;
}

.activeHeaderLeft { background-position: 0 -38px; }
.activeHeaderMiddle { background-position: -20px -38px; }
.activeHeaderRight { background-position: right -38px; }

div.iconSortUp
{
	background: url(../images/icons/iconArrowSortUp.png) no-repeat right 13px;
}

div.iconSortDown
{
	background: url(../images/icons/iconArrowSortDown.png) no-repeat right 13px;
}

tr.topWhiteCapper
{
	background: url(../images/common/bkgd720WhitePanelTop.gif) no-repeat 0 0;
	height: 10px;
	width: 720px;
}
tr.btmWhiteCapper
{
	background: url(../images/common/bkgd720WhitePanelBtm2.gif) no-repeat 0 0;
	height: 14px;
	width:720px;
}

.footerColumnLeft
{
	background: url(../images/common/bkgd720WhitePanelBtm.gif) no-repeat 0 0;
	height: 13px;
}
.footerOutideFull
{
	background: url(../images/common/bkgd720WhitePanelBtm.gif)  no-repeat top center;
	height: 13px;
}
.footerOutsideRight
{
	background: url(../images/common/bkgd720WhitePanelBtm.gif) no-repeat top right;
	height: 13px;
}



/*******************************************************************************
	Shopping Cart Table - Custom - Styles
*******************************************************************************/

.shoppingCartTable td.tableOutsideRight img
{
	padding-right: 3px;
}

.shoppingCartTable td.tableOutsideRight2 img
{
	padding-right: 3px;
}

.shoppingCartTable .dividerLineGray
{
	margin: 7px 0;
}

.orderGreen, .orderRed, .orderYellow 
{ 
	font-weight: bold; 
}

.orderGrey
{
	color: #999999;
	display: block;
}

.orderGreen
{
	color: #6EA324;
}

.orderRed
{
	color: #D64E49;
}

.orderYellow
{
	color: #BFBB43;
}

.topHeader
{
	float: left;
	width: 670px;
}

.largeFont { font-size: 14px; }

.headerGraphic
{
	background: transparent url(../images/icons/iconMyCart.png) no-repeat top left;
    width: 40px;
    height: 48px;
	float: left;
    margin-right: 10px;
}

.joinedButtonTabs
{
	background: transparent url(../images/common/bkgdTabConditionsConnector.gif) no-repeat top left;
    height: 92px;
    width: 740px;
    margin: -30px 0 -10px 0;
    text-align: center;
    position: relative;
    z-index: 300;
}

.joinedButtonTabs div
{
	width: 350px;
	margin: 0 auto;
	padding-top: 10px;
}

.shoppingCartTable tr.targetRowActive, .shoppingCartTable tr.targetRowActive .tableOutsideLeft, .shoppingCartTable tr.targetRowActive .tableOutsideRight
{
	background-color: #FFFED9;
}

tr.targetRowActive td
{
	padding-top: 7px;
	padding-bottom: 5px;
}

.joinedButtonTabs .tabHeader
{
	padding-top: 28px;
	font-size: 14px;
	font-weight: bold;
}

.bottomTab .clearPadding
{
	padding: 0;
}

select.addTargetColumn0
{
	width: 50px;
}

select.addTargetColumn1
{
	width: 90px;
}

select.addTargetColumn2
{
	width: 120px;
}

select.addTargetColumn3
{
	width: 320px;
}

input.addTargetColumn3
{
	width: 320px;
}

.shoppingCartTable.createListInputs input.general
{
	width: 90px;
	padding-left: 0;
	padding-right: 0;
}

.shoppingCartTable select.general
{

	width: 94px;
	padding-left: 0;
	padding-right: 0;
}

.shoppingCartTable.createListInputs input.zipTD
{
	width: 50px;
	padding-left: 0;
	padding-right: 0;
}

table.createListInputs td
{
	padding-right: 0;
}

.titleDivider
{
	background: transparent url(../images/common/bkgdTableDivider.gif) no-repeat top right;
    height: 38px;
}

.titleDivider span
{
	display: block;
	padding-top: 10px;
}
.titleDivider span a
{
	text-decoration:none;
}

.titleDivider2
{
    height: 38px;
}

.titleDivider2 span
{
	display: block;
	padding-top: 10px;
}

.IdentityPresent
{
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
}

.IdentityAusent
{
	margin-left:10px;
	font-size:14px;
	font-style:italic;
	color:Gray;	
}
.bordered {border:2px solid #cccccc}

.outerPopup 
{
    background-color:#FFFFFF;
	border:5px solid #6699CC;
	font-size:16px;
}

.innerPopup
{
    background-color:#fff;
}
.txtboxdetail
{
	width: 355px;
	padding-bottom: 5px;
}

.tddetail
{
	width:200px;
}
.txtadd
{
	width:180px;
}
.grayTextNormal
{
	color: #999999;
}

/*************** AXP DATAGRID - My Shopping Cart *********************************************/

/*.shoppingCartTable*/
.AXDBTable
{
	width: 720px;
	border-collapse: collapse;
	text-align: left;
}

/*.shoppingCartTable tr*/
.AXDBTable tr
{
	background-color: #FFFFFF;
}

 /*.shoppingCartTable .tableHeaderRow*/
.AXDBTable .AXDBTableTR
{
	border: 0;
	height: 38px;
	width: 720px;
}

/*.shoppingCartTable td.tableOutsideLeft*/
.AXDBTable td.tableOutsideLeft
{
	background: url(../images/common/tableLeftBorderSlice.gif) repeat-y top left;
	background-color: #FFFFFF;
}

/*.shoppingCartTable td.tableOutsideRight*/
.AXDBTable td.tableOutsideRight
{
	background: url(../images/common/tableRightBorderSlice.gif) repeat-y top right;
	background-color: #FFFFFF;
}

/*.shoppingCartTable td.tableOutideFull */
.AXDBTable td.tableOutideFull 
{
	padding-right: 0;
	background: url(../images/common/tableLeftBorderSlice.gif) repeat-y top left;
	background-color: #FFFFFF;
}

/*.shoppingCartTable td.tableOutideFull .dividerLineGray,.shoppingCartTable td.tableOutideFull div */
.AXDBTable td.tableOutideFull .dividerLineGray,.AXDBTable td.tableOutideFull div 
{
	width: 695px; 
	margin-right: 10px;
	float: left;
}

/*.shoppingCartTable td.tableOutideFull span.tableOutsideRight*/
.AXDBTable td.tableOutideFull span.tableOutsideRight
{
	background: url(../images/common/tableRightBorderSlice.gif) repeat-y top left;
	width: 5px;
	height: 21px;
	float: left;
}

/*.shoppingCartTable td.tableOutideFull span.tableOutsideRightDivider*/
.AXDBTable td.tableOutideFull span.tableOutsideRightDivider
{
	background: url(../images/common/tableRightBorderSlice.gif) repeat-y top left;
	width: 5px;
	height: 6px;
	float: left;
}

/*.shoppingCartTable td.AddDeleteTD*/
.AXDBTable td.AddDeleteTD
{
	width: 80px;
	padding-left:0;
	padding-right:0;
}

/*.shoppingCartTable td.AddDeleteTD a.leftButton { *//* margin-left: 10px; *//* }*/
.AXDBTable td.AddDeleteTD a.leftButton { /* margin-left: 10px; */ }

/*.shoppingCartTable td, .shoppingCartTable th*/
.AXDBTable td, .AXDBTable th
{
	/* padding: 0 10px; */
	padding: 0 0 0 10px;
}

/*.shoppingCartTable td*/
.AXDBTable td
{
	vertical-align: top;
}

/*.shoppingCartTable .tableHeaderRow th*/
.AXDBTable .AXDBTableTR th
{
	background-image: url(../images/common/bkgdTableHdr.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	color: #FFFFFF;
	text-align: center;
}

/*.tableHeaderRow th.tableHeaderColumnRightNoHover*/
.AXDBTableTR th.tableHeaderColumnRightNoHover
{
	background-position: right 0;
	cursor: default;
	cursor: auto;
}

/*Added*/
.AXDBTableTR .tableHeaderColumnRightNoHover a
{
	text-decoration:none;
	color: #FFFFFF;
}

/*Added*/
.AXDBTableTR .tableHeaderColumnLeft a
{
	text-decoration:none;
	color: #FFFFFF;
}

.AXDBTableTR .tableHeaderColumnRight a
{
	text-decoration:none;
	color: #FFFFFF;
}

/*Added*/
.AXDBTableTR .tableHeaderColumnMiddle a
{
	text-decoration:none;
	color: #FFFFFF;
}

/*targetRowActive*/
.AXDBTable tr.targetRowActive, .AXDBTable tr.targetRowActive .tableOutsideLeft, .AXDBTable tr.targetRowActive .tableOutsideRight
{
	background-color: #FFFED9;
}

tr.targetRowActive td
{
	padding-top: 7px;
	padding-bottom: 5px;
}

.roundedButton2
{
	background:transparent url(../../store/images/btnLight102.png) no-repeat scroll 0 0;
	border:medium none;
	color:#444444;
	font-size:11px;
	font-weight:bold;
	height:21px;
	width:100px;
}
.roundedButton
{
	background:transparent url(../../store/images/Boton.png) no-repeat scroll 0 0;
	border:medium none;
	color:#444444;
	font-size:11px;
	font-weight:bold;
	height:26px;
	width:186px;
	}
.roundedButtonFastTrack
{
	background:transparent url(../../store/images/Fastrack.PNG) no-repeat scroll 0 0;
	border:medium none;
	color:#444444;
	font-size:11px;
	font-weight:bold;
	height:26px;
	width:120px;
	padding-bottom:5px;
}
.roundedButtonFastTrackdisabled
{
	background:transparent url(../../store/images/Boton.png) no-repeat scroll 0 0;
	border:medium none;
	color:#444444;
	font-size:11px;
	font-weight:bold;
	height:26px;
	width:186px;
	/*position:absolute;*/
}
.roundedButton2:hover
{
	background:transparent url(../../store/images/btnBlue102.PNG) no-repeat scroll center center;
	color:#FFFFFF;
}
.roundedButton:hover
{
	background:transparent url(../../store/images/BlueB.PNG) no-repeat scroll center center;
	color:#FFFFFF;
}
.roundedButtonFastTrack:hover
{
	background:transparent url(../../store/images/BlueF.PNG) no-repeat scroll center center;
	color:#FFFFFF;
	}
a.info{
    position:relative; 
    z-index:24;
    color:#000;
    }
    
a.info:hover{z-index:25; background-color:#E5E5E5}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:19em;
    border:1px solid #C2C2C2;
    background-color:#E5E5E5; color:#000;
    text-align: center}

/*******************************************************************************
	Table - Styles
*******************************************************************************/

.tableTotal
{
	padding-left: 120px;
}

#leftColumn .packagePrice
{
	color: #5D80A3;
	font-size: 13px;
	font-weight: bold;
}

table.innerTable td {padding: 0 10px 0 0;} 

.btmYellowCapper
{
	background: url(../images/common/bkgd720YellowPanelBtm.gif) no-repeat 0 0;
	height: 13px;
	width: 720px;
}
/* Nav white box */
.navOutsideUlContainer
{
	padding: 10px 10px 0 10px;
}
#leftNavigation li .navOutsideUlContainer a
{
	background: none;
	padding: 0;
	margin: 0;
}
.whiteNavBoxTopCapper
{
	background: url(../images/common/bkgd150NavWhitePanelTop.gif) no-repeat 0 0;
	width: 150px;
	height: 10px;
}

.whiteNavBoxBody
{
	background: url(../images/common/bkgd150NavWhitePanelMid.gif) repeat-y 0 0;
	width: 130px;
	padding: 0 10px;
	position: relative;
}

.whiteNavBoxBtmCapper
{
	background: url(../images/common/bkgd150NavWhitePanelBot.gif) no-repeat 0 0;
	width: 150px;
	height: 10px;
}

#leftNavigation li .whiteNavBoxBody span.questionMark
{
	background: url(../images/icons/iconWhatIsThis.png) no-repeat 0 0;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 32px;
	right: 8px;
}

.dividerNav
{
	background: url(../images/common/bkgdDividerGrayTile.gif) repeat-x left bottom;
	height: 1px;
	margin: 8px 0;
}

.dividerNavBlue
{
	background: url(../images/sideNav/sideNavDivider.gif) no-repeat left bottom;
	height: 2px;
	width: 170px;
	margin: 8px 0 8px -10px;
}

.dividerNavNoBottomMargin
{
	background: url(../images/sideNav/sideNavDivider.gif) no-repeat left bottom;
	height: 2px;
	width: 170px;
	margin: 8px 0 8px -10px;
}

.centedElement
{
	text-align: center; 
	display: block;
	margin-left: 6px;
}

.centedElement .button.block
{
	width: 115px;
}
.selectedOptions 
{ 
	text-align: center; 
	display: block;
	padding-bottom: 2px;
}
#leftNavigation li .orderGreen { color: #6EA324; }
#leftNavigation li .navPriceBlue { color: #5d80a3; }
#leftNavigation ul li  /* Added from P1 - add a background color*/
{ 
	background-color: #edf3fe;
}
#leftNavigation li a.basicButton
{
	width: 45px;
	height: 21px;
	padding: 7px 0 0 18px;
	font-weight: bold;
	color: #5d80a3;
	text-decoration: underline;
	display: inline-block;
	background: url(../images/sideNav/sideNavSelectionToggleBkgd.gif) no-repeat 0 -28px;
}

/* #leftNavigation li a.basicButton:hover
{
	background: url(../images/sideNav/sideNavSelectionToggleBkgd.gif) no-repeat 0 0;
	color: #d64e49;
	text-decoration: none;
} */

#leftNavigation li a.advancedButton
{
	width: 69px;
	height: 21px;
	padding: 7px 0 0 18px;
	font-weight: bold;
	color: #5d80a3;
	text-decoration: underline;
	display: inline-block;
	background: url(../images/sideNav/sideNavSelectionToggleBkgd.gif) no-repeat -63px 0;
}

/* #leftNavigation li a.advancedButton:hover
{
	background: url(../images/sideNav/sideNavSelectionToggleBkgd.gif) no-repeat -63px -28px;
	color: #d64e49;
	text-decoration: none;
} */

#leftNavigation li a.basicButton.optionOn
{
	color: #d64e49;
	text-decoration: none;
	background: url(../images/sideNav/sideNavSelectionToggleBkgd.gif) no-repeat 0 0;
}

#leftNavigation li a.advancedButton.optionOn
{
	color: #d64e49;
	text-decoration: none;
	background: url(../images/sideNav/sideNavSelectionToggleBkgd.gif) no-repeat -63px -28px;
}

#leftNavigation li div.liEdit
{
	margin-left: 20px;
	padding-bottom: 5px;
	position: relative;
}

#leftNavigation li div.liEdit div.editAndDelete
{
	
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
}

#leftNavigation li div.liEdit div.editAndDelete a.edit
{
	background: url(../images/icons/iconEdit.png) no-repeat 0 0;
	width: 12px;
	height: 13px;
	text-indent: -10000px;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	left: -4px;
}
#leftNavigation li div.liEdit div.editAndDelete a.delete
{
	background: url(../images/icons/iconDelete.png) no-repeat 0 0;
	width: 12px;
	height: 13px;
	text-indent: -10000px;
	padding: 0;
	margin: 0;
	float: left;
}

/*******************************************************************************
	Pop Up Modal - Styles
*******************************************************************************/

#moduleDiv, .moduleDiv
{
	position: relative;
}

.lightBox
{
    display:none;
    text-align:center;
    position:absolute ;
    z-index: 501;
    margin-top:-120px;
    margin-left:-270px;
}

.modalHeader
{
    font-weight:bold;
    margin-bottom: 10px;
}
#modalTopCapper, .modalTopCapper
{
	background: transparent url(../images/common/bkgd496OverlayPanelTop.png) no-repeat 0 0;
	height: 11px;
	width: 496px;
}

#modalBody, .modalBody
{
	background: transparent url(../images/common/bkgd496OverlayPanelMid.png) repeat-y 0 0;
	width: 496px;
}

#modalBtmCapper, .modalBtmCapper
{
	background: transparent url(../images/common/bkgd496OverlayPanelBtm.png) no-repeat 0 0;
	height: 16px;
	width: 496px;
}

#modalDivCloseButton, .modalDivCloseButton
{
	position: absolute;
	top: 7px;
	right: 20px;
	color: #5D80A3;
	text-decoration: underline;
	cursor: pointer;
}

#modalContent, .modalContent
{
	display: none;
}

.lightBoxBackground
{
	position: fixed;
	background-color: #000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100 !important;
}
/*******************************************************************************
	Alert - Styles
*******************************************************************************/

table tr td.alert
{
	background: transparent url(../images/icons/iconAlert.png) no-repeat right 10px;
}

p.alert
{
	background: transparent url(../images/icons/iconAlert.png) no-repeat left 0;
	color: Red;
	padding-left: 20px;
} 

span.alert
{
	background: transparent url(../images/icons/iconAlert.png) no-repeat 0 0;
	height: 13px;
	width: 13px;
	display: block;
	margin-top: 3px;
	cursor:pointer;
}

.alertTooltip
{
	top:4px;
	position: relative;
	cursor:pointer;
	float:right;
	width:15px;
	height:15px;
}

/* Accordian */
a.accordian
{
	width: 740px;
	height: 18px;
	background: url(../images/common/bkgd740Accordian.gif) no-repeat 0 0;
	display: block;
	color: #333333;
	cursor: pointer;	
	padding-left: 8px;
}

a.accordian span.minusDefault
{
	/*background: url(../images/icons/iconArrowCollapsed.png) no-repeat 0 6px; */
	display: block;
	padding-top: 2px;
	padding-left: 8px;
}




/* Tabs */
.tabContainer
{
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2000;
}

a.tab span
{
	text-align: center;
}

a.tab span
{
	cursor: pointer;
}

a.tab
{
	position:relative;
    background: transparent url(../images/common/bkgdTableTabRightOff.gif) no-repeat top right;
    color: #FFFFFF;
    font-weight: bold;
    display:inline-block;    
    height: 38px;
    padding: 0 10px 0 0;
    text-decoration: none;
    
}

a.tab span
{
    background: transparent url(../images/common/bkgdTableTabLeftOff.gif) no-repeat;
    padding: 10px 0 0 10px;
    height: 28px;
	display:block;    
}

a.tabOn 
{ 
	background: transparent url(../images/common/bkgdTableTabRightOn.gif) no-repeat top right; 
	color: #d64e49; 
}
a.tabOn span 
{ background: transparent url(../images/common/bkgdTableTabLeftOn.gif) no-repeat; }

.tabContentContainer
{
	position: relative;
	z-index: 0;
	margin-top: -10px;
	background-color: #FFFFFF;
	background: transparent url(../images/common/bkgd720WhitePanelMid.gif) repeat-y;
	text-align: left;
}

.tabContentContainerTop
{
	background-color: #fffed9;
	height: 37px;
	position: relative;
	background: transparent url(../images/common/bkgdTableMiddleWithDottedLine.gif) repeat-x;
}

.tabContentContainerBottom
{
	padding: 10px;
}

.tabContentContainerTop span.leftCapper
{
	background: transparent url(../images/common/bkgdTableLeftTopCorner.gif) no-repeat;
	background-color: #fffed9;
	height: 37px;
	width: 10px;
	display:block; 
	position: absolute;
	top: 0;
	left:0;
}

.tabContentContainerTop span.rightCapper
{
	background: transparent url(../images/common/bkgdTableRightTopCorner.gif) no-repeat;
	background-color: #fffed9;
	height: 37px;
	width: 10px;
	position: absolute;
	top: 0;
	right:0;
}

.tabContentBotCapper
{
	background: url(../images/common/bkgd720WhitePanelBtm.gif) no-repeat 0 0;
	height: 13px;
	width: 720px;
}

.facetContent
{
	float: left;
	padding: 10px 0 0 10px;
}

.tabContentContainerTop a, .tabContentContainerTopSmall a
{
	float: right;
	padding: 10px 10px 5px 20px;
	background: url(../images/icons/iconLookup.gif) no-repeat 0 10px;
}

.tabContentContainerTop div.tab, .tabContentContainerBottom  div.tabContent {display: none;}

.clearEntries
{
	float: right;
	padding-bottom: 5px;
}

.tabTable
{
	width: 100%;
	border-bottom: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
}

.tabTable td
{
	width: 51px;
	padding: 0 2px;
	border-top: solid 1px #d4d4d4!important;
	border-right: solid 1px #d4d4d4!important;
}



.addRow
{
	float: right;
	text-decoration: none;
	color: #999999;
	position: relative;
	top: 5px;
}

.addRowLink
{
	float: right;
	position: relative;
	top: 5px;
}

.includeCheckbox
{
	float: left;
	position: relative;
	top: 5px;
}

.includeCheckbox input
{
	position: relative;
	top: 2px;
	padding: 0;
	margin: 0 3px 0 0;
	display: inline-block;
}
/* Custom Tabs */
.tabContainer2
{
	width: 100%;
	text-align: right;
	position: relative;
	z-index: 2000;
	background: transparent url(../images/common/bkgdTableTabBg.gif) repeat-x top right;

}

a.tab2 span
{
	text-align: center;
}

a.tab2 span
{
	cursor: pointer;
}

a.tab2
{
	position:relative;
    background: transparent url(../images/common/bkgdTableTabRightOff2.gif) no-repeat top right;
    color: #FFFFFF;
    font-weight: bold;
    display:inline-block;    
    height: 38px;
    padding: 0 10px 0 0;
    text-decoration: none;
}

a.tab2 span
{
    background: transparent url(../images/common/bkgdTableTabLeftOff2.gif) no-repeat;
    padding: 10px 0 0 10px;
    height: 28px;
	display:block;    
}

a.tab2On 
{ 
	background: transparent url(../images/common/bkgdTableTabRightOn2.gif) no-repeat top right; 
	color: #d64e49; 
}
a.tab2On span { background: transparent url(../images/common/bkgdTableTabLeftOn2.gif) no-repeat; }


/*******************************************************************************
	Yellow Tool Tip - 720px - Styles
*******************************************************************************/

.yellowToolTip
{
	position: relative;
}

.yellowToolTipTopCapper
{
	background: transparent url(../images/common/bkgd740YellowBoxTop.gif) no-repeat 0 0;
	height: 10px;
	width: 740px;
}

.yellowToolTipBody
{
	background: transparent url(../images/common/bkgd740YellowBoxMid.gif) repeat-y 0 0;
	width: 710px;
	padding: 0 15px;
}

.yellowToolTipBtmCapper
{
	background: transparent url(../images/common/bkgd740YellowBoxBtm.gif) no-repeat 0 0;
	height: 10px;
	width: 740px;
}

.hideYellowToolTip
{
	position: absolute;
	top: 10px;
	right: 15px;
	color: #5D80A3;
	text-decoration: underline;
	cursor: pointer;
}

.hideThis
{
	float: right;
	width: 50px;
	border: solid 1px #FFFED9;
}
.twoBox
{
	float: left;
	width:360px;
}
.addRightMargin { margin-right: 10px; }

.tabContentContainerSmall
{
	position: relative;
	z-index: 0;
	width: 355px;
	background-color: #FFFFFF;
	background: transparent url(../images/common/bkgd355WhitePanelMid.gif) repeat-y;
	text-align: left;
}

.tabContentContainerTopSmall
{
	background-color: #fffed9;
	height: 37px;
	position: relative;
	background: transparent url(../images/common/bkgdTableMiddleWithDottedLine.gif) repeat-x;
}

.tabContentContainerTopSmall span.leftCapper
{
	background: transparent url(../images/common/bkgdTableLeftTopCorner.gif) no-repeat;
	background-color: #fffed9;
	height: 37px;
	width: 10px;
	display:block; 
	position: absolute;
	top: 0;
	left:0;
}

.tabContentContainerTopSmall span.rightCapper
{
	background: transparent url(../images/common/bkgdTableRightTopCorner.gif) no-repeat;
	background-color: #fffed9;
	height: 37px;
	width: 10px;
	position: absolute;
	top: 0;
	right:0;
}

.tabContentContainerBottomSmall
{
	padding: 10px;
}

.tabContentBotCapperSmall
{
	background: url(../images/common/bkgd355WhitePanelBtm.gif) no-repeat 0 0;
	height: 13px;
	width: 355px;
}

.dmg
{
	margin: 5px 0 5px 15px;
}

/*******************************************************************************
	NEW STYLES (Priority 3 B) - Styles
*******************************************************************************/

.approverLeft p
{
	padding: 0 0 5px 0;
}

.approverLeft span.sample
{
	padding: 0 0 0 10px;
	display: block;
}

.approverRight p
{
	padding: 0 0 5px 0;
}

.approverRight span.dividerLineGray
{
	display: block;
	margin: 8px 0 5px 0;
	padding: 0;
}

.approverRight .formContent table
{
	width: 317px;
}

.approverRight .formContent table #descriptionTextArea
{
	width: 315px; 	
	height:100px;
	margin: 0;
	padding: 0;
}

.approverRight .formContent table #ctl00_ContentPlaceHolder1_txtDescription
{
	width: 315px; 	
	height:100px;
	margin: 0;
	padding: 0;
}


.approverRight #uploadAttachment
{
	width: 235px;
	margin-right: 10px;
	float: left;
}

.approverRight a.rightAligned
{
	float: right;
}

.approverRight .smallWhitePanel
{
	margin: 0 auto;
}

.approverRight .smallWhitePanelTopCapperShort
{
	background: url(../images/common/bkgd340WhitePanelTop.gif) no-repeat 0 0;
	height: 10px;
}

.approverRight .smallWhitePanelBtmCapperShort
{
	background: url(../images/common/bkgd340WhitePanelBtm.gif) no-repeat 0 0;
	height: 13px;
}

.approverRight .smallWhitePanelBody
{
	background-color: #FFFFFF;
	border-left: solid 1px #D6D6D7;
	border-right: solid 1px #D6D6D7;
	padding: 0 13px 0 10px;
}


/************************************
	SMALL - Top Tab - Styles
*************************************/

.smallTopTab
{
	text-align: center;
	z-index: 9999;
	padding-left: 45px;
}

.smallTopTab .tabHeader
{
	background: url(../images/common/bkgdTabTopTile.gif) repeat-x 0 0;
	height: 41px;
	float: left;
	padding: 8px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

.reviewOrder { width: 260px; }
.reviewLog { width: 207px; }

.blueBottomImg 
{
	position: relative;
	margin-left: -10px;
}

.navLevelTwo.noBottomPadding {padding-bottom: 0;}

/*******************************************************************************
	NEW STYLES (Priority 4) - Styles
*******************************************************************************/
.totalMarket table
{
	margin: 5px 0 0 0;
}

.totalMarket table td
{
	text-align: left;
	padding: 0;
	background-color: #FFFED9;
}

.totalMarket table .totalmarketInput { position: relative; }

.totalMarket table td.leftSideTD
{
	text-align: right;
	padding-right: 5px;
	width: 438px;
}

.totalMarket table td.extraBottomSpace { padding-bottom: 7px; }

.totalMarket table span.marketDollor
{
	background: url(../images/icons/iconMarketingDollars.png) no-repeat 0 0;
	padding-left: 22px;
	margin-top: 3px;
	display: inline-block;
}

.totalMarket table .questionMark, .totalMarket table .deleteMark
{
	position: relative;
	top: 2px;
}

.totalMarket table input.marketDollor
{
	width: 60px;
	position: absolute;
	top: 2px;
	left: 10px;
	color: #666666;
	margin: 0;
	padding: 0;
}

.totalMarket table .button
{
	position: relative;
	left: 70px;
}

.totalMarket table .appliedTotal { padding-top: 3px; }

#marketingDollarTab
{
	float: left;
	background: transparent url(../images/common/bkgdMarketingDollarsRight.gif) no-repeat top right;
	padding: 0 10px 0 0;
	height: 26px;
	margin-right: 10px;
	position: relative;
	top: -3px;
}

#marketingDollarTab div
{
	background: transparent url(../images/common/bkgdMarketingDollarsLeft.gif) no-repeat;
    padding: 0 0 0 10px; 
    height: 26px;
}

#marketingDollarTab div span.marketDollor
{
	background: url(../images/icons/iconMarketingDollars.png) no-repeat 0 0;
	padding-left: 20px;
	padding-right: 5px;
	margin-top: 6px;
	display: inline-block;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
}

#marketingDollarTab div span.packagePrice { font-size: 11px; }

#marketingDollarTab div .questionMark
{
	position: relative;
	top: 3px;
}

.marketDollarDates { float: left; }

.marketDollarExport 
{ 
	float: right; 
	padding-top: 3px;
}

.marketDollarExport a.saveDraft
{
	background:url(../images/icons/iconSave.png) no-repeat 0 1px;
	padding-left:20px;
}

input#marketDollarStartDate, input#marketDollarEndDate { width: 70px; }

select#marketDollarUser { width: 160px; }

.calendarIcon { margin: 0 5px; }

.startEndText { margin-right: 5px; }

.marketDollarDates img, .marketDollarExport img
{
	position: relative;
	top: 2px;
}

.grayTextSmall2
{
	color: #999999 !important;
	font-size:10px;
}

/* Horizontal Scroll */
#scrollContent
{
	width:720px;
	overflow-x:scroll;
}

#scrollContent { padding: 10px 0; }

/* Have to have a width on the Table */
.marketingSummaryTable { width: 1440px; }
#scrollContent .marketingSummaryTable td.tableOutideFull .dividerLineGray, #scrollContent .marketingSummaryTable td.tableOutideFull div { width: 1415px; }

#scrollContent tr.btmWhiteCapper
{
	background: url(../images/common/bkgd720WhitePanelBtmMiddle.gif) repeat-x 0 0;
	height: 13px;
}

#scrollContent tr.btmWhiteCapper2
{
	background: transparent url(../images/common/bkgd720WhitePanelBtm2.gif) no-repeat scroll 0 0;
	height: 14px;
}


#scrollContent .btmWhiteCapperLeftCorner
{
	background: url(../images/common/bkgd720WhitePanelBtmLeftCorner.gif) no-repeat 0 0;
	height: 13px;
	width: 7px;
	float: left;
	position: relative;
	left: -10px;
}

#scrollContent .btmWhiteCapperRightCorner
{
	background: url(../images/common/bkgd720WhitePanelBtmRightCorner.gif) no-repeat 0 0;
	height: 13px;
	width: 7px;
	float: right;
}

.AXDBTable td.tableOutsideCenter {
	text-align:center;
}

.AXDBTable th.header
{
	text-align:center;
}