body {
	background: #d3d3d3;
	color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0;
	padding: 0px;
	background-image: url(https://trackmill.com/assets/1.21/images/background.gif);
}
body::selection {
        background: #ffb7b7;
}
/*------------------------------------*\
	Top Navigation Bar
\*------------------------------------*/
#topNav{
	text-align:center;
	margin: 15px 0;
}
#topNav ul {
	padding: 0;
	background: transparent url(images/footerBG.gif) repeat-x;
	height:35px;
	margin:0;
}
#topNav ul li {
	display: inline-block;
		
}
#topNav ul li a {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	text-decoration: none;
	padding:10px 0px 0 0px;
	margin: 0px 0px 0 -5px;
	background: transparent url(images/footerBG.gif) repeat-x;
	color: #fff;
	font-weight: 400;
	width:150px;
	height:25px;
	border-top: 1px none #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px none #CCC;
	border-left: 1px none #CCC;
	display:inline-block;
}
#topNav ul li a:hover {
	background-color: #2586d7;
	margin-top:-8px;
	padding-bottom:1px;
	border-top: 1px solid #1855a5;
	border-bottom: 1px solid #1855a5;
	width:150px;
}
/*------------------------------------*\
	Miscellaneous CSS "images"
\*------------------------------------*/
#viewStyleThumbs{
	background: transparent url(images/viewstyle.png) no-repeat 0px 3px;
	display:block;
	width:11px;
	height:14px;
}
#viewStyleLists{
	background: transparent url(images/viewstyle.png) no-repeat -11px 3px;
	display:block;
	width:11px;
	height:14px;
}
#viewSearchSetting{
	background: transparent url(images/viewstyle.png) no-repeat -22px 3px;
	display:block;
	width:13px;
	height:16px;
	
}
#viewSearchBar{
	background: transparent url(images/viewstyle.png) no-repeat 0px -13px;
	display:block;
	width:174px;
	height:24px;
	margin:4px 0 0 0;
	padding:0;
}
/*------------------------------------*\
	mainContainer -- to hold  tracklist and ads
\*------------------------------------*/
#mainContainer{
	width:867px;
	border: 1px solid #0F0;
	margin:0 auto;
	padding-left:160px;
}
/*------------------------------------*\
	trackListContainer
\*------------------------------------*/
#trackListContainer {
	width:700px;
	height:1815px;
	background: #dedede;
	-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
border: 1px solid #1855a5;	
float:left;
}
/*------------------------------------*\
	.thumb
\*------------------------------------*/
	._thumb{
		/*background:#eeeeee no-repeat center center;*/
		background:#eeeeee no-repeat center center;height:240px;width:240px;top:-84px;left:-70px;position:absolute;border: 1px solid #1855a5;padding:3px;
		/*height:240px;width:240px;top:-84px;left:-70px;position:absolute;border: 1px solid #1855a5;padding:3px;*/
	}
/*------------------------------------*\
	rightSideContainer
\*------------------------------------*/
#rightSideContainer {
	width:162px;
	height:515px;
	background: #dedede;
	border-top: 1px solid #1855a5;
	border-right: 1px solid #1855a5;
	border-bottom: 1px solid #1855a5;
	border-left: 1px solid rgba(255,255,255,0);	
float:right;
}
#rightSideContainer:hover {
opacity:0.9;
filter:alpha(opacity:90);
}
.trackListHeader
{
	background: #fdfdfd url(https://www.trackmill.com/images/gradient_thead.gif) repeat-x top left;
	color: #3d3d3d;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: right;
	padding-right: 6px;
	margin-top:31px;
}
/*------------------------------------*\
	levelSearch
\*------------------------------------*/
#levelSearch{
	list-style:none;
	font-weight:bold;
	margin:0;
	padding:3px 0 0 0;
	/* Clear floats */
	width:295px;
}
#levelSearch ::-moz-selection {
		background: #ffb7b7;
}
#levelSearch::selection {
		background: #ffb7b7;
}
#levelSearch li{
	float:left;
	margin-right:0px;
	position:relative;
}
#levelSearch a{
	display:block;
	padding:5px;
	color: #444;
	
	text-decoration:none;
	
}
#levelSearch a:hover{
	
	background:#6b0c36;
	text-decoration:underline;
}
 #levelSearch #searchSettings:hover{
}
/*--- DROPDOWN ---*/
#levelSearch ul{
	background:#fff;
	list-style:none;
	position:absolute;
	left:-9999px;
	margin:-1px 0 0 0;
	padding:0 0 8px 0;
	border: 1px solid #666;
	width:150px;
	font-size:11px;
	z-index:100;
}
#levelSearch ul dd{
	position:absolute;
	right:-1px;
	top:-26px;
	width:22px;
	height:24px;
	z-index:1;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #666;
}
#levelSearch ul li{
	padding:0px;
	margin:0;
	float:none;
}
#levelSearch ul a{
	white-space:nowrap;
}
#levelSearch li:hover ul{
	left:-128px;
}
#levelSearch li:hover a{ 
	background:#ffffff;
	text-decoration:underline;
}
#levelSearch li:hover ul a{
	text-decoration:none;
}
#levelSearch li:hover ul li a:hover{
	background:#fbfbfb;
}
#levelSearch #search{
	height:18px;
	margin:0px 0 6px 8px;
	width:136px;
	font-size:14px;
	outline:none;
	border-width: thin;
	border-style: none;	
	background:rgba(255,255,255,0);
}
#levelSearch #submitSearch{
	height:16px;
	margin:4px 0 0 8px;
	width:18px;
	font-size:12px;
	outline:none;
	background: transparent url(images/viewstyle.png) no-repeat -34px 3px;
	border-width: thin;
	border-style: none;	
}
*:focus 
{ 
  outline:none
}
/*------------------------------------*\
	Play Now Button
\*------------------------------------*/
.playnowbutton {
	border-top: 1px solid #96d1f8;
	background: #86c4e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#b5dbf0), to(#86c4e6));
	background: -webkit-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -moz-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -ms-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -o-linear-gradient(top, #b5dbf0, #86c4e6);
	padding: 1px 15px;
	margin: 0 4px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: white;
	font-color:#ffffff;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
	text-align:center;
	width:60px;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled;
}
.playnowbutton:link{
	color: #ccc;
	text-decoration: none
}
.playnowbutton:hover {
	border-top-color: #28597a;
	background: #28597a;
	color: #ccc;
	text-transform: none;
	text-decoration: none;
}
.playnowbutton:active {
	border-top-color: #1b435e;
	background: #1b435e;
	text-decoration: none;
}
#sortList{
	float:right;
	padding: 4px 2px 3px 0;
}
#sortList a.button {
	background: transparent url(images/bg_button_a.png) no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	height: 24px;
	margin-right: 3px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	 line-height: 14px;	
	
}
#sortList a.button span {
    background: transparent url(images/bg_button_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
#sortList a.button:active {
        background-position: right -24px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
#sortList a.button:active span {
    background-position: left -24px;
    padding: 5px 0 5px 18px; /* push text down 1px */
}
#sortList dd.button {
    background: transparent url(images/bg_button_a.png) no-repeat scroll bottom right;
    color: #444;
    display: block;
    float: left;
    	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;	
    height: 24px;
    margin-right: 3px;
    padding-right: 18px; /* sliding doors padding */
	padding-left:0;
	margin-left:0;
    text-decoration: none;
	line-height: 14px;	
	margin-top:0px;
}
#sortList dd.button span {
    background: transparent url(images/bg_button_span.png) no-repeat bottom left;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
/*------------------------------------*\
	header
\*------------------------------------*/
#header{
	width:720px;
	background: #CCC;
	margin:44px 15px 0 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #1855a5;
	font-size:12px;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Varela Round', sans-serif;
}
#header h1{
	margin:0;
	padding:0;
}
/*------------------------------------*\
	newLevelsList
\*------------------------------------*/
#newLevels {
	width:160px;
	height:210px;
	z-index:1;
	border-top: 1px solid #1855a5;
	border-right: 1px solid #1855a5;
	border-bottom: 1px solid #1855a5;
	border-left: 1px none #1855a5;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	padding-top:0px;
	padding-bottom:16px;
	margin-right:38px;
}
#newLevels  li{
	margin: 0px 0 0 0px;
	padding:0;
	overflow:hidden;
	white-space: nowrap;
	height:21px;
	list-style-type:none;	
}
#newLevels  li i{
	font-size: 10px;	
}
#newLevels  li a{
}
#newLevels {
	
	
}
#newLevelsFade {
	position:absolute;
	right:0px;
	top:36px;
	float:right;
	width:25px;
	height:227px;
	z-index:1;
	background: url(images/newLevelsFade.png) repeat-y 0px -28px;
}
#newLevels a:link{
	color:#3b86c0;
	text-decoration:none;
	padding:0 0px 0 3px;
	margin:0;
	height:67px;
}
#newLevels a:hover{
	color:#3d3d3d;
	text-decoration:none;
}
/*------------------------------------*\
	footer
\*------------------------------------*/
#footer {
	border-top: 1px solid #ddd;
	border-bottom: 10px solid #f5f5f5;
	background:#f5f5f5;
	width: 100%;
	clear:both;
	color: #3b86c0;
	font-size: 10px;
	text-align: center;
	opacity:0.3;
	filter:alpha(opacity:30);
	padding:0;
	padding-top:15px;
	height:15px;
}
#footerImages{
	position:relative;
	background: url(https://trackmill.com/assets/1.21/images/footerImages.png) no-repeat;
	height:110px;
	width:739px;
	margin: -4px auto 0px auto;
	padding-top:0px;
	padding-left:2px;
	text-align:center;
	bottom:-24px;
	font-size:12px;
	z-index:15;
}
/*--- */
#wrapper {
	position:relative;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 988px;
}
#side-a {
	float: left;
	width: 160px;
	font-size:14px;
}
#side-b {
	float: right;
	background: #dedede url(images/noise.png);
	width: 160px;
	
}
#content { 
	float: left;
		width: 665px;
		background: #dedede;
		-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	   border-radius: 8px;
	border: 1px solid #1855a5;
}
/*------------------------------------*\
popular tags
\*------------------------------------*/
#popularTags{
	background: #dedede url(images/noise.png);
	margin: 0 auto;
	width:160px;
	text-align: center;
	
}
#popularTags ul {
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
}
#popularTags li{
	float:left;
	background: url(https://trackmill.com/assets/1.21/images/tagLI.png) no-repeat 0 0px;
	padding: 0px 0px 0px 16px;
	height: 25px;
	margin:0px;
	line-height:22px;
}
#popularTags li a{
	text-transform: none;
	text-decoration: none;
	background: url(https://trackmill.com/assets/1.21/images/tagA.png) repeat-x right center;
	padding: 7px 4px 8px 8px;
	color: #996633;
	font-size: 11px;
}
/*------------------------------------*\
Thumbnail List View, Featured Thumbs
\*------------------------------------*/
ul#thumbs, ul#thumbs li{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
}
ul#thumbs{
	margin-left:8px;
	margin-top:5px;
}
#featuredLevels{
	background: #dedede url(images/noise.png);
}
#featuredLevels ul{
	padding:2px 0 0 0;
	margin:0;
}
#featuredLevels ul li{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
}
ul#thumbs li,#featuredLevels ul li{
	float:left;
	margin-right:5px;
	border: 1px solid #1855a5;	
	padding:2px;
	margin-bottom:6px;
}
ul#thumbs a{
	display:block;
	float:left;
	width:120px;
	height:120px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;
	text-transform: none;
	text-decoration: none;	
	vertical-align: middle;
	
	
}
ul#thumbs img{
	/*margin-top:50%;*/
}
ul#thumbs a div.trackName{
color:#222;position:absolute;left:-67px;top:89px;width:240px;
	
}
ul#featuredThumbs a div.trackName{
color:#222;position:absolute;left:-67px;top:-110px;width:240px;
	
}
ul#thumbs a div.creator{
color:#111;position:absolute;left:-55px;top:114px;width:200px;
}
ul#featuredThumbs a div.creator{
color:#111;position:absolute;left:-65px;top:108px;width:240px;
}
ul#thumbs a div.plays{
color:#111;position:absolute;right:-48px;top:-106px;	
}
ul#thumbs a .highscoreStatus {
	position: absolute;
	left: 87px;
	top: 87px;
	width: 32px;
	height: 32px;
	z-index: 1;
	
}

.hasScore{
	background: url(images/viewstyle.png) no-repeat -500px -95px;
}
.hasHighScore{
	background: url(images/viewstyle.png) no-repeat -475px -64px;
}
.listViewhighscoreStatus{
position:absolute;
	right:100px;
	top:8px;height:32px;width:32px;
}
ul#thumbs a div.rating{
color:#111;position:absolute;left:-67px;top:-106px;	
}
ul#thumbs a div p,ul#featuredThumbs a div p{
background: #CCC;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #1855a5;
font-size:12px;
height:30px;
display:inline;
padding:2px;
opacity:.7;
filter:alpha(opacity:70);
	
}
ul#thumbs a div p:hover{
opacity:1;
filter:alpha(opacity:100);
	
}
#featuredLevels ul a{
	display:block;
	float:left;
	width:150px;
	height:120px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;
	opacity:0.4;
	filter:alpha(opacity:40);
		transition: width .5s, height .5s, transform .5s;
	-moz-transition: width .5s, height .5s, -moz-transform .5s;
	-webkit-transition: width .5s, height .5s, -webkit-transform .5s;
	-o-transition: width .5s, height .5s,-o-transform .5s;	
}
ul#thumbs a img,#featuredLevels ul a img{
	float:left;
	position:absolute;
	top:-70px;
	left:-70px;	
	
}
ul#thumbs a:hover,#featuredLevels ul a:hover{
	overflow:visible;
	z-index:1000;
	border:none;
	opacity:1;
	filter:alpha(opacity:100);
	
}
ul#thumbs a:hover img,#featuredLevels ul a:hover img{
	border: 1px solid #1855a5;
	background:#ccc;
	/*left:5px;*/
	top:-74px;
	left:-74px;
	padding:3px;			
}
ul#thumbs:after, li#thumbs:after,#featuredLevels ul:after, #featuredLevels ul li:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
ul#thumbs, li#thumbs,#featuredLevels ul, #featuredLevels li{
	display:block;
}
ul#thumbs, li#thumbs,#featuredLevels ul, #featuredLevels li{
	min-height:1%;
}
* html ul#thumbs, * html li#thumbs{
	height:1%;
}
/*------------------------------------*\
pages / pagination
\*------------------------------------*/
ul#pagination{border:0; margin:0 auto 0 40px; padding:0;display:block;width:600px;height:25px;}
#pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
min-width:25px;
text-align: center;	
}
#pagination a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
}
#pagination .active{
color:#1b435e;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination a:link,
#pagination a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
min-width:25px;
text-align: center;
}
#pagination a:hover{
border:solid 1px #666666;
}

/*Checkbox slider*/
.ibutton-container {
  position: relative;
  height: 17px;
  cursor: pointer;
  overflow: hidden;
float:right;
	/* set max width to that of sprite */
	max-width: 400px;
	/* prevent text selection */
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled;
	/* set default width based on ON/OFF labels */
	width: 29px;
}
.ibutton-container input {
  position: absolute;
	top: 0;
	left: 0;
	/* hide the element */
	filter:alpha(opacity=0);
	-moz-opacity: 0.0; 
	opacity: 0.0;
	/* allow checking of input if visible */
	-moz-user-input: enabled  !important;
}
.ibutton-handle {
  display: block;
  height: 17px;
  cursor: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: transparent url(https://trackmill.com/assets/1.21/images/ibutton-slider-default.png) no-repeat scroll 0 -34px;
  z-index: 3;
  padding-left: 3px;
	/* set default width based on ON/OFF labels */
	width: 23px;
}
.ibutton-handle-right {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: transparent url(https://trackmill.com/assets/1.21/images/ibutton-slider-default.png) no-repeat scroll 100% -34px;
  z-index: 3; 
}
.ibutton-handle-middle {
  height: 100%;
  width: 100%;
  background: transparent url(https://trackmill.com/assets/1.21/images/ibutton-slider-default.png) no-repeat scroll 50% -34px;
  z-index: 3; 
}
div.ibutton-label-on, div.ibutton-label-off {
  white-space: nowrap;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  cursor: inherit;
  display: block;
  height: 22px;
  position: absolute;
  width: auto;
  top: 0;
  padding-top: 2px;
  overflow: hidden; 
  background: transparent url(https://trackmill.com/assets/1.21/images/ibutton-slider-default.png) no-repeat scroll 0 0;
}
div.ibutton-label-on {
  color: #fff;
  text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
  left: 0;
  padding-top: 2px;
  z-index: 1; 
}
div.ibutton-label-on span {
  padding-left: 3px;
}
div.ibutton-label-off {
  color: #7c7c7c;
  background-position: 100% 0;
  text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4);
  text-align: right;
  right: 0;
	/* the off label needs to near the left edge (ideally just 5px away) 
	 * it just needs to be close enough that it won't show under the handle if dragged to the left  
	 */
	width: 95%;
}
div.ibutton-label-off span {
  padding-right: 3px; 
}
/* create an outline when button gets focus via keyboard */
.ibutton-container label {
	cursor: inherit;
	padding: 1px 2px;
	font-size: 1em !important;
}
.ibutton-focus label {
	/* we must use border, since outline doesn't work in IE */
	border: 1px dotted #666 !important;
	padding: 0 2px;
}
.ibutton-focus div.ibutton-label-on span label {
	/* use white for more contrast */
	border-color: #fff !important;
}
/* add padding to right/left so that text gets clipped before absolute edge */
.ibutton-padding-left, .ibutton-padding-right {
	position: absolute; 
	top: 4px;
	z-index: 2; 
	background: transparent url(https://trackmill.com/assets/1.21/images/ibutton-slider-default.png) no-repeat scroll 0 -4px; 
	width: 3px;
	height: 20px;
}
	
.ibutton-padding-left {
	left: 0; 
}
.ibutton-padding-right {
	right: 0; 
	background-position: 100% -4px;
}
.ibutton-active-handle .ibutton-handle {
	background-position: 0 -68px;
}
.ibutton-active-handle .ibutton-handle-right {
	background-position: 100% -68px;
}
.ibutton-active-handle .ibutton-handle-middle {
	background-position: 50% -69px;
}
/* styles to use when the button is disabled */
.ibutton-disabled {
	cursor: not-allowed !important; /* cursor options: default or not-allowed */
}
.ibutton-disabled .ibutton-handle {
	background-position: 0 -68px;
}
.ibutton-disabled .ibutton-handle-right {
	background-position: 100% -68px;
}
.ibutton-disabled .ibutton-handle-middle {
	background-position: 50% -68px;
}
.ibutton-disabled div.ibutton-label-on {
	background-position: 0 -27px;
}
.ibutton-disabled div.ibutton-label-off {
	background-position: 100% -27px;
}
.ibutton-disabled .ibutton-padding-left {
	background-position: 0 -27px;
}
.ibutton-disabled .ibutton-padding-right {
	background-position: 100% -27px;
}
.ibutton-disabled div.ibutton-label-on {
	color: #fff;
}
.ibutton-disabled div.ibutton-label-off {
	color: #cbcbcb;
}
/* TipTip CSS - Version 1.2 */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}
#tiptip_holder.tip_top {
	padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
	padding-top: 5px;
}
#tiptip_holder.tip_right {
	padding-left: 5px;
}
#tiptip_holder.tip_left {
	padding-right: 5px;
}
#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
/*******
Play Page
*/

#apDiv2 {
	position:relative;
	left:0px;
	top:0px;
	min-width:123px;
	height:52px;
	z-index:2;
	
	height:67px;
}
.trackuserbutton {
	float:right;
	border-top: 1px solid #96d1f8;
	background: #86c4e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#b5dbf0), to(#86c4e6));
	background: -webkit-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -moz-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -ms-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -o-linear-gradient(top, #b5dbf0, #86c4e6);
	padding: 8px 15px;
	margin: 4px 4px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #494A4D;
	font-color:#494A4D;
	font-size: 14px;
	font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
	text-align:center;
	
	display:block;
	height:20px;
}
.trackuserbutton:link{
	color: #494A4D;
	text-decoration: none
}
.trackuserbutton:hover {
	border-top-color: #28597a;
	background: #28597a;
	color: #ccc;
	text-transform: none;
	text-decoration: none;
}
.trackuserbutton:active {
	border-top-color: #1b435e;
	background: #1b435e;
	text-decoration: none;
}
#gameContainer #gameArea{
	clear:both;
}
.unit-rating li.current-rating {
	/*background:url('ratings.gif') left bottom;*/
	background-position:left bottom;
	position:absolute;
	height:30px;
	display:block;
	z-index:1;
}
.unit-rating li.loading-rating {
	position:absolute;
	height:30px;
	width:300px;
	display:block;
	z-index:5;
	background-image:url(https://trackmill.com/assets/1.21/images/TM_loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
.unit-rating li a:hover {
	/*background:url('ratings.gif') left center;*/
	background-position:left center;
	z-index:2;
	left:0px;
}
.unit-rating {
	list-style:none;
	margin:0px;
	padding:0px;
	height:30px;
	position:relative;
	/*background:url('ratings.gif') top left repeat-x;*/
	background-position:top left;
}
.ratingblock {
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	font-size:12px;
	letter-spacing:2px;
	width:300px;
}
.loading {
	height:30px;
	background:url('../images/working.gif') 50% 50% no-repeat;
}
.unit-rating li {
	 text-indent:-90000px;
	padding:0px;
	margin:0px;
	float:left;
}
.unit-rating li a {
	outline:none;
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	text-indent:-9000px;
	z-index:20;
	position:absolute;
	padding:0px;
}
.unit-rating a.r1-unit {
	left:0px;
}
.unit-rating a.r1-unit:hover {
	width:30px;
}
.unit-rating a.r2-unit {
	left:30px;
}
.unit-rating a.r2-unit:hover {
	width:60px;
}
.unit-rating a.r3-unit {
	left:60px;
}
.unit-rating a.r3-unit:hover {
	width:90px;
}
.unit-rating a.r4-unit {
	left:90px;
}
.unit-rating a.r4-unit:hover {
	width:120px;
}
.unit-rating a.r5-unit {
	left:120px;
}
.unit-rating a.r5-unit:hover {
	width:150px;
}
.unit-rating a.r6-unit {
	left:150px;
}
.unit-rating a.r6-unit:hover {
	width:180px;
}
.unit-rating a.r7-unit {
	left:180px;
}
.unit-rating a.r7-unit:hover {
	width:210px;
}
.unit-rating a.r8-unit {
	left:210px;
}
.unit-rating a.r8-unit:hover {
	width:240px;
}
.unit-rating a.r9-unit {
	left:240px;
}
.unit-rating a.r9-unit:hover {
	width:270px;
}
.unit-rating a.r10-unit {
	left:270px;
}
.unit-rating a.r10-unit:hover {
	width:300px;
}
.voted {
	color:#999;
}
.thanks {
	color:#36AA3D;
}
.static {
	color:#5D3126;
}
span.add2Fav{
	width:37px;height:32px;display:inline-block;background:url('https://trackmill.com/assets/1.21/images/add2favs.png') no-repeat top left;float:right;
}
span.add2Fav:hover{
	background:url('https://trackmill.com/assets/1.21/images/add2favs.png') no-repeat left -32px;
	cursor:pointer;cursor:hand;
	width:100px;
}
span.fullScreen{
	width:37px;height:32px;display:inline-block;background:url('https://trackmill.com/assets/1.21/assets/1.21/images/fullscreen.png') no-repeat top left;float:right;
}
span.fullScreen:hover{
	background:url('https://trackmill.com/assets/1.21/images/fullscreen.png') no-repeat left -32px;
	cursor:pointer;cursor:hand;
	width:100px;
}
span.markSpam{
	width:37px;height:32px;display:inline-block;background:url('https://trackmill.com/assets/1.21/images/markspam.png') no-repeat top left;float:right;
}
span.markSpam:hover{
	background:url('https://trackmill.com/assets/1.21/images/markspam.png') no-repeat left -32px;
	cursor:pointer;cursor:hand;
	width:100px;
}
.socialBox{
	width:60px;height:65px;z-index:1;border: 1px solid #6eabcc;position:absolute;top:41px;text-align:center;padding-top:2px;background: #efefef;
}
#forumBox{
		width:52px;
		height:62px;
		z-index:2;
		margin-left:4px;
		background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) no-repeat -430px -89px;
}
#recentRatings {
	position:absolute;
	left:14px;
	top:48px;
	width:330px;
	height:26px;
	z-index:1;
	background: #efefef;
	color: #6eabcc;
	font-size: 12px;
	white-space:nowrap;
	overflow: hidden; 
	padding:0;
	margin:0;
}
#recentRatings #rightShade {
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:26px;
	z-index:2;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) no-repeat -267px -33px;
}
#recentRatings #leftShade {
	position:absolute;
	left:0;
	top:0;
	width:30px;
	height:26px;
	z-index:2;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) no-repeat -249px -33px;
}
#recentRatings ul{
	list-style-position: outside;
	list-style-type: none;
	margin: 0 auto;
	padding:0;
	white-space:nowrap;
	overflow: hidden; width: 800px;
}
#recentRatings li{
	float:left;
	padding:0 5px;
	white-space:nowrap;
}
#recentRatings span{
	display:block;
background: #f9f6ca;
margin-top:6px;
float:left;
}
.uprate{
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) no-repeat -174px -33px;
	width:25px;
	height:25px;
	float:right;
	
}
.downrate{
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) no-repeat -199px -33px;
	width:24px;
	height:25px;
	float:right;
}
.siderate{
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) no-repeat -223px -33px;
	width:24px;
	height:25px;
	float:right;
	
}
#levelScoresButton {
	height:24px;
	z-index:1;
	/*background: url(https://www.trackmill.com/images/round_plus.png) no-repeat; */
	
}
#levelScoresButton:hover{
/*	background:url(https://www.trackmill.com/images/round_plus.png) no-repeat left -24px; */
	cursor:pointer;cursor:hand;
}
#otherSocial {
	position:absolute;
	right:18px;
	top:42px;
	width:64px;
	height:64px;
	z-index:3;
}
#reddit {
	width:32px;
	height:32px;
	float:left;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) -468px 0px;
}
#delicious {
	width:32px;
	height:32px;
	float:left;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) -500px 0px;
}
#stumbleupon {
	width:32px;
	height:32px;
	float:left;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) -468px -32px;
}
#digg {
	width:32px;
	height:32px;
	float:left;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) -500px -32px;
}
#smallScreen {
	position:absolute;
	left:0px;
	top:0px;
	width:34px;
	height:32px;
	z-index:4000;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) -332px -24px;
}
#dropdownMessage {
	width: 300px;
	height:45px;
	text-align: center;
	position: fixed;
	color:#ff0000;
	font-weight: 900;
	top: -120px;
	left: 50%;
	font-size:11px;
	margin-left: -150px;
	padding-top: 50px;
	padding-bottom: 25px;
	background: url('https://trackmill.com/assets/1.21/assets/1.21/images/popupmessage.png');
}
#forumPopup {
	width:650px;
	height:auto;
	z-index:1;
	background: #efefef;
	font-family: 'Open Sans', sans-serif;
	/*display:none;*/
	padding: 5px;
	border: 1px solid #1755a5;
	margin: 3px auto;
}
#forumPopup #forumCode{
	height: 30px;
	width: 480px;
	font-size:12.5px;
}
#forumPopup p{
background: url(https://trackmill.com/assets/1.21/images/dropDownBG.png);
padding:5px;
text-align:center;
}
#forumPopup #upArrow {
	position:relative;
	left:375px;
	top:-42px;
	width:25px;
	height:26px;
	z-index:2;
	font-size: 34px;
	font-weight: 800;
	color: #efefef;
	width:0;
	height:0;
	
}
#levelScoresList,#levelRatingList {
	width:627px;
	background:url(https://trackmill.com/assets/1.21/images/dropDownBG.png);
	margin:0 auto;
	padding:15px;
	height:auto;
	max-height:250px;
	overflow:auto;
	margin-bottom:15px;
}
#levelRatingList ul{
	margin:0;
}
#levelRatingList li{
	height: 28px;
	width: 260px;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	background: #EEE url(images/noise.png);
	border-top: 1px solid #6eabcc;
	border-bottom: 1px solid #3357a6;
	opacity: 0.6;
	filter:alpha(opacity:60);
	list-style: none;
}
#levelRatingList li:hover{
		opacity:1;
	filter:alpha(opacity:100);
}
/*comments*/
.commentWrapper {
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:148px;
	z-index:1;
	background: url(images/commentbg.png) repeat 0px 298px;

}
.commentWrapper .leftBorder {
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:148px;
	z-index:2;
	background: url(images/commentbg.png) repeat 0px 0px;
}
.commentWrapper .rightBorder {
	position:absolute;
	right:0;
	top:0;
	width:10px;
	height:148px;
	z-index:2;
	
	background: url(images/commentbg.png) repeat 0px -149px;
}
.commentWrapper .userData,.replyWrapper .userData {
	position:absolute;
	left:4px;
	top:4px;
	width:130px;
	height:44px;
	z-index:2;
	background: #6eabcc;
}
.commentWrapper .userData img,.replyWrapper .userData img{
margin:6px;
}
.commentWrapper .userData a,.replyWrapper .userData a{
	position:absolute;
	left:42px;
	top:-4px;
	font-size: 12px;
	text-decoration: none;
	width: 87px;
	text-align: center;
}
.commentWrapper .timeStamp,.replyWrapper .timeStamp{
	position:absolute;
	right:6px;
	top:3px;
	width:185px;
	height:22px;
	text-align:center;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) no-repeat -271px 0px;
}
.commentWrapper .message{
	position:absolute;
	left:6px;
	top:56px;
	width:720px;
	height:86px;
	text-align:left;
	z-index:5;
	word-wrap: break-word;
}
.commentWrapper .comRateUp, .replyWrapper .comRateUp {
	position:absolute;
	left:69px;
	top:15px;
	width:24px;
	height:24px;
	z-index:5;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) no-repeat -175px -34px;
	border: 1px solid #6eabcc
}
.commentWrapper .comRateDown,.replyWrapper .comRateDown {
	position:absolute;
	left:100px;
	top:15px;
	width:24px;
	height:24px;
	z-index:6;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) no-repeat -199px -34px;
	border: 1px solid #6eabcc;
}
.commentWrapper .comRate:hover,.replyWrapper .comRate:hover  {
	border: 1px solid #F8F5C9;
	cursor:pointer;
}
.commentWrapper .crating,.replyWrapper .crating {
	position:absolute;
	left:72px;
	top:41px;
	width:50px;
	height:7px;
	background:#0F3;
	z-index:6;
	font-size:8px;
	text-align:center;
	padding:0;
	line-height:6px;
}
/* Dont include this twice */
.replyButton {
	border-top: 1px solid #96d1f8;
	background: #86c4e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#b5dbf0), to(#86c4e6));
	background: -webkit-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -moz-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -ms-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -o-linear-gradient(top, #b5dbf0, #86c4e6);
	padding: 0px 15px;
	margin: 8px 4px;
	width:70px;
	z-index:12;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: white;
	font-color:#ffffff;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
	text-align:center;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore;
	-moz-user-input: disabled;
	position:absolute;
	right:8px;
	bottom:-5px;
	height: 15px;
}
.replyButton:hover {
	border-top-color: #28597a;
	background: #28597a;
	color: #ccc;
	text-transform: none;
	text-decoration: none;
	cursor:pointer;
}
/*end dont include twice */


.replyWrapper {
	position:relative;
	left:0;
	top:0;
	word-wrap:break-all;
	height:50px;
	z-index:1;
	background: url(images/commentbg.png) repeat-x 0px -548px;
	margin: 1px 0 0 auto;
}
.replyWrapperWin {
	background: url(images/commentbgwin.png) repeat-x 0px -548px;
}
.commentWrapperWin {
	background: #f9f6ca;
}
.commentDeep1{
	width:680px;
}
.commentDeep2{
	width:660px;
	word-wrap:break-all;
}
.commentDeep3{
	width:640px;
}
.commentDeep4{
	width:620px;
}
.commentDeep5{
	width:600px;
}
.commentDeep6{
	width:580px;
}
.commentDeep7{
	width:560px;
}
.commentDeep8{
	width:540px;
}
.replyWrapper .leftBorder {
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:49px;
	z-index:2;
	background: url(images/commentbg.png) repeat 0px -447px;
}
.replyWrapper .leftBorderWin {
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:49px;
	z-index:2;
	background: url(images/commentbgwin.png) repeat 0px -447px;
}
.replyWrapper .rightBorder {
	position:absolute;
	right:0;
	top:0;
	width:10px;
	height:49px;
	z-index:2;
	background: url(images/commentbg.png) repeat 0px -497px;
}
.replyWrapper .rightBorderWin {
	position:absolute;
	right:0;
	top:0;
	width:10px;
	height:49px;
	z-index:2;
	background: url(images/commentbgwin.png) repeat 0px -497px;
}
.replyWrapper .message{
	position:absolute;
	left:140px;
	top:3px;
	width:80%;
	height:43px;
	text-align:left;
	z-index:5;
	font-size: 12px;
	word-wrap: break-word;
}
textarea#commentbox {
	width: 400px;
	height: 60px;
	color:#6eabcc;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #6eabcc;
	-moz-border-radius: 15px;
border-radius: 15px;
	padding: 5px;
	margin:15px;
	font-family: Tahoma, sans-serif;
	/*background-image: url(bg.gif);*/
	background-position: bottom right;
	background-repeat: no-repeat;
}
#submitComment{
	display:none;
	width:85px;
	height:60px;
	margin-bottom:25px;
	position:absolute;
	top:22px;
	left:430px;
	border: 1px solid #6eabcc;
	background: #86c4e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#b5dbf0), to(#86c4e6));
	background: -webkit-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -moz-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -ms-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -o-linear-gradient(top, #b5dbf0, #86c4e6);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#submitComment:hover{
	background: #FFFFFF;
	cursor:pointer;
}
#JqPostComments{
	position:relative;
	top:0;
	left:0;
}
#JqPostComments .counter{
	display:none;
}
/*Popup div*/
#popupWrap {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
	text-align: center;
	background: url(https://trackmill.com/newimages/popupbg.png);
	margin:0;
}
#popupWrap #popupContent {
	position:relative;
	top:30%;
	width:500px;
	height:200px;
	z-index:2;
	background: #e6e6e6;
	margin: 0 auto;
	padding-top:15px;
	font-family: 'Open Sans', sans-serif;
	color: #6eabcc;
		-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
	border: 2px solid #6eabcc;
}
#popupWrap h2{
	margin:0;
	padding:0;
	color: #3357a6;
	font-size: 18px;
}
#popupWrap .popupbutton {
	border-top: 1px solid #96d1f8;
	background: #86c4e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#b5dbf0), to(#86c4e6));
	background: -webkit-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -moz-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -ms-linear-gradient(top, #b5dbf0, #86c4e6);
	background: -o-linear-gradient(top, #b5dbf0, #86c4e6);
	padding: 15px 15px;
	margin: 15px auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: white;
	font-color:#ffffff;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
	text-align:center;
	width:60px;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled;
	display:block;
}
#popupWrap .popupbutton:link{
	color: #ccc;
	text-decoration: none
}
#popupWrap .popupbutton:hover {
	border-top-color: #28597a;
	background: #28597a;
	color: #ccc;
	text-transform: none;
	text-decoration: none;
	cursor:pointer;
}
#popupWrap .popupbutton:active {
	border-top-color: #1b435e;
	background: #1b435e;
	text-decoration: none;
}
.manage{
	font-family: 'Open Sans', sans-serif;
	background:  #EEE url(images/noise.png);
	border-top: 1px solid #6eabcc;
	border-bottom: 1px solid #3357a6;
	position:relative;
	top:0;
	left:0;
	min-height:26px;
	margin:1px auto;
	opacity:0.6;
	filter:alpha(opacity:60);
	width:100%;
}
.manage dd{
	font-size: 14px;
}
.manage:hover{
	background:#FFF;
	opacity:1.0;
	filter:alpha(opacity:100);
}
.delete{
	margin:2px 2px 1px 0;
	padding:2px;
	top:0;
	right:0;
	width:45px;
	position:absolute;
	font-size: 14px;
}
.download{
	margin:2px 2px 1px 0;
	padding:2px;
	top:0;
	right:50px;
	width:59px;
	position:absolute;
	font-size: 14px;
}
.edit{
	margin:2px 2px 1px 0;
	padding:2px;
	top:0;
	right:114px;
	width:45px;
	position:absolute;
	font-size: 14px;
}
.collab{
	margin:2px 2px 1px 0;
	padding:2px;
	top:0;
	right:164px;
	width:75px;
	position:absolute;
	font-size: 11px;
	height:17px;
}
.info{
	color:#ff5c5c;
	font-size: 11px;
	line-height:8px;
}
.userHSdetails {
	width:24px;
	height:24px;
	z-index:1;
	background: url(https://www.trackmill.com/assets/1.21/images/round_plus.png) no-repeat;
	display:inline-block;
	vertical-align: middle;
	float:right;
	margin-right:7px;
}
.userHSdetails:hover{
	background:url(https://www.trackmill.com/assets/1.21/images/round_plus.png) no-repeat left -24px;
	
	cursor:pointer;cursor:hand;
}
.top10{
	opacity:.9;
	filter:alpha(opacity:90);
	height:40px;
	margin-top:15px;
	vertical-align: middle;
	width:900px;	
}
.highScores{
	width:900px;
	
}
.scoreCount{
float:right;border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #09C;width:40px;
	text-align: right;
	height:100%;
	padding-right:3px
}
.firstPlaceList ul{
	width:699px;
	background:#FFF;
	/*margin:0 0 0 0px;*/
	margin:0 auto;
	padding-left:0;

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #09C;
	max-height:400px;
	overflow:none;
	overflow-y: scroll;
}
.firstPlaceList ul li{
	list-style:none;
	padding-right:3px;
}
.firstPlaceList ul li:hover{
	background:#CCC
}
.levelDetail {
	height: 350px;
	width: 600px;
	border: 1px solid #46d7f4;
	background-color: #EEE;
	margin-left: 35px;
	margin-bottom:3px;
	position: relative;
	top:0;
	left:0;
}
.levelDetail ul{
	list-style-type: none;
font-family: Century Gothic, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
color: #3357A6;
}
.levelDetail .descript{
	margin:5px;
	background:#EEE;
	border:#CCC 1px solid;
	padding:3px;
	word-wrap: break-word;	
}
.levelDetail .screenshot {
	width: 240px;
	height: 240px;
	z-index: 1;
	/*background-size: 140px auto;*/
	background-repeat: no-repeat;
	display: block;
	color: #999;
	/*border: 1px dashed #F00;*/
	background-position: 0 -33px;
	margin: 3px;
	float:left;

}
.infoArrow {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 18px;
	z-index: 1;
	background: url(https://trackmill.com/assets/1.21/images/viewstyle.png) -480px -97px;
	border-top: 1px solid transparent;
	border-right: 1px none;
	border-bottom: 1px none;
	border-left: 1px solid transparent;	
}
.infoArrow:hover {
	border: 1px solid #1855a5;
	background-color: #fff;
	cursor:pointer;
}
.listViewContainer {
	height:51px;
	margin:0;
	padding:0 0 0 25px;
	background:url(https://trackmill.com/forums/images/styles/TM/style/altBG.gif);
	position:relative;
font-family: Century Gothic, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
color: #3357A6;

}
.listViewContainer a {
color: #3357A6;
}
.listViewContainer .views {
	position:absolute;
	right:51px;
	top:3px;
	text-align: center;
	background:url(images/noise.png);
	height:45px;
	width:45px;
	line-height:45px;
}
.listViewContainer .rating {
	position:absolute;
	right:3px;
	top:3px;
	height:45px;
	width:45px;
	line-height:45px;
	text-align: center;
	background:url(images/noise.png);
}