/* $Id: all.css 316 2007-08-20 00:05:07Z flaviovs $ */

html * {
	font-family: Arial, Verdana, Helvetica, sans serif;
}

body {
	font-size: 0.87em;
}

h1 {
	font-size: 1.1em;
	color: #668;
}

h2 {
	font-size: 110%;
	margin-bottom: 0.1em;
	color: #668;
}

h3 {
	font-size: 100%;
	color: #668;
}

img {
	border: none;
}

table tr th {
	text-align: left;
	background: #444;
	color: #fff;
}

table tr td,th {
	padding: 0.1em 0.5em 0.1em 0.5em;
}

.form-element {
	margin: 0 0 0.7em 0;
}

.form-element .form-description {
	font-size: 70%;
	width: 80%;
	color: #444;
	padding-left: 1em;
}

.form-description ul {
	margin-top: 0em;
	padding-left: 2em;
}

.form-fieldset-description {
	padding-left: 0;
	margin: 0.1em 0 2em 0;
	color: #444;
}

.form-required {
	color: #f00;
}

body {
	padding: 0.3em 3em 0 3em;
}

#message {
	width: 60%;
	border: 1px solid #f00;
	background: #fff0f0;
	padding: 0.5em 1em 0.5em 1em;
	margin-bottom: 1em;
}

#message ul {
	margin: 0;
	padding-left: 1em;
}

.form-error input {
	border: 2px inset #f88;
	background: #fee;
}

.form-error textarea {
	border: 2px inset #f88;
	background: #fee;
}

.menu ul {
	padding: 0;
	margin: 0;
	
}

.menu ul li {
	display: inline;
	margin-right: 1em;
}

.menu ul li.active {
}

#nav {
	background: #eef;
	padding: 0.3em;
}

#nav a {
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
}

#nav .menu ul li {
	padding: 0.3em 1em 0.3em 1em;
}

#nav .menu ul li.active {
	background: #ccf;
}

#sub-nav {
	padding-top: 0.1em;
	padding-left: 2em;
}

#sub-nav a {
	text-decoration: none;
}

#sub-nav a:hover {
	text-decoration: underline;
}

#sub-nav ul {
}

#sub-nav ul li.active {
	border-bottom: 2px solid #888;
}

#account-info {
	text-align: right;
	font-size: 70%;
}

/*
div {
	border: 1px solid #eee;
}
*/

br.clear {
	height: 0;
	clear: both;
}

.left-column {
	width: 49%;
	float: left;
}

.right-column {
	width: 49%;
	float: right;
}

.hidden {
	display: none;
}


/* NB: set only dimensions here not set by class .ad-sample* /
#sample-text-ad {
}

#sample-text-ad-title {
}

#sample-text-ad-text {
	height: 18px;
}

#sample-text-ad-url {
}

/* code-sample-* - sample on zone code generation page */
#code-sample-text-ad {
	margin: auto;
	width: 18em;
	padding: 0.3em;
	background: #fefefe;
	border: 1px solid transparent;
}

#code-sample-text-ad-title {
	text-decoration: underline;
	line-height: 15px;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans serif;
	color: #000;
	margin-bottom: 4px;
}

#code-sample-text-ad-text {
	line-height: 14px;
	font-size: 13px;
	font-family: Arial, Helvetica, Sans serif;
	color: #444;
}

#code-sample-text-ad-url {
	margin-top: 4px;
	line-height: 14px;
	font-size: 13px;
	font-family: Arial, Helvetica, Sans serif;
	color: #00f;
	height: 14px;
	text-decoration: underline;
}

label.form-error {
	border-bottom: 2px dashed #f00;
}

.form-date {
	display: inline;
}

.ad-sample {
	border: 1px solid #f0f0f0;
	width: 18em;
	background: #fefefe;
	padding: 0.2em;
}

.ad-sample-title {
	color: #28d;
	text-decoration: underline;
	min-height: 15px;
}

.ad-sample-text {
	color: #000;
	min-height: 15px;
}

.ad-sample-url {
	color: #008000;
	font-size: 90%;
	min-height: 15px;
}

.ad-sample.inactive {
	background: #fafafa;
	border: 1px solid #bcb;
}

td.ad-status-A {
	color: #040;
}

td.ad-status-I {
	color: #C00;
	font-weight: bold;
}

.inactive .ad-sample-title {
	color: #aaa;
}

.inactive .ad-sample-text {
	color: #aaa;
}

.inactive .ad-sample-url {
	color: #bcb;
}

table {
	border-collapse: collapse;
}

tr {
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

tr.r1 {
	background: #f0f0f0;
}

tr.r2 {
	background: #f8f8f8;
}

tr.sub-header {
	background: #eef;
	border-top: 4px solid #000;
	border-bottom: 2px solid #bbc;
}

#logo {
	float: left;
}

#account-info {
	float: right;
	margin: 1em 3em 0.5em auto;
	padding: 1em;
	border: 1px solid #000;
	text-align: left;
}

#search-bar {
	text-align: right;
}

#search-bar .form-tags {
	display: inline;	
}

td.number,td.decimal,td.money {
	text-align: right;
}

td.zone-price {
	text-align: center;
}

td.zone-price .price {
	font-weight: bold;
}

td.zone-price .more-prices {
	font-size: 80%;
}

.tags {
	padding-left: 1em;
	font-size: 80%;
}

tr.pager {
	font-size: 90%;
	color: #999;
	background: #eef;
}

tr.pager td {
	padding-top: 1em;
}

.info {
	font-weight: bold;
	padding-left: 1em;
}

.many-ad-samples .ad-sample {
	float: left;
	margin-left: 0.3em;
}

tr.total {
	text-align: right;
	font-weight: bold;
}

p.click {
	font-size: 130%;
	padding: 0.5em 1em 0.5em 1em;
	margin: 1em 3em 1em 3em;
	border: 1px solid #aaf;
	background: #eef;
	text-align: center;
	
}

p.click-left {
	font-size: 130%;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #aaf;
	background: #eef;
	text-align: center;
	width: 40%;	
}

p.important {
	font-weight: bold;
	margin-left: 0.7em;
	padding-left: 20px;
	background: url(img/exclamation.gif) left top no-repeat;
}

div.important {
	margin: 0.3em;
	background: #fff0f0;
	border: 1px solid #faa;
	width: 40%;
	padding: 0.5em;
}

td.cart-item-name {
	padding-left: 1em;
}

table.dados-boleto td {
	padding: 0.3em 0.3em 0.3em 1em;
}

td.num-boleto {
	font-family: monospace;
}

.menu-title {
	margin-top: 1em;
	margin-bottom: 0;
}

#cart-menu ul {
	margin: auto;
	margin-left: 1.5em;
	margin-bottom: 2em;
}

#cart-menu ul li {
	display: list-item;
}

input.color-picker {
}

.color-picker-box {
	width: 16px;
	height: 16px;
	border: 1px solid #aaa;
	display: inline;
}

.color-picker-box:hover {
	cursor: pointer;
}

p.footnote {
	font-size: 70%;
	color: #888;
	margin-top: 0;
	padding-left: 3em;
}

td.links {
	font-size: 90%;
}

p.links {
	margin-top: 0;
	margin-left: 1em;
}

.stats-control div {
	float: left;
}

p.ad-stats {
	margin-top: 0.1em;
	margin-bottom: 2em;
}

.notice h2 {
	color: #a00;
}

.notice {
	border: 2px solid #eec;
	background: #ffe;
	width: 70%;
	margin: 1em 2em 1em 2em;
	padding: 0.7em;
}

.approval-site {
	padding: 0;
}

.approval-site h2 {
	margin-bottom: 0;
}

.approval-site h2 img {
	display: block;
}

.approval-zone {
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0 0 0.5em;
	margin-bottom: 0.3em;
}

.approval-ad-group {
	border-top: 2px dashed #ccc;
	padding: 0.3em 0.1em 0.3em 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

.approval-ad-group.first {
	border-top: none;
}

.queued-ad {
	padding: 0.5em;
	margin: 0.5em;
	background: #f8f8f8;
	border: 1px solid #aaa;
}

.ad-insertion-order-status-A {
	color: #080;
}

.ad-insertion-order-status-R {
	color: #d00;
	font-weight: bold;
}

.insertion-order-status-R {
	color: #d00;
	font-weight: bold;
}

.insertion-order-status-C {
	color: #aaa;
	text-decoration: line-through;
}

.rejected-ad {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	border-bottom: 1px solid #ccc;
}

.rejected-ad-sample {
	float: left;
	margin-right: 1em;
}

.rejection-reason-text {
	font-family: fixed;
	white-space: pre;
}

.transaction-note {
	margin-top: 0.1em;
	border-top: 1px solid #888;
	font-family: fixed;
	white-space: pre;
}

td.label,span.label {
	font-weight: bold;
}

.dlg {
	border: 1px solid #444;
	background: #eef;
	padding: 1em;
	width: 80%;
}

.canceled,.excluded,.deleted,.inactive {
	color: #666;
}

td.canceled,td.inactive {
	text-decoration: line-through;
}

.negative {
	color: #b00;
}

#zone-info-data {
	margin-top: 3em;
}

#zone-restrictions {
	margin-top: 3em;
}

h2.step {
	border-bottom: 3px solid #a99;
}

#buyad-form .left-column {
	border-right: 1px dashed #ccc;
	padding-right: 1%;
}

.information,.exclamation {
	margin-top: 1em;
	border: 1px solid #ffa0a0;
	background: #fff8f8;
	padding: 0 0.7em 0.3em 0.7em;
}

.information h2 {
	background: url(img/information.gif) left center no-repeat;
	padding-left: 20px;
}

.exclamation h2 {
	background: url(img/exclamation.gif) left center no-repeat;
	padding-left: 20px;
}

.passcode {
	font-family: fixed;
	font-weight: bold;
}

.nopasscode {
	color: #888;
}

#enter {
	width: 100%;
}

#enter .left-column {
	padding-left: 1%;
	padding-right: 1%;
	width: 47%;
}

#enter .right-column {
	border-left: 2px dashed #eee;
	padding-left: 1%;
	padding-right: 1%;
	width: 47%;
}

#enter h3 {
	border-bottom: 3px solid #ccc;
}

#enter #login-box {
	margin: auto;
}

#login-box tr {
	border: none;
}

#login-box td.submit {
	background: url(img/lock.gif) right center no-repeat;
}

td.submit {
	text-align: center;
}

td.click {
	text-align: center;
}

#boleto {
	margin: 0;
	padding: 0;
}

#boleto tr  {
	border: none;
}

.password {
	font-family: fixed;
}

.help {
	background: url(img/help.gif) center left no-repeat;
	padding-left: 20px;
	font-size: 80%;
}

fieldset {
	padding: 0.7em;
	margin-bottom: 1em;
}

#abend pre {
	font-family: Courier new, fixed, sans-serif;
}

#footer {
	margin-top: 1em;
	text-align: center;
	font-size: 80%;
	color: #999;
}

#footer a {
	color: #47a;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#breadcrumb {
	font-size: 90%;
	margin: 2em auto auto 1em;
	color: #aaa;
}

.tos * {
	font-family: Times, serif;
}

.tos p {
	margin-top: 0.1em;
	margin-bottom: 0.3em;
}

.tos h2 {
	margin-top: 0.3em;
	margin-bottom: 0.1em;
}

.tos .preamble {
	margin: 0em 2em 2em 2em;
	color: #888;
}

#buyad-create-ad {
	background: url(img/big-arrow-buyad.gif) top right no-repeat #eef;
	padding: 1em;
}

#earnings {
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #eee;
	width: 36%;
	padding: 0.7em 1em 0.7em 1em;
}

#cart-info {
	float: right;
	padding-left: 20px;
	background: url(img/cart.gif) left center no-repeat;
}

li.cart-info {
	background: url(img/cart.gif) 5px center no-repeat #edf;
}

li.cart-info a {
	padding-left: 8px;
}

.tabs {
	margin-top: 0.5em;
}

.tab {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	border-bottom: 2px solid #ccc;
}

.tab-handlers ul {
	border-bottom: 2px solid #aaa;
	padding-left: 0.3em;
}

.tab-handlers ul li {
	background: #eee;
	padding: 0.1em 0.3em 0 0.3em;
	border: 1px solid #aaa;
}

.tab-handlers ul li.active {
	background: #fff;
	border-bottom: 2px solid white;
}

.tab-handlers ul li:hover {
	background: #f8f8f8;
}


.tab-handlers ul li a {
	text-decoration: none;
	color: #666;
}

.tab-handlers ul li.active a {
	color: #000;
}

#zone-house-ad,#zone-fill-html-code,#zone-fill-url {
	padding-left: 2em;
}

#no-logo {
	width: 150px;
	height: 80px;
	color: #aaa;
	background: #f8f8f8;
	border: 2px solid #f0f0f0;
	text-align: center;
	vertical-align: middle;
	margin: 0.5em;
	line-height: 4em;
}

#poweredby {
	color: #ccc;
	font-size: 80%;
	text-align: right;
	margin: 3em 10% 0 0;
}

#header.buyad {
	padding: 0;
	border-bottom: 3px solid #f00;
}

#header.buyad h1 {
	font-size: 120%;
	padding: 0;
	margin: 0;
}

a.zone-url {
	color: #448;
	text-decoration: none;
}

a.zone-url:hover {
	color: #88c;
	text-decoration: underline;
}


.buyad h2.title {
	color: #666;
	font-weight: normal;
	font-size: 90%;

	padding: 0;
	margin: 0 0 1em 0;
}

#zone-description {
	margin-bottom: 0.5em;
}

#zone-description img {
	margin: 0 0.5em 0 0;
	border: 1px solid #ccc;
	float: left;
}

#buyad-confirm {
	padding-top: 2em;
}

.right {
	float: right;
}

.left {
	float: left;
}

.tag-cloud {
	background: #eef;
	border: 1px solid #99d;
	padding: 0.7em;
	text-align: center;
}

.tag-cloud .tag {
	display: inline;
	color: #446;
	margin: auto 0.3em auto 0.3em;
	white-space: nowrap;
}

.tag-cloud a.tag {
	color: #446;
	text-decoration: none;
}

.tag-cloud a.tag:hover {
	text-decoration: underline;
}

.tag-cloud .t-1, .tag-cloud a.t-1 {
	font-size: 85%;
	color: #88a;
}

.tag-cloud .t-2 {
	font-size: 85%;
}

.tag-cloud .t-3 {
	font-size: 100%;
}

.tag-cloud .t-3 {
	font-size: 150%;
}

.tag-cloud .t-4 {
	font-size: 200%;
}

.tag-cloud .t-5 {
	font-size: 250%;
}

.site h3 {
	margin: 1em 0 1em 0;
}

.site h3 img {
	display: block;
	margin: 0;
}

.site table {
	margin: 0 0 2em 1em;
	width: 100%;
}

h2.sep {
	margin: 3em 0 0.1em 0;
	border-bottom: 2px solid #f0f0f0;
	padding-left: 20px;
	background: url(img/bullet_arrow_down.gif) left top no-repeat;
}

.notice ul {
	padding-left: 1em;
}

.notice ul li {
	margin-bottom: 1em;
}

#statement td, #statement th {
	padding-left: 1em;
}

#statement .sub-header td {
	padding-left: 0.3em;
}

#cart-menu ul {
	margin-top: 1em;
}

#cart-menu ul li {
	padding: 1em 1em 1em 30px;
	border: 2px solid #557;
	width: 40%;
	list-style-type: none;
	margin-bottom: 0.3em;
	font-weight: bold;
}

#cart-menu ul li a {
	text-decoration: none;
}

#cart-menu ul li a:hover {
	text-decoration: underline;
}

#cart-menu ul li.cart-back {
	background: url(img/cart_add.gif) 6px center no-repeat #eef;
}


#cart-menu ul li.cart-finish {
	background: url(img/money_dollar.gif) 6px center no-repeat #edf;
	border: 2px solid #446;
	margin-top: 1em;
}

#cart-menu ul li.cart-finish a {
	font-size: 120%;
}

#browse tr td {
	padding: 0.3em 0.7em 0.3em 0.5em;
	border: 1px solid #ccc;
}

table.auth-bradesco tr {
	border: none;
}

table.auth-bradesco tr td {
	font-family: fixed;
	border: 1px solid #999;
}

#wait {
	position: absolute;
	width: 40%;
	top: 30%;
	left: 30%;
	background: #fefefe;
	border: 3px solid #ffc0c0;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	padding: 0.3em 0.5em 0.3em 0.5em;
}

#wait ul {
	margin: 0;
	text-align: left;
}

#mask {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	background-color: black;
	opacity: 0.5;
}

.wait {
	padding-bottom: 20px;
	background: url(img/progressbarbox.gif) bottom center no-repeat;
}

.readonly input, .readonly textarea {
	background: #ddd;
}

.order-status-C {
	color: #666;
	text-decoration: line-through;
}

.order-status-W {
	color: #800;
}

.order-status-P {
	color: #080;
}

#site-seal {
	margin-top: 1em;
}

#site-seal .seal {
	float: right;
}

#signup-teaser ul {
	padding-left: 1.5em;
	margin-left: 0;
	list-style-image: url(img/tick.gif);
}

#signup-teaser ul li {
	margin-bottom: 0.3em;
	padding-left: 0.1em;
}

#form-apf-vbv {
	background: url(img/visa-6digitos.gif) top left no-repeat;
	height: 90px;
	padding-left: 150px;
}

.hints {
	background: url(img/information.gif) 5px 5px no-repeat;
	margin: 0.3em auto 0.5em 2em;
	border-left: 3px solid #eee;
	padding: 0 0 0 30px;
}

.hints ul {
	padding-left: 1em;
}

.wizard-controls {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	background: #eee;
}

.wizard-controls input.button,.wizard-controls input.submit {
	margin-left: 0.7em;
	margin-right: 0.7em;
}

.wizard-page>h2 {
	margin-top: 0;
	margin-bottom: 1em;
	border-bottom: 2px solid #eee;
}

.wizard-page {
	padding: 1em;
}

#wizard-breadcrumb {
	margin: 1em;
}

#wizard-breadcrumb li {
	display: inline;
	color: #aaa;
	padding-left: 15px;
	background: url(img/bullet_go.gif) 0 0 no-repeat;
}
	
#wizard-breadcrumb li.active-wiz-bc {
	display: inline;
	color: #000;
	font-weight: bold;
}

#fixedzonesample {
	background: #fff;
	border: 1px solid #eef;
	color: #999;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	width: 250px;
	height: 250px;
	margin-bottom: 1em;
}

.recommended {
	color: #f00;
}

#form-code {
	clear: both;
}

.cents {
	font-size: 60%;
	vertical-align: baseline;
	position: relative;
	bottom: 0.5em;
	color: #444;
}

.econ {
	color: red;
	font-weight: bold;
	padding-left: 22px;
	background: url(img/arrow_right.gif) top left no-repeat;

}

.price-off {
	color: #444;
	text-decoration: line-through;
}