html {
	background-color: #F0F0F0;
}

body {
	color: black;
	background-color: #F0F0F0;
	margin: 0;
	padding: 0;
}

body,table,th,tr,td,form,fieldset,input,select,textarea { /* eh assim, pro IE parar de ser tonto... */
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8.5pt; 
}

#sidebar div.ad {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

object {
	margin: 0;
	padding: 0;
	border: none;
}

#header {
	color: #274E90;
	background-color: #8CAAE6;
}

#header h1 {
	font-size: 337%;
	font-weight: normal;
	margin: 0 0 0 4mm;
	padding: 0.25ex 0;
	display: inline;
}

#header h1 i {
	color: #FDA05B;
}

#header h3 {
	font-weight: normal;
	margin: 0 0 0 4mm;
	vertical-align: baseline;
	display: inline;
}

#loginbar {
	font-size: 91%;
	color: #274E90;	
}
	
#loginbar a {
	color: #274E90;
	text-decoration: none;
	margin: 0;
	padding: 0 0.5ex 0 0.25ex;
	text-decoration: none;
}

#loginbar a:hover {
	text-decoration: underline;
}

#header div.menubar {
	color: white;
	background-color: #003399;
	margin: 0;
	padding: 1ex 1ex 1ex 1.5mm;
}

#header div.menubar a {
	color: white;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0 0.75ex 0 0.5ex;
}

#header div.menubar a:hover {
	text-decoration: underline;
}

#header div.menubar a.active {
	color: #FDA05B;
	background-color: transparent;
}

#sidebar {
	width: 15em;
	border-right: 1px solid #999999;
}

#sidebar div {
	border-bottom: 1px solid #999999;
}

#sidebar ul {
	list-style-type: none;
	list-style-position: outside;
	margin-top: 1em;
	margin-left: 1em;
	padding: 0 0 0 0;
}

#sidebar ul a {
	text-decoration: none;
}

#sidebar li {
	margin: 0;
	margin-bottom: 4px;
}

#locationbar {
	padding: 1px;
	padding-left: 5px;
	border-bottom: 1px solid #999999;
	background-color: #F0F0F0;
}

#contentwrap {
	color: black;
	background-color: white;
	border-bottom: 1px solid #999999;
}

#content {
	text-align: justify;
	padding: 0px;
	margin: 1em;
	height: 1%;
}

#content a,a:hover,a:visited,a:active,a:link {
	color: #0066CC;
	background-color: transparent;
	text-decoration: none;
}

#content h1 {
	color: white;
	background-color: #6487DC;
	font-size: 160%;
	font-weight: bold;
	padding: 0.5ex 0 0.5ex 1ex;
}

#content h2 {
	color: white;
	background-color: #6487DC;
	font-size: 110%;
	font-weight: bold;
	padding: 0.5ex 0 0.5ex 1ex;
}

form {
	border: 1px solid #999999;
	border-spacing: 0;
}

form fieldset {
	border: 1px solid #999999;
	background-color: #F0F0F0;
}

form h2 {
	border: 1px solid #999999;
	margin: 0px;
}

form div {
	border: 1px solid #999999;
	margin: 0px;
}

a.efin i {
	color: #FDA05B;
}

div#inicio {
	background-color: white;
	float: right;
	padding-left: 2ex;
	padding-bottom: 2ex;
}

div#inicio div.reg {
	border: 2px solid #999999;
	background-color: #F0F0F0;
	text-align: center;
	line-height: 20px;
	padding: 5px;
}

div#seguro {
	background: url(ini/cadeado.png);
	background-position: 25px 0px;
	background-repeat: no-repeat;
	padding-left: 88px;
	padding-bottom: 15px;
}

div#sugestao {
	background: url(ini/sugestoes.png);
	background-position: 25px 0px;
	background-repeat: no-repeat;
	padding-left: 88px;
	padding-bottom: 15px;
}

div#ajuda {
	background: url(ini/ajuda.png);
	background-position: 25px 0px;
	background-repeat: no-repeat;
	padding-left: 88px;
	padding-bottom: 15px;
}

div#online {
	background: url(ini/internet.png);
	background-position: 25px 0px;
	background-repeat: no-repeat;
	padding-left: 88px;
	padding-bottom: 15px;
}

div#usuarios {
	background: url(ini/usuarios.png);
	background-position: 25px 0px;
	background-repeat: no-repeat;
	padding-left: 88px;
	padding-bottom: 15px;
}

div#tour {
	background: url(ini/tour.png);
	background-position: 25px 0px;
	background-repeat: no-repeat;
	padding-left: 88px;
	padding-bottom: 15px;
}

table.contas {
	border: 2px solid #BBBBBB;
}

table.contas th {
	border-bottom: 1px solid #BBBBBB;
}

table.movimentos {
	border-right: 1px solid rgb(153, 153, 153);
}

table.movimentos td.sep {
	border-top: 1px solid rgb(153, 153, 153);
}

table.movimentos td.saldo {
	background-color: rgb(153, 153, 153);
	color: white;
	border-bottom: 1px solid rgb(153, 153, 153);
}

table.movimentos td.data {
	border-right: 1px solid rgb(153, 153, 153);
	text-align: center;
}

table.movimentos td.data sup {
	border: 1px solid rgb(153, 153, 153);
	border-bottom: none;
	width: 32px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: rgb(100, 135, 220);
	color: white;
	line-height: 9px;
}

table.movimentos td.data big {
	border: 1px solid rgb(153, 153, 153);
	width: 32px;
	margin: 0px;
	margin-right: 3px;
	padding: 0px;
	display: block;
	background-color: white;
	font-weight: bold;
}

.credito {
	color: #00DD00;
	font-weight: bold;
	text-align: right;
}

.debito {
	color: #DD0000;
	font-weight: bold;
	text-align: right;
}

ul.listview {
	padding: 0em;
}

ul.listview li {
	list-style: none;
}

dl.listview {width: 30em;}
dl.listview dt a {font-weight: normal;}
dl.listview dd {margin-bottom: 1em; margin-left: 32px;}
dl.listview dd dl {margin-top: 0.5em; margin-bottom: 0px;}
dl.listview dd dl dt {margin-top: 0.5em;}
dl.listview dd dl dd {margin-bottom: 0px;}

div.autocomplete {cursor: pointer; background: #eee; border: 2px solid #999;}
div.autocomplete {position: absolute;}
div.autocomplete div {border: none; padding-right: 2px;padding-left: 2px;}
div.autocomplete div.selected {background-color: rgb(100, 135, 220);color:white;}

#footer {
	color: #999999;
	font-size: 91%;
	margin: 0;
	padding: 1em;
	text-align: center;
}

/* Tabs ******************************************************/

ul.tabs {
	list-style:none;
	margin: 0 0 5px 0;
	padding: 0;
	clear: both;
	border-bottom: 2px solid #6487DC;
	height: 20px;
	clear: both;
}

ul.tabs li {
	float: left;
	margin: 0px;
	margin-right: 6px;
}

ul.tabs li a {
	display: block;
	height: 18px;
	padding: 2px 6px 0 6px;
	margin: 0px;
	background-color: #F0F0F0 !important;
	color: black !important;
}

ul.tabs li a img {
	vertical-align: bottom;
	margin-right: 2px;
}

ul.tabs li a:hover {
	color: #0066CC !important;
}

ul.tabs li a.active {
	background-color: #6487DC !important;
	color: white !important;
}

/* Contextual Help ********************************************/

span.contextual_help {display: inline; cursor: pointer; border: none; margin: 0; text-align: left;}
span.contextual_help img {margin: 0; padding: 0;}
span.contextual_help span {
	border: 2px solid #999999;
	background-color: #F0E9A5;
	position: absolute;
	z-index: 7;
	width: 200px;
	margin: 0;
	font-size: 8.5pt;
}
span.contextual_help span big {
	display: block;
	margin: 0;
	font-weight: bold;
	background-image: url(res/help.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	border-bottom: 2px solid #999999;
	font-size: 8.5pt;
	height: 16px;
}
span.contextual_help span small {display: block; padding: 4px;margin: 0; font-style: normal; font-size: 8.5pt;}