@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

@media only screen and (max-width : 900px) { }

@media only screen and (max-width : 600px) { }

/* ---------------------------------------------------------- */
/* Layout
/* ---------------------------------------------------------- */

html, body { height: 100%;  }

html { overflow-y: scroll; }

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    background: #fff;
    background: #f8f8f8 url('images/groovepaper.png') 0 0 repeat;
    min-width: 780px;
    max-width: 1920px; 
    margin: 0 auto;
}
 
div.header-wrap, div.main-wrap, div.footer-wrap { margin: 0 auto; }
div.footerfix, div.footer-wrap { height: 180px; }
div.container-wrap { margin-bottom: -180px; }

div.container-wrap {
    height: auto !important;
    min-height: 100%;
}

div.header-wrap {
    position: relative;
    border-bottom: 6px solid #8FBFE5;
}

div.header {
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #062FB1;
    padding: 0 12px;
}

div.main-wrap { padding-top: 15px; }

div.main { position: relative; }

div.footer-wrap {
    clear: both;
    z-index: 999;
    position: relative;
}

div.footer {
    margin: 0 auto;
    position: relative;
    top: 40px;
}

div.footerfix { clear: both; }

ul.inline li { float: left; display: inline; }

body.about p { text-align: justify; }

/**********************************************
* Links and buttons
*********************************************/

a { color: #062FB1; text-decoration: underline; border: none; outline: none; word-wrap: break-word; }

a, input[type="submit"] {  
    -webkit-transition: color .2s, background-color .2s;
    -moz-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s;
}

a:visited { color: #962FAA; }
a:hover { color: #0E85E6; text-decoration: underline; }

div.sidebar a.rss {
    position: relative;
    top: 2px;
    margin-left: 3px;
}

a.mailto {
    text-decoration: none;
    color: #000;
    padding: 0 4px;
    background-color: #fd7;
}

a.textlink { color: #000; }

a.textlink[title="Back"] { position: relative; top: 20px; font-size: 11px; }

a.textlink:hover { color: #0E85E6; }

a.addcomment, a.comments { float: right; position: relative; font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; top: 6px; color: #2E2E2E; color: #949494; }
a.addcomment:hover, a.comments:hover { text-decoration: none; color: #2E2E2E; }

div.controls-wrap { 
    position: fixed;
    bottom: 53%;
    right: 1.5%;
    display: block;
    font-weight: normal;
    text-align: center;
    width: 24px;
}

a.top, a.bottom {
    color: #2E2E2E;
    color: transparent !important;
    text-decoration: none;
    /*position: absolute;*/
    /*right: 1px;*/
    /*bottom: 40px;*/
    font-size: 11px;
}

a.top:after, a.bottom:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    position: relative;
    left: 0px;
}

a.hiddendata-close:before {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom: 3px solid #2E2E2E;
    position: relative;
    top: -7px;
    left: -2px;
}

a.hiddendata-newwindow:hover, a.hiddendata-close:hover {
    color: #0E85E6;
    text-decoration: underline;
}

a.top, a.bottom { 
    position: relative;
    display: block;
    font-weight: normal;
    text-align: center;
    width: 24px;
    height: 24px;
}

a.top:after { border-bottom-color: rgba(0, 0, 0, 0.3); top: -7px; }
a.bottom:after { border-top-color: rgba(0, 0, 0, 0.3); top: 15px; }

a.top:hover, a.bottom:hover { background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 4px -1px rgba(0, 0, 0, 0.16); }

a.top:hover:after, a.hiddendata-close:hover:before {
    border-bottom-color: #0E85E6;
}

a.bottom:hover:after {
    border-top-color: #0E85E6;
}

input.submit, a.submit, a.button {
    border: none;
    padding: 6px 16px 6px 30px;
    background-color: #005EC4;
    color: #fff;
    font-size: 13px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: url('images/icon-tick.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    margin-right: 10px;
    text-decoration: none;
}

a.button { background-image: none; padding: 4px 9px 4px 10px; }

.submit:hover, a.submit:hover, a.button:hover {
    background-color: #0E9BED;
    color: #fff;
    text-decoration: none;
}

.submit.noicon {
    background-image: none;
    padding-left: 14px;
}

.submit:focus {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
    background-color: #0085D2;
}

input.preview, a.preview {
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
}

input.preview, a.preview, input.preview:hover, a.preview:hover {
    color: #000;
    background-image: url('images/icon-preview.png');
}

input.search1 { background-image: url('images/icon-search1.png'); }

a.breadcrumb { color: #222; line-height: 1; }
a.breadcrumb:hover { color: #0E85E6; }

a.external { position: relative; }
div.entry table.properties { margin-bottom: 15px; }
div.entry table.properties a.external:hover { color: #0E85E6; }

a.external:not(.rss):hover:after {
    position: relative;
    right: 0;
    top: 0;
    content: "";
    background: url('images/icon-newwindow.png') right top no-repeat;
    display: inline-block;
    width: 4px;
    margin-right: -4px;
    height: 10px;
}

li.screenshot a.external:hover:after { display: inline; background: none; margin-right: 0; }

a.show-more, input.preview, a.preview {
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: transparent !important;
}

a.show-more {
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    padding: 4px 20px 4px 10px;
    display: inline-block;
    text-decoration: none;
    color: #222;
    font-size: 11px;
    margin-bottom: 1px;
    position: relative;
    margin-top: 2px;
    line-height: 16px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

a.show-more:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px inset transparent;
    border-top: 3px solid #2E2E2E;
    border-bottom: 3px solid transparent;
    position: absolute;
    top: 11px;
    right: 9px;
}

a.show-more.open, a.show-more:hover, a.show-more.open, a.show-more.open:hover,
input.preview:hover, a.preview:hover, input.preview:focus, a.preview:active
{ 
    border-color: #999; border-color: rgba(0, 0, 0, 0.33); background-color: rgba(0, 0, 0, 0.036) !important; /* box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.055) */;
}

a.show-more.open, a.show-more.open:hover { padding-right: 24px; margin-bottom: 10px; }
a.show-more.open:after, a.show-more.open:hover:after {
    border-top-color: transparent;
    border-bottom-color: #222;
    top: 8px;
    right: 9px;
}


/**********************************************
* Logo
*********************************************/

a.logo {
    position: relative;
    margin-top: 20px;
    left: -10px;
    float: left;
}

a.logo img { border: none; }

a.logo span, a.logo-footer span {
    text-indent: -9999px;
    display: none;
}

a.logo-footer {
    line-height: 1;
    display: block;
    float: left;
}

/**********************************************
* Menu
*********************************************/

ul.menu-top {
    position: relative;
    margin: 10px 0;
    right: -5px;
    text-align: right;
    zoom: 1;
    float: right;
    clear: right;
}

ul.menu-top li a {
    padding: 3px 15px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
    color: #040604;
    display: block;
    text-decoration: none;
}

ul.menu-top li a:hover {
    text-decoration: underline;
    color: #0E85E6;
}

ul.menu-top li.active a,
body.latest ul.menu-top li.latest a,
body.all ul.menu-top li.all a,
body.news ul.menu-top li.news a,
body.forum ul.menu-top li.forum a,
body.links ul.menu-top li.links a,
body.quicksearch ul.menu-top li.quicksearch a,
body.faq ul.menu-top li.faq a,
body.about ul.menu-top li.about a
{
    background-color: #0E85E6;
    color: #fff;
    box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.07);
}

ul.menu-top li.active a:hover,
body.latest ul.menu-top li.latest a:hover,
body.all ul.menu-top li.all a:hover,
body.news ul.menu-top li.news a:hover,
body.forum ul.menu-top li.forum a:hover,
body.links ul.menu-top li.links a:hover,
body.quicksearch ul.menu-top li.quicksearch a:hover,
body.faq ul.menu-top li.faq a:hover,
body.about ul.menu-top li.about a:hover
{
    text-decoration: none;
}

body.add-entry a.add-entry { font-weight: bold; color: #062FB1; }

/**********************************************
* Main search
*********************************************/
div.mainSearch {
    position: relative;
    top: 18px;
    float: right;
    margin-left: 15px;
    *width: 220px; /* IE7 hack */
    _width: 0px; /* IE6 hack */
    margin-bottom: 40px;
}

div.mainSearch form {
    position: relative;
    float: right;
}

div.mainSearch input#q {
    padding: 0 10px;
    padding-right: 40px;
    height: 30px;
    line-height: 30px;
    color: #2E2E2E;
    margin: 0;
    width: 180px;
    float: right;
}

div.mainSearch input#m {
    border: none;
    background: transparent url('images/icon-search.png') center 6px no-repeat;
    width: 32px;
    height: 28px;
    position: absolute;
    top: 2px;
    right: 2px;
    box-shadow: none;
}

form#searchform input#m:hover, form#searchform input#m.active { background-position: center -44px; }

div.mainSearch input#m:focus { top: 3px; }

div.mainSearch a.detailedsearch {
    display: block;
    float: right;
    clear: right;
    position: absolute;
    right: 0;
    color: #2E2E2E;
    font-size: 11px;
    bottom: -20px;
}

div.mainSearch a.detailedsearch:hover { text-decoration: underline; color: #0E85E6; }

/**********************************************
* UserPanel
*********************************************/

ul.userPanel {
    position: relative;
    float: right;
    top: 25px;
    margin-bottom: 30px;
    font-size: 13px;
}

ul.userPanel li {
    margin-left: 15px;
}

ul.userPanel li a {
    color: #000;
}

ul.userPanel li a:hover {
    color: #0E85E6;
}

sup {
    position: relative;
    top: -4px;
    left: 2px;
    font-size: 10px;
}

/**********************************************
* Headlines
*********************************************/

h1 {
    font-size: 24px;
    font-family: "Open Sans", Arial, sans-serif;
    color: #222;
    margin-bottom: 10px;
    font-weight: normal;
    position: relative;
    left: -1px;
    display: inline-block;
}

h2 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 5px;
    color: #062FB1;
}

body.administration h2 { border-bottom: 1px dotted #a4a4a4; margin-top: 20px; }
body.administration div.preview h2 { border-bottom: none; margin-top: 0; }

div.entry h2 { display: block; position: relative; float: left; margin-right: 8px; max-width: 80%; }

div.sidebar h2 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 2px;
    color: #000;
    font-weight: normal;
}

h3, body.about div.main h2, body.administration div.main > h2, body.administration div.main form h2, body.quicksearch div.main h2 {
    font-size: 17px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-bottom: 3px;
    color: #062FB1;
    border-bottom: 1px dotted #a4a4a4;
    font-family: "Open Sans", Arial, sans-serif;
}

h3#comments { padding-top: 10px; }
body.details h3#comments { margin-top: 0px; padding-top: 0px; }
body.details h3.noborder { margin-bottom: 3px; }

/**********************************************
* Entry
*********************************************/

div.entry {
    padding: 16px 0;
    border-top: 1px dotted #a4a4a4;
    font-size: 14px;
    width: 100%;
    position: relative;
    clear: both;
}

div.entry.first { border: none; }

div.entry h2 span.version {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    position: relative;
    float: left;
    top: 5px;
    margin-left: 5px;
}

div.entry h2 span.tag {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    padding: 0 7px 0 5px;
    margin-left: 18px;
    position: relative;
    top: 5px;
    display: block;
    float: left;
    min-width: 36px;
    text-align: center;
    cursor: default;
}

div.entry h2 span.tag:before {
    content: '';
    border: 9px inset transparent;
    border-right: 9px solid transparent;
    position: absolute;
    left: -18px;
    top: 0;
    height: 0;
    background-color: transparent;
    display: block;
}

div.entry h2 span.tag.new { background-color: #8DC642; padding-right: 8px; }
div.entry h2 span.tag.new:before { border-right-color: #8DC642; }

div.entry h2 span.tag.update { background-color: #0E85E6; }
div.entry h2 span.tag.update:before { border-right-color: #0E85E6; }

div.entry h2 span.tag.private { background-color: #eee; background-color: rgba(0, 0, 0, 0.075); color: #2E2E2E; text-shadow: 1px 1px rgba(255, 255, 255, 0.3);}
div.entry h2 span.tag.private:before { border-right-color: #eee; border-right-color: rgba(0, 0, 0, 0.075); }

div.entry h2 { margin-bottom: 0; }
div.entry h2 a { text-decoration: none !important; margin-bottom: 0px; float: left; }
div.entry h2 img { margin-right: 3px; }
div.entry h2 a:hover { text-decoration: underline; }

a.applink { text-decoration: none; color: #962FAA; }

div.entry ul.subinfo {
    display: block;
    clear: both;
    margin-top: 5px;
}

div.entry ul.subinfo a.textlink {
    color: #2E2E2E;
}

div.entry ul.subinfo a.textlink:hover {
    color: #0E85E6;
}

div.entry ul.subinfo li {
    line-height: 1;
    margin: 5px 0;
    color: #2E2E2E;
}

div.entry .italic {
    font-size: 12px;
}

div.entry ul.inline {
    margin-bottom: 0px;
}

div.entry div.synopsis {
    margin: 12px 0;
    text-align: justify;
    font-size: 15px;
}

div.entry ul.inline li {
    margin-right: 7px;
    padding-right: 7px;
    border-right: 1px solid #2E2E2E;
}

div.entry ul.inline li:last-child { border: none; }

div.entry ul.app-links { z-index: 999; margin: 6px 0 10px 0; }
div.entry ul.app-links li { border: none; margin-right: 1%; line-height: 14px; }
div.entry ul.app-links li:last-child { padding-right: 0; margin-right: 0; }
div.entry ul.app-links li a { padding-bottom: 0; }
div.entry ul.app-links li a:visited { color: #062FB1; }
div.entry ul.app-links li a:visited:after { border-top-color: inherit; }
div.entry ul.app-links li a:visited:hover { color: #0E85E6; }

/* div.entry ul.app-links li.memberpoints a span {
    background: transparent url('images/icon-memberpoints.png') 0 2px no-repeat;
    width: 15px;
    height: 14px;
    position: relative;
    float: left;
} */

div.entry ul.app-links li a.opened { color: #2E2E2E; text-decoration: none; }
div.entry ul.app-links li a.opened:hover { color: #2E2E2E; text-decoration: none; }
div.entry ul.app-links li a.opened:after { border-top-color: inherit; border-top-color: #646464; }
div.entry ul.app-links li a.opened:hover:after { border-top-color: #646464; }

div.entry ul.app-links li.memberpoints a:hover span { background-position: 0 -58px; }
div.entry ul.app-links li.memberpoints a.opened span { background-position: 0 -118px; }

div.entry-sidebar, div.comment-sidebar {
    width: 124px;
    position: relative;
    float: left;
    margin-right: 16px;
    margin-top: 3px;
}

div.entry-main, div.comment-main {
    position: relative;
    overflow: auto;
}

a.entry-icon {
    background: #F3F4F5;
    background: rgba(0, 0, 0, 0.055);
    border: 1px dotted #a4a4a4;
    margin-bottom: 5px;
    display: block;
    padding: 5px;
                
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition:background 0.2s ease-in-out;
    -o-transition: background 02s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

a.entry-icon:hover {
    background: rgba(255, 255, 255, 0.8);
}

span.entry-icon {
    text-align: center;
    padding: 14px 0;
    display: block;
    background-color: #fff;
    box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 0.15);
}

span.entry-icon:hover { box-shadow: none; }

span.entry-icon img {
    margin: 14px 0;
    display: block;
    margin: 0 auto;
}

div.entry-sidebar ul li {
    border-bottom: 1px dotted #a4a4a4;
}

div.entry-sidebar ul li:last-child {
    border: 0;
}

div.entry-sidebar ul li.stars {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    border: none;
    position: relative;
    padding: 6px 0 7px;
    cursor: default;
}

div.entry-sidebar ul li.stars div.rating { margin: 0 auto; }

div.entry-sidebar ul li a {
    padding: 6px 0 6px 20px;
    margin-left: 9px;
    color: #2E2E2E;
    text-decoration: none;
    font-size: 11px;
    display: block;
    background: transparent url('images/icon-sidebar.png') 0 center no-repeat;
}

div.entry-sidebar ul li.memberpoints a { background-position: 0px center; }
div.entry-sidebar ul li.memberpoints a:hover { background-position: -664px center; }
div.entry-sidebar ul li.thumbsup a { background-position: -130px center; }
div.entry-sidebar ul li.thumbsup a:hover { background-position: -794px center; }
div.entry-sidebar ul li.thumbsdown a { background-position: -260px center; }
div.entry-sidebar ul li.thumbsdown a:hover { background-position: -924px center; }
div.entry-sidebar ul li.comment a { background-position: -390px center; }
div.entry-sidebar ul li.comment a:hover { background-position: -1054px center; }
div.entry-sidebar ul li.edit a { background-position: -520px center; }
div.entry-sidebar ul li.edit a:hover { background-position: -1184px center; }

div.entry-sidebar ul li a:hover {
    text-decoration: underline;
    color: #0E85E6;
}

div.entry-sidebar ul li.thumbsdown a:hover { color: #D44934; }

div.entry table.properties td {
    padding: 0px 15px 3px 0;
    vertical-align: top;
}

div.entry table.properties tr.memberpoints ul.list1 li a:before { color: #000; }

div.entry table.properties ul.inline li { border: 0; }

div.entry table.properties a { color: #000; }

div.entry table.properties strong { white-space: nowrap; }

div.entry table.properties a.stealth {
    display: inline-block;
    width: 11px;
    height: 11px;
    padding: 1px;
    position: relative;
    top: -1px;
    color: #2E2E2E;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.16);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 12px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #c0c0c0;
    box-shadow: inset 0 0 2px 0px #fff;
}

div.entry table.properties a.stealth:hover {
    border-color: #0E85E6;
    background-color: #0E85E6;
    color: #fff;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
}

div.entry table.properties ul.categories li.subcategory {
    padding: 0;
    margin-right: 10px;
}

div.entry table.properties ul.categories li.subcategory a {
    font-size: 12px;
    text-decoration: underline;
}

div.entry table.properties ul.categories li.subcategory a:hover { text-decoration: underline; }

div.entry table.properties ul.categories li.subcategory:before {
    content: "+";
    margin-right: 1px;
    font-size: 10px;
}

div.entry table.properties ul.categories li:hover:before, div.entry table.properties ul.categories li:hover a { color: #0E85E6; }

div.entry table.properties ul li.category {
    display: block;
    float: none;
}

div.entry table.properties ul li.category:hover a { color: inherit; }

div.entry table.properties ul li.category a {
    font-size: 13px;
    font-style: normal;
    color: #000;
    display: inline-block;
}

div.entry table.properties ul li.subcategory a:hover, 
div.entry table.properties ul li.category a:hover 
{
    color: #0E85E6;
}

div.entry-right {
    position: relative;
    float: right;
    right: 0;
    top: 7px;
    text-align: right;
    color: #2E2E2E;
}

div.entry-right span.italic {
    display: block;
}

div.entry-right a.change-history {
    background: url('images/icon-change-history.png') 0 0 no-repeat;
    width: 13px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: 1px;
}

div.entry-right a.change-history:hover {
    background-position: 0 -30px;
}

body.changelog div.main { text-align: justify; }
body.changelog h1 a { text-decoration: none; }

ins { color: #008000; text-decoration: none; }
del { color: #FF0000; text-decoration: line-through; }

div.entry-right img {
    top: 2px;
    position: relative;
    margin-bottom: 1px;
}

a.update-info {
    padding: 0 0 0 17px;
    background: transparent url('images/icon-update-info.png') 1px center no-repeat;
    font-style: italic;
    color: #2E2E2E;
    font-size: 12px;
}

div.entry span.vote { display: block; position: relative; }

div.entry-right a.thumbsup, div.entry-right a.thumbsdown, div.entry-main a.edit {
    padding: 5px 0 5px 18px;
    background: transparent url('images/icon-sidebar.png') -125px center no-repeat;
    margin-left: 3px;
}

div.entry-right a.thumbsup span, div.entry-right a.thumbsdown span {
    display: none;
}

div.entry-right a.thumbsup { background-position: -125px center;}
div.entry a.thumbsup:hover { background-position: -789px center; }

div.entry-right a.thumbsdown { background-position: -255px center;}
div.entry-right a.thumbsdown:hover { background-position: -919px center; }

div.entry-main a.edit {
    position: absolute;
    bottom: 0;
    right: 2px;
    font-style: italic;
    color: #888;
    text-decoration: none;
    font-size: 12px;
    background-position: -520px center;
    line-height: 1.4;
    background: none;
}

div.entry-main a.edit:hover {
    background-position: -1184px center;
    text-decoration: underline;
    color: #0E85E6;
}

/**********************************************
* Comments
*********************************************/

div.comment {
    padding: 10px 0 8px;
    min-height: 50px;
    *height: auto;
    border-top: 1px dotted #a4a4a4;
    position: relative;
    overflow: hidden;
}

div.comment.myComment { background-color: rgba(143, 191, 229, 0.2); }

div.comment-sidebar { top: -1px; font-size: 12px; margin-left: 5px; }

div.comment-main {
    margin-right: 115px;
}

div.comment.first {
    border: none;
}

div.comment-controls {
    position: absolute;
    right: -3px;
    top: 3px;
    padding: 10px;
    font-size: 11px;
    color: #2E2E2E;
    text-align: right;
}

div.comment-controls p { margin-bottom: 0px; }
div.comment-controls a.remove span { display: none; }
div.comment-controls a.remove {
    width: 14px;
    height: 20px;
    padding: 3px 5px;
    background: transparent url('images/icon-remove.png') 4px center no-repeat;
    float: right;
    position: relative;
    right: -6px;
    top: -4px;
    opacity: 0.85;
}

div.comment-controls p { margin-bottom: 0px; }
div.comment-controls a.approve span { display: none; }
div.comment-controls a.approve {
    width: 16px;
    height: 16px;
    padding: 3px 5px;
    background: transparent url('images/icon-approve.png') 4px center no-repeat;
    float: right;
    position: relative;
    right: -6px;
    top: -4px;
    opacity: 0.85;
}

div.comment-controls p { margin-bottom: 0px; }
div.comment-controls a.disapprove span { display: none; }
div.comment-controls a.disapprove {
    width: 16px;
    height: 16px;
    padding: 3px 5px;
    background: transparent url('images/icon-disapprove.png') 4px center no-repeat;
    float: right;
    position: relative;
    right: -6px;
    top: -4px;
    opacity: 0.85;
}

div.comment-controls a.remove:hover { background-position: -146px center; opacity: 1; }

div.username {
    width: 100px;
    float: left;
}

a.user {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    word-wrap: break-word;
}

span.nick {
    font-weight: bold;
    word-wrap: break-word;
}

a.user:hover {
    text-decoration: underline;
    color: #0E85E6;
}

img.avatar {
    float: left;
    position: relative;
    margin-right: 4px;
}

span.date {
    display: block;
    font-size: 11px;
    font-style: italic;
    color: #2E2E2E;
}

form div.sidebar-box {
    padding-bottom: 15px;
    margin-bottom: 10px;
}

form textarea#textarea {
    display: block;
    margin-bottom: 15px;
    padding: 5px 8px;
    min-width: 300px;
    width: 75%;
    height: 100px;
}

div.section.large.fullscreen { position: fixed; }

div.section.large.fullscreen {
    background: #f8f8f8 url('images/groovepaper.png') 0 0 repeat;    
    z-index: 9999;
    left: 0;
    top: 0;
    height: 92% !important;
    width: 88% !important;
    border-top: none;
    padding: 3% 6%;
}

div.section.large.fullscreen div.field {
    width: 98% !important;
    height: 92%;
}

div.section.large.fullscreen textarea { height: 84%; }

div.section.large.fullscreen div.fieldName {
    float: left;
    position: relative;
    clear: both;
    z-index: 9999999;
    width: 98% !important; 
    padding: 0 1%;
    margin-bottom: 15px;
}

div.section.large img.button.fullscreenToggle { float: right; }

div.x_license img.fullscreenToggle, div.x_unicode_reason img.fullscreenToggle { display: none !important; }

p.disclaimer {
    font-size: 11px;
    line-height: 1.35;
    color: #2E2E2E;
}

div.background.comments div.group a.textlink, div.background.comments div.group span.strong.italic, div.background.comments a.avatar {
    padding-left: 18px;
    background: url('images/user.png') 0 center no-repeat;
    font-style: normal;
    font-weight: bold;
}

div.preview-size { height: 150px; overflow: hidden; }
div.preview-size.fullsize { height: auto; }
div.preview-size img { cursor: pointer; }

span.commentNumber {
    color: #ddd;
    color: rgba(0, 0, 0, 0.15);
    font-weight: normal;
    font-size: 24px;
    position: absolute;
    right: 6px;
    bottom: -14px;
    z-index: -1;
    text-align: right;
    width: 60px;
}

/**********************************************
* Recaptcha
*********************************************/

noscript.recaptcha iframe { 
    width: 500px;
    height: 245px;
    border: none;
    display: block;
    margin-bottom: 10px;
}

/**********************************************
* Banner
*********************************************/

div.iframe { overflow: hidden; }

/**********************************************
* Administration
*********************************************/

div.preview {
    padding: 0 10px;
    border: 1px dashed #b4b4b4;
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.008);
    position: relative;
    margin-top: 50px;
    width: 108%;
    left: -5%;
    box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.03);
}

div.preview h3 { border-bottom: none; position: absolute; top: -48px; left: -1px; font-size: 19px; color: #062FB1; text-indent: 4.5%; }

div.preview div.entry { border: none; padding-top: 10px; padding-bottom: 0; left: 3.5%; width: 93%; }

p.warning { font-weight: bold; color: #000; }
span.preview { color: #d00; font-weight: bold; display: block; }

div.section { border-top: 1px dotted #999; padding: 15px 0; }
div.group div.section:first-of-type { border-top: none; }
body.detailedsearch div.section { padding: 10px 0 0; }

div.section label {
    border: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

div.section label span, div.section div.field span {
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    display: block;
    padding-top: 2px;
    color: #2E2E2E;
    cursor: default;
}

div.section div.fieldName { margin-left: 0; margin-right: 2%; }

input[type="text"], input[type="checkbox"], input[type="file"], select, textarea, textarea.recaptcha {
    border: 1px solid #a4a4a4;
    padding: 5px 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 12px;
    width: 65%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.07);
}

div.section input[type="checkbox"] { width: auto; top: -2px; position: relative; }

div.section input[type="text"].narrow, div.section input[type="file"].narrow, div.section select.narrow, div.section textarea.narrow, textarea.recaptcha.narrow {
    width: 35%;
    min-width: 160px;
}

div.section input[type="text"].autowidth, div.section input[type="file"].autowidth, div.section select.autowidth, div.section textarea.autowidth {
    width: auto;
}

div.section input[type="text"].fullwidth, div.section input[type="file"].fullwidth, div.section select.fullwidth, div.section textarea.fullwidth {
    width: 100%;
    min-width: 300px;
}

input[type="text"]:focus, input[type="file"]:focus, select:focus, textarea:focus {
    box-shadow: none;
    background-color: #E0EAF1;
    background-color: #fff;
    border-color: #005EC4;    
}

textarea { padding: 8px; }

div.section div.toolbar img { margin: 0; display: inline-block; position: relative; padding: 2px 3px; border: none; opacity: 0.82; }

div.section div.toolbar img:hover, img.fullscreenToggle.active { cursor: pointer; background: rgba(0, 0, 0, 0.035); box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15); opacity: 1; }

div.section img.iconUpload {
    width: 32px;
    height: 32px;
    border: 1px dotted #a4a4a4;
    display: block;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
}

div.section img.screenshot {
    width: 33%;
    height: auto;
}

div.field a.testUrl span { display: none; }
a.testUrl {
    background: url('images/icon-testurl.png') center 3px no-repeat;
    padding: 4px 15px;
    position: relative;
    top: 1px;
    left: -30px;
    
}
a.testUrl.hidden { display: none; }
a.testUrl.active { background-position: center -71px; }
a.testUrl:hover { background-position: center -34px; }

div.preview-buttons {
    margin-top: 15px;
    margin-bottom: 5px;
}

select#catsel, select#catsel2 { float: left; width: 45%; margin-right: 20px; }
textarea#x_cats, textarea#x_cats2 { float: left; width: 45%; height: 145px; }

/**********************************************
* Categories
*********************************************/

div.categories {
    margin-top: 20px;
}

div.subcategory {
    margin-bottom: 20px;
}

div.subcategory h2 {
    margin-bottom: 0;
    margin-right: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #a4a4a4;
    font-size: 16px;
    color: #222;
}

div.subcategory ul li {
    margin-right: 15px;
}

div.subcategory ul li h3 {
    border: none;
    text-transform: none;
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0 0 0;
    font-family: Arial, sans-serif;
}

/**********************************************
* Hidden data
*********************************************/

div.hiddendata, div.background.visible, div.dll {
    background: #f1f2f3;
    background: rgba(0, 0, 0, 0.055);
    margin-top: 2px;
    margin-bottom: 8px;
    border-top: 1px solid #DFE0E0;
    border-top: 1px solid rgba(0, 0, 0, 0.066);
    padding: 12px 14px;
    _padding: 5px 0;
    position: relative;
    z-index: 9;
    box-shadow: inset 1px 1px 7px -2px rgba(0, 0, 0, 0.033);
}

div.background.visible { border: none; }
body.details div.entry div.background.visible { background-color: transparent; border: 1px solid #ddd; box-shadow: none; border: none; padding-left: 0; padding-top: 0; }

div.hiddendataBody { margin-left: 8px; margin-bottom: 2px; }

div.background h3 {
    margin-top: 0px;
    border: none;
}

div.background.screenshot > img {
    margin: 0 auto;
    display: block;
}

div.background img {
    max-width: 99.9%;
}

div.background.visible img { margin-right: 0; margin-left: 0; }
div.background.visible a.hiddendata-newwindow { top: 7px; float: none; display: inline-block; }
div.background.visible a.hiddendata-newwindow:after { display: none; }

div.background span.date { display: inline; margin-left: 0px; }

ul.app-links li a.opened {
    background: transparent url('images/bg-app-link-opened.png') 43% 24px no-repeat;
    position: relative;
    z-index: 99999;
}

ul.app-links li.comments.js a:after,
ul.app-links li.screenshot.js a:after,
ul.app-links li.memberpoints a:after,
ul.app-links li.whatsnew a:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px inset transparent;
    border-top: 3px solid #062FB1;
    position: relative;
    top: 10px;
    left: 2px;
}

ul.app-links li.comments.js a:hover:after,
ul.app-links li.screenshot.js a:hover:after,
ul.app-links li.memberpoints a:hover:after,
ul.app-links li.whatsnew a:hover:after
{
    border-top-color: #0E85E6;
}

ul.app-links li.comments.js a:visited:after,
ul.app-links li.memberpoints a:visited:after,
ul.app-links li.screenshot.js a:visited:after,
ul.app-links li.whatsnew a:visited:after
{
    /*border-top-color: #99556E;*/
}

ul.app-links li.comments.js a:visited:hover:after,
ul.app-links li.memberpoints a:visited:hover:after,
ul.app-links li.screenshot.js a:visited:hover:after,
ul.app-links li.whatsnew a:visited:hover:after
{
    /*border-top-color: #0E85E6;*/
}

/* ul.app-links a.animscreenshot span { 
    padding-left: 12px;
    background: url('images/icon-animscreenshot.png') 0 3px no-repeat;
} */

ul.app-links a.animscreenshot:hover span { background-position: 0 -57px; }
ul.app-links a.animscreenshot.opened span { background-position: 0 -117px;}

div.whatsnew ul li, #whatsnew ul li {
    margin-left: 12px;
    list-style-type: none;
    position: relative;
    margin-bottom: 6px;
}

div.whatsnew ul li:before, #whatsnew ul li:before, ul.list1 li a:before  {
    content: "› ";
    position: absolute;
    top: 1px;
    left: -8px;
    font-size: 11px;
    font-weight: bold;
}

a.hiddendata-close,
a.hiddendata-newwindow
{
    font-size: 11px; margin-right: 15px; margin-left: 2px; position: relative; top: 5px; font-style: normal; color: #2E2E2E; text-decoration: none;
}

a.hiddendata-newwindow {
    float: right;
    top: 8px;
    margin-right: 0;
}

div.memberpoints ul li {
    display: block;
    float: none;
    border: none !important;
}

div.forumResults {
    margin: -11px 0 3px 0;
}

div.forumResults p.italic {
    margin-bottom: 0px;
    margin-top: 12px;
}

div.forumResults p.italic:first-child {
    margin-top: 0px;
}

div.dll { margin-bottom: 25px; }
ul.links li { margin-bottom: 10px; }

ul.list1 li, ul.bullets li {
    position: relative;
    margin-left: 10px;
}

ul.list1 li a:before { color: inherit; }
ul.list1 li a:hover:before { color: #0E85E6; }

ul.bullets { margin-bottom: 12px; margin-left: 5px; }

ul.bullets li { list-style: disc; }

ol.bbcode_list, ul.bbcode_list { margin-left: 20px; margin-bottom: 10px; text-align: left; }

ol.bbcode_list li { list-style: decimal; }
ul.bbcode_list li { list-style: disc; }

ul.faqlist { position: relative; margin-left: 25px; }
ul.faqlist li { list-style: disc; margin-left: 10px; margin-bottom: 10px; }

a.forumResultsLink {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0px;
    padding: 12px 4%;
    text-align: center;
    width: 92%;
    background: #f1f2f3;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #D7D9DE;
    box-shadow: inset 0px 0px 3px #fff;
}

a.forumResultsLink.opened { color: #0D62D7; text-decoration: none; border-color: transparent; background-color: transparent; box-shadow: none; }

a.forumResultsLink:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px inset transparent;
    border-top: 3px solid #062FB1;
    position: relative;
    bottom: -11px;
    left: 2px;
}

a.forumResultsLink:hover:after, a.forumResultsLink.opened:after {
    border-top-color: #0E85E6;
}

/**********************************************
* 404
*********************************************/

div.notfound {
    margin-top: 80px;
    text-align: center;
}

div.notfound h1 { margin-right: auto; margin-left: auto; }

div.notfound p {
    margin-bottom: 20px;
}

/**********************************************
* Quick Search
*********************************************/

div.quicksearch {
    padding: 15px 0 10px;
}

div.quicksearch img {
    float: right;
    position: relative;
    margin-left: 20px;
    max-width: 30%;
    height: auto;
    -webkit-transition: max-width 0.5s ease-in-out;
    -moz-transition:max-width 0.5s ease-in-out;
    -o-transition: max-width 0.5s ease-in-out;
    -ms-transition: max-width 0.5s ease-in-out;
    transition: max-width 0.5s ease-in-out;
}

div.quicksearch img:hover {
    max-width: 100%;
    cursor: url('images/icon-zoom.png'), -moz-zoom-in;
}

div.quicksearch p.contributor {
    margin-top: 30px;
    display: block;
}

/**********************************************
* FAQ
*********************************************/

div.question h3 {
    padding-left: 22px;
    background: url('images/icon-faq.png') 0 6px no-repeat;
    margin-bottom: 10px;
    font-size: 15px;
}

div.question a {
    color: #062FB1;
}

div.question p, div.question div.background {
    margin-left: 24px;
    text-align: justify;
}

div.question div.background p { margin-left: 0; }


/**********************************************
* Sidebar
*********************************************/

div.sidebar {
    font-size: 12px;
    margin-top: 10px;
    float: right;
    margin-bottom: 30px;
}

div.sidebar-box {
    background: #f1f2f3;
    background: rgba(0, 0, 0, 0.055);
    padding: 8px 10px;
    margin-bottom: 15px;
    border-top: 1px dotted #949494;
    position: relative;
}

div.sidebar-box p.newsletter span { position: absolute; bottom: 5px; right: 10px; }

ul.bulleted li {
    margin-left: 2px;
    position: relative;
    line-height: 1;
}

ul.bulleted li a {
    display: inline-block;
    line-height: 1.7;
}

ul.bulleted li:hover:before {
    content: "›";
    display: block;
    position: absolute;
    top: 2px;
    left: -7px;
    color: #0E85E6;
    font-weight: bold;
}

ul.bulleted li:hover a {
    color: #0E85E6;
}

div.sidebar-box ul li a {
    font-size: 13px;
    position: relative;
}

div.sidebar-box ul.inline li a {
    padding: 0px 5px;
    position: relative;
    left: -4px;
    display: inline-block;
    transition: none;
}

div.sidebar-box ul.inline li a:hover, div.sidebar-box ul.inline li:hover a {
    background-color: #0E85E6;
    background-color: #0D62D7;
    color: #fff;
    text-decoration: none;
}

div.sidebar-box span {
    color: #363636;
    font-size: 11px;
    position: relative;
    margin-left: 4px;
    font-style: italic;
}

div.sidebar-box input#email {
    width: 75%;
    min-width: 100px;
    margin-bottom: 5px;
    margin-top: 3px;
    font-size: 12px;
}

div.sidebar-box input#subscribe {
    border: 0 none;
    color: #062FB1;
    background-color: transparent;
    padding: 0;
    font-size: 12px;
    margin-bottom: 0;
}

div.sidebar-box input#subscribe:hover { color: #0E85E6; }
div.sidebar-box div.subscribe:hover { border-bottom-color: #0E85E6; }

div.sidebar-box div.subscribe {
    border-bottom: 1px solid #062FB1;
    display: inline;
}

/**********************************************
* listControl
*********************************************/

ul.listControl {
    position: relative;
    padding: 0 0 12px 0;
    float: right;
    top: 14px;
    display: inline-block;
    margin-bottom: 10px;
}

body.category ul.listControl, body.category2 ul.listControl { top: -6px; }

ul.listControl li {
    margin-left: 10px;
    font-size: 12px;
    line-height: 12px;
}

ul.listControl li a { color: #000; text-decoration: none; }
ul.listControl li a:hover { color: #0E85E6; text-decoration: underline; }

ul.listControl li.entryPerPage, ul.listControl li.showDetails {
    padding: 0 8px;
    border-right: 1px solid #565A56;
    border-left: 1px solid #565A56;
    position: relative;
}

ul.listControl li.showDetails { border-right: 0; padding-right: 0px; }

ul.listControl li.entryPerPage a { padding: 0 4px; transition: none; }

/* js drop-down styling */

ul.listControl li.entryPerPage.js {
    padding-right: 16px;
    cursor: pointer;
    z-index: 99;
}

ul.listControl li.entryPerPage.js:hover { text-decoration: underline; color: #0E85E6; }
ul.listControl li.entryPerPage.js:hover:after { border-top-color: #0E85E6; }

ul.listControl li.entryPerPage.js div.entries { 
    position: absolute;
    top: 16px;
    right: 0;
    padding: 5px 0;
    background-color: #fff;
    width: 96%;
    text-align: right;
    border: 1px solid #b4b4b4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

ul.listControl li.entryPerPage.js div.entries:before { 
    background-color: transparent;
    height: 25px;
    width: 100%;
    content: "";
    display: block;
    margin-top: -25px;
}

ul.listControl li.entryPerPage.js div.entries a {
    display: block;
    padding: 5px 14px;
    width: auto;
    text-decoration: none;
}

ul.listControl li.entryPerPage.js div.entries a:hover {
    background-color: #0E85E6;
    color: #fff;
}

ul.listControl li.entryPerPage.js:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px inset transparent;
    border-top: 3px solid #2E2E2E;
    border-bottom: 3px solid transparent;
    position: absolute;
    top: 5px;
    right: 6px;
}

/**********************************************
* Pager
*********************************************/

ul.pager {
    border-top: 1px dotted #a4a4a4;
    border-bottom: 1px dotted #a4a4a4;
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 12px;
    clear: both;
}

ul.pager li { position: relative; }

ul.pager li a {
    display: block;
    padding: 6px 7px;
    color: #000;
}

ul.pager li a:hover {
    color: #0E85E6;
}

ul.pager li.current a {
    border: 1px solid #a4a4a4;
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: #000;
    margin: 0 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 2px;
}

ul.pager li.current a:hover { text-decoration: none; color: #000; cursor: default; }

ul.pager li span { position: relative; top: 5px; margin: 0 3px; }

ul.pager li.nav a { padding-right: 16px; padding-left: 16px; text-decoration: none; }
ul.pager li.nav:first-child a { padding-left: 1px; }
ul.pager li.nav a:hover { text-decoration: underline; color: #0E85E6; }


/**********************************************
* Footer
*********************************************/

div.footer {
    font-size: 12px;
    background: #f1f2f3;
    background: rgba(0, 0, 0, 0.055);
    border: 1px solid #D7D9DE;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1);
    padding: 15px;
    position: relative;
}

p.copyright {
    font-size: 11px;
    color: #2E2E2E;
    margin-top: 15px;
    position: relative;
    top: 40px;
}

div.footer ul.inline {
    float: right;
    position: relative;
    top: 12px;
}

div.footer ul.inline li {
    border-right: 1px solid #2E2E2E;
    line-height: 1;
}

div.footer ul.inline li:last-child { border: none; }

div.footer ul.inline li a {
    padding: 0 15px;
    color: #000;
    text-decoration: none;
}

div.footer ul.inline li a:hover {
    color: #0E85E6;
    text-decoration: underline;
}

/**********************************************
* Error messages
*********************************************/

div.error-message {
    color: #D00;
    border-left: 2px solid #D00;
    padding: 10px 0 10px 15px;
    background: #f1f2f3;
    background: rgba(0, 0, 0, 0.035);
    margin: 10px 0 15px;
}

div.error-message h3 {
    color: #D00;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, sans-serif;
    border: none;
    margin: 10px 0 5px;
    padding: 0;
}

div.error-message ul {
    margin-left: 20px;
}

div.error-message li a {
    color: #D00;
    text-decoration: none;
}

div.error-message li a:hover {
    color: #D00;
    text-decoration: underline;
}

div.error-message li a:before {
    display: none;
}

div.error-message span {
    color: #333;
    position: relative;
    top: -5px;
    font-weight: normal;
    font-size: 12px;
    margin-left: 20px;
    font-style: italic;
}

input.error, textarea.error, select.error { border-color: #D00 !important; box-shadow: none; }

input.error, textarea.error, select.error { 
   background: #fff url('images/icon-exclamation.png') 99% 5px no-repeat;
   padding-right: 30px;
}

input.error:focus, textarea.error:focus, select.error:focus { 
   background-color: #F5E2E7;
}

/**********************************************
* Tooltips
*********************************************/

p.tooltip {
    position: absolute;
    bottom: -4px;
    left: -19px;
    margin-bottom: 0px;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    opacity: 0;
    _display: none;
    *display: none;
    color: #2E2E2E;
    width: 124px;
    text-indent: 4px;
    background: transparent url('images/groovepaper.png') 0 0 repeat;
    
    -webkit-transition: opacity 0.3s ease-in-out 0.1s;
    -moz-transition: opacity 0.3s ease-in-out 0.1s;
    -o-transition: opacity 0.3s ease-in-out 0.1s;
    transition: opacity 0.3s ease-in-out 0.1s;
}

p.tooltip span { font-size: 11px; font-weight: normal; }

li.stars:hover p.tooltip {
    opacity: 0.96;
    
    -webkit-transition: opacity 0.25s ease-in-out 0.2s;
    -moz-transition: opacity 0.25s ease-in-out 0.2s;
    -o-transition: opacity 0.25s ease-in-out 0.2s;
    transition: opacity 0.25s ease-in-out 0.2s;
}

li.stars:hover p.tooltip div {
    background-color: rgba(0, 0, 0, 0.008);
}


/**********************************************
* Helper Classes
*********************************************/

br { line-height: 1; }

span.highlight { background-color: #ffff00; }

hr.dotted {
    border: none;
    border-bottom: 1px dotted #333;
    clear: both;
    display: block;
    height: 1px;
    text-align: left;
    width: 100%;
    margin: 10px 0 15px;
}

*:focus {outline: none;} /* remove Chrome focus */

.no-after:after { display: none; }

.normal { font-weight: normal !important; }

input:hover, label:hover, select:hover { cursor: pointer; }

input[type="text"] { cursor: text; }

::selection { background-color: #CCF09C; color: #000; }
::-moz-selection { background-color: #CCF09C; color: #000; }
  
p { margin-bottom: 10px; }

strong, .strong, b { font-weight: bold; }

.italic, i { font-style: italic; }

u { text-decoration: underline; }

.hidden { display: none !important; }

.noborder { border: none !important; }

.clear { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: left; }

.left, .float-left { float: left; }
.right, .float-right { float: right; }

.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }

.img-left { float: left; margin: 4px 10px 4px 0 }
.img-right { float: right; margin: 4px 0 4px 10px }

.first { margin-left: 0 !important }
.last { margin-right: 0 !important }

.nomargin { margin: 0 !important }
.nopadding { padding: 0 !important }
.noindent { margin-left: 0; padding-left: 0 }
.nobullet { list-style: none; list-style-image: none }

.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }


/**********************************************
* Grid
*********************************************/

/*
    Variable Grid System (Fluid Version).
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

    Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 { width: 92%; margin-left: 4%; margin-right: 4%; /*min-width: 990px;*/ }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 { width:6.333%; }
.container_12 .grid_2 { width:14.667%; }
.container_12 .grid_3 { width:23.0%; }
.container_12 .grid_4 { width:31.333%; }
.container_12 .grid_5 { width:39.667%; }
.container_12 .grid_6 { width:48.0%; }
.container_12 .grid_7 { width:56.333%; }
.container_12 .grid_8 { width:64.667%; }
.container_12 .grid_9 { width:73.0%; }
.container_12 .grid_10 { width:81.333%; }
.container_12 .grid_11 { width:89.667%; }
.container_12 .grid_12 { width:98.0%; }

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 { padding-left:8.333%; }
.container_12 .prefix_2 { padding-left:16.667%; }
.container_12 .prefix_3 { padding-left:25.0%; }
.container_12 .prefix_4 { padding-left:33.333%; }
.container_12 .prefix_5 { padding-left:41.667%; }
.container_12 .prefix_6 { padding-left:50.0%; }
.container_12 .prefix_7 { padding-left:58.333%; }
.container_12 .prefix_8 { padding-left:66.667%; }
.container_12 .prefix_9 { padding-left:75.0%; }
.container_12 .prefix_10 { padding-left:83.333%; }
.container_12 .prefix_11 { padding-left:91.667%; }

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 { padding-right:8.333%; }
.container_12 .suffix_2 { padding-right:16.667%; }
.container_12 .suffix_3 { padding-right:25.0%; }
.container_12 .suffix_4 { padding-right:33.333%; }
.container_12 .suffix_5 { padding-right:41.667%; }
.container_12 .suffix_6 { padding-right:50.0%; }
.container_12 .suffix_7 { padding-right:58.333%; }
.container_12 .suffix_8 { padding-right:66.667%; }
.container_12 .suffix_9 { padding-right:75.0%; }
.container_12 .suffix_10 { padding-right:83.333%; }
.container_12 .suffix_11 { padding-right:91.667%; }

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 { left:8.333%; }
.container_12 .push_2 { left:16.667%; }
.container_12 .push_3 { left:25.0%; }
.container_12 .push_4 { left:33.333%; }
.container_12 .push_5 { left:41.667%; }
.container_12 .push_6 { left:50.0%; }
.container_12 .push_7 { left:58.333%; }
.container_12 .push_8 { left:66.667%; }
.container_12 .push_9 { left:75.0%; }
.container_12 .push_10 { left:83.333%; }
.container_12 .push_11 { left:91.667%; }

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 { left:-8.333%; }
.container_12 .pull_2 { left:-16.667%; }
.container_12 .pull_3 { left:-25.0%; }
.container_12 .pull_4 { left:-33.333%; }
.container_12 .pull_5 { left:-41.667%; }
.container_12 .pull_6 { left:-50.0%; }
.container_12 .pull_7 { left:-58.333%; }
.container_12 .pull_8 { left:-66.667%; }
.container_12 .pull_9 { left:-75.0%; }
.container_12 .pull_10 { left:-83.333%; }
.container_12 .pull_11 { left:-91.667%; }

img.faq { border:1px dotted grey; }

li.website a:before  { opacity:0.8; display:inline-block; text-decoration:none; font-family: "entypo"; content:"\e821"; padding-right:3px; }
li.website a { text-decoration: none; }
li.download a:before  { opacity:0.8; display:inline-block; text-decoration:none; font-family: "entypo"; content:"\e82d"; padding-right:3px; }
li.download a { text-decoration: none; }
li.screenshot a:before { opacity:0.8; display:inline-block; text-decoration:none; font-family: "entypo"; content:"\e80e"; padding-right:3px; }
li.screenshot a.animscreenshot:before { opacity:0.8; display:inline-block; text-decoration:none; font-family: "entypo"; content:"\e80d"; padding-right:3px; }
li.screenshot a { text-decoration: none; }
li.addcomment a:before , li.comments a:before { opacity:0.8; display:inline-block; text-decoration:none; font-family: "entypo"; content:"\e83b"; padding-right:3px; }
li.addcomment a, li.comments a { text-decoration: none; }
li.memberpoints a:before { opacity:0.8; display:inline-block; text-decoration:none; font-family: "entypo"; content:"\e806"; padding-right:3px; }
li.memberpoints a { text-decoration: none; }
li.whatsnew a i { opacity:0.8; }
li.permalink a i { opacity:0.8; }
li.forumtopic a i { opacity:0.8; }

.subtopic { color: green; font-style: italic; }