/* stylesheet for Skandia team mini site. :Dan Wellman 2010 / Design Haus*/

/* Core */
a { color:#fff; text-decoration:underline; font-weight:bold; }
ul, li { list-style-type:none; padding:0; margin:0; }
fieldset, h2 { border:none; padding:0; margin:0; }
p, dl { margin:0; }
h3 { text-transform: none; margin: 5px 0px 0px 0px; }

h2.html-summary { padding: 15px 20px 5px 20px; font-size: 14px !important; }


/* ~ Utility Classes ~ */
.clear-float:after { content:"."; display:block; visibility:hidden; width:100%; height:0; clear:both; }
.accessible-hidden { text-indent:-9999px; overflow:hidden; display:block; }
.image-replaced-heading { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/headings.png) no-repeat 0 0; }
.image-replaced-icon { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/icons.png) no-repeat 0 0; }
.clear { clear:both; }

/* ~ Master Page Styles ~ */
body { background:#0A3953 url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/pageBg.png) repeat-y 50% 0; }
#skandiaWrapper { width:100%; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/skandiaWrapperBg.png) no-repeat 50% 0; }
#wrapper { padding:0 17px; background:#003365 url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/wrapperSlice.png) repeat-x 0 0; }
#header { border-bottom:0; }

/* Top Banner */
#topBanner { width: 100%; height:139px; padding: 0px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/topBannerBg.png) no-repeat 0 0; clear:both; position:relative; }
#topBanner h2 { border:none; width:368px; height:96px; float:left; }
#topBanner h3 { width:271px; height:41px; margin:25px 0 0 12px; float:left; }
#skandiaRegister { width:187px; height:108px; padding:29px 30px 0; position:absolute; right:0; top:0; }
#skandiaRegister h3 { background:none; font-size:18px; font-weight:bold; color:#fff; width:184px; height:43px; float:none; text-indent:0; margin:0; display:inline; text-transform:none; }

/* Navigation */
#subnav { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/subnavBg.png) no-repeat; }
#subnav ul { width:950px; }
#subnav ul li { float:left; text-transform:capitalize; } 
#subnav ul li a { color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; padding: 22px 19px 0 20px; height: 34px; display: block; }
#subnav ul li a:hover, #subnav ul li a.on { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/nav_over.png) no-repeat 50% 0; }

/* Footer */
#footer { width:950px; height:35px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/footerBg.png) no-repeat; padding:58px 0 0 0; position:relative; }
.dh-link { width:20px; height:0 !important; padding-top:20px; background-position:-334px -107px; position:absolute; left:26px; bottom:14px; }
#footer ul { float: left; margin:0 0 0 120px; }
#footer ul li { float:left; padding-left:5px; }
#footer ul li a { color:#d3ecf8; font-size:11px; margin-right:10px; }
#facebook, #twitter { display:block; padding: 0px; color:#d3ecf8; position:absolute; bottom:18px; font-size:11px; }
#facebook { background-position:-327px -131px; width:36px; height: 36px; right:70px; }
#twitter { background-position:-328px -166px; width:36px; height: 36px; right:17px; }

/* ~ Home Page Layout Styles ~ */
.home-content { width: 100%; height: 100%; padding: 20px 0px 18px 0px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sprites/mainBg.jpg) no-repeat 0 0; }
.home-content #left-panel { width: 699px; float: left; }
.home-content #left-panel #left-Col { width: 235px; float: left; position: relative; margin-left: 18px; }
.home-content #left-panel #right-Col { width: 436px; float: right; position: relative; }
.home-content #left-panel #right-Col div > div:last-child { margin-bottom: 0px !important; }
.home-content #right-panel { width: 230px; float: right; margin-left: 18px; }

/* ~ General Layout Styles ~ */
#content { float: left; display: table; width: 100%;}
#twoColLayout { width:950px; float: left; background:#003366 url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/rightColMainBg.png) no-repeat 100% 0%; margin-bottom: 18px; display: table-row; vertical-align: top;}
#twoColLayout #leftCol { width:705px; background: #003366 url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/leftColMainBg.png) no-repeat 0 0; padding: 22px 0px 10px 0px; display: table-cell; vertical-align: top; position: relative; }
#twoColLayout #rightCol { width:227px; padding: 18px 0px 0px 18px; display: table-cell; }
.white #twoColLayout #leftCol { background: white url("/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/blogBg.gif") no-repeat 0 0; }

.content { width: 100%; height: 100%; float: left; position: relative; margin-bottom: 5px; }
.content #left-panel { width: 705px; float: left; background: url("/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/leftColMainBg.png") no-repeat 0 0; padding-top: 20px; }
.content #right-panel { width: 230px; position: absolute; right: 0px; top: 0px; bottom: 0px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/rightColMainBg.png) no-repeat 0 0; padding: 20px 0px 0px 15px;}
#white #left-panel {background: white url("/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/blogBg.gif") no-repeat 0 0 !important; }

/* ~ General Headers ~ */
.internalHeaderContainer { width: 644px; height: 75px; padding: 17px 0 0 30px; margin: auto; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/internalHeadingContainerBlog.png) no-repeat 0 0; }
.internalHeaderContainer h2 { float:left; margin-right:32px; }
.internalHeaderContainer h2.gallery { background-position:0 -400px; width:154px; height:31px; }
.internalHeaderContainer h2.downloads { background-position:0 -431px; width:122px; height:21px; }
.internalHeaderContainer h2.video { background-position:0 -1065px; width:152px; height:32px; }
.internalHeaderContainer h2.photo { background-position:0 -399px; width:156px; height:32px; }
.internalHeaderContainer h2.location { background-position:0 -746px; width:248px; height:23px; }
.internalHeaderContainer h3 { float:left; font-size:16px; color:#0d4779; }
.internalHeaderContainer select { float:right; margin-right:15px; }

/* ~ Buttons ~ */
.button { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0 0; height:26px; border:0; cursor:pointer; }
.support { width:132px; height:30px; margin-top:12px; }
.support:hover { background-position:0 -30px; }
.offer button { width:115px; background-position:0 -60px; }
.offer button:hover { background-position:0 -90px; }
.vote-box button { width:68px; background-position:0 -172px; position:absolute; bottom:38px; right:0; }
.vote-box button:hover { background-position:0 -198px; }

#voteForm div button.vote { width:68px; position: relative; right: 0px; bottom: 0px; background-position:0 -120px; float: right; }
#voteForm div button.vote:hover { background-position:0 -146px; }

.prof-profile { width:180px; height:30px; margin-top:6px; background-position:0 -892px; float: left; }
.prof-profile:hover { background-position:0 -922px; }

/* ~ Page Specific Styles ~ */

/* Meet The team */
.profile-extrahtml-container { width:220px; color:#0d4779; float:right; margin-right:35px; margin-top:-170px; }

.meettheteam #leftCol .questions { float: left; }
.meettheteam #leftCol #side-panel { width: 225px; float: right; margin: 100px 35px 0px 0px; }
.meettheteam #leftCol #side-panel .profile-blog { float: left; margin-bottom: 30px; }
.meettheteam #leftCol #side-panel .profile-gallery { float: left; margin: 0px 0px 30px 4px; }
.meettheteam #leftCol #side-panel .profile-extrahtml-container { width:220px; float:left; margin: 0px; }

#leftCol .profile-blog { width: 187px; height: 244px; padding: 40px 15px 15px 20px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/profileBlogBg.png) no-repeat; position: relative; }
#leftCol .profile-blog h2 { background:none; font-size:26px; margin-bottom:32px; }

.profile-gallery { width: 171px; padding: 10px 20px 20px 20px; background-color: #03234e; }
.profile-gallery h2 { font-size:26px; margin-bottom:24px; }
.profile-gallery img { border:1px solid #d3ecf8; margin-right:7px; margin-bottom:7px; width:48px; height:48px; }
.profile-gallery img.right { margin-right:0; }
.team-link { margin-top: 10px; float: right; }

/* Events Page */
.events-page .internalHeaderContainer h2 { width: 85px; height: 24px; background: url("/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/headers2.gif") no-repeat 0px -57px; }

/* Crew Room Page */
.crewroom-page .internalHeaderContainer h2 { width: 132px; height: 26px; background: url("/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/headers2.gif") no-repeat 0px -80px; }

/* Gallery Page */
.video-iframe {width: 646px; height:550px; margin:0 30px 50px 30px; background-color:#FFFFFF; }

/* News Page */
.news .internalHeaderContainer h2 { width: 145px; height: 24px; background: url("/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/headers2.gif") no-repeat 0px 0px; }

/* The Sport Page */
.TheSport .internalHeaderContainer { position: relative; z-index: 10; }
.TheSport .blog-container { position: relative; z-index: 1; top: -10px; padding-right: 21px; } 
.TheSport .blog-container h3 { color: #e1081e; font-size: 10.5pt; margin-bottom: 15px; } 
.TheSport .blog-container .post { width: 610px; display: inline-block; background: white; padding: 25px; color: #00204f;  }
.TheSport .blog-container .post .article-hub-pod a { color: #779ab8;  }
.TheSport .blog-container .post .article-hub-pod a:hover { color: #e1081e !important;  }
.TheSport .blog-container .post .article-hub-pod-strip, 
.TheSport .blog-container .post .article-hub-pod a img { margin: 0px 8px 8px 0px; float: left; }
.TheSport .vote-heading { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/internalHeadingContainerBlog.png) no-repeat 0 0; padding-top:17px; height:75px; }
.TheSport .RadEditor { width: 580px; height: 40px; }

/* Blog Page */
.blog-page .internalHeaderContainer h2 { background-position: 0 -469px; width: 121px; height: 30px; }
.blog-page .post { width: 100%; }
.blog-page .post ul { margin-top: 5px; width: 100%; }

/* Diary Page */
.diary .internalHeaderContainer { background-position:0 100%; height:68px; padding-top:10px; }
.diary .internalHeaderContainer h2 { height:29px; }

/* Features page*/
.features-page a:hover { text-decoration:none; }
.features-page .internalHeaderContainer h2 { width: 145px !important; height: 24px !important; background-position: -61px -1097px !important; }
 h2.team-blog-news { background-position:0px -1121px !important; width:151px !important;}

/* Top Pick & Feature Panel */
.feature { width:661px; margin:0 auto 30px; color:#0d4779; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/feature-footer.png) no-repeat 50% 100%; }
.feature h2 { margin-bottom:23px; }
.feature h2 a, .feature a { color:#0d4779; text-decoration:underline; }
.feature p { padding:0 20px; margin-bottom:24px; float:left; line-height:20px; }
.with-image p { width:382px; margin-top:12px; }
.image { width:296px; height:250px; text-align: center; position:relative; float:right; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/feature-picture.png) no-repeat; }
.image img { position: relative; top: 30px; border:1px solid #003366; }
.feature a { font-weight:bold; }
.feature a span { font-size:120%; }

.top-news { width:661px; margin:0 auto 30px; color:#0d4779; padding-top:74px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/top-newsHeader.png) no-repeat; }
.top-pick { width: 661px; color: #0d4779; margin: 0px auto 20px; padding-top:71px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/top-pickHeader.png) no-repeat; }
.top-pick h2, .top-news h2 {  }
.top-pick h2 a, .top-news h2 a { color:#0d4779; text-decoration:underline; }
.top-pick p { padding:0 20px; margin-bottom:24px; float:left; line-height:20px; }
.top-pick .inner-wrap, .top-news .inner-wrap { width:621px; padding:0 20px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/top-pickBody.png) repeat-y; }
.top-pick .feature-footer, .top-news .feature-footer { width:661px; height:29px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/top-pickFooter.png) no-repeat; }
.top-pick .content, .top-news .content { width:312px; margin-top:12px; float:left; line-height:20px; }
.top-pick .continue, .top-news .continue { clear:both; width:169px; height:36px; background-position:0 -700px; }
.top-pick .continue:hover, .top-news .continue:hover { background-position:0 -736px; }

.features-page .article-hub-pod-strip, .news .article-hub-pod-strip 
{ width: 661px; margin: 0px 0px 0px 25px; float: left; }
.features-page .article-hub-pod-strip .feature, .news .article-hub-pod-strip .feature
{ margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; }
.features-page .article-hub-pod-strip .feature h2, .news .article-hub-pod-strip .feature h2
{ width: 100%; margin: 0px 0px 10px 0px; padding: 0px; float: left; }
.features-page .article-hub-pod-strip .feature p, .news .article-hub-pod-strip .feature p
{ width: 100%; float: left; margin: 0px 0px 10px 0px; padding: 0px; }
.features-page .article-hub-pod-strip .with-image p, .news .article-hub-pod-strip .with-image p
{ width: 50%; }
.features-page .article-hub-pod-strip .feature div, .news .article-hub-pod-strip .feature div
{ float: right; }
.features-page .article-hub-pod-strip .feature a, .news .article-hub-pod-strip .feature a
{ padding: 0px; float: left; }

.feature-paging { float:right; margin:0 20px 30px 0; }
.feature-paging a { margin-right:-1px; border:1px solid #0d4779; color:#0d4779; }
.feature-paging a.prev, .feature-paging a.last { margin-left:4px; }
.feature-paging a:hover, .feature-paging a:hover span { background-color:#0d4779; color:#fff; }
.feature-paging span { color:#0d4779; margin:0 2px; }
.feature-paging a span { line-height:13px; }

#viewer { position:relative; width:705px; height:198px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/viewerBg.png) no-repeat; }
.banner-red { position:absolute; right:-7px; bottom:10px; background-position:-147px -98px; display:block; width:178px; height:24px; padding-top:9px; text-align:center; color:#fff; font-size:12px; font-weight:bold; }
#controls { width:100%; height:100%; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/viewermask.png) no-repeat; position:absolute; left:0; top:0; z-index:2; }
#imgLinks { position:absolute; bottom:16px; right:194px; }
#imgLinks a { float:right; display:block; width:14px; height:14px; border:1px solid #afdff6; background-color:#afdff6; margin-left:10px; }
#imgLinks a:hover, #imgLinks a.active { background:#0d4779; }
#viewer img { position:absolute; top:0; left:0; z-index:0; }
#viewer img.active { z-index:1; }

#threeColLayout { width: 938px; float: left; margin: 18px 0px; padding-left: 12px; }
#threeColLayout #leftCol { width:235px; float:left; }
#threeColLayout #centreCol { width:445px; float:left; }
#threeColLayout #rightCol { width:227px; float:left; padding-left: 18px; }

#moreBlogs { display:block; width:147px; height:96px; position:absolute; bottom:-18px; left:-14px; background-position:0 -97px; }
#rss { padding:5px 30px 5px 0; background-position:-169px -134px; color:#d3ecf8; font-size:12px; font-weight:bold; position:absolute; right:30px; bottom:10px; } 

#press { width:167px; height:261px; padding:25px 25px 0; margin-bottom:10px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/pressBg.png) no-repeat; color:#0d4779; position:relative; }
#press h2 { width:133px; height:38px; background-position:0 -175px; margin-bottom:10px; }
#press li { font-weight:bold; margin-bottom:8px; }
#press a { display:block; color:#0d4779; font-weight:normal; } 
.see-all { position:absolute; right:15px; bottom:15px; font-weight:bold; font-size:12px; }

#vote, #voteResults { height:140px; width:179px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/voteBg.png) no-repeat; padding:20px 14px 0; position:relative; left:4px; }
#vote h2 { width:163px; height:23px; background-position:0 -127px; margin-left:-1px; }
#vote fieldset { padding-top:10px; }
#vote p, #vote label, #voteResults p { font-weight:bold; font-size:14px; color:#0d4779; }
#vote label { margin-right:5px; }
#vote button { width:68px; background-position:0 -120px; position:relative; top:-5px; right:-10px; display:inline; }
#vote button:hover { background-position:0 -146px; }
#voteResults h2 { width:135px; height:18px; background-position:0 -769px; }
#voteResults p { font-size:11px; width:73px; font-weight:normal; line-height:1.2em; position:absolute; left:15; top:45px; }
#voteResults .result-container { height:100px; width:105px; right:7px; position:absolute; }
#voteResults .result-container div { background-color:#e90034; width:25px; position:absolute; bottom:0; }
#voteResults .result-container div.no { left:0; }
#voteResults .result-container div.yes { left:52px; }
#voteResults .result-container label { width:25px; color:#0d4779; font-size:12px; font-weight:bold; position:absolute; bottom:-2px; }
#voteResults .result-container label.no { left:27px; }
#voteResults .result-container label.yes { left:80px; }

#runners { width:410px; height:326px; padding:35px 20px 0; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/runnersBg.png) no-repeat; position:relative; margin-bottom:19px; }
#runners .runners { width:167px; height:19px; background-position:0 -108px; margin-bottom:20px; }
#runners .runners-container { position:relative; margin-bottom:20px; }
#runners div div { float:left; width:180px; height:57px; font-size:11px; margin-bottom:10px; }
#centreCol #runners div div { margin-right:10px; }
#runners div div img { float:left; margin-right:12px; width:46px; height:56px; }
#runners div div h3 { font-weight:bold; float:left; margin:0; line-height:1.1em; width:110px; }
#runners div div h3 a { color:#0d4779; }
#runners div div p { color:#0d4779; line-height:1.1em; margin-bottom:5px; }
#runners a.see-all { color:#0d4779; bottom:-14px; }
#runners div div span.tack { padding:2px 0 2px; color:#0d4779; display:block; width:122px; float:left; }
#runners div div span.three, .runners-and-riders span.three { background-position:100% -263px; }
#runners div div span.two, .runners-and-riders span.two { background-position:100% -281px; }
#runners div div span.one, .runners-and-riders span.one { background-position:100% -299px; }

#runners .rankings { width:249px; height:25px; background-position:0 -150px; margin-bottom:12px; }
.rankings-container { width:410px; position:relative; }
.rankings-container dl, .runners-and-riders .rankings-container dl { float:left; width:194px; font-weight:bold; font-size:12px; color:#0d4779; margin:0; padding:0; }
.rankings-container dl dt, .rankings-container dl dd, .runners-and-riders .rankings-container dl dt, .runners-and-riders .rankings-container dl dd { float:left; }
.rankings-container dl dt, .runners-and-riders .rankings-container dl dt { clear:left; width:35px; font-weight:bold; }
.rankings-container dl dd { width:130px; }
.rankings-container dl dd.flag { margin-right:5px; margin-top:1px; width:16px; }

#gallery { width:384px; height:136px; padding:17px 26px 0; background-color:#03234e; position:relative; float: left;}
#gallery h2 { width:136px; height:24px; background-position:0 -58px; margin-bottom:10px; }
#gallery .internal-container { width:370px; height:69px; overflow:hidden; margin:auto; position:relative; }
#gallery .arrow { width:13px; height:28px; position:absolute; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/icons.png) no-repeat 0 0; }
#gallery .prev { left:12px; top:71px; background-position:0 -257px; }
#gallery .next { right:12px; top:71px; background-position:0 -285px; }
#gallery .see-all { color:#d3ecf8; }
#gallery .internal-container a { display:block; border:1px solid #d3ecf8; margin-right:11px; float:left; width:114px; height:67px; }
#gallery .internal-container a.last { margin-right:0; }
#gallery .internal-container a img { border:0; }
#gallery .slider { position:relative; left:0; }

.media-images { padding-right:20px; float:right;}
.media-images a.more { width: 153px; height: 30px; display:block; text-indent:-9999px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0px -952px; }
.media-images a.more:hover { background-position: 0px -982px;}


#teamLocation { margin-bottom:14px; }
#teamLocation h2 { width:234px; height:44px; background-position:0 -213px; margin-bottom:-2px; }
#teamLocation .map { display:block; width:230px; height:166px; margin-top:-5px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/map.png) no-repeat; }

#compo { width:186px; height:319px; padding:10px 10px 0; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/compoBg.png) no-repeat; position:relative; left:15px; float: left; margin-left: 10px; }
#compo h2 { width:162px; height:44px; background-position:0 -356px; position:relative; left:-26px; }
#compo p { font-size:14px; color:#0d4779; float:left; width:90px; margin-top:21px; padding-right:10px;  }
#compo p.strap { font-weight:bold; float:none; width:170px; margin-top:5px; }
#compo p.question { font-weight:bold; float:none; clear:both; width:100%; margin-top:5px; }
#compo fieldset { margin:9px 0 0; width:182px; }
#compo input { margin:0 2px 13px 0; position:relative; top:1px; float:left; }
#compo label { font-size:12px; font-weight:bold; color:#0d4779; margin-right:12px; float:left; }
#compo .terms { float:left; margin-right:5px; clear:left; }
#compo label.terms-label { font-weight:normal; font-size:11px; width:52px; display:block; float:left; }
#compo button { width:68px; background-position:0 -224px; float:right; }
#compo button:hover { background-position:0 -250px; }

#twoColLayout .runners-right { width:178px; height:518px; left:10px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/runnersRightBg.png) no-repeat; }
#twoColLayout .runners-right .runners-container { width:185px; }
#twoColLayout .runners-right .runners { position:relative; left:-7px; margin:10px 0 14px; }
#twoColLayout .runners-right .see-all { right:15px; margin-bottom:-7px; }
#twoColLayout .runners-right-three { height:252px; width:178px; left:10px; padding-top:48px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/runnersRightBg_3.png) no-repeat; }
#twoColLayout .runners-right-three h2 { margin-bottom:10px; }
#twoColLayout .runners-right-three .see-all { right:20px; bottom:10px; }

.offer { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/offerBgSlice.gif) repeat-y 0 0; width:219px; height:127px; border-top:1px solid #094d7f; padding:10px 11px 0 15px; position:absolute; right:0; top:0; }
.offer img { float:right; } 
#topBanner .offer h2 { font-size:15px; font-weight:bold; color:#ec0035; float:none; width:auto; height:auto; margin:0 0 10px; }
#topBanner .offer h3 { font-size:14px; font-weight:bold; color:#0d4779; float:none; width:102px; height:auto; margin:0 0 18px; }
.addThisLink { position:absolute; left:20px; bottom:20px; }

.gallery-section { width:666px; height:315px; margin:10px auto; position:relative; }
.gallery-section h2, .download-section h2 { font-size:32px; font-weight:bold; text-indent:24px; }
.gallery-viewer { width:676px; position:absolute; left:0; top:50px; }
.gallery-viewer a { display: block;}
.gallery-section img { float:left; margin:0 14px 14px 0; width:155px; height:108px; }
.gallery-paging { position:absolute; right:0; bottom:0; }
.paging a { padding:2px 6px; margin-right:4px; border:1px solid #afdff6; color:#afdff6; text-align:center; text-decoration:none; display:inline-block; }
.paging a:hover, .gallery-paging a.gallery-on { background-color:#03234e; font-size:12px; }
.paging span { margin-right:4px; }
.paging a span { margin-right:0; font-size:16px; line-height:14px; }
.bottom-paging { position:relative; float:right; margin:30px 20px 20px 0; }

.wallpaper-viewer { height:438px; }
.wallpaper-container { float:left; width:155px; height:167px; margin:0 14px 14px 0; }
.wallpaper-container label { display:block; width:75px; float:left; }

.download-section { width:666px; height:388px; margin:10px auto; position:relative; }
.download-container { height:145px; float:left; width:155px; margin:0 14px 14px 0; }

.map-heading { height:86px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/internalheadingContainerMap.png) no-repeat 0 0; }
.map-legend { float:right; position:relative; top:-8px; right:10px; }
.map-legend li { padding-left:20px; margin-bottom:2px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/icons.png) no-repeat 0 0; font-size:11px; color:#0d4779; }
.map-legend li.sailing { background-position:-165px -236px; }
.map-legend li.tweeted { background-position:-165px -219px; }
.map-legend li.blogged { background-position:-165px -203px; }
.map-container { width:637px; margin:-17px auto 0; padding:14px 14px; background-color:#fff; }
#map { height:530px; margin-bottom:24px; }
.events-container { width:614px; height:150px; padding:21px 18px 0; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/eventsBg.png) no-repeat; margin-left:-9px; }
.events-container h2 { background-position:0 -452px; width:104px; height:17px; }
.events-container ul { margin:17px 0 0 -5px; }
.events-container ul li { float:left; margin-left:18px; }
.events-container ul li a img { border:none; }

/* Blog Pages */
.team-blog h2 { background-position:0 -470px; width:121px; height:30px; }
.blog-container { padding:0 25px; }
.blog-container .cal { margin-right:20px; float:left; width:42px; height:55px; background-position:-323px -203px; }

.blog-header { width: 97%; min-height: 55px; float: left; position: relative; margin-bottom: 10px; }
.blog-entry .blog-header { padding: 10px; border: 1px solid #bab9b7; background-color: white; }
.blog-header h2 { width: 100%; color:#0d4779; font-size:18px; font-weight:bold; text-decoration:underline; margin-bottom:12px; }
.blog-header ul { float: left; }
.blog-header ul li { float:left; font-size:14px; color:#0d4779; }
.blog-header ul li.first { padding-right:10px; margin-right:10px; border-right:1px solid #0d4779; }
.blog-header .cal .title { font-size:10px; font-weight:bold; padding-top:2px; }

.blog-page .banner-red { height: 25px !important; line-height: 19px; right: -7px !important;}
.cal .year { font-size:10px; color:#1e5382; }

.post { margin-bottom:32px; float: none; }
.post img { float:right; margin:0 0 30px 8px; }
.post p { font-size:12px; color:#0d4779; margin-bottom:12px; }
.post ul li { float:left; }
.post ul li a { color:#044779; font-size:12px; margin-right:15px; }
.post ul li a.addThisLink { position:static; }
.post ul li a.addThisLink img { float:none; margin:0; }

.comments, .add-comment { width: 655px; margin: 0px 23px; float: left; }
.comments h2 { background-position: 0 -499px; width:93px; height:18px; margin-bottom:28px; }
.comments ul li { float:left; font-weight:bold; color:#0d4779; }
.comments .comment { margin-bottom:30px; }
.comments ul li.first { padding-right:10px; margin-right:10px; border-right:1px solid #0d4779; }
.comments p { clear:both; font-size:12px; color:#0d4779; }
.comments .icon-rss { width:24px; height:24px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/icons.png) no-repeat -200px -134px; float:right; margin-top:-30px; } 

.add-comment { border-top: 1px solid #509ec5; padding: 20px 0px; }
.add-comment h2 { background-position:0 -518px; width:160px; height:15px; }
.add-comment fieldset { width: 100%; position: relative; }
.add-comment textarea { width: 649px; border: 1px solid #0d4779; background-color: #d3ecf8; float: left; margin: 10px 0px 10px 0px; }
.add-comment button { position:absolute; top:93px; right:0; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0 -172px;  border:0; display:block; width:80px; height:26px; cursor:pointer; }
.add-comment button:hover { background-position:0 -198px; }
.add-comment input { margin-right:10px; display:block; clear:left; float:left; }
.add-comment label { font-size:11px; color:#0d4779; position:relative; top:3px; float:left; }
.add-comment input.submit { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0 -172px; border:0; width:68px; height:26px; cursor:pointer; float: right; margin-right: 0px; }
.add-comment input.submit:hover { background-position:0 -198px; }

.previous-posts h2 { width: 100%; height:41px; background-position:0 -533px; float: left; }
.post-archive h2 { width:162px; height:41px; background-position:0 -575px; }
.previous-posts, .post-archive { margin: 0px 0px 20px 13px; }
.previous-posts ul, .post-archive ul { width:180px; margin-left:27px; }
.previous-posts ul li, .post-archive ul li { margin-bottom:5px; }

.diary-tabs { margin-left:25px; }
.diary-tabs li { float:left; text-align:center; margin-right:1px; }
.diary-tabs li a { width: auto; height:21px; color:#fff; font-size:12px; padding: 4px 7px 0px 7px; display:block; background-color:#60aacf; text-decoration:none; }
.diary-tabs li a:hover, .diary-tabs li a.on { color:#0d4779; background-color:#fff; }
.diary-tabs li a.on { height:22px; }
.team-diary { width:189px; height:28px; background-position:0 -618px; }

.month-tabs { margin:10px 0 0 21px; }
.month-tabs ul { margin-bottom:30px; }
.month-tabs li { text-align:center; margin-right:6px; }
.month-tabs li a { width:35px; height:25px; background-color:#b00027; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; position:relative; }
.month-tabs li a:hover, .month-tabs li a.on { background-color:#ec0035; color:#fff; height:25px; text-decoration:underline; }
.month-tabs li a.on .tip { display:block; width:50%; height:7px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/tabOnTip.png) no-repeat 50% 0; position:absolute; bottom:-7px; left:25%; } 

.months-container { width:666px; overflow:hidden; }
.months-container .inner-months-container { width:7872px; }
.months-container .month { width:666px; float:left; }
.months-container .month .date-container { padding:10px 0; border-bottom:1px solid #b1e0f7; }
.months-container .month .left-col { float:left; width:140px; }
.months-container .month .cal, .months-container .month .separator { float:left; }
.months-container .month .centre-col { float:left; width:445px; padding-right:10px; }
.months-container .month img { width:65px; height:65px; display:block; float:left; }
.months-container .month h2 { font-size:14px; }
.months-container .month .separator { font-size:18px; font-weight:bold; line-height:42px; margin:0 5px; }
.months-container .month p { margin-bottom:15px; }

.additonal-info { display:none; }
.months-container .month .additonal-info { width:475px; position:absolute; background-color:#0b3d6d; border:1px solid #b1e0f7; padding:18px 35px 18px 18px; margin-top:-12px; }
.months-container .month .additonal-info .arrow { width:26px; height:14px; position:absolute; top:-14px; left:20px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/diaryArrow.png) no-repeat; }
.months-container .month .additonal-info img { width:auto; height:auto; float:left; margin:4px 15px 8px 0; }
.months-container .month .additonal-info a { color:#b1e0f7; font-weight:bold; }
.months-container .month .additonal-info a.close { width:20px; height:20px; position:absolute; right:10px; top:10px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/diaryClose.gif) no-repeat 0 0; }
.months-container .month .additonal-info .addThisLink { left:auto; right:20px; bottom:10px; }

.vote-heading { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/internalHeadingContainerTeam.png) no-repeat 0 0; padding-top:12px; height:49px; }
.meet-team { width:176px; height:21px; background-position:0 -646px; }
.profiles { width:85px; height:25px; background-position:0 -976px; }
.runners { width:197px; height:23px; background-position:0 -953px; }
.support-team { width:154px; height:31px; background-position:0 -1001px; }
.past-olympians { width:177px; height:33px; background-position:0 -1032px; }
.thesport { width:112px; height:32px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/headers2.gif) 0px -23px; }
.vote-box { width:645px; height:206px; padding:18px 10px 0; margin:auto; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/voteTeamBg.png) no-repeat 0 0; position:relative; }
.vote-box h2 { width:368px; height:22px; background-position:0 -667px; position:relative; top:-5px; }
.vote-box h2.friend-vote { width:126px; height:34px; background-position:0 -690px; margin:-12px 0 12px; }
.vote-box .left { width:510px; height:152px; float:left; }
.vote-box .candidate { width:148px; height:150px; float:left; text-align:center; margin-right:12px; position:relative; }
.vote-box .candidate h3 { color:#fff; font-size:12px; }
.vote-box .placeholder h3 { font-weight:bold; color:#0d4779; position:relative; top:12px; }
.vote-box .candidate .placeholder { width:125px; height:130px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/candidatePlaceholder.png) no-repeat; position:relative; }
.vote-box .alt .placeholder { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/candidatePlaceholder_alt.png) no-repeat; }
.vote-box .candidate .placeholder img { position:absolute; left:10px; top:10px; }
.vote-box .team { width:174px; margin-right: 1px; }
.vote-box .team .placeholder { width:157px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/candidatePlaceholder_team.png) no-repeat 0 0; }
.vote-box .team .placeholder img { top:auto; bottom:15px; width:auto; height:auto; }
.vote-box .team .placeholder img.left { left:6px; }
.vote-box .team .placeholder img.right { left:auto; right:14px; }
.vote-box .result { background-color:#e90034; width:25px; position:absolute; bottom:16px; right:0; }
#voteForm { height:18px; width:480px; position:absolute; bottom:20px; left:10px; }
#voteForm div { float:left; width:150px; height:18px; margin-right:10px; }
#voteForm div input, #voteForm div label { float:right; width:auto; }
#voteForm div label { font-weight:bold; font-size:14px; padding-top:2px; }

.vote-box .right { width:126px; float:right; }
.vote-box .right fieldset { height:141px; position:relative; }
.vote-box .right fieldset a { float:right; font-size:11px; }
.vote-box .right input {  width:118px; font-style:italic; color:#033a6e; margin-bottom:6px; font-size:12px; }
.vote-box .right a.prev { font-weight:bold; position:absolute; bottom:0; right:0; font-size:12px; font-weight:bold; }

.class-heading { font-size:36px; font-weight:bold; clear:both; margin-bottom:6px; }
.class-label { float:left; color:#fff; font-size:12px; font-weight:bold; margin:40px 20px 0 50px; }
.class-nav { float:left; margin:40px 0 18px; width:550px; }
.class-nav li { float:left; margin:0 5px 10px 0; }

.class-container { padding-bottom:60px; width:619px; margin-left:46px; position:relative; }
.class-grid { width:612px; }
.class-grid div { float:left; width:275px; height:133px; margin-right: 20px; }
.class-grid div img { float:left; margin-right:16px; }
.class-grid div h2 { text-decoration:underline; font-size:12px; margin-bottom:12px; }
.class-container .addThisLink { left:0; bottom:0; }
.addThis {width:auto !important;}

.vital-stats { background-position:0 -724px; width:174px; height:22px; }
.profile-heading { width:648px; height:46px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/internalHeadingContainerProfile.png) no-repeat; margin-top:-4px; }
.profile-intro { width:613px; height:171px; padding:27px 26px 0; margin:auto; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/profileBg.png) no-repeat; position:relative; }
.profile-intro dl { width:383px; float:left; }
.profile-intro dl dt, .profile-intro dl dd { color:#fff; font-size:16px; float:left; }
.profile-intro dl dt { font-weight:bold; clear:left; width:163px; }

.profile-intro dl dd { width:220px;}
.profile-intro dl dd a { font-weight:normal;}

.profile-pic { position:absolute; right:14px; top:10px; width:230px; height:290px; }
.profile-pic img { position:absolute; z-index:0; top:15px; left:13px; }
.profile-pic .frame { width:230px; height:290px; position:absolute; top:0; left:0; z-index:1; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/profileFrame.png) no-repeat; } 
.questions { width:365px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/icons.png) no-repeat 0 -336px; margin-left:45px; padding-top:26px; }
.questions p { font-size:12px; color:#0d4779; }
.questions p.q { font-weight:bold; }
.questions p.a { margin-bottom:15px; }

/* Registration Page */
.reg-page .leftCol { padding-bottom: 10px; }
.reg-page .internalHeaderContainer { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/internalHeadingContainerReg.png) no-repeat; height:98px; width:644px; margin-top:30px; }
.reg-page .internalHeaderContainer h2 { background-position:0 -787px; width:240px; height:30px; }
.reg-page fieldset { width:336px; float:left; position:relative; left:30px; clear:both; }
.reg-page fieldset label { display:block; width:130px; font-size:12px; color:#0d4779; clear:left; float:left; font-weight:bold; }
.reg-page fieldset input { float:left; display:block; width:204px; background-color:#b1e0f7; border:1px solid #1487be; margin-bottom:15px; color:#0d4779; font-weight:normal; }
.reg-page fieldset p { font-size:12px; font-weight:normal; color:#0d4779; clear:both; margin-bottom:12px; width:280px; }
.reg-page fieldset .check-box { width:auto; float:right; position:relative; top:-45px; }
.reg-page .internalHeaderContainer h2.login { background-position:0 -862px; }
.reg-page button.submit { width:68px; background-position:0 -172px; float:right; }
.reg-page button.submit:hover { background-position:0 -198px; }

#benefits { float:right; width:244px; position:relative; top:-10px; right:20px; }
#benefits h2 { background-position: 0 -817px; width:234px; height:44px; }
#benefits p { font-weight:bold; font-size:12px; color:#0d4779; margin-bottom:10px; width:234px; float:right; }
#benefits ul { width:224px; float:right; }
#benefits ul li { padding:10px 0; color:#0d4779; border-bottom:1px solid #b1e0f7; }
#benefits ul li.last { border-bottom:0; }

h2.password-heading { clear:both; color:#0d4779; font-weight:bold; margin:0 0 20px 30px; clear:both; font-size:12px; float:left; }
.login-page .reg-form { margin-bottom:30px; }
.login-page .internalHeaderContainer h2 { height:29px; }

/* new reg form styles */
.formContainer { clear:both; width:336px; position:relative; left:30px; }
#leftCol .formContainer .TabContent { width:500px; padding:0 !important; background:none; }
#leftCol .formContainer .TabContent h3 { width:360px; background-color:transparent; color:#0D4779; padding:0; }
#leftCol .formContainer .TabContent h3 span { font-size:10px; color:#ff0000; }
#leftCol .formContainer .TabContent select { width:211px; background-color:#B1E0F7; border:1px solid #1487BE; margin-right:0; }
#leftCol .formContainer .TabContent input { margin-bottom:0; }
.reg-page .formContainer fieldset { float:none; left:0; width:500px; }
.reg-page .formContainer .row { width:100%; }
.reg-page .formContainer .label { width:150px; color:#ff0000; font-weight:bold; text-align:left; padding:0; font-weight:normal; }
.reg-page .formContainer .label label { clear:none; float:none; display:inline; font-weight:normal; color:#0D4779; }
.reg-page .formContainer .field { width:auto; color:#0D4779; font-size:10px; }
.reg-page .formContainer .longerfield input { width:auto; float:right; }
.reg-page .formContainer .longerfield label { width:193px; }
.reg-page ul.topFilter { background:none; position:absolute; top:-165px; left:0; }
ul.topFilter li { margin:0 1px 0 0; }
ul.topFilter li a { background-color:#60AACF; color:#fff !important; height:21px; width:137px; padding-top:4px; text-align:center; font-size:12px; }
ul.topFilter li a.on, ul.topFilter li a:hover { color:#0D4779 !important; background:#fff none; border:none; height:22px; text-decoration:none; border:1px solid #b6c6d3; border-bottom:none; }
.formContainer .submit-registration { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0 -172px; margin:10px 144px 0 0; width:68px; }
.formContainer .submit-registration:hover { background-position:0 -198px; }
.formContainer .feedback { background-color:transparent; }
.formContainer .feedback .label label { color:#ff0000; font-weight:bold; }
#leftCol .formContainer .TabContent .feedback input, #leftCol .formContainer .TabContent .feedback .field select { border:1px solid #ff0000; color:#ff0000; background-color:#fccdd0; }
.TabContent p { color:#0D4779; }
.formContainer .find-details { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0 -640px; width:132px; margin:10px 140px 0 0; }
.formContainer .find-details:hover { background-position:0 -670px; }

/* ~ Runners & Riders ~ */
.runners-key { color:#0d4779; font:12px Arial, Sans-Serif; width:625px; padding:0 20px; margin:26px auto; }
.runners-and-riders dl { width:625px; padding:0 20px; margin:0 auto 38px; }
.runners-and-riders dt { color:#0d4779; font:12px Arial, Sans-Serif; float:left; margin-right:8px; }
.runners-and-riders dd { float:left; margin-right:30px; }
.runners-and-riders span.tack { display:block; width:56px; height:15px; }
.runners-and-riders span.two { width:35px; }
.runners-and-riders span.one { width:16px; }
.runners-container-wide { width:648px; margin:auto; }
.runners-container-wide .runner { float:left; width:324px; min-height: 190px;}
.runners-container-wide .left { width:77px; float:left; position:relative; }
.runners-container-wide .left .placeholder { width:46px; border:1px solid #0d4779; position:relative; margin:0 15px; }
.runners-container-wide .right { float:left; width:216px; padding-bottom:20px; position:relative; }
.runners-container-wide .right span.tack { position:absolute; right:0; top:0; }
.runners-container-wide h2 a, .runners-container h3 { color:#0d4779; font-weight:bold; font-size:12px; }
.runners-container-wide h2 a { text-decoration:underline; }
.runners-container-wide p { color:#0d4779; }
.runners-and-riders .ranking-heading { width:645px; height:95px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/rankingsHeading.png) no-repeat; }
.runners-and-riders .ranking-heading h2 { width:158px; height:25px; background-position:0 -150px; }
.runners-and-riders .rankings-container { margin-left:40px; margin-bottom:30px; width:auto; }
.runners-and-riders .rankings-container dl { width:240px; margin-right:40px; }
.runners-and-riders .rankings-container dl dt { width:35px; }
.runners-and-riders .rankings-container dl dd img { margin-right:10px; }
.runners-and-riders .rankings-container dl dd.flag { margin-right:48px; }

.register { float:right; width:260px; margin:-165px 5px 0 0; }
.register h2, .register p { color:#0d4799; }
.register p { margin-bottom:5px; }
.reg-page .register fieldset { width:auto; margin-top:10px; left:0; width:100%; }
.reg-page .register fieldset input { width:auto; float:left; clear:none; }
.reg-page .register fieldset label { width:auto; float:left; margin-right:5px; clear:none; padding-top:2px; }

/* ~ User Controls ~ */
/* Home Page Latest News Control */
.news-items-container {width: 669px; height: 100%; display:inline-block; position:relative; float:left; margin: 1px 0px 18px 20px; padding: 34px 0px 0px 10px; background-color: #094c7e;}    
.news-items-container > div { width: 100%; height: 100%; float: left; position: relative; z-index: 2; padding-bottom: 55px; }    
.news-items-container > h2 { width: 147px; height: 96px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sprites/whitelabel-headers.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -18px; left: -20px; display:block; z-index: 3; }
.news-items-container ul.news-items li { width: 152px; height: auto; margin-right: 15px; float: left; list-style-type: none; }
.news-items-container ul.news-items li img { border: 1px solid white; }
.news-items-container ul.news-items li span.news-title { width: 100%; display:block; padding-top:5px; }
.news-items-container ul.news-items li span.news-title a {text-transform:capitalize;}
.news-items-container a.more-news { width: 132px; height: 30px; position:absolute; right:25px; bottom:10px; display:block; text-indent:-9999px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0px -772px; }
.news-items-container a.more-news:hover { background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0px -802px;}
.news-items-container span.splash-medium-bottomleft { width: 125px; height: 219px; position: absolute; bottom: 0px; left: 0px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sprites/splash-medium-bottom-left.png) no-repeat 0px 0px; z-index: 1; }
.news-items-container span.splash-medium-bottomright { width: 192px; height: 253px; position: absolute; bottom: 0px; right: 0px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sprites/splash-medium-bottom-right.png) no-repeat 0px 0px; z-index: 1; }
.news-items-container .rss { padding:0px; height:28px; width:27px; display:block; background-position:-199px -132px; color:#d3ecf8; font-size:12px; font-weight:bold; position:absolute; left:0px; bottom:10px; } 

#leftCol .rss { padding:0px 30px 10px 0px; height:28px; width:27px; display:block; background-position:-199px -132px; color:#d3ecf8; font-size:12px; font-weight:bold; float:right; } 

/* Home page news control */
#news { width: 185px; height: 453px; position: relative; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sprites/newsBg.png) no-repeat 0px 0px; padding: 30px 15px 15px 20px; }
#news h2.white-label { width: 147px; height: 96px; position: absolute; top: -17px; right: -8px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sprites/whitelabel-headers.png) no-repeat 0px -96px; text-indent: -9999px;}
#news h3.image-replaced-heading { background-position:0 -82px; width:117px; height:26px; margin-bottom: 5px;}
#news li { font-size:12px; margin-bottom:20px; }
#news span { font-size:11px; color:#d3ecf8; }
#news h3 { font-weight:bold; color:#fff; margin-top:5px; }
#news a.latestBlogRecentPostsLink { width:147px; height:96px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/icons.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block; display:block; position:absolute; bottom:-18px; left:-18px; background-position:0 -97px; }

/* Sailor of the Month Control */
#sailorOfTheMonth, #sailorsOfTheMonth { width:419px; height:148px; padding:17px 0 0 17px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sailorOfTheMonthBg.png) no-repeat; margin-bottom:18px; position:relative; }
#sailorOfTheMonth h2 { width:181px; height:17px; background-position:0 -41px; margin-bottom:5px; }
#sailorOfTheMonth p { font-weight:bold; font-size:12px; margin-bottom:3px; }
#sailorOfTheMonth dt, dd { float:left; margin:0 0 2px; font-size:normal; font-size:12px; }
#sailorOfTheMonth dt { clear:left; width:96px; }
#sailorOfTheMonth dd { width:150px; padding-right:170px; }
#sailorOfTheMonth .placeholder, #sailorsOfTheMonth .placeholder { position:absolute; right:5px; top:10px; width:128px; height:143px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sailorPlaceholder.png) no-repeat; }
#sailorOfTheMonth .placeholder img, #sailorsOfTheMonth .placeholder img { position:absolute; left:0; top:0; }
#sailorOfTheMonth a { color:#d3ecf8; font-weight:bold; position:relative; top:-5px; }
#sailorOfTheMonth .vote-now, #sailorsOfTheMonth .vote-now-small { color:#fff; display:block; width:100px; height:94px; position:absolute; top:-5px; right:134px; background-position:0 -279px; text-align:center; }
#sailorOfTheMonth .vote-now:hover, #sailorsOfTheMonth .vote-now-small:hover { background-position:2px -376px; }
#sailorOfTheMonth .vote-now span, #sailorsOfTheMonth .vote-now-small span { font-size:20px; font-weight:bold; display:block; margin-top:12px; }
#sailorsOfTheMonth { background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sailorsOfTheMonthBg.png) no-repeat; }
#sailorsOfTheMonth h2 { background-position:0 -914px; width:108px; height:39px; margin-bottom:10px; float:left; clear:left; }
#sailorsOfTheMonth p#names, #sailorsOfTheMonth p { width:90px; font-weight:bold; margin-bottom:5px; float:left; clear:left; }
#sailorsOfTheMonth .placeholder { position:relative; float:right; margin-top:-127px; }
#sailorsOfTheMonth .vote-now-small { width:72px; height:72px; background-position:0 -475px; top:55px; left:105px; text-indent:-9999px; overflow:hidden; }
#sailorsOfTheMonth .vote-now-small:hover { width:72px; height:72px; background-position:1px -555px; }
#sailorsOfTheMonth a { float:left; clear:left; color:#d3ecf8; }

/* Video Control */
#video { width:445px; height:261px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sprites/videoBg.png) no-repeat; position:relative; left:-5px; margin-bottom: 18px; float: left;}
#video h2 { width:196px; height:43px; background-position:0 -258px; position:relative; top:5px; left:-5px; float:left; }
#video h3 { float:left; font-size:14px; font-weight:bold; color:#fff; margin-top:13px; }

/* Twitter Control */
#twitter_div { width:205px; height:136px; float: left; padding: 40px 0px 0px 10px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sprites/social-network-backgrounds.png) no-repeat 1px 0px; margin-bottom: 18px; position: relative;}
#twitter_div #follow { position:absolute; font-size:12px; font-weight:bold; color:#d3ecf8; right:10px; top: 15px; }
#twitter_div #twitter_update_list { width:190px; overflow:hidden; }
#twitter_div #more { width:47px; height:40px; position:absolute; font-size:12px; font-weight:bold; color:#d3ecf8; right:2px; bottom:1px; }
#twitter_div ul li span { font-size:13px; font-weight:bold; color:#d3ecf8; font-style:italic; margin-top:0; }
#twitter_div ul li span a { color:#fff; position:relative; bottom:auto; left:auto; }
#twitter_div ul li a { position:absolute; bottom: 5px; left: 10px; }

/* Facebook Like Control */
.facebook-like { width: 211px; height: 105px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/sprites/social-network-backgrounds.png) no-repeat 0px -176px; display:inline-block; padding:0px; float: left; margin-bottom: 18px;text-align: center;}
.facebook-like a.header { display:block; width:110px; height:35px}
.facebook-like .follow { margin: 30px auto 10px;}
.facebook-like .follow a{ display:block; color:#3A68A4; font-size:13px;}

/*.facebook-like iframe {margin: 55px 0px 0px 20px; width: 170px !important; height: 40px !important;}*/

/* Diary Control */
#diary { width:219px; height:321px; background:url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/diarybg.png) no-repeat; margin-top: 40px; float: left; position: relative; }
#diary h2 { width:162px; height:44px; background-position:0 -306px; position:relative; top:-37px; left:-16px; }
#diary .month-select { margin:-32px 0 20px; font-size:16px; font-weight:bold; color:#fff; }
#diary .month-select a { position:absolute; text-decoration:none; font-size:26px; top:5px; }
#diary .month-select a.prev { left:7px; }
#diary .month-select a.next { right:15px; }
#diary .month-select h3 { margin-top:0; color:#fff; text-transform:uppercase; width:210px; text-align:center; }
#diary .events { overflow: auto; width: 195px; height: 185px; margin: 10px 0 0 6px; padding: 7px 0 2px 8px; }
#diary .event { margin-bottom:4px; clear:both; }
.cal { width:39px; height:42px; background-position:-3px -205px; }
#diary .cal { margin-right:15px; float:left; }
.cal span { font-size:20px; color:#0d4779; font-weight:bold; display:block; text-align:center; }
.cal span.title { font-size:8px; color:#fff; text-transform:uppercase; padding-top:3px; margin-bottom:3px; }
#diary .event a { font-size:11px; color:#0d4779; display:block; width:115px; float:left; margin-top:8px; }
#diary a.see-all { width:120px; left:25px; bottom:48px; font-size:14px; font-weight:bold; color:#0d4779; font-style:italic; }

/*  */
.events-home-container {margin-left:20px}
.events-home-container .article-hub-pod-strip DIV {margin-right:15px !important;}
.events-home-container .article-hub-pod-feature a {color:#fff !important;}

/* Support-Crew Sponsor Panel */
.teamgbr-sponsor-panel { width: 940px; height: 240px; padding: 5px;	background: white; border-top: 2px solid #03234e; border-bottom: 2px solid #03234e; margin-bottom: 18px; float: left; }
.teamgbr-sponsor-panel h2 { color: #5fa4b8;	font-size: 10px; text-transform: uppercase;	font-family: arial; }
.teamgbr-sponsor-panel  a {	display: inline-block; background: url(/skandiateamgbr/PublishingImages/Graphics/sponsors-sprite.gif); text-indent: -9999px; float: left; }
.teamgbr-sponsor-panel #sponsors-top { width: 935px; height: 107px; float: left; }
.teamgbr-sponsor-panel #sponsors-top #gold { width: 181px; height: 102px; float: left; padding-right: 26px; border-right: 3px solid #abdbe9; }
.teamgbr-sponsor-panel #sponsors-top #silver { width: 254px; height: 102px; float: left; padding: 0px 15px 0px 5px;	border-right: 3px solid #abdbe9; }
.teamgbr-sponsor-panel #sponsors-top #bronze { width: 150px; height: 102px; float: left; padding: 0px 0px 0px 5px;	border-right: 3px solid #abdbe9; }
.teamgbr-sponsor-panel #sponsors-top #car { width: 95px; height: 102px; float: left; padding: 0px 10px 0px 5px;	border-right: 3px solid #abdbe9; }
.teamgbr-sponsor-panel #sponsors-top #support {	width: 160px; height: 102px; float: left; padding-left: 5px; }
.teamgbr-sponsor-panel #sponsors-bottom { width: 935px; height: 116px; float: left; border-top: 3px solid #abdbe9; padding-top: 3px; }
.teamgbr-sponsor-panel #sponsors-bottom h2 { margin-bottom: 5px; }
.teamgbr-sponsor-panel a#skandia-logo { width: 192px; height: 50px; background-position: 0px 0px; margin: 20px 0px 0px 5px; }
.teamgbr-sponsor-panel a#accenture-logo { width: 109px; height: 50px; background-position: -192px 0px; display: block; margin: 20px 20px 0px 10px; }
.teamgbr-sponsor-panel a#musto-logo { width: 112px; height: 27px; background-position: -300px 0px; margin: 5px 0px 8px 0px; }
.teamgbr-sponsor-panel a#gs4-logo {	width: 74px; height: 46px; background-position: -414px 0px; }
.teamgbr-sponsor-panel a#petersmay-logo { width: 89px; height: 35px; background-position: -487px 0px; margin: 30px 15px 0px 28px; }
.teamgbr-sponsor-panel a#volvo-logo { width: 53px; height: 53px; background-position: -578px 0px; margin: 20px 0px 0px 25px; }
.teamgbr-sponsor-panel a#lotteryfund-logo { width: 137px; height: 68px; background-position: -630px 0px; margin: 10px 0px 0px 10px; }
.teamgbr-sponsor-panel #sponsors-bottom .top-row, .teamgbr-sponsor-panel #sponsors-bottom .bottom-row { width: 100%; height: 45px; line-height: 45px; }
.teamgbr-sponsor-panel #sponsors-bottom .top-row { margin-bottom: 10px; }
.teamgbr-sponsor-panel #sponsors-bottom div > a { margin: 4px; display: inline-block; margin-right: 22px; }
.teamgbr-sponsor-panel #sponsors-bottom div > a:first-child { margin-left: 16px; }
.teamgbr-sponsor-panel #sponsors-bottom #abp { width: 94px; height: 25px; background-position: -670px -69px; }
.teamgbr-sponsor-panel #sponsors-bottom #bolle { width: 69px; height: 26px; background-position: -195px -90px; }
.teamgbr-sponsor-panel #sponsors-bottom #concept2 { width: 96px; height: 22px; background-position: -440px -71px; }
.teamgbr-sponsor-panel #sponsors-bottom #dean { width: 60px; height: 45px; background-position: -0px -72px; }
.teamgbr-sponsor-panel #sponsors-bottom #devere { width: 48px; height: 41px; background-position: -68px -74px; }
.teamgbr-sponsor-panel #sponsors-bottom #gra { width: 51px; height: 41px; background-position: -130px -74px; }
.teamgbr-sponsor-panel #sponsors-bottom #harken { width: 82px; height: 20px; background-position: -353px -75px; }
.teamgbr-sponsor-panel #sponsors-bottom #holt {	width: 63px; height: 21px; background-position: -275px -70px; }
.teamgbr-sponsor-panel #sponsors-bottom #marlow { width: 78px; height: 21px; background-position: -264px -95px; }
.teamgbr-sponsor-panel #sponsors-bottom #panasonic { width: 78px; height: 16px; background-position: -350px -99px; }
.teamgbr-sponsor-panel #sponsors-bottom #pinarello { width: 97px; height: 20px; background-position: -433px -95px; }
.teamgbr-sponsor-panel #sponsors-bottom #sis { width: 48px; height: 31px; background-position: -537px -87px; }
.teamgbr-sponsor-panel #sponsors-bottom #seafrance { width: 77px; height: 23px; background-position: -590px -93px; }
.teamgbr-sponsor-panel #sponsors-bottom #swt { width: 98px; height: 15px; background-position: -669px -99px; }
.teamgbr-sponsor-panel #sponsors-bottom #src { width: 61px; height: 28px; background-position: -780px -87px; }
.teamgbr-sponsor-panel #sponsors-bottom #yamaha { width: 75px; height: 21px; background-position: -859px -98px; }
.teamgbr-sponsor-panel #sponsors-bottom #dorset { width: 119px; height: 21px; background-position: -780px -58px; }
.teamgbr-sponsor-panel #sponsors-bottom #prosport { width: 61px; height: 24px; background-position: 77px -23px; }

/* Latest Feature */
.latest-feature { width: 435px;	height: 100%; position: relative; float: left; margin: 10px 10px 15px 0px; }
.latest-feature h2 { width: 100%; height: 32px; background: url(images/latest-feature-header.png) no-repeat; text-indent: -9999px; float: left; }
.latest-feature div { background: #d6edf9; float: left; padding: 10px; width: 415px; }
.latest-feature div img { margin-right: 13px; float: left; }
.latest-feature div h3 { font-size: 12pt; width: 72%; float: left; margin-bottom: 5px; }
.latest-feature div h3 a { text-decoration: underline; color: #0d4779; }
.latest-feature div	p {	width: 70%;	float: left; font-size: 10pt; text-align: justify; color: #0d4779; }
.latest-feature div p > a.red-more { float: right; margin-top: 8px; }

/* Competition Panel */
#competition-panel { width: 432px; background: white; position: relative; float: left; font-family: arial; font-size: 10pt; color: #0d4779;	padding-bottom: 10px; margin: 0px 0px 18px 2px; }
#competition-panel h2 {	width: 162px; height: 44px;	position: relative;	background: url(images/blue-headers.png) no-repeat;	top: 4px; left: -14px; text-indent: -9999px; z-index: 2; margin-bottom: 25px; }
#competition-panel #content { width: 390px;	float: left; margin: 0px 0px 0px 25px;	position: relative;	z-index: 4; }
#competition-panel #content p { width: 290px; float: left; margin-bottom: 5px; }
#competition-panel #content p.strap { font-weight: bold; }
#competition-panel #content p.question { font-weight: bold; }
#competition-panel #content img { border-right: 1px solid #cecdcd; border-top: 1px solid #cecdcd; position: relative; bottom: 55px; left: 15px; }
#competition-panel span#top-splat { width:126px; height:126px; background:url(images/top-splat.png) no-repeat; position:absolute; top:0; left:0; z-index:1;}
#competition-panel span#bottom-splat { width: 128px; height: 128px;	background: url(images/bottom-splat.png) no-repeat;	position: absolute;	bottom: 0px; right: 0px; z-index: 1; }
#competition-panel span#paper-clip {width: 31px; height: 72px; background: url(images/paper-clip.png) no-repeat; position: absolute; top: -6px;	right: 10px; z-index: 5; }
#competition-panel fieldset { width: 300px; float: left; margin: 0px 0px 5px 20px; }
#competition-panel fieldset#login-terms { width: 385px; position:relative; z-index: 3; margin-left: 23px; }
#competition-panel fieldset#login-terms a.login-signup { width: 180px; height: 30px; background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0px -832px; float: right;}
#competition-panel fieldset#login-terms a.login-signup:hover { background: url(/_layouts/Rya.Website.TeamGBR.SupportCrew/styles/images/buttons.png) no-repeat 0px -862px;}
#competition-panel .terms { float:left; margin-right:5px; clear:left; }
#competition-panel label.terms-label { font-weight:normal; font-size:11px; display:block; float:left; line-height: 20px; }
#competition-panel button { width:68px; background-position:0 -224px; float:right; }
#competition-panel button:hover { background-position:0 -250px; }

/* used in article wrapper*/
.news-nav {padding-top:10px;}
.news-nav a{ display:block; border:2px solid #3A68A4; width:80px; text-align:center; color:#3A68A4;}
.news-nav a.next {float:right;}
.news-nav a.prev {float:left;}
.news-nav-div {padding:10px;}

/* ~ Re-useable Classes ~ */
img.small-paper-border { max-width: 80px; max-height: 65px; padding: 8px 10px 10px 8px;	background: url(images/small-photo-border.png) no-repeat; }
a.red-more { width: 75px; height: 28px; line-height: 28px; padding: 0px 20px 0px 5px; display: block; background: url(images/red-more-button.gif) no-repeat; color: white; font-size: 10pt; text-decoration: none; }

.white .propertygrouppanelSupportCrew { color: Black; }

/* Related Team Sailors */
.profile-teamsailors { width: 186px; padding: 10px 15px 5px 15px; background-color: #03234e; margin: 0px 0px 30px 4px; float: left; }
.profile-teamsailors h2 { font-size: 26px; margin-bottom: 20px; }
.profile-teamsailors .teammate { float: left; margin-bottom: 15px; }
.profile-teamsailors .teammate a { text-decoration: underline; }
.profile-teamsailors .teammate img { width: 55px; height: 71px; float: left; margin-right: 10px; background: white; border: 1px solid white; }
.profile-teamsailors .teammate h3 { margin: 0px 0px 5px 0px; }