body {
  margin: 0;
  margin-top: 15px;
  padding: 0;
  background-color: #FFFFFF;
  font-family: "Lucida Grande", "Verdana", sans-serif;
  font-size: 13px;
  line-height:1.4em;
  color: #333;
}

h1 /*  10px = 0.32em  */  {
 font-size: 28px;
 line-height: 1em;
 margin: 0.66em 0.33em 0.33em
 }

h2 /*   10px = 0.67em   */  {
 font-size: 1.5em;
 line-height: 1.2em;
 }

h3 /*  10px = 0.67em  */  {
 font-size: 1.5em;
 line-height: 1.2em;
 }

h4   {
 font-size: 1.2em;
 line-height: 1.4em;
 }


a {
  color: #03c
  /*#59651a;*/
}
a:hover {
  background-color: #03c;
  color: white;
  text-decoration: none;
}

a.cancel,
a.delete {
	color: #f00;
	text-decoration: underline;
	padding: 0.2em;
}

a.cancel:hover,
a.delete:hover {
	text-decoration: none;
	background-color: #f00;
	color: #fff;
}

p {margin:0 0 1em 0;}
ul {
    margin:0 0 0 0;
    padding:0 0 0 0;
    }
ul li {
    margin:0 0 0.5em 2.5em;
    padding:0 0 0 0;
    list-style-type:square;
    }

form {margin: 0; padding: 0; border-width: 0 }
input {font-size: 1.4em; margin: 0; padding: 1px 0 1px 0.5em; }
label {font-weight: bold; text-align: right; margin: 0 0.3em 0 0; padding: 0.5em 0.21em 0 0;}
textarea {font-size: 1em; font-family: "Lucida Grande", Verdana, sans-serif; text-decoration: none; margin: 0; padding: 0.5em; }

.default td {
	padding: 2px;
	border: 0.1px solid #ccc;
}
.default th,
.default td.title {
	text-align: left;
}
.default td.hightlight {
	background-color: #ffc;
}
.default th {
	background-color:#DCDCDC;
	border-color:#333;
	border-style:solid;
	border-width:0pt 0pt 1px;
	font-size:1em;
	height:2.5em;
	margin:0pt;
	padding: 10px;
	vertical-align:bottom;
}

input.login { font-weight: bold; color: #ccc; width: 165px; }


#submit_button,
.submit { font-size: 1em; margin: 0; padding: 3px 5px; border-style: solid; border-width: 2px; border-color: white #666 #666 white;font-weight: bold; text-align: center; }

.file { font-size: 1em  }

#logo {
	color: #678e1b;
}

#page {
  background-color: #f0f0f0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 25px;
}

#content {
  background-color: white;
  border: 3px solid #aaa;
  padding: 15px;
}

#header {
  height:80px;
  overflow:hidden; 
  margin:0;
  padding:0;
}
#header h1 {
  margin:10px 0 10px 0px;
  padding:0 0 0 0;
  font-weight: Bold;
  font-size: 25px;
  line-height:30px;}
#header h2 {
  margin:0;
  padding:0 0 0 0;
  color: #888;
  font-weight: normal;
  font-size: 16px; 
}


#sidebar {
	width: 180px;
	margin-left: 10px;
	border-left: 1px solid #ccc;
	padding-left: 1em
}

#sidebar h3 {
	font-size: 1.2em;
	line-height: 1em;
	margin: 1.2em 0;
}


.support-contact {
	padding: 1em;
}
.support-contact a:hover,
.support-contact a:visited,
.support-contact a {
	text-decoration: none;
	background-color: transparent;
	color: #59651a; 
}

#sidebar .item {
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 6px;
	font-weight: bold;
}

#sidebar .item img {
	vertical-align: middle;
}
#sidebar .first {
	border-top: 1px solid #ccc;
	
}
#sidebar .item a:hover,
#sidebar .item a:visited,
#sidebar .item a {
	text-decoration: none;
	background-color: transparent;
	color: #59651a; 
}

#sidebar .signup a:hover,
#sidebar .signup a:visited,
#sidebar .signup a {
	color: red;
}


#sidebar .group#menu .item:hover {
	background-color: #ecf4d9;
}

#footer {
  clear: both;
}

#ssl {
	font-weight: bold;
	text-align: right;
}
#ssl img {
	vertical-align: middle;
}


/* Home Page */
.banner {
background-color:#FFF;
border: 1px solid #DCDCDC;
margin: 0;
overflow: hidden;
padding: 0.5em;
}
.big {
font-size: 1.2em;
line-height: 1.5em;
}
.banner h4 {
	margin: 0 0 0.5em 0;
}

.outbound-fax-success {
	color: #338000;
}

.outbound-fax-error {
	color: #ff0000;
}

.highlight {
	background-color: #ffc;
}
.boxhighlight {
    margin: 0.8em 0;
    padding: 0.5em;
	background-color: #f9fcf4;
	border: 1px dotted #59651a;
}

ul.faq li {
	list-style-type: decimal;
	margin-bottom:5px;
}
dl.faq dt {
	font-weight: bold;
}
dl.faq dd {
	margin: 0 auto;
	padding: 0 0 1.2em;
}

.new {
	color: #f00;
	font-size: 0.7em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

.notice,
.alert {
	font-weight: bold;
	margin: 8px;
	padding: 1em;
}
.alert {
	background-color: #ffffe0;
	border: solid 1px #ff6347;
}
.notice {
	background-color: #e6ffd5;
	border: solid 1px #338000;
}


.poll {
	background: url(../imgs/question.gif);
	background-position: 3px 3px;
	background-repeat: no-repeat;    
    margin: 0;
    padding: 2px;
    padding-left: 24px;
	background-color: #f9fcf4;
	border: 1px dotted #59651a;
	font-size: 0.7em;
}
.poll p {
	padding: 0;
	margin: 0;
}
.poll .question {
	font-weight: bold;
}

table.default td {
	text-align: right;
	padding: 4px;
	background: #fff;
}

table.contacts {
	width: 100%;
}
table.contacts th {
	text-align: left;
}
table.contacts td.actions {
	text-align: center;
}


#confirm td {
	padding: 5px;
}

#prices td {
	padding: 4px;
	text-align: right;
}

#prices th {
	text-align: right;
}

#prices .obs td {
	text-align: center;
}


/* Fax numbers */

table.fax_number td {
	border: 0;
	text-align: center;
	color: #a6a6a6;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

table.fax_number input {
	text-align: left;
}

atable.fax_number .validation-advice {
	display: none;
}

/* Credits per Page */
table.credits_per_page td {
	padding-left: 15px;
}


/* API */
table.api {
	margin: 8px;
	width: 90%;
}
table.api .name {
	width: 15%;
}
table.api .type {
	width: 15%;
}
table.api th {
	border: 1px solid #ccc;
}
table.api td {
	border: 1px solid #ccc;
	padding: 4px;
}
table.api .level1 {
	background-color: #f3f3f3;
	font-weight: bold;
}

table.api .level2 {
	background-color: #f9f9f9;
	font-weight: bold;
}

/* Tabela Preço de Créditos */
.credit_prices {
	background: #fff;
	border: 0;
}

#purchase_credits .credit_prices {
	padding: 0em;
	margin: 1em 0 0 0;
}

.credit_prices td {
	padding: 0.5em;
	margin: 0;
	border: 0;
	font-size: 0.8em;
}

.credit_prices .header td {
	background: #f3f3f3;
	border-bottom: 3px solid #c3c3c3;
	vertical-align: top;
}

.credit_prices td {
	border-bottom: 1px solid #c3c3c3;
}

/* Tabela Preço de Linhas */
.line_prices {
	background: #fff;
	border: 0;
}

#purchase_lines .line_prices {
	padding: 0;
	margin: 1em 0 0 0;
}

.line_prices td {
	padding: 0.5em;
	margin: 0;
	border: 0;
	font-size: 0.8em;
}

.line_prices .header td {
	background: #f3f3f3;
	border-bottom: 3px solid #c3c3c3;
}

.line_prices td {
	border-bottom: 1px solid #c3c3c3;
}


/* Table Interactive Styles */
.itable        {
 color: black;
 background-color: white;
 margin: 0 0 0 2%;
 padding: 0;
 width: 96%;
 border: 0;

 }

 .itable td  {
 font-size: 1.2em;
 line-height: 1.3em;
 margin: 0;
 padding: 5px;
 vertical-align: top;
 }

 .itable .first {
 text-align: right;
 padding: 5px 0.5em;
 width: 3em
 }

.itable .first b {
 padding: 0 0.5em
 }

.itable .last  {
 text-align: center;
 padding: 0 0.5em
 }

 .itable .last a   {
 display: block;
 margin: 0;
 padding: 0.3em 0;
 width: 2.5em;
 border: solid 0 #338000
 }

 
 .itable .supplier {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 border-style: solid;
 border-width: 2px 0 0;
 border-color: #dcdcdc
 }

 .itable .supplier li   {
 list-style-type: none;
 margin: 0.5em 1em;
 padding: 0
 }

 /* Table - Header */
 .itable thead { }

 .itable th  {
 color: #333;
 font-size: 1.2em;
 font-weight: normal;
 text-align: left;
 margin: 0;
 padding: 0.7em 15px 0.3em 5px;
 border: solid 0 #a9a9a9;
 background-color: #dcdcdc
 }


 .itable th a {
 color: #333
 }
	
 /* Table - Body*/
.itable tbody td,
.itable .tbody td {
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #d3d3d3;
	height: 2em;
	}

.itable tbody td.last,
.itable .tbody td.last {
	border-width: 0;
}
.itable .row_2 td {
	background-color: #f0f0f0
}

.itable .row_h {
 background-color: #ffc;
 }


 /* Table - Footer*/
 .itable tfoot {
 background-color: #dcdcdc
 }

 .itable .t_l, .itable .t_r,.itable .b_l,.itable .b_r {
	background-image: url(../imgs/bkg_list_head.gif);
	background-repeat: no-repeat;
	}

.itable .t_l      { background-position: left top }
.itable .t_r      { background-position: right top }
.itable .b_l     { background-position: left bottom }
.itable .b_r     { background-position: right bottom }


 /* Table -  Pagination*/
 .pag,  .pag p       {
 color: black;
 font-weight: bold;
background-image: url(../imgs/bkg_nav_pag.gif);
 background-repeat: no-repeat;
 background-position: right top;
 text-align: center;
 margin: 3px 2.5% 0 1em;
 padding: 0;
 }


 .pag p      {
 background-position: left top;
 margin: 0 20px 0 0;
 padding: 0.3em 0 0;
 height: 23px
 }

/* Top Nav */
#nav {
border:0pt solid fuchsia;
display:inline;
font-size:10px;
margin:0pt;
padding:0em;
position:absolute;
right:3em;
text-align:right;
top:1em;
}
#nav ul {
}
#nav ul li {
border:0pt solid fuchsia;
color:#000000;
display:inline;
font-size:1.2em;
font-weight:bold;
margin:0pt 0.5em 0pt 0pt;
padding:0pt 0.5em 0pt 0pt;
}
#nav ul li a {
font-weight:normal;
text-decoration:underline;
}
#nav form {
background-color:white;
border-color:#F5F5F5 rgb(220, 220, 220) rgb(220, 220, 220) rgb(245, 245, 245);
border-style:solid;
border-width:1px;
margin:0pt;
padding:0pt;
text-align:left;
}
#nav form div {
background-color:#F5F5F5;
border:1px solid #D3D3D3;
margin:1em;
padding:1em 1em 0.5em;
text-align:left;
}
#nav label {
font-weight:bold;
}

#recipients,
#attachments {
	margin: 20px;
}
#attachments li {
	list-style-type: none
}


/* Columns   */
.col25  { width: 25%; float: left; }
.col30  { width: 30%; float: left; }
.col50  { width: 50%; float: left; }
.col70  { width: 66%; float: left; }
.row, .col  { height: 100%; overflow: hidden }
.col25, .col30, .col50, .col70, .row { margin:0 0 0 0; padding:0 0 0 0;}

/* Fixed Columns   */
.col-fixed-left {
	float: left;
	margin: 0;
	padding: 0;
}

.col-fixed-right {
	float: right;
	margin: 0;
	padding: 0;
}

.col-middle {
	margin: 0;
	overflow: hidden;
	padding: 0;
}

* html .col-middle {
	float: left;
}


.panel h3 {
	color:#338000;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:1px;
	margin:0pt 0pt 0.8em;
	padding:0pt 20px;
	text-transform:uppercase;
	vertical-align:bottom;
}
.panel h4 {
	font-size:1em;
	font-weight:bold;
	letter-spacing:1px;
	margin:0pt 0pt 0.8em;
	padding:0pt 20px;
	text-transform:uppercase;
	vertical-align:bottom;
}
.panel p {
	color:#333333;
	margin:0pt 20px 10px;
	padding:0pt;
}
.panel table,
.panel div.fieldWithErrors {
	margin:0 20px;
}

.s_l_b,
.s_l_b_arrow  {
 background-color: #f5f5f5;
 background-image: url(../imgs/bkg_f_l_b_plain.png);
 background-repeat: no-repeat;
 background-position: left bottom;
 clear: both
 }
.s_r_b {
 background-image: url(../imgs/bkg_f_r_b.png);
 background-repeat: no-repeat;
 background-position: right bottom;
 padding-bottom: 25px;
 height: 100%
 }

.s_r_t {
 background-image: url(../imgs/bkg_f_r_t.png);
 background-repeat: no-repeat;
 background-position: right top
 }

.s_l_t {
 background-image: url(../imgs/bkg_f_l_t.png);
 background-repeat: no-repeat;
 background-position: left top;
 margin: 0;
 padding: 20px 10px 1px
 }


.s_l_b_arrow {
 background-image: url(../imgs/bkg_f_l_b_arrow.png)
 }

.s_l_b_arrow .s_r_b {
 background-image: url(../imgs/bkg_f_r_b_arrow.png)
 }
 
.f_r .s_l_b, .f_r .s_l_b_arrow {
 margin-right: 10px;
 margin-left: 10px
 }

.f_l   {
 background-image: url(../imgs/bkg_f_l.png);
 background-repeat: repeat-y;
 background-position: left top;
 margin: 0;
 padding: 0
 }


.f_r    {
 background-image: url(../imgs/bkg_f_r.png);
 background-repeat: repeat-y;
 background-position: right top;
 margin: 0;
 padding: 0
 }

.f_r_t {
 background-image: url(../imgs/bkg_f_r_t.png);
 background-repeat: no-repeat;
 background-position: right top
 }

.f_l_t {
 background-image: url(../imgs/bkg_f_l_t.png);
 background-repeat: no-repeat;
 background-position: left top;
 margin: 0;
 padding: 10px 10px
 }

.f_l_b {
 background-image: url(../imgs/bkg_f_l_b_plain.png);
 background-repeat: no-repeat;
 background-position: left bottom;
 clear: both
 }
 
.f_r_b {
 background-image: url(../imgs/bkg_f_r_b.png);
 background-repeat: no-repeat;
 background-position: right bottom;
 padding-bottom: 25px;
 height: 100%
 }


/* Form Error */
#errorExplanation {
	width: 400px;
	border: 2px solid #red;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	background-color: #c00;
	color: #fff;
}

#errorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#errorExplanation ul {
	margin: 0 15px;
}

#errorExplanation ul li {
	font-size: 12px;
	list-style: square;
}

/* Form Validation */
.form .validation-failed {
	background-color: #fee;
}
/*
.form .validation-passed {
	background-color: #efe;
}
*/
.form .validation-advice {
	color: #f00;
}

/* Search Form */
form.search {
background-position:left top;
background-repeat:no-repeat;
border-width:0pt;
height:25px;
margin:0pt;
overflow:hidden;
padding:0pt;
awidth:205px;
}/* Search */
form.search {
background-position:left top;
background-repeat:no-repeat;
border-width:0pt;
height:25px;
margin:0pt;
overflow:hidden;
padding:0pt;
width:205px;
}
form.search fieldset { margin: 0; padding: 0; border-width: 0 }
form.search legend { display: none }
form.search img {
height:23px;
margin:0pt;
padding:0pt;
vertical-align:top;
width:30px;
}
* html form.search {
background-position:left 1px;
}
#searchinput {
background-color:transparent;
background-position:center top;
background-repeat:no-repeat;
border-width:0pt;
color:#333333;
height:20px;
margin:0pt;
padding:3px 0pt 0pt;
vertical-align:middle;
width:145px;
}
#searchsubmit {
background-color:#FFFFFF;
background-position:right top;
background-repeat:no-repeat;
border-width:0pt;
height:23px;
margin:0pt;
padding:0pt;
vertical-align:top;
width:30px;
}
* html #searchsubmit {
margin-top:1px;
}
form.search img {
height:23px;
margin:0pt;
padding:0pt;
vertical-align:top;
width:30px;
}
* html form.search {
background-position:left 1px;
}
#searchinput {
background-color:transparent;
background-position:center top;
background-repeat:no-repeat;
border-width:0pt;
color:#333333;
height:20px;
margin:0pt;
padding:3px 0pt 0pt;
vertical-align:middle;
width:145px;
font-size: 15px;
}
#searchsubmit {
background-color:#FFFFFF;
background-position:right top;
background-repeat:no-repeat;
border-width:0pt;
height:23px;
margin:0pt;
padding:0pt;
vertical-align:top;
width:30px;
}
* html #searchsubmit {
margin-top:1px;
}

form.search, #searchinput, #searchsubmit, 
#emailform, #emailinput, #emailsubmit  { background-image: url("../imgs/form-bg-input.png"); }


#system_notice {
	background-color:#FFFFCC;
	border-bottom:2px solid #FFD700;
	border-top:2px solid #FFD700;
	font-size:1.2em;
	margin:0 0 20px 0;
	padding:3px 25px;
}
#system_notice a {
	font-size: 0.8em;
}
#system_notice h1 {
	font-size: 16px;
	margin: 10px 0 15px 0;
}
#system_notice h1 span {
	float:right;
}
#system_notice p {
	font-size: 12px;
	line-height: 1.4em;
}


.pagination {
 color: black;
 font-weight: bold;
 background-image: url(./imgs/bkg_nav_pag.gif);
 background-repeat: no-repeat;
 background-position: center top;
 text-align: center;
 margin: 3px;
 padding: 0;
 height: 23px;
 vertical-align: middle;
}
.pagination a {
  padding: 0px 5px 5px 5px;
  margin: 2px;
  text-decoration: none;
}
.pagination a:hover, .pagination a:active {
  background-color: #dcdcdc;
  color: #000;
}
.pagination span.current {
  padding: 0px 5px 5px 5px;
  margin: 2px;
  font-weight: bold;
  background-color: #dcdcdc;
  color: #000;
}
.pagination span.disabled {
  padding: 0px 5px 5px 5px;
  margin: 2px;
  color: #ddd;
}


 /* Table Interactive Styles */
.itable        {
 color: black;
 background-color: white;
 margin: 0 0 0 2%;
 padding: 0;
 width: 96%;
 border: 0;

 }

 .itable td  {
 font-size: 1em;
 line-height: 1.3em;
 margin: 0;
 padding: 5px;
 vertical-align: top;
 }

 .itable .first {
 text-align: right;
 padding: 5px 0.5em;
 width: 3em
 }

.itable .first b {
 padding: 0 0.5em
 }

.itable .last  {
 text-align: center;
 padding: 0 0.5em
 }

 .itable .last a   {
 display: block;
 margin: 0;
 padding: 0.3em 0;
 width: 2.5em;
 border: solid 0 #338000
 }

 
 .itable .supplier {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 border-style: solid;
 border-width: 2px 0 0;
 border-color: #dcdcdc
 }

 .itable .supplier li   {
 list-style-type: none;
 margin: 0.5em 1em;
 padding: 0
 }

 /* Table - Header */
 .itable thead { }

 .itable th  {
 color: #333;
 font-size: 1.2em;
 font-weight: bold;
 text-align: left;
 margin: 0;
 padding: 0.7em 15px 0.3em 5px;
 border: solid 0 #a9a9a9;
 background-color: #dcdcdc
 }


 .itable th a {
 color: #333
 }
	
 /* Table - Body*/
.itable tbody td,
.itable .tbody td {
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #d3d3d3;
	height: 2em;
	}

.itable tbody td.last,
.itable .tbody td.last {
	border-width: 0;
}
.itable .row_2 td {
	background-color: #FFF
}

.itable .row_h {
 background-color: #ffc;
 }


 /* Table - Footer*/
 .itable tfoot {
 background-color: #FFF
 }

 .itable .t_l, .itable .t_r,.itable .b_l,.itable .b_r {
	background-image: url(../imgs/bkg_list_head.gif);
	background-repeat: no-repeat;
	}

.itable .t_l      { width: 10px; background-position: left top }
.itable .t_r      { width: 10px; background-position: right top }
.itable .b_l     { width: 10px; background-position: left bottom }
.itable .b_r     { width: 10px; background-position: right bottom }


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a:hover { background-color: transparent; }
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../imgs/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imgs/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/*
#sitepal {
position: absolute;
top: 0;
left: 60%;
border: 1px solid #ccc;
}
*/
#sitepal {
float: right;
margin: 0 0 1em 2em;
padding: 0 1em 0.5em;
border: 0px solid #ccc;
width: 180px;
background:#EAEAEA url(../imgs/bkg_banner_grad.png) left top repeat-x;
}

#sitepal .flash {
width: 175px;
height: 130px;
margin: 0;
padding: 0;
border-bottom: 1px solid #ccc;

}

#sitepal p {
margin: 0 0 0 0;
padding: 0;
font-size:0.8em;
lne-height: 1em;
overflow: hidden;
}