@charset "utf-8";
/* CSS Document */

/*Circle*/
.circleequity {
    display:block;
    width:128px;
    height:128px;
    line-height:50px;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    color:#333;
    text-align:center;
    text-decoration:none;
    background: #e4e4e4;
    font-size:20px;
    font-weight:bold;
}
.circleequity:hover {
    background: #e77817;
	border: 1px solid #e77817;
	color:#fff;
	width:128px;
    height:128px;
}

.circlesep {
    display:block;
    width:128px;
    height:128px;
    line-height:50px;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    color:#333;
    text-align:center;
    text-decoration:none;
    background: #e4e4e4;
    font-size:20px;
    font-weight:bold;
}
.circlesep:hover {
    background: #e77817;
	border: 1px solid #e77817;
	color:#fff;
	width:128px;
    height:128px;
}

.circlemf {
    display:block;
    width:128px;
    height:128px;
    line-height:50px;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    color:#333;
    text-align:center;
    text-decoration:none;
    background: #e4e4e4;
    font-size:20px;
    font-weight:bold;
}
.circlemf:hover {
    background: #e77817;
	border: 1px solid #e77817;
	color:#fff;
	width:128px;
    height:128px;
}

.circlesip {
    display:block;
    width:128px;
    height:128px;
    line-height:50px;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    color:#333;
    text-align:center;
    text-decoration:none;
    background: #e4e4e4;
    font-size:20px;
    font-weight:bold;
}
.circlesip:hover {
    background: #e77817;
	border: 1px solid #e77817;
	color:#fff;
	width:128px;
    height:128px;
}

.circletrading {
    display:block;
    width:90px;
    height:90px;
    line-height:50px;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    color:#333;
    text-align:center;
    text-decoration:none;
    background: #e4e4e4;
    font-size:20px;
    font-weight:bold;
}
.circletrading:hover {
    background: #e77817;
	border: 1px solid #e77817;
	color:#fff;
	width:90px;
    height:90px;
}

.tooltipbox
{
	width:450px;
	position:absolute;
	float:left;
	font-size:12px;
	text-align:left;
	background-color:#cdcdcd;
	color:#000;
	padding:10px;
	line-height:22px;
	/*display:none;*/
	display: block;
	visibility:hidden;        /* Normally it is invisible */
	z-index:12;               /* Ensure that it hides anything that it where it pops up */
	transition-property:visibility;
	transition-delay:1s;
}

a:hover + .tooltipbox {  /* Select for the item (span) that follow a link (<a>) that the mouse is hovering over */
	visibility:visible;       /* Make the text in class tooltip_demo visible */
	transition-property:visibility;
	transition-delay:1s;
}
/*END Circle*/