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

div#db {
	position: relative;
	width: 955px;
	height: 600px;
	background-image:url(../images/dashboard/background.png);
	background-repeat:no-repeat;
	margin: 40px auto;
}
div#db div#db_logo {
	width: 87px;
	height: 85px;
	position: absolute;
	top: 0px;
	left: 425px;
	background-image:url(../images/dashboard/piLogo.png);
	background-repeat:no-repeat;
}
div#db div#db_buttons {
	width: 165px;
	height: 32px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 7px;
}
div#db div#db_buttons input#help {
	background:url(../images/dashboard/sprites.png) -1px -2px;
	width: 62px;
	height: 28px;
	border: 0;
	cursor: pointer;
}
div#db div#db_buttons input#help:hover {
	background:url(../images/dashboard/sprites.png) -1px -42px;
	cursor: pointer;
}
div#db div#db_buttons input#logout {
	background:url(../images/dashboard/sprites.png) -1px -82px;
	width: 86px;
	height: 28px;
	border: 0;
	cursor: pointer;
}
div#db div#db_buttons input#logout:hover {
	background:url(../images/dashboard/sprites.png) -1px -123px;
	cursor: pointer;
}
div#db div#db_greeting {
	position: absolute;
	top: 10px;
	left: 20px;
	color: #ffffff;
	font-size: 18px;
}
div#db div#db_module {
	position: absolute;
	top: 60px;
	left: 30px;
	color: #333333;
}
div#db div#db_main {
	position: absolute;
	top: 85px;
	left: 30px;
	width: 920px;
	height:477px;
}
div#db div#db_header {
	font-size: 36px;
	font-weight:bold;
	color: #333333;
	padding-bottom: 15px;
}
div#db_main div#db_bucket1, div#db_main div#db_bucket2{
	float: left;
	width: 437px;
	padding-right: 20px;
}
div#db_main div#db_bucket1 a{

}
div#db_main div#db_bucket1 a:hover, div#db_main div#db_bucket2 a:hover{
	text-decoration: none;
	color: #000000;
}
div.row:hover{	
	cursor: pointer;
	
	/*
	background-color: #e4e4e4 !important;
	
	background-color:#fff;
    border-width:1px;
    border-style:solid;
    border-bottom-color:#aaa;
    border-right-color:#aaa;
    border-top-color:#ddd;
    border-left-color:#ddd;
    */
	/*
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	*/
	/*-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	*/
}
div#db_main div.row div.activity{
	color: #000000;
	font-size:20px;
	padding: 4px 1px 1px 40px;
	width: 315px;
	float: left;
}
div#db_main div.row div.trophy{
    float: left;
    position: relative;
    /*right: -353px;
    top: -24px;*/
    width: 55px;
}
div#db_main div.row div.trophy div{
	font-size: 12px;
	font-weight:bold;
	text-align:center;
}
div#db_main div.row div.bronze{
	padding-left: 25px;
	background:url(../images/dashboard/sprites.png) no-repeat 3px -338px;
}
div#db_main div.row div.silver{
	padding-left: 25px;
	background:url(../images/dashboard/sprites.png) no-repeat 3px -305px;
}
div#db_main div.row div.gold{
	padding-left: 25px;
	background:url(../images/dashboard/sprites.png) no-repeat 3px -271px;
}
div#db_main div.row div.empty{
	padding-left: 25px;
}
div#db_main div.row{
	height: 28px;
	width: 100%;
	padding-top: 2px;
	border: 1px;
}
.ie8 div#db_main div.highlight{
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#E0E0E0)";
}
div#db_main div.highlight{	
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.4);
}
div#db_main div.deactivated{
	color: #7b7b7c;
}
div#db_moduleTest{
	position: absolute;
	top: 450px;
	left: 0px;
	color: #000000;
	font-size:22px;
	padding: 4px 1px 1px 40px;
	width: 140px !important;
}
div#db_main div.locked{
	background:url(../images/dashboard/sprites.png) no-repeat 3px -408px;
}
div#db_main div.unlocked{
	background:url(../images/dashboard/sprites.png) no-repeat 3px -369px;
}
div#db_main div.completed{
	background:url(../images/dashboard/sprites.png) no-repeat 3px -447px;
}
div#db_main div.moduleLocked{
	background:url(../images/dashboard/sprites.png) no-repeat 3px -485px;
}
div#db_main div.moduleUnlocked{
	background:url(../images/dashboard/sprites.png) no-repeat 3px -525px;
}
div#db_main div.moduleCompleted{
	background:url(../images/dashboard/sprites.png) no-repeat 3px -563px;
}

div#moduleTest div#close{
	background:url(../images/newlook/close_sidePanel.png) no-repeat top right;
	width: 35px;
	height: 45px;
	position: absolute;
	right: -23px;
	top: 10px;
}
div#moduleTest div#close img{
	padding-top: 10px;
	cursor: pointer;
}
div#achievement_learn_certificate_container{
	height: 152px; 
	width: 145px; 
	position: relative; 
	background: url(/common/assets/images/newlook/achievements/moduleComplete_dash.png) bottom no-repeat;
}
div#achievement_learn_certificate_text{
	position: absolute; 
	top: 60px; 
	left: 23px;
	font-family: 'Interval_Bold';
	font-size: 11px;
	color: #ffffff;
	width: 97px;
	text-align: center;
	padding-top: 79px
}
div#achievement_play_certificate_container{
	height: 150px; 
	width: 135px; 
	position: relative; 
	background: url(/common/assets/images/newlook/achievements/level_large.png) no-repeat 0 10px;
}
div#achievement_play_certificate_text{
	position: absolute; 
	top: 84px; 
	left: 40px;
	font-family: 'Interval_Bold';
	font-size: 12px;
	color: #ffffff;
	width: 55px;
	text-align: center;
}