fieldset {margin-bottom: 20px;border-top: 20px solid #eee;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;padding: 20px;}
legend {font-size: 150%;font-weight: bold;color: #666;padding: 0 10px;}
form#edituser td.paramlist_key {width: 150px;}
select#paramstimezone {width: 300px;}

.gopro {background: url(go-pro.png) 0 0 no-repeat;width: 295px;height: 169px;display: block;margin-top: 0;}
.gopro.active-dev {background: url(go-pro2.png) 0 0 no-repeat;}

body#tutorials .gopro {background: url(go-pro.png) 0 0 no-repeat;}
body#tutorials .gopro.active-dev {background: url(go-pro2.png) 0 0 no-repeat;}

body#labs .gopro {background: url(go-pro.png) 0 0 no-repeat;}
body#labs .gopro.active-dev {background: url(go-pro2.png) 0 0 no-repeat;}

body#drupal .gopro {background: url(go-pro.png) 0 0 no-repeat;}
body#phpbb3 .gopro {background: url(go-pro.png) 0 0 no-repeat;}
body#phpbb3 .gopro.active-dev {background: url(go-pro2.png) 0 0 no-repeat;}
body#magento .gopro {background: url(go-pro.png) 0 0 no-repeat;}

.pro-content {padding: 78px 40px 15px 16px;}
.pro-content span.developer-title {display: block;font-weight: bold;padding-bottom: 10px;}
.pro-content a {color: #FF640E;}

a img {border: 0;}
img.showcase {margin: 0 auto;}
img.album {padding: 0 0 10px 0;}
img.left {float: left;margin-right: 10px;border: 0;}

.join-ad-top {height: 12px;background: url(join-today-top.png) 0 0 no-repeat;margin-left: 2px;}
.dev-ad-top {height: 12px;background: url(dev-ad-top.png) 0 0 no-repeat;margin-left: 2px;}
a.jointoday:link, a.jointoday:visited {margin: 10px auto;display: block;width: 216px;height: 52px;border: 0;background: url(join-today.png) 0 0 no-repeat;	}
img.jointoday {width: 273px;height: 251px;border: 0;background: url(join-today-ad.jpg) 0 0 no-repeat;margin-left: 2px;margin-bottom: 15px;}
img.renewtoday {width: 273px;height: 251px;border: 0;background: url(renew-today-ad.jpg) 0 0 no-repeat;margin-left: 2px;margin-bottom: 15px;}
img.renewdev {width: 273px;height: 251px;border: 0;background: url(renew-pro.jpg) 0 0 no-repeat;margin-left: 2px;margin-bottom: 15px;}
img.upgradedev {width: 273px;height: 251px;border: 0;background: url(upgrade-dev.jpg) 0 0 no-repeat;margin-left: 2px;margin-bottom: 15px;}
img.dev-ad {width: 273px;height: 245px;border: 0;background: url(dev-ad.jpg) 0 0 no-repeat;margin-left: 2px;}
body#tutorials img.jointoday {background: url(join-today-ad.jpg) 0 0 no-repeat;}
body#labs img.jointoday {background: url(join-today-ad.jpg) 0 0 no-repeat;}
body#drupal img.jointoday {background: url(join-today-ad.jpg) 0 0 no-repeat;}
body#phpbb3 img.jointoday {background: url(phpbb3-join.jpg) 0 0 no-repeat;}
body#phpbb3 img.renewtoday {background: url(phpbb3-renew.jpg) 0 0 no-repeat;}
body#phpbb3 img.renewdev {background: url(phpbb3-renew-dev.jpg) 0 0 no-repeat;}
body#phpbb3 img.upgradedev {background: url(phpbb3-upgrade.jpg) 0 0 no-repeat;}
body#magento img.jointoday {background: url(join-today-ad.jpg) 0 0 no-repeat;}
a.jointoday span {display: none;}

div.quote {background: url(hilite-bg.png) 100% 0 repeat-y;}
div.quote div {background: url(hilite-t.png) 100% 0 no-repeat;}
div.quote div div {background: url(hilite-b.png) 100% 100% no-repeat;padding: 15px 20px 15px 0;}
span.author {padding-top: 10px;display: block;text-align: right;font-style: italic;color: #fff;padding-right: 10px;}

/* frontpage */

#page {position: relative;}
.tool-tip {background: #eee;border: 3px solid #ccc;color: #333;padding: 10px;font-weight: bold;    }  
.contentpaneopen_edit {float: right;overflow: hidden;}
#details-list ul.features {clear: right;margin: 0;padding: 0;}
#details-list ul.features li {width: 218px;list-style: none;margin: 0;padding: 0 0 0 35px;background: url(details-item-feature.png) 0 0 no-repeat;margin-bottom: 1px;height: 22px;line-height: 23px;overflow: hidden;}
#details-list .button {display: block;float: left;background: url(list-item-button.png) 0 0 no-repeat;width: 83px;height: 41px;margin-top: 10px;margin-right: 5px;text-align: center;line-height: 30px;color: #fff;border: 0;}
#details-list .button-new {display: block;float: left;background: url(button-new.png) 0 0 no-repeat;width: 83px;height: 41px;margin-top: 10px;margin-right: 5px;text-align: center;line-height: 30px;color: #fff;border: 0;}
#details-list div.moduletitle {margin-left: -10px;background: url(header-subbody-2.png) 0 0 repeat-x;	}
#details-list div.moduletitle div {background: url(header-subbody-3.png) 100% 0 no-repeat;}
#details-list div.moduletitle h1, #details-list div.moduletitle h2 {background: url(header-subbody-1.png) 0 0 no-repeat;height: 42px;line-height: 32px;color: #ccc;padding-left: 51px;font-size: 110%;font-weight: bold;}
#details-list div.left {float: left;}
#details-list div.bottomleft {float: left;width: 295px;margin-top: 20px;}
#details-list div.bottomright {float: right;width: 295px;margin-top: 20px;}

#content-list .item {width: 442px;padding-top: 10px;margin-bottom: 20px;float: left;position: relative;z-index: 1;}
#content-list .item  img {float: left;margin-right: 10px;margin-top: -7px;}
#content-list h2 {color: #BD2E00;font-size: 150%;float: left;margin: 0;padding: 0;margin-bottom: 8px;}
body#tutorials #content-list h2 {color: #5E9712;}
body#labs #content-list h2 {color: #999;}
body#drupal #content-list h2 {color: #056FA3;}
body#phpbb3 #content-list h2 {color: #566D7F;}
body#drupal #content-list h2 {color: #953894;}
#content-list .date {float: right;font-size: 95%;color: #999;margin-right:10px;}
#content-list ul.features {clear: right;margin: 0;padding: 0;}
#content-list ul.features li {width: 223px;list-style: none;margin: 0;padding: 0;background: url(list-item-feature.png) 0 0 no-repeat;padding-left: 35px;margin-bottom: 2px;height: 20px;line-height: 20px;overflow: hidden;}
#content-list .button {display: block;float: left;background: url(list-item-button.png) 0 0 no-repeat;width: 83px;height: 41px;margin-top: 10px;margin-right: 5px;text-align: center;line-height: 30px;color: #fff;}
#content-list .new {position: absolute;width: 276px;height: 104px;right: 0;z-index: -1;margin-right: -20px;margin-top: -5px;background: url(list-item-new.png) 0 0 no-repeat;}
#content-list .screenshot {width: 168px;height: 143px;}
#content-list div.left {float: left;}

img.details {float: left;margin-right: 20px;}
body #banner a:link, body #banner a:visited {color: #ddd;font-weight: bold;}
body #banner a:hover {color: #fff;}

.roktabs-wrapper .dark .roktabs-container-wrapper div.wrapper {width: auto !important;padding: 14px;}
#slider-bg { width: 410px;height: 160px;margin-top: 25px;position: relative;overflow: hidden;}
#slider-bg .tab-pane {display: none;}
#slider-bg hr {display: none;}
#slider-bg #scroller {left: 45px;position: absolute;overflow: hidden;}
#slider-bg .button {width: 36px;height: 160px;overflow: hidden;position: absolute;cursor: pointer;}
#slider-bg #left {background: url(slider-left.png) 0 50% no-repeat;left: 0;top: 0;}
#slider-bg #left.hover {background-position: -36px 50%;}
#slider-bg #right {background: url(slider-right.png) 0 50% no-repeat;right: 0;top: 0;width: 36px;}
#slider-bg #right.hover {background-position: -36px 50%;}
.tab-pane {float:left;overflow:hidden;}
#slider-bg .padding {padding: 5px;position: relative;}
#slider-bg h1 {font-size: 115%;color: #fff;line-height: 100%;margin-top: 4px;}
#slider-bg h1 b {display: block;font-size: 125%;color: #FF640E;white-space: nowrap;line-height: 115%;}
body#tutorials #slider-bg h1 b {color: #94C000;}
body#labs #slider-bg h1 b {color: #999;}
body#drupal #slider-bg h1 b {color: #23AFE5;}
body#phpbb3 #slider-bg h1 b {color: #6FA0BF;}
body#magento #slider-bg h1 b {color: #BC45B9;}
#slider-bg p {font-size: 110%;color: #ccc;margin-bottom: 0;margin-top: 6px;}
#slider-bg a.readon, body#tutorials #slider-bg a.readon, body#labs #slider-bg a.readon, body#drupal #slider-bg a.readon, body#phpbb3 #slider-bg a.readon, body#magento #slider-bg a.readon {float: right;color: #ccc;margin-top: 10px;font-size: 11px;}
#slider-bg a.readon span {color: #FF640E;}
body#tutorials #slider-bg a.readon span {color: #94C000;}
body#labs #slider-bg a.readon span {color: #999;}
body#drupal #slider-bg a.readon span {color: #23AFE5;}
body#phpbb3 #slider-bg a.readon span {color: #6FA0BF;}
body#magento #slider-bg a.readon span {color: #BC45B9;}

.fp-joomla-block, .fp-phpbb3-block {position: relative;margin-bottom: 5px;display: block;padding-left: 20px;/*height: 210px;*/margin-top: 20px;}
.fp-joomla-block {background: url(none) 0 0 no-repeat;}
.fp-phpbb3-block {background: url(none) 0 0 no-repeat;}
.fp-title {font-weight: bold;color: #333;font-size: 105%;font-style: italic;}
.fp-joomla-block ul, .fp-phpbb3-block ul {width: 280px;margin: 0;padding: 2px 0 0 0;}
.fp-joomla-block li, .fp-phpbb3-block li {margin: 0;list-style: none;background: url(feature-r.png) 100% 0 no-repeat;margin-bottom: 2px;padding-right: 10px;}
.fp-joomla-block li span, .fp-phpbb3-block li span {display: block;background: url(feature-l.png) 0 0 no-repeat;font-size: 11px;color: #333;height: 20px;line-height: 20px;padding-left: 25px;}
h2.fp-phpbb3, h2.fp-phpbb3 a {color: #566D7F;}
.fp-joomla-block a.button, .fp-phpbb3-block a.button {width: 85px;height: 38px;display: block;position: absolute;}
.fp-joomla-block a.button:hover, .fp-phpbb3-block a.button:hover {text-decoration: none;}
.fp-joomla-block a.button span, .fp-phpbb3-block a.button span {visibility: hidden;}
.fp-phpbb3-block a.about {background: url(fp-p-details.png) 0 0 no-repeat;bottom: 0;left: 0;}
.fp-joomla-block a.about {background: url(fp-j-details.png) 0 0 no-repeat;bottom: 0;left: 0;}
.fp-phpbb3-block a.join {background: url(fp-p-join.png) 0 0 no-repeat;bottom: 0;left: 176px;}
.fp-joomla-block a.join {background: url(fp-j-join.png) 0 0 no-repeat;bottom: 0;left: 176px;}
.fp-phpbb3-block a.demo {background: url(fp-p-demos.png) 0 0 no-repeat;bottom: 0;left: 88px;}
.fp-joomla-block a.demo {background: url(fp-j-demos.png) 0 0 no-repeat;bottom: 0;left: 88px;}
.fp-content h2 .joomla-logo {background: url(joomla-logo.png) 0 0 no-repeat;width: 116px;height: 23px;position: absolute;top: 0px;right: 10px;}
.fp-content h2 .phpbb3-logo {background: url(phpbb3-logo.png) 0 0 no-repeat;width: 73px;height: 24px;position: absolute;top: 0px;right: 10px;}

/* system stuff */

#system-message {margin-bottom: 30px;}
#system-message dd ul {background: #D7DFE9;}
#system-message dd {text-indent: 0;}
#system-message ul {padding: 0;margin: 0;}
#system-message ul li {list-style: none;padding: 0;margin: 0;}

/* active menu  */

#horiz-menu li.item37 a, #horiz-menu li.item37 a:hover,
#horiz-menu li.item343 a, #horiz-menu li.item343 a:hover {color: #FF6311;}
body#tutorials #horiz-menu li.item37 a, body#tutorials #horiz-menu li.item37 a:hover, body#tutorials #horiz-menu li.item343 a, body#tutorials #horiz-menu li.item343 a:hover {color: #94C000;}
body#labs #horiz-menu li.item37 a, body#labs #horiz-menu li.item37 a:hover, body#labs #horiz-menu li.item343 a, body#labs #horiz-menu li.item343 a:hover {color: #999;}
body#drupal #horiz-menu li.item37 a, body#drupal #horiz-menu li.item37 a:hover, body#drupal #horiz-menu li.item343 a, body#drupal #horiz-menu li.item343 a:hover {color: #23AFE5;}
body#phpbb3 #horiz-menu li.item37 a, body#phpbb3 #horiz-menu li.item37 a:hover, body#phpbb3 #horiz-menu li.item343 a, body#phpbb3 #horiz-menu li.item343 a:hover {color: #6FA0BF;}
body#magento #horiz-menu li.item37 a, body#magento #horiz-menu li.item37 a:hover, body#magento #horiz-menu li.item343 a, body#magento #horiz-menu li.item343 a:hover {color: #BC45B9;} 

/* form stuff */  

.standard-form button{background:url(button-grey.png) 0 0 no-repeat;line-height:27px;text-align:center;font-weight:bold;font-size:12px;width:97px;height:27px;color:#333;font-family:Helvetica,Arial,sans-serif;border:0;margin-top:10px;cursor:pointer;padding:0;}
.standard-form{margin-top:30px;}
.standard-form label{float:left;width:170px;display:block;height:22px;line-height:22px;text-indent:5px;font-weight:normal;margin-bottom:2px;}
.standard-form input{margin-left:10px;width:200px;border-width:1px;border-style:solid;border-color:#ccc;}
.standard-form textarea{margin-left:10px;width:300px;height:200px;border-width:1px;border-style:solid;border-color:#ccc;}
 
/* Contact form */   
.standard-form .email-copy input{margin-left:180px;width:auto;}
.standard-form .email-copy label{float:none;width:auto;display:inline;}
.standard-form .contact_email button{margin-left:180px;}   
p.description {margin-bottom:40px;}   

/* rokclub login */

#rokclub-login {position: absolute;top: 11px;left: 450px;height: 190px;width: 388px;color: #ccc;}
#rokclub-login li {list-style: disc;padding: 0;margin: 0;font-size: 95%;}
#form-login fieldset.input {margin-bottom: 0;}
#rokclub-login ul {margin: 5px 0;padding: 0 0 0 25px;}
#form-login p {display: block;}
#form-login legend {display: block;font-size: 130%;padding: 20px 0 5px;color: #fff;}
#form-login-username input.inputbox, #form-login-password input.inputbox {width: 100px;background: #000;background-repeat: no-repeat;background-position: 1px 1px;border: 1px solid #333;color: #FF640E;height: 16px;padding-left: 20px;}
#comp-rokclub .user-bottom-bg {background: url(join-content-bottom.png) 50% 100% repeat-x;}

body#tutorials #form-login-username input.inputbox, body#tutorials #form-login-password input.inputbox {color: #94C000;}
body#labs #form-login-username input.inputbox, body#labs #form-login-password input.inputbox {color: #999;}
body#drupal #form-login-username input.inputbox, body#drupal #form-login-password input.inputbox {color: #23AFE5;}
body#phpbb3 #form-login-username input.inputbox, body#phpbb3 #form-login-password input.inputbox {color: #6FA0BF;}
body#magento #form-login-username input.inputbox, body#magento #form-login-password input.inputbox {color: #BC45B9;}

#form-login-username input.inputbox {background-image: url(username.png);}
#form-login-password input.inputbox {background-image: url(password.png);}
#form-login-submit {display: block;float: none;clear: left;padding-top: 10px;padding-left: 189px;}
input#modlgn_submit {display: block;border: 0;text-align: center;line-height: 24px;width: 67px;height: 26px;background: url(button-login.png) 0 0 no-repeat;font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #fff;cursor: pointer;}
body#phpbb3 input#modlgn_submit {background: url(button-login.png) 0 0 no-repeat;}
body#tutorials input#modlgn_submit {background: url(button-login.png) 0 0 no-repeat;}
body#labs input#modlgn_submit {background: url(button-login.png) 0 0 no-repeat;}
#form-login fieldset {border: 0;padding: 0;height: 120px;}
p#form-login-username {margin: 0 10px 0 0;float: left;}
p#form-login-password {margin: 0;float: left;}
p#form-login-remember {clear: both;margin: 2px 0 2px 0;} 
input.submit-button {background: url(button-grey.png) 0 0 no-repeat;line-height: 27px;text-align: center;font-weight: bold;font-size: 12px;width: 97px;height: 27px;color: #333;font-family: Helvetica, Arial, sans-serif;border: 0;margin-top: 10px;cursor: pointer;padding: 0;}

/* logged in form */

#rokclub-login.logout {padding-top: 18px;position: absolute;}
#rokclub-login.logout h4 {margin: 0;padding: 4px 0;}
span.avatar {display: block;float: left;margin-left: 3px;margin-right: 10px;height: 67px;width: 67px;background: url(avatar-overlay.jpg) 0 0 no-repeat;}
span.avatar img {margin-top: 6px;margin-left: 6px;}

/* main login */
          
.member-login { border:1px solid #eee; }
.member-login p { margin-left: 50px; clear: both;padding-bottom: 10px;} 
.member-login p label { display: block; float: left; width: 80px; line-height: 20px;}    
.member-login p input { display: block; float: left; }     
.member-login .submit-button { clear: both; margin-left: 130px;margin-top:10px;}

/* club tags */

.subscriptions {overflow: hidden;margin-right: 100px;}
.subscriptions span {float: left;display: block;margin-right: 3px;margin-bottom: 3px;height: 17px;}
.subscriptions .Expires {background-position: 0 0;}
.subscriptions .Expired {background-position: 0 -17px;}
.subscriptions .joomla {background-image: url(tag-joomla.png);width: 48px;}    
.subscriptions .devjoomla {background-image: url(tag-devjoomla.png);width: 67px} 
.subscriptions .phpbb3 {background-image: url(tag-phpbb3.png);width: 46px;}
.subscriptions .devphpbb3 {background-image: url(tag-devphpbb3.png);width: 67px} 
.subscriptions .drupal {background-image: url(tag-drupal.png);width: 46px;} 
.subscriptions .vmart {background-image: url(tag-vmart.png);width: 44px;}
.subscriptions .drupal {background-image: url(tag-drupal.png);width: 45px;}

div.login-links {clear: left;padding-top: 10px;}
.login-links ul {float: left;width: 38%;padding: 0;margin: 0;}
.login-links b {color: #FF640E;}
body#tutorials .login-links b {color: #94C000;}
body#labs .login-links b {color: #999;}
body#drupal .login-links b {color: #23AFE5;}
body#phpbb3 .login-links b {color: #6FA0BF;}
body#magento .login-links b {color: #BC45B9;}

/* @group Tooltips */

.rtool-tip {background: url(rt-tooltip-bg.png) 0 0 no-repeat;width: 562px;height: 260px;}
.rtool-tip div.spinner {background: url(spinner.gif) center center no-repeat;height: 200px;}
.rtool-tip .padding {padding: 35px 40px 40px 35px;}
.rtool-tip-left {height: 185px;float: left;overflow: hidden;margin-right: 25px;}
.rtool-tip-right {height: 185px;overflow: hidden;font-size: 85%;font-family: Helvetica;line-height: 135%;}
.rtool-tip .title {color: #C03B00;font-weight: bold;font-family: Helvetica;font-size: 115%;display: block;padding: 0;margin: 0 0 12px 0;}

.substips-expires, .substips-expired {background: url(subscriptions-left.png) 0 0 no-repeat;height: 23px;color: #333;font-weight: bold;font-size: 80%;}
.substips-expires .tip-text, .substips-expired .tip-text { display: none; }
.substips-expires .tip-title, .substips-expired .tip-title {background: url(subscriptions-right.png) 100% 0 no-repeat;padding: 4px 7px 4px 5px;margin-right: -7px;}
.substips-expired {color: #777;}
.substips-expires {color: #000;}
body#tutorials .rtool-tip .title {color: #5E9712;}
body#labs .rtool-tip .title {color: #999;}
body#drupal .rtool-tip .title {color: #056FA3;}
body#phpbb3 .rtool-tip .title {color: #566D7F;}
body#magento .rtool-tip .title {color: #953894;}
.rtool-tip .title span.date {font-size: 65%;font-weight: normal;padding-left: 5px;color: #666;padding: 0 0 0 5px;}
.rtool-tip ul {margin: 20px 0 0 0;list-style: none;padding: 0;}
.rtool-tip ul li {background: url(list-item.png) 0 0 no-repeat;padding: 0 0 1px 22px;height: 20px;line-height: 22px;margin: 0;}
.rtool-tip p {margin: 10px 0 0 0;padding: 0;font-size: 105%;}

/* @end */

.rt-header {display: block;background: url(title-bg.png) 0 0 repeat-x;font-weight: bold;height: 30px;line-height: 25px;color: #C43A00;font-size: 150%;padding-left: 5px;position: relative;border-bottom: 1px solid #ddd;}
.rt-header span {color: #333;}
.rt-header a {padding: 0 0 0 5px;margin: 0 0 0 -10px;outline: none;}
.rt-header a:hover {text-decoration: none;}
.rt-header.first {height: 37px;background: url(join-header.png) 0 0 repeat-x;line-height: 38px;font-size: 150%;text-indent: 19px;}
.rt-header.first span {color: #333;}
.rt-header.first a:hover {text-decoration: none;}
.rt-content {border-bottom: 1px solid #ddd;}
.rt-content-inner {background: url(join-content-top.png) 0 0 repeat-x;border-top: 1px solid #fff;}
.rt-content-inner2 {background: url(join-content-bottom.png) 50% 100% repeat-x;padding: 18px;}
#component-contact .rt-content-inner2 {padding-top: 0;}

.faq-question {background: url(q-icon.png) 0 4px no-repeat;padding-left: 22px;display: block;line-height: 22px;margin-bottom: 10px;font-weight: bold;font-size: 110%;}
body#phpbb3 .faq-question {background: url(q-icon.png) 0 4px no-repeat;}
.faq-answer {background: url(a-icon.png) 0 2px no-repeat;padding-left: 22px;display: block;padding-bottom: 10px;}
.faq-answer {border-bottom: 0;}
.detail-div {border-top: 1px solid #f2f2f2;padding-top: 10px;}
.faq-hover {color: #C43A00;cursor: pointer;}
body#phpbb3 .faq-hover {color: #566D7F;}
h2.club-details {background: none;padding: 0;margin: 0;display: block;color: #3C668B;font-size: 120%;}
p.club-details-intro {color: #333;font-size: 110%;line-height: 140%;padding-bottom: 15px;}

#mainbody h1.install.step1 {background: url(icon-1.png) 0 0 no-repeat;}
#mainbody h1.install.step2 {background: url(icon-2.png) 0 0 no-repeat;}
#mainbody h1.install.step3 {background: url(icon-3.png) 0 0 no-repeat;}

body#labs h2 span.labs-joomla, body#labs .section-joomla a, body#labs .section-joomla-right a, body#labs .section-joomla a.readon span, body#labs .section-joomla-right a.readon span {color: #BD2E00;}
body#labs h2 span.labs-phpbb3, body#labs .section-phpbb3 a, body#labs .section-phpbb3-right a, body#labs .section-phpbb3-right a.readon span, body#labs .section-phpbb3 a.readon span {color: #566D7F;}
body#labs h2 span.labs-drupal, body#labs .section.drupal a, body#labs .section.drupal a.readon span {color: #056FA3;}
body#labs h2 span.labs-magento, body#labs .section.magento a, body#labs .section.magento a.readon span {color: #953894;}
body#labs .section-joomla {background: url(joomla-icon.png) 0 0 no-repeat;padding-left: 80px;width: 192px;float: left;margin-right: 30px;margin-bottom: 30px;}
body#labs .section-joomla-right {background: url(joomla-icon.png) 0 0 no-repeat;padding-left: 80px;width: 192px;float: left;margin-right: 0;margin-bottom: 30px;}
body#labs .section-phpbb3 {background: url(phpbb3-icon.png) 0 0 no-repeat;padding-left: 80px;width: 192px;float: left;margin-right: 30px;margin-bottom: 30px;}
body#labs .section-phpbb3-right {background: url(phpbb3-icon.png) 0 0 no-repeat;padding-left: 80px;width: 192px;float: left;margin-right: 0;margin-bottom: 30px;}
body#labs .section.drupal {background: url(drupal-icon.png) 0 0 no-repeat;}
body#labs .section.magento {background: url(magento-icon.png) 0 0 no-repeat;}
body#labs .section-container {position: relative;}

body#labs #mainbody h2 .see-all {background: url(see-all-arrow.png) no-repeat 0 6px;position: absolute;right: 15px;padding-left: 13px;font-size: 90%;}
body#labs .see-all a {color: #666;}
body#labs a.listing-title {display: block;font-weight: bold;margin-bottom: 10px;font-size: 110%;padding-top: 2px;}
body#labs .section a.readon {color: #333;}
body#labs .labs-main {background: url(labs-logo.png) 0 0 no-repeat;padding-left: 160px;margin-left: -15px;padding-top: 15px;padding-bottom: 50px;}
body#tutorials #mainbody h2, body#labs #mainbody h2 {color: #666;font-size: 120%;line-height: 26px;padding-left: 10px;}

.blog-author {float: left;margin-right: 8px;line-height: 100%;}
.blog-author span.createdby {font-size: 95%;color: #444;font-weight: bold;padding: 0;margin: 0;line-height: 100%;}

ol.terms li {margin-bottom: 15px;}
.rt-blog-post {padding-left: 70px;}
.rt-blog-post a.readon {color: #BD2E00;font-size: 95%;padding: 0;margin: 0;line-height: 130%;}
.rt-blog-date {display: block;float: left;background: url(blog-date-bg.png) 0 0 no-repeat;width: 40px;height: 100px;text-align: center;padding: 0;margin-top: 12px;margin-left:10px;}
body#phpbb3 .rt-blog-date {background: url(blog-date-bg.png) 0 0 no-repeat;}
span.date-number {font-size: 200%;color: #fff;padding-top: 8px;display: block;}
span.author-divider {padding-left: 8px;color: #999;font-weight: normal;}
.month-year {display: block;padding-top: 10px;color: #666;font-size: 90%;font-weight:bold;}
.rt-blog-listing {position: relative;}
.rt-blog-category {position: absolute;top: 0;right: 10px;font-size: 110%;margin-top: -3px;text-transform: uppercase;color: #999;}
.rt-blog-category a {color: #999;}
.rt-blog-category a:hover {color: #666;text-decoration: none;}
.rt-blog-listing span.createdby {font-weight: bold;color: #333;}
.rt-blog-listing span.createdate {float: right;font-style: italic;color: #333;}

img.front-listing {margin-right: 18px;margin-top: 18px;}
.featured-phpbb3, .featured-drupal, .featured-magento {visibility: hidden;}
.featured-joomla, .featured-phpbb3, .featured-drupal, .featured-magento {position: absolute;width: 100%;}
.featured-desc-lg {position: absolute;width: 333px;text-align: center;margin-top: -16px;display: block;}
.featured-desc-lg .title {font-size: 135%;display: block;}
.featured-scroller {position: absolute;left: 481px;bottom: 29px;text-align: center;width: 400px;display: block;height: 34px;line-height: 34px;}
.featured-scroller a.button-left {width: 34px;height: 34px;left: 0;position: absolute;background: url(featured-scroller-left.png) 0 0 no-repeat;}
.featured-scroller a.button-right {width: 34px;height: 34px;position: absolute;right: 0;background: url(featured-scroller-right.png) 0 0 no-repeat;}
.featured-scroller a.button-left:hover, .featured-scroller a.button-right:hover {background-position: -34px 0;}
.featured-scroller .options {text-align: center;}
.featured-scroller .option1, .featured-scroller .option2, .featured-scroller .option3, .featured-scroller .option4 {font-weight: bold;font-size: 110%;margin-right: 8px;}
.featured-scroller .option4 {margin-right: 0;}
.featured-scroller a {color: #FF9F77;z-index: 200;}
.featured-scroller a:hover {color: #fff;text-decoration: none;}
.featured-scroller .scroller-div-left {background: url(option-slider-l.png) 0 0 no-repeat;position: absolute;height: 24px;width: 7px;top: 6px;}
.featured-scroller .scroller-div-right {background: url(option-slider-r.png) 100% 0 no-repeat;position: absolute;height: 24px;left: 7px;}
.featured-scroller .options a {padding: 0 6px;outline: none;}
.featured-scroller a.active {color: #fff;}

#featured-showcase .img-block {position: absolute;left: 40px;top: 32px;}
#featured-showcase img.featured-img {width: 333px;height: 264px;}
#featured-showcase .desc-block {left: 435px;padding-right: 40px;top: 60px;position: absolute;}
#featured-showcase p {font-size: 110%;line-height: 140%;margin-top: 15px;}
#featured-showcase ul {margin: 25px 0 0 0;padding: 0 0 0 10px;}
#featured-showcase ul li {list-style: none;text-indent: 26px;font-size: 110%;line-height: 150%;margin-bottom: 10px;font-weight: bold;background: url(featured-bullet.png) 0 50% no-repeat;}
#featured-showcase .featured-title {position: absolute;top: 15px;left: 478px;color: #fff;font-size: 145%;}
#featured-showcase .featured-title span {color: #FF9F77;}
p.launcher-notice {padding-top: 0;}

/* map stuff */  

#mainbody #map-border {border: 5px solid #eee; padding: 5px;   margin: 0 1px;}
#mainbody #map {width: 556px;height: 242px;background: url(map-world.gif) no-repeat;margin: 0 auto;}
.rt-map-pin-core {width: 7px;height: 20px;background: url(map-pin-core.png) no-repeat;position: absolute;cursor: pointer;z-index:2;}
.rt-map-pin-mod {width: 7px;height: 20px;background: url(map-pin-mod.png) no-repeat;position: absolute;cursor: pointer;z-index:1;}
.rt-map-coords {background: #000;position: absolute;padding: 5px;bottom: 0;left: 0;font-size: 90%;color: #fff;}
.rt-map-tool-tip, .rt-entitlements {background: url(map-tooltip.png) no-repeat;width: 288px;height: 133px;}
.rt-map-tool-tip {z-index:10;}
.rt-entitlements .tip .title {padding: 16px 20px 10px 20px;font-weight: bold;}
.rt-entitlements .tip .text {padding: 0 20px 16px 20px;}
.rt-map-tool-tip div.wrapper {padding: 19px;width: auto;}
.tip-map-details {float: left;}
.tip-map-details h3 {color: #C43A00;font-size: 120%;font-weight: bold;margin-top: 0;}
.tip-map-details p {margin: 0;padding: 5px 0 0;}
.rt-map-tool-tip img {border: 5px solid #ebebeb;}
.rt-map-tool-tip .map-country {font-weight: bold;}
.rt-map-tool-tip .map-time {color: #aaa;font-size: 80%;}
.tip-map-avatar {width: 87px;height: 87px;padding-right: 0.7em;float: left;}

/* Help Stuff */

.astro-help {width: 72px;height: 106px;margin-right: 25px;background: url(astro-help.png) 0 0 no-repeat;float: left;}
#rt-help .rt-header {margin-top: 20px;}
ul.help-items {list-style: none;margin: 0;padding: 0;}
ul.help-items li {background: url(see-all-arrow.png) no-repeat 0 2px;margin-bottom: 20px;padding-left: 20px;list-style: none;}
ul.help-items span {font-weight: bold;font-size: 110%;}

/* Team Stuff */

.team-column-left {width: 48%;float: left;margin-right: 20px;}
.team-column-right {width: 48%;float: right;}
.team-block {padding-left: 95px;position: relative;}
.team-name {font-size: 140%;font-weight: bold;color: #C43A00;display: block;}
.team-title {font-size: 100%;font-weight: bold;color: #333;display: block;margin-bottom: 10px;}
.mod-title {color: #C43A00;font-size: 110%;font-weight: bold;}
.block-bottom {background: url(join-content-bottom.png) 0 100% repeat-x;height: 26px;margin-bottom: 30px;}
a.bio-link {font-weight: bold;line-height: 30px;padding-left: 15px;font-size: 100%;display: none;}
.team-av {width: 73px;height: 73px;position: absolute;top: 0;left: 0;margin-left:1px;border: 5px solid #eee;}
#andy {background: url(andy.jpg) 0 0 no-repeat;}
#kevin {background: url(kevin.jpg) 0 0 no-repeat;}
#james {background: url(james.jpg) 0 0 no-repeat;}
#mike {background: url(mike.jpg) 0 0 no-repeat;}
#djamil {background: url(djamil.jpg) 0 0 no-repeat;}
#karol {background: url(karol.jpg) 0 0 no-repeat;}
#dustin {background: url(dustin.jpg) 0 0 no-repeat;}
#marge {background: url(marge.jpg) 0 0 no-repeat;}
#brian {background: url(brian.jpg) 0 0 no-repeat;}

/* Club Details Stuff */

#details-toolbar {margin: 0 auto;overflow: hidden;margin-bottom: 25px;margin-top: 20px;width: 525px;}
#details-toolbar .button {width: 175px;height: 110px;display: block;text-align: center;float: left;}
#details-toolbar a {color: #888;}
#details-toolbar a:hover, #details-toolbar a.active {text-decoration: none;color: #C43A00;}
#details-toolbar a.about {background: url(details-about-icon.png) -70px 0 no-repeat;width: 154px;height: 105px;cursor: pointer;margin: 0 auto;display: block;padding-top: 60px;}
#details-toolbar a.terms {background: url(details-terms-icon.png) -70px 0 no-repeat;width: 154px;height: 105px;cursor: pointer;margin: 0 auto;display: block;padding-top: 60px;}
#details-toolbar a.faq {background: url(details-faq-icon.png) -70px 0 no-repeat;width: 154px;height: 105px;cursor: pointer;margin: 0 auto;display: block;padding-top: 60px;}
#details-toolbar a.about.active, #details-toolbar a.about:hover {background: url(details-about-icon.png) 42px 0 no-repeat;}
#details-toolbar a.terms.active, #details-toolbar a.terms:hover {background: url(details-terms-icon.png) 42px 0 no-repeat;}
#details-toolbar a.faq.active, #details-toolbar a.faq:hover {background: url(details-faq-icon.png) 42px 0 no-repeat;}
#details-toolbar span.buttontext {font-weight: bold;font-size: 110%;display: block;margin-top: 10px;cursor: pointer;}

/* Testimonials Stuff */

.quote-start {background: url(quote-start.png) 0 0 no-repeat;}
.quote-end {background: url(quote-end.png) 100% 100% no-repeat;padding: 0 30px;}
#testimonials h2.title {background: none;font-size: 110%;padding: 0;color:#333;}
#testimonials .rt-header {border-bottom: 0;}
#testimonials .rt-content {border-bottom: 0;}
#testimonials .rt-content-inner2 {padding: 18px 5px 25px 5px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
#testimonials span.author {font-weight: bold;padding: 15px 0 0 0;color: #333;display: block;text-align: left;}
#testimonials span.url {display: block;}

#rokdownloads .rd_details {margin-left: 150px;}
#rokdownloads .rd_thumb img, #rokdownloads .rd_thumb div {margin: 0 14px;}

/* Package Comparison */
table.comparison caption {margin:10px 0;color:#333;font-weight:bold;}
table.comparison {background:#eee;margin-bottom:20px;}
table.comparison th {padding:3px;background:#eee;}
table.comparison td {padding:3px;background:#f9f9f9;color:#333;font-size:120%;text-align:center;}
table.comparison td.clubname {font-weight: bold;font-size: 100%;}
table.comparison span {display:block;clear:left;color:#999;font-size: 90%;}

/* Features List */
p.extras {font-style:italic;}
ul.features li {list-style:none;background:url(bullet-selected.png) 0 2px no-repeat;padding-left: 25px;margin-bottom:10px;}

/* Syndicate Module */
div.rssframe {width:130px;margin:0 auto;}
a.rssfeed:hover {text-decoration:none;}
a.rssfeed span {font-size: 120%;font-weight: bold;padding-left:5px;color:#666;}
img.bigfeed {width:32px;height:32px;background:url(big-feed.png);vertical-align:middle;}

/* Updates Module */

ul.rokupdates {margin: 0;padding: 5px 0 0 0;}
ul.rokupdates li {list-style: none;border-bottom: 1px solid #ececec;padding: 5px 0 8px 36px;}
ul.rokupdates li a {display: block;font-size: 100%;line-height: 120%;}
ul.rokupdates li span {display: block;font-size: 90%;}
ul.rokupdates li.joomla-templates {background: url(updates-joomla.png) 0 5px no-repeat;}
ul.rokupdates li.phpbb3-styles {background: url(updates-phpbb3.png) 0 5px no-repeat;}
div.module-blog ul.rokupdates li {background: url(latest-blog.png) 0 5px no-repeat;}

/* Members Showcase */

.m-showcase {background: url(member-showcase.jpg) 0 0 no-repeat;padding-left: 230px;padding-top: 40px;padding-bottom: 50px;padding-right: 10px;}
.m-showcase-title {font-size: 150%;font-weight: bold;color: #333;display: block;margin-bottom: 15px;}
.m-showcase-title span {color: #C43A00;}
.m-showcase-column {float: left;width: 268px;margin-top: 5px;}
.m-showcase-listing {float: left;margin-bottom: 35px;}
img.member-site {width: 58px;height: 58px;border: 4px solid #e7e7e7;float: left;margin-right: 10px;}
.m-showcase-info {display: block;padding-top: 6px;}
span.m-showcase-name {font-size: 110%;font-weight: bold;display: block;}
a.showcase {font-size: 100%;padding: 0;font-weight: bold;}
span.showcase-small {font-size: 90%;}
.dev-ad-desc {padding: 0 15px;margin-bottom: 15px;color: #333;}
.dev-ad-desc span {display: block;margin-bottom: 15px;font-weight: bold;font-size: 110%;color: #333;line-height: 130%;}

/* Developer spotlight section */

.developer-spotlight {background: url(dev-spotlight.jpg) 100% 0 no-repeat;padding-right: 240px;height: 250px;}
.dev-astro {background: url(dev-astro.jpg) 0 0 no-repeat;padding-left: 125px;margin-bottom: 25px;padding-bottom: 15px;}
.dev-astro span {font-weight: bold;color: #333;display: block;margin-bottom: 15px;font-size: 110%;line-height: 130%;}

a.joomla-pricing-table {width: 545px;height: 302px;display: block;background: url(joomla-price-table.png) 0 0 no-repeat;margin-top: 35px;margin-bottom: 20px;border: 0;}
a.phpbb3-pricing-table {width: 545px;height: 262px;display: block;background: url(phpbb3-price-table.png) 0 0 no-repeat;margin-top: 35px;margin-bottom: 20px;border: 0;}