/*-------------------------------------------------------------*/
#ja-mainnav {
}

td { text-align: left; }

SELECT, OPTION {
	font-size: 11px;
	color: #000000;
	background-color: #A9C1FB;
}

table.invoice {
	border:0px none white;
	border-collapse: collapse;
	background-color: #F9F9F9;
}

table.invoice_sub {
	border:0px none white;
	border-collapse: collapse;
	background-color: #FFFDE3;
}

table.invoice td {
	border-width: 1px;
	border-style: solid;
	border-color: #DDE3F9;
	background-color: #F4F6FD;
	padding: 2px 2px 2px 2px;
	text-indent: 4px;
	height: 26;
}

table.invoice_data {
	border:0px none white;
	border-collapse: collapse;
	padding: 6px 6px 6px 6px;
}

table.invoice_data td {
	border-width: 1px;
	border-style: solid;
	border-color: #EFF4FC;
	padding: 6px 6px 6px 6px;
	height: 26;
}

table.invoice_dataSub {
	border:0px none white;
	border-collapse: collapse;
	padding: 4px 4px 4px 4px;
}

table.invoice_dataSub td {
	border-width: 1px;
	border-style: solid;
	border-color: #EFF4FC;
	padding: 4px 4px 4px 4px;
	height: 26;
}

input.button {
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#243;
   border-left-color:#243;
   border-right-color:#243;
   border-bottom-color:#243;
}

table {	
	border-spacing: 0;
	border-collapse: collapse;	
	border: none;
}


table td {
	padding: 0px;
} 

table tr.menu_text_indent_5 td {
	padding: 4px 0px 4px 10px;
	font-size: 110%;
	background: #ebf2f6 !important;
	border-top: 4px #CBDDE7 solid ;
	border-left: solid 1px #D5E2E7;
	border-right: solid 1px #D5E2E7;
	border-bottom: solid 1px #D5E2E7;
}

table tr.menu_text_indent_10 td {
	padding: 4px 0px 4px 10px;
	color: #29739D;
	font-weight: bold;
	background: #fff;
	border-bottom: dotted 1px #CFD9DF;
	margin: 0px 5px;
}

.form-login {
	padding: 0px;
	margin: 0px;
}

.form-login table {
	border: solid 1px #ddd;
}

.form-login table table {
	border: none;
}


.form-login td {
	padding: 4px;
	font-weight: bold;
	color: #333;
}

.form-login td b {
	padding: 4px;
	font-weight: bold;
	color: #333;
}

table.info-account {
	border: solid 1px #ddd;
	margin-bottom: 10px;
}

table.info-account tr {
	border-left: solid 1px #ddd;
}

table.info-account td{
	padding: 3px;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

table.account-banner  {
	border: solid 1px #ddd;
}

.demo table.account-banner  {
	border: solid 1px #D5E2E7;
}

table.account-banner tr, table.account-banner table td {
	padding: 3px;
}

table.account-detail {
	margin-top: 25px;
}

table.account-detail td {
	padding: 3px;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
}


td.title-banner {
	padding: 3px;
	border-bottom: solid 1px #ddd;
}

table.info-member {
	border: solid 1px #ddd;
}

table.info-member td {
	padding: 5px;
}

table.info-member .title-banner{
	border-top: solid 1px #ddd;
}
table.welcome {
	background: #fff;
	border: solid 1px #ddd;
}

table td.top-affiliate {
	background: #fff;
	border: solid 1px #ddd;
}

.content-affiliate {
	margin: 10px;
	display: block;
}

.title-signup {
	display: block;
	margin-left: 40px;
	font-size: 150%;
	color: #29739D;
	padding: 6px 0px 0px 10px;
	text-shadow: 1px 1px 2px #ddd;
}

/* Affiliate page ( Trungch update ) ---*/
div.ja-aff-box {
	border: 1px solid #d5e4ed;
	margin: 5px 5px 30px 5px;
	padding: 0 70px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
}

div.ja-aff-box .ja-aff-head {
	background: url(../images/aff-header-bg.gif) repeat-x left top;
	margin: 0 -70px;
	text-transform: uppercase;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

div.ja-aff-box .ja-aff-head h3 {
	background: url(../images/icon-money.png) no-repeat left center;
	padding-left: 70px;
	color: #fff;
	font-family: Arial, sans-serif !important;
	font-size: 130%;
	height: 45px;
	line-height: 45px;
	margin: 0 20px 30px;
	padding: 0 0 0 70px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

div.ja-aff-box span.big-sale {
	color: #fc8e2f;
	font-size: 300%;
	font-weight: bold;
	letter-spacing: -2px;
	text-shadow: 0 1px 0 #b85600;
}

div.ja-aff-box ul li {
	background: none;
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 125%;
}

div.ja-aff-box ul li span {
	font-weight: bold;
	color: #666;
}

div.ja-aff-box a.btn-signup {
	background: url(../images/btn-aff.png) no-repeat 0px 0px;
	display: block;
	height: 49px;
	width: 175px;
	margin: 20px auto;
	font-family: 'TitilliumText22LBold' !important;
	font-size: 180%;
	color: #eff6e4;
	padding: 25px 0 0 70px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -1px;
}

div.ja-aff-box a.btn-signup:hover,
div.ja-aff-box a.btn-signup:focus,
div.ja-aff-box a.btn-signup:active {
	color: #fff;
	text-shadow: 0 0 2px rgba(0, 0, 0, .3);
}

div.ja-aff-footer {
	background: #f3fafc;
	border-top: 3px dotted #ccc;
	margin: 0 -70px;
}

div.ja-aff-footer .note-title {
	font-size: 150%;
	font-weight: bold;
	padding: 10px 20px;
	text-shadow: 0 1px 0 #fff;
	letter-spacing: -1px;
}

div.ja-aff-footer .note-ct {
	padding: 10px 20px;
}

div.ja-aff-footer .note-ct span {
	display: block;
	font-size: 200%;
	font-weight: bold;
	color: #6b9e1b;
	padding: 20px 0;
	text-align: center;
	text-shadow: 0 1px 0 #ccc;
}

h3.ja-aff-heading {
	color: #333537;
	font-family: Helvetica, sans-serif !important;
	font-size: 150%;
	font-weight: bold;
	margin: 0 10px !important;
}

p.ja-aff-intro { margin: 5px 10px; }

table.tblaff { margin-bottom: 20px; }

table.tblaff td { padding: 8px 10px !important; }

/* Affiliate moduletable ---*/
div.ja-moduletable h3 {}

div.ja-moduletable {}

div.moduletable-aff-login {
	background: #fefcec;
	border: 1px solid #d7d7d7;
	margin: 5px 5px 40px !important;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

div.moduletable-aff-login h3 {
	background: url(../images/h3-pattern.gif) #e25323;
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	margin-bottom: 0;
}

div.moduletable-aff-login .ja-box-ct {
	padding: 15px;
}

div.moduletable-aff-login label {
	color: #383838;
	display: block;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 3px;
	text-shadow: 0 1px 0 #fff;
}

div.moduletable-aff-login .inputbox {
	background: #fff;
	border: 1px solid #eaeaea;
	margin-bottom: 10px;
	padding: 4px 10px;
	width: 170px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

div.moduletable-aff-login .button {
	font-size: 110%;
	font-weight: bold;
	padding: 3px 6px;
	text-transform: uppercase;
}

ul.order-big li {
	background: url(../images/num-bg.png) no-repeat 0px 0px !important;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
	padding-left: 0 !important;
	font-size: 120%;
	font-weight: bold;
}

ul.order-big li span {
	color: #fff;
	padding: 12px 15px 12px 8px;
	font-size: 120%;
}

.btnsign {	
	background: #4ea9ca;
	border: 1px solid #2fa0c9;
	margin: 20px 5px;
	padding: 10px 15px;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: -2px -1px 4px rgba(0, 0, 0, .2) inset;
	-moz-box-shadow: -2px -1px 4px rgba(0, 0, 0, .2) inset;
	-webkit-box-shadow: -2px -1px 4px rgba(0, 0, 0, .2) inset;
}

.btnsign:hover {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .2) inset;
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .2) inset;
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .2) inset;
}

.btnsign a {
	color: #fff !important;
	font-size: 120%;
	font-weight: bold;
	text-shadow: 0 1px 0 #2fa0c9;
}

.btnsign a:hover { text-decoration: none; }

div.moduletable-grey h3 {
	color: #29739d;
	padding: 10px 15px;
}

div.moduletable-grey {
	background: #eaf1f5;
	border: 1px solid #cfd9df;
	margin: 0px 0px 40px 0 !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.moduletable-grey div.ja-box-ct { padding: 0 15px 15px; }

div.ja-moduletable p { line-height: 1.4; }

/* Table Affiliate ---*/
table.tbl-aff {
	background: #fff;
	border: 1px solid #cadbe0;
	margin: 20px 0;
	width: 100%;
}

table.tbl-aff th,
table.tbl-aff td {
	padding: 10px 15px;
	border: 1px solid #cae1f1;
	text-align: center;
}

table.tbl-aff th {
	font-family: 'TitilliumText22LBold', Arial, sans-serif;
	background: #666666;
	border-color: #777;
	font-weight: bold;
	font-size: 125%;
	line-height: 1.3;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

table.tbl-aff td {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	color: #666;
	font-size: 125%;
}

table.tbl-aff tr.bg1 { background: #fcfcfc; }
table.tbl-aff tr.bg2 { background: #fff5da; }
table.tbl-aff tr.bg3 { background: #ffdece; }

table.tbl-aff tr:hover { background: #fff; }
table.tbl-aff tr.bg1 td { border-color: #ddd; }
table.tbl-aff tr.bg2 td { border-color: #ffd6a4; }
table.tbl-aff tr.bg3 td { border-color: #ffc1a2; }

table.tbl-aff tr {
	box-shadow: 0 3px 5px rgba(0, 0, 0, .05) inset;
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .05) inset;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .05) inset;
}
