Theme

edit sections

Table of Contents

1 - Main Theme

/***
 
Theme Name: RoaringApps Theme
Theme Website: http://roaringapps.com
Version: 3.81
Author: BMC Creative
Author Website: http://bmccreative.com
 
***/
 
/* GLOBAL ---------------------------------------------------------- */
a { 
    color: #1b94d5; 
    text-decoration: none;
}
a:hover { 
    color: #7fb511; 
    text-decoration: underline; 
    background-color: transparent; 
}
 
h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
    color: #212121; 
    font-weight: normal;
}
 
h1 { font-size: 220%; margin: 10px 0 10px 0; padding: 5px 0; }
h2 { font-size: 200%; margin: 10px 0 10px 0; padding: 0; }
h3 { font-size: 170%; margin: 10px 0 5px; padding: 0;}
h4 { font-size: 140%; margin: 5px 0 5px; padding: 0; }
h5 { font-size: 120%; margin: 4px 0 4px; padding: 0; }
h6 { font-size: 115%; margin: 4px 0 4px; padding: 0; }
 
input.text, textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
hr {
    height: 0;
    border-top: 1px solid #d9d7d8;
    border-bottom: 1px solid #fff;
}
.code {
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
blockquote {
    padding: 0 5px;
    background: #e2e4e4;
    border: 1px solid #c9cbcb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
tt {
    font-family: Monaco, Courier, mono;
    background: #ddd;
}
img::selection {background-color: transparent;}
img::-moz-selection {background-color: transparent;}
 
/* LAYOUT ---------------------------------------------------------- */
 
html, body {
    margin: 0;
    padding: 0;
}
body {
    background: #f1f1f1 url(http://osx.wdfiles.com/local--files/admin:themes/ra-hash-bg.png) repeat scroll center top;
    font: 0.76em/1.5 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
    color: #111;
}
#container {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
 
/* HEADER ---------------------------------------------------------- */
 
#header {
    position: relative;
    width: 100%;
    height: 100px;
    z-index: 50;
}
#header h1 {
    position: absolute;
    font-size: 300%;
    top: 30px;
    left: 15px;
    height: 50px;
    width: 170px;
}
#header h1 a {
    display: block;
    width: 170px;
    height: 50px;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/header-h1-sprite.png) no-repeat 0 0;
}
#header h1 a span {display: none;}
#header h1 a:hover {background-position: 0 -52px;}
#header h2 {
    position: absolute;
    top: 76px;
    left: 15px;
    font-size: 11px;
    color: #777;
    text-transform: uppercase;
    font-family: Arial;
}
 
/* LOGIN STATUS ---------------------------------------------------*/
 
#login-status {
    position: absolute;
    height: 30px;
    line-height: 30px;
    font-size: 0.85em;
    text-align: right;
    z-index: 30;
    top: 39px;
    color: #fff;
    right: 24px;
    width: 190px;
}
#login-status a.login-status-create-account, #login-status span {display: none;}
#login-status span.printuser {display: inline;}
 
#login-status a, #login-status .printuser {
    color: #fff;
}
#login-status a:hover, #login-status a:focus {
    color: #333;
    text-decoration: none;
    text-shadow: none;
}
 
#login-status .printuser a img.small {
    display: none;
}
a#account-topbutton {
    margin-left: 1px;
    padding: 10px;
    border: none;
    background: none;
}
#account-options {
    width: 100px;
    background: rgba(0,0,0,0.7);
    text-align: center;
    border: none;
    margin-top: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 0;
    z-index: 30;
}
#account-options ul li a {
    background: none;
    padding: 0 10px;
    margin: 0;
    height: 15px;
    line-height: 15px;
    border-bottom: none;
    color: #fff;
}
#account-options ul li a:hover, #account-options ul li a:focus {
    color: #3198dd;
    text-decoration: none;
    background: white;
    border-bottom: none;
}
 
/* BREADCRUMBS ---------------------------------------------------*/
 
.breadcrumbs {
    border: 1px solid #cecece;
    overflow: hidden;
    background: rgba(240,240,240,0.4);
    position: relative;
    clear: both;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
}
.breadcrumbs.short {
    width: 643px;
}
 
.breadcrumbs p {
    margin: 0;
    line-height: 2.2;
}
.breadcrumbs a {
    color: #7e7e7e;
    float: left;
    margin: 0 5px 0 0;
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/ra-bread-separator2.png) no-repeat right -18px;
    padding: 0 20px 0 0;
}
.breadcrumbs a:hover {
    color: #111;
    text-decoration: none;
    opacity: 1;
}
.breadcrumbs .bread-home a {
    color: transparent;
    text-indent: -9999px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image:url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png), url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png);
    background-position: -103px -273px, 2px -285px;
    padding: 0 34px 0 0;
    margin: 0 5px 0 10px;
}
.breadcrumbs .bread-home a:hover{
     background-position: -103px -273px, 2px -285px;
}
 
/* SEARCH TOP BOX ---------------------------------------------------*/
#search-top-box {
    display: none !important;
}
 
/* BREADCRUMBS SEARCH BOX -------------------------------------------*/
.breadcrumbs .search-box {
    display: block;
    position: absolute;
    top: -1px;
    right: -2px;
    padding: 0;
    height: 28px;
    background: rgba(255,255,255,0.75);
}
.breadcrumbs .search-box .text {
    width: 259px;
    padding: 5px 27px 5px 7px;
    border: 1px solid #cecece;
    overflow: hidden;
    background: rgba(255,255,255,0);
    height: 17px;
    color: #666;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-box-shadow: 1px 0 0 #fff inset;
    -moz-box-shadow: 1px 0 0 #fff inset;
    box-shadow: 1px 0 0 #fff inset;
   -webkit-transition: all 146ms linear;
   -moz-transition: all 146ms linear;
   transition: all 146ms linear;
   position: relative;
   z-index: 50;
}
.breadcrumbs .search-box:before {
    content: 'Search';
    display: block;
    width: 20px;
    height: 27px;
    line-height: 2.4;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 0;
    color: #aaa;
}
.breadcrumbs .search-box .text:focus {
    background: #fff;
}
.breadcrumbs .search-box .button {
    display: block;
    position: absolute;
    border: none;
    text-indent: -9999px;
    z-index: 60;
    color: transparent;
    padding: 0;
    background: transparent url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -188px -225px;
    display: block;
    height: 18px;
    width: 18px;
    top: 5px;
    right: 4px;
    opacity: 0.3;
    -webkit-transition: opacity 146ms linear;
    -moz-transition: opacity 146ms linear;
    transition: opacity 146ms linear;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.breadcrumbs .search-box .button:hover {
    opacity: 0.9;
}
/*----- TOPBAR NAVIGATION ------------------------------------*/
#top-bar {
    height: 38px;
    top: 35px;
    right: 14px;
    padding: 0 180px 0 0;
    position: absolute;
    width: auto;
    z-index: 2;
    border: 1px solid;
    border-color: #00a5d4 #008ec5 #0065a2;
    background-color: #1b94d5;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b9e6), to(#007dc4));    
    background-image: -moz-linear-gradient(top,#00b9e6, #007dc4);
    background-image: -o-linear-gradient(top,#00b9e6, #007dc4);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 
        0 1px 2px rgba(0,0,0,0.4), 
        0 1px 1px #6cd8f1 inset,
        1px 0 1px rgba(255,255,255,0.2) inset,
        0 -1px 1px rgba(255,255,255,0.2) inset,
        -1px 0 1px rgba(255,255,255,0.2) inset;
    -moz-box-shadow: 
        0 1px 2px rgba(0,0,0,0.4), 
        0 1px 1px #6cd8f1 inset,
        1px 0 1px rgba(255,255,255,0.2) inset,
        0 -1px 1px rgba(255,255,255,0.2) inset,
        -1px 0 1px rgba(255,255,255,0.2) inset;
    box-shadow: 
        0 1px 2px rgba(0,0,0,0.4), 
        0 1px 1px #6cd8f1 inset,
        1px 0 1px rgba(255,255,255,0.2) inset,
        0 -1px 1px rgba(255,255,255,0.2) inset,
        -1px 0 1px rgba(255,255,255,0.2) inset;
}
#top-bar ul {
    font-family: “Lucida Sans Unicode”, “Lucida Grande”, Garuda, sans-serif;
    font-size:11px;
    float:right;
    position:relative; 
}
#top-bar ul li {
    margin: 0;
}
#top-bar ul li a {
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    line-height: 1.7;
    font-size: 11px;
    font-weight: bold;
    display:block;
    width: 70px;
    height: 15px;
    padding:11px 0;
    color:#fff;    
}
#top-bar ul li a:hover {
    text-decoration:none; 
    background-color: transparent;
    color: #333;
    -webkit-transition: all 190ms ease-out;
    text-shadow: 0 1px 1px rgba(255,255,255,0.16);
}
#top-bar ul li:first-child a {
    border-left: 0;
}
.topbar-profile {
    float: right;
}
.topbar-profile a {
    width: 50px !important;
    background: none !important;
}
 
/* MAIN CONTENT ------------------------------------------------------- */
 
#content-wrap {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    z-index: 40;
}
#main-content {
    z-index: 30;
    margin: 0;
}
#page-title {
    color: #323232;
    padding: 10px 0 2px 5px;
    margin: 0;
    width: 950px;
    border: none;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
    background: none;
}
#breadcrumbs {
    padding: 8px 0 6px 40px;
}
#page-content {
    position: relative;
    padding: 0 2px;
}
.page-tags, #page-info {
    display: none;
} 
#page-options-container {
    font-size: 0.95em;
}
 
/* FOOTER ---------------------------------------------------------- */
 
#footer {
    clear: both;
    text-align: center;
    border-top: 1px solid #d8d8d8;
    padding: 4px 0 10px;
    margin: 30px 15px 0;
    -webkit-box-shadow: 0 1px 0 #fdfdfd inset;
    -moz-box-shadow: 0 1px 0 #fdfdfd inset;
    box-shadow: 0 1px 0 #fdfdfd inset;
}
#footer .wikidot {
    float: left;
}
#footer .bmc {
    float: right;
    margin-bottom: 5px;
}
#footer .legal {
    font-size: 0.8em;
    color: #bbb;
}
#license-area {
    padding-bottom: 10px;
}
#footer, #footer a {
    color: #aaa;
    font-size: 0.9em;
}
#footer a:hover {
    text-shadow: none;
}
 
/* WIKI ELEMENTS --------------------------------------------------------- */
 
a.action-area-close:hover {background: none;}
.avatar-hover {
    z-index: 50;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.feedinfo .rss-icon img {display: none;}
.feedinfo .rss-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(http://osx.wdfiles.com/local--files/admin:icons/rss.png) no-repeat;
    vertical-align: text-bottom;
}
.error-block, .page-source, .notice {
    background: rgba(255,255,255,0.42854);    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.notice.delete {
    background: rgba(255,0,0,0.09) url(http://osx.wdfiles.com/local--files/admin:icons/warning.png) no-repeat 20px 50%;
    border: 1px solid #e50000;
    padding: 5px 10px 10px 80px;
    width: 600px;
    margin: 10px auto;
    text-align: center;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2) inset, 0 1px 0 #fff;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2) inset, 0 1px 0 #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.2) inset, 0 1px 0 #fff;
}
/* AUTO-COMPLETE LISTS --------------------------------------------------- */
.autocomplete-list{
    left:1px;
    margin-top: -1px;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.yui-ac-content{
    border:1px solid #aaa;
    background:rgba(255,255,255,0.82954);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    -webkit-background-clip: padding-box;
}
.autocomplete-list li.yui-ac-highlight {background-color: rgba(43,181,224,0.5);}
 
/* WD EDITOR --------------------------------------------------------------- */
textarea#edit-page-textarea {
    border: 2px solid #888;
    padding: 2px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border 300ms linear;
    -moz-transition: border 300ms linear;
    transition: border 300ms linear;
}
textarea#edit-page-textarea:focus {
    border: 2px solid #1b94d5;
    outline: none;
}
 
/* BUTTONS --------------------------------------------------------------- */
div.buttons input, input.button, button, file, a.button, .button-bar a, #new-post-button, .rate-points, 
.rateup a, .ratedown a, .cancel a, .pager a, .new-post a, a.wiki-standalone-button, 
.collapsible-block-link, .options a, .forum-button a,.feed-link a, .app-button-version a, .button a {
    height:auto;
    padding:4px 12px 4px;
    font-size:12px;
    margin:0 5px;
    color: #303030;
    border: 1px solid;
    border-color: #b0b0b0 #9f9f9f #9e9e9e;
    background-color: #e9e9e9;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e4e4e4));
    background-image: -moz-linear-gradient(top, #f6f6f6, #e4e4e4);
    background-image: -o-linear-gradient(top, #f6f6f6, #e4e4e4);
    background-image: linear-gradient(top, #f6f6f6, #e4e4e4);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 #fefefe inset,
        1px 0 0 #f6f6f6 inset,
        -1px 0 0 #f6f6f6 inset,
        0 -1px 0px #efefef inset,
        1px 1px 1px rgba(0,0,0,0.12);
    -moz-box-shadow: 
         0 1px 0 #fefefe inset,
         1px 0 0 #f6f6f6 inset,
         -1px 0 0 #f6f6f6 inset,
         0 -1px 0px #efefef inset,
         1px 1px 1px rgba(0,0,0,0.12);
    box-shadow: 
         0 1px 0 #fefefe inset,
         1px 0 0 #f6f6f6 inset,
         -1px 0 0 #f6f6f6 inset,
         0 -1px 0px #efefef inset,
         1px 1px 1px rgba(0,0,0,0.08);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
 
}
div.buttons input:hover, input.button:hover, button:hover, file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover, .rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover, .new-post a:hover, a.wiki-standalone-button:hover, .collapsible-block-link:hover, .options a:hover,
.forum-button a:hover, .feed-link a:hover, .app-button-version a:hover, .button a:hover {
    cursor: pointer;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e4e4e4));
    background-image: -moz-linear-gradient(top, #fff, #e4e4e4);
    background-image: -o-linear-gradient(top, #fff, #e4e4e4);
    background-image: linear-gradient(top, #fff, #e4e4e4); 
    color: #444;  
    text-decoration: none;
    color: #323232;  
}
div.buttons input:active, input.button:active, button:active, file:active, a.button:active, .button-bar a:active, #new-post-button:active, .rateup a:active, .ratedown a:active, .cancel a:active, .pager a:active, .new-post a:hover, a.wiki-standalone-button:active, .collapsible-block-link:active, .options a:active, .forum-button a:active, .feed-link a:active, .app-button-version a:active, .button a:active {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeaea), to(#f4f4f4));
    background-image: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
    background-image: -o-linear-gradient(top, #eaeaea, #f4f4f4);
    background-image: linear-gradient(top, #eaeaea, #f4f4f4); 
    -webkit-box-shadow: 
        inset 0 1px 3px #ccc,
        0 1px 0 #fefefe;
    -moz-box-shadow: 
        inset 0 1px 3px #ccc,
        0 1px 0 #fefefe;
    box-shadow: 
        inset 0 1px 3px #ccc,
        0 1px 0 #fefefe;
}
.page-rate-widget-box .rate-points {
    padding: 4px 6px;
    font-size: 1.1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
}
.pager .current {
    padding: 4px 6px;
    font-size: 1.1em;
    background: rgba(255,255,255,0.6);
    border: 1px solid #ccc;
    color: #222;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.infobox.profile a.wiki-standalone-button, 
.side a.wiki-standalone-button,
.feed-link a,
.app-button-version a,
.ra-button.random a,
.btn-twitter a {
    padding: 6px 6px 6px 32px;
    position: relative;
}
.infobox.profile a.wiki-standalone-button:before,
.side a.wiki-standalone-button:before, 
.feed-link a:before,
.app-button-version a:before,
.ra-button.random a:before,
.btn-twitter a::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 8px;
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -175px -277px;
}
.feed-link a:before {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/rss.png) no-repeat;
}
.ra-button.random a:before {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-icons-sprite-july.png) no-repeat -2px -741px;
}
.btn-twitter a::before {
    background-position: -313px -227px;
}
 
/* .ra-buttons */
.ra-button a {
    font-size: 12px;
    height: auto;
    padding: 6px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
}
.ra-button a:hover {
    text-decoration: none;
}
.ra-button a:active {
    position: relative;
    top: 1px;
}
.side-box .ra-button {
    margin: 20px 0 0;
    text-align: center;
}
.ra-button.blue a,
.main .newpage-button,
.main .newpage-button:hover {
    border: 1px solid;
    border-color: #009bc8 #008ec5 #0065a2;
    background-color: #1b94d5;
    background-image:
        -webkit-gradient(radial, 75 -40, 70, 75 -10, 0, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.3))),
        -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b9e6), to(#007dc4));    
    background-image: -moz-linear-gradient(top,#00b9e6, #007dc4);
    background-image: -o-linear-gradient(top,#00b9e6, #007dc4);
    background-image: -moz-linear-gradient(top,#019ce1, #015ca9);
    color: #fff;
    text-shadow: #005fb1 0 1px 0;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
}
.newpage-button a {color: #fff !important;}
.newpage-button tbody tr td {background: none !important;}
/* edit app button */
.side-box .ra-button.blue a.wiki-standalone-button:before {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-icons-sprite-july.png) no-repeat -2px -711px;
    opacity: 0.94;
}
.ra-button.blue a:hover {
    background-color: #007dc4;    
    background-image: none;
    background-image:
        -webkit-gradient(radial, 75 -40, 70, 75 -10, 0, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.3))),
        -webkit-gradient(linear, 0% 0%, 0% 100%, from(#11ace8), to(#036db7));
    background-image: -moz-linear-gradient(top, #11ace8, #036db7);
    -webkit-box-shadow: 
        0 1px 0 #0bb4ec inset,
        0 1px 0 #fff;
    -moz-box-shadow: 
        0 1px 0 #0bb4ec inset,
        0 1px 0 #fff;
    box-shadow: 
        0 1px 0 #0bb4ec inset,
        0 1px 0 #fff;
}
.ra-button.blue a:active {
    top: 0;
    background-color: #007bb3;    
    background-image:
        -webkit-gradient(radial, 75 -40, 70, 75 -10, 0, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.3))),
        -webkit-gradient(linear, 0% 0%, 0% 100%, from(#015ca9), to(#007bb3));
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}
 
/* segmented control */
.segment-container {
    position: relative;
    margin: 5px auto;
    height: 20px;
    width: 290px;
    background: #d6d6d6;
    border: 1px solid #8e8e8e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset, 0px 1px 0px rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset, 0px 1px 0px rgba(255,255,255,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset, 0px 1px 0px rgba(255,255,255,0.5);            
}
.app-review {margin: 0 auto 15px;}
.segment-container p {margin: 0;}
.segment {
    display: block;
    width: 96px;
    height: 20px;
    line-height: 20px;
    float: left;
    color: #111;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.45);
    text-align: center;
}
.segment:hover {
    color: #111;
    text-decoration: none;
}
.segment.current {
    pointer-events: none;
    margin: -1px 0 0 -1px;
    border: 1px solid #8e8e8e;
    background: #efefef repeat-x 0 0;
    background-image: -webkit-gradient(
            linear, 
            0 0, 
            0 100%, 
            from(#fff), 
            to(#efefef), 
            color-stop(.4,#fdfdfd),
            color-stop(.6,#efefef)
        );
    background-image: -moz-linear-gradient(
            center top,
            #fff 0%,
            #efefef 40%,
            #fdfdfd 60%,
            #efefef 100%
        );
    background-image: linear-gradient(
            center top,
            #fff 0%,
            #efefef 40%,
            #fdfdfd 60%,
            #efefef 100%
        );
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(255,255,255,0.98) inset;
    -moz-box-shadow: 0 1px 2px rgba(255,255,255,0.98) inset;
    box-shadow: 0 1px 2px rgba(255,255,255,0.98) inset;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.segment.current:last-child {margin: -1px -1px 0 1px;}
 
/* OWINDOWS  ------------------------------------------------------------- */
 
.odialog-shader {
    background-color: #222;    
    filter: alpha(opacity=20);
    opacity: 0.2 !important;
}
.owindow{
    padding: 0 10px 10px;
    border: 1px solid #252525;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-repeat: repeat;
    background-color: transparent;
    background-image: url(http://osx.wdfiles.com/local--files/admin:themes/transparent-08.png);
    background-image: 
    -webkit-gradient(linear, 0 0, 0 100%, 
    color-stop(0,rgba(255,255,255,0.2)), 
    color-stop(0.5,rgba(255,255,255,0.05)),
    color-stop(0.5,rgba(255,255,255,0)),
    color-stop(1,rgba(255,255,255,0))
    ),
    -webkit-gradient(linear, 0 0, 0 100%, 
    color-stop(0,rgba(0,0,0,0.75)),  
    color-stop(1,rgba(0,0,0,0.88))
    );
    background-image:
    -moz-linear-gradient(top,rgba(0,0,0,0.7), rgba(0,0,0,0.9));
    -webkit-box-shadow:
        0 0 5px rgba(0,0,0,.8),
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 -1px 0 rgba(255,255,255,0.2) inset,
        1px 0 0 rgba(255,255,255,0.2) inset,
        -1px 0 0 rgba(255,255,255,0.2) inset;
    -moz-box-shadow:
        0 0 5px rgba(0,0,0,.8),
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 -1px 0 rgba(255,255,255,0.2) inset,
        1px 0 0 rgba(255,255,255,0.2) inset,
        -1px 0 0 rgba(255,255,255,0.2) inset;
    box-shadow:
        0 0 5px rgba(0,0,0,.8),
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 -1px 0 rgba(255,255,255,0.2) inset,
        1px 0 0 rgba(255,255,255,0.2) inset,
        -1px 0 0 rgba(255,255,255,0.2) inset;
}
 
.owindow .title {
    background: none;
    color: #eee;
    padding: 10px 5px;
    text-shadow: 0 1px 0 #000;
}
.owindow .content {
    background-color: #fcffff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcffff), to(#fafafa), color-stop(0.3, #fff));
    background-image: -moz-linear-gradient(top,#fcffff, #fafafa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow:
        0 1px 2px rgba(0,0,0,0.8) inset,
        0 -1px 2px rgba(0,0,0,0.8) inset,
        1px 0 2px rgba(0,0,0,0.8) inset,
        -1px 0 2px rgba(0,0,0,0.8) inset;
    -moz-box-shadow:
        0 1px 2px rgba(0,0,0,0.8) inset,
        0 -1px 2px rgba(0,0,0,0.8) inset,
        1px 0 2px rgba(0,0,0,0.8) inset,
        -1px 0 2px rgba(0,0,0,0.8) inset;
    box-shadow:
        0 1px 2px rgba(0,0,0,0.8) inset,
        0 -1px 2px rgba(0,0,0,0.8) inset,
        1px 0 2px rgba(0,0,0,0.8) inset,
        -1px 0 2px rgba(0,0,0,0.8) inset;
 
}
.owindow .button-bar {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 0;
}
.owindow .button-bar a.button-close-message, 
.owindow .button-bar a.button.button-cancel {
    border: none;
    color: transparent;
    text-shadow: none;
    text-indent: -9999px;
    display: block;
    background: url(http://bmcenterprises.wdfiles.com/local--files/images/delete.png);
    padding: 0;
    outline: none !important;
    margin-top: 0px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    font-size: 0;
    line-height: 0;
}
.owindow .button-bar a.button.button-cancel {
    float: right;
    margin-top: 1px;
}
.owindow .button-bar a {
    background: none;
    border: none;
    color: #eee;
    text-shadow: none;
    padding: 0;
    margin: 0 10px;
}
.owindow .button-bar a:hover {
    background: none;
    color: #7fb511;
}
.owindow .button-bar a.button-close-message:hover, 
.owindow .button-bar a.button.button-cancel:hover {
    background: url(http://bmcenterprises.wdfiles.com/local--files/images/delete.png);
    color: transparent;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
}
.owindow.owait, .owindow.osuccess {
    color: #fff;
    padding: 0;   
}
.owindow.owait .content { /* Page saving dialogue, with spinner */
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/owindow-loader.gif) no-repeat right center;
    text-align: left;
    padding: 10px 45px 10px 5px;
    border-top: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.owindow.osuccess .content{ /* 'page save successful' */
    text-align: center;
    padding: 10px 25px 10px 25px;
    border-top: none;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;   
}
/* preloads the spinner so that there is no lag when .owait pops up */
#extrac-div-1 { 
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/owindow-loader.gif) no-repeat right center;
    visibility: hidden;
}
#extrac-div-2 { 
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/owindow-success.png) no-repeat right center;
    visibility: hidden;
}
#extrac-div-3 { 
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/transparent-08.png) no-repeat right center;
    visibility: hidden;
}
@-webkit-keyframes fade-in {
0% {opacity:0;}
55% {opacity: 0;}
100% {}
}
@-webkit-keyframes drop-in {
0% {-webkit-transform:translate(0,-30px);}
45% {-webkit-transform: translate(0,-30px);}
100%{-webkit-transform: translate(0,0);}
}
.owindow:not(.osuccess) {-webkit-animation: fade-in 0.7s ease-out, drop-in 0.7s ease-out;}
.odialog-shader {-webkit-animation: fade-in 0.3s ease-out;}
 
/* HOVERTIPS ---------------------------------------------------------- */
.footnotes-footer, .footnote .f-heading, .footnote .f-footer {
    display: none;
}
.hovertip {
    padding: 2px 5px;
    max-width: 350px;
    background-color: rgba(56,56,56,0.96) !important;
    color: #fff;
    border: 1px solid #fff !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,0.35) inset;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-background-clip: padding-box;
}
 
/* SITE MANAGER ---------------------------------------------------------- */
#site-manager {
    background: #fff;
    float: left;
    width: 950px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
}
#site-manager-menu {
    margin: 0;
    background: #333 url(http://osx.wdfiles.com/local--files/admin:themes/admin-texture.gif) repeat;
    border-radius: 8px 0 0 8px;
    padding: 0;
    border: none;
    -webkit-box-shadow: -4px 0 4px rgba(0,0,0,0.3) inset;
}
#site-manager-menu .head {
    color: #fff;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    border: none;
    font-weight: normal;
    font-size: 18px;    
    padding-bottom: 0px;
    margin-bottom: 0;
    line-height: 2.55;
}
 
#sm-action-area {
    margin-left: 0px;
    float: left;
    clear: none;
    width: 756px;
}
#sm-action-area > *:not(h1) {
    margin: 0 20px;
}
#sm-action-area h1 {
    padding: 5px 10px;
    margin-top: 0;
    border-radius: 0 8px 0 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cdcdcd;
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#f1f1f1));
    color: #333;
    text-shadow: 0 1px 0 #fff;
}
#sm-menu, 
#site-manager-menu ul {
    border-bottom: 1px solid #4d4d4d;
    border-top: 1px solid #272727;
    padding: 0;
    margin: 6px 0;
}
#site-manager-menu ul,
#site-manager-menu ul:last-child {
    border-bottom: 0 !important;
}
#sm-menu li a,
#site-manager-menu ul li a {
    padding: 4px 10px;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #272727;
    color: #ddd;
    position: relative;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
#sm-menu li a:hover,
#site-manager-menu ul li a:hover {
    text-decoration: none;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.08)), to(rgba(255,255,255,0.03)));
}
#sm-menu li a.active,
#site-manager-menu ul li a.active {
    background: rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3) inset;
    border-top: 1px solid #2a2a2a;
    color: #fff;
}
#sm-menu li a.active:after,
#site-manager-menu ul li a.active:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    top: 7px;
    right: 0;
    border: 6px solid;
    border-color: transparent #fff transparent transparent;    
}
#sm-menu li ul li a,
#site-manager-menu ul li ul li a {
    background-color: rgba(255,255,255,0.05);
    border-top: 1px solid #5d5d5d;
}
#sm-menu > li.selected > a,
#site-manager-menu ul > li.selected > a {
    font-weight: bold;
}
#site-manager-menu hr {
    display: none;
}
 
/* Admininstration Dashboard */
.main.admin-dashboard {
    padding-bottom: 0 !important;
}
.admin-box {
    width: 200px;
    min-height: 250px;
    float: left;
    margin: 0;
    padding: 5px 10px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
}
.admin-box h4 {
    text-align: center;
}
.admin-box.stats {
    border-left: 0;
}
.admin-box.stats .app-table {
    width:80px;
    margin: 0 auto;
}
.admin-box.links {
    border-right: 0;
    text-align: center;
}
.admin-box .forum-button {
    margin: 0;
}
.tb-icon {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png);
    overflow: hidden;
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
.tb-icon.version {background-position: -175px -341px}
.tb-icon.developer {background-position: -256px -341px;}
.tb-icon.website {background-position: -150px -341px;}
.tb-icon.status {background-position: -229px -341px ;}
.tb-icon.store {background-position: -201px -341px;}
/* @group FIXED NAVIGATION 
---------------------------------------------------------- */
.fixed-nav p  {margin: 0;}
.fixed-nav a {
    position: fixed;
    top: 50%;
    margin-top: -20px;
    width: 110px;
    color: #444;
    text-align: center;
    font-size: 0.9em;
    border: 1px solid #aaa;
    opacity: 0.4;
    z-index: 50;
    height: 32px;
    -webkit-transition: all 340ms ease;
    -moz-transition: all 340ms ease;
    transition: all 340ms ease;
}
.fixed-nav a:hover, .fixed-nav a:focus {
    opacity: 1;
    text-decoration: none;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.6) inset,
        1px 0 0 rgba(255,255,255,0.6) inset,
        0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.6) inset,
        1px 0 0 rgba(255,255,255,0.6) inset,
        0 0 3px rgba(0,0,0,0.3);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.6) inset,
        1px 0 0 rgba(255,255,255,0.6) inset,
        0 0 3px rgba(0,0,0,0.3);
}
.fixed-nav.next a {
    padding: 4px 4px 4px 38px;
    right: -115px;
    background: #d9d9d9 no-repeat 4px center;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.4) inset,
        1px 0 0 rgba(255,255,255,0.4) inset,
        0 0 2px rgba(0,0,0,0.2); 
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.4) inset,
        1px 0 0 rgba(255,255,255,0.4) inset,
        0 0 2px rgba(0,0,0,0.2); 
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.4) inset,
        1px 0 0 rgba(255,255,255,0.4) inset,
        0 0 2px rgba(0,0,0,0.2);        
}
.fixed-nav.prev a {
    padding: 4px 38px 4px 4px;
    left: -115px;
    background: #d9d9d9 no-repeat 116px center;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.4) inset,
        -1px 0 0 rgba(255,255,255,0.4) inset,
        0 0 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.4) inset,
        -1px 0 0 rgba(255,255,255,0.4) inset,
        0 0 2px rgba(0,0,0,0.2);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.4) inset,
        -1px 0 0 rgba(255,255,255,0.4) inset,
        0 0 2px rgba(0,0,0,0.2);
}
.fixed-nav.grid a {background-image: url(http://osx.wdfiles.com/local--files/admin:icons/display-grid.png);}
.fixed-nav.table a {background-image: url(http://osx.wdfiles.com/local--files/admin:icons/display-table.png);}
.fixed-nav.add a {
    background-image:url(http://osx.wdfiles.com/local--files/admin:icons/forum-cat-app.png);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fixed-nav.add a:hover, .fixed-nav.add a:focus {
    border: 1px solid #7fb511;
}
.fixed-nav.next a:hover, .fixed-nav.next a:focus {
    right: 25px;
}
.fixed-nav.prev a:hover, .fixed-nav.prev a:focus {
    left: 25px;
}
 
.fixed-nav a:after {
    content: '\00a0';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0px;
    right: -40px;
    border: 20px solid;
    border-color: transparent transparent transparent #d9d9d9;
}
.fixed-nav a:before {
    content: '\00a0';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: -1px;
    right: -43px;
    border: 21px solid;
    border-color: transparent transparent transparent #b6b6b6;
}
 
.fixed-nav.prev a:after {
    left: -40px;
    border-color: transparent #d9d9d9 transparent transparent;
}
.fixed-nav.prev a:before {
    left: -43px;
    border-color: transparent #b6b6b6 transparent transparent;
}
.fixed-nav.add a:before, .fixed-nav.add a:after {
    border-color: transparent;
}
@media all and (max-width: 1015px) {
.fixed-nav {
    display: none;
}
}
 
/* @end fixed navigation */
 
/* @group COMMENTS 
------------------------------------------------- */
.main.app-comments {
    margin-top: 30px;
    position: relative;
    overflow: visible;
}
.main.app-comments::before,
.main.app-comments::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border: solid;
}
.main.app-comments:before {
    border-width: 12px;
    border-color: transparent transparent #fcfcfc transparent;
    top: -23px;
    left: 31px;
    z-index: 10;
}
.main.app-comments:after {
    border-width: 13px;
    border-color: transparent transparent #cecece transparent;
    top: -26px;
    left: 30px;
    z-index: 0;
}
.app-comments-container {
    width: 600px;
    margin: 0 auto;
}
.app-comments-container h3 {margin-bottom: 0;}
.app-comments-container h6 {
    margin-top: 0;
    font-weight: normal;
    font-size: 1.1em;
}
.app-comments-container h5 {
    margin:10px 0 -20px;
}
.app-comments-container .collapsible-block-unfolded-link, .app-comments-container .collapsible-block-folded{
    padding: 5px 0;
}
.app-comments-container .pager {
    margin: 30px 0 0;
}
.post-container {
    padding: 5px 10px;
    background: none;
    border: none;  
    position: relative;
    width: 600px;
    margin: 0 0 -18px -10px;
    font-size: 0.95em;
    word-wrap: break-word;
} 
.post-header {
    display: block;
    font-size: 1.2em;
    color: #525252;
    text-shadow: 0 1px 0 #fff;
}
.post-header p, .post-options p {
    margin: 0;
}
.post-header span.odate,
.post-location {
    font-size: 0.7em;
}
.post-options,
.forum-post-options {
    position: absolute;
    bottom: 2px;
    right: 8px;
    display: inline-block;
    font-size: 11px;
    opacity: 0;
    -webkit-transition: opacity 140ms linear;
    color: #666;
}
.post-options a,
.forum-post-options a {color: #666;}
.post-container:hover .post-options,
.forum-post-container:hover .forum-post-options {opacity: 1;}
.post-container:hover .post-options:hover a,
.forum-post-container:hover .forum-post-options:hover a {color: #bbb;-webkit-transition: color 180ms linear;}
.post-container:hover .post-options:hover a:hover,
.forum-post-container:hover .forum-post-options:hover a:hover {color: #666;text-decoration: none;}
 
.app-comments-container .post-container:nth-child(even),
.yui-content .list-pages-item:nth-child(even) .post-container {
    margin: 0 0 -18px -11px;
    border: 1px solid #cecece;
    background: #f0f3f3;
    position: relative;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
}
.yui-content .list-pages-item:nth-child(even) .post-container {margin: 0 0 0 -11px;}
.app-comments-container .post-container:last-child,
.yui-content .list-pages-item:last-child .post-container {
    border-bottom: 1px solid #cecece;
    margin-bottom: 0;
}
/* 
Admin & Developer Tags on app comments. Included in app:_template page.
Kept here for reference.
*
 
.post-container.userDEVELOPER:after {
    content: 'Developer';
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    padding: 2px 8px;
    font-size: 12px;
    border: 1px solid;
    border-color: #009bc8 #008ec5 #0065a2;
    background-color: #1b94d5;
    background-image:
        -webkit-gradient(radial, 75 -40, 70, 75 -10, 0, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.3))),
        -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b9e6), to(#007dc4));    
    background-image: -moz-linear-gradient(top,#00b9e6, #007dc4);
    background-image: -o-linear-gradient(top,#00b9e6, #007dc4);
    background-image: -moz-linear-gradient(top,#019ce1, #015ca9);
    color: #fff;
    text-shadow: #005fb1 0 1px 0;
    -webkit-border-radius: 0 0 0 6px;
    -moz-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
}
.post-container.userADMIN:after {
    content: 'Admin';
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    padding: 2px 14px;
    font-size: 12px;
    border: 1px solid;
    border-color: #666 #555 #414141;
    background-color: #424242;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#727272), to(#454545));
    background-image: -moz-linear-gradient(top,#727272,#454545);
    background-image: -o-linear-gradient(top,#727272,#454545);
    background-image: linear-gradient(top,#727272,#454545);
    color: #fff;
    text-shadow: #333 0 1px 0;
    -webkit-border-radius: 0 0 0 6px;
    -moz-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
}
 
/* End tags */
 
/* @end Comments */
 
/* PAGE LAYOUTS -------------------------------------------------------- */ 
 
/* @group HOME PAGE 
----------------------------------------------------------- */
 
@-webkit-keyframes home-logo-rotate {
0% {
    -webkit-transform: rotate(0);
}
70% {
    -webkit-transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
.home-banner {
    display: block;
    height: 150px;
    padding-top: 40px;
    padding-bottom: 5px;
    padding-right: 280px;
    padding-left: 30px;
    line-height: 40px;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 3px rgba(0,0,0,0.2);
    overflow: hidden;
    position: relative;
}
.home-banner p {
    margin: 0;
}
.home-banner .action-button {
    margin: 5px 0;
}
.home-banner .action-button a {
    padding: 2px 30px;
}
.home-icon {
    display: block;
    width: 160px;
    height: 160px;
    position: absolute;
    top: 25px;
    right: 100px;
    -webkit-animation-name: home-logo-rotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
}
 
.home-box-container {
    clear: both;
    margin: 40px auto 20px;
    position: relative;
    height: 218px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fafafa));
    background-image: -moz-linear-gradient(top,#fff,#fafafa);
    background-image: -o-linear-gradient(top,#fff,#fafafa);
    background-image: linear-gradient(top,#fff,#fafafa);
    border: 1px solid #cecece;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow:
        0 1px 3px rgba(0,0,0,0.15) inset,
        0 1px 0 #fff;
    -moz-box-shadow:
        0 1px 3px rgba(0,0,0,0.15) inset,
        0 1px 0 #fff;
    box-shadow:
        0 1px 3px rgba(0,0,0,0.15) inset,
        0 1px 0 #fff;
} 
.home-box {
    display: block;
    width: 275px;
    min-height: 180px;
    margin: 0;
    padding: 5px 20px;
    float: left;
    overflow: hidden;
}
.home-box.one {border-right: 1px solid #ddd;}
.home-box.two {border-right: 1px solid #ddd;}
.home-box.love {
}
.home-box h4 {
    text-align: center;
}
.action-button, .join-button {
    display: block;
    margin: 20px 0;
    text-align: center;
}
.action-button a, .join-button a {
    display:inline-block;  
    background-color: #93b737;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.2)));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.2));
    background-image: -o-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.2));
    background-image: linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.2));
    padding:5px 30px;  
    font-weight: normal;
    text-align:center;  
    border:1px solid #608926;  
    text-shadow: 0 1px 0 rgba(0,0,0,0.25);   
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  
    color: #ecefef;   
    font-size: 16px;
    -webkit-box-shadow: 
        0 1px 2px rgba(0,0,0,0.1),
        1px 0 2px rgba(0,0,0,0.1),
        0 1px 0 rgba(255,255,255,0.3) inset;
    -moz-box-shadow: 
        0 1px 2px rgba(0,0,0,0.2),
        1px 0 2px rgba(0,0,0,0.2),
        0 1px 0 rgba(255,255,255,0.3) inset;
    box-shadow: 
        0 1px 2px rgba(0,0,0,0.2),
        1px 0 2px rgba(0,0,0,0.2),
        0 1px 0 rgba(255,255,255,0.3) inset;
    border-bottom-color: #527521;
}   
.action-button a:hover, .join-button a:hover {  
    border-color: #425d18;  
    text-decoration: none;
    color: #fff;
}   
.action-button a:active, .join-button a:active {  
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.3)));  
    background-image: -moz-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.3));
    background-image: -o-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.3));
    background-image: linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.3));
}
.action-button.red a {
    background-color: #f60000;
    border: 1px solid;
    border-color: #cd040f #9a0204 #8e010b;
}
.action-button.red a:hover {
    border-color: #730102;
}
.action-button.blue a {
    background-color: #00a5db;
    border: 1px solid #0099cd;
    border-color: #008bbb #0079a4 #006486;
}
.action-button.blue a:hover {
    border-color: #00597b;
}
 
/* Home logo animations */
 
@-webkit-keyframes home-logo-one {
0% {opacity: 1; }
20% {opacity: 1;  }
27.5% {opacity: 0;  }
95% {opacity: 0;  }
100% {opacity: 1;  }
}
 
@-webkit-keyframes home-logo-two {
0% {opacity: 0; }
20% {opacity: 0; }
27.5% {opacity: 1; }
45% {opacity: 1; }
52.5% {opacity: 0; }
100% {opacity: 0; }
}
 
@-webkit-keyframes home-logo-three {
0% {opacity: 0; }
45% {opacity: 0; }
52.5% {opacity: 1; }
70% {opacity: 1; }
77.5% {opacity: 0; }
100% {opacity: 0;  }
}
 
@-webkit-keyframes home-logo-four {
0% {opacity: 0; }
70% {opacity: 0; }
77.5% {opacity: 1; }
95% {opacity: 1; }
100% {opacity: 0; }
}
 
.home-icon {
    -webkit-animation-duration: 5s, 20s;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-timing-function: ease-out, ease;
    -webkit-animation-direction: normal, normal;
}
.home-icon.one {
    -webkit-animation-name: home-logo-rotate, home-logo-one;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/tick3.png) no-repeat center center;
}
.home-icon.two {
    opacity: 0;
    -webkit-animation-name: home-logo-rotate, home-logo-two;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/cross3.png) no-repeat center center;
}
.home-icon.three {
    opacity: 0;
    -webkit-animation-name: home-logo-rotate,home-logo-three;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/question3.png) no-repeat center center;
}
.home-icon.four {
    opacity: 0;
    -webkit-animation-name: home-logo-rotate,home-logo-four;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/exclamation3.png) no-repeat center center;
}
 
/* @end Homepage */
 
/* @group APP DATA FORM 
---------------------------------------------------------- */
td.form-labels {
    font-weight: bold;
    font-size: 1.1em;
    padding-right: 10px;
    text-align: right;
}
input[type=text], textarea {
    border: 1px solid #aaa;
    padding: 5px 3px;
    width: 300px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: -1px 1px 3px rgba(0,0,0,0.15) inset;
    -moz-box-shadow: -1px 1px 3px rgba(0,0,0,0.15) inset;
    box-shadow: -1px 1px 3px rgba(0,0,0,0.15) inset;
}
textarea.form-wiki {
    width: 450px;
    height: 80px;
    resize: vertical;
}
 
input[type=text]:focus, textarea:focus {
    outline: none;
    border: 1px solid #1b94d5;
    -webkit-box-shadow: 0 0 4px rgba(27,148,213,0.76);
    -moz-box-shadow: 0 0 4px rgba(27,148,213,0.76);
    box-shadow: 0 0 4px rgba(27,148,213,0.76);
}
.form-value.field-staticIntro {
    margin-left: -100px;
    width: 600px;
}
.dataform-file-chooser span a {
    margin-left: 10px;
}
#edit-page-form .buttons.alignleft {
    text-align: center;
}
 
.field-developer .dataform-pagepath-chooser span span {display: none;}
 
.field-developer .dataform-pagepath-chooser span a:after {
    content: ' Enter new developer, then press enter.';
    color: #222;
}
.field-developer .dataform-pagepath-chooser span a:hover{
    text-decoration: none;
    color: #7fb511;
}
 
/* @end App Dataform */
 
/* @group APP TABLE 
---------------------------------------------------------- */ 
 
table.apps {
    width: 100%;
    margin-top: 0;
    background: rgba(255,255,255,0.8);
    border-collapse: collapse;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
table.apps tbody tr td {
    padding: 10px;  
}
 
table.apps tbody tr td.title {width: 110px; font-weight: bold;}
table.apps tbody tr td.version {width: 70px; text-align: center;}
table.apps tbody tr td.developer {width: 180px;}
table.apps tbody tr td.url {width: 260px; max-width: 260px; word-wrap:break-word;}
table.apps tbody tr td.status {width: 60px; text-align: center;}
table.apps tbody tr td.appStore {width: 95px; text-align: center;}
table.apps tbody tr td.notes {width: 0; display: none;}
 
table.apps tbody tr.content:nth-child(odd) td {
    background: #eee;
} 
/* table header */
table.apps tbody tr.header td {
    background: #e8e8e8;
    height: 26px;
    color: #333;
    padding: 5px;
    border-top: none;
    border: none;
    font-size: 13px;
    font-weight: bold;
}
table.apps tbody tr.header td.title { /* for rounded corners */
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}
table.apps tbody tr.header td.appStore  { /* for rounded corners */
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}
table.apps tbody tr.content:last-child td.notes { /* for rounded corners */
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
table.apps tbody tr.content:last-child td.title { /* for rounded corners */
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
table.apps tbody tr.content td {
    height: 20px;
    line-height: 14px;
    padding: 0 5px;
    -webkit-transition: background 400ms linear;
    -moz-transition: background 400ms linear;
    transition: background 400ms linear;
}
table.apps tbody tr.content td p {
    margin: 0;
}
/* Status Colouring Rows */
 
#container:target table.apps tbody tr.content.mtn-statusunknown td {background: rgba(0,94,255,0.1);}
#container:target table.apps tbody tr.content.mtn-statusworks_fine td {background: rgba(75,255,0,0.1);}
#container:target table.apps tbody tr.content.mtn-statusdoesnt_work td {background: rgba(255,0,0,0.1);}
#container:target table.apps tbody tr.content.mtn-statussome_problems td {background: rgba(254,255,0,0.1);}
 
.row-on, .row-off {
    position: absolute;
    left: 0;
}
.ok-on, .ok-off {
    position: absolute;
    left: 132px;
}
.no-on, .no-off {
    position: absolute;
    left: 290px;
}
.row-off, .ok-off, .no-off {display: none;}
 
#container:target .row-off, #container-wrap:target .row-on {display: inline;}
#container-wrap:target .row-off, #container:target .row-on {display: none;}
 
#container-wrap-wrap:target .ok-off, #container-wrap:target .ok-on {display: inline;}
#container-wrap:target .ok-off, #container-wrap-wrap:target .ok-on {display: none;}
 
#html-body:target .no-on, #container-wrap:target .no-off {display: none;}
#html-body:target .no-off, #container-wrap:target .no-on {display: inline;}
 
#container-wrap-wrap:target table.apps tbody tr.mtn-statusunknown,
#container-wrap-wrap:target table.apps tbody tr.mtn-statusdoesnt_work,
#container-wrap-wrap:target table.apps tbody tr.mtn-statussome_problems {
    display: none;
}
#html-body:target table.apps tbody tr.mtn-statusunknown,
#html-body:target table.apps tbody tr.mtn-statusworks_fine,
#html-body:target table.apps tbody tr.mtn-statussome_problems {
    display: none;
}
 
.apps-order-options-container {
    font-size:11px;    
    color: #666;
    padding-right: 5px;
    position: relative;
    overflow: hidden;
}
.apps-order-options-container a {color: #888;}
 
.apps-order-options-container p {
    margin-bottom: 3px;  
}
.apps-order-options-right {
    float: right;
}
.apps-order-options-left {
    float: left;
    width: 500px;
    position: relative;
}
 
/* Info Hovers */
table.apps .home-hoverLink,
table.pageList .home-hoverLink {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 8px 0;
    padding: 2px 0;
}
table.apps .home-hoverLink .home-hoverInfo,
table.pageList .home-hoverLink .home-hoverInfo {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 200px;
    padding: 5px 10px;
    top: -10px;
    left: 140px;
    z-index: -10;
    font-weight: normal;
    background-color: rgba(56,56,56,0.96);
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,0.35) inset;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-background-clip: padding-box;
    -webkit-transition: all 300ms ease-in-out 200ms;
    -moz-transition: all 300ms ease-in-out 200ms;
    transition: all 300ms ease-in-out 200ms;
}
table.apps tbody tr td.title:hover .home-hoverLink .home-hoverInfo, 
table.apps tbody tr td.title:focus .home-hoverLink .home-hoverInfo,
table.pageList tbody tr td.title:hover .home-hoverLink .home-hoverInfo {
    visibility: visible;
    opacity: 1;
    z-index: 40;
    top: -10px;
    left: 120px;
}
table.apps .home-hoverLink .home-hoverInfo ul,
table.pageList .home-hoverLink .home-hoverInfo ul {
    list-style: none;
    padding: 0;
}
table.apps .home-hoverLink .home-hoverInfo ul li,
table.pageList .home-hoverLink .home-hoverInfo ul li {
    margin: 6px 0;
}
table.apps .home-hoverLink .home-hoverInfo h4,
table.pageList .home-hoverLink .home-hoverInfo h4 {
    color: #fff;
}
table.apps .home-hoverLink .home-hoverInfo h4 span span,
table.pageList .home-hoverLink .home-hoverInfo span span {
    font-size: 70%;
    color: #ccc;
}
table.apps .home-hoverLink .home-hoverInfo a,
table.pageList .home-hoverLink .home-hoverInfo a {
    color: #fff;
}
table.apps .home-hoverLink .home-hoverInfo a:hover,
table.pageList .home-hoverLink .home-hoverInfo ul a:hover {
    text-shadow: none;
}
.home-hoverInfo img {
    padding: 0 5px;
    vertical-align: bottom;
}
 
/* Status Hovers */
table.apps .home-hoverStatus {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    position: relative;
}
table.apps .home-hoverStatus .home-hoverStatusInfo {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 200px;
    padding: 5px 10px;
    top: 0;
    right: 70px;
    z-index: -10;
    background-color: rgba(56,56,56,0.96);
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,0.35) inset;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-background-clip: padding-box;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;   
}
table.apps .home-hoverStatus.s1,
table.apps .home-hoverStatus.sunknown {background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -266px -170px;}
table.apps .home-hoverStatus.s2,
table.apps .home-hoverStatus.sworks_fine {background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -188px -112px;}
table.apps .home-hoverStatus.s3,
table.apps .home-hoverStatus.sdoesnt_work {background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -266px -112px;}
table.apps .home-hoverStatus.s4,
table.apps .home-hoverStatus.ssome_problems {background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -188px -170px;
}
table.apps .home-hoverStatus.s1:hover .home-hoverStatusInfo.unknown, 
table.apps .home-hoverStatus.sunknown:hover .home-hoverStatusInfo.unknown, 
table.apps .home-hoverStatus.s2:hover .home-hoverStatusInfo.okay, 
table.apps .home-hoverStatus.sworks_fine:hover .home-hoverStatusInfo.okay, 
table.apps .home-hoverStatus.s3:hover .home-hoverStatusInfo.no, 
table.apps .home-hoverStatus.sdoesnt_work:hover .home-hoverStatusInfo.no, 
table.apps .home-hoverStatus.s4:hover .home-hoverStatusInfo.problem,
table.apps .home-hoverStatus.ssome_problems:hover .home-hoverStatusInfo.problem {
    visibility: visible;
    opacity: 1;
    z-index: 40;
    top: 0;
    right: 40px;
}
 
/* App store icon */
table.apps .home-store {
    display: block;
    height: 41px;
    width: 40px;
    margin: 0 auto;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    background: no-repeat center center;
}
table.apps .home-store.s0 {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/appstore-no4.png);
}
table.apps .home-store.s1 {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/appstore-yes4.png);
}
.apps-table-container .pager {
    margin-top: 20px;
}
/* -- Featured app --
#page-content table.apps tbody tr:nth-child(25) td {
    background-color: #4ca4d6;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4bcded), to(#4ca4d6));    
    background-image: -moz-linear-gradient(top,#00b9e6, #007dc4);
    background-image: -o-linear-gradient(top,#00b9e6, #007dc4);
    color: #fff;
}
#page-content table.apps tbody tr:nth-child(25) td a {
    color: #fff;
}
*/
 
/* @end App Table */
 
/* @group APP GRID 
---------------------------------------------------------- */
#container:target .grid-box.mtn-statusunknown {background: rgba(0,94,255,0.1);}
#container:target .grid-box.mtn-statusworks_fine {background: rgba(75,255,0,0.1);}
#container:target .grid-box.mtn-statusdoesnt_work {background: rgba(255,0,0,0.1);}
#container:target .grid-box.mtn-statussome_problems {background: rgba(254,255,0,0.1);}
 
#container-wrap-wrap:target .grid-box.status1,
#container-wrap-wrap:target .grid-box.status3,
#container-wrap-wrap:target .grid-box.status4 {
    display: none;
}
 
.apps-order-options-container.grid {
    width: 920px;
    margin: 0 auto;
}
.apps-grid-container {
    overflow: hidden;
    padding: 1px;
    width: 928px;
    margin: 0 auto;     
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.grid-box {
    float: left;
    width: 210px;
    height: 85px;
    margin: -1px 0 0 -1px;
    padding: 5px 10px;
    overflow: hidden;
    border: 1px solid #cecece;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    transition: background 300ms linear;
}
.grid-box:hover {background: rgba(255,255,255,0.8) !important;}
 
.grid-box h4 {margin: 8px 0 -10px 0; overflow: hidden; text-overflow: ellipsis; color: #1b94d5;max-height: 3em;}
.grid-box h4:hover {text-overflow: inherit;}
.grid-box p {font-size: 0.94em ;margin: 5px 0 0;color: #555;}
.grid-dev {font-size: 0.9em;color: #888; white-space: nowrap;}
.grid-dev a {color: #888;}
.grid-box.g1 {-webkit-border-radius: 4px 0 0 0;-moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0;}
.grid-box.g4 {-webkit-border-radius: 0 4px 0 0;-moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0}
.grid-icon-container {
    float: left;
    width: 64px;
    height: 64px;
    padding: 5px 10px 5px 0;
    margin-top: 5px;
}
.grid-box img.image {display: none;}
.grid-box:active img {
    position: relative;
    top: 1px;
}
.apps-grid-container .pager {padding-top: 20px;}
.apps-grid-container .list-pages-box div:not(.grid-box) {clear: both;}
 
/* Profile Grid Box */
.apps-grid-container.profile {
    width: 570px;
}
.grid-box.profile {
    width: 120px;
    height: auto;
    text-align: center;
}
.grid-box.profile h4 {
    font-size: 14px;
    white-space: nowrap;
}
.grid-box.profile .grid-icon-container {
    float: none;
    width: 48px;
    height: 48px;
    padding: 5px;
    margin: 10px auto 0;
}
 
/* @end App grid */
 
/* @group APPS INDEX 
---------------------------------------------------------- */
.apps-index {
    overflow: hidden;
    margin: 4px 0 0;
}
.apps-index.short {width: 650px;}
.index {
    float: left;
    margin: 0 3px 8px;
}
.index a {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 2px 0;
    width: 28px;
    background: #eee;
    border: 1px solid #ccc;
    color: #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 #f9f9f9 inset, 
        1px 0 0 #f9f9f9 inset;
    -moz-box-shadow: 
        0 1px 0 #f9f9f9 inset, 
        1px 0 0 #f9f9f9 inset;
    box-shadow: 
        0 1px 0 #f9f9f9 inset, 
        1px 0 0 #f9f9f9 inset;
}
.index a:hover {
    text-decoration: none;
    border: 1px solid #777;
    color: #333;
}
/* 'Current' state */
.indexA._a a,
.indexB._b a,
.indexC._c a,
.indexD._d a,
.indexE._e a,
.indexF._f a,
.indexG._g a,
.indexH._h a,
.indexI._i a,
.indexJ._j a,
.indexK._k a,
.indexL._l a,
.indexM._m a,
.indexN._n a, 
.indexO._o a,
.indexP._p a,
.indexQ._q a,
.indexR._r a,
.indexS._s a,
.indexT._t a,
.indexU._u a,
.indexV._v a,
.indexW._w a,
.indexX._x a,
.indexY._y a,
.indexZ._z a,
.index0._0 a,
.index1._1 a,
.index2._2 a,
.index3._3 a,
.index4._4 a,
.index5._5 a,
.index6._6 a,
.index7._7 a,
.index8._8 a,
.index9._9 a
 {
    border: 1px solid #0b81bc;
    background: #1b94d5;
    color: #fff;
    pointer-events: none;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.3) inset, 
        1px 0 0 rgba(255,255,255,0.3) inset;
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.3) inset, 
        1px 0 0 rgba(255,255,255,0.3) inset;
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.3) inset, 
        1px 0 0 rgba(255,255,255,0.3) inset;
}
/* Start a new line for numbers
.index0 {clear: both;}
 
/* @end Apps Index */
 
/* @group APP PAGES 
---------------------------------------------------------- */
 
.store-is.s1, .store-not.s0 {display: inline;}
.store-is.s0, .store-not.s1 {display: none;}
 
.main {
    display: block;
    margin: 10px 0;
    padding: 5px 10px; 
    width: 600px; 
    overflow: hidden;
    clear: none;
    border: 1px solid #cecece;
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05);    
} 
.main h1,
.main.dashboard h4 {
    position: relative;
    top: -5px;
    left: -10px;
    padding: 7px 15px 8px;
    margin: 0 0 -5px;
    width: 590px;
    font-size: 22px;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    border-bottom: 1px solid #cdcdcd;
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#f1f1f1));
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 1px 2px rgba(0,0,0,0.04);
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 1px 2px rgba(0,0,0,0.04);
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 1px 2px rgba(0,0,0,0.04);
}
.main.app h1 {
    padding: 7px 160px 8px 15px;
    width: 445px;
}
.main.centre {text-align: center;}
.main table {margin: 10px 10px 10px 0;}
.main.app .app-table {
    max-width: 350px;
    float: left;
}
.main.app .app-table table tbody tr td {
    max-width: 280px;
    word-wrap: break-word;
}
.main table tbody tr td, .main table tbody tr th{
    border: none;
    padding: 7px 5px;
    background: none;
    border-bottom: 1px solid #dadada;
    -webkit-box-shadow: 0 1px 0 #fff inset;
}
.app-table table tbody tr td {min-height: 17px;}
.main table tbody tr th {text-align: right;}
.main table img {padding: 0 10px;}
.main.app h4 {clear: both;}
.app-versions h4 {clear: left !important;}
 
/* SIDEBAR ----------------------------------------------- */
 
.side, #side-bar {
    width: 295px;
    padding: 0;
    float: right;
    margin: 10px 0 10px 0;
    font-size: 0.9em;
    color: #555;   
}
.side h3,
#side-bar h3 {
    color: #313131;
    text-align: center;
    font-size: 1.8em;    
}
.side h5,
#side-bar h5 {
    text-align: center;
    color: #777;
    font-size: 1em;
    margin: -5px 0 10px 0;
}
.side hr,
#side-bar hr {
    margin: 10px 10px;
}
.side a.wiki-standalone-button,
#side-bar a.wiki-standalone-button {
    display: inline-block;
    width: auto;
    margin: 6px auto 0;
    text-align: center;
}
.side .dock-toggle a.wiki-standalone-button:before {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -229px -227px;
}
.side .dock-remove a.wiki-standalone-button:before {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -340px -278px;
}
.side ul, 
#side-bar ul {
    list-style: none;
    padding: 0 0 0 15px;
}
.side ul li span,
#side-bar ul li span {
    color: #888;
    font-size: 0.9em;
}
.side .search-box, 
#side-bar .search-box {
    position: relative;
}
.side .search-box input.text, 
#side-bar .search-box input.text {
    width: 160px;
    margin: 7px 0;
    padding: 5px 30px 5px 5px;
    border: 1px solid;
    border-color: #c1c0c5 #c1c0c5 #d9d7d8 #d9d7d8;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow: -1px 1px 2px rgba(0,0,0,0.2) inset;
}
.side .search-box input.text:focus, 
#side-bar .search-box input.text:focus {
    outline: none;
    border-color: #1b94d5; 
}
.side .search-box input.button, 
#side-bar .search-box input.button {
    border: none;
    text-indent: -9999px;
    color: transparent;
    padding: 0;
    background: transparent url(http://osx.wdfiles.com/local--files/admin:icons/search.png) no-repeat center center;
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 10px;
    right: 42px;
}
.side .search-box input.button:hover, 
#side-bar .search-box input.button:hover {
    cursor: pointer;
} 
.app-description {
    display: block;
    width: 200px;
    float: right;
    padding: 5px 10px;
    text-align: center;
    margin-top: 15px;
    margin-left: 10px;
}
.app-icon-container {
    border: 3px solid #fff;
    background: #fff url(http://osx.wdfiles.com/local--files/admin:themes/ra-icon-placeholder3.png) no-repeat center center;
    min-height: 128px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
}
.app-description img.image {display: none;}
.app-description img.app-icon {
    width: 128px;
    margin: 0 auto;
    background: #fff;
}
.app-appstore {
    width: 207px;
    height: 65px;
    margin: 0 0 0 -1px;
    background: url('http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png') no-repeat 0 -370px;
}
.app-appstore.l {
    background: none;
}
.app-appstore.l .link,
.app-appstore .text-yes,
.app-appstore.s0 .link,
.app-appstore.s1 .text-no {
    display: none;
}
.app-appstore.s1.l .text-yes,
.app-appstore.s0 .text-no {
    display: inline;
}
.app-appstore .link {
    width: 208px;
}
/*
.app-appstore a {
    display: block;
    width: 206px;
    height: 65px;
    margin: 0 0 0 -1px;
    background: url('http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png') no-repeat 0 -370px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    color: transparent;
}
.app-appstore a:hover {background-position: 0 -435px;}
.app-appstore a:active {background-position: 0 -500px;}
*/
 
/* App status Icon */
.app-status {
    position: relative;
    padding: 0px 10px 0px 100px;
    margin: 0 0 15px 2px;
    border: 1px solid #cecece;
    font-weight: bold;
    font-size: 14px;
    color: #222;
    height: 48px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.45) inset,
        1px 0 0 rgba(255,255,255,0.45) inset,
        0 0 1px rgba(0,0,0,0.05); 
   -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.45) inset,
        1px 0 0 rgba(255,255,255,0.45) inset,
        0 0 1px rgba(0,0,0,0.05); 
   box-shadow: 
        0 1px 0 rgba(255,255,255,0.45) inset,
        1px 0 0 rgba(255,255,255,0.45) inset,
        0 0 1px rgba(0,0,0,0.05);  
}
.app-status:after {
    content: '';
    position: absolute;
    display: block;
    width: 80px;
    height: 48px;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.5);
    box-shadow: 1px 0 0 rgba(255,255,255,0.5);
}
.app-status:before {
    content: '';
    position: absolute;
    display: block;
    width: 80px;
    height: 48px;
    left: -2px;
    top: -1px;
    border: 1px solid #cdcdcd;
    border-right: none;
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#f1f1f1));
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.app-status.status1,
.app-status.statusunknown,
.device-support.supportUnknown { /* unknown */    
    background: #80c3ee;    
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,142,234,0.4)), to(rgba(0,142,234,0.55)));
    background: -moz-linear-gradient(top,rgba(0,142,234,0.4),rgba(0,142,234,0.55));
    background: -o-linear-gradient(top,rgba(0,142,234,0.4),rgba(0,142,234,0.55));
    border: 1px solid #008fff;
}
.app-status.status1::before,
.app-status.statusunknown::before {border: 1px solid #008fff;}
.app-status.status2,
.app-status.statusworks_fine,
.device-support.supportSupport { /* ok */
    background: #a2ec1d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(162,236,29,0.4)), to(rgba(162,236,29,0.6)));
    background: -moz-linear-gradient(top,rgba(162,236,29,0.4),rgba(162,236,29,0.6));
    background: -o-linear-gradient(top,rgba(162,236,29,0.4),rgba(162,236,29,0.6));
    border: 1px solid #8bcd00;
}
.app-status.status2::before,
.app-status.statusworks_fine::before {border: 1px solid #8bcd00;}
.app-status.status3,
.app-status.statusdoesnt_work,
.device-support.supportDoesnt { /* no */
    background: #f00;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,0,0,0.4)), to(rgba(255,0,0,0.55)));
    background: -moz-linear-gradient(top,rgba(255,0,0,0.4),rgba(255,0,0,0.55));
    background: -o-linear-gradient(top,rgba(255,0,0,0.4),rgba(255,0,0,0.55));
    border: 1px solid #e8393d;
}
.app-status.status3::before,
.app-status.statusdoesnt_work::before {border: 1px solid #e8393d;}
.app-status.status4,
.app-status.statussome_problems { /* problems */
    background: #fbf400;    
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(251,244,0,0.4)), to(rgba(251,244,0,0.55)));
    background: -moz-linear-gradient(top,rgba(251,244,0,0.4),rgba(251,244,0,0.55));
    background: -o-linear-gradient(top,rgba(251,244,0,0.4),rgba(251,244,0,0.55));
    border: 1px solid #d0d500;
}
.app-status.status4::before,
.app-status.statussome_problems::before {border: 1px solid #d0d500;}
.app-status.status1::after,
.app-status.statusunknown::after,
.device-support.supportUnknown::after {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -246px -165px;
}
.app-status.status2::after,
.app-status.statusworks_fine::after,
.device-support.supportSupport::after {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -168px -107px;
}
.app-status.status3::after,
.app-status.statusdoesnt_work::after,
.device-support.supportDoesnt::after {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -246px -107px;
}
.app-status.status4::after,
.app-status.statussome_problems::after {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -168px -165px;
}
.side-box {
    position: relative;
    padding: 5px 10px;
    margin: 0 0 15px 0;
    border: 1px solid #cecece;
    background: rgba(240,240,240,0.4);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
   -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
   box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05);      
}
.side-box.highlight {background: rgba(250,250,250,0.8); color:#333;}
.side-box h4,
.main.info h4 {
    position: relative;
    top: -5px;
    left: -10px;
    padding: 3px 10px;
    width: 273px;
    margin: 0 0 -5px;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    border-bottom: 1px solid #cdcdcd;
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#eaeaea));
    background-image: -moz-linear-gradient(top,#f7f7f7,#eaeaea);
    background-image: -o-linear-gradient(top,#f7f7f7,#eaeaea);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 1px 0 rgba(255,255,255,0.6);
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 1px 0 rgba(255,255,255,0.6);
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 1px 0 rgba(255,255,255,0.6);
}
.side-box h4 a {color: inherit;}
.main.full.info h4 {
    width: 931px;
    left: -26px;
    text-align: left;
}
.side-box .pages-tag-cloud-box {margin-top: 5px;}
 
/* Ads */
.ad-container {
    width: 240px;
    margin: 5px auto;
    text-align: center;
    padding: 2px;
    position: relative;
    vertical-align: middle;
}
.ad-container p,
.apps-ad p {margin: 0;}
.ad-container a {font-weight: bold;}
.ad-image-container {
    width: 125px;
    height: 125px;
    margin: 0 10px 0 0;
    padding: 3px;
    position: relative;
    background: #f9f9f9;
    border: 2px solid #f9f9f9;    
    vertical-align: middle;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -webkit-transition: all 180ms linear;
    -moz-transition: all 180ms linear;
    transition: all 180ms linear;
}
.ad-image-container:hover {
    background: #fdfdfd;    
    border-color: #fdfdfd;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
.ad-image-container img.image {
    display: none;
}
.ad-image-container img.ad-image {
    position: relative;
    z-index: 20;
}
.ad-container-link a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    right: -10px;
    font-size: 0;
    text-indent: -9999px;
    color: transparent;
    line-height: 0;
    z-index: 10;
}
 
/* Wide ads */
.ad-container.wide250 {width:260px;}
.ad-container.wide250 .ad-image-container {width:250px;}
 
/* Ads on apps: pages */
.apps-ad,
.bsa-apps-ad {
    position: absolute;
    top: -66px;
    right: 2px;
    display: inline-block;
    width: 250px;
    padding: 6px;
    font-size: 11px;
    color: #777;
    line-height: 1.2;
    margin: 10px 0;
    border: 1px solid #cecece;
    background: rgba(255,255,255,0.4);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
   -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
   box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 0 1px rgba(0,0,0,0.05); 
}
.apps-ad:hover {border: 1px solid #aeaeae;}
.apps-ad strong {color: #333;}
 
.bsa-apps-ad {
    width: 273px;
    margin: 41px 0 0;
}
.bsa-apps-ad p {margin: 0;}
.bsa-apps-ad .bsa-link {
    margin-top: -25px !important;
}
 
/* Prev/Next nav in Sidebar */
.side-prevnext {
    overflow: hidden;
}
.prev, .next {
    width: 130px;
    float: left;
    text-align: center;
    padding: 4px 0;
}
img.prevnext-icon {
    width: 64px;
}
.prevnext-icon-container {
    display: inline-block;
    width: auto;
    min-height: 64px;
    padding: 3px;
    position: relative;
    background: #fff;
    margin: 5px 0;
    border: 3px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -webkit-transition: -webkit-box-shadow 100ms linear;
}
.prevnext-icon-container:hover {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8);
}
 
/* Additional Versions Section */
.app-version-edit {
    visibility: hidden;
    font-size: 11px;
    padding-left: 5px;
}
table tbody tr:hover .app-version-edit {visibility: visible;}
.app-versions table tbody tr th {text-align: left;}
.app-versions {margin-bottom: 20px;}
.app-versions table {margin-top: -6px;}
 
/* App feature support */
.app-features {
    margin: 0 0 10px;
}
.app-features .collapsible-block-content {
    overflow: hidden;
}
.app-features .wiki-content-table {
    width: 160px;
    float: left;
    margin: 0;
}
.app-features th {
    text-align: left !important;
}
.app-features .app-feature {
    display: block !important;
    width: 16px;
    height: 14px;
    background: url('http://wikiwealth.wdfiles.com/local--files/admin:themes/check-marks.png') no-repeat 0 0;
 
    color: transparent;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
 
    opacity: 0.7;
}
.app-feature.f0 {
    background-position: 0 -28px;
    opacity: 0.26;
}
 
/*----- Application Tags Selector & Collapsible Blocks -----*/
.app-versions,.app-tags,.app-notes {
    clear: left;
    margin: 0 0 10px;
}
.main.app .collapsible-block {
    width: 348px;
    border: 1px solid #cecece;
    border-radius: 4px;
    padding: 0 !important;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.05); 
   -moz-box-shadow:0 0 1px rgba(0,0,0,0.05); 
   box-shadow:0 0 1px rgba(0,0,0,0.05); 
   word-wrap: break-word;
}
.main.app a.collapsible-block-link {
    width: 320px;
    display: block;
    font-size: 15px; 
    padding: 2px 0 2px 28px;
    margin: -1px 0 -1px -1px;
    color: #212121;    
    position: relative;    
    border: 1px solid #cecece;
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#eaeaea));
    background-image: -moz-linear-gradient(top,#f7f7f7,#eaeaea);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,1) inset,
        1px 0 0 rgba(255,255,255,1) inset,
        0 0 2px rgba(0,0,0,0.035);
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,1) inset,
        1px 0 0 rgba(255,255,255,1) inset,
        0 0 2px rgba(0,0,0,0.035);
    box-shadow: 
        0 1px 0 rgba(255,255,255,1) inset,
        1px 0 0 rgba(255,255,255,1) inset,
        0 0 2px rgba(0,0,0,0.035);
}
.main.app .collapsible-block-unfolded a.collapsible-block-link {margin-bottom: 5px !important;}
.main.app a.collapsible-block-link:before {
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 18px;
    height: 19px;
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -282px -278px;
    opacity: 0.9;
}
.main.app a.collapsible-block-link:after {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top:2px;
    width: 17px;
    height: 17px;
    background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-icons-sprite-july.png) no-repeat -4px -789px;
    opacity: 0.35;
}
.main.app .collapsible-block-folded a.collapsible-block-link:after {background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-icons-sprite-july.png) no-repeat -4px -765px;}
.app-versions a.collapsible-block-link:before {background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -175px -341px !important;top: 5px !important;}
.app-features a.collapsible-block-link:before {background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -119px -341px !important;top: 5px !important;}
.app-notes a.collapsible-block-link:before {background: url(http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png) no-repeat -66px -341px !important;top: 5px !important;}
.main.app a.collapsible-block-link:active {top: 0;}
.main.app .collapsible-block-content {padding: 0 5px 5px;}
 
.app-tag,
.tag-cloud .tag {
    display: inline-block;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#eaeaea));
    background-image:-moz-linear-gradient(top,#f4f4f4, #eaeaea);
    margin: 4px 6px 4px 0;
    padding: 2px 6px;
    font-size: 11px;
    white-space: nowrap;
    text-decoration: none;
    color: #777;
    border: 1px solid;
    border-color: #d2d2d2 #ccc #c6c6c6;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;        
}
.app-tag:hover {
    background: #fafafa;
    text-decoration: none;
    color: #777;
    border: 1px solid #999;
}
.app-tag.active {
    background: #7fb511;
    color: #fff;
    border: 1px solid #6b9b0e;
}
.app-tag.active:hover {
    background: #c10000;
    border: 1px solid #8b0203;
}
 
/* Sidebar tags */
.tag-cloud .tag {
    display:inline-block;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd));
    background-image:-moz-linear-gradient(top,#eee,#ddd);
    color: #666 !important;
    padding: 1px 6px !important;
    margin: 3px 6px 3px 0;
}
.tag-cloud .tag:hover {
    color: #444 !important;
    border: 1px solid #888;
    background: #f3f3f3;
}
 
/* @end App pages */
 
/* @group DEVELOPER CATEGORY 
---------------------------------------------------- */
.main.developer .list-pages-box p {
    margin: 0;
}
.main.developer table  {
    border-collapse: collapse;
}
.apps-grid-container.developer {margin-bottom: 20px;}
.grid-box.developer.t1.g1 {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.grid-box.developer.t2.g1,
.grid-box.developer.t3.g1,
.grid-box.developer.t4.g1 {
    -webkit-border-radius: 4px 0 0 4px; 
    -moz-border-radius: 4px 0 0 4px; 
    border-radius: 4px 0 0 4px;
}
.grid-box.developer.t2.g2,
.grid-box.developer.t3.g3,
.grid-box.developer.t4.g4 {
    -webkit-border-radius: 0 4px 4px 0; 
    -moz-border-radius: 0 4px 4px 0; 
    border-radius: 0 4px 4px 0;
}
 
/* @end Developer Category */
 
/* @group APPLE DEVICES
---------------------------------------------------- */
.device-image-container {
    width: 275px;
    float: right;
    padding: 5px 10px;
    margin-top: 15px;
    margin-left: 10px;
    border: 3px solid #fff;
    background: #fff;
    min-height: 128px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
}
.device-image-container .image-container {
    padding: 0;
}
.device-image {
    max-width: 275px;
}
 
.device-table th {
    width: 120px;
}
 
.device-support {
    font-size: 12px;
    line-height: 24px;
}
.device-support.supportSupport .support-false,
.device-support.supportSupport .support-unknown,
.device-support.supportDoesnt .support-true,
.device-support.supportDoesnt .support-unknown,
.device-support.supportUnknown .support-true,
.device-support.supportUnknown .support-false,
.device-support.supportNA,
.device-support.support0 {
    display: none;
}
 
.grid-box.device-type h5 a {
    color: #444;
}
 
/* The table */
table.devices {
    margin: 20px 0 0;
}
table.devices td {
    padding: 6px !important;
}
table.devices td.title {
    width: 200px !important;
}
 
/* @end Apple Devices */
 
/* @group CONTACT FORM 
---------------------------------------------------- */
.mailform-box table.form {
    margin: 10px 0 10px 20px;
    border-collapse: collapse;
}
.mailform-box table tbody tr td:nth-child(odd) {
    font-size: 1.2em;
    text-align: right;
    padding-top: 4px;
}
.mailform-box textarea {
    resize: vertical;
}
.mailform-box table tbody tr.invalid-value-row td {
    background: none;
}
.mailform-box table tbody tr.invalid-value-row td input.text, .mailform-box table tbody tr.invalid-value-row td textarea {
    background: rgba(255,0,0,0.3);
}
.mailform-box table tbody tr.invalid-value-row td .field-error-message {
    background: no-repeat;
}
input:checked {
    border: 2px solid red;
}
 
/* Contact form in sidebar */
.side-box.contact-form .mailform-box table.form {
    margin: 0;
}
.side-box.contact-form .mailform-box td:first-child    {
    padding: 4px 0;
 
}
.side-box.contact-form .mailform-box input.text,
.side-box.contact-form .mailform-box textarea {
    width: 180px;
}
.side-box.contact-form .mailform-box textarea {
    resize: both;
}
 
/* Advertising contact page */
.main.contact-ads .image-container {
    position: relative;
    padding: 0;
}
.main.contact-ads .image-container.floatleft {
    margin: 10px 20px 10px 5px;
}
.main.contact-ads .image-container.floatright {
    margin: 10px 5px 10px 20px;
}
.main.contact-ads .image-container:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3) inset, 0 1px 0 #d3d3d3, 0 2px 0 #fff;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3) inset, 0 1px 0 #d3d3d3, 0 2px 0 #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3) inset, 0 1px 0 #d3d3d3, 0 2px 0 #fff;
}
 
/* @end Contact form */
 
/* @group ABOUT PAGE 
-------------------------------------------------------- */
 .main.full {
    padding: 5px 25px;
    width: 900px;
    position: relative;    
}
.main.full h1 {
    width: 920px;
    left: -25px;
}
.main.about p {
    margin: 4px 0;
    font-size: 1.1em;
    color: #444;
}
.main.about h1 {
    font-size: 180%;
    margin: 0;
    text-align: center;
}
.main.about h1 span span {
    font-size: 90%;
    color: #666;
    margin: 0;
}
.main.about h3 {
    font-size: 140%;
    color: #222;
    margin: 0;
}
.page-section.left {
    padding-right: 300px;
    margin: 50px 0;
    background-position: 725px center;
    background-repeat: no-repeat;
}
.page-section.right {
    padding-left: 300px;
    margin: 50px 0;
    background-position: 125px center;
    background-repeat: no-repeat;
}
.page-section.intro {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/about-mac.png);}
.page-section.edit {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/about-edit.png);}
.page-section.discover {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/about-app.png);}
.page-section.forum {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/about-community.png);}        
.page-section.explore {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/about-twitter.png);}
.page-section.begin {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/about-begin.png);}    
 
/* @end About Page */
 
/* @group FEEDS Page 
--------------------------------------------------------- */
.feeds-section {
    color: #555;
    padding: 5px 20px;
    width: 910px;
    margin: 0 0 0 -26px;
    border: 1px solid #cecece;
    background: #f0f3f3;
    font-size: 0.95em;
    position: relative;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    -webkit-transition: background 167ms linear;
    -moz-transition: background 167ms linear;
    transition: background 167ms linear;
}
.feeds-section.even {
    background: none;
    border: none;
    margin: 0 0 0 -26px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;    
}
.feed-link {
    float: right;
    margin-top: 6px;
    margin-right: 80px;
}
 
/* @end Feeds Page */
 
/* @group CONTRIBUTE PAGE 
---------------------------------------------------- */
.main.contribute ol li {
    margin: 20px 0;
    font-size: 16px;
    list-style-type: upper-roman;
}
.main.contribute ol li ol {
    padding-left: 10px;
}
.main.contribute ol li ol li {
    margin: 0;
    font-size: 13px;
    color: #555;
    list-style-type: none;
}
 
/* @end Contribute Page */
 
/* @group DEVELOPERS PAGE 
---------------------------------------------------- */
.developer-box {
    display: block;
    min-height: 110px;
    margin: 20px auto;
    border: 1px solid #bebebe;
    padding: 5px 10px 5px 60px;
     position: relative;
    overflow: hidden;
    z-index: 20;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 1px 0 #fff inset, 1px 0 0 #fff inset;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 1px 0 #fff inset, 1px 0 0 #fff inset;
    box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 1px 0 #fff inset, 1px 0 0 #fff inset;  
}
.developer-box.one {
    -webkit-animation-duration: 3s; 
    width: 320px; 
    float: left; 
    margin-left: 35px;
}
.developer-box.two {
    -webkit-animation-duration: 3.5s; 
    width: 320px; 
    float: right; 
    margin-right: 35px;
}
.developer-box.three {
    -webkit-animation-duration: 4s; 
    clear: both; 
    width: 800px;
}
.developer-box h3 {
    font-size: 18px;
}
.developer-box:after {
    font-size: 125px;
    position: absolute;
    bottom: -30px;
    left: -21px;
    color: #1b94d5;
    opacity: 0.15;
    font-weight: bold;
    z-index: -10;
}
.developer-box.one:after {content: '1';}
.developer-box.two:after {content: '2';}
.developer-box.three:after {content: '3';}
 
.developer-box.three .developer-tag {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 8px;
    font-size: 12px;
    border: 1px solid;
    border-color: #009bc8 #008ec5 #0065a2;
    background-color: #1b94d5;
    background-image:
        -webkit-gradient(radial, 75 -40, 70, 75 -10, 0, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.3))),
        -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b9e6), to(#007dc4));    
    background-image: -moz-linear-gradient(top,#00b9e6, #007dc4);
    background-image: -o-linear-gradient(top,#00b9e6, #007dc4);
    background-image: -moz-linear-gradient(top,#019ce1, #015ca9);
    color: #fff;
    text-shadow: #005fb1 0 1px 0;
    -webkit-border-radius: 0 4px 0 6px;
    -moz-border-radius: 0 4px 0 6px;
    border-radius: 0 4px 0 6px;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.2) inset,
        0 1px 0 rgba(255,255,255,0.4);
}
.developer-box.three .developer-tag p {
    margin: 0;
}
 
/* Developer Contact Page */
.devContact-container {
    position: relative;
}
.devContact-container table.form tbody tr td {
    width: 300px;
}
.devContact-id {
    position: absolute;
    bottom: 76px;
    right: 140px;
    background-color: #c8c8c8;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#fafafa), to(#c8c8c8));
    background-image: -moz-linear-gradient(top, #fafafa, #c8c8c8);
    padding: 2px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #313231;
    font-size: 1.3em;
    font-family: monaco, mono;
    border: 1px solid;
    border-color: #d5d5d5 #c1c1c1 #c1c1c1 #d5d5d5;
    text-shadow: 0 1px 0 #f1f1f1;
}
.devContact-id p {
    margin: 0;
}
 
/* @end Developers Page */
 
/* @group  News/Page Navigation 
--------------------------------------------*/
 
.page-navContainer {
    display: block;
    width: 120px;
    height: 32px;
    position: absolute;
    top: -40px;
    right: 0;
    background: url(http://bmcenterprises.wdfiles.com/local--files/images/work-prev-next.png) no-repeat 0 -64px;
}
.page-nav {
    margin: 0;
}
.page-nav p {
    margin: 0;
}.page-nav a {
    display: block;
    padding: 0;
    height: 32px;
    margin: 0;
    width: 60px;
    color: transparent;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
}
.page-nav a:hover {
    text-decoration: none;
    text-shadow: none;
}
.page-nav.previous a {
    background: url(http://bmcenterprises.wdfiles.com/local--files/images/work-prev-next.png) no-repeat 0 0;
    float: left;
}
.page-nav.next a {
    background: url(http://bmcenterprises.wdfiles.com/local--files/images/work-prev-next.png) no-repeat -60px 0;
    float: right;
}
.page-nav.previous a:hover {background-position: 0 -32px;}
.page-nav.next a:hover {background-position: -60px -32px;}
 
.page-nav span {
    position: absolute;
    top: -25px;
    background: rgba(0,0,0,0.65);
    padding: 2px 10px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    right: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
 
.page-nav:hover span {
    visibility: visible;
    opacity: 1;
}
.page-nav.previous span:before {content: '\2190   ';}
.page-nav.next span:after {content: '   \2192';}
 
/* @end Page nav */
 
/* @group FORUM 
---------------------------------*/
/* Forum - home page */
 
.forum-main-header {
    color: #555;
    padding: 5px 10px;
    width: 600px;
    margin: -6px 0 6px -11px;
    border: 1px solid #cecece;
    background: #f0f3f3;
    font-size: 0.95em;
    position: relative;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    -webkit-transition: background 167ms linear;
}
.forum-main-header:hover {
    background: #fff;
}
.forum-main-header.applications {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.forum-main-header h4 {
    font-size: 160%;
    margin: 0;
}
.forum-main-header h4 a, .forum-main-header h4 a:hover {
    color: #444;
    text-decoration: none;
}
 
.forum-main-header p {margin: 0;}
.forum-main-header:after {
    content: '\00a0';
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 10px;
    opacity: 0.8;
}
.forum-main-header.applications:after {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/forum-cat-app.png) no-repeat 0 0;
}
.forum-main-header.general:after {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/forum-cat-mac.png) no-repeat 0 0;
}
.forum-main-header.feedback:after {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/forum-cat-feedback.png) no-repeat 0 0;
}
.forum-main-header.news:after {
    background: url(http://osx.wdfiles.com/local--files/admin:icons/forum-cat-news.png) no-repeat 0 0;
}
.forum-main-cat-link, .forum-main-cat-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    color: transparent;
    display: block;
    z-index: 30;
}
.forum-main-table tr:last-child td {border: none;}
.forum-main-table .printuser a,
table.forum.category .printuser a {color: #000;}
 
/* Forum reply counter */
.oneReply, .allReply.c1 {display: none;}
.oneReply.c1 {display:inline;}
 
/* forum - category pages */
.forum-cat-description p {
    margin-right: 200px;
}
.forum-cat-description .forum-button {
    float: right;
    display: inline-block;
    position: relative;
    top: -20px;
    margin-bottom: 0;
}
.forum-cat-description .forum-button p {
    margin: 0;
}
.main.forum {
    margin-top: 20px;
}
table.forum, .forum-main-table table {
    width: 580px;
    border-collapse: collapse;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
table.forum.header tbody tr td {
    text-shadow: 0 1px 0 #fff;
}
table.forum tbody tr td, .forum-main-table table tbody tr td {
    padding: 2px 10px;
    background: none;
} 
table.forum tbody tr:nth-child(even) td {
    background: #ececec;
}
table.forum.category.header {
    background: #f1f1f1;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 1px 0 #cecece,
        1px 0 0 #cecece,
        -1px 0 0 #cecece,
        0 -1px 0 #cecece;
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 1px 0 #cecece,
        1px 0 0 #cecece,
        -1px 0 0 #cecece,
        0 -1px 0 #cecece;
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset,
        0 1px 0 #cecece,
        1px 0 0 #cecece,
        -1px 0 0 #cecece,
        0 -1px 0 #cecece;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
table.forum.header tbody tr td {
    height: 26px;
    color: #444;
    padding: 5px;
    border: none;
    font-size: 13px;
    font-weight: bold;
    background: none;
}
table.forum tbody tr .left { /* for rounded corners */
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
table.forum tbody tr td.right  { /* for rounded corners */
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
table.forum.header tbody tr td.left {padding: 0 20px;}
table.forum.category.header tbody tr td.left {padding: 0 30px;}
table.forum tbody tr td.title, .forum-main-table table tbody tr td.title {
    font-size: 1.15em;
}
 
table.forum.category td.right {text-align: center;}
/* icon opacity on hover */
table.forum.category tbody tr td.left {
    padding: 0;
}
table.forum img {
    opacity: 0.7;
    padding: 0 2px;
    -webkit-transition: opacity 250ms ease;
    -moz-transition: opacity 250ms ease;
    transition: opacity 250ms ease;
}
table.forum tbody tr:hover img {
    opacity: 1;
}
/* thread images - changes images depending on # of replies */
table.forum img.single, table.forum.c0 img.multiple {display: none;}
table.forum.c0 img.single {display: inline;}
 
/* Forum - discussion pages */
#breadcrumbs {
    display: none;
}
.forum-discussion-container {
    width: 622px;
    clear: none;
}
/* change font style of 'locked thread' message --
.forum-discussion-container strong {
    color: #444;
    font-weight: normal;
}
*/
.forum-discussion-container strong .image {opacity: 0.8;}
.side.forum {
    margin-top: 20px;
}
.side.forum ul li {
    font-size: 115%;
}
.forum-post-container {
    padding: 5px 5px 10px 0;
    margin: 20px 0;
    border: 1px solid #cecece;
    background: #fdfdfd;
    position: relative;
    overflow: hidden;
    clear: none;
    background-image: -webkit-gradient(
        linear, 
        0 0, 100% 0, 
        color-stop(0,#fdfdfd), 
        color-stop(0.2, #fdfdfd), 
        color-stop(0.2, #ccc), 
        color-stop(0.202, #fdfdfd), 
        color-stop(1, #fdfdfd)
    );
    background-image: -moz-linear-gradient(
        left center,
           #fdfdfd 0%,
        #fdfdfd 20%,
        #cccccc 20%, 
        #fdfdfd 20.2%, 
        #fdfdfd 100%
    );
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
    -webkit-box-shadow: 
        0 0 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 
        0 0 1px rgba(0,0,0,0.2);
    box-shadow: 
        0 0 1px rgba(0,0,0,0.2);
}
.forum-post-header {
    display: block;
    font-size: 1.2em;
    color: #525252;
    text-shadow: 0 1px 0 #fff;
    float: left;
    width: 120px;
    margin-top: 0;
}
.forum-post-header p, .forum-post-options p, .forum-post-info p {
    margin: 0;
}
.forum-post-header .avatar {
    width: 40px;
    vertical-align: middle;
    margin: 5px 0;
}
.forum-post-author {
    font-weight: bold;
    margin: 5px auto;
}
.forum-post-info {
    font-size: 75%;
    color: #525252;
}
.forum-post-content {
    margin-left: 135px;
}
.forum-post-header img.avatar {
    min-height: 40px;
}
/* Forum post options are controlled in the 
"comments" section (above) of this stylesheet */
 
/* Forum Buttons */
.forum-button {
    height: 40px;
    margin: 20px 5px 10px 20px;
    text-align: right;
    line-height: 40px;
}
.forum-button.reply {
    text-align: left;
    margin: 20px 0 10px -5px;
}
.forum-button a {
    padding: 10px 10px 10px 46px;
    position: relative;
}
.forum-button a:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 6px;
}
.forum-button.discussion a:before {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/button-new-discussion.png);
}
.forum-button.reply a:before {
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/arrow-right.png);
}
.side.c0 .box-three, .side.c0 .box-four,
.side.c1 .box-three, .side.c1 .box-four,
.side.c2 .box-three, .side.c2 .box-four,
.side.c3 .box-four,
.side.c4 .box-four {
    display: none;
}
 
/* Forum - recent posts page */
.forum-discussion-container.recent h6, 
.forum-discussion-container.recent .forum-post-container {
    margin: 2px 0;
}
.forum-discussion-container.recent h6 {
    text-align: right;
    margin-right: 10px;
}
.forum-discussion-container.recent h6 a {
    color: #444;
}
.forum-recent-divider {
    text-align: center;
    display: block;
    height: 20px;
    margin: 5px auto;
    color: #cecece;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35);
    font: 40px/10px Helvetica;
}
 
/* @end Forum */
 
/* @group Member Profile Pages 
-----------------------------------------------*/
.infobox {
    float: right;
    width: 273px;
    padding: 5px 10px;
    margin: 0 0 15px 0;
    color: #555;
    text-align: center;
    background: rgba(240,240,240,1);
    border: 1px solid #cecece;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
}
.infobox.profile {
    margin-top: 57px;
    position: relative;
    z-index: 30;
}
.infobox table {
    margin: 0 auto;
    border-collapse: collapse;
}
.infobox table tbody tr td {
    padding: 4px 15px 4px 0;
}
.infobox table tbody tr {
    border: none;
    background: transparent url(http://themes.wdfiles.com/local--files/blue-heaven/heaven-horizontal-divider.png) repeat-x right bottom;
}
.infobox.profile table img {padding: 0 5px 0 10px;}
.infobox .list-pages-box p {margin: 0;}
.profile-icon {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 10px;
    background-image: url(http://osx.wdfiles.com/local--files/admin:icons/ra-icons-sprite-july.png);
    overflow: hidden;
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
.profile-icon.name {background-position: -2px -288px;}
.profile-icon.roles {background-position: -2px -320px;}
.profile-icon.date {background-position: -2px -223px;}
.profile-icon.mac {background-position: -2px -256px;}
.profile-icon.contributions {background-position: -2px 0px;}
.profile-icon.comments {background-position: -2px -417px;}
.profile-icon.docked {background-position: -2px -685px;}
.profile-icon.twitter {background-position: -2px -384px;}
.profile-icon.website {background-position: -2px -160px;}
 
.profile-twitter, .profile-twitter.t0 {display: none;}
.profile-twitter.t1 {display: table-row;}
.main.profile {
    overflow: hidden;
    position: relative;
}
.main.profile .post-developer {
    display: block !important;
}
.main.profile h3 {
    margin: 0 0 5px;
}
.main.profile ul li a {
    font-weight: bold;
    font-size: 1.1em;
}
.main.profile ul li span {
    color: #555;
    font-size: 11px;
}
.main.profile.comments h5, .main.profile.comments p {
    margin: 0;
}
.main.profile.comments span {
    margin: 0 5px;
}
.main.profile.comments .list-pages-item {
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
    color: #555;
}
.main.profile.comments .list-pages-item p span a {
    color: #111;
}
.yui-content .avatar-container {
    width: 70px;
    height: 70px;
    padding: 4px;
    margin: 20px 10px 10px 0;
    float: right;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:2px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
.yui-content .avatar-container p {
    margin: 0;
}
.yui-content .post-container {
    margin-bottom: 0 !important;
}
 
/* Developer & Moderator Tags - Not in Use *
.main.profile .profile-developer {
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
    background-color: #1b94d5;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b94d5), to(#1382bd));
    background-image: -moz-linear-gradient(top,#1b94d5, #1382bd);
    padding: 3px 8px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.main.profile .profile-moderator {
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
    background-color: #424242;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#727272), to(#454545));
    padding: 3px 8px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.profile-developer p, .profile-moderator p {
    margin: 0;
}
 
/* Profile Data Form *
table.form-table tbody tr:first-child {
    display: none;
}
*/
.field-twitterBoolean input {
    float: left;
    margin: 9px 0 0 5px;
}
.field-twitter {
    margin-left: 30px;
}
.field-twitter input {
    width: 251px;
    background: #fff url(http://osx.wdfiles.com/local--files/admin:icons/at-symbol18.png) no-repeat 4px center;
    padding-left: 22px;
}
.field-twitter label {
    margin-left: 20px;
    margin-top: -1px;
    color: #888!important;
}
 
/* Object Tabs */
.yui-navset {
    position: relative;
    top: 10px;
}
.yui-nav {
    text-align: left;
    background: #eee;
    padding: 0 10px;
    margin: 0;
    border: 1px solid #cfcfcf !important;
    background: rgba(240,240,240,0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
   -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
}
.yui-nav li, .yui nav li.selected {
    border: none !important;
    padding: 6px 10px 7px 10px !important;
    text-align: center;
    font-size: 1.2em;
    text-shadow: 0 1px 1px #fff;
    margin: 0 10px !important;
    top: 0 !important; 
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
 
.yui-nav li a  {
    background: none !important;
    border: none !important;
    margin: 0 !important;
    overflow: hidden;
    color: #333 !important;
    -webkit-transition: color 140ms linear;
    -moz-transition: color 140ms linear;
    transition: color 140ms linear;
}
.yui-nav li a:hover, .yui-nav li.selected a {
    color: #0085d5 !important;
}
.yui-nav li.selected:hover, .yui-nav li.selected a:hover {
    cursor: default !important;
    text-decoration: none;
    color: #0085d5 !important;
}
.yui-nav li a em {
    border: none !important;
    padding: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
}
.yui-nav li.selected a em {
    padding: 0 0 !important;
}
.yui-navset-top .yui-content {
    display: block;
    margin: 10px 0;
    padding: 5px 10px; 
    width: 600px; 
    float: left;
    position: relative;
    border: 1px solid #cecece;
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    -moz-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;   
}
.yui-nav li.selected:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border: solid;
    border-width: 8px;
    border-color: transparent transparent #cecece transparent;
    bottom: -12px;
    left: 50%;
    margin-left: -8px;
    z-index: 0;
}
.yui-nav li.selected:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border: solid;
    border-width: 7px;
    border-color: transparent transparent #fcfcfc transparent;
    bottom: -13px;
    left: 50%;
    margin-left: -7px;
    z-index: 10;
}
 
/* @end Profiles */
 
/* @group Dock */
.dock {
    display: block;
    width: 880px;
    min-height: 30px;
    margin: 35px 0 0 0px;
    float: left;
    background: url(http://roaringapps.com/local--files/admin:themes/dock-middle2.png) repeat-x 0 bottom;
    position: relative;
    padding: 0 0 20px 0;
    position:fixed;
    bottom: 0;
    left: 50%;
    margin-left: -440px;
    z-index: 200;
}
.dock:before {
    content: '';
    position: absolute;
    left: -36px;
    bottom: 0;
    height: 50px;
    width: 40px;
    background: url(http://roaringapps.com/local--files/admin:themes/dock-left.png) no-repeat 0 bottom;
}
.dock:after {
    content: '';
    position: absolute;
    right: -40px;
    bottom: 0;
    height: 50px;
    width: 40px;
    background: url(http://roaringapps.com/local--files/admin:themes/dock-right.png) no-repeat 0 bottom;
}
.dock-item {
    float: left;
    margin: 0 7px;
    position: relative;
    -webkit-box-reflect: below 0
    -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.5, transparent), to(rgba(0,0,0,0.5))); 
    -webkit-transition: all 400ms ease;
}
.dock-item:hover .dock-icon {
    -webkit-transform: translateY(-10px) scale(1.07);
}
.dock-item h4 {
    position: absolute;
    top: -40px;
    font-size: 13px;
    color: #fff;
    background: rgba(0,0,0,0.55);
    padding: 1px 10px;
    border-radius: 20px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    font-weight: bold;
    opacity: 0;
    white-space: nowrap;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;    
}
.dock-item:hover h4 {
    opacity: 1;
    top: -50px;
}
.dock-item h4:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 24px;
    bottom: -12px;
    border: 6px solid;
    border-color: rgba(0,0,0,0.55) transparent transparent transparent;
}
.dock-icon {
    width: 56px;
    -webkit-transition: all 400ms ease;
}
.dock-item.trash {float: right;}
.dock-icon::selection {background-color: transparent;}
.dock-icon::-moz-selection {background-color: transparent;}
.dock-item .image {display: none;}
.dock-divider {
    display: block;
    width: 34px;
    height: 43px;
    position: absolute;
    right: 145px;
    bottom: 5px;
    background: url(http://roaringapps.com/local--files/admin:sandbox-dock/d3-separator.png) no-repeat 0 0;
}
.dock-item.finder:after {
    content: '';
    display: block;
    position: absolute;
    width: 42px;
    height: 14px;
    background: url(http://roaringapps.com/local--files/admin:sandbox-dock/d3-indicator-large.png) no-repeat 0 0;
    bottom: -20px;
    left: 50%;
    margin-left: -21px;
}
 
/* For app category */
.dock-label {
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 0;
    right: 0;
}
 
/* @end dock */
 
/* @group Admin:pages Table */
/* DASHBOARD ---------------------------*/
.table-sortOptions {
    text-align: right;
    margin-bottom: -10px;
    margin-right: 10px;
    color: #888;
}
.table-sortOptions a {color: #888;}
table.pageList {
    width: 100%;
    border-collapse: collapse;
}
table.pageList tbody tr td {
    border: 1px solid #d2d2d2;
    border-left: none;
    border-right: none;
    padding: 4px 10px;
}
/* published blogs table */
table.pageList tbody tr td.title {width: 25%;}
table.pageList tbody tr td.author {width: 15%;}
table.pageList tbody tr td.comments {width: 15%;}
table.pageList tbody tr td.date {width: 20%;}
table.pageList tbody tr td.category {width: 25%;}
 
table.pageList tbody tr.content:nth-child(odd) td { /* for alternating rows */
    background: #ececec;
}
table.pageList tbody tr.header {
    background: #e3e3e3;
}
table.pageList tr.header td a { /* links in header */
    color: #444;
    text-shadow: 0 1px 0 #eee;
    padding-right: 18px;
}
table.pageList tr.header td a:hover {
    text-shadow: none;
}
table.pageList tr.header td {
    padding-left: 22px;
}
table.pageList tbody tr td.title a {
    font-weight: bold;
    color: #555;
}
table.pageList tbody tr.header td.title {
    background: url(/local--files/admin:icons/app-status.png) no-repeat 2px center;
}
table.pageList tbody tr.header td.author {
    background: url(/local--files/admin:icons/profile-roles.png) no-repeat 0 center;
}
table.pageList tbody tr.header td.comments {
    background: url(/local--files/admin:icons/forum-discussion-single.png) no-repeat 0 center;
}
table.pageList tbody tr.header td.date {
    background: url(/local--files/admin:icons/profile-date.png) no-repeat 0 center;
}
 
.table-options {visibility: hidden;}
tr:hover .table-options {visibility: visible;}
.table-options a {
    font-weight: normal !important;
    color: #1b94d5 !important;
}
table.pageList .home-hoverLink,
table.pageList .home-hoverLink p {
    padding: 0;
    margin: 0;
}
table.pageList .home-hoverInfo {
    width: 250px !important;
}
.admin-pages-filter {
    min-height: 170px;
}
/* @end table */
 
.wikidot-hybrid-module-loading {
    display:none;
}
 
/* news */
.main.news {
    position: relative;
    padding: 5px 30px;
    width: 560px;
    line-height: 1.5;
    color: #232323;
    font-size: 13px;
}
.main.news h1 {
    left: -30px;
    padding: 7px 30px 8px;
    width: 560px;
    min-height: 33px;
    font-size: 20px;
    line-height: 1.7;
    text-shadow: none;
}
.news-date {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 48px;
    max-height: 49px;
    border: 1px solid #cecece;
    -webkit-border-radius: 0 4px 4px 0;
    -webkit-background-clip: padding-box;
}
.news-date p {margin: 0;text-align: center;}
.news-date-month {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    height: 18px;
    width: 48px;
    background-color: #bbb;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc));
    -webkit-border-radius: 0px 4px 0 0;        
    -webkit-background-clip: padding-box;
    border-bottom: 1px solid #bbb;
}
.news-date-day {
    display: block;
    margin: 0;
    position: relative;
    top: -19px;
    height: 29px;
    border: none;
    color: #444;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    border-top: 1px solid #fff;
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#f1f1f1));
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
}
 
.news-footer, .profile-footer {
    position: relative;
    left: -30px;
    padding: 7px 10px 8px;
    width: 600px;
    bottom: -5px;
    color: #999;
    text-align: right;
    border-top: 1px solid #cecece;
    font-style: italic;
    background: #f4f4f4;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#f8f8f8));
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -webkit-border-radius: 0 0 4px 4px;
}
.news-footer p, .profile-footer p {margin: 0;}
.news-footer a, .profile-footer a {
    color: #888;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
}
.news-footer a:hover, .profile-footer a:hover {
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    color: #666;
}
.profile-footer {
    left: -10px;
    margin-top: 10px;
    width: 600px;
    text-align: left;
    font-style: normal;
}
.profile-footer.padding-left {
    padding-left: 50px;
    width: 560px
}
.footer-rss {display: inline-block;}
.footer-rss a {
    display: block;
    padding: 0 5px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    background: url(http://osx.wdfiles.com/local--files/admin:icons/rss.png) no-repeat 50% 50%;
    opacity: 0.5;
    border-right: 1px solid #cecece;
    -webkit-box-shadow: 1px 0 0 #fff;    
    -moz-box-shadow: 1px 0 0 #fff;
    box-shadow: 1px 0 0 #fff;
    -webkit-transition: opacity 120ms linear;
    -moz-transition: opacity 120ms linear;
    transition: opacity 120ms linear;
}
.footer-rss a:hover {
    opacity: 0.8;
    border-bottom: none;    
}
 
/* iOS App pages */
.ios .app-icon-container {
    background: #fff;
}
.ios .app-icon {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
}
.ios .grid-icon {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.feature-wrapper {
    position: absolute;
    top: 39px;
    right: 333px;
    width: 200px;
    height: 46px;
}
.ios-feature,
.mtn-feature {
    position: relative;
    float: right;
    width: 32px;
    height: 46px;
    margin: 0 10px;
    opacity: 0.6;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}
.ios-feature.icloud,
.mtn-feature.icloud {
    background:  url('http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png') no-repeat -360px -79px;
}
.mtn-feature.notifications {
    background: url('http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png') no-repeat -360px -139px;
}
.mtn-feature.gatekeeper {
    background: url('http://osx.wdfiles.com/local--files/admin:icons/ra-sprite5.png') no-repeat -360px -203px;
}
.ios-feature.retina,
.mtn-feature.retina {
    background:  url('http://osx.wdfiles.com/local--files/admin:icons/retina-eye.png') no-repeat 0 8px;
}
.ios-feature:hover,
.mtn-feature:hover {
    opacity: 1;
 
}
 
@keyframes "tooltip-in" {
 0% {
    -webkit-transform: scale3d(0, 0, 1);
       -moz-transform: scale3d(0, 0, 1);
       -o-transform: scale3d(0, 0, 1);
       -ms-transform: scale3d(0, 0, 1);
       transform: scale3d(0, 0, 1);
 }
 33% {
    -webkit-transform: scale3d(1.11, 1.11, 1);
       -moz-transform: scale3d(1.11, 1.11, 1);
       -o-transform: scale3d(1.11, 1.11, 1);
       -ms-transform: scale3d(1.11, 1.11, 1);
       transform: scale3d(1.11, 1.11, 1);
 }
 80% {
    -webkit-transform: scale3d(0.955, 0.955, 1);
       -moz-transform: scale3d(0.955, 0.955, 1);
       -o-transform: scale3d(0.955, 0.955, 1);
       -ms-transform: scale3d(0.955, 0.955, 1);
       transform: scale3d(0.955, 0.955, 1);
 }
 100% {
    -webkit-transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
       -o-transform: scale3d(1, 1, 1);
       -ms-transform: scale3d(1, 1, 1);
       transform: scale3d(1, 1, 1);
 }
 
}
 
@-moz-keyframes tooltip-in {
 0% {
   -moz-transform: scale3d(0, 0, 1);
   transform: scale3d(0, 0, 1);
 }
 33% {
   -moz-transform: scale3d(1.11, 1.11, 1);
   transform: scale3d(1.11, 1.11, 1);
 }
 80% {
   -moz-transform: scale3d(0.955, 0.955, 1);
   transform: scale3d(0.955, 0.955, 1);
 }
 100% {
   -moz-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
 }
 
}
 
@-webkit-keyframes "tooltip-in" {
 0% {
   -webkit-transform: scale3d(0, 0, 1);
   transform: scale3d(0, 0, 1);
 }
 33% {
   -webkit-transform: scale3d(1.11, 1.11, 1);
   transform: scale3d(1.11, 1.11, 1);
 }
 80% {
   -webkit-transform: scale3d(0.955, 0.955, 1);
   transform: