Css
/***
 
****
RoaringApps Theme. © BMC WebDesign, 2010. 
 
No reproduction allowed. 
 
http://css3.wikidot.com
****
 
v2.40
 
***/
 
/* GLOBAL ---------------------------------------------------------- */
 
body {
    font: 0.76em/1.5 ‘Lucida Grande’, ‘Lucida Sans Unicode’, Geneva, Verdana, Sans-Serif;
    color: #111;
}
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: 240%; margin: 10px 0 10px 0; padding: 5px 0; }
h2 { font-size: 210%; margin: 10px 0 10px 0; padding: 0; }
h3 { font-size: 180%; margin: 10px 0 5px; padding: 0;}
h4 { font-size: 150%; margin: 5px 0 5px; padding: 0; }
h5 { font-size: 130%; margin: 4px 0 4px; padding: 0; }
h6 { font-size: 120%; 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;
}
 
/* LAYOUT ---------------------------------------------------------- */
 
body {
    background: transparent url(http://bmcenterprises.wikidot.com/local--files/ra:css/ra-bg6.jpg) no-repeat scroll center top;
}
#container {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
 
/* HEADER ---------------------------------------------------------- */
 
#header {
    position: relative;
    z-index: 30;
    width: 100%;
    height: 100px;
}
#header h1 {
    position: absolute;
    top: 15px;
    left: 0;
    font-size: 300%;
}
#header h1 a {
    color: #323232;
    font-weight: bold;
    letter-spacing: -2px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    -webkit-transition: color 160ms linear;
}
#header h1 a:hover {
    text-decoration: none;
    color: #1b94d5; 
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
#header h2 {
    position: absolute;
    top: 61px;
    left: 2px;
    font-size: 110%;
    color: #545454;
}
header-extra-div-1 {
    display: block;
    width: 128px;
    height: 128px;
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/header-app.png) no-repeat 0 0;
    position: absolute;
    top: -20px;
    left: 0;
    -webkit-transform: scale(0.6);
}
 
/*
#header h1 {
    display: block;
    width: 330px;
    height: 90px;
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/ra-header1.png) no-repeat 0 0;
}
#header h1 a {
    display: block;
    width: 330px;
    height: 90px;
    color: transparent;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/ra-header1.png) no-repeat -5px -81px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease;    
}
#header h1 a:hover {
    opacity: 1;
}
#header h2 {
    display: none;
}
 
/* LOGIN STATUS ---------------------------------------------------*/
 
#login-status {
    position: absolute;
    top: 0;
    right: 20px;
    color: #212121;
    height: 30px;
    line-height: 30px;
    width: 300px;
    font-size: 0.85em;
    text-align: right;
    z-index: 30;
}
#login-status a {
    color: #212121;
}
#login-status a:hover, #login-status a:focus {
    color: #777;
    text-decoration: none;
    text-shadow: none;
} 
#login-status .printuser {
    color: #212121;
    margin-right: 4px;
}
#login-status .printuser a img.small {
    display: none;
}
a#account-topbutton {
    margin-left: 1px;
    padding: 10px;
    border: none;
    background: none;
}
#account-options {
    width: auto;
    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: rgba(255,255,255,0);
    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;
}
 
/* SEARCH TOP BOX ---------------------------------------------------*/
 
#search-top-box {
    display: none;
}
 
/* TOPBAR ---------------------------------------------------------- *
 
#top-bar {
    position: absolute;
    right: 250px;
    top: 27px;
    font-size: 14px;
    height: 30px;
    font-size: 1.6em;
}
#top-bar ul {
    float: left;
}
#top-bar ul li {
    float: left;
    margin: 0;
    height: 20px;
    padding: 5px 10px;
    position: relative;
}
#top-bar ul li a {
    color: #323232;
    -webkit-transition: color 150ms linear;
}
#top-bar ul li a:hover {
    color: #1b94d5; 
    background: none;
    text-decoration: none;
}
 
/* 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 10px 2px 0;
    margin: 0;
    width: 935px;
    border: none;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
    background: transparent url(http://themes.wdfiles.com/local--files/blue-heaven/heaven-horizontal-divider.png) repeat-x right bottom;
}
#breadcrumbs {
    padding: 8px 0 6px 40px;
}
#page-content {
    min-height: 435px;
    position: relative;
    padding: 0 2px;
}
.page-tags, #page-info {
    display: none;
} 
 
/* FOOTER ---------------------------------------------------------- */
 
#footer {
    clear: both;
    text-align: center;
    margin-top: 30px;
    background: transparent url(http://themes.wdfiles.com/local--files/blue-heaven/heaven-horizontal-divider.png) repeat-x right top;
    padding: 4px 0 10px;
}
#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 {
    color: #999;
    font-size: 0.9em;
}
#footer a {
    color: #aaa;
} 
#footer a:hover {
    text-shadow: none;
}
 
/* WIKI ELEMENTS --------------------------------------------------------- */
 
/* WD EDITOR --------------------------------------------------------------- */
textarea#edit-page-textarea {
    border: 2px solid #888;
    -webkit-border-radius: 4px;
    padding: 2px 4px;
    -webkit-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 {
    height: auto;
    padding: 4px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #c8c8c8;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#fafafa), to(#c8c8c8));
    background-image: -moz-linear-gradient(top, #fafafa, #c8c8c8);
    border: 1px solid;
    border-color: #d5d5d5 #c1c1c1 #c1c1c1 #d5d5d5;
    text-shadow: 0 1px 0 #f1f1f1;
    font-size: 1.1em;
    margin: 0 5px;
    color: #323232;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
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 {
    cursor: pointer;
    background-color: #d3d3d3;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#fff), to(#d3d3d3));
    background-image: -moz-linear-gradient(top, #fff, #d3d3d3);
    text-decoration: none;
    color: #323232;  
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);  
}
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 {
    position: relative;    
    top: 1px;
    text-shadow: 0 0 0 #f1f1f1;
    border-color: #b6b6b6 #c5c5c5 #c5c5c5 #b6b6b6;
    background-color: #c8c8c8;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#c8c8c8), to(#fafafa));
    background-image: -moz-linear-gradient(top, #c8c8c8, #fafafa);
}
.page-rate-widget-box .rate-points, .pager .current {
    padding: 4px 6px;
    font-size: 1.1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
}
a.wiki-standalone-button {
    -webkit-transition: -webkit-box-shadow 145ms ease;
    -webkit-box-shadow: 0 0 3px rgba(27,148,213,0);
}
a.wiki-standalone-button:hover {
    border: 1px solid rgba(28,165,238,0.9);
    -webkit-box-shadow: 0 0 3px rgba(27,148,213,0.9);
}
 
/* OWINDOWS  ------------------------------------------------------------- */
 
.odialog-shader {
    background-color: #222;    
    filter: alpha(opacity=60);
    opacity: 0.2 !important;
}
.owindow{
    background-color: rgba(0,0,0,0.75);
    border: none;
    padding: 0 10px 10px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.324);
}
.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));
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.213);
}
.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 {
     background: rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    color: #fff;
    border: none;
    -webkit-border-radius: 4px;
    padding: 0;
}
.owindow.owait .content { /* Page saving dialogue, with spinner */
    background: transparent url(http://bmcenterprises.wdfiles.com/local--files/images/ajax-loader-white6.gif) no-repeat right center;
    text-align: left;
    padding: 10px 45px 10px 5px;
    border-top: none;
    -webkit-box-shadow: none;
}
.owindow.osuccess .content{ /* 'page save successful' */
    text-align: center;
    margin: 10px;
    padding: 5px 20px 5px 20px;
    border-top: none;
    -webkit-box-shadow: none;
    background: none;
}
/* preloads the spinner so that there is no lag when .owait pops up */
#extrac-div-1 { 
    background: transparent url(http://bmcenterprises.wdfiles.com/local--files/images/ajax-loader-white6.gif) no-repeat right center;
    visibility: hidden;
}
#extrac-div-2 { 
    background: transparent url(http://bmcenterprises.wdfiles.com/local--files/images/emotion_smile.png) no-repeat right center;
    visibility: hidden;
}
 
/* 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;
}
/* COMMENTS ------------------------------------------------- */
.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;
}
.post-container {
    padding: 5px;
    margin: 20px 10px;
    border: 1px solid #cecece;
    background: #fdfdfd;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
    position: relative;
} 
.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 {
    font-size: 0.7em;
}
.post-options {
    text-align: right;
    padding-right: 5px;
    font-size: 0.9em;
    visibility: hidden;
}
.post-container:hover .post-options {
    visibility: visible;
}
.post-developer, .post-moderator {
    display: none;
    border-radius: 0 4px 0 4px !important;
    -webkit-transition: all 100ms ease;
}
.post-container:hover .post-moderator {
    border-radius: 0 4px 0 10px !important;
}
 
/* PAGE LAYOUTS -------------------------------------------------------- */ 
 
/* HOME PAGE ----------------------------------------------------------- */
@-webkit-keyframes opacity-fadeIn {
0% {
    opacity: 0;
}
80% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes banner-fadeIn {
0% {
    opacity: 0;
}
70% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.home-banner-container {
    position: relative;
    height: 150px;
    -webkit-animation: banner-fadeIn;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
}
 
.home-banner {
    display: block;
    height: 150px;
    padding-top: 15px;
    padding-right: 280px;
    padding-left: 20px;
    text-align: center;
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/macbook256-blank.png) no-repeat right -45px;
    text-shadow: 0 0 3px rgba(0,0,0,0.2);
    overflow: hidden;
    font: bold 2em/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    letter-spacing: 1px;
}
.home-banner p {
    margin: 0;
}
.home-banner .action-button {
    margin: 5px 0;
}
.slider-container-container {
    position: absolute;
    top: 10px;
    right: 38px;
    width: 180px;
    height: 108px;
}
.slider-container-container p {
    margin: 0;
}
.home-box-container {
    clear: both;
    margin: 40px auto 20px;
    padding-left: 20px;
    min-height: 225px;
}
 
.home-box {
    display: block;
    width: 250px;
    min-height: 225px;
    margin: 0 15px;
    float: left;
    background: #f3f6f6;
    border: 1px solid #cecece;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #fff inset, 1px 0 0 #fff inset, 0 0 2px rgba(0,0,0,0.13);
    position: relative;
    overflow: hidden;
    -webkit-animation-name: opacity-fadeIn;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    z-index: 20;
}
.home-box.explore {-webkit-animation-duration: 4s;}
.home-box.contribute {-webkit-animation-duration: 4.5s;}
.home-box.love {-webkit-animation-duration: 5s;}
.home-box h3 {
    font-size: 1.7em;
}
.home-box:after {
    font-size: 200px;
    position: absolute;
    bottom: -43px;
    left: -30px;
    color: #1b94d5;
    opacity: 0.1;
    font-weight: bold;
    z-index: -10;
}
.home-box.explore:after {content: '1';}
.home-box.contribute:after {content: '2';}
.home-box.love:after {content: '3';}
 
.home-box.explore .box-image {
    float: right;
    width: 130px;
    height: 130px;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/explore2.png) no-repeat right top;
    margin-top: -40px;
}
.home-box.love .box-image {
    float: right;
    width: 100px;
    height: 131px;
    margin-top: -40px;
    margin-right: -5px;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/love4.png) no-repeat right top;
}
.home-box .home-addButton {
    margin: 30px 0 0;
}
.action-button {
    display: block;
    margin: 20px 0;
    text-align: center;
}
.action-button.bannerBtn {
    display: inline;
}
.action-button a {
    background-color: #6bd3ee;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6bd3ee), to(#2c9bd4));
    font-size: 20px;
    font-weight: bold;
    padding: 5px 18px;
    -webkit-border-radius: 20px;
    border-top: 1px solid #baebfc;
    -webkit-box-shadow: 1px 1px 0 #1c92b0, 0 2px 2px rgba(0,0,0,0.4);
    color: #fff;    
    text-shadow: #257ca7 0 1px 1px;
    -webkit-background-clip: padding-box;
}
.action-button a:hover {
    background-color: #6ad9fa;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6ad9fa), to(#39b0ed));
    color: #fff;
    text-decoration: none;
}
.action-button a:active {
    background-color: #22b4d9;
    background-image: none;
}
.action-button.red a {
    background-color: #b02b34;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ee3c42), to(#b02b34));
    border-top: 1px solid #f1554a;
    -webkit-box-shadow: 1px 1px 0 #bc2f38, 0 2px 2px rgba(0,0,0,0.4);
    text-shadow: #98262d 0 1px 1px;
}
.action-button.red a:hover {
    background-color: #ff434f;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff434f), to(#cb333a));
}
.action-button.red a:active {
    background-color: #ba313a;
    background-image: none;
}
.home-orderOptions {
    text-align: right;
    font-size: 0.9em;
    color: #666;
    padding-right: 5px;
}
.home-orderOptions a {
    color: #888;
}
.home-orderOptions a:hover {
    text-shadow: none;
}
.home-orderOptions p {
    margin-bottom: 2px;
    display: inline-block;   
}
.home-banner .tagline.two, .home-banner .tagline.three {opacity: 0; filter: alpha(opacity=0);}
/* Home Tagline Animations */
@-webkit-keyframes home-tagline-one {
0% {
    opacity: 1;
}
48% {
    opacity: 1;
}
52% {
    opacity: 0;
}
96% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes home-tagline-two {
0% {
    opacity: 0;
}
48% {
    opacity: 0;
}
52% {
    opacity: 1;
}
72% {
    opacity: 1;
}
76% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes home-tagline-three {
0% {
    opacity: 0;
}
72% {
    opacity: 0;
}
76% {
    opacity: 1;
}
96% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
 
.tagline {
    display: block;
    width: 644px;
    margin-bottom: 15px;
    -webkit-animation: 20s ease infinite normal;
}
.tagline.two, .tagline.three {
    position: absolute;
    top: 15px;
    left: 20px;
    opacity: 1;
}
.tagline.one {-webkit-animation-name: home-tagline-one;}
.tagline.two {-webkit-animation-name: home-tagline-two;}
.tagline.three {-webkit-animation-name: home-tagline-three;}
 
/* Removes animations for editing *
*, * *, * * *, * * * *, * * * * * * {
    -webkit-animation:  none;
}
*/
 
/* APP DATA FORM ---------------------------------------------------------- */
td.form-labels {
    font-weight: bold;
    font-size: 1.1em;
    padding-right: 10px;
    text-align: right;
}
 
input.form-text, input.form-url, input#edit-page-title, textarea.form-wiki {
    border: 1px solid #aaa;
    padding: 5px 3px;
    -webkit-border-radius: 0;
    -webkit-box-shadow: -1px 1px 3px rgba(0,0,0,0.15) inset;
    width: 300px;
}
textarea.form-wiki {
    width: 450px;
    height: 80px;
    resize: vertical;
}
input.form-text:focus, input.form-url:focus, input#edit-page-title:focus, textarea.form-wiki:focus {
    outline: none;
    border: 1px solid #1b94d5;
    -webkit-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;
}
 
/* APP TABLE ---------------------------------------------------------- */
table.apps {
 
}
 
table.apps {
    width: 100%;
    border-collapse: collapse;
    -webkit-border-radius: 4px;
    -webkit-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: 60px; text-align: center;}
table.apps tbody tr td.developer {width: 100px;}
table.apps tbody tr td.url {width: 220px;}
table.apps tbody tr td.status {width: 40px;}
table.apps tbody tr td.appStore {width: 75px;}
table.apps tbody tr td.notes {width: 170px;}
 
table.apps tbody tr.content:nth-child(odd) td {
    background: #ececec;
} 
/* 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.notes  { /* for rounded corners */
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    border-right: none;
}
table.apps tr.header td a { /* links in header */
    color: #fff;
    padding-right: 10px;
    background: url(http://bmcenterprises.wikidot.com/local--files/administrator:css/table_sort_arrow.gif) no-repeat right center;
}
table.apps tbody tr.content td {
    height: 20px;
    line-height: 14px;
    padding: 0 5px;
    -webkit-transition: background 400ms linear;
}
table.apps tbody tr.content td p {
    margin: 0;
}
/* Status Colouring Rows */
 
#container:target table.apps tbody tr.content.status1 td {background: rgba(0,94,255,0.1);}
#container:target table.apps tbody tr.content.status2 td {background: rgba(75,255,0,0.1);}
#container:target table.apps tbody tr.content.status3 td {background: rgba(255,0,0,0.1);}
#container:target table.apps tbody tr.content.status4 td {background: rgba(254,255,0,0.1);}
.row-toggle-container {
    position: relative;
}
.row-on, .row-off {
    position: absolute;
    left: 0;
}
.row-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;}
/* Info Hovers */
table.apps .home-hoverLink {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 8px 0;
    padding: 2px 0;
}
table.apps .home-hoverLink .home-hoverInfo {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 200px;
    padding: 5px 10px;
    top: -10px;
    left: 140px;
    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;
    z-index: -10;
    font-weight: normal;
}
table.apps tbody tr td.title:hover .home-hoverLink .home-hoverInfo, 
table.apps tbody tr td.title:focus .home-hoverLink .home-hoverInfo {
    visibility: visible;
    opacity: 1;
    z-index: 40;
    top: -10px;
    left: 120px;
}
table.apps .home-hoverLink .home-hoverInfo ul {
    list-style: none;
    padding: 0;
}
table.apps .home-hoverLink .home-hoverInfo h4 {
    color: #fff;
}
table.apps .home-hoverLink .home-hoverInfo h4 span span {
    font-size: 70%;
    color: #ccc;
}
table.apps .home-hoverLink .home-hoverInfo a {
    color: #fff;
}
table.apps .home-hoverLink .home-hoverInfo a:hover {
    text-shadow: none;
}
 
/* Status Hovers */
table.apps .home-hoverStatus {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    position: relative;
}
table.apps .home-hoverStatus .home-hoverStatusInfo {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 200px;
    padding: 5px 10px;
    top: 0;
    left: 10px;
    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;
    z-index: -10;
}
table.apps .home-hoverStatus.s1 {background-image: url(http://osx.wdfiles.com/local--files/admin:themes/unknown40.png);}
table.apps .home-hoverStatus.s2 {background-image: url(http://osx.wdfiles.com/local--files/admin:themes/okay40.png);}
table.apps .home-hoverStatus.s3 {background-image: url(http://osx.wdfiles.com/local--files/admin:themes/no40.png);}
table.apps .home-hoverStatus.s4 {background-image: url(http://osx.wdfiles.com/local--files/admin:themes/problem40.png);
}
table.apps .home-hoverStatus.s1:hover .home-hoverStatusInfo.unknown, 
table.apps .home-hoverStatus.s2:hover .home-hoverStatusInfo.okay, 
table.apps .home-hoverStatus.s3:hover .home-hoverStatusInfo.no, 
table.apps .home-hoverStatus.s4:hover .home-hoverStatusInfo.problem {
    visibility: visible;
    opacity: 1;
    z-index: 40;
    top: 0;
    left: 40px;
}
 
/* App store icon */
table.apps .home-store {
    display: block;
    height: 41px;
    width: 40px;
    margin: 0 auto;
    -webkit-transform: scale(0.7);
}
table.apps .home-store.s0 {
    background-image: url(http://osx.wdfiles.com/local--files/admin:themes/appStore-no.png);
}
table.apps .home-store.s1 {
    background-image: url(http://osx.wdfiles.com/local--files/admin:themes/appStore.png);
}
 
/* APP PAGES ---------------------------------------------------------- */
 
#page-title {
    background: none;
}
.breadcrumbs {
    -webkit-border-radius: 4px;
    border: 1px solid #cecece;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
    overflow: hidden;
    background: rgba(240,240,240,0.4);
}
 
.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 center;
    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:themes/home-icon16-sprite2.png), url(http://osx.wdfiles.com/local--files/admin:themes/ra-bread-separator2.png);
    background-position: left 4px, right center;
    padding: 0 34px 0 0;
    margin: 0 5px 0 10px;
}
.breadcrumbs .bread-home a:hover{
     background-position: left -30px, right center;
}
.store-is.s1, .store-not.s0 {display: inline;}
.store-is.s0, .store-not.s1 {display: none;}
 
.app-main {
    display: block;
    margin: 10px 0;
    padding: 5px 10px; 
    width: 600px; 
    background: rgba(255,255,255,0.8);
    border-radius: 4px;
    border: 1px solid #cecece;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
} 
.app-main table {
    margin: 10px 10px;
}
.app-main table tbody tr td, .app-main table tbody tr th{
    border: none;
    padding: 7px 5px;
    background: transparent url(http://themes.wdfiles.com/local--files/blue-heaven/heaven-horizontal-divider.png) repeat-x right bottom;
}
.app-main table tbody tr th {
    text-align: right;
}
 
/* SIDEBAR (both news & app pages) ---------------------------------------- */
 
.app-sidebar, #side-bar {
    width: 295px;
    padding: 5px 10px;
    float: right;
    margin: 10px 0 10px 0;
    border: 1px solid #cecece;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 0.9em;
    color: #555;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
}
.app-sidebar h3,
#side-bar h3 {
    color: #313131;
    text-align: center;
    font-size: 1.8em;    
}
.app-sidebar h5,
#side-bar h5 {
    text-align: center;
    color: #777;
    font-size: 1em;
    margin: -5px 0 10px 0;
}
.app-sidebar hr,
#side-bar hr {
    margin: 10px 10px;
}
.app-sidebar a.wiki-standalone-button,
#side-bar a.wiki-standalone-button {
    display: inline-block;
    width: auto;
    margin: 6px auto 0;
    text-align: center;
}
.app-sidebar ul, 
#side-bar ul {
    list-style: none;
    padding: 0 0 0 15px;
}
.app-sidebar ul li span,
#side-bar ul li span {
    color: #888;
    font-size: 0.9em;
}
.app-sidebar .search-box, 
#side-bar .search-box {
    position: relative;
}
.app-sidebar .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;
}
.app-sidebar .search-box input.text:focus, 
#side-bar .search-box input.text:focus {
    outline: none;
    border-color: #1b94d5; 
}
.app-sidebar .search-box input.button, 
#side-bar .search-box input.button {
    border: none;
    text-indent: -9999px;
    color: transparent;
    padding: 0;
    background: transparent url(http://themes.wdfiles.com/local--files/pink-flower/flower-searchButton.png) no-repeat center center;
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 10px;
    right: 44px;
}
.app-sidebar .search-box input.button:hover, 
#side-bar .search-box input.button:hover {
    cursor: pointer;
}
.app-social ul li,
.sidebar-social ul li {
    margin: 10px 0;
}
.app-social ul li span,
.sidebar-socual ul li span {
    position: relative;
}
.app-social span a,
.sidebar-social span a {
    display: inline-block;
    height: 22px;
    padding: 10px 0 0 40px;
    margin: 0 10px;
    color: #888;
    -webkit-transition: color 200ms linear;
}
.app-social .app-twitter a,
.sidebar-social .app-twitter a {
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/ra-social-sprite2.png) no-repeat 0 0;
}
.app-social .app-rss a,
.sidebar-social .app-rss a {
    background: transparent url(http://osx.wdfiles.com/local--files/admin:themes/ra-social-sprite2.png) no-repeat 0 -64px;
}
.app-social span a:hover,
.sidebar-social span a:hover {
    color: #333;
    text-decoration: none;
    text-shadow: none;
}
.app-social .app-twitter a:hover,
.sidebar-social .app-twitter a:hover {background-position: 0 -32px;} 
.app-social .app-rss a:hover,
.sidebar-social .app-rss a:hover {background-position: 0 -96px;}
 
.app-description {
    display: block;
    width: 200px;
    float: right;
    padding: 5px 10px;
    text-align: center;
    margin-top: 15px;
}
.app-icon-container {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -webkit-border-radius: 3px;
    background: #fff url(http://osx.wdfiles.com/local--files/admin:themes/ra-icon-placeholder3.png) no-repeat center center;
    min-height: 128px;
}
.app-description img.image {display: none;}
.app-description img.app-icon {
    width: 150px;
    margin: 0 auto;
    background: #fff;
}
 
/* app sidebar with boxes */
.app-sidebar {
    border: none;
    -webkit-box-shadow: none;
    padding: 0;
}
.sidebar-box {
    padding: 5px 10px;
    margin: 0 0 15px 0;
    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;
   background: rgba(240,240,240,0.4);
}
 
/* Ads */
.ad-container {
    width: 240px;
    margin: 5px auto;
    text-align: center;
    overflow: hidden;
    padding: 2px;
}
.ad-container p {
    margin: 0;
}
.ad-container a {
    font-weight: bold;
}
.ad-imagePlaceholder a {
    position: absolute;
    width: 110px;
    height: 80px;
    top: 0;
    left: 0;
    padding: 50px 10px 0;
    color: #555;
    font-weight: normal;
}
.ad-imagePlaceholder a:hover {
    text-decoration: none;
}
.ad-imagePlaceholder {
    width: 125px;
    height: 125px;
    padding: 3px;
    position: relative;
    background: #ddd;
    border: 4px solid rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -webkit-transition: all 280ms ease;
    float: left;
}
.ad-imagePlaceholder:hover {
    -webkit-border-radius: 20px 2px 20px 2px;
}
 
/* 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 input.text, .mailform-box textarea {
    border: 1px solid #aaa;
    padding: 5px 3px;
    -webkit-border-radius: 0;
    -webkit-box-shadow: -1px 1px 3px rgba(0,0,0,0.15) inset;
    width: 300px;
}
.mailform-box textarea {
    resize: vertical;
}
.mailform-box input.text:focus, .mailform-box textarea:focus {
    outline: none;
    border: 1px solid #1b94d5;
    -webkit-box-shadow: 0 0 4px rgba(27,148,213,0.76);
}
.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;
}
 
/* DEVELOPERS PAGE ---------------------------------------------------- */
.developer-box {
    display: block;
    min-height: 110px;
    margin: 20px auto;
    border: 1px solid #cecece;
    padding: 5px 10px 5px 60px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    position: relative;
    overflow: hidden;
    -webkit-animation-name: opacity-fadeIn;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    z-index: 20;
}
.developer-box.one {
    -webkit-animation-duration: 3s; 
    width: 350px; 
    float: left; 
    margin-left: 35px;
}
.developer-box.two {
    -webkit-animation-duration: 3.5s; 
    width: 350px; 
    float: right; 
    margin-right: 35px;
}
.developer-box.three {
    -webkit-animation-duration: 4s; 
    clear: both; 
    width: 800px;
}
.developer-box h3 {
    font-size: 1.7em;
    text-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.developer-box:after {
    font-size: 125px;
    position: absolute;
    bottom: -26px;
    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 {
    border: 1px solid #1b94d5;
}
.developer-box.three .developer-tag {
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -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));
    padding: 4px 10px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    font-size: 0.65em;
}
.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;
    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;
}
 
/* Removes animations for editing 
*, * *, * * *, * * * *, * * * * * * {
    -webkit-animation:  none;
}
*/
 
/* News Pages *
#page-content {
    margin-right: 310px;
    width: 600px;
} 
#page-title {
    width: 960px;
    padding-bottom: 5px;
}
.news-postContainer, .news-postContent.post, .news-commentsContainer {
    clear: none;
    margin: 10px 0;
    background: rgba(255,255,255,0.8);
    border-radius: 4px;
    border: 1px solid #cecece;
    -webkit-box-shadow: 
        0 1px 0 #fff inset,
        1px 0 0 #fff inset;
        padding: 5px 10px;
        overflow: hidden;
}
.news-postContent.post .news-postHeader p {
    margin: 4px 0 0;
}
.news-postHeader h1, .news-commentsContainer h3 {
    padding: 0;
    margin: 0;
    font-size: 2em;
}
.news-postHeader h1 a:hover:after {
    content: ' \2192';
}
.news-postHeader p {
    margin: -4px 0 0;
    color: #888;
    font-style: italic;
}
.news-postFooter a {
    color: #888;
}
.news-postFooter a:hover {
    color: #333;
    text-shadow: none;
    text-decoration: none;
}
.news-postFooter p {
    margin: 2px;
    padding-bottom: 10px;
}
.footer-comments {
    float: right;
}.footer-more {
    display: inline-block;
}
.footer-tweet {
    float: right;
    display: block;
    width: 130px;    
}
.footer-tags a {
    color: #1b95d5;
}
.footer-tags a:hover {
    color: #7fb511;
    text-decoration: underline;
}
.footer-comments a {
    display: block;
    padding: 1px 8px 0;
    background: #777;
    -webkit-border-radius: 2px;
    position: relative;
    color: #fff;
    margin-top: 1px;
}
.footer-comments a:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: solid;
    border-width: 6px 6px 6px 0;
    border-color: #777 transparent transparent transparent;
    bottom: -12px;
    left: 8px;    
}
.footer-comments a:hover {
    color: #111;
    background: #7fb511;
}
.footer-comments a:hover:before {
border-color: #7fb511 transparent transparent transparent;
}
/** News 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;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    right: 0;
}
 
.page-nav:hover span {
    visibility: visible;
    opacity: 1;
}
.page-nav.previous span:before {content: '\2190   ';}
.page-nav.next span:after {content: '   \2192';}
 
/* DASHBOARD ---------------------------*
body {
    background: none;
}
#container-wrap {
    background: rgba(34,34,34,0.4);
}
#container {
    width: 90%;
    min-width: 800px;
    margin: 0 auto;
}
#content-wrap {
    position: relative;
}
#side-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    float: none;
    width: 223px;
    padding: 0;
    margin: 0;
    background-color: #dfe4e8;
    -webkit-box-shadow: none;
    -webkit-border-radius: 8px 0 0 8px;
}
#side-bar h4, #side-bar table {
    width: 90%;
    margin: 0 auto;
}
.dashboard-nav ul {
    padding: 0 !important;
}
.dashboard-nav a {
    display: block;
    width: 173px;
    height: 20px;
    padding: 8px 0 2px 55px;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/dashboard-menu.jpg) no-repeat 0 0;
    margin: 10px 0;
    color: #222;
}
.dashboard-nav a:hover {
    text-decoration: none;
}
.dashboard-nav .dashboard a:hover {background-position: 0 -30px;}
.dashboard-nav .pages a {background-position: 0 -90px;}
.dashboard-nav .pages a:hover {background-position: 0 -120px;}
.dashboard-nav .comments a {background-position: 0 -360px;}
.dashboard-nav .comments a:hover {background-position: 0 -390px;}
.dashboard-nav .manage a {background-position: 0 -450px;}
.dashboard-nav .manage a:hover {background-position: 0 -480px;}
.dashboard-nav .theme a {background-position: 0 -270px;}
.dashboard-nav .theme a:hover {background-position: 0 -300px;}
.dashboard-nav .users a {background-position: 0 -630px;}
.dashboard-nav .users a:hover {background-position: 0 -660px;}
 
/* active states *
.dashboard-nav .dashboard a {background-position: 0 -60px; color: #fff;}
.dashboard-nav .dashboard a:hover {cursor: default;background-position: 0 -60px;color: #fff;}
 
.dashboard-nav .pages a {background-position: 0 -150px; color: #fff;}
.dashboard-nav .pages a:hover {cursor: default;background-position: 0 -150px;color: #fff;}
 
.dashboard-nav .comments a {background-position: 0 -420px; color: #fff;}
.dashboard-nav .comments a:hover {cursor: default;background-position: 0 -420px;color: #fff;}
 
.dashboard-nav .manage a {background-position: 0 -510px; color: #fff;}
.dashboard-nav .manage a:hover {cursor: default;background-position: 0 -510px;color: #fff;}
 
.dashboard-nav .theme a {background-position: 0 -330px; color: #fff;}
.dashboard-nav .theme a:hover {cursor: default;background-position: 0 -330px;color: #fff;}
 
.dashboard-nav .users a {background-position: 0 -690px; color: #fff;}
.dashboard-nav .users a:hover {cursor: default;background-position: 0 -690px;color: #fff;}
 
/* more *
 
#main-content {
    margin: 9px 0 0 224px;
    border: 1px solid #ccc;
    -webkit-border-radius: 0 8px 8px 0;
    padding: 0 10px;    
    background: #fff;
}
#page-content {
    margin: 0;
}
#page-title {
    display: none;
}
.dashboard-box {
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    position: relative;
    margin: 10px;
    display: inline-block;
    width: 46%;
    float: left;
}
.dashboard-box .options a {
    float: right;
    font-size: 11px;
    line-height: 1;
    -webkit-border-radius: 10px;
    margin: 5px 0;
}
.dashboard-box h4 {
    font-size: 14px;
    background-color: #dfdfdf;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdfdf), to(#ccc));
    -webkit-border-radius: 6px 6px 0 0;
    margin: 0;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #fff;
}
.dashboard-box a.collapsible-block-link {
    background: none;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    color: transparent;
    text-shadow: none;
}
.dashboard-box a.collapsible-block-link:after {
    content: '\2207';
    color: #666;
    text-shadow: 0 1px 0 #fff;
    font-size: 15px;
    visibility: hidden;
}
.dashboard-box:hover a.collapsible-block-link:after {
    visibility: visible;
}
.dashboard-box .collapsible-block-content  {
    padding: 5px 10px;
}
.dashboard-box .list-pages-item {
    padding: 0 5px;
}
.dashboard-box .list-pages-box .list-pages-item:nth-child(even) {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #efefef;
}
.dashboard-box .list-pages-item span {
    font-style: italic;
    color: #888;
}
.dashboard-box.posts {
    width: 95%;
}
.dashboard-box .left, .right {
    width: 35%;
    float: left;
    margin: 0 20px;
}
.dashboard-box h5 {
    border-bottom: 1px solid #ddd;
}
.db-options {
    visibility: hidden;
    width: 100%;
    display: block;
    text-align: right;
    font-style: normal !important;
}
.list-pages-item:hover .db-options {
    visibility: visible;
}
 
#site-manager, #site-manager h1 {
    margin-top: 0;
}
#site-manager-menu {
    margin-left: -10px;
    width: auto;
    border: none;
    background: #dfe4e8;
    padding: 0;
}
#site-manager li a.active {
    background-color: #336db6;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6596d0), to(#336db6));
    color: #fff;
}
 
/** Page List Table **
.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: 30%;}
table.pageList tbody tr td.author {width: 15%;}
table.pageList tbody tr td.comments {width: 10%; text-align: center;}
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 more *
table.pageList tbody tr.header td {
    background-color: #dfdfdf;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdfdf), to(#ccc));
    height: 40px;
    color: #333;
    padding: 0 10px;
    border: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
}
table.pageList tbody tr.header td.title { /* for rounded corners */
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    border-left: none;
}
table.pageList tbody tr.header td.options, table tbody tr.header td.status  { /* for rounded corners */
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    border-right: none;
}
table.pageList tr.header td a { /* links in header */
    color: #444;
    text-shadow: 0 1px 0 #eee;
    padding-right: 10px;
    background: url(http://bmcenterprises.wikidot.com/local--files/administrator:css/table_sort_arrow.gif) no-repeat right center;
}
table.pageList tr.header td a:hover {
    text-shadow: none;
}
table.pageList tbody tr td.title a {
    font-weight: bold;
    color: #555;
}
table.pageList tbody tr.header td.comments a {
    display: block;
    width: 20px;
    height: 14px;
    padding: 0;
    background: #777;
    -webkit-border-radius: 2px;
    position: relative;
    color: transparent;
    text-shadow: none;
    margin-left: 30px;
}
table.pageList tbody tr.header td.comments a:before {
    content: ‘’;
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: solid;
    border-width: 6px 6px 6px 0;
    border-color: #777 transparent transparent transparent;
    bottom: -12px;
    left: 6px;    
}
.table-options {visibility: hidden;}
tr:hover .table-options {visibility: visible;}
.table-options a {
    font-weight: normal !important;
    color: #1b94d5 !important;
}
 
/* fixed header *
#header {
    position: absolute;
    height: 50px;
    width: 970px;
    z-index: 200;
}
#extra-div-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #5c5c5c;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#787878));
    height: 60px;
    z-index: 10;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.4);
}
#header h1 {
    position: absolute;
    top: 10px;
    left: 30px;
}
#header h1 a {
    font-size: 24px;
    color: #eee;
    text-shadow: 0 1px 1px #333;
    -webkit-transition: none;
}
#header h2 {
    position: absolute;
    top: 42px;
    left: 720px;
    color: #bbb;
    font-size: 1em;
}
#top-bar {
    position: absolute;
    top: 10px;
    left: 240px;
    height: 50px;
    font-size: 16px;
}
#content-wrap {
    padding-top: 80px !important;
}
 
img.app-icon {
    position: absolute;
    top: 140px;
    left: 240px;
    -webkit-transform: scale(2);
    background: none;
    z-index: -1;
    opacity: 0.4;
}
#top-bar {
    width: 480px;
}
#top-bar ul li a {
    color: #eee;
    -webkit-border-radius: 4px;
    -webkit-transition: none;
}
*/
/* test */
 
/* Another topbar *
#top-bar {
    background-color: #1ca5ef;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1ca5ef), to(#1b94d5));
    padding: 5px 10px 10px;
    -webkit-border-radius: 30px;
    width: 600px;
    right: 40px;
    font-size: 15px;
    border-top: 1px solid #a9d0ff;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: 
        0 1px 1px  rgba(0,0,0,0.1),
        0 -1px 1px rgba(0,0,0,0.1),
        1px 0 1px  rgba(0,0,0,0.1),
        -1px 0 1px rgba(0,0,0,0.1);
}
 
/*----- New Header -------------------------*/
#header {
    height: 100px;
    z-index: 50;
    width: 100%;
}
#header h1 {
    position: absolute;
    top: 30px;
    left: 15px;
    height: 50px;
    width: 170px;
}
#header h1 a {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    color: transparent;
    display: block;
    width: 170px;
    height: 50px;
    background: url(/local--files/admin:themes/header-h1-sprite.png) no-repeat 0 0;
}
 
#header h1 a:hover {
    background-position: 0 -52px;
}
#header h2 {
    display: none;
}
/*----- TOPBAR NAVIGATION ------------------------------------*/
 
#top-bar {
    top: 35px;
    height: 35px;
    display: block;
    right: 20px;
    position: absolute;
    width: auto;
    z-index: 2;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/nav-left.png) no-repeat left top;
    padding-right: 180px;
}
#header-extra-div-1 {
    display: block;
    width: 8px;
    height: 35px;
    position: absolute;
    top: 35px;
    right: 12px;
    background: url(http://osx.wdfiles.com/local--files/admin:themes/nav-right.png) no-repeat right top;
    z-index: 10;
}
#login-status {
    top: 38px;
    color: #fff;
    right: 12px;
    width: 190px;
}
#login-status a, #login-status .printuser {
    color: #fff;
}
#login-status a:hover {
    color: #222;
}
 
/*** TOPBAR NAVIGATION ***/
#top-bar ul {
    font-family: “Lucida Sans Unicode”, “Lucida Grande”, Garuda, sans-serif;  
    font-size:11px;
    float:right;
    position:relative; 
    text-transform:uppercase;
    padding-left:8px;
}
#top-bar ul li a {
    display:block;
    text-decoration:none; 
    padding:11px 18px;
    color:#fff;
}
#top-bar ul li a:hover {
    text-decoration:none; 
    color:#222;
    background: none;
}
#top-bar ul li a:focus, #top-bar ul li a:hover, #top-bar ul li a.current-link {
    color:#000;     
}
 
/* Removes animations for editing
*, * *, * * *, * * * *, * * * * * * {
    -webkit-animation:  none;
}
 
/* Coming Soon page */
body {
    min-height: 685px;
}
#content-wrap {
    margin-top: -80px;
}
#side-bar, #top-bar, #page-title, 
#login-status, #header-extra-div-1,
#footer, #license-area, #header h1 {display: none !important;}
 
.home-banner-container.soon {
    margin-top: 60px;
    height: 200px;
}
.home-banner.soon {
    background: none;
    padding: 20px;
    text-align: center;
    text-shadow: none;
    color: #4a4a4a;
    font-size: 20px;
}
.home-banner.soon h1 {
    background: url(http://bmcenterprises.wdfiles.com/local--files/ra:css/header-h1-sprite.png) no-repeat center top;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    color: transparent;
    display: block;
    width: 170px;
    height: 40px;
    margin: 0 auto 25px;
}
.home-banner.soon .tagline {
    margin: 0 auto;
}
.home-banner.soon .tagline.two, .home-banner.soon .tagline.three {
    left:154px;
    top: 95px;
}
.home-banner.soon h4 {
    text-align: center;
    margin-top: 40px;
    font-size: 24px;
}
.soon-twitter {
    display: block;
    width: 800px;
    height: 235px;
    margin: 0 auto;
    text-align: center;
    background: url(http://bmcenterprises.wdfiles.com/local--files/ra:css/birds_and_sign.png) no-repeat center top;
    position: relative;
    -webkit-animation: banner-fadeIn;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
}
.soon-twitter h5 {
    position: absolute;
    display: block;
    width: 285px;
    height: 52px;
    color: #894a16;
    left: 260px;
    top: 91px;
    padding-top: 8px;
    font-weight: bold;
    text-shadow: #f9d06d 0 1px 0;    
}
.soon-twitter h5 a {
    color: #894a16;
}
.soon-twitter .block-link a {
    position: absolute;
    display: block;
    width: 322px;
    height: 235px;
    left: 260px;    
    color: transparent;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
}
.soon-credit {
    position: absolute;
    bottom: -60px;
    right: 0;
    font-size: 8px;
    color: #aaa;
    -webkit-animation-name: banner-fadeIn;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
}
.soon-credit a {
    color: #aaa;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License