/*----colours and fonts

blue D  #00164e
blue L  #70c4cf

	font-family: Arial, Helvetica, sans-serif;

----*/


.BodyMob
{
	display:none;
}

.feed_code {
	font-size: 18px;
	color: red;
	font-weight: bold;
}



body {
	margin: 0px;
}


td,th,p,div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00164e;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
}

td,th {
	height: 30px;
}

table {
    border-collapse: collapse;
}

b {
	font-weight: bold;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}


.table_left {
	padding: 8px 0px 8px 15px;
}

.table_center {
	text-align: center;
}

.table_right {
	text-align: right;
	padding: 8px 15px 8px 0px;
	white-space: nowrap;
}

.table_right_flat {
	text-align: right;
	padding: 0px 0px 0px 0px;
}


.table_left_no_bottom {
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
}

.table_left_no_top {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
}



#t01 {
	border: solid px black;	
}

.price {
	font-size: 50px;
	color: #70c4cf;
	font-weight: bold;
	padding-left: 0px;
	margin-top: -5px;
	padding-bottom: 0px;
}


#t01 img {
	height: 40px;
.	width: auto;
	margin-top: -10px;
	padding-bottom: 0px;
	
	
}

.notes {
	font-size: 10px;
	margin-top: -18px;
}


#t01 .poweredby {
	font-size: 8px;
	color: #999999;
	text-align: right;
	padding-right: 0px;
	margin-top: -20px;
	margin-bottom: -40px;
	letter-spacing: 2px;
	height: 0px;
}


.flat {
	font-size: 2px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

.column_head_right {
	font-weight: bold;
	text-align: right;
	padding: 5px 15px 2px 0px;

}

.poweredby {
	font-size: 8px;
	color: #999999;
	text-align: right;
	padding-right: 8px;
	padding-top: 5px;
	letter-spacing: 2px;
	height: 0px;
}

a.powered:link, a.powered:visited {
	color: #666666;
	font-size: 8px;
	text-decoration: none;
	font-weight: bold;
}

a.powered:hover, a.powered:active {
	color: #999999;
	font-size: 8px;
	text-decoration: none;
	font-weight: bold;
}

.rule {
	height: 10px;
	font-size: 1px;
}

.last_rule {
	height: 10px;
	padding-top: 12px;
	font-size: 1px;
}

hr {
	color: #8094a2;
	background-color: #8094a2;
	height: 1px;
	border: 0px;
	width: 100%;
	margin: 0px;
}


a:link, a:visited {
	color: #00164e;
	text-decoration: none;
}
a:hover, a:active {
	color: #70c4cf;
	text-decoration: none;
}

.spacer_xs {
	height: 4px;
	font-size: 1px;
}

.spacer_s {
	height: 10px;
	font-size: 1px;
}

.spacer {
	height: 14px;
	font-size: 1px;
}

.spacer_l {
	height: 20px;
	font-size: 1px;
}




/*---- zebra styles starts here ------*/


table.zebra tr:nth-child(2n+4) {
	background: #f7f7f7;
}

/*---- zebra styles ens here ------*/




/*---- S02 zebra styles starts here ------*/

#s02_table_mob table.zebra tr:nth-child(7n+1) {
	background: #70c4cf;
}


#s02_table_mob table.zebra tr:nth-child(7n+2),#s02_table_mob table.zebra tr:nth-child(7n+4), #s02_table_mob table.zebra tr:nth-child(7n+6),  #s02_table_mob table.zebra .spacer  {
	background: #ffffff;
}

#s02_table_mob table.zebra tr:nth-child(7n+3), #s02_table_mob table.zebra tr:nth-child(7n+5) {
	background: #f7f7f7;
}


/*---- S02  zebra styles ens here ------*/





/*---- drop-down and checkbox selectors styles starts here ------*/

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8094a2;
	font-weight: 400;
	text-align: left;
	height: 40px;
	outline: none;
	border: 2px solid #8094a2;
	border-radius: 4px;
	cursor: hand;
	padding-left: 10px;
	padding-right: 0px;
	background: url(images/select_down_arrow.png) no-repeat right #fff;
	background-position-x: calc(100% - 10px);
	-webkit-appearance: none;
}

select::-ms-expand{
    display:none;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}



select[name="selectmenu"], input[name="number"] {
	width: 300px;

}

select[name="lstDividends"], input[name="number2"] {
	width: 300px;

}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8094a2;
	font-weight: 400;
	text-align: left;
	height: 40px;
	outline: none;
	border: 2px solid #8094a2;
	border-radius: 4px;
	cursor: hand;
	padding-left: 10px;
	padding-right: 0px;
}

input[type="submit"] {
	padding: 0px 20px;
	text-align: center;
	font-weight: bold;
	background-color: #ffffff;
}

input[type="submit"]:hover {
	padding: 0px 20px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background-color: #8094a2;
}

input[name="txtIRClienteMail"] {
	text-align: left;
	padding-left: 10px;
	width: 100%;
}


input[name="PriceMovesAbove"], input[name="PriceMovesBelow"], input[name="PriceChange"] {
	text-align: center;
	background-color: #ffffff;
	text-align: right;
	padding-right: 10px;
	width: 98px;
}



.button_low_y {
	font-size: 0px;
	color: #ffffff;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	width: 47px;
	height: 40px;
	background: url(images/button_yes_out.png) no-repeat center;
	outline: none;
	border: 2px solid #00164e;
	border-radius: 4px;
}

.button_low_y:hover {
	background: url(images/button_yes_over.png) no-repeat center;
	border: 2px solid #70c4cf;
	cursor: hand;
}


.button_low_n {
	font-size: 0px;
	color: #ffffff;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	width: 47px;
	height: 40px;
	background: url(images/button_no_out.png) no-repeat center;
	outline: none;
	border: 2px solid #00164e;
	border-radius: 4px;
}

.button_low_n:hover {
	background: url(images/button_no_over.png) no-repeat center;
	border: 2px solid #70c4cf;
	cursor: hand;
}






.button_no  {
	font-size: 0px;
	color: #ffffff;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	width: 47px;
	height: 40px;
	background: url(images/button_no_over.png) no-repeat center;
	outline: none;
	border: 2px solid #70c4cf;
	border-radius: 4px;
}


.button_yes {
	font-size: 0px;
	color: #ffffff;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	width: 47px;
	height: 40px;
	background: url(images/button_yes_over.png) no-repeat center;
	outline: none;
	border: 2px solid #70c4cf;
	border-radius: 4px;

}




/*---- drop-down and checkbox selectors styles ends here ------*/




/*---- S02 starts responsives start here ------*/

.s02_left {
	float: left;
	display: block;
	position: relative;
	width: 200px;
	background-color: -pink;
	margin-top: 10px;
}

.s02_right {
	overflow: auto;
	background-color: -green;
}


.s02_spacer {
	position: relative;
	width: 100%;
	height: 8px;
	background-color: -orange;
}

#s02_table_pc {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color: -orange;
}

#s02_table_mob {
	float: left;
	display: none;
	position: relative;
	width: 100%;
	background-color: -green;
}

@media only screen and (max-width: 700px) {
	
	.BodyPc
	{
		display:none;
	}
	.BodyMob
	{
		display:inline;
	}
	#s02_table_mob {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color: -skyblue;
}

}


@media only screen and (max-width: 550px) {


.s02_left {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color: -red;
}

.s02_right {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color: -gray;
}

.s02_spacer {
	float: left;
	display: none;
	position: relative;
	width: 100%;
	height: 12px;
	background-color: -orange;
}



select[name="selectmenu"], input[name="number"] {
	width: 100%;

}


#s02_table_pc {
	float: left;
	display: none;
	position: relative;
	width: 100%;
	background-color: -teal;
}

#s02_table_mob {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color: -skyblue;
}


}

/*---- S02 starts responsives start here ------*/