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: scale3d(0.955, 0.955, 1);
 }
 100% {
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
 }
 
}
 
@-ms-keyframes "tooltip-in" {
 0% {
   -ms-transform: scale3d(0, 0, 1);
   transform: scale3d(0, 0, 1);
 }
 33% {
   -ms-transform: scale3d(1.11, 1.11, 1);
   transform: scale3d(1.11, 1.11, 1);
 }
 80% {
   -ms-transform: scale3d(0.955, 0.955, 1);
   transform: scale3d(0.955, 0.955, 1);
 }
 100% {
   -ms-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
 }
 
}
 
.ios-feature span,
.mtn-feature span {
    text-align: center;
    position: absolute;
    z-index: 1020;
    left: 50%;
    margin-left: -50px;
    top: 40px;
    display: block;
    width: 100px;
    font-size: 11px;
    font-weight: bold;
    opacity: 0;
    filter: alpha(opacity=0); 
 
    padding: 2px;
 
    color: #fff;
    border: 1px solid;
    border-color: #202020 #151515 #000;
    background: #222;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#111));
    background: -webkit-linear-gradient(top, #333 0%, #111 100%);
    background: -moz-linear-gradient(top, #333 0%, #111 100%);
    background: -o-linear-gradient(top, #333 0%, #111 100%);
    background: -ms-linear-gradient(top, #333 0%, #111 100%);
    background: linear-gradient(top, #333 0%, #111 100%);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 1px 2px rgba(0,0,0,0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 
    -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);
}
.ios-feature span::after,
.mtn-feature span::after {
    content: '';
    position: absolute;
    display: block;
    top: -5px;
    left: 50%;
    margin-left: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
}
.ios-feature:hover span,
.mtn-feature:hover span {
    opacity: 1;
    filter: alpha(opacity=0); 
 
    -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);
    -webkit-animation-name:tooltip-in;
    -moz-animation-name:tooltip-in;
    -ms-animation-name:tooltip-in;
    animation-name:tooltip-in;
 
    -webkit-animation-duration:350ms;
    -moz-animation-duration:350ms;
    -ms-animation-duration:350ms;
    animation-duration:350ms;
 
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-timing-function:ease-in-out;
    -ms-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
 
    -webkit-transform-origin:50% 10%;
    -moz-transform-origin:50% 10%;
    -o-transform-origin:50% 10%;
    -ms-transform-origin:50% 10%;
    transform-origin:50% 10%;
 
}
.ios-devices {
    float: left;
    height: 42px;
    width: 200px;
    margin: -5px 0 0;
    clear: left;
}
.device {
    display: block;
    height: 38px;
    width: 28px;
    color: transparent;
    text-indent: -9999px;
    position: relative;
    top: 4px;
    background: red;
    float: left;
}
.device-iphone {
    background:  url('http://osx.wdfiles.com/local--files/admin:icons/iphone.png') no-repeat center 0;
}
.device-ipad {
    background:  url('http://osx.wdfiles.com/local--files/admin:icons/ipad2.png') no-repeat center 0;
}
table.apps .device {
    opacity: 0.55;
}
 
/* BSA */
.bsa-link {
    text-align: right;
    font-size: 10px;
    margin-top: -15px;
}
.bsa-link p {
    margin: 0;
}
.bsa-link a {
    color: #888;
}
 
/* Anatomy of a RoaringApps page */
@-webkit-keyframes 'anatomy-pulse' {
0% {opacity: 0.8;}
90% {opacity: 0.8;}
95% {opacity: 1;}
100% {opacity: 0.8;}
}
 
@-webkit-keyframes 'anatomy-persist' {
0% {-webkit-transform: translate3d(0,0,0);}
100% {-webkit-transform: translate3d(0,0,0);}
}
@-webkit-keyframes 'anatomy-drop-in' {
0% {-webkit-transform: translate3d(0,-1000px,0);}
63% {-webkit-transform: translate3d(0,20px,0);}
80% {-webkit-transform: translate3d(0,-5px,0);}
100% {-webkit-transform: translate3d(0,0,0);}
}
 
#container-wrap-wrap {
    position: relative;
    width: 980px;
    margin: 0 auto;
}
#extra-div-1,
#extra-div-2,
#extra-div-3,
#extra-div-4,
#extra-div-5,
#extra-div-6,
#header-extra-div-1,
#header-extra-div-2,
#header-extra-div-3 {
    position: absolute;
    z-index: 1020;
    width: 30px;
    height: 30px;
    background: #222;
    border-radius: 20px;
    border: 3px solid #fff;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
    color: #fff;
    text-align: center;
 
    display: none;
    /*
    -webkit-animation: anatomy-pulse 9s ease;
    -webkit-animation-iteration-count: infinite;*/
}
/*
#html-body:target #extra-div-1,
#html-body:target #extra-div-2,
#html-body:target #extra-div-3,
#html-body:target #extra-div-4,
#html-body:target #extra-div-5,
#html-body:target #extra-div-6,
#html-body:target #header-extra-div-1,
#html-body:target #header-extra-div-2,
#html-body:target #header-extra-div-3 {
    display: block;
    -webkit-animation: fade-in 1s ease-out, drop-in 1s ease-out;
}
 
#extra-div-1::before,
#extra-div-2::before,
#extra-div-3::before,
#extra-div-4::before,
#extra-div-5::before,
#extra-div-6::before,
#header-extra-div-1::before,
#header-extra-div-2::before,
#header-extra-div-3::before {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8;
}
#extra-div-1::after,
#extra-div-2::after,
#extra-div-3::after,
#extra-div-4::after,
#extra-div-5::after,
#extra-div-6::after,
#header-extra-div-1::after,
#header-extra-div-2::after,
#header-extra-div-3::after {
    display: block;
    width: 160px;
    position: absolute;
    right: 40px;
    top: 0;
    z-index: 1020;
 
    font-size: 11px;
    font-weight: bold;
 
    padding: 4px;
 
    opacity: 0;
 
    border: 1px solid;
    border-color: #202020 #151515 #000;
    background: #222;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#111));
    background: -webkit-linear-gradient(top, #333 0%, #111 100%);
    background: -moz-linear-gradient(top, #333 0%, #111 100%);
    background: -o-linear-gradient(top, #333 0%, #111 100%);
    background: -ms-linear-gradient(top, #333 0%, #111 100%);
    background: linear-gradient(top, #333 0%, #111 100%);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 1px 2px rgba(0,0,0,0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 
    -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);
 
}
#extra-div-1:hover::after,
#extra-div-2:hover::after,
#extra-div-3:hover::after,
#extra-div-4:hover::after,
#extra-div-5:hover::after,
#extra-div-6:hover::after,
#header-extra-div-1:hover::after,
#header-extra-div-2:hover::after,
#header-extra-div-3:hover::after {
    opacity: 1;
    filter: alpha(opacity=0); 
 
    -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);
    -webkit-animation-name:tooltip-in;
    -moz-animation-name:tooltip-in;
    -ms-animation-name:tooltip-in;
    animation-name:tooltip-in;
 
    -webkit-animation-duration:350ms;
    -moz-animation-duration:350ms;
    -ms-animation-duration:350ms;
    animation-duration:350ms;
 
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-timing-function:ease-in-out;
    -ms-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
 
    -webkit-transform-origin:50% 10%;
    -moz-transform-origin:50% 10%;
    -o-transform-origin:50% 10%;
    -ms-transform-origin:50% 10%;
    transform-origin:50% 10%;
}
*/
/* status indicator */
#extra-div-1 {
    top: 225px;
    left: 655px;
}
#extra-div-1::before {
    content: '1';
}
#extra-div-1::after {
    content: 'The most important part of the page. Check the app\'s compatibility status with Lion and Mountain Lion.';
}
/* feature support */
#extra-div-2 {
    top: 160px;
    left: 615px;
}
#extra-div-2::before {
    content: '2';
}
#extra-div-2::after {
    content: 'Check out the app\'s support for OS X features like auto-save and fullscreen.';
}
/* notes */
#extra-div-3 {
    top: 465px;
    left: 338px;
}
#extra-div-3::before {
    content: '3';
}
#extra-div-3::after {
    content: 'Notes about the app\'s compatibility are here. You\'ll often find info about specific problems or how to get the app to work.';
}
/* app store button */
#extra-div-4 {
    top: 405px;
    left: 595px;
}
#extra-div-4::before {
    content: '4';
}
#extra-div-4::after {
    content: 'If the app\'s available on the App Store, here\'s the place to look. The button links straight to the store.';
    left: 40px;
}
/* edit page */
#extra-div-5 {
    top: 505px;
    left: 725px;
}
#extra-div-5::before {
    content: '5';
}
#extra-div-5::after {
    content: 'If you know something we don\'t, you can update the app\'s details using this button.';
    left: 40px;
}
/* comments */
#extra-div-6 {
    top: 620px;
    left: 278px;
}
#extra-div-6::before {
    content: '6';
}
#extra-div-6::after {
    content: 'Down here\'s where we discuss the app\'s compatibility. It\'s a good idea to browse through the comments, because often you\'ll find additional information or hints about the app\'s OS support.';
    left: 40px;
    width: 240px;
}
/* add to dock */
#header-extra-div-1 {
    top: 615px;
    left: 695px;
}
#header-extra-div-1::before {
    content: '7';
}
#header-extra-div-1::after {
    content: 'If you want to keep track of this app, you can add it to you dock. This will put the app on your profile page for easy access next time (requires an account).';
    width: 230px;
}
 
/* page is okay/review/duplicate */
#header-extra-div-2 {
    top: 700px;
    left: 635px;
}
#header-extra-div-2::before {
    content: '8';
}
#header-extra-div-2::after {
    content: 'Housekeeping time - if you think the app doesn\'t belong in the database, or if it has objectional content, mark it for review. If you\'ve seen the same app already in the database, mark it as a duplicate.';
    width: 200px;
}
 
/* random app finder */
#header-extra-div-3 {
    top: 1132px;
    left: 700px;
}
#header-extra-div-3::before {
    content: '9';
}
#header-extra-div-3::after {
    content: 'Feeling bored? Let the random app finder take you to another world... or at least another app\'s page.';
    width: 200px;
}