/*Reset*/
/* CSS Document */
/* h1, h2, h3, h4, h5, h6{line-height:inherit; margin:inherit;} */
*{outline:none !important; outline: 0 !important;}
a, a:hover, a:focus, a:link, a:visited{text-decoration:none;}
.label-default a, .label-primary a, .label-success a, .label-info a, .label-warning a, .label-danger a{color: #ffffff;}
.btn-primary a{color: inherit}
/*XOOPS*/
/* $Id: xoops.css 9599 2012-05-29 12:24:59Z beckmi $ */
/* Removed reset */
img.center {
    text-align: center;
    margin: 6px auto;
    display: block;
    margin-bottom: 4px;
}

img.left {
    text-align: left;
    float: left;
    margin: 2px 6px 2px 0;
    clear: left;
}

img.right {
    float: right;
    text-align: right;
    margin: 2px 0 2px 6px;
    clear: right;
}

#xoopsHiddenText {
    visibility: hidden;
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

/* for pagenav, can be overwritten in theme styles */
.pagneutral {
    font-size: 10px;
    width: 16px;
    height: 19px;
    text-align: center;
    /*background-image: url(./images/pagneutral.gif);*/
}

.pagact {
    font-size: 10px;
    width: 16px;
    height: 19px;
    text-align: center;
    /*background-image: url(./images/pagact.gif);*/
}

.paginact {
    font-size: 10px;
    width: 16px;
    height: 19px;
    text-align: center;
    /*background-image: url(./images/paginact.gif);*/
}

/* For required elements in XOOPS form */
.xoops-form-element-caption .caption-marker {
    display: none;
}

.xoops-form-element-caption-required .caption-marker {
    background-color: inherit;
    padding-left: 2px;
    color: #ff0000;
}

.xoops-form-element-help {
    font-size: .9em;
    padding-top: 5px;
    font-weight: normal;
}

/* fix for swf banner */
#xo-fixbanner a {
    display: block;
    position: absolute;
    z-index: 102;
    width: 468px;
    height: 60px;
}

/* jGrowl redirection */
div.jGrowl {
    padding: 1em;
    z-index: 9999;
}

/* JGrowl Box position in the page */
body > div.jGrowl {
    position: fixed;
}

body > div.jGrowl.top-right {
    right: 25%;
    left: 25%;
    top: 2px;
}

body > div.jGrowl.bottom-left {
    left: 0;
    bottom: 0;
}

body > div.jGrowl.bottom-right {
    right: 0;
    bottom: 0;
}

body > div.jGrowl.center {
    top: 0;
    width: 50%;
    left: 25%;
}

body > div.jGrowl.top-left {
    left: 0;
    top: 0;
}

/* jGrowl Box style */
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
    margin-left: auto;
    margin-right: auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    background-color: #EBFBFE;
    color: #000080;
    width: 100%;
    padding: .5em;
    margin-top: .5em;
    margin-bottom: .5em;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1.2em;
    text-align: center;
    border: 1px solid #6699FF;
    display: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

div.jGrowl div.jGrowl-notification {
    min-height: 40px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
    font-weight: bold;
    font-size: 10px;
}

/* jGrowl Close button */
div.jGrowl div.jGrowl-notification div.jGrowl-close {
    float: right;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

div.jGrowl div.jGrowl-closer {
    height: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

/*=== GENERIC CLASS, for use in themes, modules and contents ===*/
/* Position */
.floatleft {
    float: left;
    margin: 0;
    padding-left: 4px;
    border: 0;
}

.floatright {
    float: right;
    margin: 0;
    padding: 2px;
    border: 0;
}

.floatcenter0 {
    margin: 0 auto;
}

.floatcenter1 {
    margin: 1em auto;
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.clearleft {
    clear: left;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.clearright {
    clear: right;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.blockinline {
    display: inline-block;
}

/* Texte */
.left, .txtleft {
    text-align: left;
}

.right, .txtright {
    text-align: right;
}

.center, .txtcenter {
    text-align: center;
}

.justify, .txtjustify {
    text-align: justify;
}

/* Table alignement */
.middle, .alignmiddle {
    vertical-align: middle;
}

.top, .aligntop {
    vertical-align: top;
}

.bottom, .alignbottom {
    vertical-align: bottom;
}

.positop {
    margin-top: 0;
    padding-top: 0;
}

.posibottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Others table div class */
.table {
    display: table;
}

.tcaption1 {
    display: block;
    width: 100%; /* for 1 columns */
}

.tcaption2 {
    display: block;
    width: 200%; /* for 2 columns */
}

.tcaption3 {
    display: block;
    width: 300%; /* for 3 columns */
}

.tcaption4 {
    display: block;
    width: 400%; /* for 4 columns */
}

.tcaption5 {
    display: block;
    width: 500%; /* for 5 columns */
}

.tcaption6 {
    display: block;
    width: 600%; /* for 6 columns */
}

.tbody {
    display: table-row-group;
}

.trow {
    display: table-row;
}

.tcell {
    display: table-cell;
}

.tfootend {
    width: auto;
}
.collapse {
    border-collapse: collapse;
}

.collapsed {
    border-collapse: collapse;
}

.separate {
    border-collapse: separate;
}

.bspacing1 {
    border-spacing: 1px;
}

.bspacing2 {
    border-spacing: 2px;
}

.bspacing3 {
    border-spacing: 3px;
}

.bspacing4 {
    border-spacing: 4px;
}

.bspacing5 {
    border-spacing: 5px;
}

.bspacing10 {
    border-spacing: 10px;
}

/* Width */
.widthauto {
    width: auto;
}

.width100 {
    width: 100%;
}

.width90 {
    width: 90%
}

.width80 {
    width: 80%;
}

.width75 {
    width: 75%;
}

.width70 {
    width: 70%
}

.width66 {
    width: 66.6%
}

.width60 {
    width: 60%
}

.width50 {
    width: 49%;
}

.width45 {
    width: 45%
}

.width40 {
    width: 40%
}

.width33 {
    width: 33.3%;
}

.width30 {
    width: 30%;
}

.width25 {
    width: 25%;
}

.width20 {
    width: 20%;
}

.width15 {
    width: 15%;
}

.width10 {
    width: 10%;
}

.width5 {
    width: 5%;
}

.width3 {
    width: 3%;
}

.width2 {
    width: 2%;
}

.width1 {
    width: 1%;
}

/* Padding */
.pad2 {
    padding: 2px;
}

.pad3 {
    padding: 3px;
}

.pad5 {
    padding: 5px;
}

.pad7 {
    padding: 7px;
}

.pad10 {
    padding: 10px;
}

/* Margin */
.marg2 {
    margin: 2px;
}

.marg3 {
    margin: 3px;
}

.marg5 {
    margin: 5px;
}

.marg7 {
    margin: 8px;
}

.marg10 {
    margin: 10px;
}

/* Font */
.verysmall, .xx-small {
    font-size: .7em;
}

.smallsmall, .x-small {
    font-size: .8em;
}

.small {
    font-size: .92em;
}

.normal {
    font-size: 1em;
}

.big {
    font-size: 1.17em;
}

.maxi {
    font-size: 1.5em;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}

.lighter {
    font-weight: lighter;
}

.normal {
    font-weight: normal;
    font-style: normal;
}

.italic {
    font-style: italic;
}

.oblique {
    font-style: oblique;
}

.underline {
    text-decoration: underline;
}

.expanded {
    letter-spacing: .5em;
}

.condensed {
    letter-spacing: -.1em;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

/*======== line-height ======== */
.line100 {
    line-height: 1em;
}

.line120 {
    line-height: 1.2em;
}

.line140 {
    line-height: 1.4em;
}

.line160 {
    line-height: 1.6em;
}

.line170 {
    line-height: 1.7em;
}

.line180 {
    line-height: 1.8em;
}

.line200 {
    line-height: 2em;
}

.line220 {
    line-height: 2.2em;
}

.line240 {
    line-height: 2.4em;
}

/* Colors */
.red {
    background-color: transparent;
    color: #ff0000;
}

.blue {
    background-color: transparent;
    color: #0000ff;
}

.black {
    background-color: transparent;
    color: #000;
}

.white {
    background-color: transparent;
    color: #fff;
}

.yellow {
    background-color: transparent;
    color: #ffff00;
}

.orange {
    background-color: transparent;
    color: #ffa500;
}

.green {
    background-color: transparent;
    color: #008000;
}

.silver {
    background-color: transparent;
    color: #c0c0c0;
}

/* Hidden */
.hide {
    display: none;
}

.hidden {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* Space */
.spacer {
    padding: 0 0 3px 0;
}

.separator {
    clear: both;
    float: left;
    height: 1px;
    width: 100%;
}

/* Cursor class */
.cursordefault {
    cursor: default;
}

.cursormove {
    cursor: move;
}

.cursorpointer {
    cursor: pointer;
}

.cursorhelp {
    cursor: help;
}

/*========  others opacity class ======== */
.opac5 {
    opacity: .5 !important;
    filter: alpha(opacity=50) !important;
}

.opac5:hover {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.opac7 {
    opacity: .7 !important;
    filter: alpha(opacity=70) !important;
}

.opac7:hover {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.opac1 {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.opac1:hover {
    opacity: .5 !important;
    filter: alpha(opacity=50) !important;
}

/*========  others radius class ======== */
.bradius3 {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.bradius5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.bradius10 {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.bradius15 {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

/*========  border class ======== */
.bnone {
    border: 0;
}

.border {
    border: 1px solid #000;
}

.dotted {
    border: 1px dotted #000;
}

.dashed {
    border: 1px dashed #000;
}

.solidblack {
    border: 1px solid #000;
}

.solidwhite {
    border: 1px solid #fff;
}

.solidred {
    border: 1px solid #ff0000;
}

.solidyellow {
    border: 1px solid #ffff00;
}

.solidblue {
    border: 1px solid #0000ff;
}

.solidorange {
    border: 1px solid #ffa500;
}

.solidgreen {
    border: 1px solid #008000;
}

.solidbrown {
    border: 1px solid #a52a2a;
}

.solidsilver {
    border: 1px solid #c0c0c0;
}

.dottedblack {
    border: 1px dotted #000;
}

.dottedwhite {
    border: 1px dotted #fff;
}

.dottedred {
    border: 1px dotted #ff0000;
}

.dottedyellow {
    border: 1px dotted #ffff00;
}

.dottedblue {
    border: 1px dotted #0000ff;
}

.dottedorange {
    border: 1px dotted #ffa500;
}

.dottedgreen {
    border: 1px dotted #008000;
}

.dottedbrown {
    border: 1px dotted #a52a2a;
}

.dottedsilver {
    border: 1px dotted #c0c0c0;
}

.dashedblack {
    border: 1px dashed #000;
}

.dashedwhite {
    border: 1px dashed #fff;
}

.dashedred {
    border: 1px dashed #ff0000;
}

.dashedyellow {
    border: 1px dashed #ffff00;
}

.dashedblue {
    border: 1px dashed #0000ff;
}

.dashedorange {
    border: 1px dashed #ffa500;
}

.dashedgreen {
    border: 1px dashed #008000;
}

.dashedbrown {
    border: 1px dashed #a52a2a;
}

.dashedsilver {
    border: 1px dashed #c0c0c0;
}

.doubleblack {
    border: 4px double #000;
}

.doublewhite {
    border: 4px double #fff;
}

.doublered {
    border: 4px double #ff0000;
}

.doubleyellow {
    border: 4px double #ffff00;
}

.doubleblue {
    border: 4px double #0000ff;
}

.doubleorange {
    border: 4px double #ffa500;
}

.doublegreen {
    border: 4px double #008000;
}

.doublebrown {
    border: 4px double #a52a2a;
}

.doublesilver {
    border: 4px double #c0c0c0;
}

.grooveblack {
    border: 3px groove #000;
}

.groovewhite {
    border: 3px groove #fff;
}

.groovered {
    border: 3px groove #ff0000;
}

.grooveyellow {
    border: 3px groove #ffff00;
}

.grooveblue {
    border: 3px groove #0000ff;
}

.grooveorange {
    border: 3px groove #ffa500;
}

.groovegreen {
    border: 3px groove #008000;
}

.groovebrown {
    border: 3px groove #a52a2a;
}

.groovesilver {
    border: 3px groove #c0c0c0;
}

.ridgeblack {
    border: 3px ridge #000;
}

.ridgewhite {
    border: 3px ridge #fff;
}

.ridgered {
    border: 3px ridge #ff0000;
}

.ridgeyellow {
    border: 3px ridge #ffff00;
}

.ridgeblue {
    border: 3px ridge #0000ff;
}

.ridgeorange {
    border: 3px ridge #ffa500;
}

.ridgegreen {
    border: 3px ridge #008000;
}

.ridgebrown {
    border: 3px ridge #a52a2a;
}

.ridgesilver {
    border: 3px ridge #c0c0c0;
}

.insetblack1 {
    border: 1px inset #000;
}

.insetblack {
    border: 3px inset #000;
}

.insetwhite1 {
    border: 1px inset #fff;
}

.insetwhite {
    border: 3px inset #fff;
}

.insetred {
    border: 3px inset #ff0000;
}

.insetyellow {
    border: 3px inset #ffff00;
}

.insetblue {
    border: 3px inset #0000ff;
}

.insetorange {
    border: 3px inset #ffa500;
}

.insetgreen {
    border: 3px inset #008000;
}

.insetbrown {
    border: 3px inset #a52a2a;
}

.insetsilver1 {
    border: 1px inset #c0c0c0;
}

.insetsilver {
    border: 3px inset #c0c0c0;
}

.outsetblack1 {
    border: 1px outset #000;
}

.outsetblack {
    border: 3px outset #000;
}

.outsetwhite1 {
    border: 1px outset #fff;
}

.outsetwhite {
    border: 3px outset #fff;
}

.outsetred {
    border: 3px outset #ff0000;
}

.outsetyellow {
    border: 3px outset #ffff00;
}

.outsetblue {
    border: 3px outset #0000ff;
}

.outsetorange {
    border: 3px outset #ffa500;
}

.outsetgreen {
    border: 3px outset #008000;
}

.outsetbrown {
    border: 3px outset #a52a2a;
}

.outsetsilver1 {
    border: 1px outset #c0c0c0;
}

.outsetsilver {
    border: 3px outset #c0c0c0;
}

/*========  font family class ======== */
.arial {
    font-family: Arial, Helvetica, sans-serif;
}

.courierNew {
    font-family: 'Courier New', Courier, monospace;
}

.georgia {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.lucidaConsole {
    font-family: 'Lucida Console', Monaco, monospace;
}

.lucidaSansUnicode {
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

.tahoma {
    font-family: Tahoma, Geneva, sans-serif;
}

.times {
    font-family: 'Times New Roman', Times, serif;
}

.trebuchet {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

.verdana {
    font-family: Verdana, Geneva, sans-serif;
}

.msSans {
    font-family: 'MS Sans Serif', Geneva, sans-serif;
}

.msSerif {
    font-family: 'MS Serif', 'New York', serif;
}

.helvetica {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.impact {
    font-family: Impact, Charcoal, sans-serif;
}

.century {
    font-family: 'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

/*========  shadows class ======== */
.shadow {
    text-shadow: 2px 2px 3px #aaa;
}

.shadowlight {
    text-shadow: 1px 1px 2px #aaa;
}

.boxshadow {
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}

.boxshadow1 {
    box-shadow: 0 0 20px #787878;
    -webkit-box-shadow: 0 0 20px #787878;
    -moz-box-shadow: 0 0 20px #787878;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=5);
    zoom: 1;
}

.boxrelief {
    box-shadow: 0 20px 10px -10px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 20px 10px -10px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 20px 10px -10px rgba(255, 255, 255, 0.3) inset;
}

.boxinset {
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24) inset;
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .4) inset;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .4) inset;
}

/*========  multiple columns content ======== */
.twocolumn {
    column-count: 2;
    column-gap: 1.5em;
    -moz-column-count: 2;
    -moz-column-gap: 1.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1.5em;
}

.threecolumn {
    column-count: 3;
    column-gap: 1.2em;
    -moz-column-count: 3;
    -moz-column-gap: 1.2em;
    -webkit-column-count: 3;
    -webkit-column-gap: 1.2em;
}

.forcolumn {
    column-count: 4;
    column-gap: 1.2em;
    -moz-column-count: 4;
    -moz-column-gap: 1.2em;
    -webkit-column-count: 4;
    -webkit-column-gap: 1.2em;
}

.column10 {
    column-width: 10em;
    column-gap: 1.2em;
    -moz-column-width: 10em;
    -moz-column-gap: 1.2em;
    -webkit-column-width: 10em;
    -webkit-column-gap: 1.2em;
}

.column15 {
    column-width: 15em;
    column-gap: 1.2em;
    -moz-column-width: 15em;
    -moz-column-gap: 1.2em;
    -webkit-column-width: 15em;
    -webkit-column-gap: 1.2em;
}

.column20 {
    column-width: 20em;
    column-gap: 1.2em;
    -moz-column-width: 20em;
    -moz-column-gap: 1.2em;
    -webkit-column-width: 20em;
    -webkit-column-gap: 1.2em;
}

.column25 {
    column-width: 25em;
    column-gap: 1.2em;
    -moz-column-width: 25em;
    -moz-column-gap: 1.2em;
    -webkit-column-width: 25em;
    -webkit-column-gap: 1.2em;
}

/* CSS Document */
/*
    Bootstrap 3 Template
    Author:            Angelo Rocha
    Author URL:        www.angelorocha.com.br
    Licence:           GPL v3

    Contacts
    Twitter:            https://twitter.com/_AngeloRocha
    Google Plus:        https://plus.google.com/+AngeloRocha/posts
    Linkedin:           http://br.linkedin.com/in/angelorocha
    Github:             https://github.com/angelorocha
*/

/**
    * Table of Contents:
    *
    * 1. Home Classes
    * 2. XOOPS Codes
    * 3. XOOPS Blocks
    * 4. XOOPS Modules
        * 4.1. News
        * 4.2. Tag Module
        * 4.3. System
        * 4.4. System Comments
        * 4.5. System Site Closed
        * 4.6. Profile Module
        * 4.7. Contact Module
        * 4.8. PM Module
        * 4.9. eXtgallery Module
        * 4.10. TDMDownloads
        * 4.11. XOOPS Tube
        * 4.12. NewBB Module
    * 5. Useful Classes
**/

/* For Mobile IE */
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* 1. Home Classes */
.global-nav {
    margin-bottom: 0;
}

a.navbar-brand.xlogo {
    padding: 5px 20px 0 5px;
}

.slideshow {
}

.slideshow .carousel-caption {
    bottom: 10%;
}

.slideshow .carousel-indicators {
    bottom: 40px;
}

.slideshow .item {
    text-align: center;
}

.slideshow .item img {
    display: inline-block;
}

/*.maincontainer{margin-top:20px; margin-bottom:20px;}*/
.home-message {
    background: #FAFAFA;
    padding-top: 5px;
    border-left: 3px solid #9C6;
    margin-top: -60px;
    margin-bottom: 10px;
    position: relative;
    z-index: 5;
}

/*
.bottom-blocks{background: url(images/cover.jpg) 50% 50% no-repeat fixed; background-size:cover; margin-top: 20px; padding: 20px 0 20px 0;}
*/
.footer {
    background: #111;
    color: #EAEAEA;
}

.footer > h3 {
    font-size: 0.9em;
    margin: 0;
    line-height: inherit;
    max-width: 960px;
    margin: 0 auto 0 auto;
    padding: 10px 0 10px 0;
    text-align: center;
    position: relative;
}

.footer > h3 > a.credits {
    position: absolute;
    top: 3px;
    right: 10px;
}

.xoops-banner {
    /*position: relative; top: 40px;*/
}

.xoops-banner * {
    /*max-width: 100%;*/
}

/* 2. XOOPS Codes */
.xoopsQuote blockquote {
    font-size: 0.9em;
    border-left: 2px solid #EEE;
    padding-left: 10px;
    font-style: italic;
    color: #969696;
}

.xoopsCode {
    background: url(images/code.png);
    overflow-x: auto;
    border: 1px solid #EEE;
    padding-left: 10px
}

.xoopsCode code {
    background-color: transparent;
    line-height: 25px;
    position: relative;
    padding: 0;
    white-space: nowrap;
}

.xoopsCode code > span {
    position: relative;
    z-index: 5;
}

/* 3. XOOPS Blocks*/
.xoops-side-blocks > aside {
    padding-bottom: 20px;
}

.xoops-side-blocks > aside h1, div.xoops-side-blocks > aside h2, div.xoops-side-blocks > aside h3, div.xoops-side-blocks > aside h4, div.xoops-side-blocks > aside h5, div.xoops-side-blocks > aside h6 {
    font-size: 0.9em;
}

.xoops-side-blocks > aside > h4.block-title {
    line-height: inherit;
    margin: 0;
    font-size: 1.3em;
}

.xoops-blocks {
    margin-bottom: 20px;
}

.xoops-blocks > h4 {
    line-height: inherit;
    margin: 0;
}

/*
.xoops-bottom-blocks{background:#FFF; padding:10px; text-align:justify; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}
.xoops-bottom-blocks:hover{top:-10px; box-shadow:0 10px 10px #222;}
*/
/* 4. XOOPS Modules */
/* 4.2. Tag module */
.xoops-tag-bar {
}

.xoops-tag-bar > ul {
}

.xoops-tag-bar > ul > li.tag-title {
    font-weight: bold;
    margin: 0 10px 0 0;
}

.xoops-tag-bar > ul > li {
    display: inline-table;
    line-height: 25px;
    margin-right: 10px;
}

.xoops-tag-bar > ul > li > span {
}

/* 4.3. System */
.loginform input[type=submit] {
    margin-bottom: 5px;
}

.usermenu li span {
    margin-right: 10px;
}

.usermenu li a.info span {
    color: #F00;
}

.usermenu li a.info span.badge {
    background: #F00;
    color: #FFF;
}

.xoops-theme-select {
    text-align: center;
}

.xoops-theme-select form select {
    border: 1px solid #D6D6D6;
    width: 100%;
}

.xoops-theme-select img {
    max-width: 100%;
}

ul.userblock {
    border-bottom: 1px solid #EEE;
    margin-bottom: 0;
    padding: 5px 0 5px 0;
}

ul.userblock:nth-child(odd) {
    background: #F9F9F9;
}

ul.userblock:hover {
    background: #EEE;
}

ul.userblock:last-child {
    border-bottom: none;
}

ul.userblock > li {
    display: inline-block;
    position: relative;
}

ul.userblock > li.avatar-image {
    max-width: 20%;
}

ul.userblock > li.avatar-image img {
    max-width: 100%;
}

ul.userblock > li.user-name {
    padding: 0 0 0 10px;
    width: 49%;
}

ul.userblock > li.join-date {
    padding: 0 5px 0 0;
    width: 9%;
}

ul.userblock > li span.badge {
    background: #47A447;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* 4.4. System Comments */
.xoops-comment-body {
    margin-top: 20px;
}

.xoops-comment-template {
    margin-bottom: 20px;
}

.xoops-comment-author img {
    display: inline-block;
}

.xoops-comment-author ul.poster-info {
    text-align: left;
}

.xoops-comment-author li.poster-rank {
    margin-bottom: 10px;
}

.xoops-comment-author strong.poster-rank {
    font-size: 0.8em;
}

.xoops-comment-author img.image-avatar {
    width: 100%;
    border: 1px solid #CCC;
}

.xoops-comment-author.col-md-2 {
    padding-right: 0
}

.xoops-comment-text > div {
    display: none;
}

.xoops-comment-text p.message-text {
    background: #EAEAEA;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
}

.xoops-comment-text p.message-text:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: -10px;
    background: url(images/comment-arrow.png) 50% 50% no-repeat;
    background-size: contain;
}

.xoops-comment-form {
}

.xoops-comment-form input[type=text], div.xoops-comment-form textarea {
    background: #EEE;
    padding: 5px;
    min-width: 100%;
    border: 1px solid #DDD;
    margin-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.xoops-comment-form input[type=text]:focus, div.xoops-comment-form textarea:focus {
    background: #FFF;
}

.xoops-comment-form textarea {
    max-height: 150px;
}

.xoops-comment-form input[type=submit] {
    background: #5BC0DE;
    border: 1px solid #09C;
    padding: 5px;
    color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right;
}

.xoops-comment-form span {
    font-weight: bold;
    color: #999;
}

.xoops-comment-form span.caption-marker {
    color: #F00;
    padding-left: 10px;
    font-size: 1.5em;
}

.modal-dialog.comments-modal {
}

.comments-nav {
    padding: 10px;
}

/* 4.5. System Site Closed */
.site-closed-body {
    background: url(images/background-site-closed.jpg) top center no-repeat fixed;
}

.xoops-site-closed {
    margin-top: 10%;
}

.site-closed-logo {
    margin-bottom: 5%;
}

.xoops-site-closed-container {
    background: #FFF;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 10px #333, 0 0 10px #333;
}

.xoops-site-closed-container input {
    margin-bottom: 10px;
}

.input-container {
    position: relative;
}

.input-container input:focus ~ span {
    left: -50px;
}

.input-container > span {
    background: #111;
    color: #000;
    text-shadow: 1px 1px 0 #333;
    position: absolute;
    top: -3px;
    left: -10px;
    padding: 10px;
    z-index: -1;
    font-size: 1.5em;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -webkit-transition: all linear 300ms;
}

/* 4.6. Profile Module */
ul.profile-values {
    margin-top: 10px;
}

ul.profile-values > li {
    margin-bottom: 5px;
}

ul.profile-values > li.profile-category-title {
    font-size: 1.2em;
    font-weight: 600;
    border-bottom: 1px dashed #999;
    margin-bottom: 0;
    color: #09C;
}

/* 4.7. Contact Module */
.contact-module {
    font-weight: bold;
}

.contact-module input,
.contact-module textarea {
    background: #EEE;
    border: 1px solid #EAEAEA;
    padding: 10px;
    display: block;
    min-width: 100%;
    max-width: 100%;
    max-height: 250px;
    margin-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.contact-module input[type=text]:focus,
.contact-module textarea:focus {
    background: #FFF;
}

.contact-module input[type=submit] {
    background: #5BC0DE;
    color: #FFF;
    font-weight: bold;
}

/* 4.8. PM Module */
.xoops-message-header {
    min-height: 40px;
}

.xoops-message-list div.col-xs-1,
.xoops-message-list div.col-md-1 {
    max-width: 14px;
    text-align: center;
}

.xoops-message-list div.col-xs-1 .btn,
.xoops-message-list div.col-md-1 .btn {
    padding: 3px;
    display: inline-block;
    font-size: 0.9em;
}

.xoops-message-loop {
    margin-bottom: 10px;
}

.current-tab {
    margin-bottom: 20px;
}

.message-current-tab div.alert {
    padding: 10px 30px 10px 10px;
}

/* 4.12. NewBB Module */
.newbb {
}

.newbb-header {
}

.newbb-menu {
}

.newbb-header-icons {
}

.newbb-header-icons div {
    margin-bottom: 10px;
}

.newbb-category-list {
}

.newbb-category-list a.pull-right {
    margin-left: 5px
}

.newbb-list-foruns {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 5px;
}

.xoops-newbb-list-foruns:last-child {
    border-bottom: none;
}

.newbb-viewtopic {
}

.newbb-tagbar {
}

.newbb-online-users {
}

.newbb-quick-reply textarea {
    max-height: 150px;
    width: 100%;
}

.newbb-forum-title {
}

.newbb-forum-title strong {
    font-size: 1.5em;
    color: #BBB;
}

.newbb-forum-title a.btn {
    color: #FFF;
}

.newbb-subforum {
}

.newbb-subforum ul.subforum-loop {
    background: #EEE;
    margin: 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #FFF;
}

.newbb-topicslist {
}

.newbb-topiclist-loop {
}

.newbb-topiclist-header {
    background: #F6F6F6;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #FFF;
}

.newbb-topiclist-itens {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #DDD;
    padding: 10px 0 10px 0;
}

.newbb-topiclist-itens.even {
    background: #FAFAFA;
}

.newbb-topiclist-itens.odd {
    background: #F6F6F6;
}

.newbb-thread {
    background: #EEE;
    border: 1px solid #DADADA;
}

.newbb-post-anchor {
    background: #09C;
    color: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    font-size: 0.8em;
}

.newbb-user-signature {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px dotted #DADADA;
    width: 100%;
    color: #BBB;
    font-style: italic;
    padding: 5px;
}

.newbb-thread-attachment {
    margin-top: 20px;
}

.newbb-thread-attachment strong,
.newbb-thread-attachment small {
    display: block;
}

.newbb-user-data {
}

.newbb-message-area {
    position: relative;
    padding-bottom: 40px;
    padding-left: 0;
}

.newbb-topic-id {
    position: absolute;
    bottom: 0;
    right: 0;
}

.newbb-links {
    margin-top: 5px;
    border-bottom: 1px dotted #E6E6E6;
    padding-bottom: 2px;
}

.read-topic {
    color: #999;
}

.read-topic:hover {
    color: #333;
}

.new-topic {
    font-weight: bold;
}

.forum-search {
    margin-top: 5px;
}

/* 5. Useful Classes */
.big-info-icon-link {
    color: #333;
    font-size: 1.8em;
    margin: 10px 0 10px 0;
    display: inline-table;
    cursor: pointer;
}

.xoops-default-title {
    font-size: 1.3em;
    margin: 0;
    line-height: inherit;
}

.generic-pagination {
}

.generic-pagination a {
    background: #FAFAFA;
    border: 1px solid #EEE;
    padding: 5px 10px;
    border-radius: 5px;
}

.generic-pagination a:hover {
    background: #EBEBEB;
}

.generic-pagination .xo-pagact {
    background: #09C;
    color: #FFF;
    border: 1px solid #EEE;
    padding: 5px;
    border-radius: 5px;
}

div.order-by {
    font-size: 1.2em;
}

div.order-by a {
    color: #999;
    font-size: 1.2em;
}

.mb10 {
    margin-bottom: 10px;
}

/* Only Add Margin Bottom of 10px */
.lw30 {
    line-height: 30px;
}

/* Only Add Line Height 30px */
.nompl {
    margin: 0;
    padding: 0;
    line-height: inherit;
}

/* No margin, paddind and lineweight -> use in title tags if necessary... */

/* Media Queries */
@media (min-width: 320px) and (max-width: 768px) {
    .xoops-banner {
        top: 0;
    }

    .xoops-banner.pull-right {
        float: none !important;
    }
}

/* bla, bla, bla */
.aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    text-align: left;
    float: left;
}

.alignright {
    text-align: right;
    float: right;
}

/*************************************************my******************************/
body {
    background-color: #353535;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
    font-weight: bold;
}

a, a:hover, a:focus, a:link {
    color: #125298;
}

a:visited {
    color: #0682E6;
}

/*td a, td a:hover, td a:focus, td a:link {
    color: #125298;
}

td a:visited {
    color: #0682E6;
}*/

menu,
ol,
ul {
    padding: 0 0 0 20px;
}

dd {
    margin: 0 0 0 20px;
}

.maincontainer {
    margin-top: 0;
    margin-bottom: 0;
}

.row {
    background-color: #FFF;
}

.glyphicon {
    padding-right: 10px;
}

/*HEADER*/
.header {
    height: 126px;
    background: url('./images/head_02.jpg') repeat-x;
}

.header h1, .header h2, .header h3, .header h4, .header h5, .header h6 {
    color: #FFF;
}

.header, .header a {
    color: #FFF;
}

.header a:hover {
    color: #000;
}

.header-left {
    vertical-align: middle;
    padding-left: 20px;
}

.header-center {
    padding-top:35px;
}

.header-right {
    vertical-align: middle;
    height:126px;
    background: url('./images/head_03.jpg') repeat-x;
}
.inline-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*CONTENT*/
.xoops-center {
    padding: 20px;
}

/*BLOCKS*/
.xoops-blocks {
    padding: 0;
}

.xoops-blocks .block-title {
    color: #215698;
    font-weight: bold;
    padding: 10px 20px;
    margin: 0;
}

.xoops-blocks .block-content {
    padding: 20px;
}

/*LEFT BLOCKS*/
.xoops-side-blocks-left {
    color: #FFF;
    background-color: #1E5395;

}

.xoops-side-blocks-left a {
    color: #FFF;
}

.xoops-side-blocks-left a:hover {
    color: #000;
}

.xoops-side-blocks-left li {
    border-top: 1px solid #1A4882;
    border-bottom: 1px solid #225FA8;
}

.xoops-side-blocks-left .block-title {
    color: #FFF;
    background-color: #00326A;
    border-bottom: 1px solid #2072CC;
}

.xoops-side-blocks-left .block-title .glyphicon {
    color: #2072CC;
}

/*RIGHT BLOCKS*/
.xoops-side-blocks-right {
    color: #333;
    background-color: #F4F4F4;
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.xoops-side-blocks-right .block-title {
    color: #666;
    background-color: #E1E1E1;
    border-bottom: 1px solid #FFF;
}

.xoops-side-blocks-right .block-title .glyphicon {
    color: #666;
}

/*CENTER BLOCKS*/
.center-blocks {
    border-bottom: 1px solid #E6E6E6;
}

.center-blocks .block-title {
    border-bottom: 2px dotted #CEE1F0;
}

table {
    border-spacing: 1px;
    border-collapse: separate;
    width: 100%;
}

table td {
    padding: 0;
    border-width: 0;
    vertical-align: top;
}

.odd, tr.odd td {
    background-color: #f6f6f6;
    padding: 5px;
    color: #125298;
}

.even, tr.even td {
    background-color: #eeeeee;
    padding: 5px;
    border: 1px solid #E1E1E1;
    color: #125298;
}

th {
    font-size: 120%;
    color: #ffffff;
    background-color: #004591;
    border: 1px solid #004076;
    padding: 5px;
}

td {
    display: table-cell;
}

td.head {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #84c1eb;
    border: 1px solid #5199d2;
    padding: 4px 5px 2px 5px;
}

.head {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #84c1eb;
    border: 1px solid #5199d2;
    padding: 4px 5px 2px 5px;
}

.row-head {
    font-size: 120%;
    font-weight: bold;
    color: #ffffff;
    background-color: #004591;
    border: 1px solid #004076;
    padding: 5px;
}

.head a, .head a:visited,
.row-head a, .row-head a:visited,
.comUserName a, .comUserName a:visited,
.comTitle a, .comTitle a:visited{
    color: #FFFFFF;
}

.comDate {
    font-weight: normal;
    font-style: italic;
    font-size: smaller;
}

.comUserRankText {
    font-size: 10px;
    font-weight: bold;
}

.comUserRankImg {
    border: 0 none;
}

.comUserImg {
    margin: 2px;
}

.comUserStat {
    font-size: 10px;
    color: #2F5376;
    font-weight: bold;
    border: 1px solid silver;
    background-color: #FFF;
    /*margin: 2px;*/
    padding: 2px;
}

.item {
    color: #0D0D0D;
    margin-bottom: 20px;
}

.itemHead {
    color: #FFF;
    background-color: #004591;
    border: 1px solid #004076;
    font-size: 110%;
    padding: 5px;
}

.itemTitle {
    font-weight: bold;
    color: #FFF;
    font-size: 110%;
}

td .itemTitle a, td .itemTitle a:visited {
    font-weight: bold;
    color: #FFF;
}

.itemTitle h1 {
    font-size: 100%;
    font-weight: bold;
    color: #FFFFFF;
    display: inline;
}

h1, h2, h3, h4, h5, h6 {
    color: #215698;
}

#mainmenu a, #mainmenu2 a, #mainmenu3 a, #mainmenu4 a {
    border-top: 1px solid #1A4882;
    border-bottom: 1px solid #225FA8;
    color: #ffffff;
    display: block;
    background-color: #1E5395;
    padding: 4px;
    font-weight: bold;
    text-decoration: none;
}

#mainmenu a:hover, #mainmenu a.highlight:hover, #mainmenu2 a:hover, #mainmenu2 a.highlight:hover, #mainmenu3 a:hover, #mainmenu3 a.highlight:hover, #mainmenu4 a:hover, #mainmenu4 a.highlight:hover {
    color: #1E5395;
    background-color: #B4D3F3;
}

.totals {
    padding: 2px;
    border: 1px solid #E1E1E1;
    font-weight: bold;
}

@media screen and (max-width: 1200px) {
    .container {
        width: 100%;
    }
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.scrolltotop {
    /* url path is relative to this CSS file in "_assets/css" */
    background: no-repeat url(./images/up.png);
    width: 48px; /* width of image */
    height: 48px; /* height of image */
}

@media screen and (max-width: 768px) {
    #commentform table, #submit_form table {
        table-layout: fixed;
        overflow: hidden;
    }

    #commentform input, #submit_form input {
        width: 100%;
    }

    #commentform select, #submit_form select {
        width: 100%;
    }

    #commentform textarea, #submit_form textarea {
        width: 100%;
    }

    #commentform small, #submit_form small {
        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
        /*white-space: -webkit-pre-wrap; *//*Chrome & Safari */
       /* white-space: -pre-wrap;*/ /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: pre-wrap; /* css-3 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
        word-break: break-all;
        white-space: normal;
    }

}

.wrap-words {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    /*white-space: -webkit-pre-wrap;*/ /*Chrome & Safari */
    /*white-space: -pre-wrap;*/ /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

/*newa*/
.news-bookmark a img {
    opacity: 0.4;
}

.news-bookmark a:hover img {
    opacity: 1;
}

.news-tag-page-title {
}

.news-tag-jumpto {
    padding-top: 10px;
}

#news-form-tag-jumpto {
}

.news-tag-cloud {
    margin-top: 10px;
    padding: 10px;
    border: solid 2px #ddd;
    line-height: 150%;
}

.news-tag-item {
    margin-right: 5px;
}

#pagenav {
    padding-top: 10px;
}


.news-page-layout {
    position: relative;
    clear: both;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.news-page-layout p {

}

.news-page-layout h1, .news-page-layout h2, .news-page-layout h3 {
    color: #000;
}

.news-page-layout h1 {
    font-size: 20px;
}

.news-page-layout h2 {
    font-size: 14px;
    padding: 12px 0 5px 0;
    font-weight: 700;
}

.news-page-layout h3 {
    font-size: 13px;
}

.news-page {

}

.news-page-header {
    padding-bottom: 20px;

}

.news-page-header-image img {
    padding-bottom: 20px;

}

.news-page-header-block {
    margin-bottom: 20px;
    float: right;

}

.news-page-top {
    clear: both;
    padding: 20px;
    margin-bottom: 20px;
    border: solid 2px #ddd;
}

.news-page-clear {
    clear: both;
}

.news-page-bottom {
    padding: 20px;
    margin: 20px 0;
    border: solid 2px #ddd;
    text-align: center;
    font-weight: bold;
}

.news-page-stories {
    clear: both;
    position: relative;
    width: 630px;
    margin-bottom: 20px;
}

.news-page-sidebar {

}

.news-page-stories-right {
    width: 310px;
    float: right;


}

.news-page-stories-left {
    width: 310px;
    float: left;

}

.news-page-story {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.news-page-story-author {
    color: #999;
    margin-top: -3px;

    font-size: 13px;
}

.news-page-story-content {

}

.news-page-story-image {

    margin: 0 8px 0 0;
    max-height: 900px;
    overflow: hidden;
}

.news-page-story-image img {
    max-width: 300px;
}

.news-page-story-links {
    float: left;
    margin-right: 10px;
    padding: 2px 0;
}

.news-block {
    margin: 0;
    padding: 0;
    min-width: 250px;

}

.news-block-item {
    list-style: none;
}

.news-block-item-link {
    max-width: 290px;
    padding: 5px 5px;
    display: block;
    overflow: hidden;
}

.news-block-item-image {
    float: left;
    margin: 0 8px 0 0;
    height: 45px;
    overflow: hidden;
}

.news-block-item-image img {
    width: 80px;
}

.news-block-item :hover {

    background-color: #eee;
}

.news-block-item-title {
    margin: 3px 8px 0 2px;

    display: block;
    overflow: hidden;
    font-size: 14px;
}

.news-block-item-description {
    color: #333;
    font-size: 12px;
    font-weight: normal;
}

.news-page-index h2 {
    clear: both;
    margin-bottom: 10px;
}

.news-page-index-item {
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eee;
}

.news-block-row {
    clear: both;
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;

}

.news-block-row .news-block-item {
    list-style: none;
    float: left;
    max-width: 90px;
    padding: 0 5px;
}

.news-block-row .news-block-item-link {
    max-width: 290px;
    padding: 5px 5px;
    height: 90px;

}

.news-block-row .news-block-item-image {
    margin: 0 8px 0 0;
    height: 45px;

}

.news-block-row .news-block-item-title {
    margin: 3px 8px 0 2px;
    display: block;
    float: left;
    font-size: 14px;
}

.news-rate-cnt {
    height: auto;
    padding: 10px 0;
    background-color: #fafafa;
    overflow: auto;
}

.news-rate-bg-green {
    background-color: #559900;
}

.news-rate-bg-red {
    background-color: #c9231a;
}

.news-rate-cnt h1 {
    font-size: 22px;
    font-family: arial;
    margin-bottom: 15px;
}

.news-rate-row {
    width: 100%;
    height: 55px;
    border-bottom: #e6e6e6 1px solid;
    border-top: #e6e6e6 1px solid;
}

.news-rate-like-btn, .news-rate-dislike-btn, .news-rate-fav-btn, .news-rate-gift-btn, .news-rate-comment-btn {
    width: auto;
    height: 30px;
    padding: 0 15px 0 30px;
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    cursor: pointer;
    color: #333333;
    font-size: 13px;
    line-height: 30px;
    border: #fff 1px solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; /* border radius */
}

.news-rate-fav-btn {
    background: url(../../modules/news/images/fav_off.gif) 5px 50% no-repeat;
}

.news-rate-fav-btn:hover, .news-rate-fav-h {
    background: url(../../modules/news/images/fav_on.gif) 5px 50% no-repeat;
    color: #0c6502;
    background-color: #f0f0f0;
    border: #c6c6c6 1px solid;
}


.news-rate-like-btn {
    background: url(../../modules/news/images/like-ico.png) 5px 50% no-repeat;
}

.news-rate-like-btn:hover, .news-rate-like-h {
    background: url(../../modules/news/images/like-ico-h.png) 5px 50% no-repeat;
    color: #0c6502;
    background-color: #f0f0f0;
    border: #c6c6c6 1px solid;
}

.news-rate-dislike-btn {
    background: url(../../modules/news/images/dislike-ico.png) 50% 50% no-repeat;
}
.news-rate-gift-btn {
    background: url(../../modules/news/images/gift-ico.png) 5px 50% no-repeat;
}
.news-rate-gift-btn a {
    color: #333333;
    font-size: 13px;
    font-weight: normal;
}

.news-rate-gift-btn:hover{
    background: url(../../modules/news/images/gift-ico.png) 5px 50% no-repeat;
    color: #0c6502;
    background-color: #f0f0f0;
    border: #c6c6c6 1px solid;
}

.news-rate-comment-btn {
    background: url(../../modules/news/images/comments.gif) 5px 50% no-repeat;
}
.news-rate-comment-btn a {
    color: #333333;
    font-size: 13px;
    font-weight: normal;
}

.news-rate-comment-btn:hover{
    background: url(../../modules/news/images/comments.gif) 5px 50% no-repeat;
    color: #0c6502;
    background-color: #f0f0f0;
    border: #c6c6c6 1px solid;
}

.news-rate-dislike-btn:hover, .news-rate-dislike-h {
    background: url(../../modules/news/images/dislike-ico-h.png) 50% 50% no-repeat;
    background-color: #f0f0f0;
    border: #c6c6c6 1px solid;
}

.news-rate-stat-cnt {
    height: 60px;
    float: right;
    padding-right:10px;
}

.news-rate-stat-bar {
    height: 3px;
    margin-bottom: 5px;
}

.news-rate-stat-count {
    font-size: 20px;
    color: #333;
    text-align: right;
    font-weight: bold;
}

.news-rate-stat-bar div {
    height: 3px;
    float: left;
}

.news-rate-like-count {
    margin-left: 10px;
}
.news-rate-fav-count {
}

.news-rate-com-count {
    margin-left: 10px;
}

.news-rate-dislike-count {
    /*background: url(../../modules/news/images/dislike-ico2.png) 0 50% no-repeat;*/

}

.news-rate-like-count, .news-rate-dislike-count, .news-rate-fav-count, .news-rate-com-count {
    width: auto;
    height: 18px;
    float: right;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    padding-left: 15px;
}

.news-rate-share-btn {
    height: 52px;
    display: inline-block;
    float: left;
    font-size: 13px;
    line-height: 45px;
    padding: 0 10px;
    margin-left: 30px;
    /*border-bottom: #fff 3px solid;*/
    cursor: pointer;
}

.news-rate-share-btn:hover {
    border-bottom: #c9231a 3px solid;
}

.news-rate-share-row {
    height: 30px;
    padding: 20px 10px 10px 10px;
    border-bottom: #e6e6e6 1px solid;
    display: none;
}