﻿/* ----------------------------------------------------------------------------
   RESET
----------------------------------------------------------------------------- */
html, body, td { color: #83e3ff; font-size: 11px !important; font-family: Arial, FreeSans, Sans-Serif !important; padding: 0px; margin: 0px; }
html, body { height: 100%; }
body { }
a:link, a:visited { color: #fff; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #83e3ff; }
a:focus { outline: 1px dotted invert; }
hr { border: 0px #ccc solid; border-top-width: 1px; clear:both; height:0 }
h1,h2,h3,h4,h5,h6 { margin: 0px auto; }
h2 { font-size: 11px; font-weight: bold; color: #fff; margin-bottom: 5px; }
p,dl,hr,ol,ul,pre,address,fieldset { margin-bottom: 10px; }
td { vertical-align: top; padding: 1px 0px 1px 0px; text-align: left; }
input[type="text"], textarea, select { font-family: Arial, FreeSans, Sans-Serif; font-size: 11px; font-weight: bold; border: solid 1px #d0d0d0; background-color: #62cae9; color: #fff; }

#wrapper { width: 320px; height: 356px; background: url(../img/bgIP.png) no-repeat; }
#header { width: 320px; height: 24px; }
#contentWrapper { width: 320px; height: 336px; }
#loader { padding: 50px 20px 20px 15px; display: block; text-align: center; }
#loader { font-size: 13px; text-transform: uppercase; letter-spacing: -0.09em; font-weight: bold; color: #fff; }
#content { height: 306px; padding: 20px 20px 10px 15px; display: none; text-align: center; }
#tabs { padding-left: 110px; padding-top: 11px; height: 26px; }
#tabs ul li { width: 50px; height: 26px; background: url(../img/tabsIP.png) no-repeat -50px -50px; float: left; margin-right: 2px; }
#tabs ul li div { width: 50px; height: 26px; background: url(../img/tabsIP.png) no-repeat; cursor: hand; cursor: pointer; }
#tabs ul .selected { background-position: 0px -52px; }
#tabs ul li div.tab1 { background-position: 0px -26px !important; }
#tabs ul li div.tab2 { background-position: -50px -26px !important; }
#tabs ul li div.tab3 { background-position: -100px -26px !important; }
#tabs ul li div.tab4 { background-position: -150px -26px !important; }
#tabs ul li div.tab1Selected { background-position: 0px -0px; }
#tabs ul li div.tab2Selected { background-position: -50px -0px; }
#tabs ul li div.tab3Selected { background-position: -100px -0px; }
#tabs ul li div.tab4Selected { background-position: -150px -0px; }


#dataWrapper { width: 256px; height: 200px; margin: 15px auto; text-align: center !important; background-repeat: no-repeat; }
#data { width: 220px; margin: 0px auto; text-align: center !important; }
#produto { width: 220px; margin: 0px 2px 0px 2px; }
#tdProduto { height: 115px; }
#montante { width: 108px; margin: 0px 2px 0px 2px; background-image: url(../img/bgMont.gif); background-position: right; background-repeat: no-repeat; padding-right: 15px; }
#prazo { width: 91px; margin: 0px 2px 0px 2px; }
#tipoVeiculo { display: none; }
#anoVeiculo { display: none; }
#aVeiculo, #tVeiculo { width: 107px; margin: 0px 2px 0px 2px; }
#resultado { font-size: 11px; font-family: Verdana; font-weight: bold; color: #fff; text-align: center; margin: auto auto auto 5px; }
#mensalidade { color: #fff; padding-top: 10px; display: none; font-weight: bold; font-family: Tahoma; font-size: 11px; }
#mensalidade .label { color: #fcdf96; }
#taeg { margin: 5px 0px 5px 0px; }
#botoes { height: 48px; text-align: center; vertical-align: bottom !important; }
#calcular { display: block; text-align: center;padding: 10px 20px 15px 20px; }
#recalcular { padding-top: 20px; display: none; text-align: center; padding: 30px 20px 15px 40px; }
.scrollContent { height: 285px; margin: 10px 5px 10px 10px; text-align: left; overflow: auto; }
#list { display: block; }
#contenLoader { display: none; }
#description { display: none; }
ul.list li { line-height: 1.5em; }
