/*
Title:      AA.com Brazil - Pop Up CSS
Author:     Jc Castillo
Copyright:  2013, AA.com  All rights reserved.
*/

/* CSS reset
-------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, em, img,
strong, sub, sup, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1;}
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}



a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #1877BC;}
html body a:hover {color: #C00;}


/* Typography
-------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { color: #006; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px;}
h1 { font-size: 15px;}
h2 { font-size: 15px;}
h3 { font-size: 12px;}
h4 { color: #000; font-size: 11px;}
h5 { color: #669; font-size: 11px;}
h6 { color: #000; font-size: 10px;}
p, li { font-size: 11px; line-height: 16px;}
p.moduleText { font-size: 10px; color: #999999;}


/* Layout
-------------------------------------------------------*/

h1 { margin: 16px 0 16px 0; border-bottom: 1px solid #ADAEB0; padding-bottom: 8px; text-align: center; display: none;}
h2 { margin: 16px 0 9px 0;}
h3 { margin: 12px 0 4px 0;}
h4 { margin: 12px 0 2px 0;}
h5, h6 { margin: 8px 0 2px 0;}
p { margin: 8px 0 8px 0;}
h4 + p, h5 + p { margin-top: 4px;}
li { margin: 0 0 4px 20px;}
li > ul { margin-top: 4px;}
li > ul li { margin-left: 10px;}
ul { margin: 8px 0 8px 0;}
ul + p, ul + ul { margin-top: 16px;}
ul.bullets { list-style-type: square;}


div#popupWrap { width: 650px;}
div#popup { padding: 0 8px;}
div#content, div.fixer { overflow: hidden;}
div.columnLeft { float: left; width: 47%;}
div.columnRight { float: right; width: 47%;}
div.cLeft { float: left; width: 245px;}
div.cRight { float: right; width: 245px;}


div#masthead, div#footer { position: relative; height: 40px; line-height: 40px; text-align: right; padding-right: 32px;}
div#masthead { background: transparent url(/content/images/br/prod/popups/aa-logo-small.png) 20px 5px no-repeat; }
div#masthead p, div#footer p { margin-top: 0; line-height: 40px;}
div#masthead p a, div#footer p a { font-weight: bold;}


div#businessExtrAA, div#refunds, div#cargaAA, div#reservaVoos, div#milhagem, div#servicioCliente, div#bagagem, div#serviciosWeb, div#lojas, div#tripInsurance, div#aaVacations, div#electronicInvoice { padding-left: 53px;} 
div#businessExtrAA { background:#fff url(/content/images/br/prod/popups/popup-businessExtrAA.jpg) left center no-repeat;}
div#cargaAA { background:#fff url(/content/images/br/prod/popups/popup-carga.jpg) left center no-repeat;}
div#milhagem { background:#fff url(/content/images/br/prod/popups/popup-premiosMilhagem.jpg) left center no-repeat;}
div#bagagem { background:#fff url(/content/images/br/prod/popups/popup-bagagem.jpg) left center no-repeat;}
div#lojas { background:#fff url(/content/images/br/prod/popups/popup-lojas.jpg) left center no-repeat;}
div#refunds { background:#fff url(/content/images/br/prod/popups/popup-refunds.jpg) left center no-repeat;}
div#reservaVoos { background:#fff url(/content/images/br/prod/popups/popup-reservasVoos.jpg) left center no-repeat;}
div#servicioCliente { background:#fff url(/content/images/br/prod/popups/popup-servicosCliente.jpg) left center no-repeat;}
div#serviciosWeb { background:#fff url(/content/images/br/prod/popups/popup-servicosWeb.jpg) left center no-repeat;}
div#tripInsurance { background:#fff url(/content/images/br/prod/popups/popup-tripInsurance.jpg) left center no-repeat;}
div#aaVacations { background:#fff url(/content/images/br/prod/popups/popup-aaVacations.jpg) left center no-repeat;}
div#electronicInvoice { background:#fff url(/content/images/br/prod/popups/popup-electronicInvoice.jpg) left center no-repeat;}


/* Close Button
-------------------------------------------------------*/

a.aa-close {
  display:inline-block;
  position:absolute;
  background: #C00 url(/content/images/br/prod/popups/popup-close_button.gif) 0 -16px no-repeat;
  top:12px;
  right:12px;
  width:15px;
  height:15px;
  border:1px solid #c4c4c4;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
a:hover.aa-close {
  background-position:0 0;
  border:1px solid #9e000c;
}


/* Content details
------------------------------------------------------------ */

#details #content #TermsDetails {
	width: 320px;
}
#details #content #TermsDetails caption {
	background-color: #036;
	color: #fff;
	font: normal small-caps bold 14px/18px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	text-align: left;
}
#details #content #TermsDetails td {
	border-bottom: 1px solid #E1E6F0;
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
}

#details #content #TermsDetails td {
	border: 1px solid #E1E6F0;
	font: normal 10px Arial, Helvetica, sans-serif;
}

#details #content #TermsDetails td span {
	font-size: 14px;
	font-weight: bold;
}

#details #content { margin: 0 auto 0; overflow: auto; width: 320px;}


/* Content conditions
------------------------------------------------------------ */

#conditions #content #TermsDetails {
	width: 550px;
}
#conditions #content #TermsDetails caption {
	background-color: #036;
	color: #fff;
	font: normal small-caps bold 14px/18px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	text-align: left;
}
#conditions #content #TermsDetails th, #conditions #content #TermsDetails td {
	border-bottom: 1px solid #E1E6F0;
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
}
#conditions #content #TermsDetails th {
	background-color: #EEF0F7;
	font: normal normal bold 11px/18px Arial, Helvetica, sans-serif;
	width: 150px;
}
#conditions #content #TermsDetails td {
	border-right: 1px solid #E1E6F0;
	font: normal 10px Arial, Helvetica, sans-serif;
}
#conditions #content #TermsDetails th span {
	display: block;
	font-size: 9px;
}
#conditions #content #TermsDetails td span {
	font-size: 14px;
	font-weight: bold;
}

#conditions #content { margin: 0 auto 0; overflow: auto; width: 550px;}


/* Content faqs
------------------------------------------------------------ */

#faqs {
	width: 500px;
}

#faqs #content #TermsDetails caption {
	background-color: #036;
	color: #fff;
	font: normal small-caps bold 14px/18px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	text-align: left;
	}

#faqs #content #TermsDetails th, #faqs #content #TermsDetails td {
	border-bottom: 1px solid #E1E6F0;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}
#faqs #content #TermsDetails th {
	background-color: #EEF0F7;
	font: normal normal bold 11px/18px Arial, Helvetica, sans-serif;
	width: 150px;
}
#faqs #content #TermsDetails td {
	border-right: 1px solid #E1E6F0;
	font: normal 10px Arial, Helvetica, sans-serif;
}
#faqs #content #TermsDetails th span {
	display: block;
	font-size: 9px;
}
#faqs #content #TermsDetails td span {
	font-size: 14px;
	font-weight: bold;
}