﻿ul{margin:0; padding:0}
#gallery{width:708px; float:left; padding:5px; border:1px #ccc solid;}
#gallery.custom-state-active{border:orange 1px solid; !important}
.gallery li{float:left; padding:0; margin:0 10px 10px; text-align:center; list-style-type:none; width:80px}
.gallery li h5{margin:0 0 0.4em; cursor:move}
.gallery li a{float:right; cursor:move; outline:0}
.gallery li a.ui-icon-zoomin{float:left}
.tr-parkrun{text-indent:-10000px; background:url(/images/rb/trophies/parkrun.png) no-repeat 0 0; width:80px; height:80px}
.tr-runinengland{text-indent:-10000px; background:url(/images/rb/trophies/runinengland.png) no-repeat 0 0; width:80px; height:80px}
.tr-rbgrandprix{text-indent:-10000px; background:url(/images/rb/trophies/rbgrandprix.png) no-repeat 0 0; width:80px; height:80px}
.tr-raisedforcharity{text-indent:-10000px; background:url(/images/rb/trophies/raisedforcharity.png) no-repeat 0 0; width:80px; height:80px}
.tr-onlineentry{text-indent:-10000px; background:url(/images/rb/trophies/onlineentry.png) no-repeat 0 0; width:80px; height:80px}
.tr-introducedanewcomer{text-indent:-10000px; background:url(/images/rb/trophies/introducedanewcomer.png) no-repeat 0 0; width:80px; height:80px}
.tr-handicapimproved{text-indent:-10000px; background:url(/images/rb/trophies/handicapimproved.png) no-repeat 0 0; width:80px; height:80px}
.tr-threepbs{text-indent:-10000px; background:url(/images/rb/trophies/threepbs.png) no-repeat 0 0; width:80px; height:80px}
.tr-1000miles{text-indent:-10000px; background:url(/images/rb/trophies/1000miles.png) no-repeat 0 0; width:80px; height:80px}
.tr-2000miles{text-indent:-10000px; background:url(/images/rb/trophies/2000miles.png) no-repeat 0 0; width:80px; height:80px}
.tr-jogscotland{text-indent:-10000px; background:url(/images/rb/trophies/jogscotland.png) no-repeat 0 0; width:80px; height:80px}
.tr-runinengland_groupleader{text-indent:-10000px; background:url(/images/rb/trophies/runinengland_groupleader.png) no-repeat 0 0; width:80px; height:80px}
.tr-clubmember{text-indent:-10000px; background:url(/images/rb/trophies/clubmember.png) no-repeat 0 0; width:80px; height:80px}
.tr-fourraces{text-indent:-10000px; background:url(/images/rb/trophies/fourraces.png) no-repeat 0 0; width:80px; height:80px}
.tr-claimedprofile{text-indent:-10000px; background:url(/images/rb/trophies/claimedprofile.png) no-repeat 0 0; width:80px; height:80px}
.tr-runninggroup{text-indent:-10000px; background:url(/images/rb/trophies/runninggroup.png) no-repeat 0 0; width:80px; height:80px}
.tr-runninggroupleader{text-indent:-10000px; background:url(/images/rb/trophies/runninggroupleader.png) no-repeat 0 0; width:80px; height:80px}
#trash{clear:both; width:708px; float:left; min-height:80px; padding:5px; border:1px solid #fff}
#trash h4{line-height:16px; margin:0 0 0.4em}
#trash h4 .ui-icon{float:left}
#trash .gallery h5{display:none}
#trash.ui-state-highlight{border:orange 1px solid!important}
a{outline:none}
#panel{width:720; float:left; display:none}
.slide{margin:0; padding:0; width:568px; clear:both}
.btn-slide{text-align:right; background:url(/images/rb/trophies/arrow.png) no-repeat 0 8px; width:135px; padding:5px 0 0; margin:0 auto; display:block; float:right; font-weight:bold; text-decoration:none; color:#AD0536; font-size:11px; cursor:pointer}
.active{background-position:0 -36px}
.ui-slider-vertical{height:370px; width:100%;position:relative; text-align:left; margin:3px 0 0 78px;}
.ui-slider-vertical .ui-slider-handle{cursor:default;left:0.8em;margin-bottom:-15px;background:transparent url(/images/rb/trophies/user2.png) no-repeat;position:absolute;height:28px;width:22px;z-index:2}
.ui-slider-vertical .ui-slider-range{left:0; width:47px; background:url(/images/rb/trophies/road2.png) no-repeat;position:absolute; z-index:1; font-size:.7em; border:0;}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
#milesperc{margin-top:5px}
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{clip:rect(1px,1px,1px,1px); position:absolute !important}
.ui-helper-reset{border:0 none; font-size:100%; line-height:1.3; list-style:none outside none; margin:0; outline:0 none; padding:0; text-decoration:none}
.ui-helper-clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden}
.ui-helper-clearfix{display:inline-block}
* html .ui-helper-clearfix{height:1%}
.ui-helper-clearfix{display:block}
.ui-button{cursor:pointer; background:#dfdfdf; border:1px solid #D3D3D3; display:inline-block; margin-right:0.1em; overflow:visible; padding:0; position:relative; text-align:center; text-decoration:none !important}
.ui-button-icon-only{width:2.2em}
button.ui-button-icon-only{width:2.4em}
.ui-button-icons-only{width:3.4em}
button.ui-button-icons-only{width:3.7em}
.ui-button .ui-button-text{display:block; line-height:1.4}
.ui-button-text-only .ui-button-text{padding:0.4em 1em}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text{padding:0.4em; text-indent:-1e+7px}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text{padding:0.4em 1em 0.4em 2.1em}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text{padding:0.4em 2.1em 0.4em 1em}
.ui-button-text-icons .ui-button-text{padding-left:2.1em; padding-right:2.1em}
input.ui-button{padding:0.4em 1em}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon{margin-top:-8px; position:absolute; top:50%}
.ui-button-icon-only .ui-icon{left:50%; margin-left:-8px}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary{left:0.5em}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary{right:0.5em}
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary{right:0.5em}
.ui-buttonset{margin-right:7px}
.ui-buttonset .ui-button{margin-left:0; margin-right:-0.3em}
button.ui-button::-moz-focus-inner{border:0 none; padding:0}
.ui-dialog{overflow:hidden; padding:0.2em; position:absolute; width:300px; background:#fff; font-size:100%}
.ui-dialog .ui-dialog-titlebar{padding:0.4em 1em; position:relative}
.ui-dialog .ui-dialog-title{float:left; margin:0.1em 16px 0.1em 0; color:#A91038; font-size:14px; font-weight:bold}
.ui-dialog .ui-dialog-titlebar-close{height:18px; margin:-10px 0 0; padding:1px; position:absolute; right:0.3em; top:50%; width:19px; display:block}
.ui-dialog .ui-dialog-titlebar-close span{cursor:pointer; display:block}
.ui-dialog .ui-dialog-content{background:none repeat scroll 0 0 transparent; border:0 none; overflow:auto; padding:0.5em 1em; position:relative}
.ui-dialog .ui-dialog-buttonpane{background-image:none; border-width:1px 0 0; margin:0.5em 0 0; padding:0.3em 1em 0.5em 0.4em; text-align:left}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}
.ui-dialog .ui-dialog-buttonpane button{cursor:pointer; margin:0.5em 0.4em 0.5em 0}
.ui-dialog .ui-resizable-se{bottom:3px; height:14px; right:3px; width:14px}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-widget-overlay{background:#000; opacity:0.8; filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.8); height:100%; left:0; position:absolute; top:0; width:100%}
.ui-icon{background-image:url("/images/rb/trophies/close.png"); height:16px; width:16px; .background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-99999px}
.dialog-confirm{display:none}
#update-training-form{display:none}
#t-graph{height: 300px; margin: 0 0 20px 0; width: 680px;float:left}
#t-graph-x-axis{background:url(/images/rb/trophies/t-graph-background.png) no-repeat;float:left;width:20px;height:300px}
.pop-close{margin-left:5px}
.pop-reward-info{margin:0}
.pop-reward-buttons{margin:20px 0 0;float:right}
.pop-reward-image{float: left; background-position: bottom left;margin: 0 20px 20px 0;}
.trash-empty-you{border:1px dashed #ccc!important;background:url(/images/rb/trophies/trash-bg-you.png) no-repeat;}
.trash-empty-other{border:1px dashed #ccc!important;background:url(/images/rb/trophies/trash-bg-other.png) no-repeat;}

.tabContainer{
	/* The UL */
	float:right;
	padding-right:13px;
}

#contentHolder{
	background-color:#EEEEEE;
	border:2px solid #FFFFFF;
	height:300px;
	margin:20px;
	
	color:#444444;
	padding:15px;
}

#tabContent{
	background-color:#333;
	border:1px solid #444;
	margin-top:-15px;
	width:100%;
}

#tabContent, .tabContainer li a,#contentHolder{
	-webkit-box-shadow:0 0 2px black;
	-moz-box-shadow:0 0 2px black;
	box-shadow:0 0 2px black;
}

.tabContainer li{
	/* This will arrange the LI-s next to each other */
	display:inline;
}

.tabContainer li a,.tabContainer li a:visited{
	/* Styling the hyperlinks of the tabs as colorful buttons */
	
	float:left;
	font-size:18px;
	
	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;
	
	padding:7px 16px 1px;
	margin:4px 5px;
	height:29px;
	
	/* Giving positioning */
	position:relative;
	
	/* CSS3 text-shadow */
	text-shadow:1px 1px 1px #CCCCCC;
}

#overLine{
	/* The line above the active button. */
	position:absolute;

	height:1px;
	background-color:white;
	width:90px;
	
	float:left;
	left:1px;
	top:-5px;
	overflow:hidden;
}
