/*
	Project: The Plateau on facebook
	URI: http://apps.facebook.com/theplateau/
	Description: The Plateau on facebook
	Version: 1
	Author: Chinmay Chiranjeeb
	Designed and Developed by: Sourcebits Technologies || http://www.sourcebits.com/
*/

a{
	text-decoration:none;
	outline:none;
}
body{
	overflow: hidden !important;
	height:750px;
}

.wrap{
	/*width:966px;*/	
	margin:0px auto 0pt;
	height:478px;
	width:742px;
	padding:0px;
	background: url("http://apps.sourcebits.com/theplateau/media/background.jpg") no-repeat left top;
}

.clear{
	clear:both;
	float:none !important;
}

.fl{
	float:left;
}

.fr{
	float:right;
}

.app_holder{
	height:478px;
	margin:0px auto;
	width:320px;
	overflow:hidden !important;
	padding:0;
}

object, embed{
	height:478px !important;
}

.app_holder object, .app_holder object{
	position:relative;
	left:-1px;
}

.spoonjuice, .sourcebits, .app_holder{
	float:left;
}

.spoonjuice{
	background: url("http://apps.sourcebits.com/theplateau/media/sb-sj-button.png") no-repeat right top;
	display:block;
	height:61px;
	margin:411px -10px 0 9px;
	width:197px;
}

.sourcebits{
	background: url("http://apps.sourcebits.com/theplateau/media/sb-sj-button.png") no-repeat left top;
	display:block;
	height:61px;
	margin:411px 13px 0 0;
	width:200px;
}

.spoonjuice span, .sourcebits span{
	display:none;
}

.scoreboard{
	background: url("http://apps.sourcebits.com/theplateau/media/scores-background.jpg") no-repeat left -1px;
	height:248px;
	width:742px;
	padding:0;
	font-family: Arial,Helvetica,Garuda,sans-serif;
	margin:15px auto 0;
	text-shadow:1px 1px 2px #a3a5a6;
}

.scoreboard ul{
	margin:0;
	padding:0;
}

.scoreboard ul li{
	list-style: none;
	margin:0;
	padding:0;
}

.scoreboard ul li span{
	display:block;
	text-decoration:none;
	color:#282f33;
}

.none, #safari_rememberDiv, #ie_historyFrame{
	display:none !important;
}

.navigation{
	float:left;
	width:171px;
	font-size:18px;
	font-weight:normal;
	text-align:right;
	margin:38px 0 0;
	padding:3px 0 0;
}

.navigation ul li{
	margin:10px 0;
	height:36px;
}

.navigation ul li.active{
	background: url("http://apps.sourcebits.com/theplateau/media/left-menu.png") no-repeat left bottom;
}

.navigation ul li span{
	display:block;
	height:100%;
	margin:0 2px 0 0;
	padding:0px;
	width:158px;
	cursor: pointer;
}

.today{
	background: url("http://apps.sourcebits.com/theplateau/media/left-menu.png") no-repeat left -5px;
	display:block;
}

.week{
	background: url("http://apps.sourcebits.com/theplateau/media/left-menu.png") no-repeat left -48px;
	display:block;
}

.month{
	background: url("http://apps.sourcebits.com/theplateau/media/left-menu.png") no-repeat left -93px;
	display:block;
}

.all-time{
	background: url("http://apps.sourcebits.com/theplateau/media/left-menu.png") no-repeat left -136px;
	display:block;
}

.scores{
	float:right;
	width:565px;
	overflow:hidden;
}

ul.mode{
	margin:0px 0 0px 109px !important;
	width:318px;
	padding:10px 0 17px;
	overflow:hidden;
}

ul.mode li span{
	height:32px;
	width:159px;
}

.challenge{
	background: url("http://apps.sourcebits.com/theplateau/media/game-mode.png") no-repeat left bottom;
	display:block;
}

.active .challenge{
	background: url("http://apps.sourcebits.com/theplateau/media/game-mode.png") no-repeat left -1px;
}

.arcade{
	background: url("http://apps.sourcebits.com/theplateau/media/game-mode.png") no-repeat right -1px;
	display:block;
}

.active .arcade{
	background: url("http://apps.sourcebits.com/theplateau/media/game-mode.png") no-repeat right bottom;
}
.scroll-pane {
	width: 557px;
	height: 168px;
	overflow: auto;
	float: left;
	margin:0px 0 0 -2px !important;
}

.position {
	height:170px;
	overflow:auto;
	position:relative;
	width:585px;
}

.jScrollPaneDrag{
	background: url("http://apps.sourcebits.com/theplateau/media/scroll.png") no-repeat left top;
	height:50px !important;
}

.position ul li{
	padding:8px 15px 12px;
	width:140px;
	margin:0 5px 0px;
	height:37px !important;
	float:left;
	background: url("http://apps.sourcebits.com/theplateau/media/position-bg.png") no-repeat left top;
	position:relative;
	overflow: hidden;
}

.position ul li span.name{
	color:#FFFFFF;
	float:left;
	font-size:18px !important;
	left:10px;
	position:absolute;
	text-align:left;
	text-transform:capitalize;
	top:5px;
	width:70%;
}
	
.position ul li span{
	font-size:12px !important;
	overflow:hidden;
	position:absolute;
	right:15px;
	text-align:right;
	color:#8da9ba;
	width:30%;
	top:5px;
}

.position ul li span.points{
	width:100%;
	top:25px;
	clear:both;
	position:absolute;
}
.ie8 .position ul li{
	height:47px !important;
	width:140px !important;
}

.ie7 .position ul li{
	height:57px !important;
	width:170px !important;
}

.ie .navigation{	
	margin:41px 0 0;
}

.ie .navigation ul li {
	height:36px;
	margin-bottom:-4px;
}

.ie .navigation ul li span{
	width:170px;
}

.position ul li a span, .position ul li span a{
	color:#fff;
	text-decoration: none;
}

.invite{
	background: url("http://apps.sourcebits.com/theplateau/media/invitefriends.png") no-repeat left top;
	padding:1px 0 0 20px;
	color:#222222;
	font-family:"Lucida Grande", sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:2px 0 2px 20px;
	color:#4e64ad;
}
a:hover{
	text-decoration: underline;
}