/* Overlay override; to prevent flash movie reload */
html.in-obtrusive,
body.in-obtrusive {
    overflow: visible;
    position: static;
}

div.overlay-xsmall div.body,
div.overlay-little div.body,
div.overlay-slight div.body,
div.overlay-small  div.body,
div.overlay-medium div.body,
div.overlay-large  div.body,
div.overlay-xlarge div.body {
	border: 1px solid #FF9752;
}

div.overlay-xsmall div.body div.hdr-left,
div.overlay-little div.body div.hdr-left,
div.overlay-slight div.body div.hdr-left,
div.overlay-small div.body div.hdr-left,
div.overlay-medium div.body div.hdr-left,
div.overlay-large div.body div.hdr-left,
div.overlay-xlarge div.body div.hdr-left {
	height: 6px;
	width: 6px;
	background-image: url('/credit-cards/cardbuilder/images/overlay-hdr-left.png') !important;
}

div.overlay-xsmall div.body div.hdr-right,
div.overlay-small div.body div.hdr-right,
div.overlay-slight div.body div.hdr-right,
div.overlay-little div.body div.hdr-right,
div.overlay-medium div.body div.hdr-right,
div.overlay-large div.body div.hdr-right,
div.overlay-xlarge div.body div.hdr-right {
	position: absolute;
	top: 0;
	right: -.2em;
	height: 6px;
	width: 6px;
	background-image: url('/credit-cards/cardbuilder/images/overlay-hdr-right.png');
	background-repeat: no-repeat;
	background-position: right top;
}

div.overlay-xsmall div.body div.ftr-left,
div.overlay-small div.body div.ftr-left,
div.overlay-slight div.body div.ftr-left,
div.overlay-little div.body div.ftr-left,
div.overlay-medium div.body div.ftr-left,
div.overlay-large div.body div.ftr-left,
div.overlay-xlarge div.body div.ftr-left {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url('/credit-cards/cardbuilder/images/overlay-ftr-left.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.overlay-xsmall div.body div.ftr-right,
div.overlay-small div.body div.ftr-right,
div.overlay-little div.body div.ftr-right,
div.overlay-slight div.body div.ftr-right,
div.overlay-medium div.body div.ftr-right,
div.overlay-large div.body div.ftr-right,
div.overlay-xlarge div.body div.ftr-right {
	position: absolute;
	bottom: 0;
	right: -2px;
	height: 6px;
	width: 6px;
	background-image: url('/credit-cards/cardbuilder/images/overlay-ftr-right.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Important Disclosures table in obtrusive overlay; override style in important-disclosures.css */

#important-disclosures-obtrusive #first-table {
	margin: 0 5px;
}

#important-disclosures-obtrusive #first-table td {
	border-bottom: 1px solid #D7DDDF;
	padding: 4px 0 4px 0;
}

#important-disclosures-obtrusive #first-table td.disclosureHeader {
	background-color: #D7DDDF;
	font-weight: bold;
	padding-left: 2pt;
}

#important-disclosures-obtrusive #first-table td.disclosureTitle {
	border: none;
	font-weight: bold;
}

#important-disclosures-obtrusive #rates-table {
    background: transparent none;
    border-top: 0 none;
}

#important-disclosures-obtrusive #rates-table td {
	padding: 5px;
}

#important-disclosures-obtrusive #first-table td.first img {
	width: 0;	
}

#important-disclosures-obtrusive #rates-table tr.last td {
    border-bottom: 0 none;
}

#important-disclosures-obtrusive #ajax-status .status-wrapper {
    top: 100px;
}


/** additional overlay styles */
.overlay-slight {
    font-size: 12px;
}

div.overlay-slight div.body h1 {
    font-size: 14px;
}

div.overlay-slight div.body li {
    background: url(/images/bullet.gif) 0 .4em no-repeat;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 1.3;
}

div.overlay-slight div.body p {
    border-top: 1px solid #8A9499;
    padding-top: 10px;
    line-height: 1.3;
    color: #8A9499;
}

div.obtrusive-large,
div.obtrusive-medium {
    font-size: 12px;
}

div.obtrusive-large div.body,
div.obtrusive-medium div.body {
    background: #293033;
    padding-bottom: 1.5em;
}


div.obtrusive-large div.body div.hdr-left,
div.obtrusive-medium div.body div.hdr-left {
    background: url(/images/overlays/dark-top-left.gif) 0 0 no-repeat;
}

div.obtrusive-large div.body div.hdr-right,
div.obtrusive-medium div.body div.hdr-right {
    background: url(/images/overlays/dark-top-right.gif) 0 0 no-repeat;
}

div.obtrusive-large div.body div.ftr-left,
div.obtrusive-medium div.body div.ftr-left {
    height: 7px;
    width: 7px;
    background: url(/images/overlays/dark-btm-left.gif) bottom left no-repeat;
}

div.obtrusive-large div.body div.ftr-right,
div.obtrusive-medium div.body div.ftr-right {
    height: 7px;
    width: 7px;
    background: url(/images/overlays/dark-btm-right.gif) bottom right no-repeat;
}

div.obtrusive-large .close,
div.obtrusive-medium .close {
    position: absolute;
    right: 1em;
    top: 1em;
    background: url(/images/overlays/close-icon-dark.gif) right 0 no-repeat;
    padding-right: 15px;
    color: #EBEFF0;
    font-size: 11px;
    line-height: 12px;
}

div.obtrusive-large div.body h1,
div.obtrusive-medium div.body h1 {
    color:#FFFFFF;
    margin-bottom: 0;
    padding: 12px 0pt 15px 8px;
    text-align: left;
    font-size:26px;
    font-weight:normal;
}

.internal-container {
    position: relative;
    background: #FFFFFF;
    width: 610px;
    padding: 40px 40px 25px 30px;
}

div.obtrusive-medium .internal-container {
    width: 505px;
    padding: 7px 0;
}

.internal-container .large-card-art {
    float: left;
    height: 192px;
    width: 290px;
    background: url(/credit-cards/cardbuilder/images/card-shadow.jpg) bottom left no-repeat;
    padding: 0 25px 0 3px;
}

.internal-container .large-card-art img {
    padding-left: 10px;
}

.internal-container h3 {
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
}

.internal-container .extra-copy {
    margin: 15px 0 0 320px;
}

.internal-container .extra-copy p {
    width: 210px;
    margin-top: 10px;
}

div.obtrusive-large div.body .internal-container .hdr-left,
div.obtrusive-medium div.body .internal-container .hdr-left {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 0; 
    left: 0;
    background: url(/images/overlays/dark-inner-top-left.gif) 0 0 no-repeat;
}

div.obtrusive-large div.body .internal-container .hdr-right,
div.obtrusive-medium div.body .internal-container .hdr-right {
    position: absolute;
    top: 0; 
    right: 0;
    background: url(/images/overlays/dark-inner-top-right.gif) 0 0 no-repeat;
}

div.obtrusive-large div.body .internal-container .ftr-left,
div.obtrusive-medium div.body .internal-container .ftr-left {
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 0; 
    left: 0;
    background: url(/images/overlays/dark-inner-btm-left.gif) bottom left no-repeat;
}

div.obtrusive-large div.body .internal-container .ftr-right,
div.obtrusive-medium div.body .internal-container .ftr-right {
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 0; 
    right: 0;
    background: url(/images/overlays/dark-inner-btm-right.gif) bottom right no-repeat;
}
    


/* mistake found on the overlays.css - this corrects it*/
.obtrusive-overlay.dark div.body div.internal-container .hdr-left {
    background:transparent url(/images/overlays/dark-inner-top-left.gif) left top no-repeat;
}

#pick-card-design-obtrusive .card-thumbnails {
    clear: left;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
}

#pick-card-design-obtrusive .card-thumbnails input {
    position: absolute;
    left: -999px;   
}

#pick-card-design-obtrusive .card-thumbnails a {
    float: left;
    margin: 2px;
    padding: 3px;
}

#pick-card-design-obtrusive a.selected {
    background: url(/credit-cards/cardbuilder/images/bg-cardselector-selected.png);
}

div.obtrusive-medium .scrollable-table {
    height: 320px;
    overflow: auto;
}

div.obtrusive-medium .scrollable-table table tr.break td {
    border-top: 1px solid #DFE3E5;
    padding-top: 10px;
}

div.obtrusive-medium .scrollable-table table td {
    font-size: 12px;
    padding: 0 10px 10px 0;
}

div.obtrusive-medium .scrollable-table table td h4 {
    width: 180px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 12px;
}

.disclosure-actions {
    padding: 20px 0 0 0;
}

.disclosure-actions img {
    vertical-align: middle;
}

.disclosure-actions a {
    color: #FFFFFF;
}

.disclosure-actions a.apply-btn {
    float: right;
}

.disclosure-actions a.cancel {
    padding-left: 7px;
}

/**
 * Cashback Bonus Calendar Overlay
 */

#cashbonus-calendar-overlay div.box-container {
	zoom: 1;
}
* html #cashbonus-calendar-overlay.overlay-medium div.body div.hdr-right { right: -1px;}
* html #cashbonus-calendar-overlay.overlay-medium div.body div.ftr-right { right: -1px; bottom: 0px; }
* html #cashbonus-calendar-overlay.overlay-medium div.body div.ftr-left { bottom : 0px;}
#cashbonus-calendar-overlay div.box-container:after {
	clear: both;
	content: '';
	display: block;
	zoom: 1;	
}

#cashbonus-calendar-overlay div.body a.close-link {
	font-size: 12px;
}

#cashbonus-calendar-overlay .left-side {
	float: left;
	width: 245px;
	margin:25px 0 0 5px;
}

#cashbonus-calendar-overlay .left-side h1 {
	color: #FF6600;
	font-size: 18px;
}

#cashbonus-calendar-overlay .left-side h1 img {
	float: left;
}

#cashbonus-calendar-overlay .left-side h1 em {
	float: left;
	margin-top: 5px;
	padding-left: 7px;
}	

#cashbonus-calendar-overlay .left-side p {
	float: left;
	width: 160px;
	padding: 3px 0 0 7px;
	line-height: 18px;
	font-size: 12px;
	color: #576166;
}

#cashbonus-calendar-overlay .right-side {
	float: right;
	width: 230px;
	margin-top: 20px;
	padding: 10px;
	background: #FFF4E0;
}

#cashbonus-calendar-overlay .right-side h2 {
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #FFCFA4;
	color: #FF6600;
}

#cashbonus-calendar-overlay .right-side h2 span.months {
	float: left;
	width: 90px;
}

#cashbonus-calendar-overlay .right-side h2 span.category {
	font-weight: normal;
	color: #576166;
}	
		

#cashbonus-calendar-overlay .right-side h2.last {
	border-bottom: none;
}

/* END: Calendar Overlay*/

/* View rates and disclosures */
.hide2 #cashbonus-calendar-alternative-overlay { display: none; }
#cashbonus-calendar-alternative-overlay  {left:310px!important; top:1750px!important; z-index:1000;}
#cashbonus-calendar-alternative-overlay-top   {left:310px!important; top:244px; z-index:1000;}
#cashbonus-calendar-alternative-overlay.overlay-slight {
	width:34.46em;
	font-size: 16px;
	left:310px; top:244px;
}

#cashbonus-calendar-alternative-overlay.overlay-slight div.body {
	width: 33.46em;
	padding:1em .5em;
}

#cashbonus-calendar-alternative-overlay.overlay-slight div.body #overlay-content {
	min-height: 123px;
}

#cashbonus-calendar-alternative-overlay .close-link {
	font-size: 11px;
}

#cashbonus-calendar-alternative-overlay .left-side {
	float: left;
	width: 265px;
	padding:15px 0 0 5px;
}

#cashbonus-calendar-alternative-overlay .left-side h1 {
	color: #FF6600;
	font-size: 18px;
}

#cashbonus-calendar-alternative-overlay .left-side h1 img {
	float: left;
}

#cashbonus-calendar-alternative-overlay .left-side h1 em {
	float: left;
	margin-top: 5px;
	padding-left: 7px;
}	

#cashbonus-calendar-alternative-overlay .left-side p {
	float: left;
	width: 175px;
	padding: 3px 0 0 7px;
	line-height: 18px;
	font-size: 12px;
	color: #576166;
}

#cashbonus-calendar-alternative-overlay .right-side {
	float: left;
	width: 240px;
	margin: 10px 0 0 0;
	padding: 10px;
	background: #FFF4E0;
}

#cashbonus-calendar-alternative-overlay .right-side h2 {
	padding: 5px 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #FFCFA4;
	color: #FF6600;
}

#cashbonus-calendar-alternative-overlay .right-side h2 span.months {
	float: left;
	width: 90px;
}

#cashbonus-calendar-alternative-overlay .right-side h2 span.category {
	font-weight: normal;
	color: #576166;
}	
		

#cashbonus-calendar-alternative-overlay .right-side h2.last {
	border-bottom: none;
}		

/*IE6 Specific */

* html #cashbonus-calendar-alternative-overlay.overlay-slight div.body #overlay-content {
	height: 123px;
}
/*
* Alternative Cashback Bonus Calendar Overlay - 2010 02 02 - mjw 
* This is for the Overlay that is displayed when the 5% Cashback Bonus See 2010 Program Details 
* link under the LIVE Chat is clicked
*/

#cashbonus-calendar-alternative-overlay-top.overlay-slight {
	width:34.46em;
	font-size: 16px;
	left:310px; top:244px;
}

#cashbonus-calendar-alternative-overlay-top.overlay-slight div.body {
	width: 33.46em;
	padding:1em .5em;
}

#cashbonus-calendar-alternative-overlay-top.overlay-slight div.body #overlay-content {
	min-height: 123px;
}

#cashbonus-calendar-alternative-overlay-top .close-link {
	font-size: 11px;
}

#cashbonus-calendar-alternative-overlay-top .left-side {
	float: left;
	width: 265px;
	padding:15px 0 0 5px;
}

#cashbonus-calendar-alternative-overlay-top .left-side h1 {
	color: #FF6600;
	font-size: 18px;
}

#cashbonus-calendar-alternative-overlay-top .left-side h1 img {
	float: left;
}

#cashbonus-calendar-alternative-overlay-top .left-side h1 em {
	float: left;
	margin-top: 5px;
	padding-left: 7px;
}	

#cashbonus-calendar-alternative-overlay-top .left-side p {
	float: left;
	width: 175px;
	padding: 3px 0 0 7px;
	line-height: 18px;
	font-size: 12px;
	color: #576166;
}

#cashbonus-calendar-alternative-overlay-top .right-side {
	float: left;
	width: 240px;
	margin: 10px 0 0 0;
	padding: 10px;
	background: #FFF4E0;
}

#cashbonus-calendar-alternative-overlay-top .right-side h2 {
	padding: 5px 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #FFCFA4;
	color: #FF6600;
}

#cashbonus-calendar-alternative-overlay-top .right-side h2 span.months {
	float: left;
	width: 90px;
}

#cashbonus-calendar-alternative-overlay-top .right-side h2 span.category {
	font-weight: normal;
	color: #576166;
}	
		

#cashbonus-calendar-alternative-overlay-top .right-side h2.last {
	border-bottom: none;
}		

/*IE6 Specific */

* html #cashbonus-calendar-alternative-overlay-top.overlay-slight div.body #overlay-content {
	height: 123px;
}