/* DEFAULTS
----------------------------------------------------------*/
body{background: #EEEEEE;font-size: 11px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px;padding: 0px;color: #000000;text-align: left; margin: 0px; padding: 0px;}
a:link, a:visited{color: #0066CC;}
/*p{margin-bottom: 10px;line-height: 1.6em;}*/
img{border: 0px;margin:0px;padding:0px;}
a{color: #0066CC;/*6c6e70;*/}

/* HEADINGS   
----------------------------------------------------------*/
h1{color: #ff6600; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
h2, h3, h4, h5, h6{font-size: 1.5em;color: #5288bf;text-transform: none;font-weight: 200;margin-bottom: 0px;}
h2{font-size: 1.5em;font-weight: 600; margin-top: 2px;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5, h6{font-size: 1em;}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/*.page{width: 960px;background-color: #fff; margin: 20px auto 0px auto;border: 1px solid #496077;}*/
/*.header{position: relative;margin: 0px;padding: 0px;background: #4b6c9e;width: 100%;}*/
/*.header h1{font-weight: 700;margin: 0px;padding: 0px 0px 0px 20px;color: #f9f9f9;border: none;line-height: 2em;font-size: 2em;}*/
.main{padding: 0px 12px;margin: 12px 8px 8px 8px;min-height: 420px;}
.leftCol{padding: 6px 0px;margin: 12px 8px 8px 8px;width: 200px;min-height: 200px;}
.footer{color: #4e5766;padding: 8px 0px 0px 0px;margin: 0px auto;text-align: center;line-height: normal;}

/* TAB MENU   
----------------------------------------------------------*/
/*div.hideSkiplink{background-color:#3a4f63;width:100%;}
div.menu{padding: 4px 0px 4px 8px;}
div.menu ul{list-style: none;margin: 0px;padding: 0px;width: auto;}
div.menu ul li a, div.menu ul li a:visited{background-color: #465c71;border: 1px #4e667d solid;color: #dde4ec;display: block;line-height: 1.35em;padding: 4px 20px;text-decoration: none;white-space: nowrap;}
div.menu ul li a:hover{background-color: #bfcbd6;color: #465c71;text-decoration: none;}
div.menu ul li a:active{background-color: #465c71;color: #cfdbe6;text-decoration: none;}
*/

/* FORM ELEMENTS   
----------------------------------------------------------*/
fieldset{margin: 1em 0pmx 0em 0em ;padding: 1em;border: 0px;}
fieldset p{margin: 5px 0px; vertical-align: top;}
fieldset.login label{display: block; float :left; width: 65px;}
fieldset .h{font-size: 1.2em;font-weight: 600;padding: 0px 0px 4px 0px; width: 255px; color: #000000;}
fieldset.login label.keeplogged{display: inline; width: 167px;}
fieldset.changePassword label, fieldset.register label{display: block;}
fieldset label.inline{display: inline;}
legend{font-size: 1.2em;font-weight: 600;padding: 2px 4px 0px 0px; width: 255px; color: #000000;}
input.textEntry{width: 178px;border: 1px solid #ccc; margin-bottom: 10px;}
input.passwordEntry{width: 178px;border: 1px solid #ccc; margin-bottom: 10px;}
input.passwordEntryChangePass{width: 240px;border: 1px solid #ccc;}
div.accountInfo{border:1px solid #cccccc; padding: 6px 0px 0px 0px;width: 284px; background-color: #daeffc;}
.CreateAccount{border:1px solid #cccccc; padding: 6px 0px 0px 0px;width: 284px; background-color: #daeffc; text-align :center;	}
div.accountInfoRegister{width: 931px; margin-top: 10px;}
div.accountInfoRegister .l{float: left; width: 480px;}
input.textEntryRegister, input.passwordEntryRegister,select.country{width: 343px;border: 1px solid #ccc;}
.accountInfo input.loginBTN{width: 60px; margin-left: 185px;}

/* MISC  
----------------------------------------------------------*/
.clear{clear: both;}
.title{display: block;float: left;text-align: left;width: auto;}
.loginDisplay{font-size: 1.1em;display: block;text-align: right;padding: 10px;color: White; border :1px solid green;}
.loginDisplay a:link{color: white;}
.loginDisplay a:visited{color: white;}
.loginDisplay a:hover{color: white;}
.failureNotification{/*font-size: 1.2em;*/color: Red;}
.failureNotification ul{margin: 0px; padding: 0px 0px 10px 16px;}
.bold{font-weight: bold;}
.submitButton{text-align: right;padding-right: 12px;}
.submitButtonRegister{text-align: right;padding-right: 12px; width: 348px;}
.submitButtonChangePass{text-align: right;padding-right: 30px;}

/* pages title */
#wrap{width: 1003px; background-color: White; padding: 6px 0px 0px 0px; margin: 0px auto 0 auto;}
#header{text-align: left;}
#header h1{color: #ff6600; font-size: 16px; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px;}
#logo{padding-left: 35px;}
#logo a{text-decoration: none;}
.affnav{margin-right: 24px;float: right; width: 575px; text-align: right; color :White;}
.affnav a{color :White;}
#slogan{margin: 0px 0px 4px 142px; padding:0px;text-align:left; width: 280px;}
.hello{font-size: 12px; color: #ffa124; float :left;}

.tabs{font-weight: bold; float: right; font-family: Arial; margin: 40px 10px 0px 0px;}
.tabon{float: left; margin-top: 10px; text-align: center; margin-right: 2px;}
.tabon a{text-decoration: none; display :block; color: #f8f8f8; padding: 7px 0px 0px 0px;background: url(../img/tabon.gif) no-repeat;font-size: 16px;width:162px; height: 25px;}
.taboff{float: left; margin-top: 10px; text-align: center; margin-right: 2px;}
.taboff a{text-decoration: none; display :block; color: #ffffff;background: url(../img/taboff.gif) no-repeat; width:162px; height: 22px;padding-top: 10px;font-size: 14px;}
.subtabs{ background-color :#5288bf;padding: 6px 0px 6px 35px; width: 968px; font-family: Arial; font-size: 11px;}
/* pages title */

/* login */
.hp_img{float:left}
.steps{ font-size: 18px; font-weight: bold; color: Black; font-family: Arial; padding-bottom: 15px;}
.step1{float: left;padding: 25px 0px 0px 5px; }
.step2{float: left;padding: 15px 0px 0px 5px; }
.step3{float: left;padding: 25px 0px 0px 5px; }
.aff_forgotlink{background-color: #ededed;font-weight: bold; height: 20px; padding: 0.8em 0em 0em 1em;}

.aff_wrap{padding-left: 35px; width: 93%; padding-top: 0px; min-height: 500px;}
.aff_left_login{float: left; width: 630px; margin-right: 20px;}
.aff_logintop{border-top: 3px solid #5288bf;border-bottom: 3px solid #5288bf; margin-bottom: 14px; padding-bottom: 10px; font-size: 13px; color: #5288bf; line-height: 22px;}
h1.aff{padding: 0px;font-size: 20px; font-weight: bold;color: #5288bf; line-height: 26px; margin-bottom: 2px;}
.aff_loginimg{padding: 18px 0px 6px 25px;}
.aff_loginimgwrap{text-align: left;color: black;padding-top: 4px;line-height: 18px;font-size: 12px;margin-left: 38px;}
.aff_loginimg1{width: 148px; float: left; padding: 0px 10px 0px 2px;}
.aff_loginimg2{width: 124px; float: left; padding: 0px 10px 0px 4px;}
.aff_loginimg3{width: 190px; float: left; padding: 0px 0px 0px 4px;}
.aff_logpaypal1{float :left; padding: 0px 4px 0px 0px;}
.aff_logpaypal2{float :left; padding-top: 1px;}
.loginsteps{float:left; width:198px;margin-right: 18px;}
.loginsteps2{float:left; width: 198px;margin-right: 18px;}
.loginsteps3{float:left; width: 198px;}
.aff_wrap .whatis_t{text-align: left; padding-left: 10px; background-color: #578cc3; color: white; font-size: 12px; font-weight: bold; padding-bottom: 5px;}
.loginsteps .loginsteps_mid, .loginsteps2 .loginsteps_mid, .loginsteps3 .loginsteps_mid{border-left: 1px solid #a5acb2;border-right: 1px solid #a5acb2; text-align:left; padding: 6px 7px 2px 8px; color: Black; height: 124px; line-height :15px;}
.loginright{float: left; width: 273px;}
table.aff_loginformwrap{border:1px solid #cccccc; padding: 6px 0px 0px 0px;width: 284px; background-color: #daeffc;}
table.aff_loginformwrap td.loginsub{width: 73px !important;padding-top: 7px; vertical-align: top;}
table.aff_loginformwrap td.field{width: 196px !important;}
.aff_formtitle{font-size: 14px; font-weight: bold; padding: 12px 0px 10px 0px;}
.loginsteps .loginsteps_mid, .loginsteps2 .loginsteps_mid, .loginsteps3 .loginsteps_mid{border-left: 1px solid #a5acb2;border-right: 1px solid #a5acb2; text-align:left; padding: 6px 7px 2px 8px; color: Black; height: 124px; line-height :15px;}
.loginfailure{height: 28px; vertical-align: top;}
/* login */

/* reseller list */
.resellerlist h1{font-family: Arial; font-size: 30px; padding: 0px; margin: 0px; color: Black;}
.resellerlist h2{font-family: Arial; font-size: 18px; padding: 40px 0px 10px 0px; margin: 0px; color: Black;}
.resellerlist{margin: 0px 0px 14px 0px; padding: 15px 0px; min-height: 450px;}
.resellerlist .i{padding-left: 35px; font-size: 13px; font-family: Arial;}
.resellerlist .step1{background :url(../img/step1.png) no-repeat; padding: 10px 8px 0px 60px; float: left; color: #5288bf; font-weight: bold; width: 225px; height: 51px;}
.resellerlist .step2{background :url(../img/step2.png) no-repeat; padding: 10px 8px 0px 60px; float: left; color: #5288bf; font-weight: bold; width: 225px; height: 51px;}
.resellerlist .step3{background :url(../img/step3.png) no-repeat; padding: 10px 0px 0px 60px; float: left; color: #5288bf; font-weight: bold; width: 285px; height: 51px;}
.resellertable{width: 992px; font-family: Arial; background-color: #d5f3fb; padding: 8px;}
.resellertable .head{background: url(../img/resellerlist_top.png) no-repeat; padding: 10px 3px 0px 3px; height: 32px;}
.resellertable .head2{background: url(http://reseller.speedbit.com/Reseller/img/resellerlist_top2.png) no-repeat; height: 7px;color :White; font-size: 5px;}

.resellertable .head .ins{float: left; color :White; font-size: 14px; font-weight: bold; padding: 2px 5px 0px 3px;}
.resellertable .head .country{float: left;}
.resellertable .head .country select{float: left; font-size: 12px; font-family: Arial;}
.resellertable .head .paymentmethod{float: left;}
.resellertable .head .paymentmethod select{float: left; font-size: 12px; font-family: Arial;}

.resellertable .mid{background: url(../img/resellerlist_mid.png) repeat-y; padding: 9px 17px;}
.resellertable .foot{background: url(../img/resellerlist_bot.png) no-repeat; height: 9px;}
table.resellers{width: 100%; font-size :12px; font-family :Arial;}
table.resellers th{vertical-align: top; text-align :left; padding: 5px 10px 0px 10px; width: 100px;}
table.resellers th.payment{width:190px;}
table.resellers td{vertical-align: top; text-align :left; border-bottom :1px solid #a1a1a1; padding: 25px 10px 25px 10px;}
table.resellers td.flags{padding: 25px 10px 25px 29px;}
table.resellers td img{margin: 0px 3px 0px -19px;}

.resellerlistcompT{font-size: 14px;font-weight: bold;padding: 0px 0px 10px 35px;}
.resellerlistcompTHeb{font-size: 14px;font-weight: bold;padding: 0px 35px 10px 0px; direction: rtl; text-align: right;}
/* reseller list */

/* register */
.aff_createtop{padding: 15px 110px 20px 0px; margin: 0px 35px; background: url(../img/loginbg.png) no-repeat right 10px; min-height: 500px;}
/* register */

/* confirm */
.confirmtop{background: url(../img/aff_thanks.png) no-repeat right 20px;padding: 15px 110px 20px 0px; margin: 0px 35px; min-height: 450px;}
.purconfirm{width: 510px; text-align: right;}
/* confirm */

/* account */
.aff_left_account{width: 930px; margin-right: 20px;}
table.reportTbl{color: #5288bf;}
table.reportTbl thead{font-weight: bold;  font-size: 12px; background-color: #ededed; color: Black;}
table.reportTbl td.subheader{font-weight: bold;  font-size: 12px; background-color: #ededed; color: Black;}

table.reportTbl thead td.curencyheader{color:#5288BF; background-color: white; vertical-align: top;}
table.reportTbl td.curencyheader{color:#5288BF; background-color: white; vertical-align: top;}
table.reportTbl tbody td{background-color: #daeffc; font-weight: bold; font-size: 12px;}
table.reportTbl tbody td.amount{font-size: 14px; text-align: right;}
table.reportTbl tbody td.currency{font-size: 10px;color: #5288bf;}
table.advancedReportTbl{font-size: 12px; width: 99%;}
table.advancedReportTbl td.subheader{font-weight: bold; color: #5288bf; background-color: #ededed;}
table.advancedReportTbl thead{font-weight: bold; color: #5288bf; background-color: #ededed;}
table.advancedReportTbl tbody tr.past1 td{background-color: #dddcdc;}
table.advancedReportTbl tbody tr.past2 td{background-color: #ededed;}
table.getcode{width: 465px;}
table.confirm{width: 510px;}
.lpane{width: 750px; float: left;}
table.getcode td.getCodeCurrency{color: Black; background-color: #c8c8c8;}
.makeDepositBtn{ margin: 7px 0px 0px 13px; float: left;}
.aff_accounttop{margin: 0px 35px 14px 35px; padding: 15px 0px; min-height: 450px; /*line-height: 16px;*/}
table.deposit{border:1px solid #cccccc; padding: 0px;background-color: #daeffc;}
table.deposit td{background-color: #daeffc;}
.depositAmount{width: 125px;}
.depositCurrency{width: 129px;}
table.myaccount{border:1px solid #cccccc; background-color: #ffffff;}
table.myaccount td{background-color: #daeffc;}
table.myaccount td input.myaccountEntry{width: 300px;}
table.myaccount td input.contactEntry{width: 459px;}
input.depositBTN{margin-right: 21px;}
/* account */

/* forgot password */
table.forgotpassword{border:1px solid #cccccc; background-color: #ffffff;}
table.forgotpassword td{background-color: #daeffc; text-align: left;}
table.forgotpassword td input.forgotpasswordEntry{width: 300px;}
.formtitle{font-size: 14px;font-weight: bold;padding: 12px 0 10px 6px;}
table.forgotpassword input.forgotpasswordSubmit{ float: right; margin-right: 10px;}

/* recent activities */
.moreadvanced{float: right; margin: 10px 10px 0px 0px;}

/* date picker */
a.dp-choose-date {float: left;width: 16px;height: 16px;padding: 0;margin: 5px 3px 0;display: block;text-indent: -2000px;overflow: hidden;background: url(../img/calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
 
input.dp-applied {width: 100px;float: left;}
.periodListBox{width: 165px;}
.AdvancedReportBtn{ float :right; margin: 12px 0px 0px 0px}
.ReportPeriod{float: left; width: 260px;}
.ReportFilter{float: left; width: 155px;height: 122px;}
.ReportNote{padding-top: 10px;width: 430px;}
.personaluse input{margin-top: 0px !important;}
.AddtoCart{width: 464px ; text-align: right; margin-top :24px;}

/* footer */
.footertop{padding-bottom: 10px; text-align: center;}
#footer{height: 18px; background-color: #ff6600; color: White; padding: 4px 20px 0px 30px; text-align: right;}
a.footer{color: White; font-size: 10px; font-weight: bold; text-decoration: none;}
a.footerver{color: White; font-size: 10px; text-decoration: none;}
/* footer */

.clearall{clear: both; height: 0px !important;}
.floatleft{float: left;}
.floatright{float :right;}
.aligncenter{text-align: center;}
.black{color:Black !important;}
ol.alignleft{margin: 0px; padding-bottom: 20px; padding-left: 23px;}
ol.alignleft li{padding-top: 5px;}

/* corners */
b.rtop{display:block;background: #FFFFFF;}
b.rtop b{display:block;height: 1px; overflow: hidden;}
b.rtop b.r4{margin: 0 1px;height: 2px;}
b.r1{margin: 0 5px;}
b.rbottom b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rbottom{display:block;background: #FFFFFF;}
b.rbottom b{display:block;height: 1px; overflow: hidden;}
b.rbottom b.r4{margin: 0 1px; height: 2px;}
b.rtop b.r4 b{margin: 0 1px; height: 2px;}
b.rbottom b.r4 b{margin: 0 1px; height: 2px;}
b.rtop b.r3 b, b.rbottom b.r3 b{margin: 0 2px;}
b.rbottom b.r2{margin: 0 3px; height: 1px;}
b.rtop b.r2 b, b.rbottom b.r2 b{margin: 0 2px;}
/* corners */

.whatis{background-color: #578cc3;}
.whitebg{background-color: White;}
.whatis_b{background-color: #a5acb2;}
.orange{color: #ff6600;}