/* CSS shorthands */
/*padding: one value = all sides; two values = top and bottom, sides; three values = top, sides, bottom; and four values = follow clockwise. */
/*font: font-style | font-variant | font-weight | font-size | line-height | font-family */

a:link, a:visited { color: #15F; text-decoration: underline }
table, input, select, textarea { font: 11px Arial; } 

input.submit { font: 12px "Lucinda Sans"; }

form { display: inline; margin: 0; }

table { border-style:none; border-collapse: collapse; padding: 0; }

tr { vertical-align: middle; padding: 0; }

td { vertical-align: top; padding: 0; }

p.heading4 { font: bold 18px Arial; padding: 0; }

.ar { color:#005A00 !important; font: bold 14px; }

div#TextBox { padding: 0 10; }
div#TextBox2 { padding: 0; }

/* LAYOUT OF index.shtml */

body { color: #000; background: #eff5ff; text-align: center; margin: 0 auto; }

div#spacer { height: 5px; overflow: hidden; clear: both; }

div#logo { position: relative; z-index: 1; text-align: left; white-space: nowrap; }

div#GoogleAd { padding: 5 0; background: #FFF; margin: 0 auto; text-align: center; width: 855px; min-height: 100px; height:auto!important; }
div#InnerContentGoogleAd { padding: 0; margin: 0 auto; background: #C3D9FF; width: 845px; min-height: 90px; height:auto!important; }

/* 915 = 550 + 300 + 5 + 30 + 30 */
div#backTable { min-width: 915px; max-width: 915px; width: 915px; min-height: 500px; height:auto!important; background-color: #0000CC; padding: 0 30; overflow: auto; text-align: center; margin: 0 auto; }

div#leftside, div#rightside { min-height: 500px; height:auto!important; background-color: #0000CC; margin: 0 auto; }
div#leftside { float: left; width: 550px; min-width: 550px; max-width: 550px; overflow: hidden; }
div#rightside { float: right; width: 300px; min-width: 300px; max-width: 300px; overflow: hidden; }

	div#QuickSearch, div#GuidedSearch, div#signin, div#scroller { padding: 5 0; background: #FFF; margin: 0 auto; text-align: center; overflow: hidden; }
	div#QuickSearch, div#signin { min-height: 125px; height: 125px; }
	div#GuidedSearch, div#scroller { min-height: 365px; height: 365px; }
	div#QuickSearch, div#GuidedSearch  { width: 550px; min-width: 550px; max-width: 550px; }
	div#signin, div#scroller { width: 300px; min-width: 300px; max-width: 300px; }

	div#InnerContentQuick, div#InnerContentGuided, div#InnerContentSignIn, div#InnerContentScroller { padding: 0; margin: 0 auto; overflow: hidden; }
	div#InnerContentQuick, div#InnerContentSignIn { min-height: 115px; height: 115px; }
	div#InnerContentGuided, div#InnerContentScroller  { min-height: 355px; height: 355px; }
/* set the height of div#InnerContentScroller in index.html */
	div#InnerContentQuick, div#InnerContentGuided { width: 540px; }
	div#InnerContentQuick { background: #A8A8FF; }
	div#InnerContentGuided { background: #E9E3FE; }
	div#InnerContentSignIn, div#InnerContentScroller { width: 290px; }
	div#InnerContentSignIn { background: #7096FA; }
	div#InnerContentScroller, table#scrollTable { background: #F2E5FF; }

div.row { clear: both; white-space: nowrap; }

div.row span.qnmark { padding-right: 30; text-align: right; float: right; }

div.row span.heading { font: bold 18px Verdana-sans, Lucinda-sans, Arial, Helvetica; color: #000; text-align: center; }

div.row span.stephead, div.row span.hanging2 { width: 83%; }
div.row span.stephead { margin-left: 20px; padding-left: 10; text-align: left; float: left; white-space: nowrap; line-height: 20px; height: 20px; vertical-align: middle; }

div.row span.stephead { font: small-caps bold 14px Arial; color: #FFF;
              white-space: nowrap;
              background-color: #325AF6;
              filter: alpha(opacity=100, finishOpacity=5, style=1, startX=0, startY=0, finishX=140, finishY=50); }

div.row span.hanging2 { padding-left: 30; text-align: left; float: left; white-space: nowrap; }

/* submitnewpromotion.html */

div#PromSubSection { padding: 5 0; background: #FFF; width: 780px; min-height: 900px; height:auto!important; margin: 0 auto; }
div#InnerContentPromSubSection { min-height: 890px; height:auto!important; width: 770px; margin: 0 auto; background: #9BABF9; }

div.snprow { clear: both; padding-top: 1; }
div.snprow span.snpleft { padding-left: 10; width: 123px; text-align: left; float: left;  font: 12px Arial; }
div.snprow span.snpright { text-align: left; float: left; font: 12px Arial; }

/* reportpromotionerror.html */

div#correctionSection { padding: 5 0; background: #FFF; width: 780px; min-height: 300px; height:auto!important; text-align: center; margin: 0 auto; }
div#InnerContentcorrectionSection { min-height: 290px; height:auto!important; width: 770px; padding: 0; margin: 0 auto; text-align: center; background: #9BABF9; }

/* merchant_search.shtml */
div.msrow { clear: both; padding-top: 2px; }
div.msrow span.left, div.msrow span.right { text-align: left; float: left; font: 12px Arial; }
div.msrow span.left { padding-left: 10; }

/* Login & Logout Box & cc_search.cgi table links */

div.row span.llabel { font: 12px Arial; vertical-align: baseline; text-align: right; }
div.row span.linput { font: 12px Arial; padding-right: 30px; text-align: right; }

a.LoginLink:link, a.LoginLink:visited { font: bold 12px Arial; color: #FFF; text-decoration: underline }
a.ResultsPage:visited { color: #FFF; }
a.LoginLink:hover, a.LoginLink:active, a.ResultsPage:hover, a.ResultsPage:active { color: #F00; font-weight: bold; }

/* LAYOUT OF cc_search.cgi */

div#SearchResults, div#InnerContentSearchResults { text-align: center; min-height: 100px; height:auto!important; margin: 0 auto; }
div#SearchResults { background: #FFF; width: 855px; padding: 5 0; }
div#InnerContentSearchResults { background: #DCE6F6; width: 835px; padding: 0; }

div.signout { position: absolute; top: 5; left: 745; display: inline; z-index: 5; white-space: nowrap; }

div.QuickSearchTextBox { position: absolute; top: 20; left: 250; display: inline; z-index: 2; width: 606px; }
div.ResultTitle, span.ResultTitle, div.ResultsPageSelection { color: #FFF; font: 14px Arial; }
div.ResultsPageSelection { text-align: center; }
div.ResultTitle { text-align: left; vertical-align: middle; padding: 0; position: relative; }
span.ResultTitle { text-align: left; vertical-align: middle; padding: 0; }

p.SignOut { color: #FFF; font: bold 13px Arial; text-align:right; }
a.SignOutLink:link, a.SignOutLink:hover, a.SignOutLink:visited { font-size: 11px; color: #FFF; text-decoration: underline; }
a.SignOutLink:hover, a.SignOutLink:active { color: red; font-weight: bold; }

p.Disclaimer { color: #FFF; font: 12px Arial; text-align:left; }

/* FOR TABLES on cc_mycards.cgi */
td.MyCardTopLine { text-align: left; color: #FFF; font: bold 17px Arial; }
td.MyCardSecondLine, td.MyCardSecondLineLeft { text-align: left; color: #FFF; font: 11px Arial; }
td.MyCardSecondLineLeft { width: 75px; }
td.MyCardThirdLine { text-align: left; color: #FFF; font: 13px Arial; }

a.daysLink:link, a.daysLink:visited { color: #AAFFAA; text-decoration: underline; font-weight: bold; }
a.days:hover { color: #4444FF; background-color: #F5F5F5; font-weight: lighter; }
a.days:active { color: #F00; font-weight: bold; }

/* LAYOUT OF cc_retrieve.cgi */

div#PromotionSection, div#MerchantVoteSection { width: 855px; margin: 0 auto; }
div#PromotionSection { padding: 5 0; background: #FFF; min-height: 100px; height:auto!important; }
div#MerchantSection, div#VoteSection { padding: 5 0; background: #FFF; min-height: 240px; height:auto!important; position: relative; }
div#MerchantSection { float: left; width: 505px; }
div#VoteSection { float: right; width: 345px; }

div#InnerContentPromotionSection, div#InnerContentMerchantSection, div#InnerContentVoteSection { padding-bottom: 20; position: relative; margin: 0 auto; }
div#InnerContentPromotionSection { background: #9BABF9; min-height: 90px; height:auto!important; width: 845px; text-align: left; }
div#InnerContentMerchantSection, div#InnerContentVoteSection { padding: 0; height: 235px; }
div#InnerContentMerchantSection { background: #7096FA; width: 495px; height: 230px; text-align: left; }
div#InnerContentVoteSection { background: #DCE6F6; width: 335px; height: 230px; text-align: center; }

div.p_row, div.m_row, div.v_row { clear: both; font: 12px Arial; text-align: left; vertical-align: top; padding-top: 5; }
div.p_row { width: 785px; margin-left: 30; margin-right: 30; }
div.m_row { width: 435px; margin-left: 30; margin-right: 30; }
div.p_row span.Header { padding-top: 20; font: bold 14px Arial; }
div.p_row span.lc, div.m_row span.lc, div.m_row span.lc_tel { float: left; white-space: nowrap; width: 135px; }
div.p_row span.rc, div.m_row span.rc, div.p_row span.referral { float: left; }
div.p_row span.referral { padding-top: 0; margin-bottom: 5; }
div.p_row span.rc_eligible { float: left; width: 285px; height: 22px; }

div.m_row span.lc_tel { padding-left: 42; }
div.p_row span.sc, div.m_row span.sc { float: left; white-space: nowrap; }

div.filler { position: absolute; left: 30px; bottom: 5px; overflow: hidden; font: 12px Arial; text-align: left; }

a.ccRetrieveLink:link, a.ccRetrieveLink:visited { color: #15F; text-decoration: underline; }
a.ccRetrieveLink:hover { color: #4444FF; background-color: #F5F5F5; text-decoration: underline; font-weight: lighter; }
a.ccRetrieveLink:active { color: #F00; font-weight: bold; }
a.MerchantLink:hover { background-color: #7096FA; }
a.MerchantLink:active { color:#F00; text-decoration: none; }

div.v_row { width: 335; }
div.v_row span.vt { padding-right: 0; padding-bottom: 3; padding-left: 30; white-space: nowrap; }
div.v_row span.vc, div.v_row span.left_button { padding: 3 5 3 30; white-space: nowrap; }
div.v_row span.button { padding: 0 3; }
div.v_row span.left_number { padding: 0 0 0 38; }
div.v_row span.number { padding: 0 1 0 18; }
span.votefade { width: 100px; font: bold 12px Arial; background-color: #005AF6; color: #FFF; padding: 0; margin-left: 30; filter: alpha(opacity=20, finishOpacity=100, style=1); text-align: justify; }

p.ErrorMsg { color: #000; font: 12px Arial; }
a.SignIn:link, a.SignIn:visited { font: 12px Arial; color: #00F; text-decoration: underline; }

/* LAYOUT and TABLES on referral.cgi */

div#referralContactSection, div#referralInfoSection { padding: 5 0; background: #FFF; width: 800px; text-align: center; margin: 0 auto; }
div#referralContactSection { height: 320px; }
div#referralInfoSection { height: 390px; }

div#InnerContentreferralContactSection, div#InnerContentreferralInfoSection { width: 790px; padding: 0; text-align: center; margin: 0 auto; }
div#InnerContentreferralContactSection { height: 310px; background: #9BABF9; }
div#InnerContentreferralInfoSection { height: 380px; background: #7096FA; }

table.referralContact { min-height: 310px; width: 780px; }
table.referralInfo { min-height: 380px; width: 780px; }

td.SingleColumnReferral, td.LeftColumnReferral, td.RightColumnReferral { text-align: left; vertical-align: middle; font: 12px Arial; height: 5px; }
td.SingleColumnReferral { padding: 5 20 20 20; font: 14px; }
td.LeftColumnReferral { padding: 5 0 5 20; width: 240px; }
td.RightColumnReferral { padding: 5 20 5 5; }

/* FOR TABLES on promotion_comments.cgi */

table.Comments { min-height: 310px; width: 830px; }
table.Comments th { background-color: #FFF; border: 1px solid #C8C8C8; font-size: 13px; }
table.Comments tr td {	font-size: 12px; text-align:left; padding: 4 5 4 5; }
tr.CommentRow, td.CommentRow { background-color: #DCE6F6; border: 1px solid #C8C8C8; height: 4px; }
tr.Spacer { background-color: #7096FA; border: none; line-height: 1em; font-size: 1px; }

/* LAYOUT OF outlets.cgi */

div#MerchantSectionOutlet { padding: 5 0; background: #FFF; width: 450px; text-align: center; margin: 0 auto; }
div#InnerContentMerchantSectionOutlet { padding: 0; background: #7096FA; height: 100%; width: 440px; text-align: center; margin: 0 auto;}
table#MerchantSectionOutlet { background-color: #7096FA; text-align: center; }

/* LAYOUT OF signup.html and legal.html */

div#PersonalInfo, div#CardInfo, div#InterestInfo, div#OtherInfo { padding: 5 0; background: #FFF; width:855px; min-height: 200px; height:auto!important; text-align: center; margin: 0 auto; }

div#InnerContentPersonal, div#InnerContentCard, div#InnerContentInterest, div#InnerContentOther { min-height: 200px; height:auto!important; width:845px; padding: 0; margin: 0 auto; text-align: left;  }
div#InnerContentPersonal { background: #9BABF9; }
div#InnerContentCard { background: #7096FA; }
div#InnerContentInterest { background: #E9E3FE; }
div#InnerContentOther { background: #DCE6F6; }

/* FOR TABLES on signup.html */

table.PersonalInfo { background-color: #9BABF9; }
table.CardInfo { background-color: #7096FA; }
table.InterestInfo { background-color: #E9E3FE; }
table.OtherInfoTable { background-color: #DCE6F6; }

td.section { padding-left: 5; padding-bottom: 10; font: bold 12px Verdana-sans, Lucinda-sans, Arial, Helvetica; color: #000; text-align:left; }

td.ColHeader { padding-bottom: 5; font: bold 10px Verdana-sans, Lucinda-sans, Arial, Helvetica color: #000; text-align: center; }

td.UserLeftColumn, td.UserLeftColumnOther { text-align: left;  padding: 2 10 2 10; font-size: 11px; }
td.UserLeftColumn { width: 135px; }
td.UserLeftColumnOther { width: 50px; }

td.UserRightColumn { text-align: left; padding: 2 0; font-size: 11px; width: 245px; }

td.errormessage { text-align: left; vertical-align: middle; padding-left: 10; color: #F00; font-weight: bold; }

td.TellYourFriends { padding-left:10; padding-bottom: 5; font-weight:bold; #color: #000; }

/* LAYOUT OF contactus.html */

div#emailSection, div#mediaSection, div#guestbookSection { padding: 5 0; background: #FFF; width: 855px; min-height: 70px; height:auto!important; text-align: center; margin: 0 auto; }

div#InnerContentemailSection, div#InnerContentmediaSection, div#InnerContentguest { min-height: 60px; height:auto!important; width: 845px; padding: 0; margin: 0 auto; text-align: center; }
div#InnerContentemailSection { background: #9BABF9; }
div#InnerContentmediaSection { background-color: #E9E3FE; }
div#InnerContentguest { background: #7096FA; }

td.LeftColumnContact, td.RightColumnContact { text-align: left; vertical-align: middle; font-size: 12px; height: 5px; }
td.LeftColumnContact { padding: 3 0 3 40; width: 100px; }
td.RightColumnContact { padding: 3 0; }

/* LAYOUT of guestbook.html */

td.GuestLeft { text-align: left; vertical-align: middle; font-size: 12px; padding-top: 5; }
td.GuestName, td.GuestIP, td.GuestEmail, td.GuestComments { text-align: left; vertical-align: middle; font-size: 12px; padding-top: 5; padding-left: 5 }

/* LAYOUT OF aboutus.html */

div#leftsideAbout, div#rightsideAbout { min-height: 628px; height: 628px; background-color: #0000CC; margin: 0 auto; }
div#leftsideAbout { float: left; width: 450px; }
div#rightsideAbout { float: right; width: 400px; }

	div#WhoWeAre, div#Philosophy, div#WhatWeDo, div#WantToJoinUs { padding: 5 0; background: #FFF; margin: 0 auto; }
	div#WhoWeAre, div#WhatWeDo, div#WantToJoinUs { width: 450px; } 
	div#WhoWeAre { height: 165px; }
	div#WhatWeDo { height: 165px; }
	div#WantToJoinUs { height: 165px; }
	div#Philosophy { width: 400px; min-height: 628px; height: 628px; }

	div#InnerContentWhoWeAre, div#InnerContentPhilosophy, div#InnerContentWhatWeDo, div#InnerContentWantToJoinUs { padding 0; margin: 0 auto; text-align: left; }
	div#InnerContentWhoWeAre, div#InnerContentWhatWeDo, div#InnerContentWantToJoinUs { width: 440px; }
	div#InnerContentWhoWeAre { background: #9BABF9; height: 155px; }
	div#InnerContentWhatWeDo { background: #E9E3FE; height: 155px; }
	div#InnerContentWantToJoinUs { background: #DCE6F6; height: 155px; }
	div#InnerContentPhilosophy { background: #7096FA; width: 390px; min-height: 618px; height: 618px; }

div.ab_heading, div.ad_heading { font: bold 18px Arial; padding: 10; }
div.ab_row_p, div.ab_row_w { clear: both; font: 14px Arial; text-align: left; padding: 10; line-height: 1.5em; }
div.ab_row_p { width: 390px; }
div.ab_row_w { width: 440px; }

/* LAYOUT OF advertise.html */

div#leftsideAdvertise, div#rightsideAdvertise { min-height: 720px; height:auto!important; background-color: #0000CC; margin: 0 auto; }
div#leftsideAdvertise { float: left; width: 475px; }
div#rightsideAdvertise { float: right; width: 375px; }

	div#AdvertiseWith, div#AdvertiseDownload, div#CorporateOverview, div#Research { padding: 5 0; background: #FFF; margin: 0 auto; }
	div#AdvertiseWith, div#CorporateOverview { width: 475px; }
	div#AdvertiseDownload, div#Research { width: 375px; }
	div#AdvertiseWith { height: 410px; }
	div#AdvertiseDownload { height: 185px; }
	div#CorporateOverview { min-height: 370px; height: 370px; }
	div#Research { min-height: 580px; height: 580px; }

	div#InnerContentAdvertiseWith, div#InnerContentAdvertiseDownload, div#InnerContentCorporateOverview, div#InnerContentResearch { padding 0; margin: 0 auto; text-align: left; }
	div#InnerContentAdvertiseWith, div#InnerContentCorporateOverview { width: 465px; }
	div#InnerContentAdvertiseDownload, div#InnerContentResearch { width: 365px; }
	div#InnerContentAdvertiseWith { background: #9BABF9; height: 400px; }
	div#InnerContentAdvertiseDownload { background: #7096FA; height: 175px; }
	div#InnerContentCorporateOverview { background: #E9E3FE; min-height: 360px; height: 360px; }
	div#InnerContentResearch { background: #DCE6F6; min-height: 570px; height: 570px; }

div.ad_row_left, div.ad_row_right { clear: both; font: 14px Arial; text-align: left; padding: 10; line-height: 1.5em; }
div.ad_row_left { width: 465px; }
div.ad_row_right { width: 365px; }

p.Press, ol { font: 14px Arial; line-height: 1.5em; text-align: left; }

/* LAYOUT OF legal.html and press.html */

div.legal, div.PressRelease { padding: 0 10; font: 12px Arial; }

/* FOR POP UP HELP */

blockquote.helpContents {
  text-align: left;
  margin: 0;
  padding: 4;
  position: absolute;
  width: 200px;
  font: bold 11px Arial;
  BORDER-LEFT: 1px solid #000;
  BORDER-TOP: 1px solid #000;
  BORDER-RIGHT: 3px solid #000;
  BORDER-BOTTOM: 3px solid #000;
  z-index: 100;
  background-color: yellow;
  filter:alpha(opacity=85);
  top: -1000px; /* Do not remove */
  left: -1000px; /* Do not remove */
}

blockquote.disclaimerContents {
  text-align: left;
  margin: 0;
  padding: 4;
  position: absolute;
  width: 350px;
  font: 12px Arial;
  BORDER-LEFT: 1px solid #000;
  BORDER-TOP: 1px solid #000;
  BORDER-RIGHT: 3px solid #000;
  BORDER-BOTTOM: 3px solid #000;
  z-index: 100;
  background-color: yellow;
  filter:alpha(opacity=95);
  top: -1000px; /* Do not remove */
  left: -1000px; /* Do not remove */
}

/* FOR FOOTER LINKS */

div#footer { background: #0000CC; text-align: center; clear: both; overflow: hidden; min-width: 855px; max-width: 855px; width: 855px; }
span.footer { font: 12px Arial; width: 100%; text-align: center; background: #0000CC; color: #FFF; white-space: nowrap; }

.footerLink { color: #FFF; text-decoration: none }
a.footerLink:link, a.footerLink:visited { color: #A4B6FF; text-decoration: none; }
a.footerLink:hover { color: #4444FF; background-color: #F5F5F5; text-decoration: none; font-weight: lighter; }
a.footerLink:active { color: #F00; font-weight: bold; }

/* FOR SORTABLE TABLES */

table.sortable a:hover { font-weight: normal; background-color: #1E90FF; }
table.sortable a:link, table.sortable a:active, table.sortable a:visited { color: #000; text-decoration: none; }

table.sortable a.sortheader { font: bold 13px; 
                              font-color: #000;
                              text-align: center;
                              vertical-align: middle;
                              background-color: #FFF;
                              border: 0;
                              padding: 0 5;
                              text-decoration: none;
                              display: block; }

table.sortable span.sortarrow { color: #000; text-decoration: none; }

table.sortable tbody tr td { font-size: 12px; text-align:left; border: 1px solid #D9D9D9; padding: 4 5 4 5; }

table.sortable tr td { background-color: #DCE6F6; }
table.sortable th { background-color: #FFF; border: 1px solid #D9D9D9; }

/* Highlighted ruler across a single row */
tbody tr.ruled td { color: #FFF; background-color: #1E90FF; border-color: #3292FC; }
tbody tr.ruled a:hover, tbody tr.ruled a:link, tbody tr.ruled a:active, tbody tr.ruled a:visited { color: #FFF; font-weight: normal; }

/* Column Headers */
tbody tr.ruled th a:visited, tbody tr.ruled th a:link { color: #000; font-weight: bold; }
tbody tr.ruled th a:hover { color: #FD4293; font-weight: bold; background-color: #FFF; text-decoration: underline; }

head:first-child+body tr.ruled td { background-color: #1E90FF }