body{
    background-repeat:repeat-x;
    background-position:top; 
    background-color: #f2f2f2;
    font-family: sans-serif;
    padding: 0;
    margin: 0;
    top:0;
    color:#606060;
}

a img{
	border:0;
}
#base {
    margin: 0px auto;
    width: 970px;
    height: auto;
    display: block;
    position: relative;
}

#topo {	/*background-color:#303; */	position: relative; height:142px;}

#logo {width:138px; height:105px; float:left; margin-top:21px;}



#novotopo{
	position: relative;
	height:105px;
	font-family: Arial, Helvetica, sans-serif;
}
#novotopo #left{
	position: relative;
	width:300px;
	height:105px;
	float:left;
}
#novotopo #left img{
	margin:24px 0 0 0;
}
#novotopo #right{
	position: relative;
	width:670px;
	height:105px;
	float:right;
}
#novotopo #right #novosuporte{
	position: relative;
	height:50px;
	width:670px;
	float:right;
}




.logout{
    float:right;
    background-color:#00a7cf;
    color:#FFF;
    margin:12px 0 0 0;
    height:15px;
    padding:6px 10px 4px 10px;
    text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.logout:hover{
    background-color:#666;
    color:#FFF;
    text-decoration:none;
}






#novotopo #right #novosuporte #remoto{
	position: relative;
	height:25px;
	width:25px;
	float: right;
	margin:12px 0 0 15px;
	background-color:#666;
	background-image:url(../images/assist.png);
	background-position: right center;
	background-repeat:no-repeat;
	background-size:23px 23px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#novotopo #right #novosuporte #remoto:hover{
	background-color:#00a7cf;
}


#novotopo #right #novosuporte #contacto{
	position: relative;
	height:25px;
	width:25px;
	margin:12px 0 0 15px;
	float: right;
	background-color:#666;
	background-image:url(../images/contacto.png);
	background-position: right center;
	background-repeat:no-repeat;
	background-size:23px 23px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#novotopo #right #novosuporte #contacto:hover{
	background-color:#00aedb;
}

#novotopo #right #novosuporte #facebook{
	position: relative;
	height:25px;
	width:25px;
	float: right;
	margin:12px 0 0 15px;
	background-color:#666;
    background-image: url(../Images/contacto1.png);
	background-position: right center;
	background-repeat:no-repeat;
	background-size:23px 23px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#novotopo #right #novosuporte #facebook:hover{
	background-color:#00a7cf;
}





#novotopo #right #novomenu ul.menu{
	float: right;
	position:relative;
	list-style:none;
	margin:26px 0 0 0;
	padding:0;
}

ul.menu li{
	margin:0 0 0 5px;
	font-size:15px;
	line-height:1.1;
	display: inline-block;
	color:#666;
	padding:0 12px 10px 12px;
	transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: border 0.3s;
	-webkit-transition: border 0.3s;
}
ul.menu li span{
	margin:0 0 0 18px;
	position:relative;
	font-size:11px;
	color:#00aedb;
}
ul.menu li:hover{
	color:#666666;
}
ul.menu li.ativo{
	border-bottom:1px #00aedb solid;
}
ul.menu li a.ativo{
	font-weight:bold;
	color:#00aedb;
}
ul.menu li a{
	text-decoration:none;
	color:#666666;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
ul.menu li a:hover{
	text-decoration:none;
	color:#00aedb;
}


ul.menu ul {position:absolute; top:29px; background:#FFFFFF; border-top:1px solid #ccc; border-left:1px solid #ccc; display:none;  opacity:0; list-style:none; z-index:99; margin:0px; padding:0;}
ul.menu ul li {font-size: 12px; position:relative; border-top:none; margin:0; padding:0 0 0 4px; display: list-item; word-wrap:normal; line-height:1.2}
ul.menu ul li a {display:block; padding:12px 12px 12px 5px; color:#444;  line-height:1.2}
ul.menu ul li a:hover { color:#00aedb; }

ul.menu ul ul li a {display:block; padding:9px 9px 9px 5px; color:#444;}

ul.menu ul ul {position:absolute; left:90%; z-index:999; border:1px solid #ccc; top:-1px; list-style:none; }
ul.menu ul ul ul {position:absolute; left:85%; z-index:999; border:1px solid #ccc; top:-1px; list-style:none; }
ul.menu ul ul ul ul {position:absolute; left:85%; z-index:999 ; border:1px solid #ccc; top:-1px; list-style:none; }


ul.menu .topline {width:126px}
ul.menu ul .topline {width:126px}
ul.menu .topline2 { background:#FFF; padding:5px; content:'>'; width:150px; border-left:#ccc 1px solid; margin-left:200px; z-index:99999;  }



ul.menu .sub:before {padding:5px 5px 5px 0; content:'>'; height:20px; color:#666666;}
ul.menu .sub {padding:12px 12px 12px 5px;  z-index:9999;}



#banner{
    position: relative;
    width: 100%;
    height: 250px;
    overflow: visible !important;
}
#banner-imagem{
    position: absolute;
    width: 2000px;
    margin: 0 0 0 -1000px;
    left: 50%;
    height: 250px;
    background-image: url(../Images/banner.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}


#conteudo{
    position: relative;
    display: block;
    width: 50%;
    margin: 20px auto;
}
.login{
    display: block;
    font-size: 36px;
    padding-bottom: 30px;
    padding-top: 5px;
    text-align: center;
}
.texto{
    background-image: url(../Images/fechadura_login.png);
    background-position: right 50%;
    background-repeat: no-repeat;
    padding: 0 45px 0 0;
}



.ptid_input{
    border-radius: 8px / 20px;
    height: auto;
    padding: 8px 12px !important;
    box-shadow: inset 1px 1px 3px 0px rgba(190,203,175,.7);
    display: block;
    font-size: 16px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.ad_bot_round_1{
    float: left;
    width: 175px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-family: Calibri, 'Calibri W01', Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 16px;
    padding: 2px 12px 8px 12px;
    display: block;
    border-radius: 8px / 20px;
    border: 0;
    height: 25px;
    /*background: #097f95;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#52b8cb),color-stop(100%,#097f95));
    background-image: -webkit-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -o-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -ms-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-repeat: repeat-x;*/
    text-align:center;
}

.ad_bot_round_1:hover{
    background-position: right -30px;
    text-decoration: none;
}
.dxbButton_Metropolis {
    text-transform: uppercase;
    font-family: Calibri, 'Calibri W01', Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 16px;
    background:none;
    border:0px;
    padding:0 54px;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
    color: #f6f6f6;
    text-decoration: none;
    line-height: 25px;
    background: #097f95;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#52b8cb),color-stop(100%,#097f95));
    background-image: -webkit-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -o-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -ms-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-repeat: repeat-x;
}
.dxbButtonHover_Metropolis{
    background-position: right -30px;
    text-decoration: none;
}
.dxbButton{
    font-family: Calibri, 'Calibri W01', Arial, Helvetica, sans-serif;
    font-size: 16px;
    background:none;
    border:0px !important;
    white-space: nowrap;
    font-weight: bold;
    color: #f6f6f6;
    text-decoration: none;
    line-height: 25px;
    /*background: #097f95;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#52b8cb),color-stop(100%,#097f95));
    background-image: -webkit-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -o-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -ms-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-repeat: repeat-x;*/
    border-radius: 8px / 20px;
}
.dxbButtonHover{
    background-position: right -30px;
    text-decoration: none;
    color: #f6f6f6 !important;
}

.dxb{

    font-family: Calibri, 'Calibri W01', Arial, Helvetica, sans-serif;
    font-size: 16px;
    background:none;
    border:0px !important;
    white-space: nowrap;
    font-weight: bold;
    color: #f6f6f6;
    text-decoration: none;
    line-height: 25px;
    background: #097f95;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#52b8cb),color-stop(100%,#097f95));
    background-image: -webkit-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -o-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -ms-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-repeat: repeat-x;
    border-radius: 8px / 20px;
}
.dxb:hover{
    background-position: right -30px;
    text-decoration: none;
    color: #f6f6f6;
}


.botoesxpto {
    font-family: Calibri, 'Calibri W01', Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 16px;
    padding: 5px 0;
    display: block;
    border-radius: 8px / 20px;
    border: 0;
    height: 22px;
    background: #097f95;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#52b8cb),color-stop(100%,#097f95));
    background-image: -webkit-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -o-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: -ms-linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-image: linear-gradient(top,#52b8cb 0,#097f95 100%);
    background-repeat: repeat-x;
    text-transform:none;
}



.or{
    float: left;
    width: 13%;
    text-align: center;
    margin: 10px 0 0 0;
}

.ad_bot_round_2{
    float: left;
    width: 175px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'Calibri W01', Calibri, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 16px;
    padding: 6px 12px 6px 12px;
    display: block;
    border-radius: 8px / 20px;
    border: 0;
    /* width: 100px; */
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
    color: #f6f6f6;
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    background: #000000;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#939393),to(#000000));
    background-image: -webkit-linear-gradient(top,#939393,0%,#494949,100%);
    background-image: -moz-linear-gradient(top,#939393 0,#494949 100%);
    background-image: linear-gradient(to bottom,#939393 0,#494949 100%);
    background-repeat: repeat-x;
}
.ad_bot_round_2:hover{
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#6e6e6e),to(#828282));
    background-image: -webkit-linear-gradient(top,#6e6e6e,0%,#828282,100%);
    background-image: -moz-linear-gradient(top,#6e6e6e 0,#828282 100%);
    background-image: linear-gradient(to bottom,#6e6e6e 0,#828282 100%);
}



/*rodape */
#rodape {
    position:relative;
    float: left;
    border-top:1px solid rgba(155, 155, 155, 0.298);
    background-repeat:repeat-x;
    height:120px;
    width: 100%;
    margin-top: 20px;
    padding-top:10px;
}

#rodabarra{ margin: 0px auto;	width: 970px; }
#rodacreditos { float:left; margin:1px 0 0 0px; width:365px; }
.creditos {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#494949;}

#rodalogo { float:right; background-image:url(../Images/logo_certificacao.jpg); background-repeat:no-repeat; margin:1px 0 0 0px; width:280px; height:76px;}


/* page elements
----------------------------------------------------------*/


/*  Botão Beanywhere */

#bts2 {float:right; width:156px; height:96px; margin-top:23px;}
#bts2_sup { padding:0px; margin:0px; list-style: none; width: 156px; height:96px; } 
#bts2_sup  li {float: left; display:inline; } 
#bts2_sup  li a {display: block; background-image:url(../Images/suporte.png); background-repeat:no-repeat; width:156px; height:198px;  text-decoration: none; cursor:pointer; overflow: hidden; text-indent:-999px;  } 

#bts2_sup-suporte a:link { width: 156px; height:24px; background-position:0 0; background-image:url(../Images/suporte.png); background-repeat:no-repeat;}
#bts2_sup-suporte a:hover{ background-position:0px -101px;  width: 156px; height:24px; }
#bts2_sup-suporteactivo { background-position:0px -55px; width: 55px; height:65px; cursor:default; }

#bts_sup-contato a:link { width: 156px; height:25px; background-position:0 -75px; background-image:url(../Images/contacto.png); background-repeat:no-repeat;}
#bts_sup-contato a:hover{ background-position:0px -176px;  width: 156px; height:25px; }
#bts_sup-contatoactivo { background-position:0px -55px; width: 55px; height:65px; cursor:default; }


/* featured */

.vermelho{
    font-size:12px;
    color:red;

}

.toolbar{
    border-radius: 8px 8px 8px 8px;
border: 1px solid rgba(155, 155, 155, 0.298);
padding: 8px 20px;
color: #333333;
font-size: 18px;
font-weight: 600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));

}
.contentGuias{
    width:84% !important;
    border-radius: 8px 8px 8px 8px;
border: 1px solid rgba(155, 155, 155, 0.298);
padding: 4px 10px;
color: #333333;
font-size: 18px;
font-weight: 600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));

}

.contentPendentes{
    width:96% !important;
    border-radius: 8px 8px 8px 8px;
border: 1px solid rgba(155, 155, 155, 0.298);
padding: 4px 10px;
color: #333333;
font-size: 18px;
font-weight: 600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));

}

.clientefundo{

    background: url("../Images/selected-pointer.png") no-repeat 100% 50% transparent!important;

}


.labelheader {
font-size: 16px;
font-weight: bold;
}

.labelDataCliente {
font-size: 14px;
font-weight: bold;
}

.cliente{
margin: 0 20px;
padding: 10px 0;
border: 0px solid #CCCCCC;
border-bottom-width: 0px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.804);
font-size: 16px;
font-weight: bold;

}

.dadoscliente{
    min-height: 36px;
margin: 0 40px;
background: none;
padding: 0 0 6px 0;
border-bottom: 1px solid #CCCCCC;
}

.nomecliente
{
    margin: 0 20px;
padding: 10px 0;
border: 0px solid #CCCCCC;
border-bottom-width: 0px;
font-size: 16px;
font-weight: bold;
}


/* contact */
.contact h3 {
	font-size: 1.2em;
}

.contact p {
	margin: 5px 0 0 10px;
}

.contact iframe {
	border: 1px solid #333;
	margin: 5px 0 0 10px;
}

.article {

	padding: 20px 20px 20px 20px;

}

.featured {
	background-color: #fff;
}

	.featured .content-wrapper {
		background-color: #7ac0da;
		background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
		background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
		background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
		background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
		color: #3e5667;
		padding: 20px 40px 30px 40px;
	}

		.featured hgroup.title h1, .featured hgroup.title h2 {
			color: #fff;
		}

		.featured p {
			font-size: 1.1em;
		}

/* page titles */
hgroup.title {
	margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
	display: inline;
}

hgroup.title h2 {
	font-weight: normal;
	margin-left: 3px;
}

/* features */
section.feature {
	width: 300px;
	float: left;
	padding: 10px;
}

/* ordered list */
ol.round {
	list-style-type: none;
	padding-left: 0;
}

	ol.round li {
		margin: 25px 0;
		padding-left: 45px;
	}

		ol.round li.zero {
			background: url("../Images/orderedList0.png") no-repeat;
		}

		ol.round li.one {
			background: url("../Images/orderedList1.png") no-repeat;
		}

		ol.round li.two {
			background: url("../Images/orderedList2.png") no-repeat;
		}

		ol.round li.three {
			background: url("../Images/orderedList3.png") no-repeat;
		}

		ol.round li.four {
			background: url("../Images/orderedList4.png") no-repeat;
		}

		ol.round li.five {
			background: url("../Images/orderedList5.png") no-repeat;
		}

		ol.round li.six {
			background: url("../Images/orderedList6.png") no-repeat;
		}

		ol.round li.seven {
			background: url("../Images/orderedList7.png") no-repeat;
		}

		ol.round li.eight {
			background: url("../Images/orderedList8.png") no-repeat;
		}

		ol.round li.nine {
			background: url("../Images/orderedList9.png") no-repeat;
		}

.content-wrapper {
	margin: 2px auto;
	max-width: 1140px;
	min-width: 755px;
}

/* Original DEVX */

body
{
    background-repeat:repeat-x;
    background-position:top; 
    background-color: #f2f2f2;
    padding: 0;
    margin: 0;
    top:0;
    color:#606060;
	border: 0 none;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 12px;
}

body.desktop
{
	overflow-y: scroll;
	background: #efeeef;
	
}
body.mobile
{
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}
.green
{
	color: green;
}

.desktop .container
{
	padding-left: 20px;
	padding-right: 20px;
}

header
{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-color: #00A7D4;
	background-image: -o-linear-gradient(left, #00A7D4 45%, #007FAC 73%);
	background-image: -moz-linear-gradient(left, #00A7D4 45%, #007FAC 73%);
	background-image: -webkit-linear-gradient(left, #00A7D4 45%, #007FAC 73%);
	background-image: -ms-linear-gradient(left, #00A7D4 45%, #007FAC 73%);
	color: #FFFFFF;
	font-size: 10px;
	letter-spacing: 0.1em;
}

.desktop header
{
	max-width: 1140px;
	min-width: 755px;
}

header div
{
	padding: 10px 20px;
}


.headercontent
{
	float: left;
	width: 100%;
	margin-right: 0;
}

.desktop .devx-logo{
	margin: 0px;
	padding: 18px 0px 17px 0;
}

.useractions
{
	padding:20px 20px 0 0;
	font-size: 16px;

}

footer
{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	color: #e9e9e9;
	font-size: 12px;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	padding: 20px 0px 25px;
	text-align: center;
	vertical-align: baseline;
}

.desktop footer {
	max-width: 1140px;
	min-width: 755px;
}

.footerNavigation a {
	border-right: 1px solid #BBBBBB;
	color:  #777777;
	font-weight: 700;
	font-size: 12px;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	padding: 2px 8px;
	text-transform: uppercase;
	cursor: pointer;
	
}
.footerNavigation a:last-of-type {
	border-right: 0px none;
}

.footerTrustIcons {
	margin: 10px auto;
}
.footerTrustIcons td {
	padding: 0 15px;
}

.footer {
	background:#e9e9e9;
}

.mainContentContainer
{
	margin: 0 auto;
	width: 100%;

}

.desktop .mainContentContainer
{
	max-width: 1140px;
	min-width: 755px;
}

.leftspacer,
.rightspacer
{
	width: 4.85%;
	float: left;
	min-height: 1px;
}

.leftspacer
{
	margin-right: 3.8%;
}

.rightspacer
{
}

.maincontent
{
	width: 100%;
	float: left;
	padding: 10px 0 0 0;
}

.leftNavbar
{
	width: 29.47%;
	float: left;
}

.leftNavbarSmall
{
	width: 12%;
	float: left;

}

.contentSmall 
{
	width: 86%;
	float: left;
    margin: 10px 0 0 10px;
}

#ctl00_MainContent_pageControl_Page3_Transactions_plMes img{
    width:835px;
}


.content90
{
	width: 90%;
	float: left;
}

.content
{
	width: 69%;
	float: left;
}
.content100{
	width:99%;
	float:left;
	padding-left:10px;
}

.transactions .leftNavbar 
{
	width: 20%;
}

.transactions .content
{
	width: 78.4%;
}

.accountTree.dxtvControl_iOS .dxtv-ndSel
{
	background: url("../Images/selected-pointer.png") repeat-x scroll -10px top transparent!important;
}

.desktop .dxbButton_iOS 
{
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}

/* Calendar */

.desktop .dxeCalendar_iOS,
.desktop .dxeCalendarHeader_iOS,
.desktop .dxeCalendarDay_iOS,
.desktop .dxMonthGridWithWeekNumbers,
.desktop .dxeCalendarDayHeader_iOS,
.desktop .dxeCalendarWeekNumber_iOS,
.desktop .dxeCalendarFastNavYear_iOS,
.desktop .dxeCalendarFastNavMonth_iOS
{
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	color: #333;
}
		
.desktop .dxeCalendarWeekNumber_iOS { font-size: 9px; }
.desktop .dxeCalendarHeader_iOS,
.desktop .dxeCalendarDay_iOS,
.desktop .dxeCalendarDayHeader_iOS,
.desktop .dxeCalendarFastNavYear_iOS,
.desktop .dxeCalendarFastNavMonth_iOS,
.desktop .dxeCalendarButton_iOS .dx
{
	font-size: 11px;
}
		
.desktop .dxeCalendarHeader_iOS { padding: 8px 12px 6px 12px; }
.desktop .dxeCalendarDay_iOS { padding: 2px 5px 3px; }
.desktop td.dxMonthGridWithWeekNumbers { padding: 1px 0px 2px 0px; }
.desktop .dxeCalendarFooter_iOS { padding: 11px 0; }
.desktop .dxeCalendarFastNavMonth_iOS { padding: 6px; }
.desktop .dxeCalendarFastNavYear_iOS { padding: 3px 5px; }
.desktop .dxeCalendarFastNavMonthArea { padding: 0px 9px; }
.desktop .dxeCalendarFastNavYearArea_iOS { padding: 0px 0 0px; }
.desktop .dxeCalendarFastNavFooter_iOS { padding-bottom: 14px; }
.desktop .dxeCalendarFastNav_iOS { padding: 3px 6px 6px; }
.desktop .dxeCalendarButton_iOS .dx  { padding: 5px 0px!important; }
	
.desktop .dxEditors_edtCalendarPrevMonth_iOS,
.desktop .dxEditors_edtCalendarFNPrevYear_iOS,
.desktop .dxEditors_edtCalendarNextMonth_iOS,
.desktop .dxEditors_edtCalendarFNNextYear_iOS,
.desktop .dxEditors_edtCalendarNextYear_iOS,
.desktop .dxEditors_edtCalendarPrevYear_iOS 
{
	background-position: 3px 4px;
}      
.desktop .dxEditors_edtCalendarNextYear_iOS { background-image: url("../Images/double_arrow_right.png"); }
.desktop .dxEditors_edtCalendarPrevYear_iOS { background-image: url("../Images/double_arrow_left.png"); }
.desktop .dxEditors_edtCalendarPrevMonth_iOS,
.desktop .dxEditors_edtCalendarFNPrevYear_iOS
{
	background-image: url("../Images/arrow_left.png");
}
.desktop .dxEditors_edtCalendarNextMonth_iOS,
.desktop .dxEditors_edtCalendarFNNextYear_iOS
{
	background-image: url("../Images/arrow_right.png");
}      
	  
.desktop .dxeCalendarHeader_iOS > table > tbody > tr > td > div 
{
	width: 5px!important;
}
	  
.desktop .dxeCalendarSelected_iOS,
.desktop .dxeCalendarFastNavMonthSelected_iOS, 
.desktop .dxeCalendarFastNavYearSelected_iOS
{
	background: #c6492a url("../Images/pMenuBack.png") repeat-x;
	color: White; 
	text-shadow: none;
}
	  
.desktop  .dxeCalendarFastNavYearArea_iOS > table > tbody > tr > td:first-child,
.desktop .dxeCalendarFastNavYearArea_iOS > table > tbody > tr > td:last-child
{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
		
.desktop .dxeCalendarFastNavMonthArea_iOS table
{
	padding-left: 5px;
	padding-right: 5px;
}
		
.desktop .dxeCalendarButton_iOS,
.desktop .dxeCalendarButton_iOS .dxbebt
{
	width: 60px!important;
} 
		 
.desktop .dxeCalendarButtonPressed_iOS table.dxbebt { background: #c6492a url("../Images/pMenuBack.png") repeat-x; }
		 
.desktop .dxeCalendarWeekend_iOS { color: #C81B1B; }
.desktop .dxeCalendarButton_iOS .dx { color: #F4804B; }
.desktop .dxeCalendarOtherMonth_iOS, .desktop .dxeCalendarWeekNumber_iOS { color: #B5B5B5; }
.desktop .dxeCalendarButton_iOS.dxeCalendarButtonPressed_iOS .dx { color: White; text-shadow: none; }

/* TabControl */
.tabs.dxtcControl
{
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}

.tabs .dxtcTabsCell {
	padding: 0px!important;
}

.tabs .dxtcTab,
.tabs .dxtcTabWithTabPositionLeft,
.tabs .dxtcTabWithTabPositionBottom,
.tabs .dxtcTabWithTabPositionRight,
.tabs .dxtcActiveTab,
.tabs .dxtcActiveTabWithTabPositionBottom,
.tabs .dxtcActiveTabWithTabPositionLeft,
.tabs .dxtcActiveTabWithTabPositionRight
{
	border-radius: 8px 8px 0 0;
	padding: 10px 10px 9px;
	border: 1px solid #CCCCCC;
	border-bottom-width: 0px!important;
	background-color: #FAFAFA;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
}

/*Alterei*/
.tabs .dxtc-Tab,
.tabs .dxtc-TabWithTabPositionLeft,
.tabs .dxtc-TabWithTabPositionBottom,
.tabs .dxtc-TabWithTabPositionRight,
.tabs .dxtc-ActiveTab,
.tabs .dxtc-ActiveTabWithTabPositionBottom,
.tabs .dxtc-ActiveTabWithTabPositionLeft,
.tabs .dxtc-ActiveTabWithTabPositionRight
{
	border-radius: 8px 8px 0 0;
	padding: 10px 10px 9px;
	border: 1px solid #CCCCCC;
	border-bottom-width: 0px!important;
	background-color: #FAFAFA;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
}
/*alterei*/
.dxtcLite .dxtc-stripContainer .dxtc-activeTab
{
    border-radius: 8px 8px 0 0;
	padding: 10px 10px 9px;
	border: 1px solid #CCCCCC;
	border-bottom-width: 0px!important;
	background-color: #FAFAFA;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: #FFFFFF;
	text-transform: uppercase;
	font-weight: 700;

}


/*alterei*/
.dxtcLite .dxtc-stripContainer .dxtc-tab
{
    border-radius: 8px 8px 0 0;
	padding: 10px 10px 9px;
	border: 1px solid #CCCCCC;
	border-bottom-width: 0px!important;
	background-color: #FAFAFA;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    font: 12px Tahoma, Geneva, sans-serif;
    color: black;


}

/* adicionado*/
span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab 
{
    font: 12px Tahoma, Geneva, sans-serif;
    color: #333333;
    font-size: 18px;
    font-weight: 600;

}

.tabs .dxtcActiveTab,
.tabs .dxtcActiveTabWithTabPositionBottom,
.tabs .dxtcActiveTabWithTabPositionLeft,
.tabs .dxtcActiveTabWithTabPositionRight
{
	background: #FFFFFF;
	text-transform: uppercase;
	font-weight: 700;
}


/*alterei*/
.tabs .dxtc-ActiveTab,
.tabs .dxtc-ActiveTabWithTabPositionBottom,
.tabs .dxtc-ActiveTabWithTabPositionLeft,
.tabs .dxtc-ActiveTabWithTabPositionRight
{
	background: #FFFFFF;
	text-transform: uppercase;
	font-weight: 700;
}


.tabs .dxtcPageContent
{
	border-width: 0!important;
	padding: 20px 0px!important;
}

.tabs .dxtcLeftIndentCell,
.tabs .dxtcLeftAlignCell,
.tabs .dxtcRightAlignCell,
.tabs .dxtcRightIndentCell,
.tabs .dxtcActiveTab + td
{
	border-width: 0!important;
}

.tabs .dxtcRightIndentCell {
	padding: 0;
}

/* NavBar */

.navBar.dxnbControl
{
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 11px;
	color: #333333;
}

.navBar .dxnbGroupHeader,
.navBar .dxnbGroupHeaderCollapsed
{
	border-radius: 8px 8px 0 0;
	border: 1px solid rgba(155, 155, 155, 0.298);
	padding: 8px 20px;
	color: #333333;
	font-size: 18px;
	font-weight: 600;
	background-color: #FAFAFA;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	box-shadow: 0px 3px 2px -2px rgba(155, 155, 155, 0.298);
}


.dxnbLite .dxnb-header
{
	border-radius: 8px 8px 0 0;
	border: 1px solid rgba(155, 155, 155, 0.298);
	padding: 8px 20px;
	color: #333333;
	font-size: 18px;
	font-weight: 600;
	background-color: #FAFAFA;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	box-shadow: 0px 3px 2px -2px rgba(155, 155, 155, 0.298);
}



.navBar .dxnbGroupHeaderCollapsed
{
	border-radius: 8px;
	color: #777777;
	box-shadow: 1px 1px 0px 0px rgba(155, 155, 155, 0.298);
}

.navBar .dxnbGroupHeaderCollapsedHover
{
	background: #FFFFFF;
}

.navBar .dxnbGroupContent
{
	border-radius: 0 0 8px 8px;
	border: 1px solid rgba(155, 155, 155, 0.298);
	padding: 20px;
	color: #333333;
}

.navBar .dxnbImgCellRight img
{
	display: none;
}

.navBar.collapsable .dxnbGroupHeader .dxnbImgCellRight:hover img,
.navBar.collapsable .dxnbGroupHeader:hover .dxnbImgCellRight img,
.navBar.collapsable .dxnbGroupHeaderCollapsed .dxnbImgCellRight:hover img,
.navBar.collapsable .dxnbGroupHeaderCollapsed:hover .dxnbImgCellRight img
{
	display: block;
}

/* Progress bar */
.desktop .dxeProgressBarIndicator_iOS,
.mobile .dxeProgressBarIndicator_iOS
{
	background: rgb(58,179,34);
	background-image: linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
	background-image: -o-linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
	background-image: -moz-linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
	background-image: -webkit-linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
	background-image: -ms-linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.45, rgb(58,179,34)), color-stop(0.73, rgb(43,138,26)) );
	border: 0;
	border-radius: 6px;
}

.desktop .dxeProgressBar_iOS.orange .dxeProgressBarIndicator_iOS,
.mobile .dxeProgressBar_iOS.orange .dxeProgressBarIndicator_iOS
{
	background: #F6911E;
	background-image: linear-gradient(top, #F6911E 45%, #C54931 73%);
	background-image: -o-linear-gradient(top, #F6911E 45%, #C54931 73%);
	background-image: -moz-linear-gradient(top, #F6911E 45%, #C54931 73%);
	background-image: -webkit-linear-gradient(top, #F6911E 45%, #C54931 73%);
	background-image: -ms-linear-gradient(top, #F6911E 45%, #C54931 73%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.45, #F6911E), color-stop(0.73, #C54931) );
}

.desktop .dxeProgressBar_iOS.red .dxeProgressBarIndicator_iOS,
.mobile .dxeProgressBar_iOS.red .dxeProgressBarIndicator_iOS
{
	background: #FF4B32;
	background-image: linear-gradient(top, #FF4B32 45%, #FF050F 73%);
	background-image: -o-linear-gradient(top, #FF4B32 45%, #FF050F 73%);
	background-image: -moz-linear-gradient(top, #FF4B32 45%, #FF050F 73%);
	background-image: -webkit-linear-gradient(top, #FF4B32 45%, #FF050F 73%);
	background-image: -ms-linear-gradient(top, #FF4B32 45%, #FF050F 73%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.45, #FF4B32), color-stop(0.73, #FF050F) );
}

.desktop .dxeProgressBar_iOS,
.mobile .dxeProgressBar_iOS
{    
	border-radius: 8px;
	border: 1px solid #CCCCCC;
	box-shadow: none;
}

.desktop .dxeProgressBar_iOS,
.desktop .dxeProgressBar_iOS td.dxe,
.mobile .dxeProgressBar_iOS,
.mobile .dxeProgressBar_iOS td.dxe
{
	text-shadow: none;
	color: #000;
	font-size: 10px;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	padding: 2px;
	background: transparent;
}
.mobile .dxeProgressBar_iOS,
.mobile .dxeProgressBar_iOS td.dxe
{
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
}

/* NavBar accounts */
.nbAccounts.dxnbControl {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	color: #313131;
	padding: 0px;
	width: 100%;
}

.dxnbLite .nbAccounts .dxnbSys {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	color: #313131;
	padding: 0px;
	width: 100%;
}


.nbAccounts label
{
	font-size: 14px;
	font-weight: 600;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	color:#313131;
}

.nbAccounts.dxnbControl .dxnbCtrl
{
	padding: 0;
}

.nbAccounts .dxnbGroupHeader, 
.nbAccounts .dxnbGroupHeaderCollapsed  
{
	background: none;
	padding: 0px;
	border: 0px none;
}

.nbAccounts .dxnbGroupHeader div, 
.nbAccounts .dxnbGroupHeaderCollapsed div 
{
	background: none;
	margin: 0 20px;
	padding: 10px 0;
	border: 0px solid #CCCCCC;
	border-bottom-width: 0px;
}

.nbAccounts .dxnbGroupHeader div .lblHeader, 
.nbAccounts .dxnbGroupHeaderCollapsed div .lblHeader
{
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.804);
}

.nbAccounts .dxnbImgCellRight img {
	display: none;
}

.nbAccounts .dxnbGroupContent {
	padding: 0px;
	border: 0 none;
}

.nbAccounts .dxnbItem,
.nbAccounts .dxnbItemHover {
	background: none;
	padding: 0;
	border: 0px none;
	margin: 0;
}

.nbAccounts .dxnbItem div,
.nbAccounts .dxnbItemHover div 
{
	min-height: 36px;
	margin: 0 40px;
	background: none;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #CCCCCC;
}

.nbAccounts .dxnbItemHover div,
.nbAccounts .dxnbItemHover label {
	cursor: pointer;
}
.nbAccounts .dxnbItemSelected div,
.nbAccounts .dxnbItemSelected label
{
	cursor: default;
}

.nbAccounts .dxnbItem label
{
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	color:#313131;
}

.nbAccounts .dxnbItem .lblTitle,
.nbAccounts .dxnbItem .lblDescription {
	display: block;
	line-height: 18px;
}
.nbAccounts .dxnbItem .lblTitle,
.nbAccounts .dxnbItem .lblAmount
{
	font-size: 19px;
	font-weight: bold;
}

.nbAccounts .dxnbItem .lblAmount {
	float: right;
	line-height:36px;
}

.nbAccounts .dxnbItem .lblDescription
{
	font-size: 14px;
	font-weight: 500;
}

.desktop .nbAccounts.nbNotFilter .dxnbCtrl > table > tbody > tr:first-child .dxnbGroupHeader,
.desktop .nbAccounts.nbNotFilter .dxnbCtrl > table > tbody > tr:first-child .dxnbGroupHeaderCollapsed
{
	background: url("../Images/selected-pointer.png") no-repeat 100% 50% transparent!important;
}
.desktop .nbAccounts.nbNotFilter .dxnbCtrl > table > tbody > tr:first-child label
{
	color: White!important;
	text-shadow: 0 1px 1px #333333;
}

/*Adicionei*/
.dxnbLite .dxnb-header, .dxnbLite .dxnb-headerCollapsed, .dxnbLite .dxnb-item, .dxnbLite .dxnb-itemHover, .dxnbLite .dxnb-itemSelected, .dxnbLite .dxnb-bullet, .dxnbLite .dxnb-bulletHover, .dxnbLite .dxnb-bulletSelected
{
background: url("../Images/selected-pointer.png") no-repeat 100% 50% transparent!important;
color: #FFFFFF;
text-shadow: 0px 1px 1px #333333;

}



.nbAccounts .dxnbItemSelected
{
	background: url("../Images/selected-pointer.png") no-repeat 100% 50% transparent!important;
}

.nbAccounts .dxnbItemSelected .lblTitle,
.nbAccounts .dxnbItemSelected .lblDescription,
.nbAccounts .dxnbItemSelected .lblAmount
{
	color: #FFFFFF;
	text-shadow: 0px 1px 1px #333333;
}

.lblHeader {

	font-size: 16px;
	font-weight: bold;
}


/* Buttons */
.buttons
{
	float: right;
	margin: 0 0 20px;
}

.buttons .button
{
	float: left;
	margin-left: 10px;
}

.button {
	height: 27px!important;
}

.button .dxbButton_iOS {
	border: 1px solid #CCCCCC;
	background: #FAFAFA;
	background-image: linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(204,204,204)),
		color-stop(1, rgb(255,255,255))
	);
}

.button .dxbButtonHover_iOS,
.button .dxbButtonPressed_iOS {
	background: #FFFFFF;
	background-image: linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(204,204,204)),
		color-stop(1, rgb(255,255,255))
	);
}

.button .dxb {
	padding: 5px 6px 2px!important;
	color: #F38020;
	font-size: 10px;
}

.button .dxb img {
	padding: 2px 0 0;
}

/* Grid */
.desktop .dxgvControl_iOS, 
.desktop .dxgvDisabled_iOS,
.desktop .dxgvPagerTopPanel_iOS, 
.desktop .dxgvPagerBottomPanel_iOS {
	border-color: #cdcdcd;
}
.desktop table.dxgvTable_iOS 
{
	font-size: 8pt;
	color: #3D3D3D;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	border-color: #cdcdcd;
}
.desktop table.dxgvTable_iOS > tbody > tr:last-child > td.dxgv {
	border-bottom-color: #cdcdcd!important;
}

.desktop table.dxgvTable_iOS td.dxgvHeader_iOS 
{
	height: 0;
	padding: 5px;
	background: #eeeeee;
	cursor: pointer;
	border-color: #cdcdcd;
}
.desktop .dxgvHeader_iOS td 
{
	font-size: 8pt;
	color: #333333;
	text-shadow: none;
}

.desktop table.dxgvTable_iOS .dxgvHeader_iOS:first-child 
{
	border-radius: 8px 0 0;
}

.desktop table.dxgvTable_iOS .dxgv {
	font-weight: 400;
}

.desktop .dxgvEditFormDisplayRow_iOS td.dxgv, 
.desktop .dxgvGroupFooter_iOS td.dxgv, 
.desktop .dxgvFooter_iOS td.dxgv, 
.desktop .dxgvDataRow_iOS td.dxgv, 
.desktop .dxgvDataRowAlt_iOS td.dxgv, 
.desktop .dxgvSelectedRow_iOS td.dxgv, 
.desktop .dxgvFocusedRow_iOS td.dxgv 
{
	height: 0;
	padding: 4px;
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd!important;
}

.desktop .dxgvEditFormDisplayRow_iOS td.dxgv:last-child, 
.desktop .dxgvGroupFooter_iOS td.dxgv:last-child, 
.desktop .dxgvFooter_iOS td.dxgv:last-child, 
.desktop .dxgvDataRow_iOS td.dxgv:last-child, 
.desktop .dxgvDataRowAlt_iOS td.dxgv:last-child, 
.desktop .dxgvSelectedRow_iOS td.dxgv:last-child, 
.desktop .dxgvFocusedRow_iOS td.dxgv:last-child 
{
	border-right: 0px none!important;
}

.desktop .dxgvDataRowAlt_iOS,
.desktop .dxgvPagerBottomPanel_iOS 
{
	background: #eeeeee;
}

.desktop .dxgvSelectedRow_iOS,
.desktop .dxgvDataRowHover_iOS 
{
	cursor: pointer;
	color: White;
	text-shadow: 0 1px 1px #333333;
	background: #c6492a url("../Images/pMenuBack.png") repeat-x;
}

.desktop .dxgvSelectedRow_iOS td.dxgv,
.desktop .dxgvDataRowHover_iOS td.dxgv 
{
	color: White !important;
}

.desktop .dxgvSelectedRow_iOS:nth-child(2n) .dxgvCommandColumn_iOS
{
	background: White;
}
.desktop tr.dxgvSelectedRow_iOS:nth-child(2n+1) .dxgvCommandColumn_iOS
{
	background: #eeeeee;
}

.dxgvEditForm_iOS 
{
	background: #fafafa;
}
.desktop .dxgvEditFormTable_iOS .dxgvCommandColumn_iOS 
{
	padding: 2px;
}
.desktop .dxgvEditFormTable_iOS .dxgvCommandColumn_iOS a 
{
	font-size: 8pt;
	border: none;
}
.desktop .dxgvEditFormTable_iOS .dxgvCommandColumn_iOS a:hover
{
	text-decoration: underline;
}
.desktop .dxgvEditForm_iOS td.dxgv 
{
	padding: 6px 10px 8px;
}
.desktop .dxgvEditingErrorRow_iOS 
{
	background: #ededed;
	color: Red;
}

/* Sprite Images */
.desktop .dxGridView_gvHeaderSortUp_iOS 
{
	background-image: url("../Images/desc.png");
	background-position: 0;
	width: 7px;
	height: 4px;
}
.desktop .dxGridView_gvHeaderSortDown_iOS 
{
	background-image: url("../Images/asc.png");
	background-position: 0;
	width: 7px;
	height: 4px;
}

.desktop .dxgvCommandColumn_iOS .dxWeb_edtCheckBoxUnchecked_iOS
{
	background-image: url("../Images/checkbox_unchecked_s.png");
	background-position: 0;
	width: 13px;
	height: 14px;
}

.desktop .dxgvCommandColumn_iOS .dxWeb_edtCheckBoxChecked_iOS
{
	background-image: url("../Images/checkbox_checked_s.png");
	background-position: 0;
	width: 13px;
	height: 14px;
}


/* Loading Panel */
.desktop .dxgvLoadingPanel_iOS,
.desktop .dxcpLoadingPanelWithContent_iOS
{
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 8pt;
	color: #3D3D3D;
	border: 1px solid rgba(0, 0, 0, 0.35);
	border-radius: 8px;
	border-collapse: separate !important;
	
	box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0px rgba(0,0,0,0.35);
	
	background-clip: content-box;
	-webkit-background-clip: content-box;
	-moz-background-clip: content-box;
}
.desktop .dxgvLoadingPanel_iOS td.dx,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 10px 8px;
	background-color: White;
}
.desktop .dxgvLoadingPanel_iOS td.dx:first-child,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx:first-child
{
	border-radius: 7px 0 0 7px;
}
.desktop .dxgvLoadingPanel_iOS td.dx:last-child,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx:last-child
{
	border-radius: 0 7px 7px 0;
}
.desktop .dxgvLoadingPanel_iOS td.dx:first-child:last-child,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx:first-child:last-child
{
	border-radius: 7px;
}
.desktop .dxgvLoadingPanel_iOS td.dx + td.dx,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx + td.dx
{
	-webkit-box-shadow: none;
}

/* Grid Pager */
.desktop .dxpControl_iOS 
{
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 8pt;
	color: #3D3D3D;
}

.desktop .dxpControl_iOS td.dxpCtrl
{
	padding: 5px 2px;
}

.desktop .dxpSummary_iOS 
{
	color: #3D3D3D;
}

.desktop .dxpPageNumber_iOS 
{
	color: #3D3D3D;
	padding: 1px 5px 0;
}

.desktop .dxpPageSizeItem_iOS
{
	color: #3D3D3D;
}

.desktop .dxpComboBox_iOS
{
	background-color: White;
	border-color: #616262 #919293 #B2B3B4;
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}
.desktop .dxpComboBox_iOS input
{
	color: #3D3D3D;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-weight: bold;
	font-size: 8pt;
	padding: 0px;
	margin: 0px 2px;
	border-width: 0px;
	background-color: transparent;
	width: 20px;
}

/* Pager Sprite Images */
.desktop .dxWeb_pPrev_iOS 
{
	background-image: url("../Images/arrow_left.png");
	background-position: 0;
	width: 4px;
	height: 7px;
}
.desktop .dxWeb_pPrevDisabled_iOS 
{
	background-image: url("../Images/arrow_left_disabled.png");
	background-position: 0;
	width: 4px;
	height: 7px;
}

.desktop .dxWeb_pNext_iOS 
{
	background-image: url("../Images/arrow_right.png");
	background-position: 0;
	width: 4px;
	height: 7px;
}
.desktop .dxWeb_pNextDisabled_iOS 
{
	background-image: url("../Images/arrow_right_disabled.png");
	background-position: 0;
	width: 4px;
	height: 7px;
}

.desktop .dxWeb_pPopOut_iOS,
.desktop .dxWeb_pPopOutDisabled_iOS
{
	background-image: url("../Images/pArrowDown.png");
	background-position: 0;
	width: 13px;
	height: 11px;
	margin-right: 2px;
	border-radius: 2px;
}

.desktop .dxWeb_pPopOutPressed_iOS
{
	background-image: url("../Images/pArrowDown_Pressed.png");
	background-position: 0;
	width: 13px;
	height: 11px;
	margin-right: 2px;
	border-radius: 2px;
}

/* Pager Classic Vertical SubMenu */
.desktop .dxmSubMenu_iOS
{
	color: #333333;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-weight: bold;
	font-size: 8pt;
	font-weight: bold;
	white-space: nowrap;
	background: White;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	padding: 5px 0;
	box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.35);
}
.desktop .dxmSubMenuItem_iOS,
.desktop .dxmSubMenuItemSelected_iOS,
.desktop .dxmSubMenuItemHover_iOS
{
	padding: 2px 20px 2px 4px;
}
.desktop .dxmSubMenuItemSelected_iOS,
.desktop .dxmSubMenuItemHover_iOS
{
	color: White;
	text-shadow: 0 1px 1px #333333;
	background: #c6492a url("../Images/pMenuBack.png") repeat-x;
}

/* Editors */
.desktop .dxeBase_iOS,
.desktop .dxeTextBox_iOS .dxeEditArea_iOS, 
.desktop .dxeButtonEdit_iOS .dxeEditArea_iOS, 
.desktop .dxeMemoEditArea_iOS,
.desktop a.dxeHyperlink_iOS,
.desktop .dxeRadioButtonList_iOS,
.desktop .dxeRadioButtonList_iOS table,
.desktop .dxeRadioButtonList_iOS label
{
	color: #333333;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 8pt;
	font-weight: normal;
}
.desktop a.dxeHyperlink_iOS,
.desktop a.dxeHyperlink_iOS:hover
{
	color: #006ee9;
}
.desktop a.dxeHyperlink_iOS:hover
{
	text-decoration: underline;
}
.desktop .dxeTextBox_iOS td.dxic 
{
	padding: 2px 3px 1px 2px !important;
}
.desktop .dxeTextBox_iOS, 
.desktop .dxeButtonEdit_iOS, 
.desktop .dxeMemo_iOS 
{
	border-radius: 3px;
}

.desktop .dxeButtonEdit_iOS 
{
	width: 170px;
}

.desktop .dxeButtonEdit_iOS td.dxic 
{
	padding: 2px 2px 1px 1px !important;
}

.desktop .dxeButtonEditButton_iOS table.dxbebt 
{
	padding: 1px;
}
.desktop .dxeButtonEditButton_iOS table.dxbebt .dx
{
	padding: 9px 5px 7px;
}
.desktop .dxeButtonEditButtonHover_iOS table.dxbebt .dx,
.desktop .dxeButtonEditButtonPressed_iOS table.dxbebt .dx
{
	border-radius: 2px;
	
}
.desktop .dxeButtonEditButtonHover_iOS table.dxbebt .dx 
{
	background: #999a9a;
}
.desktop .dxeButtonEditButtonPressed_iOS table.dxbebt .dx
{
	background: #c6492a url("../Images/pMenuBack.png") repeat-x;
}

.desktop .dxEditors_edtDropDown_iOS 
{
	background-image: url("../Images/asc.png");
	background-position: 0;
	width: 7px;
	height: 4px;
}

.desktop .dxeListBox_iOS 
{
	color: #333333;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 8pt;
	border-radius: 5px;
}

.desktop .dxeListBox_iOS div.dxlbd 
{
	margin: 5px 0;
}

.desktop .dxeListBoxItem_iOS 
{
	cursor: pointer;
	height: 0;
	padding: 2px 3px;
}

.desktop .dxeListBoxItemSelected_iOS,
.desktop .dxeListBoxItemHover_iOS
{
	color: White;
	text-shadow: 0 1px 1px #333333;
	background: #c6492a url("../Images/pMenuBack.png") repeat-x;
}

.desktop .dxEditors_edtSpinEditIncrementImage_iOS 
{
	background-image: url("../Images/desc.png");
	background-position: 0;
	width: 7px;
	height: 4px;
}
.desktop .dxEditors_edtSpinEditDecrementImage_iOS 
{
	background-image: url("../Images/asc.png");
	background-position: 0;
	width: 7px;
	height: 4px;
}

.desktop .dxeButtonEditButton_iOS.dxeSpinIncButton_iOS table.dxbebt
{
	padding: 1px 1px 0 0;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinDecButton_iOS table.dxbebt
{
	padding: 0 1px 1px 0;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinIncButton_iOS table.dxbebt .dx
{
	padding: 2px 5px 3px;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinDecButton_iOS table.dxbebt .dx
{
	padding: 2px 5px 3px;
}

.desktop .dxeButtonEditButton_iOS.dxeSpinIncButton_iOS table.dxbebt .dx
{
	border-radius: 2px 2px 0 0;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinDecButton_iOS table.dxbebt .dx
{
	border-radius: 0 0 2px 2px;
}

.desktop .dxeSpinIncButton_iOS,
.desktop .dxeSpinDecButton_iOS 
{
	padding: 0;
}

.desktop .dxeRadioButtonList_iOS 
{
	border: none;
	box-shadow: none;
}
.desktop .dxeRadioButtonList_iOS .dxe > table > tbody tr:first-child > td 
{
	padding-top: 0;
}
.desktop .dxeRadioButtonList_iOS .dxe > table > tbody tr:last-child > td 
{
	padding-bottom: 0;
}
.desktop .dxeRadioButtonList_iOS .dxeIRadioButton_iOS
{
	margin: 1px;
}
.desktop .dxeRadioButtonList_iOS label
{
	margin-right: 6px;
	margin-left: 10px;
}

.desktop .dxEditors_edtRadioButtonListOff_iOS 
{
	background-image: url("../Images/rbOff.png");
	background-position: 0;
	width: 13px;
	height: 13px;
}
.desktop .dxEditors_edtRadioButtonListOn_iOS 
{
	background-image: url("../Images/rbOn.png");
	background-position: 0;
	width: 13px;
	height: 13px;
}


/* Insert Transaction Form */
.desktop .insertTransactionForm 
{
	width: 100%;
}
.desktop .insertTransactionForm .caption
{
	padding: 4px 4px 4px 10px;
}
.desktop .insertTransactionForm td.caption:first-child
{
	padding-left: 4px;
}
.desktop .insertTransactionForm .editor
{
	padding: 4px;
}
.desktop .insertTransactionForm td.editor:nth-child(4)
{
	width: 40%;   
}
.desktop .insertTransactionForm .link 
{
	margin: 0 7px 0 0;
}

/* Desktop - Overview - Summary */
.overviewView
{
	width: 616px;
}

.funnelchart IMG {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
.summaryView,
.summaryView h3,
.summaryView h4 
{
	color: #313131;
	font-size: 11px;
	font-weight: 700;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}
.summaryView h4 {
	font-weight: 400;
}
.summaryView .result
{
	float: left;
	width: 120px;
	font-weight: 100;
}

.summaryView .result h3
{
	margin: 0;
	font-size: 12px;
}


.summaryView .result label
{
	font-size: 24px;
	font-weight: 100;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
	line-height: 16px;
}

.summaryView .result label.positive
{
	color: Green;
}

.summaryView .result label.negative
{
	color: Red;
}

.summaryView .chart
{
	float: left;
	width: 100px;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: -10px;
	margin-bottom: -10px;
}

.summaryView .statistic
{
	float: left;
}

.summaryView .statistic .column
{
	float: left;
	margin-left: 30px;
	width: 132px;
}

.summaryView .statistic h3
{
	font-size: 9px;
	font-weight: 700;
	margin: 0;
}

/* Desktop - Overview - MyBudgets */
.budgetsView,
.budgetsView h3
{
	color: #333333;
	font-size: 11px;
	font-weight: 400;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}

.budgetsView h3
{
	font-size: 12px;
	color: #313131;
	font-weight: 700;
}

.budgetsView .buttons
{
	float: right;
}

.budgetsView .buttons .button
{
	float: left;
	margin-left: 10px;
}
.budgetsView .dxeProgressBar_iOS, 
.budgetsView .dxeProgressBar_iOS td.dxe
{
	color: #333333;
}
.budgetsView .dxeProgressBar_iOS .dxe
{
	text-align: left!important;
}
.budgetsView .budgetItem
{
	margin-top: 10px;
}
.budgetsView .overallBudget
{
	font-weight: bold;
	margin: 20px 0 35px 0;
}

/* Desktop - Modify Budgets in Overview dialog */
.modifyOverviewBudgetsList
{
	width: 100%;
}
.modifyOverviewBudgetsList .titleCell
{
	width: 150px;
}
.modifyOverviewBudgetsList .checkboxCell
{
	width: 40px;
}

/* Desktop - Modify Budgets dialog */
.modifyBudgetsList
{
	width: 100%;
}
.modifyBudgetsList .progressCell
{
	padding-right: 20px;
}
.modifyBudgetsList .titleCell
{
	width: 150px;
}
.modifyBudgetsList .spinCell
{
	width: 150px;
}
.modifyBudgetsList .checkCell
{
	width: 40px;
}

.buttonsBlock
{
	margin: 5px 0;
}
.buttonsBlock a
{
	color: #006EE9;
	margin-right: 5px;
	text-decoration: none;
}
.buttonsBlock a:hover
{
	text-decoration: underline;
}

.buttonsBlock
{
	line-height: 30px;
	float: right;
}

.animateFadeIn
{
	visibility: visible; 
	opacity: 1; 
	-webkit-transition: opacity 300ms linear; 
	-moz-transition: opacity 300ms linear; 
	-o-transition: opacity 300ms linear; 
	transition: opacity 300ms linear; 
}
.hidden
{
	visibility: hidden;
	opacity: 0;
}


/*
*   Popup Control
*/
.desktop .dxpcControl_iOS,
.desktop .dxpcHeader_iOS td.dxpc
{
	color: #333333;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}
.desktop .dxpcControl_iOS
{
	font-size: 8pt;
}
.desktop .dxpcHeader_iOS td.dxpc
{
	font-size: 10pt;
}
.desktop .dxpcControl_iOS .aboutDialog
{
	line-height: 16px;
	font-size: 9pt;
}

.desktop .dxpcHeader_iOS,
.mobile .dxpcHeader_iOS {    
	background-color: #FAFAFA;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
}

.desktop .dxpcHeader_iOS
{
	padding: 2px 2px 2px 7px !important;
}
.desktop .dxpcHeader_iOS td.dxpc 
{
	padding: 4px 0;
}
.desktop .dxpcContent_iOS 
{
	line-height: 100%;
}
.desktop .dxpcContentPaddings_iOS
{
	padding: 9px 12px 10px;
}
.desktop .dxpcCloseButton_iOS
{
	padding: 3px 5px 3px 1px;
}
.desktop .dxWeb_pcCloseButton_iOS 
{
	background-image: url("../Images/closeButton.png");
	background-position: 0;
	width: 18px;
	height: 18px;
}



/*Mobile*/
.mobile {
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
}

.mobile .dxpcControl_iOS {
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 14px;
}

.mobile .dxtc-strip > li
{
	height: 49px!important;
}

.mobile .dxtc-img
{
	height:42px!important;
	width:79px!important;
}

.mobile .dxpcHeader_iOS td.dxpc {
	font-weight: 100;
	font-size: 26px;
}

.mobile header div
{
	padding: 5px;
}
.mobile .updatetime
{
	margin: 4px 15px 0 0;
}

.mobile header .emphasis {
	font-weight: 900;
}
.mobile .devx-logo
{
	padding-top: 8px;
}
.mobile .welcome
{
	padding: 10px 20px;
}
.status
{
	background: none repeat scroll 0 0 #F1F1F1;
	float: left;
	padding: 20px;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
}

.statuscontent
{
	padding-right: 40px;
}

.mobile h1,
.mobile h2,
.mobile h3 {
	color: #313131;
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 100;
}

.mobile h2 {
	font-weight: 400;
	margin: 0 0 10px;
}
.mobile h3 {
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 14px;
}
.mobile h4 {
	font-size: 10px;
	font-weight: 400;
}

.onTarget,
.offTarget
{
	float: left;
}

.mobile .onTarget h2,
.mobile .offTarget h2
{
	color: green;
	font-size: 48px;
	font-weight: 700;
	line-height: 0.1;
	margin-bottom: 42px;
}

.mobile .offTarget h2
{
	color: #131313;
}

.mobile .editButton
{
	margin-right: 14px;
}

.mobile .budgetEditColumn
{
	width:200px;
}

.mobile:not(.budgetEditMode) .budgetEditModeVisible,
.mobile:not(.transactionEditMode) .transactionEditModeVisible
{
	display: none;
}
.mobile.budgetEditMode .budgetEditModeInvisible,
.mobile.transactionEditMode .transactionEditModeInvisible
{
	display: none;
}
.mobile .overviewContentWrapper .transactionEditModeVisible
{
	display: none;
}

.amountAvailable
{
	float: left;
	margin-right: 40px;
}

.mobile .onTarget h3,
.mobile .offTarget h3 {
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 18px;
	margin: 0 0 26px;
	padding: 0;
}

.mobile .amountAvailable h3,
.mobile .amountPlanned h3
{
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.mobile .amountAvailable h4,
.mobile .amountPlanned h4
{
	color: #313131;
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 16px;
	margin: 0 0 5px;
	padding: 0;
	text-align: left;
}

.light
{
	font-weight: 400;
	color: #999999;
}

.overviewVisualizations
{
	float: right;
	text-align: center;
}

.overviewviz
{
	margin-right: 90px;
}

.overviewviz h4
{
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	color: #313131;
	font-size: 12px;
	font-weight: 200;
}

@media only screen and (max-width:800px)
{
	.overviewviz
	{
		margin-right: 30px;
	}
}

.mobile .content
{
	margin: 0 auto;
	background-color: #FFFFFF;
	overflow: hidden;
	width: 100%;
}

.mobile .content h1
{
	margin: 0 0 20px;
}
.mobile .content .budgetItem
{
	margin: 0 0 20px;
}

.mobile .content .budgetItem h3
{
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	color: #313131;
	font-size: 18px;
	font-weight: 400;
}
.mobile .content .budgetItem .dxe
{
	color: #313131;
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 14px;
	font-weight: 100;
	text-align: left!important;
}
.mobile .accounts
{
	width: 39.45%;
	float: left;
	margin-right: 3.8%;
	min-height: 1px;
}
.mobile .accounts h1
{
	margin-left: 20px;
	margin-top: 15px;
}

/*Mobile Account NavBar*/
.mobile .nbAccounts .dxnbGroupHeader div, 
.mobile .nbAccounts .dxnbGroupHeaderCollapsed div
{
	padding: 20px 0;
}
.mobile .nbAccounts label
{
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
	font-size: 24px;
	font-weight: 100;
}
.mobile .dxnbItemHover,
.mobile .dxnbItemHover div,
.mobile .dxnbItemHover label {
	cursor: default;
}

.mobile .dxnbItem label.dxeBase 
{
	font-size: 18px;
	font-weight: 400;
}
.mobile .dxnbItem label.dxeBase.lblTitle
{
	margin: 0 0 10px;
}
.mobile .dxnbItem label.dxeBase.lblDescription
{
	font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
	font-size: 14px;
	font-weight: 100;
}

.mobile .overviewContentWrapper
{
	width: 56.75%;
	float: left;
	min-height: 1px;
}

.mobile .overviewContent
{
	padding-right: 20px;
}
.mobile .overviewContent h1
{
	margin: 0 0 20px;
}
.overviewBudgetsHeader,
.overviewtransactionsHeader
{
	font-size:48px!important;
	font-weight:100!important;
	cursor: pointer;
}
.overviewBudgetsHeader
{
	margin-left:0;
	margin-top: 15px;
	margin-bottom: 21px;
}
.mobiletransactionsContainter
{
	margin: 0 20px 0 0;
}
.overviewContentWrapper .mobiletransactionsContainter
{
	margin-top: 100px;
}
.mobiletransactionsContainter table.dxgvTable_iOS
{
	border: none;
}
.mobiletransactionsContainter .transaction {
	border-bottom: 1px solid #F1F1F1;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.mobiletransactionsContainter .transactions h2 {
	margin-bottom: 10px;
}

.mobile .monthlyBudgetOverallProgress
{
	margin-bottom: 10px;
}

.mobile .dxeRadioButtonList_iOS, 
.mobile .dxeCheckBoxList_iOS
{
	border: none;
}




.ctl00_plfooter{
    text-align:center;
    margin:20px 0 0 0;
}
.ctl00_plfooter a{
    margin:0 10px;
}