html, body{
padding: 0px;
margin: 0px;
background: url("../images/en/bgtile.gif") top center;
text-align: center;
width:100%;
}
body{
background: url("../images/en/bgtiley.gif") top center repeat-y;
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
font-size: 11px;
color: #636363;
line-height: 1.3;
height: 100%;
}
#bgtoptile{
background: url("../images/en/bgtiletopx.gif") top center repeat-x;
}
#bgtop{
text-align: left;
background:url(../images/en/logolight.png)  top left no-repeat;
}
#bgfooter{
background:url(../images/en/bgfooter.gif) bottom center repeat-x;
}
/*
#header{
width:100%;
height: 47px;
position: relative;
}
*/
#header{
width:100%;
height: 69px;
position: relative;
}
#headerhome{
width:100%;
height: 69px;
position: relative;
}
#headerhome #logo{
position: absolute;
width: 344px;
height: 69px;
background: url(../images/en/offshorelogonew.gif) 88px 0px no-repeat;
text-indent: -999em;
}
#header #logo{
position: absolute;
width: 344px;
height: 69px;
background: url(../images/en/offshorelogonew.gif) 88px 0px no-repeat;
text-indent: -999em;
}
#logo a{
display: block;
width: 344px;
height: 69px;
}
/*
#header #logo{
position: absolute;
width: 256px;
height: 47px;
background: url(../images/en/offshorelogo.gif) top left no-repeat;
text-indent: -999em;
}

#nav{
float: right;
padding-top: 9px;
padding-right: 7%;
}
*/
#nav{
float: right;
padding-top: 23px;
padding-right: 3%;
}
#headerhome #nav{
float: right;
padding-top: 23px;
padding-right: 3%;
}
#nav li{
float: left;
}
#nav li a{
display: block;
height: 38px;
text-indent: -999em;
}

#home{
width: 41px;
background:url(../images/en/home.gif) top left no-repeat;
}
#about{
width: 47px;
background:url(../images/en/about.gif) top left no-repeat;
}
#faq{
width: 37px;
background:url(../images/en/faq.gif) top left no-repeat;
}
#homeworkers{
width: 90px;
background:url(../images/en/homeworkers.gif) top left no-repeat;
}
#careers{
width: 56px;
background:url(../images/en/careers.gif) top left no-repeat;
}
#contact{
width: 58px;
background:url(../images/en/contact.gif) top left no-repeat;
}
#loginnav{
width: 47px;
background:url(../images/en/loginnav.gif) top left no-repeat;
}
#logoutnav{
width: 47px;
background:url(../images/en/logoutnav.gif) top left no-repeat;
}
#nav li a:hover{
background-position: bottom;
}
#nav li a.active{
background-position: bottom;
}
#contentblock{
width: 100%;
}
#contentblockinner{
width: 100%;
}
#loginbound{
position:absolute;
top: -186px;
left:50%;
width: 357px;
height: 186px;
margin-left: -178px;
z-index: 120;
}
#outer{
position:absolute;
width: 100%;
height: 100%;
top:0px;
display: none;
}
#loginboundbg{
width: 357px;
height: 186px;
background: url(../images/en/loginboundbg.png) top left no-repeat;
}
#logincontents{
width: 220px;
height: 154px;
margin-top: -186px;
padding: 32px 68px 0px 69px;
}
#logincontents label{
display: block;
color:#e4f1f2;
font-size: 9px;
padding-bottom: 4px;
}
#logincontents input{
width:217px;
height: 32px;
border: 0px;
padding-right: 6px;
}
#logincontents input#username{
background:url(../images/en/logininputbg.gif) no-repeat top left;
}
#logincontents input#password{
background:url(../images/en/logininputpwordbg.gif) no-repeat top left;
}


#logincontents input#loginbtn{
float: right;
width:49px;
height: 22px;
margin:8px 0px 0px 0px;
padding: 0px;
}

#logincontents input#forgotpword{
float: right;
width:120px;
height: 22px;
margin:8px 9px 0px 0px;
padding: 0px;
}

/*--------- forgot pword ---------------*/
#forgotpwordbound{
position:absolute;
top: -186px;
left:50%;
width: 357px;
height: 186px;
margin-left: -178px;
z-index: 120;
}
/*
#outer{
position:absolute;
width: 100%;
height: 100%;
top:0px;
display: none;
}
*/
#forgotpwordboundbg{
width: 357px;
height: 186px;
background: url(../images/en/loginboundbg.png) top left no-repeat;
}
#forgotpwordcontents{
width: 220px;
height: 154px;
margin-top: -186px;
padding: 32px 68px 0px 69px;
}
#forgotpwordcontents h2{
color: #ffffff;
text-align: center;
padding-bottom: 10px;
}
#forgotpwordcontents label{
display: block;
color:#e4f1f2;
font-size: 9px;
padding-bottom: 4px;
text-align: center;
}
#forgotpwordcontents input{
width:217px;
height: 32px;
border: 0px;
padding-right: 6px;
}
#forgotpwordcontents input{
background:url(../images/en/logininputpwordbg.gif) no-repeat top left;
}


#forgotpwordcontents input#generatepwordbtn{
width:129px;
height: 22px;
margin:0px 0px 0px 45px;
padding: 0px;
}
#footer{
width: 100%;
height: 110px;
background: url(../images/en/bgfooterfixed.gif) top center no-repeat;
color:#8db8bd;
}
#footer #copyright{

width:999px;
margin: auto;
padding-top: 78px;
text-align: right;

font-size: 9px;
}
a:link, a:visited{
color:#0090af;
/*
font-weight: bold;
font-size: 10px;
*/
}
a:hover{

}
#languageselection{
position: fixed;
top:40%;
right: 0px;
border-top: 5px #ffffff solid;
border-left: 5px #ffffff solid;
border-bottom: 5px #ffffff solid;
background: #4c6274;
color: #ffffff;
cursor: pointer;
cursor: hand;
}
#languageselectionhead{
width: 15px;
height: 62px;
float: left;
background: url(../images/en/languagehead.gif) top left no-repeat;
margin-top: 3px;
margin-bottom: 3px;
}
#flags{
float: left;
width: 31px;
min-height: 62px;
height: auto !important;
height: 62px;
background:url(../images/en/flagsbg.gif) top left repeat-y;
padding-top: 3px;
padding-bottom: 3px;
overflow: hidden;
}
#flags a{
display: block;
width: 31px;
height: 25px;
text-indent: -999em;
}
.usflag{
background:url(../images/en/usflag.gif) top left no-repeat;
}
.nlflag{
background:url(../images/en/nlflag.gif) top left no-repeat;
}
.frflag{
background:url(../images/en/frflag.gif) top left no-repeat;
}
#flags a:hover{
background-position: bottom left;
}
#banner{
width: 100%;
min-height: 315px;
height: auto !important;
height: 315px;
text-align: center;
}
#banner #bannerdiagram{
width: 999px;
height: 282px;
margin: auto;
position: relative;
background: url(../images/en/bannerdiagrambg.gif) top center no-repeat;
}
#banner #bannerdiagram a{
position: absolute;
display: block;
text-indent: -999em;
}
#firststep{
width: 133px;
height: 220px;
top:13px;
left:100px;
background:url(../images/en/grabbannerstep.jpg) top center no-repeat;
}
#secondstep{
width: 138px;
height: 151px;
top:26px;
left: 277px;
background:url(../images/en/pastebanner.jpg) top center no-repeat;
}
#thirdstep{
width: 138px;
height: 166px;
top:15px;
left: 549px;
background:url(../images/en/pastebannerstep.jpg) top center no-repeat;
}
#fourthstep{
width: 164px;
height: 277px;
top:5px;
left: 687px;
background:url(../images/en/earnstep.jpg) top center no-repeat;
}
#banner #bannerdiagram #steptext{
position: absolute;
width: 251px;
height: 82px;
top:181px;
left: 220px;
text-align: left;
padding: 5px 0px 0px 23px;
color: #606060;
}
#banner #bannerdiagram #steptext span{
display: block;
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 30px;
line-height: 1.2;
}
#banner #bannerdiagram #steptext span.short{
padding-top: 5px;
}
#banner #bannerdiagram a:hover{
background-position: bottom;
}
#banner h1{
height: 60px;
width: 100%;
background: url(../images/en/makeeasymoney.gif) top center no-repeat;
text-indent: -999em;
}
#supportbanner, #supportbanner .bgtop{
width: 999px;
min-height: 239px; 
height: auto !important; 
height: 239px;  
margin: auto;
background: url(../images/en/homebgtile.gif) top center;
}
#supportbanner .bgtop{
position: relative;
margin: 0px;
background: url(../images/en/homebgtop.gif) top center no-repeat;
}
#supportbanner .left{
float: left;
width: 412px;
min-height: 239px; 
height: auto !important; 
height: 239px; 
padding: 43px 55px 0px 75px;
}
#supportbanner .left h2{
font-weight: normal;
font-size: 30px;
color:#f17b0b;
margin-bottom: 15px;
}
#supportbanner .left p{
font-size: 12px;
line-height: 1.6;
padding-bottom: 15px;
}
#supportbanner .right{
float: left;
width: 376px;
min-height: 239px; 
height: auto !important; 
height: 239px;  
padding: 43px  65px 0px 16px;
}
#supportbanner .right p{
padding-bottom: 15px;
line-height: 1.6;
}
#supportbanner .right strong{
font-size: 12px;
}

#supportbanner .middle{
width: 999px;
height: 89px;
background: url(../images/en/homemiddlebg.gif) 33px 0px no-repeat;
}
#supportbanner .middle h3{
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 18px;
line-height: 1.3;
color: #1387af;
padding: 20px 0px 0px 72px;
float: left;
}
#supportbanner .middle .rope{
position:absolute;
width: 37px;
z-index: 100;
}

#supportbanner .middle #login, #supportbanner .middle #signup{
display: block;
height: 40px;
text-indent: -999em;
float: right;
margin-top: 13px;
}
#supportbanner .middle #login{
width: 140px;
background:url(../images/en/login.gif) top left no-repeat;
margin-right: 60px;
}
#supportbanner .middle #signup{
width: 123px;
background:url(../images/en/signup.gif) top left no-repeat;
margin-right: 5px;
}
#supportbanner .middle #login:hover, #supportbanner .middle #signup:hover{
background-position: bottom;
}
#supportbanner .right{
float: left;
width: 352px;
height: 154px; 
padding: 13px  89px 0px 16px;
}
#supportbanner .right p{
padding-bottom: 15px;
}

#ribbonpart, #ribbonbgtopx, #ribbonbgbottomx, #ribbonbgtop, #ribbonbgbottom{
width: 100%;
min-height: 155px;
height: auto !important;
height: 155px;
}
#ribbonlefty, #ribbonrighty, #ribbonlefttop, #ribbonrighttop, #ribbonleftbottom, #ribbonrightbottom{
width: 100%;
min-height: 127px;
height: auto !important;
height: 127px;
}
#ribbonpart{
background: url(../images/en/ribbonbg.gif);
}
#ribbonbgtopx{
background: url(../images/en/ribbonbgtopx.gif) top center repeat-x;
}
#ribbonbgbottomx{
background: url(../images/en/ribbonbgbottomx.gif) bottom center repeat-x;
}
#ribbonbgtop{
background:url(../images/en/ribbonbgtop.jpg)  top center no-repeat;
}
#ribbonbgbottom{
width: 100%;
min-height: 127px;
height: auto !important;
height: 127px;
padding: 14px 0px;
background:url(../images/en/ribbonbgbottom.jpg)  bottom center no-repeat;
}
#contentblock #ribbonbgbottom{
width: 100%;
min-height: 127px;
height: auto !important;
height: 127px;
padding: 14px 0px;
background:url(../images/en/ribbonbgbottomhome.jpg)  bottom center no-repeat;

}
#contentblock #ribbonbgtop{
background:url(../images/en/ribbonbgtophome.jpg)  top center no-repeat;
}
#ribbonlefty{
background: url(../images/en/ribbonbglefty.gif) top left repeat-y;
}
#ribbonrighty{
background: url(../images/en/ribbonbgrighty.gif) top right repeat-y;
}
#ribbonlefttop{
background: url(../images/en/ribbonbglefttop.gif) top left no-repeat;
}
#ribbonrighttop{
background: url(../images/en/ribbonbgrighttop.gif) top right no-repeat;
}
#ribbonleftbottom{
background: url(../images/en/ribbonbgleftbottom.gif) bottom left no-repeat;
}
#ribbonrightbottom{
background:url(../images/en/ribbonbgrightbottom.gif)  bottom right no-repeat;
}
#ribbonrightbottom{
min-height: 98px;
height: auto !important;
height: 98px;
padding: 16px 0px 20px 0px;
}

#contentblockinner #ribbonbgbottom{
width: 100%;
min-height: 200px;
height: auto !important;
height: 200px;
padding: 	0px 0px 14px 0px;
background:url(../images/en/ribbonbgbottom.jpg)  bottom center no-repeat;
}
#contentblockinner #ribbonlefty, #contentblockinner #ribbonrighty, #contentblockinner #ribbonlefttop, #contentblockinner #ribbonrighttop, #contentblockinner #ribbonleftbottom, #contentblockinner #ribbonrightbottom{
width: 100%;
min-height: 186px;
height: auto !important;
height: 186px;
}

#contentblockinner #ribbonbgtopx{
background: url(../images/en/ribbonbgtopxinner.gif) top center repeat-x;
}

#contentblockinner #ribbonbgtop{
background:url(../images/en/ribbonbgtopinner.jpg)  top center no-repeat;
}
#contentblockinner #ribbonrightbottom{
text-align: center;
padding:0px 0px 20px 0px;
}
#homebottomcontent, #homebottomcontent .bgbottom{
width: 999px;
margin: auto;
text-align: center;
background: url(../images/en/homebgtile.gif) top center;
}
#homebottomcontent .bgbottom{
padding-bottom: 45px;
background: url(../images/en/homebgbottom.gif) bottom center no-repeat;
}
#slidersupporttext{
width: 999px;
min-height: 59px;
height: auto !important;
height: 59px;
position: relative;
bottom:14px;
text-align: left;
}
.clearer{
clear: both;
}
.divider{
margin-bottom: 20px;
height: 1px;
background:url(../images/en/headerbgbrokenline.gif) top left repeat-x;
}


#subnavbound{
height: 17px;
margin: auto;
text-align: center;
position: relative;
top:1px;
}
#subnav{
position: relative;
left: 50%;
height: 17px;
float: left;
}
#subnav li{
float: left;
height: 17px;
position: relative;
right: 50%;
}
#subnav li a{
display: block;
width: 97px;
height: 17px;
text-indent: -999em;
background: url(../images/en/subnavbg.gif) repeat-x top left;
}
#subnav li a#dashboard{
width: 86px;
background:url(../images/en/dashboard.gif) no-repeat top left;
}
#subnav li a#subscribe{
width: 79px;
background:url(../images/en/subscribe.gif) no-repeat top left;
}
#subnav li a#reports{
width: 72px;
background:url(../images/en/reports.gif) no-repeat top left;
}
#subnav li a#accountinfo{
width: 86px;
background:url(../images/en/accountinfo.gif) no-repeat top left;
}

#subnav li a:hover, #subnav li a#dashboard:hover, #subnav li a#subscribe:hover, #subnav li a#reports:hover, #subnav li a#accountinfo:hover{
background-position: bottom;
}
/*--------------------------------------------*/
/*--------------Sales Subnav---------------*/
/*--------------------------------------------*/
#subnav li a#salesdashboardnav{
width: 110px;
background:url(../images/Homeworkers/EN/salesdashboard.gif) no-repeat top left;
}
#subnav li a#emailer{
width: 63px;
background:url(../images/Homeworkers/EN/emailer.gif) no-repeat top left;
}
#subnav li a#salesreports{
width: 72px;
background:url(../images/Homeworkers/EN/reports.gif) no-repeat top left;
}
#subnav li a#salesaccountinfo{
width: 134px;
background:url(../images/Homeworkers/EN/salesaccountinfo.gif) no-repeat top left;
}

#subnav li a#salesdashboardnav:hover, #subnav li a#emailer:hover, #subnav li a#salesreports:hover, #subnav li a#salesaccountinfo:hover{
background-position: bottom;
}
/* Register Info */
#registerinfo h1{
height: 77px;
width: 100%;
background: url(../images/en/affiliateregistrationhead.gif) top center no-repeat;
text-indent: -999em;
}
#registerinfo{
width: 987px;
margin: auto;
padding-left: 12px;
text-align: left;
position: relative;
}
#registerinfo .left, #registerinfo .middle, #registerinfo .right{
float: left;
padding-right: 16px;
margin-bottom: 26px;
background:url(../images/en/smallcolbg.gif) repeat-y top left;
}
#registerinfo .left, #registerinfo .middle, #registerinfo .right,
#registerinfo .left .bgtop, #registerinfo .middle .bgtop, #registerinfo .right .bgtop{
width: 313px;
min-height: 363px;
height: auto !important;
height: 363px;
}
#registerinfo .left .bgtop{
background:url(../images/en/smallcolbgtopleft.gif) no-repeat top left;
} 
#registerinfo .middle .bgtop{
background:url(../images/en/smallcolbgtopmid.gif) no-repeat top left;
} 
#registerinfo .right .bgtop{
background:url(../images/en/smallcolbgtop.gif) no-repeat top left;
}
#registerinfo .left .bgbottom, #registerinfo .middle .bgbottom, #registerinfo .right .bgbottom{
width: 265px;
min-height: 336px;
height: auto !important;
height: 336px;
background:url(../images/en/smallcolbgbottom.gif) no-repeat bottom left;
padding: 27px 28px 0px 20px;
}
#registerinfo h2{
font-size: 12px;
height: 24px;
background:url(../images/en/headerbgbrokenline.gif)  bottom left repeat-x;
margin-bottom: 21px;
}
.inputlist li{
float: left;
padding-bottom: 10px;
}
#registerinfo label, .addwebsiteinfo .inputlist label{
display: block;
width: 77px;
padding-left: 5px;
min-height: 19px;
height: auto !important;
height: 19px;
float: left;
}
#registerinfo input, .addwebsiteinfo .inputlist input{
width: 179px;
height: 19px;
border: 0px;
background:url(../images/en/inputbg.gif) top left no-repeat;
}

#registerinfo input.checkbox{
margin-right: 10px;
float: left;
}
#registerinfo label.checkboxlabel{
width: 230px;
padding-bottom: 10px;
}
#addwebsitespart input.checkbox{
float: none;
margin:5px 10px 0px 420px;
}
#addwebsitespart label.checkboxlabel{
float: none;
}

.addwebsiteinfo .inputlist li{
width: 919px;
}
.addwebsiteinfo .inputlist input{
background:url(../images/en/inputbgbrighter.gif) top left no-repeat;
}
#registerinfo #remarks{
width: 251px;
margin-left: 8px;
height: 70px;
border: 0px;
background:url(../images/en/textareabg.gif) top left no-repeat;
}

#registerinfo #addmoresites{
display: block;
width:161px;
height:35px;
text-indent: -999em;
background: url(../images/en/addmorewebsites.gif) top left no-repeat;
position: absolute;
bottom: -35px;
left: 102px;
}
#registerinfo #addmoresites:hover{
background-position: bottom;
}


/* Dashboard Info */

#dashboardinfo h1{
height: 77px;
width: 100%;
background: url(../images/en/dashboardhead.gif) top center no-repeat;
text-indent: -999em;
}
#dashboardinfo{
width: 971px;
margin: auto;
text-align: left;
position: relative;
padding-left: 15px;
}
#dashboardinfo #reportsummary, #dashboardinfo #reportsummary .bgtop{
width: 971px;
min-height: 277px;
height: auto !important;
height: 277px
}
#dashboardinfo #reportsummary{
background:url(../images/en/reportsummarybg.gif)  top left repeat-y;
margin-bottom: 12px;
}
#dashboardinfo #reportsummary .bgtop{
background:url(../images/en/reportsummarybgtop.gif) top left no-repeat;
}
#dashboardinfo #reportsummary .bgbottom{
width: 963px;
min-height: 269px;
height: auto !important;
height: 269px;
padding:0px 4px 9px 4px;
background:url(../images/en/reportsummarybgbottom.gif) bottom left no-repeat;
}
#dashboardinfo h2{
font-size: 16px;
font-weight: normal;
padding: 16px 0px 0px 0px;
height: 30px;
}

#dashboardinfo #reportsummary .left, #dashboardinfo #reportsummary .right{
float: left;
margin-bottom: 16px;
}
#dashboardinfo #reportsummary .left{
width: 631px;
min-height: 251px;
height: auto !important;
height: 251px;
padding: 0px 0px 0px 23px;
}
#dashboardinfo #reportsummary .left #viewcompletereport{
display: block;
float: right;
text-indent: -999em;
width: 169px;
height: 23px;
background:url(../images/en/viewcompletereport.gif) top left no-repeat;
margin: 12px 28px 0px 0px;
}
#dashboardinfo #reportsummary .left #viewcompletereport:hover{
background-position: bottom;
}

#dashboardinfo #reportsummary .right{
width: 309px;
min-height: 251px;
height: auto !important;
height: 251px;
}
#dashboardinfo .right h2{
color: #604630;
font-size: 16px;
height: 25px;
padding: 16px 0px 0px 13px;
}

#dashboardinfo #reportsummary .right #subscribenew{
display: block;
margin: 14px 0px 0px 44px;
width: 234px;
height: 58px;
text-indent: -999em;
background: url(../images/en/newcampaignbtnbg.gif) top left no-repeat;
}
#dashboardinfo #reportsummary .right #subscribenew:hover{
background-position: bottom;
}

#dashboardinfo #reportsummary .right p{
line-height: 1.6;
padding-left: 22px;
padding-right: 26px;
padding-bottom: 12px;
background: #5e5e5e;
color: #e6c9a9;
}
#dashboardinfo #reportsummary .right p span{
display: block;
color:#FFFFFF;
padding: 11px 0px 8px 35px;
font-weight: bold;
background:url(../images/en/welcometoaffiliationteamicon.gif) 0px 11px no-repeat;
}
#dashboardinfo #subscriptionsummary .left ul li .earnedbox .activatecampaign{
display: block;
width: 160px;
height: 45px;
text-indent: -999em;
background: url(../images/EN/activatecampaign.gif) top left no-repeat;
/*note: replace the path to its respective languange*/
}
#dashboardinfo #subscriptionsummary .left ul li .earnedbox .activatecampaign:hover{
background-position: bottom left;
}
#dashboardinfo #subscriptionsummary .left ul li .earnedbox .activatecampaign:active{
background-position: top right;
}
/*
#dashboardinfo .left .divider{
margin: 22px 27px 15px 13px;
height: 1px;
background:url(../images/en/headerbgbrokenline.gif) top left repeat-x;
}

#dashboardinfo .left #earningsbox{
width: 337px;
height: 95px;
margin-left: 13px;
background: #dcdcdc;
}

#dashboardinfo .left #earningsbox span{
display: block;
padding: 0px 15px;
text-align: left;
color: #826d62;
}
#dashboardinfo .left #earningsbox span.specialheader{
border-bottom: solid 1px #efefef;
height: 31px;
line-height: 31px;
font-size: 10px;
}
#dashboardinfo .left #earningsbox span.amount{
height: 63px;
line-height: 63px;
font-size: 36px;
}
*/
#dashboardinfo #subscriptionsummary{
width: 971px;
min-height: 277px;
height: auto !important;
height: 277px
}
#dashboardinfo #subscriptionsummary .left, #dashboardinfo #subscriptionsummary .right{
float: left;
margin-bottom: 16px;
}
#dashboardinfo #subscriptionsummary .left, #dashboardinfo #subscriptionsummary .left .bgtop{
width: 658px;
min-height: 261px;
height: auto !important;
height: 261px;
}
#dashboardinfo #subscriptionsummary .left{
background:url(../images/en/subscriptionlistbg.gif) top left repeat-y;
}
#dashboardinfo #subscriptionsummary .left .bgtop{
background:url(../images/en/subscriptionlistbgtop.gif) top left no-repeat;
}
#dashboardinfo #subscriptionsummary .left .bgbottom{
width: 653px;
min-height: 254px;
height: auto !important;
height: 254px;
background:url(../images/en/subscriptionlistbgbottom.gif) bottom left no-repeat;
padding: 0px 0px 7px 5px;
}

#dashboardinfo #subscriptionsummary .right{
width: 311px;
min-height: 259px;
height: auto !important;
height: 259px;
background: #f1ede8 url(../images/en/newavialablecampaignsbg.gif) repeat-y top left;

border-top: #e3dfdf solid 1px;
border-bottom: #e3dfdf solid 1px;
border-left: #cac7c7 solid 1px;
border-right: #e3dfdf solid 1px;
}

#dashboardinfo #subscriptionsummary h2{
font-size: 12px;
font-weight: normal;
padding: 16px 0px 0px 21px;
height: 30px;
background:url(../images/en/dashboardcurrentsubbg.gif) bottom left repeat-x;
}
#dashboardinfo #subscriptionsummary  .right h2 {
font-size: 12px;
font-weight: normal;
padding: 16px 0px 0px 13px;
height: 29px;
background:url(../images/en/dashboardcurrentsubbg.gif) bottom left repeat-x;
/* color: #503b29; */
color: #907c6a;
}



/*
#dashboardinfo .right h3{
font-size: 10px;
height: 13px;
color: #ab907f;
margin-bottom: 8px;
}
*/

#dashboardinfo #subscriptionsummary .left ul{
width: 653px;
}
#dashboardinfo #subscriptionsummary .left li{
width: 653px;
float: left;
background:url(../images/en/subscriptionlistbgside.gif) repeat-y top left;
font-size: 10px;
position: relative;

}
#dashboardinfo #subscriptionsummary .left ul li:hover{
background: #fdfdef url(../images/en/subscriptionlistbgside.gif) repeat-y top left;
cursor: pointer;
cursor: hand;
}
#dashboardinfo #subscriptionsummary .left li .bgside{
width: 478px;
min-height: 61px;
height: auto !important;
height: 61px;
padding: 8px 25px 12px 150px;
background: url(../images/en/dashboardcurrentsubbg.gif) repeat-x bottom right;
}
#dashboardinfo #subscriptionsummary .left ul li:hover .bgside{
background: url(../images/en/dashboardcurrentsubbg.gif) repeat-x bottom right;
}


#dashboardinfo #subscriptionsummary .left ul li .earnedbox{
float: right;
height: 45px;
background: #ededed;
margin: 9px 0px 10px 15px;
}

#dashboardinfo #subscriptionsummary .left ul li:hover .earnedbox{
background: #f2f2e4;
}
#dashboardinfo #subscriptionsummary .left ul li .earnedbox span{
display: block;
padding: 0px 14px;
text-align: center;
}
#dashboardinfo #subscriptionsummary .left ul li .earnedbox span.specialheader{
border-bottom: solid 1px #ffffff;
height: 17px;
line-height: 17px;
font-size: 9px;
}
#dashboardinfo #subscriptionsummary .left ul li .earnedbox span.amount{
height: 27px;
line-height: 27px;
color: #7fbc00;
font-size: 16px;
}
#dashboardinfo #subscriptionsummary .left ul li img{
position: absolute;
}
#dashboardinfo #subscriptionsummary .left ul li img.merchantcolorcode{
top: 15px;
left:0px;
}
#dashboardinfo #subscriptionsummary .left ul li img.campaignthumb{
top: 4px;
left: 58px;
}
#dashboardinfo #subscriptionsummary .left ul li .unsubscribelistbtn, #dashboardinfo #subscriptionsummary .left ul li .sharelistbtn, #dashboardinfo #subscriptionsummary .left ul li .mailmelistbtn{
position: absolute;
display: block;
text-indent: -999em;
width: 42px;
height: 24px;
left:3px;
}


#dashboardinfo #subscriptionsummary .left ul li .unsubscribelistbtn{
top:0px;

background: url(../images/en/unsubscribebtn.gif) top left no-repeat;
}
#dashboardinfo #subscriptionsummary .left ul li .sharelistbtn{
top:25px;

background: url(../images/en/sharebtn.gif) top left no-repeat;
}

#dashboardinfo #subscriptionsummary .left ul li .mailmelistbtn{
top:50px;

background: url(../images/en/mailmelistbtn.gif) top left no-repeat;
}
#dashboardinfo #subscriptionsummary .left ul li .unsubscribelistbtn:hover, #dashboardinfo #subscriptionsummary .left ul li .sharelistbtn:hover, #dashboardinfo #subscriptionsummary .left ul li .mailmelistbtn:hover{
background-position: bottom;
}



#dashboardinfo #subscriptionsummary .right ul{
width: 311px;
}
#dashboardinfo #subscriptionsummary .right li{
width: 311px;
float: left;
font-size: 10px;
position: relative;
background: url(../images/en/dashboardcurrentsubbg.gif) repeat-x bottom right;
}
#dashboardinfo #subscriptionsummary .right li .bgside{
width: 192px;
min-height: 61px;
height: auto !important;
height: 61px;
padding: 8px 15px 12px 104px;
background: url(../images/en/dashboardcurrentsubbg.gif) repeat-x bottom right;
}
#dashboardinfo #subscriptionsummary .right li.odd{
background: #f6f6f6 url(../images/en/newavailablecampaignsodd.gif) repeat-y top left;
}

#dashboardinfo #subscriptionsummary .right ul li:hover{
background: #fdfdef  url(../images/en/dashboardcurrentsubbg.gif) repeat-x bottom right;
cursor: pointer;
cursor: hand;
}

#dashboardinfo #subscriptionsummary .right ul li img.campaignthumb{
position: absolute;
top: 4px;
left: 13px;
}

/* Select Merchant Part */
#selectmerchantpart h1{
height: 77px;
width: 100%;
background: url(../images/en/browsecampaignshead.gif) center no-repeat;
text-indent: -999em;
}
#selectmerchantpart{
width: 984px;
margin: auto;
text-align: left;
position: relative;
padding: 0px 0px 0px 15px;
}
#selectmerchantpart h2{
font-size: 16px;
font-weight: normal;
height: 44px;
line-height: 44px;
}

#selectmerchantpart .left, #selectmerchantpart .left .bgtop{
width: 397px;
min-height: 220px;
height: auto !important;
height: 220px;
}
#selectmerchantpart .left{
float: left;
margin-bottom: 26px;
background:url(../images/en/selectmerchantpartbg.gif) repeat-y top left;
}
#selectmerchantpart .left .bgtop{
background:url(../images/en/selectmerchantpartbgtop.gif) no-repeat top left;
}
#selectmerchantpart .left .bgbottom{
width: 376px;
min-height: 192px;
height: auto !important;
height: 192px;
background:url(../images/en/selectmerchantpartbgbottom.gif) no-repeat bottom left;
padding: 0px 0px 28px 21px;
}

#selectmerchantpart .right{
width: 587px;
min-height: 220px;
height: auto !important;
height: 220px;
float: left;
margin-bottom: 26px;
background:url(../images/en/selectcampaignbg.gif) repeat-y top left;
}
#selectmerchantpart .right .bgtop{
width: 587px;
min-height: 192px;
height: auto !important;
height: 192px;
padding: 0px 0px 28px 0px;
background:url(../images/en/selectcampaignbgtop.gif) no-repeat top left;
}
#selectmerchantpart .right h2{
font-size: 14px;
color: #907c6a;
height: 22px;
line-height: 31px;
padding: 13px 0px 10px 28px;
}

#selectmerchantpart .right #showfilters{
float: right;
width: 226px;
font-size: 9px;
color: #826d62;
}
#selectmerchantpart .right #showfilters a{
float: right;
display: block;
width: 40px;
height: 20px;
padding-left: 21px;
color: #ffffff;
line-height: 20px;
text-decoration: none;
margin: 18px 15px 0px 0px;
}
#selectmerchantpart .right #showfilters a.filters{
background:url(../images/en/filterbtnbg.gif) 0px 0px no-repeat;
}
#selectmerchantpart .right #showfilters a:hover{
background-position:  0px -20px;
}
#selectmerchantpart .right #showfilters a:active{
background-position:  0px -40px;
}


#selectmerchantpart .left #merchantview{
float: right;
width: 226px;
height: 44px;
font-size: 9px;
color: #826d62;
}
#selectmerchantpart .left #merchantview label{
float: right;
line-height: 44px;
padding-right: 14px;
font-size: 8px;
color: #c9c4c4;
}
#selectmerchantpart .left #merchantview a{
float: right;
display: block;
width: 33px;
height: 24px;
padding-left: 27px;
color: #ffffff;
line-height: 24px;
text-decoration: none;
margin-top: 11px;
}
#selectmerchantpart .left #merchantview a.slide{
background:url(../images/en/merchantviewslide.gif) top left no-repeat;
margin-right: 1px;
}
#selectmerchantpart .left #merchantview a.grid{
background:url(../images/en/merchantviewgrid.gif) top left no-repeat;
margin-right: 21px;
}
#selectmerchantpart .left #merchantview a:hover{
background-position: bottom;
}
#selectmerchantpart .left ul.merchantlist{

}
#selectmerchantpart .left ul.merchantlist li{
float: left;
width: 110px;
height: 91px;
background: #e1e1e1 url(../images/en/merchantlistbg.gif) repeat-x top left;
margin: 0px 1px 1px 0px;
padding: 4px;
position: relative;
}
#selectmerchantpart .left ul.merchantlist li:hover{
background: #bbbbbb url(../images/en/merchantlistbgover.gif) repeat-x top left;
}
#selectmerchantpart .left ul.merchantlist li a{
display: block;
text-decoration: none;
color: #ffffff;
width: 165px;
height: 137px;
position: relative;
}
#selectmerchantpart .left ul.merchantlist li a .currentmerchant{
position: absolute;
top:-8px;
left: 47px;
}

#selectmerchantpart .left ul.merchantlist li p{
font-size: 9px;
padding: 6px;
position: absolute;
bottom: 16px;
right: 0px;
}
#selectmerchantpart .left ul.merchantlist li a.moredetails{
display:block;
text-decoration: none;
text-indent: 0px;
text-align: right;
font-size: 8px;
color: #ffffff;
width: 86px;
height: 20px;
line-height: 15px;
padding-right: 24px;


position: absolute;
background: #000000 url(../images/en/moredetailsi.gif) 90px 2px no-repeat;
bottom: 4px;
right: 4px;
}
#selectmerchantpart .left ul.merchantlist li .merchantdesctextbg{
position: absolute;
bottom: 0px;
right: 0px;
background: #000000;
}

/*campaigndetailsinfo part*/

#campaigndetailsinfo h1{
height: 77px;
width: 100%;
background: url(../images/en/campaigndetailshead.gif) center no-repeat;
text-indent: -999em;
}
#campaigndetailsinfo{
width: 971px;
margin: auto;
text-align: center;
position: relative;
padding: 0px 13px 0px 15px;
}
#campaigndetailsinfo h2{
font-size: 22px;
font-weight: normal;
height: 28px;
padding-top: 30px;
margin-bottom: 8px;
}
#campaigndetailsinfo h2.merchanthead{
height: 25px;
background:url(../images/en/headerbgbrokenline.gif)  bottom left repeat-x;
padding-top: 15px;
margin: 0px 20px 9px 0px;
font-size: 14px;
}

#campaigndetailsinfo p{
padding-bottom: 20px;
line-height: 1.6;
}
#campaigndetailsinfo .middle, #campaigndetailsinfo .middle .bgtop{
width: 971px;
min-height: 220px;
height: auto !important;
height: 220px;
}
#campaigndetailsinfo .middle{
margin-bottom: 26px;
background:url(../images/en/selectmerchantpartbg.gif) repeat-y top left;
text-align: left;
}
#campaigndetailsinfo .middle .bgtop{
background:url(../images/en/selectmerchantpartbgtop.gif) no-repeat top left;
}
#campaigndetailsinfo .middle .bgbottom{
width: 933px;
min-height: 211px;
height: auto !important;
height: 211px;
background:url(../images/en/selectmerchantpartbgbottom.gif) no-repeat bottom left;
padding: 0px 4px 9px 34px;
}
#campaigndetailsinfo .middle #merchantdetails, #campaigndetailsinfo .middle #campaigndetail, #campaigndetailsinfo .middle #othercampaigninfo{
float: left;

}

#campaigndetailsinfo .middle #merchantdetails{
width: 271px;
padding: 29px 0px 19px 0px;
min-height: 142px;
height: auto !important;
height: 142px;
}
#campaigndetailsinfo .middle #campaigndetail{
width: 496px;
padding: 0px 20px 19px 5px;
min-height: 142px;
height: auto !important;
height: 142px;
}
.merchantthumbnail{
float: left;
margin-right: 14px;
}
#campaigndetailsinfo .middle #campaigndetail h3{
color:#4b423b;
font-size: 10px;
padding: 7px 0px;
}
#campaigndetailsinfo .middle #othercampaigninfo{
width: 141px;
padding: 32px 0px 19px 0px;
background: #e1e1e1 url(../images/en/othercampaigninfobg.gif) repeat-y top left;
}


#campaigndetailsinfo .middle #merchantdetails div{
padding: 6px;
background: #e1e1e1 url(../images/en/merchantlistbg.gif) repeat-x top left;
width: 244px;
height: 203px;
margin-bottom: 11px;
}

#campaigndetailsinfo .middle #merchantdetails a{
display: block;
width: 252px;
height: 23px;
text-indent: -999em;
margin: 7px 0px 0px 3px;
}

#viewbanners{
background:url(../images/en/viewbannersbtn.gif) no-repeat top left;
}
#viewtextlinks{
background:url(../images/en/viewtextlinksbtn.gif) no-repeat top left;
}
.mailme{
background:url(../images/en/mailmebtn.gif) no-repeat top left;
}

#campaigndetailsinfo .middle #merchantdetails a:hover{
background-position: bottom left;
}

#campaigndetailsinfo .middle #campaigndetail p{

}
#campaigndetailsinfo .middle #campaigndetail p a:link,#campaigndetailsinfo .middle #campaigndetail p a:visited{
color:#0090af;
font-weight: bold;
font-size: 10px;
}

#campaigndetailsinfo .middle #campaigndetail #earnbox{
width: 266px;
min-height: 58px;
height: auto !important;
height: 58px;
}
#campaigndetailsinfo .middle #campaigndetail #earnbox h3{
color:#4b423b;
background: #ededed;
padding: 5px 9px;
font-size: 9px;
}
#campaigndetailsinfo .middle #campaigndetail #earnbox p{
background: #ededed;
padding: 5px 9px;
margin: 1px 0px 14px 0px;
font-size: 9px;
color: #7f7f7f;
}
#campaigndetailsinfo .middle #campaigndetail #earnbox p span{
font-size: 16px;
color: #7fbc00;
}

#campaigndetailsinfo .middle #othercampaigninfo h3{
color:#4b423b;
padding: 0px 9px;
font-size: 9px;
}
#campaigndetailsinfo .middle #othercampaigninfo p{
/* background: #ededed; */
padding: 0px 12px;
margin: 1px 0px 25px 0px;
font-size: 9px;
color: #7f7f7f;
}

#campaigndetailsinfo #share{
position: relative;
bottom: 34px;
width:592px;
height: 0px;
margin: auto;
background:url(../images/en/shareinputbg.gif) top left repeat-y;
text-align: left;
overflow: hidden;
}
#campaigndetailsinfo #share .bgtop{
width:592px;
height: 100%;
background:url(../images/en/shareinputbgtop.gif) top left no-repeat;
}
#campaigndetailsinfo #share .left, #campaigndetailsinfo #share .middle, #campaigndetailsinfo #share .right{
float: left;
height: 100%;
color: #826d62;
padding-top: 16px;
}

#campaigndetailsinfo #share .left{
width: 192px;
padding-left: 17px;
}

#campaigndetailsinfo #share .middle{
width: 178px;
margin: 0px;
padding: 16px 0px 0px 17px;
background: none;
}

#campaigndetailsinfo #share .right{
width: 188px;
font-size: 9px;
}

#campaigndetailsinfo #share .left input{
width: 179px;
height: 19px;
border: 0px;
background:url(../images/en/inputbg.gif) top left no-repeat;
margin-bottom: 2px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica;
}

#campaigndetailsinfo #share .middle #message{
width: 156px;
height: 60px;
border: 0px;
background:url(../images/en/textareabg.gif) top left no-repeat;
font-size: 10px;
font-family: Verdana, Arial, Helvetica;
}
#campaigndetailsinfo #share .right p{
text-align: center;
padding: 14px 10px;
}
#campaigndetailsinfo #share .right #sharecampaign{
display: block;
width: 188px;
height: 27px;
text-indent: -999em;
background: url(../images/en/sharecampaignbtn.gif) top left;
}
#campaigndetailsinfo #share .right #sharecampaign:hover{
background-position:bottom;
}

#campaigndetailsinfo #showshare{
display: block;
width:161px;
height:35px;
text-indent: -999em;
background: url(../images/en/sharecampaignbtnbg.png) top left no-repeat;
position: absolute;
bottom: 13px;
left: 423px;
z-index: 100;
}

#campaigndetailsinfo #showshare:hover{
background-position: bottom left;
}

#campaigndetailsinfo #campaigndetail #subscribecampaign{
float: right;
display: block;
margin-right: 2px;
width: 219px;
height: 58px;
text-indent: -999em;
background:url(../images/en/subscribecampaginbtn.gif) top left no-repeat;
}
#campaigndetailsinfo #campaigndetail #subscribecampaign:hover{
background-position: bottom;
}


/* reports Part */
#reportspart h1{
height: 77px;
width: 100%;
background: url(../images/en/generatereporthead.gif) center no-repeat;
text-indent: -999em;
}
#reportspart{
width: 971px;
margin: auto;
text-align: left;
position: relative;
padding: 0px 13px 0px 15px;
}
#reportspart h2{
font-size: 16px;
font-weight: normal;
height: 28px;
padding: 16px 0px 0px 48px;
}

#reportspart .middle, #reportspart .middle .bgtop{
width: 971px;
min-height: 220px;
height: auto !important;
height: 220px;
}
#reportspart .middle{
margin-bottom: 26px;
background:url(../images/en/selectmerchantpartbg.gif) repeat-y top left;
}
#reportspart .middle .bgtop{
background:url(../images/en/selectmerchantpartbgtop.gif) no-repeat top left;
}
#reportspart .middle .bgbottom{
width: 963px;
min-height: 192px;
height: auto !important;
height: 192px;
background:url(../images/en/selectmerchantpartbgbottom.gif) no-repeat bottom left;
padding: 0px 4px 28px 4px;
}


#reportspart .middle #merchantview{
float: right;
width: 226px;
height: 44px;
font-size: 9px;
color: #826d62;
}
#reportspart .middle #merchantview label{
float: right;
line-height: 44px;
padding-right: 14px;
}
#reportspart .middle #merchantview a{
float: right;
display: block;
width: 33px;
height: 24px;
padding-left: 27px;
color: #ffffff;
line-height: 24px;
text-decoration: none;
margin-top: 11px;
}
#reportspart .middle #merchantview a.slide{
background:url(../images/en/merchantviewslide.gif) top left no-repeat;
margin-right: 1px;
}
#reportspart .middle #merchantview a.grid{
background:url(../images/en/merchantviewgrid.gif) top left no-repeat;
margin-right: 21px;
}
#reportspart .middle #merchantview a:hover{
background-position: bottom;
}

#reportspart .middle #reportselection{
width: 963px;
height: 174px;
}
#reportspart .middle #reportselection .panel a{
display: block;
width: 142px;
height: 26px;
line-height: 26px;
text-align: center;
color: #ffffff;
text-decoration: none;
font-size: 10px;
padding-top: 148px;
}

#salesreport{
background: url(../images/en/salesreportbg.gif) top left no-repeat;
}
#clickreport{
background: url(../images/en/clickreportbg.gif) top left no-repeat;
}
#leadreport{
background: url(../images/en/leadreportbg.gif) top left no-repeat;
}
.reportdummy{
background: url(../images/en/reportdummy.gif) top left no-repeat;
}
#reportspart .middle #reportselection .panel a:hover{
background-position: bottom left;
}
#reportspart .middle #reportselection .panel a.active{
background-position: top right;
}






#reportspart  #reportfilter{
position: relative;
bottom: 34px;
width:868px;
height: 0px;
margin: auto;
background:url(../images/en/reportfilterbg.gif) top left repeat-y;
text-align: left;
overflow: hidden;
}
#reportspart  #reportfilter .bgtop{
width:868px;
min-height: 52px;
height: auto !important;
height: 52px;
background:url(../images/en/reportfilterbgtop.gif) top left no-repeat;
}
#reportspart  #reportfilter .bgbottom{
width:868px;
min-height: 52px;
height: auto !important;
height: 52px;
background:url(../images/en/reportfilterbgtopbottom.gif) bottom left no-repeat;
}
#reportspart   #reportfilter .left{
float: left;
width: 79px;
height: 100%;
padding:23px 0px 0px 0px;
color: #e1e4e5;
font-weight: bold;
font-size: 10px;
text-align: center;
}
#reportspart   #reportfilter .right{
float: left;
width: 180px;
height: 100%;
padding:16px 0px 0px 0px;
}

#reportspart   #reportfilter ul{
float: left;
width: 607px;
border-right: 1px solid #f1f1f1;
background:url(../images/en/reportfilterlabelbgtop.gif) top left repeat-x;
}
#reportspart   #reportfilter ul li{
float: left;
padding: 0px 15px 8px 15px;
background:url(../images/en/reportfilterlabelbgtop.gif) top left repeat-x;
font-size: 9px;
border-left: 1px solid #f1f1f1;
}
#reportspart   #reportfilter ul li label{
display: block;
width: 100%;
height: 20px;
line-height: 20px;
color: #826d62;
margin-bottom: 9px;
}

#reportspart   #reportfilter ul li select{
max-width: 157px;
}
#reportspart   #reportfilter ul li input{
max-width: 90px;
background:url(../images/en/inputbg.gif) top left no-repeat;
border: 0px;
height: 19px;
}

#reportspart #reportfilter .right #generatereport{
display: block;
width: 180px;
height: 27px;
text-indent: -999em;
background: url(../images/en/generatereprtbtn.gif) top left no-repeat;
}
#reportspart #reportfilter .right #generatereport:hover{
background-position:bottom;
}
/*
#reportspart .middle ul.merchantlist li{
float: left;
width: 165px;
height: 137px;
background: #e1e1e1 url(../images/en/merchantlistbg.gif) repeat-x top left;
margin: 0px 10px 10px 0px;
padding: 6px;
}
#reportspart .middle ul.merchantlist li:hover{
background: #bbbbbb url(../images/en/merchantlistbgover.gif) repeat-x top left;
}
#reportspart .middle ul.merchantlist li a{
display: block;
text-decoration: none;
color: #ffffff;
width: 165px;
height: 137px;
position: relative;
}
#reportspart .middle ul.merchantlist li a .currentmerchant{
position: absolute;
top:-13px;
left: 70px;
}

#reportspart .middle ul.merchantlist li p{
font-size: 9px;
padding: 6px;
position: absolute;
bottom: 0px;
right: 0px;
}

#reportspart .middle ul.merchantlist li .merchantdesctextbg{
position: absolute;
bottom: 0px;
right: 0px;
background: #000000;
}
*/
/*------------ Account Info  ------------*/
#accountinfopage h1{
height: 77px;
width: 100%;
background: url(../images/en/accountinfohead.gif) top center no-repeat;
text-indent: -999em;
}
#accountinfopage{
width: 971px;
margin: auto;
text-align: left;
position: relative;
padding-left: 15px;
}
#accountinfopage .breadcrumb{
position: absolute;
top:61px;
left:20px;
}
#accountinfopage .breadcrumb li{
float: left;
min-height: 16px;
height: auto !important;
height: 16px;
position: relative;
right:4px;
}
#accountinfopage .breadcrumb li.first{
right:0px;
}
#accountinfopage .breadcrumb li .brdleft, #accountinfopage .breadcrumb li .brdright{
float: left;
width: 5px;
height: 16px;
}
#accountinfopage .breadcrumb li .brdleft{
background: url(../images/en/breadcrumbbgleft.gif) top left no-repeat;
}
#accountinfopage .breadcrumb li .brdright{
background:url(../images/en/breadcrumbbgright.gif) top left no-repeat;
}
#accountinfopage .breadcrumb a{
float: left;
display: block;
color: #ffffff;
font-size: 9px;
text-decoration: none;
height: 16px;
line-height: 16px;
background: #c6c6c6;
padding: 0px 12px;
}

#accountinfopage .breadcrumb li:hover .brdleft, #accountinfopage .breadcrumb li:hover .brdright, #accountinfopage .breadcrumb li.active .brdleft, #accountinfopage .breadcrumb li.active .brdright{
background-position: bottom left;
}
#accountinfopage .breadcrumb li:hover a, #accountinfopage .breadcrumb li.active a{
background: #9d9d9d;
}


#accountinfopage #accountdetails, #accountinfopage #accountdetails .bgtop{
width: 971px;
min-height: 277px;
height: auto !important;
height: 277px
}
#accountinfopage #accountdetails{
background:url(../images/en/accountinfobg.gif)  top left repeat-y;
margin-bottom: 12px;
}
#accountinfopage #accountdetails .bgtop{
background:url(../images/en/accountinfobgtop.gif) top left no-repeat;
}
#accountinfopage #accountdetails .bgbottom{
width: 963px;
min-height: 269px;
height: auto !important;
height: 269px;
padding:0px 4px 9px 4px;
background:url(../images/en/accountinfobgbottom.gif) bottom left no-repeat;
}
#accountinfopage h2{
font-size: 14px;
font-weight: normal;
padding: 16px 0px 0px 0px;
height: 27px;
}
#accountinfopage #accountdetails .left h2{
padding:19px 0px 0px 18px;
}
#accountinfopage .right h2{
font-size: 12px;
height: 23px;
padding: 16px 0px 0px 13px;
background: url(../images/en/dashboardcurrentsubbg.gif) repeat-x bottom right;
}
#accountinfopage #accountdetails .left, #accountinfopage #accountdetails .right{
float: left;
margin-bottom: 16px;
}
#accountinfopage #accountdetails .left{
width: 369px;
min-height: 251px;
height: auto !important;
height: 251px;
padding: 0px 25px 0px 0px;
}

#accountinfopage #accountdetails .right{
width: 545px;
min-height: 251px;
height: auto !important;
height: 251px;
}


#accountinfopage #accountdetails .right #subscribenew{
display: block;
margin: 14px 0px 0px 44px;
width: 234px;
height: 58px;
text-indent: -999em;
background: url(../images/en/newcampaignbtnbg.gif) top left no-repeat;
}
#accountinfopage #accountdetails .right #subscribenew:hover{
background-position: bottom;
}

#accountinfopage #accountdetails .left .inputlist li{
float: left;
padding-bottom: 1px;
}
#accountinfopage #accountdetails .left .inputlist label{
display: block;
width: 85px;
padding-left: 15px;
height: 31px;
line-height: 31px;
float: left;
background: #efefef;
margin-right: 1px;
text-transform: uppercase;
font-size: 9px;
color:#a7a7a7;
}
#accountinfopage #accountdetails .left .inputlist div{
float: left;
width: 254px;
height: 24px;
padding:7px 0px 0px 11px;
background: #f5f5f5;
}
#accountinfopage #accountdetails .left .inputlist input{
width: 179px;
height: 19px;
border: 0px;
background:url(../images/en/inputbg.gif) top left no-repeat;
}

#accountinfopage #accountdetails .left input.checkbox{
margin-right: 10px;
float: left;
}
#accountinfopage #accountdetails .left label.checkboxlabel{
width: 230px;
padding-bottom: 10px;
}

#accountinfopage #accountdetails .left a.editbtn{
float: right;
width: 30px;
height: 20px;
padding-left: 21px;
margin: 18px 11px 0px 0px;
color: #ffffff;
line-height: 20px;
text-decoration: none;
font-size: 9px;
background:url(../images/en/editbtnbg.gif) top left no-repeat;
}
#accountinfopage #accountdetails .left a.editbtn:hover{
background-position: bottom left;
}
#accountinfopage #accountdetails .left a.editbtn:active{
background-position: top right;
}


#accountinfopage #accountdetails .right .websitelist li{
position: relative;
float: left;
padding-bottom: 2px;
background: url(../images/en/dashboardcurrentsubbg.gif) repeat-x bottom right;
}

#accountinfopage #accountdetails .right .websitelist li a{
display: block;

}
#accountinfopage #accountdetails .right .websitelist li a.websitelistarrow{
width: 19px;
height: 20px;
position: absolute; 
top:18px;
left:16px;
background:url(../images/en/websiteslistarrow.gif) top left no-repeat;
}
#accountinfopage #accountdetails .right .websitelist li a.editbtn{
width: 30px;
height: 20px;
padding-left: 21px;
position: absolute; 
top:18px;
right:17px;
color: #ffffff;
line-height: 20px;
text-decoration: none;
font-size: 9px;
background:url(../images/en/editbtnbg.gif) top left no-repeat;
}
#accountinfopage #accountdetails .right .websitelist li a.editbtn:hover{
background-position: bottom left;
}
#accountinfopage #accountdetails .right .websitelist li a.editbtn:active{
background-position: top right;
}

#accountinfopage #accountdetails .right .websitelist div h3{
line-height: 1.7;
padding-bottom: 3px;
}
#accountinfopage #accountdetails .right .websitelist div{
width: 424px;
font-size: 10px;
padding: 10px 68px 10px 52px;

}
#accountinfopage #accountdetails .right .websitelist div.themes{
width: 518px;
font-size: 9px;
background: url(../images/en/themebg.gif);
padding: 0px 17px 0px 10px;
border-top: #e7e7e7 solid 1px;
line-height: 27px;
}
#accountinfopage #accountdetails .right .websitelist div.themes span{
display: block;
float: left;
width: 75px;
color:#8c8c8c;
background: url(../images/en/themelistbg.gif) top left no-repeat;
}
#accountinfopage #accountdetails .right .websitelist div.themes em{
width: 433px;
display: block;
float: left;
}
#accountinfopage #accountdetails .right .websitelist div.clearer{
padding: 0px;
height: 0px;
}
#accountinfopage #accountdetails .right p{
line-height: 1.6;
padding-left: 22px;
padding-right: 26px;
padding-bottom: 12px;
background: #5e5e5e;
color: #e6c9a9;
}
#accountinfopage #accountdetails .right p span{
display: block;
color:#FFFFFF;
padding: 11px 0px 8px 35px;
font-weight: bold;
background:url(../images/en/welcometoaffiliationteamicon.gif) 0px 11px no-repeat;
}
#accountinfopage #addmoresites{
display: block;
width:161px;
height:35px;
text-indent: -999em;
background: url(../images/en/addmorewebsites.gif) top left no-repeat;
position: absolute;
bottom: -11px;
left: 600px;
}
#accountinfopage #addmoresites:hover{
background-position: bottom;
}
#accountinfopage .save{
float: left;
display: block;
height: 32px;
text-indent: -999em;
width: 64px;
background:url(../images/en/save.gif) top left no-repeat;
margin: 10px 0px 0px 0px;
}
#accountinfopage .cancel{
float: left;
display: block;
text-indent: -999em;
width: 85px;
background:url(../images/en/cancelbtnbig.gif) top left no-repeat;
height: 32px;
margin: 10px 8px 0px 200px;
}
#accountinfopage .save:hover, #accountinfopage .cancel:hover{
background-position: bottom left;
}
#accountinfopage .cancel:active, #accountinfopage .save:active{
background-position: top right;
}
/* Addwebsites part */
#addwebsitespart{
width: 971px;
margin: auto;
min-height: 59px;
height: auto !important;
height: 59px;
position: relative;
padding-top: 16px;
}
#addwebsitespart ul#addwebsitelist{
width: 971px;
text-align: left;
position: relative;
left: 8px;
}
#addwebsitespart ul#addwebsitelist li.addwebsiteinfoli{
width: 971px;
float: left;
margin-bottom: 12px;
display: inline;
}
.addwebsiteinfo, .addwebsiteinfo .bgtop{
width: 971px;
min-height: 332px;
height: auto !important;
height: 332px;
}
.addwebsiteinfo .bgbottom{
width: 919px;
min-height: 282px;
height: auto !important;
height: 282px;
padding: 26px 24px 24px 28px;
background:url(../images/en/addwebsitesinfobgbottombig.jpg) bottom left no-repeat;
position: relative;
}
.addwebsiteinfo{
background:url(../images/en/addwebsitesinfobgbig.gif) top left repeat-y;
}
.addwebsiteinfo .bgtop{
background:url(../images/en/addwebsitesinfobgtopbig.jpg) top left no-repeat;
}
.addwebsiteinfo h2{
height: 31px;
background:url(../images/en/headerbgbrokenline.gif)  bottom left repeat-x;
margin-bottom: 17px;
}
.themelist{
background: #eaeaea;
padding: 13px 17px;
margin-top: 11px;
}
.addwebsiteinfo div.themelist label{
display: inline;
}
.addwebsiteinfo div.themelist input{
display: inline;
}
#addwebsitespart .cancel{
float: right;
display: block;
text-indent: -999em;
width: 85px;
background:url(../images/en/cancelbtnbig.gif) top left no-repeat;
height: 32px;
margin-right: 8px;
}
#addwebsitespart .savesite{
display: block;
height: 32px;
text-indent: -999em;
margin-right: 30px;
float: right;
width: 139px;
background:url(../images/en/savesite.gif) top left no-repeat;
}
/*
.addwebsiteinfo .removewebsite{
display: block;
width: 22px;
height: 22px;
background:url(../images/en/websiteremovebtn.gif) top left no-repeat;
position: absolute;
top:8px;
right: 15px;
}
*/
#addwebsitespart .savesite:hover, #addwebsitespart .cancel:hover{
background-position: bottom left;
}
#addwebsitespart .cancel:active{
background-position: top right;
}








/*-----------Campaign list------------*/
/*
#campaignlistfilters, #campaignlistfilters .bgtop{
width: 710px;
height: 89px;
margin: auto;
text-align: left;
}
#campaignlistfilters{
position: relative;
bottom:14px;
background: url(../images/en/campaignfilterbg.gif);
}
#campaignlistfilters .bgtop{
background:url(../images/en/campaignfilterbgtop.gif) top left repeat-x;
}

#campaignlistfilters h1{
height: 88px;
width: 271px;
background: url(../images/en/newcampaignshead.gif) top left no-repeat;
text-indent: -999em;
float: left;
}

#campaignlistfilters h1.merchantcampaignhead{
background: url(../images/en/campaignshead.gif) top left no-repeat;
}
#campaignlistfilters #listfilterbound{
float: left;
width: 409px;
height: 73px;
overflow: hidden;
position: relative;
}
#campaignlistfilters #listfilterbound #listfilter{
position: absolute;
width: 409px;
height: 73px;
background:url(../images/en/listfilterbg.jpg) top left no-repeat;
}
#campaignlistfilters #listfilterbound #listfilter ul.filterlist{
padding: 14px 0px 0px 23px;

}
#campaignlistfilters #listfilterbound #listfilter ul.filterlist li{
width: 121px;
height: 59px;
float: left;
padding-right: 5px;
background: url(../images/en/filterbackbg.gif) no-repeat 0px 19px;
}
#campaignlistfilters #listfilterbound #listfilter ul.filterlist li label{
display: block;
height: 19px;
color: #FFFFFF;
font-size: 9px;
line-height: 19px;
}
#campaignlistfilters #listfilterbound #listfilter ul.filterlist li select{
width: 99px;
height: 16px;
margin: 2px 0px 0px 12px;
}
#campaignlistpart{
width: 666px;
margin: auto;
min-height: 59px;
height: auto !important;
height: 59px;
position: relative;
bottom: 14px;
background: url(../images/en/campaignfilterbg.gif);
padding:0px 0px 25px 44px;
}


#campaignlistpart ul{
width: 623px;
}
#campaignlistpart ul li, #campaignlistpart ul li .bgtop{
width: 623px;
min-height: 96px;
height: auto !important;
height: 96px;
}
#campaignlistpart ul li{
background: url(../images/en/campaignlistbg.gif) top left repeat-y;
margin-bottom: 7px;
float: left;
}
#campaignlistpart ul li .bgtop{
background:url(../images/en/campaignlistbgtop.gif) top left no-repeat;
}
#campaignlistpart ul li .bgbottom{
width: 403px;
min-height: 61px;
height: auto !important;
height: 61px;
font-size: 10px;
position: relative;
padding: 16px 92px 19px 128px;
background:url(../images/en/campaignlistbgbottom.gif) bottom left no-repeat;
}

#campaignlistpart ul li:hover{
background: url(../images/en/campaignlistbgover.gif) top left repeat-y;
cursor: pointer;
cursor: hand;
}
#campaignlistpart ul li:hover .bgtop{
background:url(../images/en/campaignlistbgtopover.gif) top left no-repeat;
}
#campaignlistpart ul li:hover .bgbottom{
background:url(../images/en/campaignlistbgbottomover.gif) bottom left no-repeat;
}
#campaignlistpart ul li h3,  #campaignlistpart ul li h3 a{
font-size: 11px;
}

#campaignlistpart ul li .earninglistbox{
float: right;
height: 42px;
background: #ededed;
margin-top: 9px;
}

#campaignlistpart ul li:hover .earninglistbox{
background: #ebe8db;
}



#campaignlistpart ul li .earninglistbox span{
display: block;
padding: 0px 14px;
text-align: center;
}
#campaignlistpart ul li .earninglistbox span.specialheader{
border-bottom: solid 1px #ffffff;
height: 17px;
line-height: 17px;
font-size: 9px;
}
#campaignlistpart ul li .earninglistbox span.amount{
height: 24px;
line-height: 24px;
color: #0f9dbe;
font-size: 10px;
font-weight: bold;
}
#campaignlistpart ul li img{

}
#campaignlistpart ul li img.merchantcolorcode{
position: absolute;
top: 19px;
left:4px;
}
#campaignlistpart ul li img.campaignthumb{
position: absolute;
top: 11px;
left: 31px;
}

#campaignlistpart ul li a.sharebtn{
position: absolute;
top:0px;
right: 4px;
display: block;
width: 70px;
height: 90px;
background:url(../images/en/sharebg.gif)  repeat-y top left;
}
#campaignlistpart ul li a.sharebtn .bgtop, 
#campaignlistpart ul li a.sharebtn .bgbottom{
position: static;
float: none;
width: 70px;
min-height: 90px;
height: 90px;
padding: 0px;
margin: 0px;
}
#campaignlistpart ul li a.sharebtn .bgtop{
background:url(../images/en/sharebgtop.gif) top left no-repeat;
}
#campaignlistpart ul li a.sharebtn .bgbottom{
line-height: 90px;
width: 59px;
padding-left: 11px;
background:url(../images/en/sharebgbottom.gif) bottom left no-repeat;
}
#campaignlistpart ul li a.sharebtn .bgbottom img{
position: relative;
top:40px;
}
#campaignlistpart ul li a.sharebtn:hover{

}

#campaignlistpart #completelist{
display: block;
height: 27px;
text-indent: -999em;
float: right;
width: 226px;
background:url(../images/en/completelistbtn.gif) top left no-repeat;
}
#campaignlistpart #completelist:hover{
background-position: bottom;
}
*/



/*----------- right select merchant campaign list-------------*/
#selectmerchantpart .right ul.campaignlist{
width: 574px;
padding-left: 7px;
}
#selectmerchantpart .right ul.campaignlist li, #selectmerchantpart .right ul.campaignlist li .bgtop{
width: 574px;
min-height: 113px;
height: auto !important;
height: 113px;
padding: 0px;
}



#selectmerchantpart .right ul.campaignlist li{
background: url(../images/en/browsecampaignlistbg.gif) top left repeat-y;
margin-bottom: 7px;
float: left;
}
#selectmerchantpart .right ul.campaignlist li .bgtop{
background:url(../images/en/browsecampaignlistbgtop.gif) top left no-repeat;
}
#selectmerchantpart .right ul.campaignlist li .bgbottom{
width: 440px;
min-height: 62px;
height: auto !important;
height: 62px;
font-size: 10px;
position: relative;
padding: 34px 23px 17px 111px;
background:url(../images/en/browsecampaignlistbgbottom.gif) bottom left no-repeat;
}
#selectmerchantpart .right ul.campaignlist li .listitemhead{
position: absolute;
width:555px;
height:26px;
top:0px;
left: 0px;
padding: 0px 4px 0px 15px;
}
#selectmerchantpart .right ul.campaignlist li .listitemhead .subscriptionindicator{
width: 27px;
height: 9px;
margin-top: 10px; 
background:url(../images/en/subscribedlight.gif) top left no-repeat;
}
#selectmerchantpart .right ul.campaignlist li .listitemhead .subscriptionindicator.subscribed{
background-position: bottom;
}
#selectmerchantpart .right ul.campaignlist li .listitemhead a{
margin-top:1px;
float: right;
display: block;
height: 24px;
text-indent: -999em;
}

.viewdetailslist{
margin-right: 1px;
width: 102px;
background:url(../images/en/viewdetails.gif) top left no-repeat;
}

.subscribelist{
margin-right: 1px;
width: 90px;
background:url(../images/en/subscribelist.gif) top left no-repeat;
}
.mailmelist{
position: relative;
margin-right: 1px;
width: 42px;
background:url(../images/en/mailmethumb.gif) top left no-repeat;
}
.sharelist{
position: relative;
width: 42px;
background:url(../images/en/sharethumb.gif) top left no-repeat;
}
#selectmerchantpart .right ul.campaignlist li .listitemhead a:hover{
background-position: bottom left;
}
#selectmerchantpart .right ul.campaignlist li .listitemhead a.subscribed{
background-position: top right;
}

#selectmerchantpart .right ul.campaignlist li .listitemhead .shareemailinput{
float: right;
height: 26px;
padding: 2px 0px 0px 0px;
overflow: hidden;
width: 0px;
}
#selectmerchantpart .right ul.campaignlist li .listitemhead .shareemailinput input{
background:#f7f7f7;
height: 18px;
width: 150px;
border: 1px solid #dedede;
color: #c9c9c9;
}

#selectmerchantpart .right ul.campaignlist li:hover{
background-position: right top;
cursor: pointer;
cursor: hand;
}

#selectmerchantpart .right ul.campaignlist li:hover .bgtop{
background-position: right top;
}

#selectmerchantpart .right ul.campaignlist li:hover .bgbottom{
background-position: right bottom;
}



#selectmerchantpart .right ul.campaignlist li h3,  #selectmerchantpart .right ul li h3 a{
font-size: 11px;
}
#selectmerchantpart .right ul.campaignlist li h3{
padding-bottom: 5px;
}
#selectmerchantpart .right ul.campaignlist li .earninglistbox{
float: right;
min-height: 42px;
height: auto !important;
height: 42px;
background: #e8e8e8;
}

#selectmerchantpart .right ul.campaignlist li:hover .earninglistbox{
background: #ecebe3;
}



#selectmerchantpart .right ul.campaignlist li .earninglistbox span{
display: block;
padding: 0px 4px;
text-align: center;
width: 111px;
}
#selectmerchantpart .right ul.campaignlist li .earninglistbox span.specialheader{
border-bottom: solid 1px #ffffff;
height: 17px;
line-height: 17px;
font-size: 9px;
}
#selectmerchantpart .right ul.campaignlist li .earninglistbox span.amount{
line-height: 1.4;
padding: 5px 4px;
color: #0f9dbe;
font-size: 10px;
font-weight: bold;
}
#selectmerchantpart .right ul.campaignlist li img{

}
#selectmerchantpart .right ul.campaignlist li img.merchantcolorcode{
position: absolute;
top: 19px;
left:4px;
}
#selectmerchantpart .right li img.campaignthumb{
position: absolute;
top: 32px;
left: 20px;
}
#selectmerchantpart .right  .campaignfilters{
margin-bottom: 10px;
height: 0px;
overflow: hidden;
background: #ddd6d0 url(../images/en/selectcampaignlabelbgtop.gif) top left repeat-x;
}
#selectmerchantpart .right  .campaignfilters ul.filterlist{
float: right;
width: 587px;
background: url(../images/en/selectmerchcampaignfilterbg.gif) top left no-repeat; 
}
#selectmerchantpart .right   .campaignfilters ul.filterlist li{
float: right;
padding: 0px 15px 8px 15px;
background:url(../images/en/selectcampaignlabelbgtop.gif) top left repeat-x;
font-size: 9px;
border-left: 1px solid #f1f1f1;
}
#selectmerchantpart .right  .campaignfilters ul.filterlist li label{
display: block;
width: 100%;
height: 20px;
line-height: 20px;
color: #503b29;
margin-bottom: 9px;
}

#selectmerchantpart .right  .campaignfilters ul.filterlist li select{
min-width: 100px;
max-width: 165px;
}
#selectmerchantpart .right   .campaignfilters ul.filterlist li input{
max-width: 90px;
background:url(../images/en/inputbg.gif) top left no-repeat;
border: 0px;
height: 19px;
}
/* -------------- tooltips ---------------- */

.toolTipWrapper{
text-indent: 0em;
display: none;
position: absolute;
bottom:24px;
left: 0px;
color: #FFF;
width: 163px;
height: 30px;

}

.supportbtns .toolTipWrapper{
bottom:36px;
}

	#withdrawpaymentbtn .toolTipWrapper{
	bottom:32px;
}

.toolTipTop{
width: 163px;
height: 7px;
background:url(../images/en/tooltipbgtop.gif) top left no-repeat;
}
.toolTipMid{
font-size: 9px;
text-align: center;
text-decoration: none;
line-height: 1.2;
background: #8c5c58;
}



.toolTipBtm{
width: 163px;
height: 13px;
background:url(../images/en/tooltipbgbottom.gif)  top left no-repeat;
}
/*-------------- banner part -------------*/
#textlinklisthead, #textlinklisthead .bgtop{
width: 999px;
height: 68px;
margin: auto;
position: relative;
bottom: 14px;
background: url(../images/en/campaignfilterbg.gif);
}
#textlinklisthead .bgtop{
position: static;
margin: 0px;
background: url(../images/en/campaignfilterbgtop.gif) repeat-x top left;
}
.textlinklisthead{
width: 950px;
height: 67px;
text-indent: -999em;
background:url(../images/en/selecttextlinkhead.gif) 10px 20px no-repeat;
border-bottom: 1px solid #b9d2dc;
margin: 0px 28px 0px 21px;
}
.supportbtns{
position: absolute;
top:37px;
right: 28px;
width: 253px;
height: 24px;
}
.supportbtns a{
display: block;
float: right;
text-indent: -999em;
height: 24px;
margin-right: 1px;
}
.helpbtn{
width:60px ;
background: url(../images/en/helpcamdetailsbtn.gif) top left no-repeat;
}
.subscribecamdetailsbtn{
width:89px;
background: url(../images/en/subscribecamdetailsbtn.gif) top left no-repeat;
}
.backtotopbtn{
width:101px ;
background: url(../images/en/backtotopcamdetailsbtn.gif) top left no-repeat;
}
.supportbtns a:hover{
background-position: bottom left;
}

#textlinklistpart{
width: 999px;
margin: auto;
min-height: 59px;
height: auto !important;
height: 59px;
position: relative;
padding: 0px 0px 0px 0px;
background: url(../images/en/campaignfilterbg.gif);
bottom: 14px;
}


#textlinklistpart ul{
padding: 20px 0px 0px 20px;
width: 979px;
margin: auto;
}
#textlinklistpart ul li{
position: relative;
width: 281px;
padding: 12px 16px;
margin: 0px 10px 10px 0px;
float: left;
background: #f1f7fa;
}
#textlinklistpart ul li h3{
padding: 0px;
font-size: 11px;
color: #000000;
font-weight: normal;
}
#textlinklistpart ul li.subscribed h3{
padding: 3px 3px 8px 3px;
font-size: 11px;
color: #000000;
font-weight: bold;
}

#textlinklistpart ul li .links{
border: 1px solid #cedbe0;
padding: 0px 13px 8px 13px;
}
#textlinklistpart ul li label{
display: block;
width: 34px;
height: 20px;
line-height: 20px;
font-size: 9px;
float: left;
padding-left: 3px;
}
#textlinklistpart ul li input{
float: left;
height: 16px;
width: 244px;
border: 0px;
background: #92b1bd;
color: #ffffff;
cursor: pointer;
cursor: hand;
font-size: 10px;
margin-bottom: 4px;
padding: 4px 4px 1px 4px;
}
#textlinklistpart ul li input:hover{
background: #595959;
}
#textlinklistpart ul li:hover{
background: #ffffff;
}

#bannerlisthead{
width: 999px;
height: 68px;
margin: auto;
position: relative;
bottom: 14px;
background: url(../images/en/campaignfilterbg.gif);
}
.bannerlisthead{
width: 950px;
height: 67px;
text-indent: -999em;
background:url(../images/en/selectbannershead.gif) 10px 20px no-repeat;
border-bottom: 1px solid #b9d2dc;
margin: 0px 28px 0px 21px;
}

#bannerlistpart{
width: 999px;
margin: auto;
min-height: 59px;
height: auto !important;
height: 59px;
position: relative;
padding: 0px 0px 25px 0px;
background: url(../images/en/campaignfilterbg.gif);
bottom: 14px;
}


#bannerlistpart ul{
padding: 20px 0px 0px 150px;
width: 849px;
margin: auto;
}
#bannerlistpart ul li{
position: relative;
padding: 8px;
margin: 0px 10px 10px 0px;
float: left;
background: #ecf6f6;
cursor: pointer;
cursor: hand;
}
#bannerlistpart ul li.subscribed{
/* padding: 8px 8px 24px 8px; */
}
#bannerlistpart ul li img{
border: 1px solid #ffffff;
display: block;
}
#bannerlistpart ul li:hover{
background: #FFFFFF;
}
#bannerlistpart ul li:hover img{

}

#bannerlistpart ul li .size{
font-size: 9px;
color: #ffffff;
position: absolute;
top:9px;
left: 9px;
width: 60px;

height: 32px;
text-align: center;
line-height: 32px;
}
#bannerlistpart ul li .sizebg{
background: #000000;
position: absolute;
top:9px;
left: 9px;
width: 60px;
height: 32px;
}
#bannerlistpart ul li label{
display: block;
line-height: 20px;
font-size: 9px;
padding-left: 3px;
}
#bannerlistpart ul li input{
/* position: absolute; */
height: 16px;
border: 0px;
bottom: 10px;
left: 9px;
background: #92b1bd;
color: #FFFFFF;
cursor: pointer;
cursor: hand;
font-size: 10px;
padding: 4px 4px 1px 4px;
}
#bannerlistpart ul li input:hover{
background: #595959;
}
/*-------------- report tables -------------*/

#reporttable{
margin: auto;
position: relative;
bottom: 6px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
}
#dashboardinfo #reporttable{
position: static;
margin: 0px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
width: 600px;	
}
#reporttable th{
height: 42px;
font-size: 10px;
color: #594f46;
text-transform: uppercase;
padding: 15px 28px 0px 28px;
text-align: center;
background:url(../images/en/tableheaderbg.gif) top left repeat-x;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}

#reporttable td{
font-size: 10px;
padding: 5px 12px;
text-align: center;
background: #f6f6f6 url(../images/en/reporttdbgtop.gif) top left repeat-x;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
#dashboardinfo #reporttable td{
font-size: 11px;
padding: 8px 12px;
text-align: center;
background: #f6f6f6 url(../images/en/reporttdbgtop.gif) top left repeat-x;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}


#reporttable th.pendinghead{
width: 231px;
}
#dashboardinfo #reporttable td.pending{
width: 231px;
text-align: left;
padding:8px 12px 8px 18px;
}
#dashboardinfo #reporttable tr.total td{
font-weight: bold;
}
#reporttable tr.odd td{
background: #f6f6f6 url(../images/en/reporttdbgtop.gif) top left repeat-x;
}
#reporttable tr.even td{
background: #e9e9e9 url(../images/en/reporttdbgtop.gif) top left repeat-x;
}
#reporttable tr:hover td{
background: #fcfcec url(../images/en/reporttdbgtop.gif) top left repeat-x;
cursor: pointer;
cursor: hand;
}

#dashboardinfo #reporttable tr.odd td{
background: #f6f6f6 url(../images/en/reporttdbgtop.gif) top left repeat-x;
}
#dashboardinfo #reporttable tr.even td{
background: #e9e9e9 url(../images/en/reporttdbgtop.gif) top left repeat-x;
}
#dashboardinfo #reporttable tr:hover td{
background: #fcfcec url(../images/en/reporttdbgtop.gif) top left repeat-x;
cursor: pointer;
cursor: hand;
}

#salesreportssummary #reporttable{
position: static;
margin: 0px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
width: 908px;
}
#salesreportssummary #reporttable td{
font-size: 11px;
padding: 8px 12px;
text-align: center;
background: #f6f6f6 url(../images/EN/reporttdbgtop.gif) top left repeat-x;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
#salesreportssummary #reporttable tr.odd td{
background: #f6f6f6 url(../images/EN/reporttdbgtop.gif) top left repeat-x;
}
#salesreportssummary #reporttable tr.even td{
background: #e9e9e9 url(../images/EN/reporttdbgtop.gif) top left repeat-x;
}
#salesreportssummary #reporttable tr:hover td{
background: #fcfcec url(../images/EN/reporttdbgtop.gif) top left repeat-x;
cursor: pointer;
cursor: hand;
}
#salesreportssummary #reporttable th.campaignhead{
width: 231px;
}
#salesreportssummary #reporttable td.campaign{
width: 231px;
text-align: left;
padding:8px 12px 8px 18px;
}

/*Verified Recipients Table*/
#sales_verfiedrecipients #reporttable{
position: static;
margin: 0px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
width: 697px;	
text-align: left;
}

#sales_verfiedrecipients #reporttable th{
height: 25px;
font-size: 10px;
color: #594f46;
text-align: left;
text-transform: uppercase;
padding: 17px 0px 0px 12px;
background:url(../images/EN/tableheaderbggray.gif) top left repeat-x;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
#sales_verfiedrecipients #reporttable td{
font-size: 11px;
padding: 8px 12px;
text-align: left;
background: #f6f6f6 url(../images/EN/reporttdbgtop.gif) top left repeat-x;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}

#sales_verfiedrecipients #reporttable .verified_email{
width: 342px;
}
#sales_verfiedrecipients #reporttable .verified_name{
width: 240px;
}
#sales_verfiedrecipients #reporttable tr.odd td{
background: #f6f6f6 url(../images/EN/reporttdbgtop.gif) top left repeat-x;
}
#sales_verfiedrecipients #reporttable tr.even td{
background: #e9e9e9 url(../images/EN/reporttdbgtop.gif) top left repeat-x;
}
#sales_verfiedrecipients #reporttable tr:hover td{
background: #fcfcec url(../images/EN/reporttdbgtop.gif) top left repeat-x;
cursor: pointer;
cursor: hand;
}
#sales_verfiedrecipients #reporttable th.campaignhead{
width: 231px;
}
#sales_verfiedrecipients #reporttable td.campaign{
width: 231px;
text-align: left;
padding:8px 12px 8px 18px;
}
/*---------- rope ---------------*/
.rope{
position:absolute;
width: 37px;
z-index: 100;
}
.rope.home{
height: 320px;
/* top:-53px; */
top:8px;
right: 27px;
overflow: hidden;
}
.rope.firstpage{
height: 401px;
overflow: hidden;
top:8px;
right: 27px;
}
.rope.register{
height: 100%;
/* top:-53px; */
top:-15px;
right:0px;
overflow: hidden;
}
.rope.dashboard{
height: 280px;
/* top:-53px; */
top:0px;
left:950px;
overflow: hidden;
}
		.rope.salesdashboard{
		height: 150px;
		/* top:-53px; */
		top:0px;
		left:950px;
		overflow: hidden;
		}
		.ropelinkreg, .ropelinkdash, .ropelinkhome, .ropelinksalesdash{
display: block;
width: 37px;
height: 100%;
background:url(../images/en/ropetiley.png) top left repeat-y;
position: relative;
bottom: 20px
}
		.ropelinkregbtm, .ropelinkdashbtm, .ropelinkhomebtm, .ropelinksalesdashbtm{
position: relative;
bottom: 21px;
display: block;
width: 37px;
height: 74px;
background:url(../images/en/ropeend.png) top left no-repeat;
}
/*---------- about page ------------*/
#aboutpage h1{
height: 77px;
width: 100%;
background:  url(../images/en/aboutaffiliationhead.gif) left no-repeat;
text-indent: -999em;
}
#aboutpage{
width: 999px;
margin: auto;
text-align: left;
position: relative;
}
#aboutpage h2{
font-size: 18px;
font-weight: normal;
text-align: left;
}
#aboutpage .toplevel .left h2{
font-size: 30px;
padding-right: 38px;
}

#aboutpage .toplevel .right h2{
padding-bottom: 20px;
}

#aboutpage .bottomlevel h2{
font-size: 24px;
margin-bottom: 20px;
}
#aboutpage .bottomlevel h2 span{
padding-left: 10px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
color: #636363;
}

#aboutpage .toplevel, #aboutpage .bottomlevel{
width: 999px;
min-height: 279px;
height: auto !important;
min-height: 279px;
line-height: 1.6;
text-align: center;
}



#aboutpage .toplevel .left, #aboutpage .right{
float: left;
min-height: 279px;
height: auto !important;
min-height: 279px;
margin-bottom: 22px;
text-align: left;
}
#aboutpage .toplevel .left{
width: 480px;
padding: 0px 20px 0px 43px;
font-size: 12px;
}

#aboutpage .toplevel .left p{
padding: 12px 0px;
}
#aboutpage .toplevel .left h3.highlighttext{
width: 478px;
height: 49px;
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 18px;
line-height: 49px;
color: #1387af;
padding-left: 20px;
margin-top: 10px;
background:url(../images/en/abouthighlightbgtop.jpg) top left no-repeat;
}


#aboutpage .toplevel .right{
width: 456px;
background:url(../images/en/aboutrightbg.gif) repeat-y top left;
}
#aboutpage .toplevel .right .bgtop{
width: 456px;
min-height: 279px;
height: auto !important;
min-height: 279px;
background:url(../images/en/aboutrightbgtop.gif) top left no-repeat;
}
#aboutpage .toplevel .right .bgbottom{
width: 350px;
min-height: 224px;
height: auto !important;
min-height: 224px;
padding: 25px 63px 30px 43px;
background:url(../images/en/aboutrightbgbottom.gif) bottom left no-repeat;
}
#aboutpage .toplevel .right ul{
padding-left: 36px;
margin-bottom: 20px;
list-style: disc;
}
#aboutpage .toplevel .right ul li{
padding: 0px 20px 20px 5px;
line-height: 1.8;
}

#aboutpage .bottomlevel .left, #aboutpage .bottomlevel .middleleft, #aboutpage .bottomlevel .middleright, #aboutpage .bottomlevel .right{
float: left;
min-height: 260px;
height: auto !important;
min-height: 260px;
margin-bottom: 22px;
text-align: left;
}
#aboutpage .bottomlevel h3{
text-transform: uppercase;
color: #826d62;
text-align: left;
}
#aboutpage .bottomlevel .middleleft h3, #aboutpage .bottomlevel .middleright h3, #aboutpage .bottomlevel .right h3{
color: #2b2b2b;
margin-bottom: 18px;

}
#aboutpage .bottomlevel .left h3{
margin-bottom: 5px;
}
#aboutpage .bottomlevel .left{
width: 282px;
padding: 0px 23px 0px 16px ;
}
#aboutpage .bottomlevel .middleleft{
width: 216px;
padding: 19px 18px 0px 0px ;
}
#aboutpage .bottomlevel .middleright{
width: 204px;
padding: 19px 18px 0px 0px ;
}
#aboutpage .bottomlevel .right{
width: 204px;
padding: 19px 18px 0px 0px ;
}

#aboutpage .bottomlevel .left #siteimages{
background: #dadada;
width: 277px;
padding: 7px 0px 0px 7px;
}
#aboutpage .bottomlevel .left #siteimages ul{
padding: 0px;
}
#aboutpage .bottomlevel .left #siteimages ul li{
width: 132px;
float: left;
padding-right:6px ;
padding-bottom:7px ;
text-align: center;
font-size: 9px;
color: #595959;
}
#aboutpage .bottomlevel .bottomhighlight, #aboutpage .bottomlevel .bottomhighlight .bgtop{
width: 951px;
min-height: 59px;
height: auto !important;
height: 59px;
}
#aboutpage .bottomlevel .bottomhighlight{
margin: auto;
background:url(../images/en/bottomhightlightbg.gif) top left repeat-y;
}
#aboutpage .bottomlevel .bottomhighlight .bgtop{
background:url(../images/en/bottomhightlightbgtop.gif) top left no-repeat;
}
#aboutpage .bottomlevel .bottomhighlight .bgbottom{
width: 901px;
min-height: 19px;
height: auto !important;
height: 19px;
margin-bottom: 20px;
background:url(../images/en/bottomhightlightbgbottom.gif) bottom left no-repeat;
padding: 20px 25px;
font-family: Georgia, "Times New Roman", Times;
font-size: 14px;
color: #077daa;
}
#aboutpage .bottomlevel .bottomhighlight .bgbottom h3{
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 18px;
line-height: 49px;
color: #0d5872;
text-align: center;
text-transform: none;
float: right;
}


#aboutpage #signup{
display: block;
height: 40px;
text-indent: -999em;
float: right;
}
#aboutpage #signup{
width: 123px;
background:url(../images/en/signup.gif) top left no-repeat;
margin:5px 262px 0px 10px;
}
#aboutpage #signup:hover{
background-position: bottom;
}


/*---------- merchant info page ------------*/
#merchantinfopage h1{
height: 77px;
width: 100%;
background:  url(../images/en/merchantinfohead.gif) left no-repeat;
text-indent: -999em;
}
#merchantinfopage{
width: 999px;
margin: auto;
text-align: left;
position: relative;
}
#merchantinfopage a.backbtn{
position: absolute;
top:43px;
right: 32px;
display: block;
width: 30px;
height: 20px;
padding-left: 21px;
color: #ffffff;
line-height: 20px;
text-decoration: none;
font-size: 9px;
background:url(../images/en/backbtnbg.gif) top left no-repeat;
}
#merchantinfopage a.backbtn:hover{
background-position: bottom left;
}
#merchantinfopage a.backbtn:active{
background-position: top right;
}
#merchantinfopage h2{
font-size: 18px;
font-weight: normal;
text-align: left;
}
#merchantinfopage .toplevel .left h2{
font-size: 30px;
padding-right: 38px;
}
#merchantinfopage .toplevel .left h2 a:link, #merchantinfopage .toplevel .left h2 a:visited{
color:#f17b0b;
font-weight: normal;
font-size: 30px;
text-decoration: none;
}
#merchantinfopage .toplevel .left h2 a:hover{
color:#ffa10c;
}
#merchantinfopage .toplevel .right h2{
padding-bottom: 20px;
}

#merchantinfopage .middlelevel h2{
font-size: 24px;
margin-bottom: 10px;
}
#merchantinfopage .middlelevel h2 span{
padding-left: 10px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
color: #636363;
}

#merchantinfopage .toplevel, #merchantinfopage .bottomlevel, #merchantinfopage .middlelevel{
width: 999px;
line-height: 1.6;
text-align: center;
}
#merchantinfopage .toplevel{
height: 306px;
margin-bottom: 22px;
background:url(../images/en/merchanttoplevelbg.gif) 15px 0px no-repeat;

}
#merchantinfopage .bottomlevel{
min-height: 279px;
height: auto !important;
min-height: 279px;
}
#merchantinfopage .middlelevel{
width: 984px;
min-height: 105px;
height: auto !important;
min-height: 105px;
padding-left: 15px;
}
#merchantinfopage .toplevel .left, #merchantinfopage .right{
float: left;
text-align: left;
}
#merchantinfopage .toplevel .left{
width: 348px;
padding: 27px 21px 27px 51px;
font-size: 12px;
height: 252px;
}
#merchantinfopage .toplevel .right{
width: 578px;
height: 305px;
padding: 5px 0px 0px 1px;
}
#merchantinfopage .toplevel .left p{
padding: 12px 0px;
}
#merchantscreenshot{
display: block;
width: 546px;
height: 296px;
position: relative;
}
#scrnshotoverlay{
position: absolute;
top:0px;
left: 0px;
width: 546px;
height: 296px;
background: url(../images/en/visitlink.png) top left no-repeat;
}
/*
#merchantinfopage .toplevel .left h3.highlighttext{
width: 478px;
height: 49px;
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 18px;
line-height: 49px;
color: #1387af;
padding-left: 20px;
margin-top: 10px;
background:url(../images/en/abouthighlightbgtop.jpg) top left no-repeat;
}
*/



/*
#merchantinfopage .toplevel .right .bgtop{
width: 456px;
min-height: 279px;
height: auto !important;
min-height: 279px;
background:url(../images/en/aboutrightbgtop.gif) top left no-repeat;
}
#merchantinfopage .toplevel .right .bgbottom{
width: 350px;
min-height: 224px;
height: auto !important;
min-height: 224px;
padding: 25px 63px 30px 43px;
background:url(../images/en/aboutrightbgbottom.gif) bottom left no-repeat;
}
*/
/*
#merchantinfopage .toplevel .right ul{
padding-left: 36px;
margin-bottom: 20px;
list-style: disc;
}
#merchantinfopage .toplevel .right ul li{
padding: 0px 20px 20px 5px;
line-height: 1.8;
}
*/
#merchantinfopage .middlelevel .left, #merchantinfopage .middlelevel .middleleft, #merchantinfopage .middlelevel .middleright, #merchantinfopage .middlelevel .right{
width: 242px;
float: left;
min-height: 167px;
height: auto !important;
height: 167px;
margin-bottom: 18px;
text-align: left;
background: url(../images/en/middlelevelstepbg.gif) top left repeat-y;
}
#merchantinfopage .middlelevel h3{
text-transform: uppercase;
color: #2b2b2b;
text-align: left;
height: 15px;
padding: 15px 10px 3px 10px;
}
#merchantinfopage .middlelevel .left h3{
background: url(../images/en/middlelevelstep1bg.gif) top left no-repeat;
height: 35px;
padding: 11px 10px 5px 55px;
}
#merchantinfopage .middlelevel .middleleft h3{
background:url(../images/en/middlelevelstep2bg.gif) top left no-repeat;
height: 35px;
padding: 11px 10px 5px 55px;
}
#merchantinfopage .middlelevel .middleright h3{
background:url(../images/en/middlelevelstep3bg.gif) top left no-repeat;
height: 35px;
padding: 11px 10px 5px 55px;
}
#merchantinfopage .middlelevel .right h3{
background:url(../images/en/middlelevelstep4bg.gif) top left no-repeat;
height: 35px;
padding: 11px 10px 5px 55px;
}
#merchantinfopage .middlelevel p{
padding: 5px 15px 20px 10px;
text-align: left;
}
#merchantinfopage .middlelevel .left p, #merchantinfopage .middlelevel .middleleft p, #merchantinfopage .middlelevel .middleright p, #merchantinfopage .middlelevel .right p{
padding: 10px 15px 10px 45px;
text-align: left;
}
#merchantinfopage .bottomlevel .left, #merchantinfopage .bottomlevel .middle, #merchantinfopage .bottomlevel .right{
width: 281px;
float: left;
min-height: 151px;
height: auto !important;
height: 151px;
margin-bottom: 22px;
text-align: left;
padding: 0px 16px 0px 36px;
}
#merchantinfopage .bottomlevel h3{
text-transform: uppercase;
color: #2b2b2b;
margin-bottom: 13px;
text-align: left;
line-height: 1.5;
}
/*
#merchantinfopage .bottomlevel .left h3{
margin-bottom: 5px;
}
*/
#merchantinfopage .bottomlevel .left{

}

#merchantinfopage .bottomlevel .middle{

}
#merchantinfopage .bottomlevel .middle{

}
#merchantinfopage .bottomlevel ul{
padding-left: 16px;
margin-bottom: 20px;
list-style: url(../images/en/arrowlist.gif);
}
#merchantinfopage .bottomlevel ul li{
padding: 0px 10px 10px 5px;
line-height: 1.8;
}
#merchantinfopage .bottomlevel p{
padding-bottom: 10px;
}
/*
#merchantinfopage .bottomlevel .left #siteimages{
background: #dadada;
width: 277px;
padding: 7px 0px 0px 7px;
}
#merchantinfopage .bottomlevel .left #siteimages ul{
padding: 0px;
}
#merchantinfopage .bottomlevel .left #siteimages ul li{
width: 132px;
float: left;
padding-right:6px ;
padding-bottom:7px ;
text-align: center;
font-size: 9px;
color: #595959;
}
*/
#merchantinfopage .bottomlevel .bottomhighlight, #merchantinfopage .bottomlevel .bottomhighlight .bgtop{
width: 951px;
min-height: 59px;
height: auto !important;
height: 59px;
}
#merchantinfopage .bottomlevel .bottomhighlight{
margin: auto;
background:url(../images/en/bottomhightlightbg.gif) top left repeat-y;
}
#merchantinfopage .bottomlevel .bottomhighlight .bgtop{
background:url(../images/en/bottomhightlightbgtop.gif) top left no-repeat;
}
#merchantinfopage .bottomlevel .bottomhighlight .bgbottom{
width: 901px;
min-height: 19px;
height: auto !important;
height: 19px;
margin-bottom: 20px;
background:url(../images/en/bottomhightlightbgbottom.gif) bottom left no-repeat;
padding: 10px 25px;
font-family: Georgia, "Times New Roman", Times;
font-size: 14px;
color: #077daa;
}
#merchantinfopage .bottomlevel .bottomhighlight .bgbottom h3{
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 18px;
padding-top: 10px;
color: #0d5872;
text-align: center;
text-transform: none;
float: right;
margin: 0px;
}


#merchantinfopage #signup{
display: block;
height: 40px;
text-indent: -999em;
float: right;
}
#merchantinfopage #signup{
width: 123px;
background:url(../images/en/signup.gif) top left no-repeat;
margin:0px 102px 0px 10px;
}
#merchantinfopage #signup:hover{
background-position: bottom;
}
/*---------- homeworkers page ------------*/
#homeworkerspage h1{
height: 77px;
width: 100%;
background:  url(../images/en/homeworkershead.gif) left no-repeat;
text-indent: -999em;
}
#homeworkerspage{
width: 999px;
margin: auto;
text-align: left;
position: relative;
}

#homeworkerspage a.backbtn{
position: absolute;
top:43px;
right: 32px;
display: block;
width: 30px;
height: 20px;
padding-left: 21px;
color: #ffffff;
line-height: 20px;
text-decoration: none;
font-size: 9px;
background:url(../images/en/backbtnbg.gif) top left no-repeat;
}
#homeworkerspage a.backbtn:hover{
background-position: bottom left;
}
#homeworkerspage a.backbtn:active{
background-position: top right;
}

#homeworkerspage h2{
font-size: 18px;
font-weight: normal;
text-align: left;
}
#homeworkerspage .toplevel .left h2{
font-size: 30px;
padding-right: 38px;
}
#homeworkerspage .toplevel .left h2 a:link, #homeworkerspage .toplevel .left h2 a:visited{
color:#f17b0b;
font-weight: normal;
font-size: 30px;
text-decoration: none;
}
#homeworkerspage .toplevel .left h2 a:hover{
color:#ffa10c;
}
#homeworkerspage .toplevel .right h2{
padding-bottom: 20px;
}

#homeworkerspage .middlelevel h2{
font-size: 24px;
margin-bottom: 10px;
}
#homeworkerspage .middlelevel h2 span{
padding-left: 10px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
color: #636363;
}

#homeworkerspage .toplevel, #homeworkerspage .bottomlevel, #homeworkerspage .middlelevel{
width: 999px;
line-height: 1.6;
text-align: center;
}
#homeworkerspage .toplevel{
height: 306px;
margin-bottom: 22px;
background:url(../images/en/merchanttoplevelbg.gif) 15px 0px no-repeat;

}
#homeworkerspage .bottomlevel{
min-height: 279px;
height: auto !important;
min-height: 279px;
}
#homeworkerspage .middlelevel{
width: 984px;
min-height: 105px;
height: auto !important;
min-height: 105px;
padding-left: 15px;
}
#homeworkerspage .toplevel .left, #homeworkerspage .right{
float: left;
text-align: left;
}
#homeworkerspage .toplevel .left{
width: 348px;
padding: 27px 21px 27px 51px;
font-size: 12px;
height: 252px;
}
#homeworkerspage .toplevel .right{
width: 578px;
height: 305px;
padding: 5px 0px 0px 1px;
}
#homeworkerspage .toplevel .left p{
padding: 12px 0px;
}
#merchantscreenshot{
display: block;
width: 546px;
height: 296px;
position: relative;
}
#scrnshotoverlay{
position: absolute;
top:0px;
left: 0px;
width: 546px;
height: 296px;
background: url(../images/en/visitlink.png) top left no-repeat;
}

#homeworkerspage .middlelevel .left, #homeworkerspage .middlelevel .middleleft, #homeworkerspage .middlelevel .middleright, #homeworkerspage .middlelevel .right{
width: 242px;
float: left;
min-height: 167px;
height: auto !important;
height: 167px;
margin-bottom: 18px;
text-align: left;
background: url(../images/en/middlelevelstepbg.gif) top left repeat-y;
}
#homeworkerspage .middlelevel h3{
text-transform: uppercase;
color: #2b2b2b;
text-align: left;
height: 15px;
padding: 15px 10px 3px 10px;
}
#homeworkerspage .middlelevel .left h3{
background: url(../images/en/middlelevelstep1bg.gif) top left no-repeat;
height: 35px;
padding: 11px 10px 5px 55px;
}
#homeworkerspage .middlelevel .middleleft h3{
background:url(../images/en/middlelevelstep2bg.gif) top left no-repeat;
height: 35px;
padding: 11px 10px 5px 55px;
}
#homeworkerspage .middlelevel .middleright h3{
background:url(../images/en/middlelevelstep3bg.gif) top left no-repeat;
height: 35px;
padding: 11px 10px 5px 55px;
}
#homeworkerspage .middlelevel .right h3{
background:url(../images/en/middlelevelstep4bg.gif) top left no-repeat;
height: 35px;
padding: 11px 10px 5px 55px;
}
#homeworkerspage .middlelevel p{
padding: 5px 15px 20px 10px;
text-align: left;
}
#homeworkerspage .middlelevel .left p, #homeworkerspage .middlelevel .middleleft p, #homeworkerspage .middlelevel .middleright p, #homeworkerspage .middlelevel .right p{
padding: 10px 15px 10px 45px;
text-align: left;
}
#homeworkerspage .bottomlevel .left, #homeworkerspage .bottomlevel .middle, #homeworkerspage .bottomlevel .right{
width: 281px;
float: left;
min-height: 151px;
height: auto !important;
height: 151px;
margin-bottom: 22px;
text-align: left;
padding: 0px 16px 0px 36px;
}
#homeworkerspage .bottomlevel h3{
text-transform: uppercase;
color: #2b2b2b;
margin-bottom: 13px;
text-align: left;
line-height: 1.5;
}
/*
#merchantinfopage .bottomlevel .left h3{
margin-bottom: 5px;
}
*/
#homeworkerspage .bottomlevel .left{

}

#homeworkerspage .bottomlevel .middle{

}
#homeworkerspage .bottomlevel .middle{

}
#homeworkerspage .bottomlevel ul{
padding-left: 16px;
margin-bottom: 20px;
list-style: url(../images/en/arrowlist.gif);
}
#homeworkerspage .bottomlevel ul li{
padding: 0px 10px 10px 5px;
line-height: 1.8;
}
#homeworkerspage .bottomlevel p{
padding-bottom: 10px;
}

#homeworkerspage .bottomlevel .bottomhighlight, #homeworkerspage .bottomlevel .bottomhighlight .bgtop{
width: 951px;
min-height: 59px;
height: auto !important;
height: 59px;
}
#homeworkerspage .bottomlevel .bottomhighlight{
margin: auto;
background:url(../images/en/bottomhightlightbg.gif) top left repeat-y;
}
#homeworkerspage .bottomlevel .bottomhighlight .bgtop{
background:url(../images/en/bottomhightlightbgtop.gif) top left no-repeat;
}
#homeworkerspage .bottomlevel .bottomhighlight .bgbottom{
width: 901px;
min-height: 19px;
height: auto !important;
height: 19px;
margin-bottom: 20px;
background:url(../images/en/bottomhightlightbgbottom.gif) bottom left no-repeat;
padding: 10px 25px;
font-family: Georgia, "Times New Roman", Times;
font-size: 14px;
color: #077daa;
}
#homeworkerspage .bottomlevel .bottomhighlight .bgbottom h3{
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 18px;
padding-top: 10px;
color: #0d5872;
text-align: center;
text-transform: none;
float: right;
margin: 0px;
}


#homeworkerspage #signup{
display: block;
height: 40px;
text-indent: -999em;
float: right;
}
#homeworkerspage #signup{
width: 123px;
background:url(../images/en/signup.gif) top left no-repeat;
margin:0px 102px 0px 10px;
}
#homeworkerspage #signup:hover{
background-position: bottom;
}
/*------------ faq page------------*/
#faqpage h1{
height: 77px;
width: 100%;
background:  url(../images/en/faqhead.gif) left no-repeat;
text-indent: -999em;
}
#faqpage{
width: 999px;
margin: auto;
text-align: left;
position: relative;
}
#faqpage h2{
font-size: 18px;
font-weight: normal;
text-align: left;
}
#faqpage .toplevel .left h2{
font-size: 24px;
line-height: 45px;
}

#faqpage .toplevel .right h2{
padding-bottom: 20px;
}

#faqpage .bottomlevel h2{
font-size: 24px;
margin-bottom: 20px;
}
#faqpage .bottomlevel h2 span{
padding-left: 10px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
color: #636363;
}

#faqpage .toplevel, #faqpage .bottomlevel{
width: 999px;
min-height: 279px;
height: auto !important;
min-height: 279px;
line-height: 1.6;
text-align: center;
}

#faqpage .bottomlevel{
min-height: 59px;
height: auto !important;
height: 59px
}


#faqpage .toplevel .left, #faqpage .right{
float: left;
min-height: 279px;
height: auto !important;
min-height: 279px;
margin-bottom: 22px;
text-align: left;
}
#faqpage .toplevel .left{
width: 517px;
padding: 0px 20px 0px 43px;
font-size: 11px;
}
#faqpage .toplevel .left .divider{
margin: 0px;
height: 1px;
background:url(../images/en/headerbgbrokenline.gif) top left repeat-x;
}
#faqpage .toplevel .left p{
padding: 0px 0px 25px 0px;
font-size: 11px;
border-bottom: 1px solid #e1e1e1; 
}

#faqpage .toplevel .left h3{
padding: 25px 0px 0px 0px;
color: #2b2b2b;
font-size: 12px;
text-align: left;
line-height: 1.5;
}

#faqpage .toplevel .right .highlighttext{
width: 313px;
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 14px;
color: #1387af;
padding:20px;
margin-top: 10px;
background:#d7e9ec;
}
#faqpage .toplevel .right .highlighttext span{
color: #0d5872;
}
#faqpage .toplevel .right .highlighttext a{
color: #0d5872;
}
#faqpage .toplevel .left ul{
padding:0px 0px 5px 36px;
margin-bottom: 15px;
list-style: disc;
background: #e1e1e1;
}
#faqpage .toplevel .left ul li{
padding: 3px;
}
#faqpage .toplevel .left .red{
display: block;
background: #e1e1e1;
padding: 5px 0px 0px 10px;
}
#faqpage .toplevel .right{
width: 419px;
background:url(../images/en/aboutrightbg.gif) repeat-y top left;
}
#faqpage .toplevel .right .bgtop{
width: 419px;
min-height: 279px;
height: auto !important;
min-height: 279px;
background:url(../images/en/aboutrightbgtop.gif) top left no-repeat;
}
#faqpage .toplevel .right .bgbottom{
width: 350px;
min-height: 224px;
height: auto !important;
min-height: 224px;
padding: 25px 26px 30px 43px;
background:url(../images/en/aboutrightbgbottom.gif) bottom left no-repeat;
}
#faqpage .toplevel .right ul{
padding-left: 36px;
margin-bottom: 20px;
list-style: disc;
}
#faqpage .toplevel .right ul li{
padding: 0px 20px 10px 5px;
line-height: 1.8;
}

#faqpage .bottomlevel .left, #faqpage .bottomlevel .middle, #faqpage .bottomlevel .right{
width: 281px;
float: left;
min-height: 151px;
height: auto !important;
height: 151px;
margin-bottom: 22px;
text-align: left;
padding: 0px 16px 0px 36px;
}
#faqpage .bottomlevel h3{
text-transform: uppercase;
color: #2b2b2b;
margin-bottom: 13px;
text-align: left;
line-height: 1.5;
}
/*
#merchantinfopage .bottomlevel .left h3{
margin-bottom: 5px;
}
*/
#faqpage .bottomlevel .left{

}

#faqpage .bottomlevel .middle{

}
#faqpage .bottomlevel .middle{

}
#faqpage .bottomlevel ul{
padding-left: 16px;
margin-bottom: 20px;
list-style: url(../images/en/arrowlist.gif);
}
#faqpage .bottomlevel ul li{
padding: 0px 10px 10px 5px;
line-height: 1.8;
}
#faqpage .bottomlevel p{
padding-bottom: 10px;
}
/*
#merchantinfopage .bottomlevel .left #siteimages{
background: #dadada;
width: 277px;
padding: 7px 0px 0px 7px;
}
#merchantinfopage .bottomlevel .left #siteimages ul{
padding: 0px;
}
#merchantinfopage .bottomlevel .left #siteimages ul li{
width: 132px;
float: left;
padding-right:6px ;
padding-bottom:7px ;
text-align: center;
font-size: 9px;
color: #595959;
}
*/
#faqpage .bottomlevel .bottomhighlight, #faqpage .bottomlevel .bottomhighlight .bgtop{
width: 951px;
min-height: 59px;
height: auto !important;
height: 59px;
}
#faqpage .bottomlevel .bottomhighlight{
margin: auto;
background:url(../images/en/bottomhightlightbg.gif) top left repeat-y;
}
#faqpage .bottomlevel .bottomhighlight .bgtop{
background:url(../images/en/bottomhightlightbgtop.gif) top left no-repeat;
}
#faqpage .bottomlevel .bottomhighlight .bgbottom{
width: 901px;
min-height: 19px;
height: auto !important;
height: 19px;
margin-bottom: 20px;
background:url(../images/en/bottomhightlightbgbottom.gif) bottom left no-repeat;
padding: 10px 25px;
font-family: Georgia, "Times New Roman", Times;
font-size: 14px;
color: #077daa;
}
#faqpage .bottomlevel .bottomhighlight .bgbottom h3{
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 18px;
padding-top: 10px;
color: #0d5872;
text-align: center;
text-transform: none;
float: right;
margin: 0px;
}


#faqpage #signup{
display: block;
height: 40px;
text-indent: -999em;
float: right;
}
#faqpage #signup{
width: 123px;
background:url(../images/en/signup.gif) top left no-repeat;
margin:0px 102px 0px 10px;
}
#faqpage #signup:hover{
background-position: bottom;
}

/*-----------Contact Us Page------------*/

#contactpage h1{
height: 77px;
width: 100%;
background:  url(../images/en/contactushead.gif) left no-repeat;
text-indent: -999em;
}
#contactpage{
width: 999px;
margin: auto;
text-align: left;
position: relative;
}
#contactpage h2{
font-size: 18px;
font-weight: normal;
text-align: left;
}
#contactpage .toplevel .left h2{
font-size: 24px;
}

#contactpage .toplevel .right h2{
font-size: 16px;
color: #604630;
height: 26px;
padding: 28px 0px 0px 21px;
}

#contactpage .bottomlevel h2{
font-size: 24px;
margin-bottom: 20px;
}
#contactpage .bottomlevel h2 span{
padding-left: 10px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
color: #636363;
}


#contactpage .toplevel, #contactpage .toplevel .bgtop{
width: 971px;
min-height: 279px;
height: auto !important;
min-height: 279px;
line-height: 1.6;
text-align: center;
}
#contactpage .toplevel{
padding: 0px 0px 0px 15px;
background: url(../images/en/contactbgtile.gif) 15px 0px repeat-y;
margin-bottom: 12px;
}
#contactpage .toplevel .bgtop{
width: 971px;
background:url(../images/en/contactbgtop.gif) top left no-repeat;
}
#contactpage .toplevel .bgbottom{
width: 963px;
min-height: 269px;
height: auto !important;
height: 269px;
padding:0px 4px 9px 4px;
background:url(../images/en/contactbgbottom.gif) bottom left no-repeat;
}
#contactpage .bottomlevel{
width: 999px;
min-height: 59px;
height: auto !important;
height: 59px
line-height: 1.6;
text-align: center;
}


#contactpage .toplevel .left, #contactpage .toplevel .right{
float: left;
min-height: 279px;
height: auto !important;
min-height: 279px;
margin-bottom: 22px;
text-align: left;
}
#contactpage .toplevel .left{
width: 525px;
padding: 27px 37px 0px 38px;
font-size: 11px;
}
#contactpage .toplevel .left .divider{
margin: 15px 0px;
height: 1px;
background:url(../images/en/headerbgbrokenline.gif) top left repeat-x;
}
#contactpage .toplevel .left p{
padding: 0px 0px 0px 0px;
font-size: 12px; 
}

#contactpage .toplevel .left h3{
padding: 25px 0px 0px 0px;
color: #2b2b2b;
font-size: 12px;
text-align: left;
line-height: 1.5;
}

#contactpage .toplevel .left .inputlist li{
float: none;
padding-bottom: 0px;
}
#contactpage .toplevel .left .inputlist label{
display: block;
min-height: 19px;
height: auto !important;
height: 19px;
padding-top: 10px;
font-weight: bold;
font-size: 10px;
color: #878686;
}
#contactpage .toplevel .left .inputlist label span{
color: #f17b0b;
}
#contactpage .toplevel .left .inputlist input{
width: 444px;
height: 24px;
border: 0px;
background:url(../images/en/contactinputbg.gif) top left no-repeat;
}

#contactpage .toplevel .left .inputlist textarea{
width: 509px;
height: 68px;
border: 0px;
padding: 5px 0px 0px 5px;
background:url(../images/en/contacttextareabg.gif) top left no-repeat;
}

#contactpage .toplevel .left .sendbtn{
display: block;
width: 74px;
height: 32px;
margin-top: 12px;
text-indent: -999em;
background:url(../images/en/sendbtn.gif) top left no-repeat;
}

#contactpage .toplevel .left .sendbtn:hover{
background-position: bottom;
}

/*
#contactpage .toplevel .left ul{
padding:0px 0px 5px 36px;
margin-bottom: 15px;
list-style: disc;
background: #e1e1e1;
}
#contactpage .toplevel .left ul li{
padding: 3px;
}
*/
#contactpage .toplevel .left .red{
display: block;
background: #e1e1e1;
padding: 5px 0px 0px 10px;
}
#contactpage .toplevel .right{
width: 363px;
}
#contactpage .toplevel .right p{
background:#efefef;
line-height: 1.6;
padding: 15px 26px 12px 22px;
}
#contactpage .toplevel .right p strong{
color:#383838;
}
#contactpage .toplevel .right ul{
padding-left: 36px;
margin-bottom: 20px;
list-style: disc;
}
#contactpage .toplevel .right ul li{
padding: 0px 20px 10px 5px;
line-height: 1.8;
}

/*
#contactpage .toplevel .right .highlighttext{
width: 313px;
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 14px;
color: #1387af;
padding:20px;
margin-top: 10px;
background:#d7e9ec;
}
#contactpage .toplevel .right .highlighttext span{
color: #0d5872;
}
#contactpage .toplevel .right .highlighttext a{
color: #0d5872;
}
*/
/*
#contactpage .bottomlevel .left, #contactpage .bottomlevel .middle, #contactpage .bottomlevel .right{
width: 281px;
float: left;
min-height: 151px;
height: auto !important;
height: 151px;
margin-bottom: 22px;
text-align: left;
padding: 0px 16px 0px 36px;
}
*/
#contactpage .bottomlevel h3{
text-transform: uppercase;
color: #2b2b2b;
margin-bottom: 13px;
text-align: left;
line-height: 1.5;
}

#contactpage .bottomlevel .bottomhighlight, #contactpage .bottomlevel .bottomhighlight .bgtop{
width: 951px;
min-height: 59px;
height: auto !important;
height: 59px;
}
#contactpage .bottomlevel .bottomhighlight{
margin: auto;
background:url(../images/en/bottomhightlightbg.gif) top left repeat-y;
}
#contactpage .bottomlevel .bottomhighlight .bgtop{
background:url(../images/en/bottomhightlightbgtop.gif) top left no-repeat;
}
#contactpage .bottomlevel .bottomhighlight .bgbottom{
width: 901px;
min-height: 19px;
height: auto !important;
height: 19px;
margin-bottom: 20px;
background:url(../images/en/bottomhightlightbgbottom.gif) bottom left no-repeat;
padding: 10px 25px;
font-family: Georgia, "Times New Roman", Times;
font-size: 14px;
color: #077daa;
}
#contactpage .bottomlevel .bottomhighlight .bgbottom h3{
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 18px;
padding-top: 10px;
color: #0d5872;
text-align: center;
text-transform: none;
float: right;
margin: 0px;
}


#contactpage #signup{
display: block;
height: 40px;
text-indent: -999em;
float: right;
}
#contactpage #signup{
width: 123px;
background:url(../images/en/signup.gif) top left no-repeat;
margin:0px 102px 0px 10px;
}
#contactpage #signup:hover{
background-position: bottom;
}


/*--------------------------------------------*/
/*--------------Sales Dashboard---------------*/
/*--------------------------------------------*/

#salesdashboard h1{
height: 77px;
width: 100%;
background: url(../images/EN/salesdashboardhead.gif) top center no-repeat;
text-indent: -999em;
}
#salesdashboard{
width: 971px;
margin: auto;
text-align: left;
position: relative;
padding-left: 15px;
}
#salesdashboard #salesintoduction, #salesdashboard #salesintoduction .bgtop{
width: 971px;
min-height: 137px;
height: auto !important;
height: 137px;
}
#salesdashboard #salesintoduction{
background:url(../images/EN/salesintroductionbg.gif)  top left repeat-y;
margin-bottom: 12px;
}
#salesdashboard #salesintoduction .bgtop{
background:url(../images/EN/salesintroductionbgtop.gif) top left no-repeat;
}
#salesdashboard #salesintoduction .bgbottom{
width: 963px;
min-height: 129px;
height: auto !important;
height: 129px;
padding:0px 4px 9px 4px;
background:url(../images/EN/salesintroductionbgbottom.gif) bottom left no-repeat;
}
#salesdashboard h2{
font-size: 16px;
font-weight: normal;
padding: 16px 0px 0px 0px;
height: 30px;
}

#salesdashboard #salesintoduction .left, #salesdashboard #salesintoduction .right{
float: left;
}
#salesdashboard #salesintoduction .left{
width: 621px;
min-height: 97px;
height: auto !important;
height: 97px;
padding: 32px 0px 0px 33px;
}
#salesdashboard #salesintoduction  .left p{
line-height: 1.6;
/*
padding-left: 22px;
padding-right: 26px;
padding-bottom: 12px;
*/
}
#salesdashboard #salesintoduction  .left h2{
font-size: 24px;
padding: 0px 0px 4px 0px;
}

#salesdashboard #salesintoduction .right{
width: 309px;
min-height: 129px;
height: auto !important;
height: 129px;
}
#salesdashboard .right h2{
color: #604630;
font-size: 16px;
height: 25px;
padding: 16px 0px 0px 13px;
}
#salesdashboard #salesintoduction .right #saleslogininfo{
width: 309px;
height: 33px;
}
#salesdashboard #salesintoduction .right #saleslogininfo #salesusername{
width: 160tpx;
height: 33px;
line-height: 33px;
padding: 0px 0px 0px 22px;
font-size: 9px;
color: #7d7d7d;
}
#salesdashboard #salesintoduction .right #saleslogininfo #salesusername span{
color: #535353;
}
#salesdashboard #salesintoduction .right a#saleslogout{
float: right;
width: 80px;
height: 20px;
margin: 7px 34px 0px 0px;
color: #ffffff;
padding-left: 11px;
line-height: 20px;
text-decoration: none;
font-size: 9px;
background:url(../images/EN/saleslogoutbtnbg.gif) top left no-repeat;
}
#salesdashboard #salesintoduction .right a#saleslogout:hover{
background-position: bottom left;
}
#salesdashboard #salesintoduction .right a#saleslogout:active{
background-position: top right;
}


#salesdashboard #salesintoduction .right #salesemailer{
display: block;
margin: 15px 0px 0px 22px;
width: 262px;
height: 58px;
text-indent: -999em;
background: url(../images/EN/salesemailerbutton.gif) top left no-repeat;
}
#salesdashboard #salesintoduction .right #salesemailer:hover{
background-position: bottom;
}

#salesdashboard #salesintoduction .right p{
line-height: 1.6;
padding-left: 22px;
padding-right: 26px;
padding-bottom: 12px;
background: #5e5e5e;
color: #e6c9a9;
}
#salesdashboard #salesintoduction .right p span{
display: block;
color:#FFFFFF;
padding: 11px 0px 8px 35px;
font-weight: bold;
background:url(../images/EN/welcometoaffiliationteamicon.gif) 0px 11px no-repeat;
}
/*
#dashboardinfo .left .divider{
margin: 22px 27px 15px 13px;
height: 1px;
background:url(../images/EN/headerbgbrokenline.gif) top left repeat-x;
}

#dashboardinfo .left #earningsbox{
width: 337px;
height: 95px;
margin-left: 13px;
background: #dcdcdc;
}

#dashboardinfo .left #earningsbox span{
display: block;
padding: 0px 15px;
text-align: left;
color: #826d62;
}
#dashboardinfo .left #earningsbox span.specialheader{
border-bottom: solid 1px #efefef;
height: 31px;
line-height: 31px;
font-size: 10px;
}
#dashboardinfo .left #earningsbox span.amount{
height: 63px;
line-height: 63px;
font-size: 36px;
}
*/

#salesdashboard #salesreportssummary .middle, #salesdashboard #salesreportssummary .middle .bgtop{
width: 971px;
min-height: 220px;
height: auto !important;
height: 220px;
}
#salesdashboard #salesreportssummary .middle{
margin-bottom: 26px;
background:url(../images/EN/selectmerchantpartbg.gif) repeat-y top left;
}
#salesdashboard #salesreportssummary .middle .bgtop{
background:url(../images/EN/selectmerchantpartbgtop.gif) no-repeat top left;
}
#salesdashboard #salesreportssummary .middle .bgbottom{
width: 939px;
min-height: 192px;
height: auto !important;
height: 192px;
background:url(../images/EN/selectmerchantpartbgbottom.gif) no-repeat bottom left;
padding: 0px 4px 28px 28px;
}

#salesdashboard #salesreportssummary h2{
font-size: 16px;
font-weight: normal;
padding: 16px 0px 0px 0px;
height: 30px;
/* background:url(../images/EN/dashboardcurrentsubbg.gif) bottom left repeat-x; */
}

#salesdashboard #sales_earning_summary{
padding-top: 13px;
width: 910px;
height: 62px;
}

#salesdashboard #sales_earning_summary span.greenbox{
display: block;
width: 174px;
height: 23px;
line-height: 23px;
font-size: 9px;
font-weight: bold;
background: url(../images/EN/sales-greenbox-bg.gif) top left repeat-x;
color: #386429;
}
#salesdashboard #sales_earning_summary span.yellowbox{
display: block;
width: 174px;
height: 23px;
line-height: 23px;
font-size: 9px;
font-weight: bold;
background: url(../images/EN/sales-yellowbox-bg.gif) top left repeat-x;
color: #5d5a38;
}
#salesdashboard #sales_earning_summary span.amount{
display: block;
width: 174px;
height: 37px;
line-height: 37px;
font-size: 16px;
}
#salesdashboard #sales_earning_today span.amount{
color: #7fbc00;
}
#salesdashboard #sales_earning_month, #salesdashboard #sales_earning_days, #salesdashboard #sales_earning_today, #salesdashboard #sales_earning_payment{
float: left;
width: 174px;
height: 60px;
border: 1px solid #dedede;
background: #f0f0f0;
margin-right: 6px;
text-align: center;
}
#salesdashboard #sales_earning_summary #sales_view_complete_report{
display: block;
float: left;
text-indent: -999em;
width: 180px;
height: 62px;
background:url(../images/EN/salesviewcompletereport.gif) top left no-repeat;
}
#salesdashboard #sales_earning_summary #sales_view_complete_report:hover{
background-position: bottom;
}
#sales_earning_payment{
position: relative;
}

#withdrawpaymentbtn{
position: absolute;
top:26px;
right: 0px;
width: 28px;
height: 30px;
display: block;
text-indent: -999em;
background:url(../images/EN/withdrawpaymentbtn.gif) top left no-repeat;
}
#withdrawpaymentbtn:hover{
background-position:bottom left;
}
#withdrawpaymentbtn:active{
background-position:top right;
}

/*--------------------------------------------*/
/*--------------Sales Emailer Page---------------*/
/*--------------------------------------------*/

#salesemailerpage h1{
height: 77px;
width: 100%;
background: url(../images/EN/salesemailerhead.gif) top center no-repeat;
text-indent: -999em;
}
#salesemailerpage{
width: 971px;
margin: auto;
text-align: left;
position: relative;
padding-left: 15px;
}
#salesemailerpage #saleschoosecampaign, #salesemailerpage #saleschoosecampaign .bgtop{
width: 971px;
min-height: 137px;
height: auto !important;
height: 137px;
}
#salesemailerpage #saleschoosecampaign{
background:url(../images/EN/selectmerchantpartbg.gif) repeat-y top left;
margin-bottom: 8px;
}
#salesemailerpage #saleschoosecampaign .bgtop{
background:url(../images/EN/selectmerchantpartbgtop.gif) top left no-repeat;
}
#salesemailerpage #saleschoosecampaign .bgbottom{
width: 963px;
min-height: 129px;
height: auto !important;
height: 129px;
padding:0px 4px 9px 4px;
background:url(../images/EN/selectmerchantpartbgbottom.gif) bottom left no-repeat;
}
#salesemailerpage h2{
font-size: 14px;
font-weight: normal;
padding: 16px 0px 0px 22px;
height: 30px;
}

#salesemailerpage #saleschoosecampaign .left, #salesemailerpage #saleschoosecampaign .right{
float: left;
background: #f0f0f0;
}
#salesemailerpage #saleschoosecampaign .left{
width: 410px;
min-height: 76px;
height: auto !important;
height: 76px;
padding: 7px 0px 0px 62px;
border-left: 1px #f6f6f6 solid;
border-right: 1px #dadada solid;
}

#salesemailerpage #saleschoosecampaign h2{
font-size: 14px;
background:url(../images/EN/choosecampaignheaderbg.gif) bottom left repeat-x;
}
#salesemailerpage a.expandcontractarrow{
display: block;
float: left;
width: 19px;
height: 20px;
margin-right: 20px;
background:url(../images/EN/websiteslistarrow.gif) top left no-repeat;
}
#salesemailerpage #saleschoosecampaign label{
display: block;
font-weight: bold;
font-size: 9px;
text-transform: uppercase;
margin-bottom: 5px;
}
#salesemailerpage #saleschoosecampaign .emailer_choosemerchant{
width: 364px;
height: 34px;
background: url(../images/EN/choosemerchantbg.gif) top left no-repeat;
text-align: center;
padding-top: 12px;
}
#salesemailerpage #saleschoosecampaign .emailer_choosemerchant select{
width: 300px;
height: 20px;
}
#salesemailerpage #saleschoosecampaign .right{
width: 442px;
min-height: 76px;
height: auto !important;
height: 76px;
padding: 7px 0px 0px 45px;
border-left: 1px #f6f6f6 solid;
border-right: 1px #ffffff solid;	
}


#salesemailerpage #saleslogininfo{
width: 309px;
height: 30px;
background: #e7e7e7;
position: absolute;
top:48px;
right: 4px;
}
#salesemailerpage  #saleslogininfo #salesusername{
width: 160tpx;
height: 30px;
line-height: 30px;
padding: 0px 0px 0px 22px;
font-size: 9px;
color: #7d7d7d;
}
#salesemailerpage  #saleslogininfo #salesusername span{
color: #535353;
}
#salesemailerpage a#saleslogout{
float: right;
width: 80px;
height: 20px;
margin: 5px 13px 0px 0px;
color: #ffffff;
padding-left: 11px;
line-height: 20px;
text-decoration: none;
font-size: 9px;
background:url(../images/EN/saleslogoutbtnbg.gif) top left no-repeat;
}
#salesemailerpage a#saleslogout:hover{
background-position: bottom left;
}
#salesemailerpage a#saleslogout:active{
background-position: top right;
}


#salesemailerpage #salesenterrecipients .middle, #salesemailerpage #salesenterrecipients .middle .bgtop{
width: 971px;
min-height: 150px;
height: auto !important;
height: 150px;
}
#salesemailerpage #salesenterrecipients .middle{
margin-bottom: 8px;
background:url(../images/EN/selectmerchantpartbg.gif) repeat-y top left;
}
#salesemailerpage #salesenterrecipients .middle .bgtop{
background:url(../images/EN/selectmerchantpartbgtop.gif) no-repeat top left;
}
#salesemailerpage #salesenterrecipients .middle .bgbottom{
width: 963px;
min-height: 122px;
height: auto !important;
height: 122px;
background:url(../images/EN/selectmerchantpartbgbottom.gif) no-repeat bottom left;
padding: 0px 4px 9px 4px;
}

#salesemailerpage #salesenterrecipients h2{
font-weight: normal;
background:url(../images/EN/dashboardcurrentsubbg.gif) bottom left repeat-x;
}
#salesemailerpage #salesenterrecipients h2 em{
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
font-size: 9px;
color: #595959;
}
#sales_recipients{
width: 901px;
min-height: 112px;
height: auto !important;
height: 112px;
padding: 10px 0px 0px 62px;
}
#sales_recipients label{
display: block;
float: left;
height: 68px;
font-size: 9px;
line-height: 16px;
padding-right: 8px;
}
#sales_recipients a{
float: right;
}
#recipients_textbox{
width: 791px;
height: 68px;
border: 0px;
padding: 2px;
background:url(../images/EN/emailer_recipient_bg.gif) top left no-repeat;
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
font-size: 11px;
}

#sales_verfiedrecipients{
width: 848px;
min-height: 102px;
height: auto !important;
height: 102px;
border-left: 1px #f6f6f6 solid;
border-right: 1px #f6f6f6 solid;
background: #ededed url(../images/EN/verifiedrecipientsbg.gif) top left repeat-x;
padding: 0px 0px 20px 113px;

}
#sales_verfiedrecipients h3{
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 14px;
padding: 16px 0px 0px 0px;
height: 30px;
font-weight: normal;
color: #5f5f5f;
}
#sales_verfiedrecipients h3 em{
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
font-size: 9px;
color: #595959;
}

#sales_recipients_other{
width: 279px;
height: 23px;
display: block;
text-indent: -999em;
background:url(../images/EN/email_from_other_campaigns.gif) top left no-repeat;
margin: 5px 18px 0px 0px;
}
#sales_recipients_other:hover{
background-position:bottom left;
}
#sales_recipients_other:active{
background-position:top right;
}

#sales_verify_recipients{
width: 169px;
height: 23px;
display: block;
text-indent: -999em;
background:url(../images/EN/verify_email.gif) top left no-repeat;
margin: 5px 83px 0px 0px;
}
#sales_verify_recipients:hover{
background-position:bottom left;
}
#sales_verify_recipients:active{
background-position:top right;
}


#sales_verfiedrecipients .delete_email{
width: 13px;
height: 11px;
display: block;
text-indent: -999em;
background:url(../images/EN/delete_verifiedemail.gif) top left no-repeat;
}

#sales_preview_email{
display: block;
width: 160px;
height: 45px;
text-indent: -999em;
background: url(../images/EN/preview_email_btn.gif) top left no-repeat;
float: left;
margin-right: 9px;
}
#sales_preview_email:hover{
background-position: bottom;
}
#sales_send_email{
display: block;
width: 160px;
height: 45px;
text-indent: -999em;
background: url(../images/EN/sendemailbtn.gif) top left no-repeat;
float: left;
}
#sales_send_email:hover{
background-position: bottom;
}


#salesemailerpage #salesemailerbuttons, #salesemailerpage #salesemailerbuttons .bgtop{
width: 971px;
min-height: 69px;
height: auto !important;
height: 69px;
}
#salesemailerpage #salesemailerbuttons{
background:url(../images/EN/selectmerchantpartbg.gif) repeat-y top left;
margin-bottom: 8px;
}
#salesemailerpage #salesemailerbuttons .bgtop{
background:url(../images/EN/selectmerchantpartbgtop.gif) top left no-repeat;
}
#salesemailerpage #salesemailerbuttons .bgbottom{
width: 963px;
min-height: 60px;
height: auto !important;
height: 60px;
padding:0px 4px 9px 4px;
background:url(../images/EN/selectmerchantpartbgbottom.gif) bottom left no-repeat;
}
#salesemailerpage #salesemailerbuttons .bgbottom .middle{
padding:8px 0px 0px 316px;
}
/*---------- headers ------------*/
h2{
font-family: Georgia, "Times New Roman", Times;
font-weight: normal;
font-size: 18px;
color:#f17b0b;
line-height: 1.3;
}
h3{
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
font-size: 10px;
color: #ab907f;
line-height: 1.3;
}
h3 a{
font-family: Verdana, Arial, Helvetica, "Lucida Sans";
font-size: 10px;
color: #ab907f;
line-height: 1.3;
text-decoration: none;
}
/*----------- prompts -----------*/
#prompt{
}
#prompt .promptbg{
background: #000000;
}
#prompt .promptmsg{
position: relative;
left: 5px;
background: #e6f3f9;
text-align: center;
font-size: 9px;
}
#prompt .promptmsg .bgtop{
background: url(../images/en/promptbgtop.gif) top left repeat-x;
padding: 0px 10px 10px 10px;
}
#prompt .promptmsg a{
display: block
}
#prompt .promptmsg h1{
margin-bottom: 10px;
height: 36px;
text-indent: -999em;
}
#prompt .promptmsg h1.ty{
background:url(../images/en/thankyoubg.gif) no-repeat top center;
}
#prompt .promptmsg h1.error{
background:url(../images/en/errorbg.gif) no-repeat top center;
}
#prompt .promptmsg h1.shareemail{
background:url(../images/en/shareprompthead.gif) no-repeat top center;
}
#prompt .promptmsg h2{
margin-bottom: 5px;
}
#prompt .promptmsg .shareemailprompt h1{
margin-bottom: 18px;
}
.shareemailprompt label{
clear: left;
float: left;
display: block;
font-weight: bold;
width: 70px;
height: 27px;
line-height: 27px;
text-align: right;
padding-right: 10px;
}
.shareemailprompt input{
float: left;
width: 289px;
height: 22px;
padding: 5px 0px 0px 3px;
border: 0px;
margin: 0px 18px 6px 0px;
color: #777777;
background:url(../images/en/sharepromptinputbg.gif) top left no-repeat;
}
.shareemailprompt textarea{
float: left;
width: 289px;
height: 65px;
border: 0px;
padding: 5px 0px 0px 3px;
margin: 5px 18px 17px 0px;
color: #777777;
background:url(../images/en/shareprompttextareabg.gif) top left no-repeat;
}
.shareemailprompt a{
float: left;
display: block;
height: 27px;
text-indent: -999em;
}
.sharecampaignbtn{
width: 161px;
background:url(../images/en/sharecampaignbtnprompt.gif) top left no-repeat;
margin-left: 70px;
}
.cancel{
width: 85px;
background:url(../images/en/cancelbtn.gif) top left no-repeat;
margin-left: 8px;
}
.shareemailprompt a:hover{
background-position:bottom left;
}
.shareemailprompt a:active{
background-position:top right;
}
.red{
color: #a82222;
font-weight: bold;
}