/* ///////////////////////// MAIN /////////////////////////  */

/* Globals
----------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; list-style: none; text-decoration: none; outline: none; }
fieldset,img, button, hr { border:0; }
html { overflow-y: scroll!important; }
body { background: #009fb7 url(http://static.singup.org.s3.amazonaws.com/images/global/bg.jpg) repeat-x top left fixed; font: 62.5% Tahoma, Geneva, sans-serif; padding: 0 0 20px 0; color: #434343; }
.nojs-hide { display: none; }
button { cursor: pointer; }

/* Structure 
----------------------------------------------------------------------------------------- */
.maincontainer { background: #efe0c5 url(http://static.singup.org.s3.amazonaws.com/images/global/headerbg.jpg) no-repeat center top; padding: 0 10px 10px 10px; -webkit-box-shadow: #000 1px 1px 5px; -moz-box-shadow: 1px 1px 5px #000; margin-top: 20px; }
.grid_8 { margin-bottom: 20px; padding: 10px 0 0 0; }
.content { margin: 0 10px; }
.innercontainer { padding: 10px; }

/* Positioning */
.left { float: left; }
.right { float: right; }

/* Padding */
.pad10all { padding: 10px; }
.padleft10 { padding-left: 10px; }
.padright10 { padding-right: 10px; }
.padbottom10 { padding-bottom: 10px; }
.padtop10 { padding-top: 10px; }

/* Margins */
.marginleft10 { margin-left: 10px; }
.marginright10 { margin-right: 10px; }
.marginbottom10 { margin-bottom: 10px; }
.margintop10 { margin-top: 10px !important; }
.marginbottom0 { margin-bottom: 0; }
.margintop0 { margin-top: 0; }
.noleftrightmargin { margin-left: 0px; margin-right: 0px; }

/* Images */
img.left, object.left { margin: 0 10px 5px 0; }
img.right { margin: 0 0 5px 10px; }
a img:hover { opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50); }

/* Curvy Corners
----------------------------------------------------------------------------------------- */
.rounded, .rounded-text, .fieldrounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.roundedsmall { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.roundednotopleft { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; }
.roundedbottom { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }
.toprounded { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
.bottomrounded { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }

/* Content Typography
----------------------------------------------------------------------------------------- */
.content p, .content ul, .content ol { font-size: 1.4em; line-height: 140%; margin: 0 0 1.4em 0; color: #434343; }
.content ul, .content ol { padding: 0 0 0 2.5em; } 
.content ul li { list-style: disc;  }
.content ol li { list-style: decimal; }
.content h1, .content h2, .content h3, .content h4 { margin: 0 0 0.2em 0; line-height: 120%; }
.content h1 { font-size: 2.6em; }
.content h2 { font-size: 2em; }
.content h3 { font-size: 1.6em; }
.content h4 { font-size: 1.4em; }
.normal { font-weight: normal; }
.content li p { font-size: 1em; }
.content-small p, .content-small ul, .content-small ol { font-size: 1.2em; line-height: 120%; margin: 0 0 1.2em 0; }
.content-small ul, .content-small ol { padding: 0 0 0 2.5em; } 
.content-small ul li { list-style: disc;  }
.content-small ol li { list-style: decimal; }
.content-small h1, .content-small h2, .content-small h3, .content-small h4 { margin: 0 0 0.2em 0; line-height: 110%; }
.content-small h1 { font-size: 2.4em; }
.content-small h2 { font-size: 1.8em; }
.content-small h3 { font-size: 1.4em; }
.content-small h4 { font-size: 1.2em; }
.content a:hover { text-decoration: underline; }
hr { display: block; height: 1px; background-color: #888; margin: 10px 0 }
.condense_control { font-weight: bold; display: block; margin: 0 0 1.4em 0; font-size: 1.2em; text-decoration: underline; }

.condense_control:hover { text-decoration: none; }

.condense_control_less { display: none; }
div.read-more { margin-bottom: 10px; }
.scroll-wrap p a:hover, .results-list li p a:hover { text-decoration: none!important; }
.results-list h4 a:hover, .mainbox h4 a:hover { text-decoration: underline!important; }

/* Page Title
----------------------------------------------------------------------------------------- */ 
.title { padding: 10px; margin: 0 0 10px 0; } 
.title p { margin: 0; color: #FFF !important; font-size: 1.4em; text-shadow: 0px -1px 0px #000; }
.title .breadcrumbs { font-size: 1.1em; }
.title .breadcrumbs a:hover { text-decoration: underline; }
.title h1 { font-size: 2.6em; color: #FFF; text-shadow: 0px -1px 0px #000; } 
.title .subtitle { font-weight: bold; text-shadow: 0px -1px 0px #000; }
.title .extrainfo { margin: 10px 0 0 0; padding: 10px 0 0 0; }
.title .extrainfo p { font-size: 1.2em; }
.title .extrainfo a { text-decoration: underline; }
.title .extrainfo a:hover { text-decoration: none; }
 
/* Header
----------------------------------------------------------------------------------------- */
#header { height: 130px; position: relative; }
.su-logo { background: url(http://static.singup.org.s3.amazonaws.com/images/global/su-logo.png); width: 165px; height: 0px; padding: 85px 0 0 0; display: block; overflow: hidden; left: 10px; top: 25px; float: left; position: relative; }
#header ul { float: right; margin: 0 10px 0 0; }
#header li { float: left; font-size: 1.2em; }
#header li a { color: #0256bc; padding: 5px 6px 7px 6px; margin: 0 0 0 2px; float: left; text-shadow: 0px 1px 0px #FFF; }
#header .utility a { background: #cfd1ce url(http://static.singup.org.s3.amazonaws.com/images/global/utility-bg.png) repeat-x center bottom; border: 1px solid #cfd1ce; }
#header .utility .login { background: url(http://static.singup.org.s3.amazonaws.com/images/global/login-bg.png) no-repeat left center; padding-left: 24px; }
#header .utility .on { background: #0558bd url(http://static.singup.org.s3.amazonaws.com/images/global/utility-on-bg.png) repeat-x center bottom; border: 1px solid #0558bd; color: #FFF; text-shadow: 0px -1px 0px #000; opacity:1;filter:alpha(opacity=100); }
#header .utility .loginon { background: url(http://static.singup.org.s3.amazonaws.com/images/global/login-on-bg.png) no-repeat left center; padding-left: 2em; border: 1px solid #0558bd; color: #FFF; text-shadow: 0px -1px 0px #000; opacity:1;filter:alpha(opacity=100); }
#header li a:hover { opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70); }

/* Header Search
----------------------------------------------------------------------------------------- */
#header form { float: right; clear: right; margin: 0 10px 0 0; top: 50px; position: relative;  }
#header input { background: #FFF url(http://static.singup.org.s3.amazonaws.com/images/global/field-bg.png) repeat-x top; padding: 6px; margin-right: 5px; line-height: 100%; font-family: Tahoma, Geneva, sans-serif; font-size: 1.2em; border: 1px solid #0558bd; }
#header button { background: url(http://static.singup.org.s3.amazonaws.com/images/global/form-button-bg.png) center right; padding: 6px 18px 6px 8px; width: 5.5em; color: #FFF; font-family: Tahoma, Geneva, sans-serif; font-size: 1.2em; text-shadow: 0px -1px 0px #000; }
#header button:hover { cursor: pointer; opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50); }
#header p { font-size: 1.1em; color: #0558bd; line-height: 100%; margin: 5px 0 0 0; }
#header .sf { width: 15.5em;}
#header p input { border: none; padding: 0; background: none; }

/* Navigation
----------------------------------------------------------------------------------------- */
.navigation { list-style: none; float: left; z-index: 2; margin: 0 0 2px 10px; clear: both; }
.navigation li { display: block; float: left; font-size: 1.2em; font-weight: bold; line-height: 100%; margin: 0 2px 0 0; }
.navigation li a { text-decoration: none; color: #FFF; text-shadow: 0px -1px 0px #000; padding: 5px 6px 7px 6px; float: left; }

/* Section colours */
.navigation .news { background: #028282 url(http://static.singup.org.s3.amazonaws.com/images/colours/news/nav-bg.png) repeat-x bottom; border: 1px solid #028282; }
.navigation .news:hover { background: #78b1a3; border: 1px solid #78b1a3; }
.navigation .songs { background: #308202 url(http://static.singup.org.s3.amazonaws.com/images/colours/songs/nav-bg.png) repeat-x bottom; border: 1px solid #308202; }
.navigation .songs:hover { background: #8fb163; border: 1px solid #8fb163; }
.navigation .training { background: #D2308C url(http://static.singup.org.s3.amazonaws.com/images/colours/training/nav-bg.png) repeat-x bottom; border: 1px solid #D2308C; }
.navigation .training:hover { background: #e088a8; border: 1px solid #e088a8; }
.navigation .success { background: #DE2B2B url(http://static.singup.org.s3.amazonaws.com/images/colours/success/nav-bg.png) repeat-x bottom; border: 1px solid #DE2B2B; }
.navigation .success:hover { background: #e68578; border: 1px solid #e68578; }
.navigation .awards { background: #D24702 url(http://static.singup.org.s3.amazonaws.com/images/colours/awards/nav-bg.png) repeat-x bottom; border: 1px solid #D24702; }
.navigation .awards:hover { background: #e09363; border: 1px solid #e09363; }
.navigation .magazine { background: #6451BA url(http://static.singup.org.s3.amazonaws.com/images/colours/magazine/nav-bg.png) repeat-x bottom; border: 1px solid #6451BA; }
.navigation .magazine:hover { background: #a998bf; border: 1px solid #a998bf; }
.navigation .about { background: #005F85 url(http://static.singup.org.s3.amazonaws.com/images/colours/about/nav-bg.png) repeat-x bottom; border: 1px solid #005F85; }
.navigation .about:hover { background: #779fa5; border: 1px solid #779fa5; }

/* Secondary */
.secondary { list-style: none; }
.secondary li { display: block; float: left; font-size: 1.2em; font-weight: bold; line-height: 100%; margin: 0 2px 0 0; }
.secondary a { float: left; text-shadow: 0px 1px 0px #FFF; padding: 5px 6px 7px 6px;  }
.secondary .current { color: #FFF; text-shadow: 0px -1px 0px #000; }

/* Sub Navigation */
.tertiary { font-size: 1.4em; line-height: 100%; margin: 0 0 10px 0; float: left; }
.tertiary li { float: left; display: block; margin: 0 0 2px 0;  }
.tertiary a { color: #FFF; text-shadow: 0px -1px 0px #000; padding: 5px 6px 7px 6px; float: left; width: 206px; }
.tertiary a img.right { margin: 0; }
.tertiary .current { text-shadow: 0px 1px 0px #FFF; }
.tertiary a:hover { text-shadow: 0px 1px 0px #FFF; }
.tertiary li.current { padding: 0 0 3px 0; width: 218px; }
.tertiary li.current a, .tertiary li.current a:hover { border: none; background: none; text-shadow: 0px 1px 0px #FFF; }
.tertiary li.current ul li a { margin: 0 5px; width: 194px; }
.tertiary li.current ul .current, .tertiary li.current ul .current:hover { text-shadow: 0px -1px 0px #000; }

/* Page Tools
----------------------------------------------------------------------------------------- */
.pagetools { background: #e4e4e4; padding: 10px; clear: both; margin: 0 0 10px 0; }
.pagetools h4, .grey-title { background: #4a4a4a url(http://static.singup.org.s3.amazonaws.com/images/global/page-tools-h4-bg.png) repeat-x bottom; padding: 5px 6px 7px 6px; border: 1px solid #4a4a4a; color: #FFF; font-size: 1.2em; text-shadow: 0px -1px 0px #000; margin: 0 0 7px 0; float: left; width: 185px; }
.pagetools ul { }
.pagetools li { font-size: 1.2em; line-height: 180%; }
.pagetools li a { color: #4a4a4a; text-shadow: 0px 1px 0px #FFF; padding: 5px 0 5px 2.2em; background: url(http://static.singup.org.s3.amazonaws.com/images/global/pagetools-sprites.png) no-repeat; }
.pagetools li a:hover { color: #AAA; }
.pagetools li a.like { background-position: 0px 3px }
.pagetools li a.save { background-position: 0px -20px }
.pagetools li a.share { background-position: 0px -43px }
.pagetools li a.bookmark { background-position: 0px -67px }
.pagetools li a.print { background-position: 0px -92px }

/* Related Links
----------------------------------------------------------------------------------------- */
.relatedlinks { background: #d9e6f5; padding: 10px; clear: both; }
.relatedlinks h4 { background: #0256bc url(http://static.singup.org.s3.amazonaws.com/images/global/relatedlinks-h4-bg.png) repeat-x bottom; padding: 5px 6px 7px 6px; border: 1px solid #0256bc; color: #FFF; font-size: 1.2em; text-shadow: 0px -1px 0px #000; margin: 0 0 7px 0; }
.relatedlinks li { font-size: 1.2em; line-height: 140%; }
.relatedlinks li a { color: #4a4a4a; text-shadow: 0px 1px 0px #FFF; padding: 0 0 0 0.8em; background: url(http://static.singup.org.s3.amazonaws.com/images/global/link-arrows.png) no-repeat left 5px; }
.relatedlinks li a:hover { color: #0256bc; }

/* Related Tags
----------------------------------------------------------------------------------------- */
.relatedtags { background: #d9e6f5; padding: 10px; clear: both; }
.relatedtags h4 { background: #0256bc url(http://static.singup.org.s3.amazonaws.com/images/global/relatedlinks-h4-bg.png) repeat-x bottom; padding: 5px 6px 7px 6px; border: 1px solid #0256bc; color: #FFF; font-size: 1.2em; text-shadow: 0px -1px 0px #000; margin: 0 0 7px 0; }
.relatedtags li { font-size: 1.2em; line-height: 140%; margin-bottom: 5px; }
.relatedtags li a { color: #4a4a4a; text-shadow: 0px 1px 0px #FFF; padding: 0 0 0 0.8em; background: url(http://static.singup.org.s3.amazonaws.com/images/global/link-arrows.png) no-repeat left center; }
.relatedtags li a:hover { color: #0256bc; }
.relatedtags a.more-link { color: #025f5f; font-weight: bold; font-size: 1.2em; background: url("http://static.singup.org.s3.amazonaws.com/images/colours/news/more.png") no-repeat right 2px; padding-right: 17px; }
.relatedtags a:hover { cursor: pointer; } 

/* Footer
----------------------------------------------------------------------------------------- */
#sitemap, #othersites { background: #d7d2c4; margin-bottom: 20px; }
#sitemap h4, #othersites h4 { background: #0256bc url(http://static.singup.org.s3.amazonaws.com/images/global/relatedlinks-h4-bg.png) repeat-x bottom; padding: 5px 6px 7px 6px; border: 1px solid #0256bc; color: #FFF; text-shadow: 0px -1px 0px #000; margin: 0 0 7px 0; font-size: 1.2em; }
#sitemap .sitemap { font-weight: normal; color: #FFF; background: url(http://static.singup.org.s3.amazonaws.com/images/global/sitemap-bg.png) no-repeat center right; padding: 0 2em 0 0; }
#sitemap .group {  float: left; width: 216px; margin: 0 10px 0 0; font-size: 1.2em; }
#sitemap ul li { font-weight: bold; line-height: 140%; }
#sitemap ul li a { color: #0055bb; }
#sitemap ul { margin: 0 0 5px 0; clear: left; float: left; width: 216px; }
#sitemap li li { font-weight: normal; display: inline-block; float: left; }
#sitemap li li a { padding-left: 0.6em; margin-right: 0.4em; }
#sitemap li li a:hover { text-decoration: underline; }
#sitemap .news li a { color: #016464; }
#sitemap .news li li a { color: #434343; background: url(http://static.singup.org.s3.amazonaws.com/images/global/footer-news-link.png) no-repeat left center; }
#sitemap .songs li a { color: #316603; }
#sitemap .songs li li a { color: #434343; background: url(http://static.singup.org.s3.amazonaws.com/images/global/footer-songs-link.png) no-repeat left center; }
#sitemap .training li a { color: #a1286d; }
#sitemap .training li li a { color: #434343; background: url(http://static.singup.org.s3.amazonaws.com/images/global/footer-training-link.png) no-repeat left center; }
#sitemap .success li a { color: #ae2323; }
#sitemap .success li li a { color: #434343; background: url(http://static.singup.org.s3.amazonaws.com/images/global/footer-success-link.png) no-repeat left center; }
#sitemap .awards li a { color: #a13803; }
#sitemap .awards li li a { color: #434343; background: url(http://static.singup.org.s3.amazonaws.com/images/global/footer-awards-link.png) no-repeat left center; }
#sitemap .magazine li a { color: #5d4bac; }
#sitemap .magazine li li a { color: #434343; background: url(http://static.singup.org.s3.amazonaws.com/images/global/footer-magazine-link.png) no-repeat left center; }
#sitemap .about li a { color: #0055bb; }
#sitemap .about li li a { color: #434343; background: url(http://static.singup.org.s3.amazonaws.com/images/global/footer-about-link.png) no-repeat left center; }
#sitemap .registration li a { color: #0055BB; }
#legals { background: #deccae; width: 920px; padding: 10px; margin: 0 10px 10px 10px; float: left; clear: both; }
#legals p { font-size: 1.2em; line-height: 140%; color: #434343; margin: 0; }
#legals a { text-decoration: underline; color: #434343; }
#legals a:hover { text-decoration: none; }
#legals .logos { float: right; }
#legals .logos img { margin: 0 0 0 10px; }
#legals a:hover { opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50); }

/* Highlight
----------------------------------------------------------------------------------------- */
.highlight h1 { font-size: 2.6em; line-height: 120%; margin: 0 0 0.2em 0; text-shadow: 0px -1px 0px #000; color: #FFF; }
.highlight p { font-size: 1.2em; line-height: 140%; color: #FFF; }
.highlight, .highlightcta { height: 27em; background: #c0d5ee; position: relative; }
.highlightcta h2 { font-size: 2em; line-height: 120%; margin: 0 0 0.2em 0; color: #0256bc; text-shadow: 0px 1px 0px #FFF; }
.highlightcta p { font-size: 1.2em; line-height: 140%; color: #434343; margin: 0 0 1.2em 0;  }
.highlightcta .button, .go-button { font-size: 1.2em; line-height: 100%; background: #0256bc url(http://static.singup.org.s3.amazonaws.com/images/colours/standard/nav-bg.png) repeat-x bottom; border: 1px solid #0256bc; padding: 5px 6px 7px 6px; color: #FFF; text-shadow: 0px -1px 0px #000; position: absolute; left: 10px; bottom: 10px; display: block; width: auto; }
/* .highlightcta .button:hover, */ .go-button { background: #88afdf; border: 1px solid #88afdf; color: #0256bc; text-shadow: 0px 1px 0px #FFF; }
.highlight-wrapper { background-color: #D7D2C4; }
#highlight2wrapper .grid_3 { background: #c1c5c3 url("http://static.singup.org.s3.amazonaws.com/images/global/homepage-cta-bg.png") repeat-x center bottom; }
#highlight2wrapper img { z-index: 1; float: right; }
#highlight2wrapper div.pad10all { position: absolute; z-index: 10; background-color: transparent; }
#highlight2wrapper div.pad10all h1 { color: #0256bc; text-shadow: 0px 1px 0px #fff; font-size: 2.1em; }
#highlight2wrapper div.pad10all p { width: 190px; color: #444; font-size: 1.2em; margin-bottom: 15px; }
#highlight2wrapper div.pad10all p a { color: #0256bc; }
#highlight2wrapper div.pad10all ul { padding-bottom: 25px; }
#highlight2wrapper div.pad10all ul li { list-style: disc; font-size: 1.2em; margin: 2px 0px 2px 13px; width: 184px; font-size: 1.2em; }

/* Content CTA
----------------------------------------------------------------------------------------- */
#ctaomegawrapper { position: relative; }
.highlightcta {  }
.highlightcta img { position: absolute; z-index: 1; bottom: 0px; right: 0px; }
.highlightcta .pad10all { position: relative; z-index: 2; top: 0px; left: 0px; height: 100%; }
.highlightcta .pad10all p { padding-right: 79px; } /* Pushes the <p> tag in from the right so as not to obscure the images within the CTA  */
.highlightcta .pad10all ul { margin: 0px 0px 0px 20px; font-size: 1.2em; }
.highlightcta .pad10all ul li { padding: 0px 60px 0px 0px; list-style-type: disc; }
.highlightcta .pad10all .content { margin: 0px !important; } /* This line is to remove the left margin TYPO3 seemeed to be adding inexplicably */
.highlightcta .button { position: absolute; z-index: 3; } /* Positions the button correctly in the frame */

/* Icons
----------------------------------------------------------------------------------------- */
.feed { background: url(http://static.singup.org.s3.amazonaws.com/images/global/icons-rss.png) no-repeat; width: 17px; height: 0px; padding: 17px 0 0 0; display: block; overflow: hidden; position: absolute; top: 6px; right: 6px; }

/* Boxes
----------------------------------------------------------------------------------------- */
.mainbox h3, .mainbox h4 { padding: 5px 6px 7px 6px; border: 1px solid #0256bc; color: #FFF; line-height: 120%; text-shadow: 0px -1px 0px #000; margin: 0 0 10px 0; position: relative; }
.mainbox h3 { font-size: 1.6em; }
.mainbox h4 { font-size: 1.1em; }
.mainbox h3 a, .mainbox h4 a { color: #FFF; display:block;}
.mainbox p { font-size: 1.2em; line-height: 140%; }
.mainbox ul li { background: #FFF; padding: 10px; margin: 2px 0 0px 0; }
.mainbox ul li.dark { background: #EEE; padding: 10px; margin: 2px 0 10px 0; }
.mainbox ul li.dark li { background: #EEE; }
.mainbox li h4, .mainbox.dark li h4 { background: none; border: none; padding: 0px; margin: 0px; text-shadow: none; }
.mainbox li h5 { font-size: 1.2em; font-weight: normal; }
.mainbox ul.results-list li { margin-bottom: 10px; }
.mainbox .course-data dd p { font-size: 1.4em; }

/* Page Statistics
----------------------------------------------------------------------------------------- */
.statistics { margin-bottom: 10px; }
.statistics li { float: left; font-size: 1.2em; }
.statistics li a { text-shadow: 0px 1px 0px #FFF; padding: 5px 0 5px 2em; margin: 0 0.5em 0 0; }
.statistics li a:hover { color: #528fd8; }
.statistics li a.like { background-position: 0px 3px }
.statistics li a.save { background-position: 0px -20px }
.statistics li a.share { background-position: 0px -43px }
.statistics li a.bookmark { background-position: 0px -67px }
.statistics li a.print { background-position: 0px -92px }

/* Search Tools
----------------------------------------------------------------------------------------- */
.searchtools ul { padding: 0; }
.searchtools li { float: left; font-size: 1.2em; padding: 0!important;  background-color: transparent !important;}
.searchtools li a, .searchtools li span { text-shadow: 0px 1px 0px #FFF; padding: 5px 0 5px 2em; margin: 0 0.5em 0 0; cursor: default; background-repeat: no-repeat;}
.searchtools li a.like, .searchtools li span.like { background-position: -5px 3px }
.searchtools li a.save, .searchtools li span.save { background-position: 0px -20px }
.searchtools li a.share, .searchtools li span.share { background-position: 0px -43px }
.searchtools li a.bookmark, .searchtools li span.bookmark { background-position: 0px -67px }
.searchtools li a.print, .searchtools li span.print { background-position: 0px -92px }
.mini-results li .searchtools { border: none; }
.mini-results li .searchtools li a, .mini-results li .searchtools li span { font-size: 0.9em; }
.mini-results li .searchtools li { margin-bottom: 0; }

/* Paging
----------------------------------------------------------------------------------------- */
.paging li { font-size: 1.2em; float: left; height: 28px; }
.paging a { margin: 0 2px 0 0; padding: 5px; }
.paging .on, .paging .on:hover { color: #FFF; }

/*Forms
----------------------------------------------------------------------------------------- */
form input { background: #FFF url(http://static.singup.org.s3.amazonaws.com/images/global/field-bg.png) repeat-x top; padding: 3px 3px 6px 6px; margin-right: 5px; line-height: 100%; font-family: Tahoma, Geneva, sans-serif; font-size: 1.2em; border: 1px solid #0558bd; }
form textarea { font-family: Helvetica, arial, sans-serif; font-size: 1.2em; line-height 1.4; color: #434343; padding: 5px; width: 657px;}
form button, a.submit-button { background: url(http://static.singup.org.s3.amazonaws.com/images/global/form-button-bg.png) center right; padding: 6px 18px 6px 8px; width: 5.5em; color: #FFF; font-family: Tahoma, Geneva, sans-serif; font-size: 1.2em; text-shadow: 0px -1px 0px #000; }
a.submit-button{ width:auto; }
form.chunky label { font-size: 2em; margin-right: 10px; }
form.chunky input.text-input { font-size: 1.8em; padding: 5px; background: url("http://static.singup.org.s3.amazonaws.com/images/global/field-bg.png") repeat-x scroll center top #fff; margin-right: 10px; width: 340px; }
form.chunky button.submit-button { font-size: 1.8em; padding: 4px 20px 4px 10px; color: #FFF; background-repeat:repeat-x; background-position: right center; text-shadow: 0px -1px 0px #000; }
.su-form { background-color: #cad7e7; padding: 10px; }
.su-form h2 { background: #577395 url(http://static.singup.org.s3.amazonaws.com/images/global/form-title-bg.png) repeat-x bottom; padding: 5px 6px 7px 6px; border: 1px solid #577395 ; color: #FFF; font-size: 1.2em; text-shadow: 0px -1px 0px #000; margin: 0 0 7px 0; }
.su-form h2 a { color: #FFF; }
.su-form h2 a:hover { text-decoration: underline; }
.su-form fieldset { background-color: #e5ebf3; padding: 10px; margin-bottom: 2px; }
.su-form fieldset legend { font-weight: bold; font-size: 1.4em; color: #577395; position: absolute; margin-bottom: 4px; }
.su-form label, .su-form span.label { display: block; float: left; width: 270px; margin-right: 10px; padding-top: 4px; text-align: right; font-size: 1.4em; color: #4a4a4a }
.su-form label.radio { display: inline; text-align: left; float: none; font-weight: bold; }
.su-form label.radio, .su-form input.radio, .su-form input.checkbox { margin-top: 8px; }
.su-form fieldset div { padding-bottom: 4px; }
.su-form input.text { width: 260px; float: left; }
.su-form input.required { background-image: url(http://static.singup.org.s3.amazonaws.com/images/global/text-required.png); background-position: left top; padding-left: 23px; width: 243px; float: left; }
.su-form textarea { width: 325px; height:160px; border: 1px solid #0558BD; background: #FFF url(http://static.singup.org.s3.amazonaws.com/images/global/field-bg.png) repeat-x top; padding: 6px; float: left; }
.su-form textarea.required { background-image: url(http://static.singup.org.s3.amazonaws.com/images/global/text-required.png); background-position: left top; padding-left: 23px; width: 335px;  float: left; }
.su-form select { width: 320px; float: left; }
.su-form select.required { width: 295px; float: left; }
.su-form span.required { display: block; float: left; width: 15px; height: 15px; text-indent: -9999px; margin-right: 8px; margin-top: 2px; background: url("http://static.singup.org.s3.amazonaws.com/images/global/required.png") no-repeat; }
.su-form span.help { display: block; float: left; width: 15px; height: 15px; text-indent: -9999px; margin-top: 6px; margin-left: 2px; background: url("http://static.singup.org.s3.amazonaws.com/images/global/question.png") no-repeat; }
.su-form span.help:hover { cursor: pointer; }
.su-form span.help-input-select { margin-left: 10px; }
#reg-hub fieldset { position: relative; z-index: 10; }
.su-reg-help-box-wrapper { width: 329px; display: none; position: absolute; left: 10px; z-index: 1000; }
.su-reg-help-box-wrapper a { color: #FFF; text-decoration: underline; }
.su-reg-help-box-wrapper a:hover { text-decoration: none; }
#su-reg-help-box-top { height: 46px; background: url(/fileadmin/templates/images/global/help-support-top-bg.png) 0px 0px no-repeat; margin: 0px; padding: 0px; }
#su-reg-help-box-top h1 { font-weight: normal; color: #fff; font-size: 1.6em; padding: 12px 0px 0px 24px; line-height: 100%; }
#su-reg-help-box-top img { padding: 12px 16px 0px 0px; }
#su-reg-help-box-middle { background: url(/fileadmin/templates/images/global/help-support-middle-bg.png) 0px 0px no-repeat; padding: 0px 15px 0px 25px; margin: 0px; }
#su-reg-help-box-middle p { color: #fff; font-size: 1.4em; padding: 0px 0px 10px 0px; }
#su-reg-help-box-middle ul, #su-reg-help-box-middle ol { padding: 5px 0px 5px 20px; font-size: 1.2em; color: #fff; }
#su-reg-help-box-bottom { height: 9px; background: url(/fileadmin/templates/images/global/help-support-bottom-bg.png) 0px 0px no-repeat; margin: 0px; }
#su-reg-help-box-close { cursor: pointer; }
.select .js_generated_error_message{ margin-top: 3px; }
.training .search-form label { width: 200px!important; }
.training .search-form select { width: 270px!important; }
.tx-felogin-pi1 h3 { font-size: 2.6em; color: #FFF; text-shadow: 0px -1px 0px #000; }
.tx-felogin-pi1 .subtitle { font-size: 1.4em; color: #FFF; font-weight: bold; text-shadow: black 0px -1px 0px; }
.forgotpw { font-size: 1.2em; clear: both; }
#permalogin { margin-top: 6px; }

/*Comments
------------------------------------------------------------------------------------------ */
.comments { background-color: #E4E4E4; font-size: 1.2em;}
.comments .comment { background: #FFF; border: 1px solid #b2b2b2; color: #4A4A4A; margin-bottom: 27px; }
.comments .comment h4 { font-size: 1em; }
.comments .comment .date { color: #858585 }
.comments .comment-bottom { background: url("http://static.singup.org.s3.amazonaws.com/images/global/comment-bottom.gif") no-repeat center bottom; width:18px; height: 17px; margin: -28px 0 0 20px; position: absolute }
.comments .grey-title { float: none; width: auto; padding-right: 0; }
.comments a { color: #4b4b4b !important; text-shadow: 0 1px 0 #fff; font-weight: bold; }
.show-more { background: url("http://static.singup.org.s3.amazonaws.com/images/global/plus.gif") no-repeat right center; padding-right: 18px; margin-bottom: 10px; }
#add-comment-button a { color: #FFF !important; text-shadow: none; background: url("http://static.singup.org.s3.amazonaws.com/images/global/white-arrow-right.gif") no-repeat right center; display: block; margin-right: 10px;  }
#comment-form  button { width: auto; }

/*Add to playlist overlay
------------------------------------------------------------------------------------------ */
#playlist-overlay{ background: url("http://static.singup.org.s3.amazonaws.com/images/global/playlist-overlay.png") no-repeat; width: 318px; height: 173px; padding: 23px 10px 10px; position: absolute; z-index: 100; }

/*My Sing Up pulldown
------------------------------------------------------------------------------------------ */
#my-singup-wrapper { height: 208px; width:984px; margin: 0 auto;}
#page-wrapper { margin-top: -208px; }
#my-sing-up, #login-pulldown { width: 960px; /*height: 157px;*/ padding: 10px; overflow: hidden; border: 2px solid #0256bc; border-top: none; background-color: #ebf1f8; }
#my-sing-up li { padding: 0 0 0 15px; margin: 0 0 4px; background: transparent url("http://static.singup.org.s3.amazonaws.com/images/global/blue-bullet.gif") no-repeat left center; font-size: 1.2em; }
#my-sing-up li a { color: #444; }
#my-sing-up li a strong { color: #0256bc; }
#pulldown-greeting { background-color: #c0d5ee; }
#pulldown-greeting h4 { margin-bottom: 2px; }
#pulldown-greeting h1 { font-weight: normal; color: #0256bc; padding-bottom:5px;border-bottom:1px solid #97bce9; margin-bottom: 5px; text-shadow: 0 1px 0 #FFF; font-size: 1.6em!important; }
#pulldown-arrow { height: 15px; width: 17px; margin-left: 800px; background-image: url('http://static.singup.org.s3.amazonaws.com/images/global/pulldown-arrow.png') }
#login-pulldown { /*height: 128px;*/ width: 520px; float: right; }
#login-pulldown a, #cboxWrapper a { color: #0256BC; }
#login-pulldown h4 { background-image: none; background-color: transparent; color: #0256bc; text-shadow: none; border: none; padding: 0; }
#login-pulldown label { width: 70px; color: #0256bc; font-size: 1.2em; display: block; float: left; padding-top: 5px; }
#login-pulldown input { width: 246px; float: right; margin-right: 0px!important; }
#login-pulldown #remember-box { margin-left: 75px; margin-top: 5px; }
#login-pulldown #remember-box label, #login-pulldown #remember-box input { width: auto; font-size: 1em; display: inline; float: none }
#login-pulldown button { width: auto; padding: 6px 18px 6px 8px; background: url("http://static.singup.org.s3.amazonaws.com/images/global/form-button-bg.png") repeat scroll right center transparent; float: right; }
#login-pulldown .grid_2-5 { width:335px; }
#login-pulldown .grid_1-5 { width:164px; }
/* Limited Downloads addition - 07-12-11 */
#pulldown-greeting .dl-available, #pulldown-greeting .streamed{display:block;padding:1px 0 6px 23px;margin:2px 0 0 0;font-size: 12px;font-weight: bold;text-shadow: 0 1px 0 white;}
#pulldown-greeting .dl-available{background:url(../images/limited-dl/dl-sprites.png) -85px -127px no-repeat;}
#pulldown-greeting .streamed{background:url(../images/limited-dl/dl-sprites.png) -85px -148px no-repeat;margin-bottom:4px;}
#pulldown-greeting a{color:#0256BC;}
#pulldown-greeting h4 a{color: #fff;font-size:12px;}
/*My Sing Up Form
------------------------------------------------------------------------------------------ */
#mysingup-form .not-form { background: none transparent; border: none; font-size: 1.1em; padding: 0; color: #444;  }
#mysingup-form button { width: auto; }
#mysingup-form input, #mysingup-form textarea { width: 310px; color: #444; }

/*My Sing Up Details
------------------------------------------------------------------------------------------ */
#mysingup-details li { font-size: 1.3em; }
#mysingup-details li span { font-size: 0.9em;}

/*other My Sing Up
------------------------------------------------------------------------------------------ */
.mysingup-remove-from-favourites { background: none!important; padding-right: 10px; }
.mysingup-mainbox ul { margin-bottom: 0 !important; }
.mainbox #more-favourites { margin-top: -1.3em; }
.mainbox .lists li a.delete-x { position: absolute; right: 10px; }

/*Archive
------------------------------------------------------------------------------------------ */
.archive h4 { background: #4a4a4a url(http://static.singup.org.s3.amazonaws.com/images/global/page-tools-h4-bg.png) repeat-x bottom; padding: 5px 6px 7px 6px; border: 1px solid #4a4a4a; color: #FFF; font-size: 1.2em; text-shadow: 0px -1px 0px #000; margin: 0 0 7px 0; width: 185px; }
.archive li { font-size: 1.2em; margin-bottom: 5px; background: url("http://static.singup.org.s3.amazonaws.com/images/colours/news/arrow.png") no-repeat center left; padding-left: 10px;}
.archive ul li a:hover { opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50);  }
.preview-player-wrapper { margin-right: 10px; background-image: url(http://static.singup.org.s3.amazonaws.com/images/global/preview-player.png); width: 66px; height: 66px; }
a.preview-player, a.preview-player-nag { display: block; width: 66px; height: 66px; text-indent: -9999px; }
.preview-player-wrapper-small { margin-right: 10px; background-image: url(http://static.singup.org.s3.amazonaws.com/images/global/preview-play-button-small.gif); width: 36px; height: 36px; }
.preview-player-wrapper-small a.preview-player, .preview-player-wrapper-small a.preview-player-nag { display: block; width: 36px; height: 36px; text-indent: -9999px; }
.preview-player-song-info { width: 250px; }
.unbold { font-weight: normal; }
.mainbox .lists .bold { font-weight: bold; }
.mainbox .lists { color: #434343; margin-bottom: 1.4em; }
.mainbox .lists li .blue { color: #0256bc; }
.mainbox .lists li { padding: 0px; margin: 0px 0px 2px 0px; background: none; font-size: 1.2em; }
.mainbox .lists li a { background: url(http://static.singup.org.s3.amazonaws.com/images/global/footer-about-link.png) no-repeat left center; padding-left: 0.6em; padding-right: 0.8em; color: #434343; }
.my-playlist { background: url(http://static.singup.org.s3.amazonaws.com/images/colours/mysingup/mysingup-sprites.png) no-repeat 0px -61px; width: 21px; height: 0px; padding: 21px 0 0 0; display: block; overflow: hidden; position: absolute; top: 6px; right: 6px; }
.my-teachingtools { background: url(http://static.singup.org.s3.amazonaws.com/images/colours/mysingup/mysingup-sprites.png) no-repeat 0px -123px; width: 21px; height: 0px; padding: 21px 0 0 0; display: block; overflow: hidden; position: absolute; top: 6px; right: 6px; }
.teachingresources { background: url(http://static.singup.org.s3.amazonaws.com/images/colours/mysingup/mysingup-sprites.png) no-repeat 0px -29px; width: 21px; height: 0px; padding: 21px 0 0 0; display: block; overflow: hidden; position: absolute; top: 6px; right: 6px; }
.savedpages { background: url(http://static.singup.org.s3.amazonaws.com/images/colours/mysingup/mysingup-sprites.png) no-repeat 0px 0px; width: 21px; height: 0px; padding: 21px 0 0 0; display: block; overflow: hidden; position: absolute; top: 6px; right: 6px; }
.settings { background: url(http://static.singup.org.s3.amazonaws.com/images/colours/mysingup/mysingup-sprites.png) no-repeat 0px -95px; width: 21px; height: 0px; padding: 21px 0 0 0; display: block; overflow: hidden; position: absolute; top: 6px; right: 6px; }

/* Awards Panels */
.silver { position: relative; background: #efefef url(http://static.singup.org.s3.amazonaws.com/images/colours/awards/awards-silver-bg.png) no-repeat center top !important; }
.silver h4 { background: #555 !important; border-color: #555 !important; }
.gold { position: relative; background: #f8e7ca url(http://static.singup.org.s3.amazonaws.com/images/colours/awards/awards-gold-bg.png) no-repeat center top !important; margin: 0px 14px; }
.gold h4 { background: #ab6e06 !important; border-color: #ab6e06 !important; }
.platinum { position: relative; background: #e8edfb url(http://static.singup.org.s3.amazonaws.com/images/colours/awards/awards-platinum-bg.png) no-repeat center top !important; }
.platinum h4 { background: #485475 !important; border-color: #485475 !important; }
.gold p, .silver p, .platinum p { margin-top: 85px; font-weight: bold; text-align: center !important; }
a.award-box-link { position: absolute; display: block; z-index: 1; top: 0px; left: 0px; width: 220px; height: 0px; padding: 140px 0px 0px 0px; text-indent: -9999px; }

/* Awards in Settings */
.silversettings { background: #efefef url(http://static.singup.org.s3.amazonaws.com/images/colours/awards/awards-silver-bg.png) no-repeat -170px -30px; font-weight: bold;border: 1px solid #838383; }
.goldsettings { background: #f8e7ca url(http://static.singup.org.s3.amazonaws.com/images/colours/awards/awards-gold-bg.png) no-repeat -170px -30px; font-weight: bold; border: 1px solid #c59748; }
.platinumsettings { background: #e8edfb url(http://static.singup.org.s3.amazonaws.com/images/colours/awards/awards-platinum-bg.png) no-repeat -170px -30px; font-weight: bold; border: 1px solid #7f89a5; }
.silversettings p, .goldsettings p, .platinumsettings p { margin-left: 160px; text-shadow: 0px 1px 0px #FFF; }
.silversettings a { color: #c59748; }
.goldsettings a { color: #7f89a5; }
.platinumsettings a { color: #c59748; }

/* Sitemap styling */
div.csc-sitemap { font-size: 1.4em; }
div.csc-sitemap ul { margin: 0px 0px 10px 10px; }
div.csc-sitemap ul li {  }
div.csc-sitemap ul li a { font-weight: bold; }
div.csc-sitemap ul li a:hover { text-decoration: underline; }
div.csc-sitemap ul li ul { padding: 0px 0px 0px 10px; list-style-type: circle; }
div.csc-sitemap ul li ul li {  }
div.csc-sitemap ul li ul li a { color: #666; font-weight: normal; }
div.csc-sitemap ul li ul li a:hover { text-decoration: underline; }
div.csc-sitemap ul li ul li ul { padding: 0px 0px 0px 10px; list-style-type: circle; }
div.csc-sitemap ul li ul li ul li {  }
div.csc-sitemap ul li ul li ul li a { color: #999; font-weight: normal; }
div.csc-sitemap ul li ul li ul li a:hover { text-decoration: underline; }
div.csc-sitemap ul li ul li ul li ul { padding: 0px 0px 0px 10px; list-style-type: circle; }
div.csc-sitemap ul li ul li ul li ul li {  }
div.csc-sitemap ul li ul li ul li ul li a { color: #aaa; font-weight: normal; }
div.csc-sitemap ul li ul li ul li ul li a:hover { text-decoration: underline; }

/* Programmes */
#programmes { background: #D9E7ED; }
#programmes h3 { border: 1px solid #005F85; }
#programmes p { margin: 0 0 1.2em 0; }
#programmes ul, #programmes ol { font-size: 1.2em; line-height: 140%; padding: 0 0 0 1.5em; margin: 0 0 1.2em 0; }
#programmes ul li { list-style: disc; margin: 0; padding: 0; background: none; }
#programmes ol li { list-style: decimal; margin: 0; padding: 0; background: none; }
#programmes .submit-button { background: url(http://static.singup.org.s3.amazonaws.com/images/global/form-button-bg-programmes.png) center right; border: 1px solid #005F85; cursor: pointer; }
#programmes .submit-button:hover { color: #FFF; }
#programmes form select { margin-top: 6px; margin-right: 10px; width: 300px; }

/*Homepage box colours*/
#homepage-boxes .news .grid_2-5.mainbox { background-color: #c0cdb8!important; }
#homepage-boxes .magazine .grid_2-5.mainbox { background-color: #d2c3c2!important; }
#homepage-boxes .awards .grid_2-5.mainbox { background-color: #e9c19d!important; }
#homepage-boxes .songs .grid_2-5.mainbox { background-color: #c8cc9d!important; }
#homepage-boxes .training .grid_2-5.mainbox { background-color: #ecbebb!important; }
#homepage-boxes .success .grid_2-5.mainbox { background-color: #ecbca6!important; }
#homepage-boxes .grid_2-5 { margin-bottom: 20px; }
#homepage-boxes .mainbox p { height: 134px; overflow-y: hidden; }

/* further information */
#wecid { background: url(http://www.singup.org/fileadmin/templates/images/global/wecid.png); width: 196px; height: 178px; display: block; margin: 0px; padding: 0px; position: relative; left: 10px; top: -10px; }
#wecid li { list-style: none; text-indent: -9999px; overflow: hidden; }
#wecid a { position: absolute; display: block; }
#wecid .a a { top: 6px; left: 6px; width: 90px; height: 30px; }
#wecid .b a { top: 5px; left: 107px; width: 90px; height: 30px;}
#wecid .c a { top: 38px; left: 54px; width: 59px; height: 49px; }
#wecid .d a { top: 87px; left: 0px; width: 108px; height: 85px; }
#wecid .e a { top: 97px; left: 113px; width: 80px; height: 50px;}
#wecid .f a { top: 52px; left: 114px; width: 80px; height: 33px; }

/* Course Data */
.course-data ul, .course-data ol { font-size: 1.4em; line-height: 140%; padding: 0 0 0 1.5em; margin: 0 0 1.4em 0; }
.course-data ul li { list-style: disc; margin: 0; padding: 0; }
.course-data ol li { list-style: decimal; margin: 0; padding: 0; }

/* Sorting out bullet points */
.results-list li.rounded .grid_4.left ul, .results-list li.rounded .grid_4.left ol { margin: 0 0 1.2em 0; font-size: 1.2em; }
.results-list li.rounded .grid_4.left ul li { background: none!important; padding: 0; margin: 0 0 0 6em!important; list-style: disc; }
.results-list li.rounded .grid_4.left ol li { background: none!important; padding: 0; margin: 0 0 0 6em!important; list-style: decimal; }
.results-list li.rounded.training ul, .results-list li.rounded.training ol { margin: 0 0 1.2em 0; font-size: 1.2em; }
.results-list li.rounded.training ul li { background: none!important; padding: 0; margin: 0 0 0 7em!important; list-style: disc; }
.results-list li.rounded.training ol li { background: none!important; padding: 0; margin: 0 0 0 7em!important; list-style: decimal; }
.results-list li.rounded.training .searchtools ul { margin: 0; font-size: 1em; }
.results-list li.rounded.training .searchtools ul li { list-style: none; margin-left: 0 !important; }

/* FAQ Styling */
.about .mainbox li.rounded { clear: both; }
.about .mainbox li.rounded p { clear: left; margin: 0 0 1.2em 0; }
.about .mainbox li.rounded ul, .about .mainbox li.rounded ol { margin: 0 0 1.4em 2em!important; }
.about .mainbox li.rounded ul li, .about .mainbox li.rounded ol li { clear: left; }
.about .mainbox li.rounded ul li, .about .mainbox li.rounded ol li ul li { list-style: disc; }
.about .mainbox li.rounded ol li ul li { font-size: 1em; }
.about .mainbox li.rounded ol li { list-style: decimal; }*/
.about a.button.rounded.submit-button:hover { text-decoration: none; color: #FFF; }
.news .submit-button { background: url("http://static.singup.org.s3.amazonaws.com/images/colours/news/training-button.png") repeat-x right; width: auto; color: #ffffff; }
h1 sup { margin-left: 0.25em; }
.faq-answer li { font-size: 1.2em; padding: 5px 10px !important; }
.faq-answer li ul li { font-size: 1em; }

.about .highlightcta h2 a { color: #005F85; }


/* tables, tables, tables, TABLES! */
.content table { margin-bottom: 1.4em; width: 100%; border: none!important; padding: 0px; border-collapse: collapse; }
.content table tr { margin: 0!important; }
.content table th { text-align: left; padding: 4px; background-color: #eee;}
.content table td { border-bottom: 1px solid #ddd; padding: 4px; margin: 0!important; }
.content table p { margin: 0; font-size: 1.4em; }

.songs table { margin-bottom: 1.4em; width: 100%; border: none!important; padding: 0px; }
.songs table tr { margin: 0!important; }
.songs table td { border: none!important; background: #EEE; padding: 4px; margin: 0!important; }
.songs table p { margin: 0; font-size: 1.4em; }

/* More Link */
.more-link { display: none; }

#no-youtube { background: #000 url("../images/no-youtube.gif") no-repeat center center; width: 90%; margin: 10px; height: 300px; text-indent: -9999px; }

/* JS Enabled CSS
some stuff not in colors.css otherwise they'd get the song/magazine/etc prefix 
------------------------------------------------------------------------------------------ */ 
.js-enabled #track-list { height: 80px; } 
.js-enabled #track-list #track-list-inner { height: 80px; } 
.js-enabled #gmap { height: 330px !important; } 

.songs .song-tools li.resources a.purchase {
    background-position: right -133px;
}

.songs #play-list-inner li div.right a.purchase,
.songs .dl-list li a.purchase  {
    background-image: url(../images/colours/songs/purchase-icon-green.png);
}

li.current .playlist-no-stream {
    color: #fff !important;
}

.playlist-no-stream {
    color: #999 !important;
}

/* Limited Downloads */

.dl-button, .songs #play-list-inner li div.right a.dl-button{
	background: url(../images/limited-dl/dl-sprites.png) 0px -82px no-repeat;
	width: 86px;
	height: 18px;
 /* -webkit-transition-duration: 100ms; 
  	-moz-transition-duration: 100ms;
  	-o-transition-duration: 100ms;
  	-ms-transition-duration: 100ms;
  	transition-duration: 100ms;
  */
}

.grid_4.alpha .track-list .dl-button{
	margin-top: -2px;
}

.songs #play-list-inner li div.right a.dl-button{
	margin-top:0px;
}

.dl-button:hover, .songs #play-list-inner li div.right a.dl-button:hover{
	background-position: 0 -104px;
}

.dl-button.in-library, .songs #play-list-inner li div.right a.in-library{
	background-position: 0 -126px;
}

.dl-button.in-library:hover, .songs #play-list-inner li div.right a.in-library:hover{
	background-position: 0 -148px;
}

.songs .dl-button{
	display:inline-block;
}

.dl-counter, .library-icon{
	width:100px;
	height:90px;
	margin-left: -15px;
	display:block;
}

.dl-counter span.number{
	text-align: center;
	margin-top: 85px;
	width: 100%;
	display: block;
	font-size: 28px;
	margin-left:-2px;
	font-weight: bold;
	color: #308101;
	text-shadow: 0 2px 1px rgba(255, 255, 255, 0.7);
}

.library-icon{
	background: url(../images/limited-dl/dl-sprites.png) -185px 0 no-repeat;
}

.dl-counter{
	background: url(../images/limited-dl/dl-sprites.png) -86px -8px no-repeat;
	margin-top:-4px;
	margin-bottom:70px;
}

ul.my-library h3{
	margin-bottom:0;
	padding-bottom:0;
}

ul.my-library h5{
	font-weight:bold;
	margin-bottom:2px;
	line-height:1.6em;
}

ul.my-library li, .mainbox ul.my-library li{
	background:none;
	font-size:12px;
	line-height:1.4em;
	padding:5px 10px 13px 10px;
	border-bottom:1px solid #a5b6c6;
}

ul.my-library li.last, .mainbox ul.my-library li.last{
	border:none;
	padding-bottom:3px;
}
ul.my-library li a{
	background: url("http://static.singup.org.s3.amazonaws.com/images/colours/songs/form-button-bg.gif") right center;
	color:#fff;
	border-radius:8px;
	margin-top:10px;
	padding:5px 23px 5px 10px;
	display:inline-block;
	font-weight:bold;
	text-shadow:0 -1px 2px rgba(0,0,0,0.5);
	
}

ul.music-streams{
	background: url(../images/limited-dl/dl-sprites.png) 3px -175px no-repeat;
	padding-left: 30px;
}

/* Modal Popup */

#dl-modal{
	padding: 10px;
	margin:0;
	
line-height:1.5em;
}

#dl-modal.sorry div.text strong{
	font-size:14px;
	display: block;
	float: none;
	position: relative;
	color:#000;
	line-height:1.5em;
	
	
}

#dl-modal div.text{
	font-size:12px;
	margin-left: 80px;
	
	color:#666;
}

#dl-modal.sorry div.text{
	margin-bottom:0;
}

#dl-modal div.text ul.song_titles{
	display: block;
	position: relative;
	padding: 5px 0 5px 20px;
	color:#000;
}

#dl-modal div.text ul.song_titles li, .mainbox ul.song_titles li{
	list-style: disc;
	display: block;
	background: none;
	font-size:14px;
	line-height:1.35em;
	font-weight:bold;
	display: list-item;
	list-style-type: disc;
	padding:0;
}

#dl-modal div.text a{
	margin:5px 5px 0 0;
	
}

#dl-modal div.text a.cancel{
	background: url(../images/colours/success/nav-bg.png);
	color: white;
	padding: 3px 8px 3px 7px;
	border-radius: 8px;
	border: 1px solid #DE2B2B;
	display: inline-block;
	font-size: 12px;
	text-shadow: 0 -1px 0 black; 
}

#dl-modal div.text a.action{
	background: url(../images/limited-dl/dl-button-bg.gif) right center;
	color: white;
	padding: 3px 25px 3px 7px;
	border-radius: 8px;
	border: 1px solid #308202;
	display: inline-block;
	font-size: 12px;
	text-shadow: 0 -1px 0 black; 
}

#dl-modal div.icon{
	background: url(../images/limited-dl/dl-sprites.png) -06px -8px no-repeat;
	height:75px;
	width:80px;
	display: block;
}

#dl-modal div.dl-counter{
	background: url(../images/limited-dl/dl-sprites.png) -86px -8px no-repeat;
	margin-top:-4px;
	height:105px;
	width:100px;
	display: block;
}

#dl-modal div.dl-counter span.number{
	text-align: center;
	margin-top: 80px;
	width: 100%;
	display: block;
	font-size: 28px;
	margin-left:-2px;
	font-weight: bold;
	color: #308101;
	text-shadow: 0 2px 1px rgba(255, 255, 255, 0.7);
}

#thePlayer{
position:relative;
height:30px;
opacity:1;
display:block;
width: 100.3%;

}

/* MySingup Page styles */
.mysingup .songs-playlists {
margin-bottom: 10px;
padding-right: 10px;
}

.mysingup .altbg {
background-color: #E6ECE3;
}

.mysingup .songs-playlists li {
font-size: 1.2em;
margin-bottom: 5px;
background: url("http://static.singup.org.s3.amazonaws.com/images/colours/whiteboard/list-arrow.gif") no-repeat center left;
padding-left: 10px;
}

.mysingup .songs-playlists h4 {
border: 1px solid #5A7E46;
background: #5A7E46 url("http://static.singup.org.s3.amazonaws.com/images/colours/songs/nav-bg-alt.png") repeat-x scroll center bottom;
color: white;
font-size: 1.2em;
margin: 0 0 7px;
padding: 5px 6px 7px;
text-shadow: 0 -1px 0 black;
}

.mysingup .songs-playlists li a {
color: #444;
}


.grid_5-5 #play-list{

}

.content .library-icon{
	margin: 10px 10px 10px 0;
}

#pulldown-greeting h4.nav_myschool_link{
	background: url(../images/limited-dl/house_button.jpg) center left no-repeat;
	padding-left: 30px;
}