/* @group Top sections */
#top-sections { background-color: white; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-bottom: 2px; padding: 1px 23px 13px; }
#top-sections .col { float: left; margin: 0 10px; width: 380px; /* Middle column */ }
#top-sections .col:first-child, #top-sections .col.last { width: 260px; }
#top-sections .col:first-child { margin-left: 0; }
#top-sections .col.last { margin-right: 0; }
#top-sections .col:first-child #picks-list { margin-right: 0; width: 100%; }
#top-sections .col #featured, #top-sections .col #signup { padding-top: 52px; }
#top-sections .col #featured .flex-direction-nav li a { top: 157px /* 105px + 52px */; }

/* @group Signup */

#top-sections .col #signup .tooltip { background-color: #22aadd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height: 107px; margin-bottom: 14px; padding: 15px; position: relative; }
#top-sections .col #signup .tooltip .tip { background: url("/img/tip.png") no-repeat; bottom: -8px; height: 8px; left: 11px; position: absolute; width: 16px; }
#top-sections .col #signup .tooltip ul { list-style: none; }
#top-sections .col #signup .tooltip li { color: white; font-size: 15px; font-weight: bold; line-height: 17px; margin-top: 9px; }
#top-sections .col #signup .tooltip li:first-child { margin-top: 0; }
#top-sections .col #signup .button { margin-bottom: 5px; text-transform: none; width: 100%; }
#top-sections .col #signup .button span { font-size: 13px; }
#top-sections .col #signup p { color: #333; font-size: 12px; font-weight: 600; }
#top-sections .col #signup p a { color: #00a0d2; }

/* @end */

/* @group No favorites */

#top-sections .col #no-favorites .body { background: #22aadd url("/img/favorites-bg.png") no-repeat; border: 2px solid #0090bd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height: 216px; /* 250px - (15px * 2) - (2px * 2) */ padding: 15px; }
#top-sections .col #no-favorites .body p { color: white; font-size: 17px; font-weight: 600; line-height: 24px; padding-top: 135px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.24); white-space:nowrap; }

#top-sections .col #no-favorites.alt .body p { font-size: 15px; }
#top-sections .col #no-favorites .body img { vertical-align: middle; }

/* @end */

/* @end */

/* @group Main */

#main { -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }

#c2a-home { color: inherit; padding: 0; margin-top: 0; font-size: 13px; line-height: 20px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: transparent; }
#c2a-home a { color: inherit; }
#c2a-home-welcome { padding: 18px 18px 8px; color: #520; background: white; }
#c2a-home-welcome h1 { color: #520; font-size: 20px; line-height: 24px; font-weight: bold; margin-bottom: 10px; text-align: left; }
#c2a-home-welcome a { color: #520; }
#c2a-home-details { padding: 20px 18px 18px; color: white; background: #520 url(/img/c2a-home-separator.png) no-repeat 0 0; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
#c2a-home-details a { color: white; }
#c2a-home .login { text-align: right; font-size: 12px; line-height: 22px; }
#picks-list { float: left; width: 220px; height: 250px; overflow: hidden; border: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #558f17; margin-right: 20px; }
#picks-list .radio-item { border-color: #669a2e; border-color: rgba(255,255,255,0.1); }
#picks-list .radio-item:hover { border-color: #669a2e; border-color: rgba(0,0,0,0.05); background-color: #4C8014 !important; background-color: rgba(0,0,0,0.1) !important; }
#picks-list .radio-item h3 { display: block; line-height: normal; margin-top: 1px !important; }
#picks-list .radio-item h3 > * { vertical-align: middle; }
#picks-list .radio-item h3 a { display: inline-block; height: 16px; overflow: hidden; max-width: 104px; text-overflow: ellipsis; white-space: nowrap; }
#picks-list .genres { width: 158px; height: 28px; overflow: hidden; text-overflow: ellipsis; }
#picks-list, #picks-list a { color: #fff; }
#picks-list .genres, #picks-list .genres a { color: #B7CCA1; }
#featured { position: relative; width: 380px; height: 250px; float: left !important; clear: right; margin-bottom: 10px; }
#featured .flex-control-nav { position: absolute; bottom: 0; right: 0; bottom: auto; height: 12px; margin-top: 2px; }
#featured .flex-control-nav li { margin: 0 1px; }
#featured .flex-control-nav li a { width: 12px; height: 12px; background: url(/img/flexslider/indicator.png) no-repeat 0 0; }
#featured .flex-control-nav li a:hover { background-position: 0 -12px; }
#featured .flex-control-nav li a.active { background-position: 0 -24px; }
#featured .flex-direction-nav { }
#featured .flex-direction-nav li a { position: absolute; display: block; height: 40px; top: 105px; left: -20px; width: 20px; margin: 0; background: url(/img/flexslider/prevnext.png) no-repeat left center; }
#featured .flex-direction-nav li + li a { right: -20px; left: auto; background-position: right; }
#featured .flexslider { width: 380px; height: 250px; border: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; background-color: #eff0e9; }
#featured .flexslider ul.slides { }
#featured .flexslider ul.slides > li { width: 380px; height: 250px; overflow: hidden; }
#featured .flexslider ul.slides > li.banner { }
#featured .flexslider ul.slides > li.banner a { display: block; overflow: hidden; width: 380px; height: 250px; }
#featured .flexslider ul.slides > li.banner a, #featured .flexslider ul.slides > li.banner a img { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#featured .flexslider ul.slides > li.radio { background-repeat: no-repeat; background-position: 0 0; background-color: #eff0e9; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#featured .flexslider ul.slides > li.radio > .picture { display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#featured .flexslider ul.slides > li.radio > .picture img { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 380px; height: 250px; }
#featured .flexslider ul.slides > li .radio-item { position: absolute; bottom: 0; right: 0; left: 0; background: #333; background: rgba(0,0,0,0.85); -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding-left: 85px; }
#featured .flexslider ul.slides > li .radio-item a { color: white; }
#featured .flexslider ul.slides > li .radio-item .description, #featured .flexslider ul.slides > li .radio-item .description a { color: rgba(255,255,255,0.80); }
#featured .flexslider ul.slides > li .radio-item .genres, #featured .flexslider ul.slides > li .radio-item .genres a { color: rgba(255,255,255,0.60); }
#talking-live h2 { padding-left: 30px; background: url(/img/list-header-icons.png) no-repeat 0px -7px; }
#tags { margin: 20px 0; }
#tags h2 { padding-left: 30px; background: url(/img/list-header-icons.png) no-repeat 0px -47px; }
#tags .tags { border: 1px solid #d4e5ec; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 5px 5px 10px; }
#tags .tags li { float: left; margin-right: 5px; margin-bottom: 5px; }
#tags .tags a { display: block; font-size: 12px; line-height: 23px; padding: 0 6px; background: #e7e7e7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; text-decoration: none; text-transform: capitalize; }
#tags .tags a:hover { color: white; background-color: #006688; }
#browse-more { margin: 20px 0; border: 1px solid #d4e5ec; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 12px; line-height: 20px; }
#browse-more form { padding: 8px 10px; }
#browse-more form + form { border-top: 1px solid #d4e5ec; }
#browse-more form > * { float: left; }
#browse-more form label { width: 140px; font-weight: bold; color: #006280; }
#browse-more form select { width: 115px; font-size: 12px; line-height: normal; }
#browse-more form button { margin-right: 0; }
#favorites h2 { padding-left: 35px; background: url(/img/list-header-icons.png) no-repeat 3px -107px; }
#favorites > .radio-list { background: #00a0d2; border: 0; }
#favorites > .radio-list a { color: white; }
#favorites > .radio-list .article, #favorites > .radio-list .list-footer { border-color: #24acd7 !important; border-color: rgba(255,255,255,0.15); }
#favorites > .radio-list .article:hover { background-color: #24acd7; background-color: rgba(0,0,0,0.1); }
#favorites > .radio-list .article h3 { margin: 0; line-height: 36px; }
#favorites > .radio-list .footer { padding-bottom: 10px; }
#favorites > .radio-list .footer a { background-image: url(/img/links-arrow-white.png); }