#left_sidebar{
	width: 30%;
	background-color:#0fec3b;
	
	
}

#gameboard_avatar_img{
	max-width: 100%;
    height: auto;
}

.square_chiplevel_box{
	max-width: 20%;
	padding-left: 2%;
	padding-right: 2%;
	float: left;
	
}

.animation_and_chips{
	border: groove;
	border-color:#052904;	
	border-width: thick;
}

#spin_button{
	color: white;
	background-color: purple;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    width: 90%;
    font-size: 125%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 5%;
    
}

#spin_button:hover{
	color: purple;
	background-color: white;
    
}

.clear_floatlevel{
	clear: both;
}
.level_number{
	font-size: 24px;
}
/* Chip Styles */
.chip_empty{

}


.circle_chip{
	width: 25px;
        height: 25px;
        background: red;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        margin: 5px 5px 5px 5px;
        float: left;
}


.circle_chip_math{
	width: 25px;
        height: 25px;
        background: yellow;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        margin: 5px 5px 5px 5px;
        float: left;
}

.circle_chip_science{
	width: 25px;
        height: 25px;
        background: green;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        margin: 5px 5px 5px 5px;
        float: left;
}

.circle_chip_english{
	width: 25px;
        height: 25px;
        background: red;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        margin: 5px 5px 5px 5px;
        float: left;
}

.circle_chip_social{
	width: 25px;
        height: 25px;
        background: blue;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        margin: 5px 5px 5px 5px;
        float: left;
}

.chip_math{
	background-image: url('/views/media/games/master_guru/images/chips/yellow_light.png');
}

.chip_math.active{
	background-image: url('/views/media/games/master_guru/images/chips/yellow_dark.png');
	font-size: 24px;
	text-align: center;
	
}

.chip_science{
		background-image: url('/views/media/games/master_guru/images/chips/green_light.png');
}
.chip_science.active{
	background-image: url('/views/media/games/master_guru/images/chips/green_dark.png');
	font-size: 24px;
	text-align: center;
}


.chip_english{
	background-image: url('/views/media/games/master_guru/images/chips/red_light.png');
}

.chip_english.active{
	background-image: url('/views/media/games/master_guru/images/chips/red_dark.png');
	font-size: 24px;
	text-align: center;
}


.chip_social{
	background-image: url('/views/media/games/master_guru/images/chips/blue_light.png');
}

.chip_social.active{
	background-image: url('/views/media/games/master_guru/images/chips/blue_dark.png');
	font-size: 24px;
	text-align: center;
}

.diamond {
	margin:15px;
	width:50px;
	height:50px;
	background:#00551C;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.diamond:hover {
	margin:15px;
	width:50px;
	height:50px;
	background:#28A251;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	cursor: pointer;
}
.diamond-inner {
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.4em;
	text-align:center;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	width:50px;
	height:50px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.level_number_status{
	font-size: 48px;
	font-weight: bold;
	
}