html,body{
      margin:5px;
      padding:0;
      height:100%;
      width: 100%;
      border:none;
   }

.hst_bank_table 
{
	width: 75%;
	height: 20px;
	border-style: solid;
	border-width: 1px;
    border-color: #303030;
	padding: 0px;
	margin: 0px;
	background-color: #F0F0F0;
	overflow: hidden;
}

 .hst_bank_image 
{	
	border-style: solid;
	border-width: 1px;
    border-color: #303030;	
}
 
.hst_bank_header_table
{
	width: 100%;
	height: 20px;
	border: none;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	overflow: hidden;
}

.hst_bank_header_font
{
    font-size: 36px;
	font-weight: bold;
    color: #757575;
    font-family: Tahoma;
    height: 32px;
}


.hst_bank_footer_table
{
	width: 100%;
	height: 20px;
	border: none;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	overflow: hidden;
}

.hst_bank_footer_font
{
    font-size: 11px;
    font-weight: bold;
    color: #CCCCCC;
    font-family: Tahoma;
    height: 43px;
}

.hst_bank_body_table
{
    width: 100%;
	height: 100px;
	border: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.hst_bank_body_1_font
{
    font-size: 16px;
	font-weight: bold;
    color: #363636;
    font-family: Tahoma;
    height: 25px;
}

.hst_bank_body_2_font
{
    font-size: 11px;
    color: #363636;
    font-family: Tahoma;
    height: 25px;
}

.hst_bank_body_transaction_table
{
	width: 100%;
	height: 30px;
	border: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.hst_bank_body_transaction_1_font
{
    font-size: 11px;
    color: #363636;
    font-family: Tahoma;
    height: 13px;
}

.hst_bank_body_transaction_2_font
{
    font-size: 11px;
	font-weight: bold;
    color: #363636;
    font-family: Tahoma;
    height: 16px;
}

.hst_bank_body_title_font
{
    font-size: 12px;
	font-weight: bold;
    color: #363636;
    font-family: Tahoma;
    height: 25px;
}


.hst_bank_button
{
	BORDER-RIGHT: #101010 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	FONT: normal 11px Tahoma;
	BORDER-LEFT: #aaaaaa 1px solid;
	text-decoration: none;
	text-align: center;
	COLOR: #000000;
	BORDER-BOTTOM: #101010 1px solid;
	BACKGROUND-COLOR: #EFB445;
	width: 90px;
	height: 20px;
	cursor:pointer;
	cursor:hand;
}



.hst_product_table
{
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
	height: 20px;
	padding: 2px;
	margin: 0px;
	background-color: #F0F0F0;
	overflow: hidden;
}

.hst_product_table_title
{	
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
	padding: 2px;
	font-size: 13px;
	font-weight: bold;
    color: #363636;
    font-family: Tahoma;
    height: 18px;
}

.hst_product_table_title_no_border
{	
	border: 0px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
	padding: 2px;
	font-size: 13px;
	font-weight: bold;
    color: #363636;
    font-family: Tahoma;
    height: 18px;
}


.hst_product_table_normal
{	
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
	padding: 2px;
	font-size: 13px;
    color: #363636;
    font-family: Tahoma;
    height: 18px;
}


.hst_product_table_normal_no_border
{	
	border: 0px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
	padding: 2px;
	font-size: 13px;
    color: #363636;
    font-family: Tahoma;
    height: 18px;
}






TD.separator1
{
    height: 1px;
}
TD.separator5
{
    height: 5px;
}
TD.separator10
{
    height: 10px;
}

TD.separatorBlue5
{
    background: url( '../../images/separator_blue.gif' ) repeat-x top;

}
TD.separatorBlue10
{
    background: url( '../../images/separator_blue.gif' ) repeat-x center;
    height: 10px;
}

div#main
{
    background: #CECFCE;
    height: 545px;
    margin: 0px;
    padding: 0px;
}

TD.header
{
    background: #B50021;
}

.bt {
	background-color:#B50021;
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana;
	border:#60b7ff 1px solid;
	font-weight: bold;
}

TD.headerTitle
{
    color: #000000;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    font-weight: bold;
    margin: 0px;
    padding: 0 0 0 5px;
    text-align: left;
}

TD.headerCurve
{
    background: url('../../images/background/back_curve.gif' ) no-repeat right;
}

div#tab
{
    background: url(../../images/tab_back.gif) repeat-x bottom;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

div#tab ul
{
    float: left;
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0px;
}
div#tab ul li
{
    display: inline;
    margin: 0px;
    padding: 0px;
}

div#tab span
{
    color: #AAAAAA;
    float: left;
    font-size: 10px;
    font-family: Verdana, Arial, Tahoma, "MS Sans Serif" , Geneva, sans-serif;
    height: 22px;
    line-height: 21px;
    text-decoration: none;
    text-align: center;
    width: 98px;
}

div#tab a
{
    color: #363636;
    float: left;
    font-size: 10px;
    font-family: Verdana, Arial, Tahoma, "MS Sans Serif" , Geneva, sans-serif;
    height: 22px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    width: 98px;
}

div#tab a.select
{
    background: url(../../images/tab.gif) no-repeat;
    font-weight: bold;
}

div#tab a:hover
{
    /*color: #3333CC;*/
}

div#divAction
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 18px;
    background: #EBF4FC;
}

div#content
{
    background: #EFEFEF;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

div#contentBorder
{
    background: #FFFFFF;
    margin: 10px;
    padding: 0px;
    border: #A3AAB0 1px solid;
}

.contentTitle
{
	border: #000000 1px solid;
}

.contentSubTitle
{
    font-weight: bold;
    font-size: 11px;
    color: #363636;
    font-family: Tahoma;
    height: 20px;
}

.button
{
    border-right: #000000 1px solid;
    border-top: #CECFCE 1px solid;
    background: #EFEFEF;
    text-decoration: none;
    font-family: Tahoma, Verdana, Arial;
    font-size: 13px;
    font-weight: normal;
    width: 90px;
}

.button2
{
    border-right: #B50021 1px solid;
    border-top: #CECFCE 1px solid;
    background: #EFEFEF;
    border-left: #CECFCE 1px solid;
    border-bottom: #B50021 1px solid;
    text-decoration: none;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    width: 145px;
}

.contentLabel1
{
    font-size: 16px;
    color: #363636;
    font-family: Tahoma, Verdana, Arial;
}

.contentLabel2
{
    font-size: 13px;
    font-weight: bold;
    color: #363636;
    font-family: Tahoma, Verdana, Arial;
}

.contentLabel3
{
    font-size: 10px;
    color: #666666;
    font-family: Tahoma, Verdana, Arial;
}

div#action
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    background: #EBF4FC;
}

div#search, div#info {
    margin: 10px;
    padding: 0px;
}

div#info {
    background: url(../../images/background/back_search.jpg) no-repeat right bottom;
}

div#divGridHeader
{
    overflow: hidden;
}

div#divGridHeader TD
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    color: #515151;
    height: 24px;
    background-color: #DBEAF5;
    border-bottom: solid 1px #676767;
}

div#divGridBody
{
    overflow: scroll;
    scrollbar-face-color: #EFEFEF;
    scrollbar-3dlight-color: #ECECEC;
    scrollbar-darkshadow-color: #ECECEC;
    scrollbar-track-color: #f9f9f9;
}

div#divGridAction
{
    width: 100%;
    height: 22px;
    padding-top: 3px;
    text-align: center;
    background-color: #CECFCE;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #7E7E7E;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

div#divAction
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 21px;
    background: #ECECEC;
}


div#divContentBorderList
{
    border: solid 1px #ECECEC;
    background: #FFFFFF;
    margin: 10px;
    padding: 0px;
    width: 720px;
    height: 430px;
}

div#divGridCaption
{
    margin: 1px;
    text-align: right;
    height: 22px;
    line-height: 22px;
    background-color: #CECFCE;
    padding-right: 4px;
    font-family: Verdana, Arial, Tahoma;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.message
{
    font-size: 11px;
    color: #FF5353;
    font-family: Tahoma;
}


.cor, .cor1, .cor2, .cor3, .cor4, .cor5, .cor6, .cor7, .cor8 {
	width:20px;
	height:20px;
	border:#AAAAAA 1px solid;
}

.cor1{
	background-color:#FF00FF;
}

.cor2{
	background-color:#fcd3d3;
}

.cor3{
	background-color:#FF668C;
}

.cor4{
	background-color:#FFA443;
}

.cor5{
	background-color:#FFF443;
}

.cor6{
	background-color:#8080FF;
}
.cor7{
	background-color:#40FF40;
}

.cor8{
	background-color:#40FFFF;
}

.process
{
    font-weight: bold;
    font-size: 16px;
    font-family: Tahoma;
    height: 30px;
}

.formField{
	border:#777777 1px solid;
	font-size:11;
	font-family:verdana;
}

div#contentBorder2
{
    background-color: #FFFFFF;
    margin: 10px;
    padding: 0px;
    border: #A3AAB0 1px solid;
    width:740px;
}

.divGridAction2
{
    width: 746px;;
    height: 22px;
    padding-top: 3px;
    text-align: center;
    background-color: #CECFCE;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #7E7E7E;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}


.disponible {
	width:100%;
	height:100%;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.extrato{
	background-color:#EEEEEE;
	border:#BBBBBB 1px solid;
}

.link{cursor: pointer;}

#overlay {
     visibility: hidden;
    
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#overlay div {
     width:410px;
     height:400px;
     margin: 10px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}





.hst_app_tabela_celular_header 
{
	width: 400px;
	border-style: solid;
	border-width: 1px;
    border-color: #303030;
	padding: 0px;
	margin: 0px;
	background-color: #F0F0F0;
	overflow: hidden;
}


.hst_app_tabela_celular_conteudo
{
	width: 100%;
	min-height: 500px;
	background-color: #FFFFFF;
}

.hst_app_tabela_celular_conteudo_iframe
{
	width: 100%;
	min-height: 500px;
	background-color: #FFFFFF;
	border:none;
}

.hst_app_header_font
{
    font-size: 20px;
	font-weight: bold;
    color: #757575;
    font-family: Tahoma;
    height: 32px;
}

.hst_app_cancel_font
{
    font-size: 10px;
	font-weight: bold;
    color: #757575;
    font-family: Tahoma;
	text-decoration: none;
}

a.hst_app_cancel_font
{
    font-size: 10px;
	font-weight: bold;
    color: #757575;
    font-family: Tahoma;
	text-decoration: none;
}

.hst_app_tabela_celular_interna
{
	width: 100%;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.hst_app_tabela_div
{
	display: none;
    font-size: 11px;
    color: #000000;
    font-family: Tahoma;
	text-decoration: none;
}

.hst_app_tabela_title_font
{
    font-size: 16px;
	font-weight: bold;
    color: #000000;
    font-family: Tahoma;
	text-decoration: none;
}

.hst_app_tabela_content_font
{
    font-size: 13px;
    color: #000000;
    font-family: Tahoma;
	text-decoration: none;
}

.hst_app_tabela_separator
{
    font-size: 6px;
    color: #000000;
    font-family: Tahoma;
	text-decoration: none;
}