/* =general
--------------------------------------------*/

body {
  padding:0;
  margin:0 auto;
  width: 1000px;
  font: 12px Arial;
}

@media only screen and (max-width: 1000px) {
  body {
    width: 100%;
  }
}

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

a {
  cursor: hand;
}

table, select, input { font-size: 100%; }

input, textarea {
  border: 1px #7f9db9 solid;
}

/* =header
----------------------------------------------------*/

#header {
  position: relative;
  height: 50px;
  /*background: url(img/m_bg.gif) no-repeat;*/
  background-position: 383px 0px;
  background-color: #000000;
}

#header h1 {
  position: absolute;
  width: 148px;
  height: 52px;
  background: url(img/logo.gif) no-repeat;
  background-position: 17px 17px;
}

#header h1 span {
  display: none;
}

#header h2 {
  position: absolute;
  left: 148px;
  height: 28px;
  width: 1px;
  background-color: #ffffff;
  margin-top: 12px;
}

#header h2 span {
  display: none;
}

#header h3 {
  position: absolute;
  left: 150px;
  top: 0px;
  width: 156px;
  height: 52px;
  background: url(img/logo2.gif) no-repeat;
  background-position: 9px 17px;
}

#header h3 span {
  display: none;
}

#header p { 
  margin: 0; 
  padding: 0; 
}

#header h4 {
  float: left;
  margin-top: 19px;
}

#header #m-cobrand {
  position: absolute;
  left: 408px;
  width: 65px;
  height: 13px;
  background: url(img/m_cobrand.gif) no-repeat;
}

#header #m-standard {
  position: absolute;
  left: 524px;
  top: 0px;
  width: 138px;
  height: 13px;
  background: url(img/m_standard.gif) no-repeat;
}

#header #m-standard-on {
  position: absolute;
  left: 524px;
  top: 0px;
  width: 138px;
  height: 16px;
  background: url(img/m_standard_on.gif) no-repeat;
}

#header #m-signup {
  position: absolute;
  left: 713px;
  top: 0px;
  width: 50px;
  height: 13px;
  background: url(img/m_signup.gif) no-repeat;
}

#header #m-signup-on {
  position: absolute;
  left: 713px;
  top: 0px;
  width: 50px;
  height: 16px;
  background: url(img/m_signup_on.gif) no-repeat;
}

#header #m-faq {
  position: absolute;
  left: 814px;
  top: 0px;
  width: 23px;
  height: 15px;
  background: url(img/m_faq.gif) no-repeat;
}

#header #m-faq-on {
  position: absolute;
  left: 814px;
  top: 0px;
  width: 23px;
  height: 16px;
  background: url(img/m_faq_on.gif) no-repeat;
}

#header #m-contacts, #header #m-contacts-on {
  position: absolute;
  left: 888px;
  top: 0px;
  width: 62px;
  height: 13px;
  background: url(img/m_contacts.gif) no-repeat;
}

#header h4 span {
  display: none;
}


/* =header2_dating
----------------------------------------------------*/

#header2_dating {
  position: relative;
  height: 50px;
  background-color: #000000;
}

#header2_dating h1 {
  position: absolute;
  width: 148px;
  height: 52px;
  background: url(img/logo.gif) no-repeat;
  background-position: 17px 17px;
}

#header2_dating h1 span {
  display: none;
}

#header2_dating h2 {
  position: absolute;
  left: 148px;
  height: 28px;
  width: 1px;
  background-color: #ffffff;
  margin-top: 12px;
}

#header2_dating h2 span {
  display: none;
}

#header2_dating h3 {
  position: absolute;
  left: 150px;
  top: 0px;
  width: 156px;
  height: 52px;
  background: url(img/logo2.gif) no-repeat;
  background-position: 9px 17px;
}

#header2_dating h3 span {
  display: none;
}

/* =header2_mp3
----------------------------------------------------*/

#header2_mp3 {
  position: relative;
  height: 50px;
  background-color: #000000;
}

#header2_mp3 h1 {
  position: absolute;
  width: 269px;
  height: 39px;
  background: url(img/logo_mp3.gif) no-repeat;
  background-position: 17px 17px;
}

#header2_mp3 h1 span {
  display: none;
}

#header2_mp3 h2 {
  position: absolute;
  left: 148px;
  height: 28px;
  width: 1px;
//  background-color: #ffffff;
  display: none;
  margin-top: 12px;
}

#header2_mp3 h2 span {
  display: none;
}

#header2_mp3 h3 {
  position: absolute;
  left: 150px;
  top: 0px;
  width: 156px;
  height: 52px;
//  background: url(img/logo2_mp3.gif) no-repeat;
  display: none;
  background-position: 9px 17px;
}

#header2_mp3 h3 span {
  display: none;
}

/* =header2_winxpspeedup
----------------------------------------------------*/

#header2_winxpspeedup {
  position: relative;
  height: 50px;
  background-color: #000000;
}

#header2_winxpspeedup h1 {
  position: absolute;
  width: 269px;
  height: 39px;
//  background: url(img/logo_mp3.gif) no-repeat;
  background-position: 17px 17px;
}

#header2_winxpspeedup h1 span {
  display: none;
}

#header2_winxpspeedup h2 {
  position: absolute;
  left: 148px;
  height: 28px;
  width: 1px;
//  background-color: #ffffff;
  display: none;
  margin-top: 12px;
}

#header2_winxpspeedup h2 span {
  display: none;
}

#header2_winxpspeedup h3 {
  position: absolute;
  left: 150px;
  top: 0px;
  width: 156px;
  height: 52px;
//  background: url(img/logo2_mp3.gif) no-repeat;
  display: none;
  background-position: 9px 17px;
}

#header2_winxpspeedup h3 span {
  display: none;
}

/* =menu
----------------------------------------------------*/
#menu {
  position: relative;
  float: right;
  height: 50px;
}

.menusep {
  display: inline;
  color: #cdcdcd;
  background: #cdcdcd;
}

.menusep span{
  display: none;
}

.menudiv {
  position: relative;
  display: inline;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}

.menua {
  color: #cdcdcd;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}

.menua:hover {
  color: #ffffff;
  text-decoration: underline;
}

.menua_on {
  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
  text-decoration: underline;
}

#submenuline {
  position: relative;
  height: 26px;
  background: #d75f00;
}

#submenuleft {
  position: relative;
  float: left;
}

#submenuright {
  position: relative;
  float: right;
  right: 150px;
}

#submenuline h1 {
  position: relative;
  display: inline;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

#submenuline h2 {
  position: relative;
  display: inline;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

#submenuline h3 {
  position: relative;
  display: inline;
  font-size: 100%;
  font-weight: normal;
  color: #fff;
  top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.submenudiv {
  position: relative;
  display: inline;
  color: #cdcdcd;
  background: #cdcdcd;
  margin-top: -10px;
  top: 10px;
}

.menua2 {
  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}

.menua2:hover {
  text-decoration: underline;
}

.menua2_on {
  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
  text-decoration: underline;
}

/* = partner inside
------------------------------------------*/
#pagetitle {
  color: #0d61ad;
  font-size: 160%;
  font-weight: bold;
  margin: 5px 0px 10px 15px;
}

#filterline {
  position: relative;
}

#product_select, #referers_select, #aggregation_select {
  position: absolute;
  display: block;
  font-size: 100%;
  font-weight: bold;
  color: #0d61ad;
  top: 0px;
  left: 15px;
}

#product_select select, #aggregation_select select, #subacc_select select, #referers_select select, #promocateg_select select, #promotype_select select, #signuptype_select select, #wm_filter input {
  font-size: 100%;
  font-weight: normal;
  width: 200px;
}

#aggregation_select {
	top: 24px;
}

#aggregation_select > select {
	width: 175px;
	}

#subacc_select, #promocateg_select, #signuptype_select, #wm_filter {
  position: absolute;
  display: block;
  color: #0d61ad;
  top: 0px; 
  left: 300px;
  font-size: 100%;
  font-weight: bold;
}

#date_select, #promotype_select {
  position: absolute;
  display: block;
  color: #0d61ad;
  top: 0px; 
  left: 600px;
  font-size: 100%;
  font-weight: bold;
}

#datesel_title {
  position: absolute;
  margin-top: 5px;
}

#datesel_periodradio {
  position: absolute;
  left: 40px;
}

#datesel_period {
  position: absolute;
  left: 60px;
  width: 170px;
}

#datesel_dates {
  position: absolute;
  left: 40px;
}

.datesel_month {
  position: absolute;
  left: 60px;
  width: 95px;
}

.datesel_day {
  position: absolute;
  left: 160px;
  width: 45px;
}

.datesel_year {
  position: absolute;
  left: 210px;
  width: 60px;
}

#filter {
  position: absolute;
  display: block;
  top: 0px;
  left: 900px;
}

#filterbutton {
  width: 100px;
  background: #a7c7ea;
  color: #123562;
  font-size: 100%;
  font-weight: bold;
//  border: 1px solid #6f89b0;
}

#reptable {
  position: relative;
  top: 50px;
}

//.banner_img_left {
//  position: relative;
//  float: left;
//  padding: 10px;
//}

.banner_img_center {
  position: relative;
  text-align: center;
  padding: 10px;
}

.banner_main {
  padding: 10px;
}

.banner_main input, .banner_main select {
  width: 200px;
}

.promotitle {
  font-weight: bold;
  color: #0d61ad;
}

button, .button {
  background: #a7c7ea;
  color: #123562;
  font-size: 100%;
  font-weight: bold;
}

.ccbillbutton {
  width: 120px;
}

.registerbutton {
  background: #f8f8f8;
  color: #000000;
  font-weight: normal;
  border: 1px solid #003c74; 
}

#regsubmit {
  position: relative;
  top: 250px;
}

/*#ccbillform {
  position: relative;
  top: -50px;
}*/

#reporttable {border:1px solid #a7b5bc; font-size: 80%;}
table.reporttable th a {color:black}
table.reporttable th { background:#ebeff0; padding:10; font-size: 100%; text-align:center; color:#0d61ad; text-transform:uppercase}
table.reporttable td { color:#0d61ad; padding:5; font-size: 100%; }
//table.reporttable td.light {color:silver}
table.reporttable td a {color: #d75f00}
//table.reporttable td.col {border-bottom:1px solid #eaeaea;font:11px Tahoma; background:#D8DEE0}
//table.reporttable td input {font:11px Tahoma; border:none; background:#ffffff;padding:2; color:#FFA500;border:1px solid #eaeaea}
//table.reporttable .reportsel {font-weight:bold; text-decoration:none}
table.reporttable .reportrow1 {background:#edede6}

#rsnav {margin:0}
#rsnav td {font: 10px Tahoma; padding:1 5; background:white; text-align:center;border:1px solid #E8DD9A}
#rsnav td.txt{font: 10px Tahoma; width:12; background:white; border:none;color:#2C4E70}
#rsnav td a {color:black;text-decoration:none}
#rsnav td.on {font: 10px Tahoma;color:white;background:#2C4E70;border:none}
#rsnav td.on a {color:white}

/* =content 
------------------------------------------*/
#content *{
  font-size: 100%;
}

#content h2 {
  margin: 15px 0px 0px 0px;
  padding: 0px;
  font-weight: bold;
  color: #0d61ad;
  font-size: 140%;
}

#content h3 {
  margin: 15px 0px 0px 0px;
  padding: 0px;
  font-weight: bold;
  color: #0d61ad;
  font-size: 100%:
}

#content p {
  color: #000;
  font-weight: normal;
  margin: 0px 0px 0px 10px;
}

#content a {
  color: #0d61ad;
}

#st-signup {
  background-color: #ccc;
  width: 176px;
  height: 50px;
  background: url(img/st_signup.gif) no-repeat;
  margin: 0px auto;
  margin-top: 20px;
}

#st-signup span {
  display: none;
}

#footer {
  clear: both;
  position: relative;
}

#title {
  padding-bottom: 10px;
  border-bottom: 1px #a9a9a9 solid;
}

#title_quicktour {
  background: url(img/h_quicktour.gif) no-repeat;
  width: 326px;
  height: 51px;
}

#title_quicktour span {
  display: none;
}

#title_faq {
  background: url(img/h_faq.gif) no-repeat;
  width: 29px;
  height: 20px;
}

#title_faq span {
  display: none;
}

#title_signup {
  background: url(img/h_signup.gif) no-repeat;
  width: 64px;
  height: 17px;
}

#title_signup span {
  display: none;
}

#title_contacts {
  background: url(img/h_contacts.gif) no-repeat;
  width: 78px;
  height: 17px;
}

#title_contacts span {
  display: none;
}

#title_contactinformation {
  background: url(img/h_contactinformation.gif) no-repeat;
  width: 136px;
  height: 14px;
}

#title_contactinformation span {
  display: none;
}

#title_paymentinformation {
  background: url(img/h_paymentinformation.gif) no-repeat;
  width: 143px;
  height: 18px;
}

#title_paymentinformation span {
  display: none;
}

#title_remindpassword {
  background: url(img/h_remindpassword.gif) no-repeat;
  width: 141px;
  height: 22px;
}

#title_remindpassword span {
  display: none;
}

#title_welcome {
  background: url(img/h_welcome.gif) no-repeat;
  width: 366px;
  height: 22px;
}

#title_welcome span {
  display: none;
}

#title_topreasons {
  background: url(img/h_topreasons.gif) no-repeat;
  width: 327px;
  height: 18px;
}

#title_topreasons span {
  display: none;
}


/* =left column
--------------------------------------------------*/

#content #leftcol {
  /*width: 248px;
  float: left;
  background-color: #0d63ae;
  overflow: hidden;*/
}

/* =login form
--------------------------------------------------*/
#loginform {
  /*width: 248px;*/
  height: 154px;
  overflow: hidden;
  background: url(img/login_bg.gif) #fc0;
  padding: 30px;
  color: white;
}

#loginform h2 {
//  font-size: 120%;
  background: url(img/h_login.gif);
  width: 34px;
  height: 13px;
}

#loginform h2 span {
  display: none;
}

#loginform p {
  margin: 12px 0px 0px 0px;
  padding: 0;
}

#loginform input {
  border: 1px #808080 solid;
  margin-top: 2px;
  width: 192px;
}

#loginform a {
  color: #ea6600;
  text-decoration: underline;
  font-weight: bold;
  float: left;
  margin-top: 3px;
}

#loginform #loginbutton {
  width: 69px;
  height: 20px;
  background: url(img/b_enter.gif) no-repeat;
  border: 0;
  color: #123562;
  font-weight: bold;
  float: right;
  margin-right: 55px;
}

/* =signup banner
--------------------------------------------------*/

#signupbanner {
  height: 214px;
  width: 752px;
  overflow: hidden;
  background: url(img/signupbanner.gif) no-repeat;
  background-position: 0px 0px;
  margin: 0px;
}

#signupbanner h1, #signupbanner p, #signupbanner ul {
  display: none;
}

#sb-learn {
  position: absolute;
  left: 280px;
  top: 186px;
  height: 18px;
  width: 100px;
}

#sb-demo {
  position: absolute;
  left: 265px;
  top: 185px;
  height: 20px;
  width: 285px;
}

#sb-signup {
  position: absolute;
  left: 545px;
  top: 155px;
  height: 45px;
  width: 180px;
}

#signupbanner span {
  display: none;
}

/* =faq
--------------------------------------------------*/

#faq {
  padding: 15px 15px 15px 30px;
  color: white;
}

#faq * {
  font-size: 100%;
}

#faq h2 {
  font-size: 120%;
  color: white;
  background: url(img/h_faq2.gif);
  width: 22px;
  height: 15px;
}

#faq h2 span {
  display: none;
}

#faq h3 {
  margin: 15px 0px 0px 0px;
  padding: 0px;
  color: white;
}

#faq p, #faq a {
  margin: 0px;
  padding: 0px;
  color: #b5d5f1;
}

#faq h4 {
  margin-top: 15px;
}

#faq h4 > a {
  text-decoration: none;
}

/* =learnmore 
--------------------------------------------------*/
#learn_whatscobrand {
  background: url(img/l_whatscobrand.gif) no-repeat;
  width: 270px;
  height: 18px;
}

#learn_whatscobrand span {
  display: none;
}

#learn_how {
  background: url(img/l_how.gif) no-repeat;
  width: 176px;
  height: 15px;
}

#learn_how span {
  display: none;
}

#learn_hosting {
  background: url(img/l_hosting.gif) no-repeat;
  width: 350px;
  height: 18px;
}

#learn_hosting span {
  display: none;
}

#learn_makemoney {
  background: url(img/l_makemoney.gif) no-repeat;
  width: 335px;
  height: 18px;
}

#learn_makemoney span {
  display: none;
}

#learn_getstarted {
  background: url(img/l_getstarted.gif) no-repeat;
  width: 239px;
  height: 16px;
}

#learn_getstarted span {
  display: none;
}

.learn1 {
  border-bottom: 1px #a9a9a9 solid;
  padding-bottom: 10px;
}

#learn_ul li span {
  color: #000;
}

#standard_ul li span {
  color: #000;
}

/* =right column
--------------------------------------------------*/

#rightcol {
  position: relative;
  float: right;
  width: 752px;
  margin: 0px;
  padding: 0px;
  background: url(img/content_bg.gif) repeat-x;
}

#texts {
  position: relative;
  color: #5a5a5a;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
}

#texts #col1 {
  position: absolute;
  left: 0px; top:0px;
  width: 230px;
  padding: 10px 10px 10px 0px;
}

#col1 h1 {
  background: url(img/h_whydoulike.gif) no-repeat 55px 0px;
  width: 174px;
  height: 17px;
}

#col1 h1 span {
  display: none;
}

#texts #col2 {
  position: absolute;
  left: 241px;
  width: 230px;
  padding: 10px 10px 10px 10px;
}

#col2 h1 {
  background: url(img/h_free.gif) no-repeat 95px 0px;
  width: 132px;
  height: 17px;
}

#col2 h1 span {
  display: none;
}

#texts #col3 {
  position: absolute;
  left: 492px;
  width: 230px;
  padding: 10px 10px 10px 10px;
}

#col3 h1 {
  background: url(img/h_profitable.gif) no-repeat 65px 0px;
  width: 160px;
  height: 17px;
}

#col3 h1 span {
  display: none;
}

#texts h1 {
  font-size: 140%;
  color: #0d61ad;
  text-align: center;
}

#texts ul {
  position: relative;
  padding: 0px;
  margin: 0px;
  color: #0d61ad;
  list-style: square inside;
}

#texts li {
  margin-top: 10px;
}

#texts span {
  color: #5a5a5a;
}

#texts p {
  margin: 20px 0px 0px 0px;
}

/* =prefooter & contacts
--------------------------------------------------*/

#prefooter {
  clear: both;
}

#contacts {
  float: left;
  width: 218px;
  height: 55px;
  overflow: hidden;
  padding: 15px 0px 0px 30px;
  color: #717169;
  background-color: #e1e1d7;
}

#contacts h2 {
  margin: 0;
  padding: 0;
//  font-size: 120%;
  background: url(img/h_contacts2.gif);
  width: 60px;
  height: 13px;
}

#contacts h2 span {
  display: none;
}

#contacts p {
  font-size: 100%;
  font-weight: bold;
  padding: 0px;
  margin: 10px 0px 0px 0px;
}

#contacts a {
  color: #0d61ad;
  font-weight: bold;
  text-decoration: none;
}

#logos {
  /*float: right;*/
  /*width: 752px;*/
  height: 70px;
  border-top: 1px solid #717169;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}

#logos h4 {
  margin: 10px 0px 0px 0px;
}

#h-ourcobrandingpartners {
  /*width: 178px;
  height: 23px;
  background: url(img/h_ourcobrandingpartners.gif) 0px 10px no-repeat;
  float: left;
  margin: 0px auto;*/
}

#l-doulike {
  width: 135px;
  height: 70px;
  background: url(img/logo_doulike.gif) no-repeat;
  float: left;
}

#l-wholikesu {
  width: 149px;
  height: 70px;
  background: url(img/logo_wholikesu.gif) no-repeat;
  float: left;
}

#l-ifulikeme {
  width: 147px;
  height: 70px;
  background: url(img/logo_ifulikeme.gif) no-repeat;
  float: left;
}

#l-wholikesu2 {
  width: 149px;
  height: 70px;
  background: url(img/logo_wholikesu.gif) no-repeat;
  float: left;
}

#logos span {
  /*display: none;*/
}

/* =cobrand
--------------------------------------------------*/
#cobrand1 {
  background: #ecece6;
  border: solid 1px #a7b5bc;
  padding: 10px;
  font-size: 100%;
  margin-left: 2px;
  margin-right: 2px;
}

#cobrand1 h2, #cobrand2 h2 {
  font-size: 120%;
  color: #0d61ad;
}

#cobrand1 ul {
  margin: 0px;
  padding: 0px;
  list-style: inside;
}

#cobrand1 li {
  color: #0d61ad;
  font-size: 100%;
  padding-top: 2px;
}

#cobrand1 li > span {
  color: #717169;
  font-size: 100%;
  font-weight: bold;
  
}

#cobrand2 {
  margin: 20px 2px 20px 2px;
  color: #717169;
  font-size: 110%;
}

.cobrand_th {
  background: #ebeff0;
  padding: 10px;
  margin-bottom: 10px;
  color: #0d61ad;
  font-weight: bold;
  text-align: center;
  font-size: 110%;
}

.cobrand_t {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #717169;
  font-size: 110%;
  text-align: center;
}

/* =footer
--------------------------------------------------*/

#footer {
  margin: 0;
  /*padding-left: 268px;*/
  height: 40px;
  color: white;
  /*background: url(img/footer_bg.gif) no-repeat;*/
  background-position: 248px;
  background-color: #000;
  text-align: center;
}

#footer p {
  margin: 0px;
  padding-top: 15px;
}


/* =colors
------------------------------------------------*/

* html h1 {
  height:1%;
}


/*= colors classes
--------------------------------------------------*/
.inp_desc {
  text-align: right;
}

.inp {
  width: 100%;
  border: 1px #7f9db9 solid;
}

.inp2 {
  width: 50%;
  border: 1px #7f9db9 solid;
}

.important {
  color: red;
  display: inline;
}

.white {
  color: #ffffff;
}

.blue {
  color: #0d61ad;
}

.b {
  font-weight: bold;
}

.gray {
  color: #5a5a5a;
}

.black {
  color: #000;
}