/*
-----------------------------------------------
aprex | main
version:  10.03.2007
----------------------------------------------- */

html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0 auto;
	padding: 0;
	font: 11px Trebuchet MS;
	color: #333;
	line-height: 140%;
	background-color: white;
}
td {
	vertical-align: top;
	padding: 0;
}
img {
	border:0;
}

/* Links
----------------------------------------------- */
a {
	color:#f90;
	text-decoration:underline;
}
a:visited {
	color:#c90;
}
a:visited:hover {
	color:#099;
	text-decoration:none;
}
a:hover {
	color:#099;
	text-decoration:none;
}
a img {
	border-width:0;
}
a.none {
	color:#333;
	text-decoration:underline;
}
a.none:visited{
	color:#f90;
	text-decoration:none;
}
a.none:hover{
	color:#f90;
	text-decoration:none;
}


/* Titles
----------------------------------------------- */

h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size: 20px;
	font-weight:bold;
	color:#999;
}
h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#333;
}
h3 {
	margin:0 0 5px 0;
	padding:0;
	font-size: 13px;
	font-weight:bold;
	color:#555;
}
h3.grif {
	margin:0 0 10px 0;
	padding:0;
	font-size: 13px;
	font-weight:bold;
	color:#099;
	border-bottom:1px dotted #099;
}
h4 {
	margin:3px 0 3px 0;
	padding:0;
	font-weight:bold;
	font-size:14px;
}
h4.white {
	color:#fff;
}
h4.off {
	color:#ccc;
}
.highlight{
	background:#fe8;
}


/*
Navigation
--------------------------------------------------------*/
.menu{
	background:url(../img/bgMenu.png) repeat-y;
}


/* Blocks
----------------------------------------------- */
.pg {
	margin:0;
	padding:0;
	background:url(../img/bg.png) repeat-y center top;
}
.top {
	margin:0;
	padding:30px;
	height:170px;
	background:url(../img/bgTop.png) no-repeat;
}
.homeLogin{
	margin:0;
	padding-right:20px;
	vertical-align:middle;
	text-align:right;
}
.action {
	margin:0;
	padding:10px;
	background:url(../img/bgAssistaAssine.png) no-repeat;
}
.prodEscritorio {
	margin:0;
	padding:10px 0 5px 20px;
	background:url(../img/icoEscritorio.png) no-repeat;
	background-position:top right;
}
.prodApresa {
	margin:0;
	padding:10px 0 5px 20px;
	background:url(../img/icoApresa.png) no-repeat;
	background-position:top right;
}
.prodEmail {
	margin:0;
	padding:10px 0 5px 20px;
	background:url(../img/icoEmail.png) no-repeat;
	background-position:top right;
}
.prodTit {
	margin-top:10px;
	padding:0;
	font-size:12px;
	font-weight:bold;
}
.callFin {
	margin:2px;
	padding:5px;
	background:url(../img/bgListGelo.png);
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.callMedia {
	margin:0;
	padding:10px;
	background:url(../img/bgListBlue.png);
	border-top:1px solid #cfc;
	border-bottom:1px solid #cfc;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#siteMap {
	margin:0;
	padding:7px;
	font-size:10px;
	color:#777;
}
#siteMap span.section {
	text-transform:uppercase;
	font-weight:bold;
}

#siteMap a:link {
	text-decoration:none;
	color:#999;
}
#siteMap a:visited{
	text-decoration:none;
	color:#ccc;
}
#siteMap a:hover{
	text-decoration:underline;
	color:#f90;
}
.quote{
	display:block;
	padding:0 10px 5px 30px;
	background:url(../img/blQuote.png) no-repeat;
	font-size:14px;
}
.quoter{
	padding-left:30px;
}

/*
Texto Legal
--------------------------------------------------------*/
#legal {
	margin:0;
	font:12px Georgia, "Times New Roman";
	color:#333;
}
#siteMap span.section {
	text-transform:uppercase;
	font-weight:bold;
}


/* Signup
--------------------------------------------------------*/
.signup{
	padding:12px;
	border:1px solid #6cc;
	background:#e0f5f5;
}
.prof{
	padding:12px;
	border:1px solid #ccc;
	background:#ededed;
}
.profHeader{
	padding:12px;
	background:#dedede;
	color:#666;
	font-size:14px;
	font-weight:bold;
}
.stepon{
	background:#fff url(../img/bgStepOn.png) no-repeat;
}
.stepoff{
	background:#fff url(../img/bgStepOff.png) no-repeat;
}
#details{
	margin:0;
	padding:25px;
}
#detailsBill{
	margin:0;
	padding:10px 10px 0 25px;
	text-align:left;
}
#detailsBill h3{
	font-size:14px;
	font-weight:bold;
	color:#f90;
	border-bottom:1px dotted #f90;
	padding-bottom:5px;
}
#info {
	margin:0;
	padding:20px;
	border:4px solid #fe8;
}
.error {
	font-size:12px;
	font-weight:bold;
}

/* Forms
----------------------------------------------- */
.form {
  	margin:0;
  	font-size:12px;
  }
.textfield {
  	padding:2px;
  	border: 1px solid #ccc;
	height:20px;
  	font-weight:bold;
	font-size:11px;
}
.textfieldReq {
  	padding: 2px;
	height:20px;
  	border: 1px solid #ccc;
	border-left:4px solid #f00;
  	font-weight:bold;
	font-size:11px;
}
.textarea {
  	padding:2px;
  	border: 1px solid #ccc;
  	font-weight:bold;
	font-size:11px;
}
.textareaReq {
  	padding:2px;
  	border: 1px solid #ccc;
	border-left:4px solid #f00;
  	font-weight:bold;
	font-size:11px;
}
.textbig {
  	padding: 3px;
	margin-bottom:3px;
  	border: 1px solid #ccc;
  	font-weight:bold;
	font-size:14px;
  }
.combo {
	font-size:12px;
  }
.file {
	padding: 2px 0px 2px 0px;
	background:#fff;
	color:#333;
	border:1px solid #999;
  	font-weight:bold;
	font-size:10px;
  }
.button {
	padding:2px;
	background:#f90;
	color:#fff;
	border:1px solid #c90;
  	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
  }
 .buttonCheck {
	padding:2px;
	background:#6cc;
	color:#fff;
	border:1px solid #099;
  	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
  }
.buttonDisabled {
	padding:2px;
	background:#dadada;
	color:#999;
	border:1px solid #999;
	font-size:12px;
	text-transform:uppercase;
}
fieldset {
	padding: 12px;
	margin-bottom: 15px;
	border: 1px solid #dcdcdc;
	border-top: 1px solid #6cc;
}
fieldset.final {
	padding: 10px;
	margin-bottom: 0px;
	border: 5px solid #6cc;
}
fieldset p {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #333;
}
fieldset.final p {
	color: #000;
}
fieldset legend {
	font-size: 14px;
	font-weight: bold;
	color: #6cc;
	padding: 0 5px;
}
fieldset p {
	font-size: 12px;
	line-height: 15px;
	color: #222;
	margin: 0 0 10px 0;
	padding: 0;
}
fieldset small {
	font-size: 10px;
	line-height: 13px;
	color: #999;
	display:block;
}

fieldset table th {
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}
fieldset table td {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	vertical-align:middle;
}
fieldset.billing {
	padding: 12px;
	margin:0;
	border: 1px solid #6cc;
	background:#e0f5f5;
}

#aprexInfo {	
	margin:0 5px 10px 0;
	padding:10px 5px 10px 10px;
	width: 95%;
	background:#ffc;
 	border-top:1px solid #f00;
 	border-bottom:1px solid #f00;
	font-size:11px;
	text-align:left;
	color:#f00;
}
#aprexInfo h1{
	font-size:20px;
	font-weight:bold;
	color:#f00;
}
#aprexInfo h3{
	font-size:16px;
	font-weight:bold;
	color:#f00;
}



/* Boxes
----------------------------------------------- */
#faq {
	margin:0;
	padding:20px;
	text-align:left;
}
#faq h1 {
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	font-size:18px;
	color:#f90;
}
#faq h2 {
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	font-size:14px;
	color:#999;
}
#details{
	margin:0;
	padding:25px;
}
#detailsBill{
	margin:0;
	padding:10px 10px 0 25px;
}
#info {
	margin:0;
	padding:20px;
	border:4px solid #fe8;
}
.error {
	font-weight:bold;
	font-size:11px;
}


/* Comparison Chart
----------------------------------------------- */
#compChart {
	margin:5px;
	width:98%;
}
#compChart th{
	background:#f90;
	text-transform:uppercase;
	padding:3px;
	color:#fe8;
	font-weight:bold;
	font-size:15px;
}
#compChart td.pro{
	background:#fe8;
	padding:3px;
}
#compChart td.free{
	background:#e0f5f5;
	padding:3px;
	text-align:center;
}
#compChart td{
	text-align:center;
	padding:3px;
	background:#fff;
}
#compChart td.label{
	text-align:right;
	padding:3px;
}
#compChart td.offer{
	background:#ccc;
	padding:3px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
#compChart span.tit{
	font-weight:bold;
	font-size:14px;
}
#compChart span.price{
	font-weight:bold;
	font-size:12px;
	color:#f60;
	padding-bottom:3px;
	display:block;
}
#compChart span.offer{
	font-weight:bold;
	font-size:11px;
	color:#f60;
}
#compChart span.yourPlan{
	font-weight:bold;
	font-size:11px;
	color:#fff;
	padding:3px;
	background:#000;
	display:block;
}
#compPrice {
	margin:0;
	font-size:14px;
}
#compPrice td{
	background:none;
	padding:3px;
	text-align:left;
}

#formError {
	border:1px solid #f00;
	margin:5px;
	padding:10px;
}
#formError h3{
	color:#333;
	font:bold 12px Tahoma, Verdana, Arial;
	margin-bottom:10px;
	padding:0 0 3px 20px;
	background:url(../account/img/0_ico_err.gif) no-repeat;
	border-bottom:1px dotted #999;
}
#formError p{
	font:12px Tahoma, Verdana, Arial;
}

/*
Alpha PNG support for IE
------------------------------
Aviso, este c?digo abaixo funciona apenas para visualiza??o na tela. Quando este documento for impresso, o bug voltar?.
O Hack Abaixo faz o c?digo rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari j? tem a transparencia de PNG nativo.
\*/
* html img, input/**/ {
 filter:expression(
   this.alphaxLoaded ? "" :
   (
    this.src.substr(this.src.length-4)==".png"
    ?
    (
     (!this.complete)
     ? "" :
      this.runtimeStyle.filter=
      ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
      (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
      String(this.alphaxLoaded=true).substr(0,0)+
      (this.src="../img/zeh.gif").substr(0,0)
    )
    :
    this.runtimeStyle.filter=""
   )
  );
}