* {
	margin: 0px;
	padding: 0px;
}
.clearfloat {
	clear: both;
}
input[type="radio" i] {
    -webkit-appearance: radio !important;
}
body {
	background-color: #e2e2e2;
	text-align: center;
	background-image: url(images/bg-body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
input, input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="phone"], input[type="tel"], textarea, select, button{-webkit-appearance: none; border-radius:0; -webkit-border-radius:0;}
p , li, td{
	font-size: 14px;
}
a:link, a:visited {
	color: #039;
}
a:hover {
	color: #bc3232;
}
img
{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

a img
{
    text-decoration: none;
    border: none;
}


#page-wrapper {
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#header {

}
#logo {
	float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
#topnav {
	float: right;
	padding-top: 10px;
	text-align: right;
	display:block;
}
.uread-home-link {
	text-align: right;
	margin-bottom: 40px;
}

#topnav a {
	margin-left: 20px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
}
#topnav a:hover {
	color: #bc3232;
	text-decoration: underline;
}
#page-body {
	background-color: #f1f1f1;
	background-image: url(images/bg-home-box.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
#footer {
	font-size: 11px;
	clear: both;
}
.powered-logo {
	float: right;
}
.powered-logo a{color:#353535; text-decoration:none;}

/* ------------------------------------------------------ BEGIN HOME PAGE STYLES --------------*/
#homebox {
	/*background-color: #f1f1f1;
	background-image: url(images/bg-home-box.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 20px;
	border: 1px solid #CCC;
	margin-bottom: 10px;*/
}
#homebox .info {
	float: left;
	width: 580px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4E4E4;
	padding-right: 10px;
}
#homebox .info h1, #homebox .info h2, #homebox .info h3 {
	/*font-family: Arial, Helvetica, sans-serif;*/
}
#homebox .info h1 {
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
#homebox .info h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#homebox .info h3 {
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 5px;
}

#homebox .info .subinfobox {
	float: left;
	width: 270px;
	padding-top: 25px;
}
.subinfobox.first{margin-right:20px;}
#homebox .login {
	float: right;
	width: 330px;
}
.signup-button {
	text-align: center;
	padding-top: 10px;
	height: 87px;
}
.loginbox {
	background-image: url(images/bg-login-box.gif);
	background-repeat: repeat-y;
	width: 330px;
}
.loginbox-header  {
	background-image: url(images/bg-login-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
}
.loginbox-footer {
	background-image: url(images/bg-login-footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	margin-top: 10px;
}
.loginbox h3 {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	color: #666;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 5px;
}
.loginbox .label {
	width: 80px;
	margin-bottom: 10px;
	padding-top: 5px;
	float: left;
}
.loginbox .field  {
	/*float: left;*/
	clear: right;
	margin-bottom: 10px;
}

.loginbox .textinput {
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #CCC;
}
.loginbox .error{float:none;}
/* ------------------------------------------------------ END HOME PAGE STYLES --------------*/



/* ------------------------------------------------------ BEGIN INNER PAGE STYLES --------------*/
.sidebar {
	float: left;
	width: 250px;
	background-image: url(images/bg-sidebar.png);
	background-repeat: no-repeat;
	background-position: right center;
	min-height: 550px;
	color: #555;
	padding-top: 15px;
}
.contents {
	float: left;
	min-height: 550px;
	padding-left: 20px;
	width: 676px;
	color: #444;
	text-align: left;
}
.sidebar div.box {
	margin-bottom: 25px;
}

.sidebar ul {
	list-style-type: none;
	margin-left: 10px;
}
.sidebar  li {
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.sidebar a {
	font-size: 13px;
	text-decoration: none;
}



.sidebar h2 {
	font-size: 16px;
	background-image: url(images/bg-leftbar-h2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 5px;
	margin-bottom: 7px;
}
.sidebar .quickstats td {
	padding-bottom: 5px;
	font-size: 14px;
}
.sidebar div.box select {
	font-size: 12px;
	padding: 3px;
}
.sidebar div.staticlinks a {
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}



.contents h1 {
	font-size: 24px;
	font-weight: normal;
	color: #bc3232;
	margin-bottom: 20px;
	margin-top: 10px;
}
.contents h2 {
	font-size: 22px;
	font-weight: normal;
	margin-top: 20px;
}
.contents h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}
.contents h4 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 5px;
}
.contents ul,
.contents ol {
	margin-left: 40px;
}



.contents p, .contents ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.divider {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #F15633;
	padding-top: 20px;
}

/* --------------------------------------------- Search Result Page -------- */

div.searchbar {
	background-color: #E8E8E8;
	padding: 20px;
	border: 1px solid #CCC;
}
.searchbar .textinput {
	padding: 5px;
	height: 20px;
	width: 80%;
	float: left;
	border: 1px solid #333;
}
p.result-summary {
	margin-top: 20px;
	margin-bottom: 20px;
}
ul.results-list {
	margin-top: 20px;
	list-style-type: none;
	margin-left: 0px;
}
.results-list li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
}

ul.results-list a {
	text-decoration: none;
}

.results-list div.thumbnail, 
.results-list div.book-info,
.results-list div.buttons {
	float: left;
}
.results-list div.thumbnail {
	width: 80px;
}
.results-list div.book-info {
	width: 450px;
}
.book-info p{margin:0;}
.results-list div.buttons { float:right;
}
.results-list p.book-title {
	font-weight: bold;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 3px;
}
.results-list p.book-author {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 8px;
	font-style: italic;
}
.results-list p.list-price {
	font-size: 14px;
	text-decoration: line-through;
	margin-top: 0px;
	margin-bottom: 3px;
}
.results-list p.sale-price {
	font-size: 14px;
	font-weight: bold;
	color: #C00;
	margin-top: 0px;
	margin-bottom: 0px;
}
.pagination {
	text-align: center;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 20px;
}
.pagination a {
	text-decoration: none;
	border: 1px solid #999;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 3px;
	margin-left: 3px;
	font-size: 13px;
}
.pagination a.current {
	font-weight: bold;
	color: #FFF;
	background-color: #F15633;
	border: 1px solid #F15633;
}

/* --------------------------------------------- Report Pages -------- */

.greybox {
	background: #EBEBEB;
	border: solid 1px #CCC;
	padding: 15px 10px;
	margin: 10px 0;
	display:block; clear:both; overflow:hidden;
}
table.report {
	border-collapse: collapse;
	background-color: #FFF;
}
.report td, .report th {
	font-size: 14px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-left:0px;
	border-right:0px;
}
.report th {
	background-color: #E4E4E4;
}
.report th a {
	background-color: #E4E4E4;
	text-decoration:none;
	color:#444444;
}
/* --------------------------------------------- Forms Pages -------- */
.form {
	font-size: 14px;
}
.form .row {
	margin-top: 10px;
	margin-bottom: 10px;
}
.form label {
	float: left;
	text-align: right;
	width: 200px;
	padding-top: 5px;
	padding-right: 15px;
	margin-right: 10px;
}
label.mandatory {
	background-image: url(images/asterix.png);
	background-repeat: no-repeat;
	background-position: right 8px;
}


.form .note {
	font-size: 12px;
	padding:5px 0;
	text-align:center;
}
.form fieldset {
	border: 1px dotted #666;
	margin-bottom: 15px;
	padding:15px 0 0;
}
.form legend {
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	background-color: #F7F7F7;
	margin-left: 10px;
}
.form .button-area {
	padding-left: 230px;
}
.form .button-area input {
	margin-right: 10px;
}
.form .message-info
{
    background-color: lightyellow;
    border: 1px solid #004E97 !important;
    color: #004E97;
    padding: 5px 0;
    width: 100%;
	text-align:center;
    display: inline-block;
}
/* --------------------------------------------- Popup Contents -------- */
.popup {
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 680px;
	padding: 10px;
	color: #333;
}
.popup h2 {
	padding: 5px;
	background-color: #E2E2E2;
	border: 1px solid #CCC;
	font-size: 18px;
	font-weight: bold;
}
.popup h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
}

.popup p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}
.pagetabs {
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	float:left; width:100%;
	margin-bottom:10px;
}.pagetabs ul {
	list-style-type: none;
	padding: 0px;
	margin:0px;
}
.pagetabs ul li {
	display: inline;
	font-weight: bold;
}
.pagetabs a {
	line-height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
}
.pagetabs a.activetab {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #FFF;
	border-left-color: #666;
	position: relative;
	top: 1px;
	color: #333;
	cursor: default;
	font-weight: bold;
	background-image: url(images/bg-tabs.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.toggle-menu{display:none;}
.forgot-pass{float: right; padding-right: 40px; padding-top: 15px; font-size: 13px;}
.get-started{font-size: 18px; font-family:Arial, Helvetica, sans-serif;}
.contents dl{float:left; width:100%; padding:0 0 10px 0; margin:0;}
.contents dl dt{float:left; width:150px; padding:0; margin:0; font-weight:bold;}
.contents dl dd{float:left; width:250px; padding:0 0 0 15px; margin:0;}
.img-section{background:#fff; padding:10px 0; float:left; border:solid 1px #ccc; margin:10px 0 0; clear:both;}
.img-section img{margin:0 10px;}
.img-section2{width:100%; float:left; padding-bottom:8px;}
.img-section2 img{border:1px solid #000; max-width:100%;}

.form input[type="text"], .form input[type="password"]{border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#353535; padding:5px; width:300px; background:#fff;}
.form select{border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#353535; padding:5px; width:312px; background:url(images/sl-bg.png) no-repeat 98% 50% #fff;}
.form textarea{border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#353535; padding:5px; width:304px; background:#fff;}
.form .block{float:left; width:100%;}
.form .block span{padding:5px 0 0 0;}
.form dl dt {
	float: left;
	text-align: right;
	width: 210px;
	padding-top: 5px;
	padding-right: 15px;
	font-weight:normal;
}

.form dl dt span{color:#F00; font-weight:bold;}
.form dl dd{padding:0; width:320px;}

.range{float:left; width:180px; font-size:13px; padding:5px 0 0 0;}
.select-range{float:left; width:350px; font-size:13px;}
.generate{float:left;}
.greybox select{border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#353535; padding:3px; width:150px; background:url(images/sl-bg.png) no-repeat 98% 50% #fff; float:left;}
.greybox input[type="text"], .greybox .form input[type="password"]{border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#353535; padding:5px; width:130px; background:#fff;}

.error{padding:5px 0 0 5px; float:left; font-size:13px;}

.sales-summary{float:left; width:100%; padding-bottom:10px;}
.code1{float:left; width:100%;}
.code1 textarea{border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#353535; padding:5px; width:660px; background:#fff;}
textarea{overflow:auto;}
/*.results-list p.book-title{height:20px; overflow:hidden; padding-right:35px;}
.results-list p.book-title:after{content:'...';}*/

.message-info{font-size:14px;}

.product-sold{float:left; width:100%;}
.top-visited{float:left; width:100%;}

.txtarea{width:100%;}
.popup h2 a{display:none;}

@media (max-width: 980px) {
#page-wrapper{width:auto; margin:0 10px; display:block; overflow:hidden;}
#homebox .info{width:570px;}
.contents{width:660px;}
.code1 textarea{width:648px;}
.sidebar{width:100%; background:none; padding:0 0 10px 0; min-height:2px; border-bottom:1px solid #ccc;}
.contents{width:100%; padding:10px 0 0 0; min-height:2px;}
.sidebar h2{background:none; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
#homebox .login{float:none; margin:0 auto;}
#homebox .info{width:100%; padding:25px 0 0; border:none;}
}

@media (max-width: 900px) {

#homebox .info .subinfobox{width:100%;}
.subinfobox.first{margin:0;}

.select-range{width:320px;}
.code1 textarea{width:605px;}
.results-list li{position:relative;}
.results-list div.book-info{width:540px;}
.results-list div.buttons{position:absolute; bottom:15px; right:0; z-index:1;}
}

@media (max-width: 800px) {


.form dl dt{width:150px;}
.form .button-area{padding-left: 169px;}
.select-range{padding:10px 0;}
.generate{padding:10px 0;}

.code1 textarea{width:507px;}
.results-list div.book-info{width:440px;}
.product-sold table tr:nth-child(1), .product-sold table td:nth-child(1){display:none;}
.product-sold table td{display:block; overflow:hidden; clear:both; padding:10px 0 10px 100px; text-align:left; position:relative; border-bottom:1px solid #ccc; border-top:none; border-right:none; border-left:none;}
.product-sold table tr{display:block; clear:both; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 10px 0; }
.product-sold table td:nth-child(2):before{content:'Title'; position:absolute; top:9px; left:10px; z-index:0;}
.product-sold table td:nth-child(3):before{content:'Price'; position:absolute; top:9px; left:10px; z-index:0;}
.product-sold table td:nth-child(4):before{content:'Quantity'; position:absolute; top:9px; left:10px; z-index:0;}
.product-sold table td:nth-child(5):before{content:'Total Sales'; position:absolute; top:9px; left:10px; z-index:0;}
.product-sold table td:nth-child(6):before{content:'Commission'; position:absolute; top:9px; left:10px; z-index:0;}
.product-sold table td:nth-child(7):before{content:'Affiliate Fee'; position:absolute; top:9px; left:10px; z-index:0;}
.report th{display:none;}
.report td{display:block; border-width: 1px 0 0 0; text-align:left; position:relative;}
.report td:nth-child(8){border-width: 1px 0 1px 0;}
.report td:nth-child(1):before{content:'Month:'; float:left; width:135px; font-weight:bold;}
.report td:nth-child(2):before{content:'Year:'; float:left; width:135px; font-weight:bold;}
.report td:nth-child(3):before{content:'Type:'; float:left; width:135px; font-weight:bold;}
.report td:nth-child(4):before{content:'Total Invoice:'; float:left; width:135px; font-weight:bold;}
.report td:nth-child(5):before{content:'Invoice Amount:'; float:left; width:135px; font-weight:bold;}
.report td:nth-child(6):before{content:'Commission:'; float:left; width:135px; font-weight:bold;}
.report td:nth-child(7):before{content:'Service Tax:'; float:left; width:135px; font-weight:bold;}
.report td:nth-child(8):before{content:'Affiliate Fee:'; float:left; width:135px; font-weight:bold;}
.sales-summary table tr:nth-child(1){display:none;}
.sales-summary table td{display:block; overflow:hidden; clear:both; padding:10px 0 10px 150px; text-align:left; position:relative; border-bottom:1px solid #ccc; border-top:none; border-right:none; border-left:none;}
.sales-summary table td:before{font-weight:bold;}
.sales-summary table td:nth-child(1):before{content:'Total Items:'; position:absolute; top:9px; left:10px; z-index:0;}
.sales-summary table td:nth-child(2):before{content:'Total Sale:'; position:absolute; top:9px; left:10px; z-index:0;}
.sales-summary table td:nth-child(3):before{content:'Commission:'; position:absolute; top:9px; left:10px; z-index:0;}
.sales-summary table td:nth-child(4):before{content:'Affiliate Fee:'; position:absolute; top:9px; left:10px; z-index:0;}
}

@media (max-width: 768px) {


.img-section img{margin:0 5px;}
.form dl dd{width:290px;}
.form input[type="text"], .form input[type="password"]{width:278px;}
.form select{width:290px;}
.form textarea{width:278px;}

.code1 textarea{width:473px;}
.results-list div.book-info{width:405px;}
}

@media (max-width: 650px) {
#topnav{display:none;}
.toggle-menu{display:block; position:absolute; top:40px; right:0; z-index:1;}
.toggle-menu a{background:url(../Common/images/toggle.png) no-repeat 50% 50%; float:left; width:20px; height:18px;  border:1px solid #3c3e40; padding:5px; border-radius:2px; -webkit-border-radius:2px;}

#header{position:relative;}
#topnav{width:200px; position:absolute; top:70px; right:0; z-index:1; background:#bc3232; padding:0;}
#topnav a{display:block; margin:0; overflow:hidden; padding:7px; text-align:left; color:#fff; text-decoration:none; font-weight:bold; border-bottom:1px solid #fff;}
#topnav a:hover{color:#fff; text-decoration:none; background:#000000;}
.uread-home-link{margin:0;}


.sidebar ul{margin-left:0;}
.img-section img{margin:0 10px;}

.code1 textarea{width:586px;}
.results-list div.book-info{width:518px;}
.contents h1{font-size:20px; text-align:center;}
.popup{width:auto; display:block; overflow:hidden;}
.your-website td{display:block; padding:10px 0;}
.popup h2 a{display:block; margin-right:10px; float:left; color:#E04320; text-decoration:none;}
.select-range{width:100%;}
.generate{padding:0;}
    .searchbar .textinput {
        width: 76%;
    }
}

@media (max-width: 600px) {


.code1 textarea{width:546px;}
.results-list div.book-info{width:478px;}
.searchbar .textinput {
        width: 71%;
    }
}

@media (max-width: 480px) {
.img-section{width:200px; padding:5px 0;}
.img-section img{margin:5px 10px;}
.form dl{width:290px; float:none; margin:0 auto; overflow:hidden;}
.form dl dt{width:100%; text-align:left; padding:0 0 7px 0;}
.form dl dd{width:100%; padding:0;}
.form .button-area{padding-left: 73px;}
.pagetabs ul li{float:left; width:100%; padding:5px 0;}
.pagetabs{border:none;}
.pagetabs a{float:left; width:100%; padding:10px 0; background:#fff;border:1px solid #ccc; text-align:center;}
.pagetabs a.activetab{border:1px solid #ccc;}

.code1 textarea{width:426px;}
.results-list div.book-info{width:358px;}
.searchbar .textinput {
        width: 98%;
    }
.searchbar input[type="image"]{margin:10px 0 0 90px; border-left:1px solid #000 !important;}
}

@media (max-width: 360px) {
.loginbox{margin-left:-16px;}
#footer{text-align:center; padding-bottom:10px;}
.powered-logo{float:left; width:100%; padding:5px 0;}
#homebox .login{width:300px;}
.get-started{font-size: 13px;}
#homebox .info h1{font-size:16px;}
#homebox .info h2{font-size:13px;}
#homebox .info h3{font-size:16px; font-weight:bold;}
#homebox .info .subinfobox img{width:100%;}
.contents dl dt{width:100%}
.contents dl dd{width:100%; padding:7px 0; margin:0;}
.form dl{width:100%; float:left; margin:0;}
.form dl dd{padding:0;}
.form fieldset{padding:10px;}
.form input[type="text"], .form input[type="password"], .form textarea{width:284px;}
.form select{width:296px;}
.form .button-area{padding-left: 10px;}


.code1 textarea{width:306px;}
.results-list div.book-info{width:238px;}
.results-list div.buttons{position:static; clear:both; padding:8px 0 0; width:238px;}
.pagination a{padding:5px;}
.top-visited table tr:nth-child(1), .top-visited table td:nth-child(1){display:none;}
.top-visited table td{display:block; overflow:hidden; clear:both; padding:10px 0 10px 50px; text-align:left; position:relative; border-bottom:1px solid #ccc; border-top:none; border-right:none; border-left:none;}
.top-visited table tr{display:block; clear:both; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 10px 0; }
.top-visited table td:nth-child(2):before{content:'Url:'; position:absolute; top:9px; left:10px; z-index:0;}
.top-visited table td:nth-child(3):before{content:'Hits:'; position:absolute; top:9px; left:10px; z-index:0;}
.top-visited table td:before{font-weight:bold;}

.hit-conversion table tr:nth-child(1){display:none;}
.hit-conversion table td{display:block; overflow:hidden; clear:both; padding:10px 0 10px 160px; text-align:left; position:relative; border-bottom:1px solid #ccc; border-top:none; border-right:none; border-left:none;}
.hit-conversion table tr{display:block; clear:both; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 10px 0; }
.hit-conversion table td:nth-child(1):before{content:'Date:'; position:absolute; top:9px; left:10px; z-index:0;}
.hit-conversion table td:nth-child(2):before{content:'Hits:'; position:absolute; top:9px; left:10px; z-index:0;}
.hit-conversion table td:nth-child(3):before{content:'Orders:'; position:absolute; top:9px; left:10px; z-index:0;}
.hit-conversion table td:nth-child(4):before{content:'Conversion Ratio (%):'; position:absolute; top:9px; left:10px; z-index:0;}
.hit-conversion table td:before{font-weight:bold;}


}

@media (max-width: 320px) {
#homebox .login{width:100%;}
.loginbox{margin-left:-20px;}
.signup-button{width:100%;}
.signup-button img{width:100%;}
.loginbox-footer, .loginbox-header{display:none;}
.loginbox{background:none; width:300px;}
.forgot-pass{padding-right:10px;}
#homebox .info{margin-top:20px; border-top:1px solid #ccc;}
.form input[type="text"], .form input[type="password"], .form textarea{width:244px;}
.form select{width:256px;}
.searchbar .textinput{width:225px; font-size:11px;}
.searchbar input[type="image"]{margin:10px 0 0 70px;}
.code1 textarea{width:266px;}
.results-list div.thumbnail{width:100%; text-align:center; padding:0 0 10px 0;}
.results-list div.book-info{width:100%; text-align:center; padding:0;}
.results-list div.buttons{width:100%; text-align:center;}
}


.btn-red {
    padding: 10px 15px;
    background: #bc3232;
    border-radius: 4px;
    color: #fff !important;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    border: none;
}
.btn-red:hover {
    background: #9f1f1f;
    color: #fff;
}
.btn-black {
    padding: 10px 15px;
    background: #494949;
    border-radius: 4px;
    color: #fff !important;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    border: none;
}
.btn-black:hover {
    background: #2a2a2a;
    color: #fff;
}
.generate .btn-black {
    padding: 6px 15px !important;
}