/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/****************** Rounded Tabs ***************************/
/* Naqib Jan 06 2009 */
.roundedTabContainer
{
	background: transparent url(2010_sup_tabs_mainBG.ccom) no-repeat scroll left bottom;
	height: 29px;
	margin: 0 -12px;
	padding: 10px 0 0 7px;	
}
.roundedTabTopics
{
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	display: inline;
	float: left;
	display: block;
	padding: 0;
}
.roundedTabLeft
{
	background: transparent url(sup_tab_left.ccom) no-repeat scroll left bottom;
	height: 23px;
	width: 6px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.roundedTabLeft_selected /* without background */
{
	background: transparent url(sup_tab_left.ccom) no-repeat scroll left top;
	height: 24px;
	width: 6px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.roundedTabLink
{
	background: transparent url(sup_tabBG.ccom) repeat scroll 0;
	border-top: 1px solid #70C5E2;
	height: 22px;
	min-width: 70px;
	text-align: center;
	width: inherit;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color:#336699;
}
.roundedTabLink_selected
{
	background: #FFFFFF url(blank.ccom) repeat scroll 0;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #70C5E2;
	height: 22px;
	text-align: center;
	width: inherit;
	display: inline;
	float: left;
	margin: 0;
	text-decoration: none;
}
.roundedTabLink a:hover
{
	text-decoration: none;
	color: #003366;
}
.roundedTabLink_selected a:hover
{
	text-decoration: none;
	color: #003366;
}
.roundedTabLinkCont
{
	display: block;
	padding: 4px 0 0;
	font-weight: bolder;
	text-decoration: none;
}
.roundedTabRight
{
	background: transparent url(sup_tab_right.ccom) no-repeat scroll left bottom;
	height: 23px;
	width: 6px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.roundedTabRight_selected
{
	background: transparent url(sup_tab_right.ccom) no-repeat scroll left top;
	height: 24px;
	width: 6px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
/***********************  Rounded Tabs Ends **********************************/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide
{
	display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber
{
}
.tabberlive
{
	margin-top: 0;
	width: 718px;
}

.inner
{
	width: 700px !important;
	margin-left: -5px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin: 0;
	padding: 5px 0 3px 0;
	border-bottom: 1px solid #78c4de;
	font: bold 12px Arial, Helvetica, sans-serif, "Lucida Grande", Verdana ;
}

ul.tabbernav li
{
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a
{
	padding: 3px 1em;
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid #78c4de;
	border-bottom: none;
	text-decoration: none;
	background: url(tabBkg.ccom) repeat-x top left #d9f1fb;
}

ul.tabbernav li a:link
{
	color: #448;
}
ul.tabbernav li a:visited
{
	color: #667;
}

ul.tabbernav li a:hover
{
	color: #000;
	background: #ffffff;
	border-color: #78c4de;
}

ul.tabbernav li.tabberactive a
{
	background-color: #fff;
	border-bottom: 1px solid #fff;
	background: url(bbk.ccom) repeat-x top left #d9f1fb;
}

ul.tabbernav li.tabberactive a:hover
{
	color: #000;
	background: white;
	border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab
{
	padding: 5px; /* If you don't want the tab size changing whenever a tab is changed     you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a     scrollbar when necessary */ /* overflow:auto; */
}

.innertab
{
	border-top: 1px solid #78c4de;
}
.innertab p a
{
	text-decoration: underline;
}
.innertab p a:hover
{
	color: #168dbf;
	text-decoration: underline;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2
{
	display: none;
}
.tabberlive .tabbertab h3
{
	display: none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1
{
}
.tabberlive#tab2
{
}
.tabberlive#tab2 .tabbertab
{
	height: 200px;
	overflow: auto;
}

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

.xsnazzy h1, .zsnazzy h1
{
	margin: 0;
	padding: 0 10px 5px 10px;
	border-bottom: 1px solid #78c4de;
}
.xsnazzy p, .zsnazzy p
{
	margin: 0;
	padding: 5px 10px;
}
.xsnazzy
{
	background: transparent;
	float: left;
	margin: 0 10px;
}

.noFloat
{
	float: none !important;
}

.xsnazzyAds
{
	background: transparent;
	margin: 10px 13px;
}
.xtop, .xbottom
{
	display: block;
	background: transparent;
	font-size: 1px;
}
.xb1, .xb2, .xb3, .xb4
{
	display: block;
	overflow: hidden;
}
.xb1, .xb2, .xb3
{
	height: 1px;
}
.xb2, .xb3, .xb4
{
	background: #fff;
	border-left: 1px solid #78c4de;
	border-right: 1px solid #78c4de;
}
.xb1
{
	margin: 0 5px;
	background: #78c4de;
}
.xb2
{
	margin: 0 3px;
	border-width: 0 2px;
}
.xb3
{
	margin: 0 2px;
}
.xb4
{
	height: 2px;
	margin: 0 1px;
}

.xboxcontent
{
	display: block;
	border: 0 solid #78c4de;
	border-width: 0 1px;
	height: auto;
}
.xboxcontent ul li
{
}

.white
{
}
.contentBox
{
	 border-style: solid;
	 border-width: 0px 0px 1px 0px;
	 border-color: #70C5E2;
	 height: 100%;
	 padding: 0 5px 5px;
	 border-bottom-color: White;
}
.color_a
{
	background: #DCF5FD;
	color: #fff;
}
.color_b
{
	background: #DCF5FD;
}
.color_c
{
	background: #36a5d2;
	color: #fff;
}
.color_d
{
	background: #b2ab9b;
	color: #000;
}

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


.containerBox
{
	display: block;
}
.containerBox *
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #ffffff;
}
.containerBox1
{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #d3e3e9;
	border-right: 1px solid #d3e3e9;
	background: #ebf2f5;
}
.containerBox2
{
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #b9d2dd;
	border-right: 1px solid #b9d2dd;
	background: #f0f5f7;
}
.containerBox3
{
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #f0f5f7;
	border-right: 1px solid #f0f5f7;
}
.containerBox4
{
	border-left: 1px solid #d3e3e9;
	border-right: 1px solid #d3e3e9;
}
.containerBox5
{
	border-left: 1px solid #ebf2f5;
	border-right: 1px solid #ebf2f5;
}
.containerBoxfg
{
	background: #ffffff;
	width: 1010px;
	height: auto;
	padding-bottom: 10px;
}

/* ------------------------------------------------------------------------- */
.tabHeader
{
	background: url(topMyAcct.ccom) repeat-x top left;
	padding-top:6px;
	padding-left:1px;
}
.tabHeader h1
{
	color: #0b5e7e;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 18px;
	font-weight: bold;
	background: url(account_h1.ccom) no-repeat top left;
	padding: 8px 0 20px 45px;	
	margin-left: 10px;
	border: 0;
}

/*
p {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p a{
	color: #0b5e7e;
	text-decoration: none;	
}
p a:hover {
	text-decoration: underline;
}

*/
/* naqib
.content {
	width: 1010px;
	height: auto;

}

.bodyContent {
	padding: 0 5px 0 10px;
	float:left;

}
*/

.sidebar
{
	float: left;
}

.sidebar p a
{
	color: #0b5e7e;
	text-decoration: underline;
}
.sidebar p a:hover
{
	color: #168dbf;
	text-decoration: underline;
}

.sideHeader
{
	color: #0b5e7e;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 14px;
	font-weight: bold;
	border: 0;
	background-color: #d6eef8;
	padding: 0 0 0 5px;
	margin: 0;
}
.sideHeaderWhite
{
	color: #0b5e7e;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 14px;
	font-weight: bold;
	border: 0;
	background-color: #fff;
	padding: 0 0 0 5px;
	margin: 0;
}
.innerboxAd
{
	border:0px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:10px;
	margin-top:8px;	
}
.innerbox
{
	width: 291px;
	border: 1px solid #cccccc;
	background: url(smBkg_old.ccom) repeat-x top left;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:10px;
	margin-top:8px;	
	
}
.innerbox p a
{
	color: #336699;
	text-decoration: none;
}
.innerbox p a:hover
{
	color: Black;
	text-decoration: underline;
}

.innerHeader
{
	color: #0b5e7e;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
	font-weight: bold;
	border: 0;
	padding: 0 0 0 0px;
	margin: 0;
}
.innerBoxLeft
{
	float: left;
}
.innerBoxRight
{
	float: right;
	padding-right: 5px;
}
.innerHeader2
{
	color: #0b5e7e;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
	font-weight: bold;
	border: 0;
	padding: 0 5px 0 5px;
	margin: 0;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 8px;
}

.innerHeader2 a
{
	color: #0b5e7e;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
	font-weight: bold;
	border: 0;
	padding: 0 5px 0 5px;
	margin: 0;
}

/* ----------------------------------------------------------------------- */
#adScroller
{
	overflow: hidden;
	padding: 10px;
	width: 680px;
	white-space: nowrap;
	height: 100px;
}
#adScroller ul
{
	list-style: none;
	display: inline;
}
#adScroller ul li
{
	list-style: none;
	display: inline;
	margin-right: 15px;
}

#adContainer
{
	position: relative;
	width: 650px;
	height: 100px;
	overflow: hidden;
	float: left;
}

#scroller
{
	width: 928px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.adContent
{
	width: 150px;
	height: 100px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
}

.scrollNav, .scrollNav a:link, .scrollNav a:visited
{
	font-size: .8em;
	color: #00009C;
	font-weight: bold;
}

.scrolLeft
{
	float: right;
}

.scrolRight
{
	float: left;
}

.menuItem
{
	/*adding: 0 25px;*/
	background: #36a5d2;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
}
.menuItem a
{
	color: #fff;
	padding: 3px 27px 4px 28px;
	background: url(menuBkg.ccom) repeat-x top left #36a5d2;
	text-decoration: none;
	border-top: 1px solid #36a5d2;
	border-bottom: 1px solid #36a5d2;
	margin: 0;
	font-weight: bold;
}
.menuItem a:hover
{
	padding: 3px 27px 4px 28px;
	background: url(linkBKG.ccom) repeat-x top #f0f5f7;
	color: #36a5d2;
	text-decoration: none;
	border-top: 1px solid #36a5d2;
	border-bottom: 1px solid #36a5d2;
	margin: 0;
	font-weight: bold;
}
.menuSpacer
{
	color: #fff;
	padding: 3px 0 4px 0;
	background: url(menuBkg.ccom) repeat-x top left #36a5d2;
	text-decoration: none;
	border-top: 1px solid #36a5d2;
	border-bottom: 1px solid #36a5d2;
	margin: 0 -4px;
}
.msgCtr
{
}
.msgCtr a
{
	text-decoration: underline;
	padding-left: 370px;
}
.msgCtr a:hover
{
	color: #36a5d2;
	text-decoration: underline;
	padding-left: 370px;
}
/* naqib 
.secondSet1 {
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.secondSet1 a{
	color: #0b5e7e;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
}
.secondSet1 a:hover{
	color: #36a5d2;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.secondSet1 li{
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: -20px!important;
	padding-right: 5px;
}
*/


td a
{
	color:#005984;
	/*color: #336699;* SYCH CHANGES*/
	text-decoration: none;
}
td a:hover
{
	color: #00a4e3;
	/*color: #003366;* SYCH CHANGES*/
	text-decoration: none;
}


.dotMenu ul
{
	list-style: none;
}
.dotMenu ul li
{
	list-style: none;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
	line-height: 25px;
	text-align: right;
	font-weight: bold;
	width: 160px;
	height: 30px;
}

.dotMenu a
{
	list-style: none;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
	line-height: 25px;
	text-align: right;
	font-weight: bold;
	color: #2289c5;
	text-decoration: none;
	font-weight: bold;
}
.dotMenu a:hover
{
	list-style: none;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
	line-height: 25px;
	text-align: right;
	font-weight: bold;
	color: #0a4a6f;
	text-decoration: none;
	font-weight: bold;
}




.linkso a:hover
{
	color: #36A5D2;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
.linkso a
{
	color: #0B5E7E;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
	line-height: 1.8em;
	font-weight: normal;
	text-decoration: underline;
}


/* *** */
.sectionName
{
	margin-left: 10px;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #0b5e7e;
	padding-bottom: 7px;
	padding-top: 5px;
}
.sectionName2
{
	margin-left: 10px;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif, ""Lucida Grande"", Verdana
	font-size: 15px;
	font-weight: bold;
	color: #0b5e7e;
	padding-bottom: 7px;
	padding-top: 5px;
}
.myAccountCenterContent
{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana;
	font-size: 11px;
	line-height: 15px;
}
.ValidationSummary
{
	font-weight: bold;
	border: solid;
	border-width: 1px;
	padding: 4px;
	border-color: #70C5E2;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 95%;
}
.ClearValidationSummaryBox
{
	border: none;
}
.HideValidationSummaryBox
{
	border: none;
	display: none;
	visibility: hidden;
}
.helpfulLinksMyAcctCont
{
	background-color: #FFFFFF;
	border-color: -moz-use-text-color #70C5E2;
	border-style: none solid;
	border-width: 0 1px;
	padding: 4px 12px;
}
.helpfulLinksMyAcctCont div ul
{
	margin: 12px 0 10px 10px;
	text-align: left;
	list-style-type: none;
	line-height: 20px;
}
.helpfulLinksMyAcctCont div ul li
{
	margin: 7px 0;
}
.helpfulLinksMyAcctCont div ul li img
{
	vertical-align: middle;
	margin: 0 8px 2px 0;
}
.errorDisplayPadding
{
	margin-top: 15px;
	margin-bottom: 15px;
}





/* -------------------------------------------------------------------------------- */
/* ADDED JAN 20, 2009 FOR CUSTOMER CARE - CRAIG WAGNER
/* -------------------------------------------------------------------------------- */

.innerbox ul {
 margin: 5px 0 10px 0; 
 
}
.innerbox ul li{
 padding-left:20px;
 
}
.innerbox ul li a{
 color: #336699;
 text-decoration: none;
}
.innerbox ul li a:hover{
 color: #000000;
 text-decoration: underline;
}
/* -------------------------------------------------------------------------------- */
/* End ADDED JAN 20, 2009 FOR CUSTOMER CARE - CRAIG WAGNER
/* -------------------------------------------------------------------------------- */