/*-----------------------------------------------------------------------------
author: Leandro Vicario
email: yhanpolo@odesk.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {margin: 0; padding: 0;}
/* Put it back on certain elements */
h1, h2, h3, h4, p, pre, blockquote, form, fieldset, table, ul {
	margin: 1em 0;
}
/* Class for floated elements */
.fl {float: left;}
.fr {float: right;}
/* Class for clearing floats */
.clear {clear: both;}
.easyclear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.easyclear {overflow: hidden;}
	* html .easyclear {height: 1%;}
/* Remove border around linked images */
img {border: 0;}
/* DEFAULT ----------------------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	color: #000000;
	margin: 0;
	padding: 0;
	background: url(../images/bg_top.gif) repeat-x left top;
}
.error{color:Red;}

h1 {font-size: 18px;}
h2 {font-size: 14px;}
a {text-decoration: underline; color: #000000;}
a:hover {text-decoration: none;}
select, option, input, textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: middle;}
input, textarea, select {border: 1px solid #888888;}
input {height: 17px; padding-top: 3px;}
form {margin: 0;}
hr {color: #D5D5D5; clear: both;}
fieldset {border: none;}
/* WRAPPER ------------------------------------------------------ */
.wrapper {
	width: 740px;	
	text-align: left;
	margin: 0 auto;
	/* border: 1px solid #cccccc; */
	border-top: none;
}
/* HOMEPAGE ------------------------------------------------ */
body.home {background: url(../images/bg_top_home.gif) repeat-x left top;}
body.home .top {height: 131px;}
.hLeft {float: left; display: inline; width: 510px;}
.hRight {float: right; display: inline; width: 192px; margin-top: 40px;}
.hRight p.login-title {width: 192px; height: 41px; margin: 0; padding: 0; color: #ffffff; background: url(../images/bg_login_title.gif) no-repeat left top;}
	.login-title span, .login-title strong {display: block; padding-left: 10px; line-height: normal;}
	.login-title span {padding-top: 7px;}
.hRight p.login-body {margin: 0; padding: 0; margin-top: 1px;}
	.hRight .inner {padding: 0px 15px; line-height: 30px;}
	.hRight input {width: 160px;}
	.hRight .btn {margin-top: 15px;}
.box-home .inner input {display: block; float: left; width: 160px;}
.box-home .inner .chk {display: block; float: left; width: 15px;}
	.box-home .inner span {
		display: block;
		float: left;
		width: 110px;
		padding-right: 3px;
		text-align: right;
	}
	.box-home .inner .valid
	{
	    width:1px;
	}
	
	.box-home .btn {margin-top: -3px; margin-left: 8px; display: inline;}
	.box-home .inner {padding: 20px 15px;}
/* TOP ------------------------------------------------------ */
.top {height: 167px;}
.logo {float: left; display: inline; margin-top: 43px; margin-left: 8px;}
.aff-id {float: right; display: inline; margin-top: 90px; margin-right: 8px;}
ul.main-nav {
	margin: 0;
	margin-top: 127px;
	margin-left: 45px;
    padding: 0;
    list-style: none;
}
ul.main-nav li {float: left;}
ul.main-nav li a {
    display: block;
    float: left;
	height: 40px;
    text-decoration: none;
	text-indent: -9999px;
}
.nav-1 a {width: 114px; background:url(../images/nav_1.gif) no-repeat 0 0;}
.nav-2 a {width: 138px; background:url(../images/nav_2.gif) no-repeat 0 0;}
.nav-3 a {width: 113px; background:url(../images/nav_3.gif) no-repeat 0 0;}
.nav-4 a {width: 159px; background:url(../images/nav_4.gif) no-repeat 0 0;}
.nav-5 a {width: 126px; background:url(../images/nav_5.gif) no-repeat 0 0;}
	.main-nav a:hover {background-position: left bottom;}
.b-nav-1 .main-nav .nav-1 a,
.b-nav-2 .main-nav .nav-2 a,
.b-nav-3 .main-nav .nav-3 a,
.b-nav-4 .main-nav .nav-4 a,
.b-nav-5 .main-nav .nav-5 a {
    background-position: left bottom;
    cursor: default;
}
/* CONTENT ------------------------------------------------------ */
.content {padding: 20px 8px;}
.box {background: url(../images/bg_box.gif) repeat-x left top;}
.box p span {display: block;}
	.box-home {width: 390px; margin-top: 30px;}
	.box-1 {width: 420px;}
	.box-2 {width: 577px;}
	.box-3 {width: auto;}
	.box-4 {width: 173px;}
	.box-5 {width: 280px;}
	.inner {padding: 1px 8px;}
	.center {margin-left: auto; margin-right: auto;}
/* SPECIFIC BOX */
	.al-center {text-align: center;}
	.stats {text-align: left; padding-left: 30px;}
		.stats p {float: left; display: inline; line-height: 30px; width: 190px;}
	.table {margin: 10px auto; text-align: center; line-height: 25px;}
		.table td {width: 150px;}
	.sReport {margin-left: -35px; text-align: center;}
		.sReport p {display: inline; margin-left: 53px; line-height: 25px;}
		.commission {text-align: center; padding-top: 20px;}
			.commission strong {padding: 15px; border: 1px solid #DCDCDC;}
	.getLinks {margin-left: -8px; margin-bottom: 30px; padding-top: 15px; line-height: 25px;}
		.getLinks p {width: 100px; margin-top: 0;}
		.getLinks lable.area {width: 340px;}
		.getLinks span {display: block; width: 260px;}
		.getLinks p, .getLinks label.area, .getLinks span {float: left; display: inline; margin-left: 25px;}
			.getLinks input, .getLinks textarea {display: block;}
			.getLinks textarea {width: 270px; height: 125px;}
			.getLinks input {width: 256px; height: 20px;}
			.getLinks p strong {font-size: 11px;}
				.getLinks small {display: block; margin-top: 5px; padding-right: 18px; font-size: 9px; line-height: normal; text-align: center;}
	.pReport {margin-left: -50px; text-align: center;}
		.pReport p {display: inline; margin-left: 90px; line-height: 25px;}
		.total {text-align: center; padding-top: 20px;}
			.total strong {display: block; line-height: 30px;}
/* EDIT DETAILS FORM */
fieldset.box-1 {margin-right: 23px; display: inline;}
.edit label {display: block; clear: left;}
	.edit {line-height: 25px; padding: 10px 25px;}
	.edit .left {float: left; display: inline; width: 160px;}	
		.edit .left input {width: 126px;}
	.edit .right {float: left; display: inline; width: 200px;}
		.edit .right input, .edit .right select {width: 191px; margin-bottom: 5px;}
	.edit input, .edit select, textarea {display: block;}
fieldset.box-4 {display: inline;}
.siteLeft {float: left; display: inline;}
		.siteLeft .edit input {width: 180px;}
		.siteLeft textarea {width: 357px; height: 100px;}
.siteRight {float: left; display: inline; font-size: 10px;}
	.siteRight .box-5 .edit {padding: 10px 10px;}
	.siteRight label {display: block; padding-bottom: 30px; margin: 0;}
	.siteRight span {float: left; display: block; width: 95px; text-align: right;}
	.siteRight .left {float: left; width: 115px; line-height: normal;}
	.siteRight .right {float: left; width: 115px; line-height: normal;}
	.siteRight .left input, .siteRight .right input {display: inline; width: auto; float: right; clear: right;}
.edit .leftb {float: left; width: 180px; margin-right: 8px;}
	.edit .leftb input {width: 170px;}
	.edit .leftb .sort input {width: 52px; display: inline;}
.edit .rightb {float: left; width: 180px;}
	.rightb  textarea {width: 180px; height: 110px;}
.check {border: none;}
/* BUTTON */
input.btn, .edit .left input.btn, .siteLeft .edit .btn, .box-home .inner .btn {
	width: auto;
	height: auto;
	border: none;
}