@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500&display=swap');


html, body { height: 100%; min-height: 100%; margin:0; padding: 0; -webkit-text-size-adjust: 100%; }
html {
   background-color: #1d1e1f;
   /*background: -moz-linear-gradient(-45deg, #232527 0%, #151719 100%) fixed;
   background: -webkit-linear-gradient(-45deg, #232527 0%,#151719 100%) fixed;
   background: linear-gradient(135deg, #232527 0%,#151719 100%) fixed;*/
}

body {
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); color: #dadbdc; padding: 0px; font-family: "Fira Sans", "Roboto", "Tahoma", "Calibri", "Microsoft YaHei", sans-serif; font-size: 13px; line-height: 16px;
}


/* general stuff */
svg { display: block; width: 100%; margin: 0 auto; }
div { outline:0; }
.fullwidth { width: 100%; }
.autowidth { width: auto !important; }
.nomargin { margin: 0px !important; }

/* main page */
div.maincon { min-height: 100%; background-repeat: repeat; background-position: left top; padding: 0px 20px 0px 20px; }
div.custombackground { background-repeat: no-repeat; background-position: left top; margin-left: -20px; padding-left: 20px; margin-right: -20px; padding-right: 20px; }
div.footer { text-transform: uppercase; font-size: 75%; color: #666; text-align: center; padding-top: 50px; margin-left: 230px; margin: 0 auto 0 auto; clear: both; max-width: 870px; }
div.footer a { color: #ff8800; }
div.footer a.minor { color: #888; }
div.languageselector { margin-bottom: 20px; font-size: 125%; color: #ccc; }

div.containermain { /*min-height: 750px;*/ position: relative; min-width: 738px; max-width: 1900px; min-height: 100%; margin-left: auto; margin-right: auto; margin-top: 35px; background-repeat: no-repeat; background-position: center top; }
div.topcontainer { min-height: 20px; margin: 0px -20px 20px 205px; }
div.globalalert { height: 60px; margin: 0px -20px 20px 225px; }



/* general layout */
div.maincontentcontainer { margin-left: 220px; padding: 5px; min-height: 100%; position: relative; }
div.maincontentcontainerfull { margin-left: 0px; padding: 10px; min-height: 100%; position: relative;  }
div.maincontentcontainernosidebar { margin-left: 220px; padding: 10px; min-height: 100%; position: relative;  }
div.maincontentcontainerfullwithsidebar { margin-left: 0px; padding: 10px; min-height: 100%; position: relative;  }
div.maincontent0 { width: 100%; }
div.maincontent1 { width: 69%; width: calc(100% - 315px); float: left; }
div.maincontent2 { width: 69%; width: calc(100% - 315px); float: left; }

div.maincontentcontainernosidebar div.maincontent0,
div.maincontentcontainernosidebar div.maincontent1,
div.maincontentcontainernosidebar div.maincontent2 { width: 100%; float: none; min-height: 100%; position: relative; }

div.sidecontent1 { width: 300px; float: right; clear: right; }
div.sidecontent2 { width: 300px; float: right; clear: right; }
div.sidecontent3 { width: 300px; float: right; clear: right; }

div.contentwidthfixed300 { width: 300px; float: left; }
div.contentwidthrestto300 { margin-left: 310px;  }

div.contentwidth100, div.contentwidth50, div.contentwidth66, div.contentwidth33, div.contentwidth25,
div.subcontentwidth100, div.subcontentwidth50, div.subcontentwidth66, div.subcontentwidth33, div.subcontentwidth25,
div.sidesubcontentwidth100, div.sidesubcontentwidth50, div.sidesubcontentwidth66, div.sidesubcontentwidth33, div.sidesubcontentwidth25,
div.innercontentwidth100, div.innercontentwidth50, div.innercontentwidth50fixed, div.innercontentwidth50reversed, div.innercontentwidth33, div.innercontentwidth25 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.subcontentwidth100, div.sidesubcontentwidth100 { clear: both; }

div.contentwidth100, div.subcontentwidth100 { width: 100%; clear: both;  }
div.contentwidth50, div.contentwidth50fixed { width: 50%; float: left; padding-right: 8px; padding-bottom: 0px; }
div.contentwidth50 + div.contentwidth50, div.contentwidth50fixed + div.contentwidth50fixed { padding-left: 7px; padding-right: 0px; padding-bottom: 0px; }
div.contentwidth66 { width: 66.66%; float: left; padding-right: 8px; padding-bottom: 0px; }
div.contentwidth33 + div.contentwidth66 { padding-left: 7px; padding-right: 0px; }
div.contentwidth66 + div.contentwidth33 { padding-left: 7px; padding-right: 0px; }
div.contentwidth33 { width: 33.33%; float: left; padding-right: 8px; }
div.contentwidth33 + div.contentwidth33 { padding-left: 7px; padding-right: 8px; }
div.contentwidth33 + div.contentwidth33 + div.contentwidth33 { padding-left: 7px; padding-right: 0px; }
div.contentwidth25 { width: 25%; float: left; padding-right: 8px; }
div.contentwidth25 + div.contentwidth25 { padding-left: 7px; padding-right: 8px; }
div.contentwidth25 + div.contentwidth25 + div.contentwidth25 { padding-left: 7px; padding-right: 8px; }
div.contentwidth25 + div.contentwidth25 + div.contentwidth25 + div.contentwidth25 { padding-left: 7px; padding-right: 0px; }

div.subcontentwidth50, div.sidesubcontentwidth50   { float: none; width: 100%; padding: 0; }
div.subcontentwidth66, div.sidesubcontentwidth66 { float: none; width: 100%; padding: 0; }
div.subcontentwidth33, div.sidesubcontentwidth33 { float: none; width: 100%; padding: 0; }
div.subcontentwidth25, div.sidesubcontentwidth25 { float: none; width: 100%; padding: 0; }


/* inner layout */
div.innercontentwidth100 { width: 100%; clear: both;  }
div.innercontentwidth50reversed { width: 100%; padding: 0px;  }
div.innercontentwidth50, div.innercontentwidth50fixed { width: 50%; float: left; padding-right: 10px; }
div.innercontentwidth50 + div.innercontentwidth50, div.innercontentwidth50fixed + div.innercontentwidth50fixed { padding-left: 10px; padding-right: 0px; }
div.innercontentwidth33 { width: 33.33%; float: left; padding-right: 10px; }
div.innercontentwidth33 + div.innercontentwidth33 + div.innercontentwidth33 { padding-left: 10px; padding-right: 0px; }
div.innercontentwidth25 { width: 25%; float: left; padding-right: 10px; }
div.innercontentwidth25 + div.innercontentwidth25 + div.innercontentwidth25 + div.innercontentwidth25 { padding-left: 10px; padding-right: 0px; }

div.innercontentcolumns2, div.innercontentcolumns2on50 {
   -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
   -webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px;
}
div.innercontentcolumns3 {
   -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
   -webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px;
}
div.innercontentcolumns4 {
   -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;
   -webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px;
}

div.innercontentcolumns2 *, div.innercontentcolumns2on50 *,div.innercontentcolumns3 *, div.innercontentcolumns4 * {
   -webkit-column-break-inside: avoid; page-break-inside: avoid;  break-inside: avoid;
}

div.innercontentcolumns2 form, div.innercontentcolumns2on50 form, div.innercontentcolumns3 form, div.innercontentcolumns4 form {
   -webkit-column-break-inside: auto; page-break-inside: auto;  break-inside: auto;
}

/*@media screen and (max-width: 1100px) and (min-width: 1024px), screen and (max-width: 800px) {*/
@media screen and (max-width: 1550px) {
   div.innercontentcolumns2on50 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
}


@media screen and (max-width: 800px) {
   div.innercontentcolumns2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
   div.innercontentwidth50 { width: 100%; float: none; padding-right: 0px; }
   div.innercontentwidth50 + div.innercontentwidth50 { padding-left: 0px; padding-right: 0px; }
   div.innercontentwidth50reversed { width: 50%; float: left; padding-right: 10px; }
   div.innercontentwidth50reversed + div.innercontentwidth50reversed { padding-left: 10px; padding-right: 0px; }
   div.innercontentwidth25 { width: 100%; float: none; padding-right: 0px; }
   div.innercontentwidth25 + div.innercontentwidth25 + div.innercontentwidth25 + div.innercontentwidth25 { padding-left: 0px; padding-right: 0px; }
}

/* content blocks */
div.mainblock {
   border-spacing: 0px;
   background-color: #2c2e2f;
   padding: 15px 15px 15px 15px;
   margin: 0px 0px 10px 0px;
   text-transform: none;
   overflow: hidden;
   position: relative; height: auto;

   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;
}

div.mainblocknomargin { margin-top: -14px; }
div.mainblocknoback { background-color: inherit; padding: 0px; }
div.mainblockswitchtab { margin: 0px; padding: 0px !important; }

div.maintable { padding: 0px; }
div.maintable table { width: 100%; }

div.inputblock, div.searchblock {
   color: #1e2022;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   padding: 10px 10px 10px 10px;
   background-color: #aaa;
   border: 0px;
}

div.searchblock, div.inputblockcompact { padding: 10px 10px 10px 10px; }
div.inputblockcompact { margin-bottom: 0px; }
div.innerinputblock { padding: 10px; margin: -15px; }
div.subblock { background: none; padding: 5px; background-color: rgba(50,50,50,0.5); }  /* for rank overview images, etc. */


div.insideblock {
   padding: 5px 5px 5px 0px;
   background-color: #3f4142;
   margin-bottom: 2px;
   margin-right: 2px;

   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;
   border-left: 5px solid transparent;
}

div.inputblock div.insideblock, .ui-dialog div.insideblock  { background-color: #aaa; }
div.inputblock div.blocktoggletrigger, .ui-dialog div.blocktoggletrigger { color: #080808; font-weight: 500; }

div.insideblock2 {
   padding: 5px;
   background-color: #3f4142;
   margin-bottom: 10px;
   margin-right: 10px;

  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;

}

div.insideblock0 {
   padding: 5px 5px 5px 0px;
   background-color: inherit;
   margin-bottom: 2px;
   margin-right: 2px;

   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;
   border-left: 5px solid transparent;
}

div.insideblocknoticecontainer { margin: -5px 15px -10px 15px; }
div.insideblocknotice0, div.insideblocknotice1, div.insideblocknotice2, div.insideblocknotice3, div.insideblocknotice4 {
   padding: 10px 25px 10px 25px;
   background-color: #444;
   color: #eee;
   margin: 10px -15px 10px -15px;
}

.ui-dialog div.insideblocknotice0, .ui-dialog div.insideblocknotice1, .ui-dialog div.insideblocknotice2, .ui-dialog div.insideblocknotice3, .ui-dialog div.insideblocknotice4 { margin-left: -25px; margin-right: -25px;  }

div.insideblocknotice0 { color: #aaa; }
div.insideblocknotice1 { background-color: #924040; }
div.insideblocknotice2 { background-color: #d37318; }
div.insideblocknotice3 { background-color: #586571; }
div.insideblocknotice4 { background-color: #aaa; color: #333; }


div.insideblock.wideblock, div.insideblock.wideblock div.blocktoggletrigger { margin-left: -15px; margin-right: -15px; padding-left: 10px; padding-right: 15px; }
div.insideblock.leftblock { margin-left: -15px; padding-left: 10px; padding-right: 5px; }
div.insideblock.leftblock div.blocktoggletrigger { margin-left: -15px; margin-right: -6px; padding-left: 20px; padding-right: 5px; }
div.insideblock.rightblock { margin-right: -15px; padding-left: 10px; padding-right: 15px; }
div.insideblock.rightblock div.blocktoggletrigger { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }

/* inside toggle block */
div.blocktoggle { display: none; margin-top: 10px; /*padding-left: 10px;*/ }
div.blocktoggletrigger, div.blocktoggledummytrigger {
   cursor: pointer;
   margin: -5px -5px -5px -5px;

   outline: none;
   padding: 3px;
   /*padding-left: 10px;*/
   overflow: hidden;
   color: #ffcc99;

   line-height: 25px;
   height: 25px;
   font-size: 13px;

   border-left: 5px solid transparent;
}

div.blocktoggledummytrigger { cursor: default; margin-bottom: 0px;  }

div.blocktoggleselected {  border-left: 5px solid #ff8800; }
div.inputblock div.blocktoggleselected, .ui-dialog div.blocktoggleselected {  border-left: 5px solid #dd5500; }
div.blocktoggletrigger:hover { background-color: #dd5500; color: #fff;  }
div.blocktoggleselected div.blocktoggletrigger:hover { border-left: 5px solid #ff8800; }

div.mainblock h3 { color: #f3b358; font-size: 105%; margin: 10px 0px 1px 0px; text-transform: uppercase; }
div.mainblock h4 { color: #ddc0a0; font-size: 85%; margin: 10px 0px 0px 0px; text-transform: uppercase; }
div.mainblock h4:lang(zh-Hans) { font-size: 95%;} 

div.insideblock div.itemtitle   { color: #acaaa8; width: auto; }  /* ?? */

/* label - value views */
div.itempaircontainer { margin-bottom: 2px; }
div.itempairlabel {
   font-size: 11px; color: #888; text-transform: uppercase; display: table-cell;
   line-height: 14px; width: 40%;
   margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px;
   vertical-align: top;
   white-space: nowrap;
   overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.itempairlabel:lang(zh-Hans) { font-size: 12px;} 

div.mainblock .info div.itempairlabel { color: #ddc0a0; }

div.itempairvalue {
   display: table-cell; line-height: 14px; padding: 0px 0px 0px 5px; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

div.itempairvalueright {
   text-align: right; width: 100%;
}

/* bulletin board */
/*
div.bulletinboardcontainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;

   overflow: hidden;
   margin: 0px -5px 0px -5px;
}

div.bulletinboarditem {
   display: flex;
   flex: 0 1 33.33%;
   xflex: 0 1 content;
   padding: 5px;
   xmax-height: 200px;
   xmax-width: 300px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
} */

div.masonrycontainer {
   margin: 0px -5px 0px -5px;
}

div.masonrysizer {
   width: 33.33%;
}

div.masonryitem {
   width: 33.33%;
   padding: 5px;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

div.masonrywidth25 { width: 25%; }
div.masonrywidth50 { width: 50%; }
div.masonrywidth66 { width: 66.66%; }
div.masonrywidth100 { width: 100%; }

/*div.bulletinboardcontainer {

}

div.bulletinboarditem {
}*/

div.bulletinboardcontainer div.mainblock { margin: 0px; }

/* fleet list */
div.shipblocklist { margin-bottom: 15px; }

div.shipblock {
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   background-color: #2c2e2f; /*#ccc;*/
   border: 0px;
   padding: 0px;
   margin: 0px;

}

div.shipblockcontainer, div.shipblockplaceholder {
   width: 20%; margin: 0px; padding: 2px; min-width: 170px; display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.shipblockplaceholder { height: 235px; background: transparent; background-color: rgba(227, 163, 72,0.3); border: 1px dashed #e39338; }
div.shipicon { overflow: hidden; width: 100%; height: 125px; margin: 0px; padding: 0px; color: #e39338; font-weight: 500; text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8); background-color: #2c2e2f; background-position: top center !important; background-size: cover !important; background-repeat: no-repeat !important; }

div.shipicondummy { overflow: hidden; width: 100%; height: 125px; margin: 0px; padding: 0px; background-color: #6d6d6d;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 300px auto;
   box-shadow: inset 0 0 0 1000px rgba(109, 109, 109, 0.8);
}

div.shipinfo { padding: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 13px; font-size: 90%; margin-bottom: 6px; }

@media screen and (max-width : 1800px) {
   div.shipblockcontainer { width: 25%; }
   div.shipblockplaceholder { width: 25%; }
}

@media screen and (max-width : 1500px) {
   div.shipblockcontainer { width: 33.33%; }
   div.shipblockplaceholder { width: 33.33%; }
}

@media screen and (max-width : 700px) {
   div.shipblockcontainer { width: 50%; }
   div.shipblockplaceholder { width: 50%; }
}



/* --- forms --- */
div.dropdownblock { float: left; text-align: right; font-size: 90%; color: #9d928d; font-weight: 500; text-transform: uppercase; }
div.dropdownblockleft { float: left; font-size: 90%; color: #9d928d; font-weight: 500; text-transform: uppercase; margin-top: 5px; }
div.dropdownblock select { width: 145px; }
.inputblock div.dropdownblock, .inputblock div.dropdownblockleft, .inputblockdialog div.dropdownblock, .inputblockdialog div.dropdownblockleft, .shipblock div.dropdownblock { color: #1e2022; }

div.formelement { margin-bottom: 5px; }
div.formelementfloat { float: left; padding-right: 5px; }
div.formelementempty { margin-bottom: 5px; height: 28px; }
div.formseparatorspace { margin-bottom: 10px; }
div.formelementcustomcontent {
   display: inline-block;
   padding: 2px 5px 2px 5px;
   line-height: 24px;
   margin-bottom: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.formtokenizeselect {
   width: 100%;
   display: inline-block;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.formcolumn {
   display: inline-block;
   vertical-align: top;
   padding-right: 3px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.formgrouptitle {
   font-weight: 500; font-size: 14px;
   height: 23px; line-height: 28px;
   margin-top: 10px;
   padding: 0px 10px 0px 0px;
   text-shadow: none;
}


label.formlabel, label.formlabeltop, label.formlabelside, label.formlabelcolumn, label.formlabelcolumnext,
label.formlabelempty, label.formlabelemptytop, label.formlabelemptyside, label.formlabelemptycolumn, label.formlabelemptycolumnext,
.checkbox label {
   font-size: 90%; color: #eee; font-weight: 500; text-transform: uppercase; display: inline-block;
   line-height: 27px;
   background-color: #666; margin: 10px 0px 0px 0px; padding: 0px 10px 0px 10px;
   min-width: 30%;
   vertical-align: top;
   white-space: nowrap;
   overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;

   -webkit-border-top-left-radius: 2px;
   -moz-border-radius-topleft: 2px;
   border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
   -moz-border-radius-topright: 2px;
   border-top-right-radius: 2px;
}

label.formlabeltop, label.formlabelemptytop { display: block; }
label.formlabelempty, label.formlabelemptytop, label.formlabelemptyside, label.formlabelemptycolumn, label.formlabelemptycolumnext { background-color: transparent; height: 27px; }
.inputblock label.formlabel, label.formlabeltop, label.formlabelside, label.formlabelcolumn, label.formlabelcolumnext { color: #eee; }

label.formlabelside {
   display: inline-block; line-height: 28px;
   margin: 0px; padding: 0px 10px 0px 10px;
   width: 100%; min-width: auto;

     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;

   -webkit-border-bottom-left-radius: 2px;
   -moz-border-radius-bottomleft: 2px;
   border-bottom-left-radius: 2px;
   -webkit-border-top-left-radius: 2px;
   -moz-border-radius-topleft: 2px;
   border-top-left-radius: 2px;
}

.checkbox label {
   width: 100%; font-weight: normal; line-height: 28px;
   margin: 0px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   white-space: nowrap;
}
div.formelement .checkbox { display: inline-block; width: 100%; }
div.formelement.inlinecheckbox { display: inline-block; width: auto; margin-right: 5px; }
div.formelement.inlinecheckbox.neutralcheckbox label { background-color: #666d73; }  /* #676b6f */
div.formelement.inlinecheckbox.neutralcheckbox label::before { background-color: #666d73 ; border-color: #666d73; }
div.formelement.inlinecheckbox.neutralcheckbox label::after { border: 2px solid #98a5b1; width: 10px; height: 10px; left: 7px; top: 7px; }
/*div.formelement.inlinecheckbox.neutralcheckbox label::after {
   height: 6px;
   width: 10px;
   border: 0px;
   border-left: 4px solid #8895a1;
   border-bottom: 4px solid #8895a1;
   transform: rotate(-45deg);
   left: 7px;
   top: 7px;
}*/


label.formlabelcolumn { width: 100%; margin-bottom: 5px; }
label.formlabelcolumnext { width: 100%; width: calc(100% + 5px); margin-left: -5px; margin-bottom: 5px; }


input {
   font-family: "Fira Sans",sans-serif; font-size: 13px; line-height: 13px;
   outline: 0; background-color: #d9d8d7; border: 0; border-bottom: 2px solid #d9d8d7;
   height: 28px;
   padding: 0px 5px 0px 5px;
   margin: 0px;
   width: 100%;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

input:hover   { outline: 0; border-bottom: 2px solid #666; background-color: #eee !important; }
input:focus   { outline: 0; border-bottom: 2px solid #ff8800; background-color: #eee !important; }
input:disabled { outline: 0; border-bottom: 2px solid #aaa; background-color: #aaa !important; }

.inputblock input:disabled, .inputblockdialog input:disabled, .inputblock select:disabled, .inputblockdialog select:disabled, .shipblock input:disabled { outline: 0; border-bottom: 2px dotted #666; background-color: #aaa !important; color: #1e2022; }
input.smaller { height: 20px; }
input.minor { height: 20px; background-color: #bbb !important;  }

input.instyle { background-color: transparent; border: 0px solid black; border-bottom: 1px dotted #5f5e5d; color: #ffffff; height: 20px; }
input.instyle:hover   { outline: 0; background-color: #dddddd !important; color: #151716; }
input.instyle:focus   { background-color: #dddddd !important; color: #151716; }

input.dark { background-color: #151716; border: 1px solid #4d4d4d; color: #ffffff; }
input.dark:hover   { outline: 0; border: 1px solid #ff8800;  }
input.dark:focus   { background-color: #dddddd !important; color: #151716; }

input.commodity   { width: 50px; height: 17px; margin: -1px; padding: 2px; background-color: #ddd; border: 1px solid #1e2022; color: #1e2022; line-height: 18px; }
tr:hover input.commodity:hover   { outline: 0; border: 1px solid #1e2022; background-color: #fff !important; color: #000 !important;  }
input.commodity:not([value=""]) { background-color: #ff8800 !important; }
tr:hover input.commodity:focus,input.commodity:focus  { outline: 0; border: 1px solid #1e2022; background-color: #fff !important; color: #151716 !important; }

input[type="checkbox"] {
   width: 15px; height: 15px; vertical-align: middle;
   padding: 0px;
   border: 2px solid #551100;
   outline: 0;
   margin: 0px;

   -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.6);
   -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.6);
   box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.6);

     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.inputblockdialog input { background-color: #ede9e7; }

/* checkbox re-style */
.checkbox input[type="checkbox"] { opacity: 0; display: none; }
.checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 35px;
    cursor: pointer;
    background-color: #715858;
}

.checkbox input[type="checkbox"]:checked + label {
    background-color: #586571;
}

.checkbox label::before, .checkbox label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

.checkbox label::before {
    height: 24px;
    width: 24px;
    border: 2px solid #666;
    left: 0px;
    top: 0px;
    background-color: #b55;
    cursor: pointer;
   border-radius: 3px;
}

.checkbox input[type="checkbox"]:checked + label::before {
    background-color: #66adee;
}

.checkbox label::after {
    height: 6px;
    width: 14px;
    border-left: 0px solid #fff;
    border-bottom: 4px solid #fff;
   /* transform: rotate(-45deg);*/
    left: 7px;
    top: 6px;
    cursor: pointer;
    content: "";
}

.checkbox input[type="checkbox"]:checked + label::after {
    height: 6px;
    width: 10px;
    border: 0px;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transform: rotate(-45deg);
    left: 7px;
    top: 7px;
    cursor: pointer;
    content: "";
}

.checkbox input[type="checkbox"]:focus + label::before { outline: 0;  }
.checkbox input[type="checkbox"]:disabled + label {
   background-color: #666;
}

select {
   font-family: "Fira Sans",sans-serif; font-size: 13px; line-height: 13px; text-transform: none;
   outline: 0; margin: 1px; border: 0; border-bottom: 2px solid #d9d8d7;
   background-color: #d9d8d7;
   color: #151716;
   width: 100%;
   height: 28px;
   margin: 0px;

     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.inputblockdialog select { background-color: #ede9e7; border: 0; border-bottom: 2px solid #ede9e7; }

select:hover { outline: 0; border-bottom: 2px solid #666; background-color: #eee !important; color: #151716 }
select:focus { outline: 0; border-bottom: 2px solid #ff8800; background-color: #eee !important; color: #151716 }
select.instyle { background-color: transparent; border: 0px solid black; border-bottom: 1px dotted #5f5e5d; color: #ff8800; height: 25px; }
select.instyle:hover   { outline: 0; background-color: #dddddd !important; color: #151716; }
select.instyle:focus   { background-color: #dddddd !important; color: #151716; }
select option { text-transform: none; }
select optgroup { font-weight: 500; }
select.wingrosteredit { width: 120px; height: 22px; }

select[multiple] { height: 120px; }


/* select re-style */

.formselect {
  position: relative;
}

.formselect select::-ms-expand {
  display: none;
}

.formselect::after:not([multiple]) {
  content: "\25BC";
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 8px;
  background: #888;
  color: #eee;
  line-height: 28px;
  pointer-events: none;
  text-shadow: none;
}

.formselect:hover::after {
  color: #ff8800;
}

.tokenized {
   width: 100%; background-color: #d9d8d7; visibility: hidden;  border: 0px solid #000000;
   min-height: 28px;

     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.tokenized input:focus { background-color: #d9d8d7 !important;  }
.tokenized input:hover { background-color: #d9d8d7 !important;  }
.tokenized .TokensContainer { height: 100% !important; }
.tokenized * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.tokenized ul.TokensContainer, .tokenize-sample ul.Dropdown {
    border: 1px solid #D2D7D9 !important;
}


textarea   {
   width: 100%; height: 150px; outline: 0; margin: 0px; padding: 7px; background-color: #d9d8d7; border: 0; border-bottom: 2px solid #d9d8d7; color: #151716;
   font-family: "Fira Sans",sans-serif; font-size: 100%; line-height: 12px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.inputblockdialog textarea { background-color: #ede9e7; border: 0; border-bottom: 2px solid #ede9e7; }


textarea.dark   { color: #ffffff; background-color: #343231 !important; border-style: dotted;  }
textarea:hover { outline: 0; border-bottom: 2px solid #666; background-color: #eee; color: #151716 }
textarea:focus { outline: 0; border-bottom: 2px solid #ff8800; background-color: #eee; color: #151716 }
textarea.dark:focus,textarea.dark:hover   { background-color: #d9d8d7 !important; color: #000; outline: 0; border: 2px solid #ff8800; }

textarea#inputlarge { height: 500px; }
textarea.richtexteditor { height: 300px; }
textarea.richtexteditor:hover, textarea.richtexteditor:focus { background-color: #fff !important; }
textarea:disabled  { outline: 0; border-bottom: 2px solid #aaa; background-color: #aaa !important; }

input[type="submit"], input[type="button"], button {
   outline: 0; border: 0px solid #882200;
   background-color: #dd5500;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 110%;
   width: 100%; height: 28px;
   margin: 0px;
   cursor: pointer;
   padding-left: 10px;
   padding-right: 10px;

   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

   -webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4);
   box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4);

     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

input[type="submit"].deletebutton, span.deletebutton, div.deletebutton, input[type="submit"].negativebutton, span.negativebutton, div.negativebutton  {
   background: inherit;
   background-color: #924040 !important;
}

input[type="submit"].positivebutton, span.positivebutton, div.positivebutton  {
   background: inherit;
   background-color: #66adee !important;
}


input[type="submit"].deletebutton.iconbutton,
span.toggleactionbutton.deletebutton.iconbutton  {
   margin-right: -3px;
}


input[type="submit"].minor {
   background: inherit;
   background-color: #666 !important;
}


input[type="submit"]:hover {
   background-color: #ff8800 !important;
}

input[type="submit"]:disabled {
   border: 1px solid #666;
   background-color: #666 !important;
   color: #888;
   cursor: default;

   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

input[type="submit"]:focus, input[type="button"]:focus, input[type="button"]:hover {
   background-color: #ff8800 !important;
}

input[type="submit"]:disabled:hover {
   background-color: #666 !important;
}


/* active elements */

span.linkbutton, div.linkbutton {
   display: inline-block;
   padding: 6px 0px 4px 0px;
   width: 100%;
   background-color: #dd5500;
   white-space: nowrap;
   margin-right: 1px;
   margin-bottom: 2px;
   line-height: 18px;
   min-width: 70px;
   text-align: center;
   color: #eee;
   font-size: 105%;
   text-transform: uppercase;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}

span.linkbutton:hover, div.linkbutton:hover { background-color: #ff8800 !important; color: #fff; }

span.linkbuttoninactive, div.linkbuttoninactive { background-color: #555; color: #eee; }
span.linkbuttoninactive:hover, div.linkbuttoninactive:hover { background-color: #ff8800 !important; color: #fff; }
span.linkbuttondisabled, div.linkbuttondisabled { background-color: #555; color: #888; }
span.linkbuttondisabled:hover, div.linkbuttondisabled:hover { background-color: #555 !important; color: #888; }

input[type="submit"].inlinebutton, button.inlinebutton,
span.inlinebutton, div.inlinebutton,
span.inlinebuttonminor, div.inlinebuttonminor,
span.headerbutton {
   background-color: #dd5500;
    line-height: 20px;
    height: 18px; width: auto; font-size: 12px; font-weight: normal; color: #eee; margin: 0px 2px 0px 2px; padding: 1px 10px 1px 10px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    cursor: pointer;

   -webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4);
   box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4);

   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}
span.headerbutton.negativebutton { background-color: #924040;}

input[type="submit"].inlinebutton, button.inlinebutton { height: 20px; } /* odd sizing */

span.inlinebuttonminor, div.inlinebuttonminor,
input[type="submit"].inlinebutton minor, button.inlinebutton minor { background-color: #666; }

span.iconbutton, div.iconbutton, input[type="submit"].iconbutton {
   font-weight: 500; font-size: 15px !important; line-height: 18px;
   padding: 1px 2px 1px 2px;
   width: 18px;
   /*height: 18px;  top: 1px; */
   position: relative; 
}

span.nobackbutton, div.nobackbutton, input[type="submit"].nobackbutton {
   background-color: transparent; box-shadow: none; color: #dd5500;
}

span.clipboardbutton, span.clipboardbuttonsmall {
   margin-left: 7px; position: relative; top: -1px; padding: 0px 1px 0px 1px; font-size: 12px !important; font-weight: 500; color: #ff8800 !important; border: 1px solid #884400;

   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;

   cursor: pointer;
}

span.clipboardbuttonsmall {
   font-size: 10px !important;
   border: 1px solid #444;
   color: #888 !important;
}

.clipboardbutton:hover, .clipboardbuttonsmall:hover  { background-color: #ff8800 !important; color: #fff !important; border: 1px solid #ff8800; }

.inlinebutton:hover, .headerbutton:hover, .inlinebuttonminor:hover { background-color: #ff8800 !important; color: #fff !important; }
span.linkbutton a, div.linkbutton a, .inlinebutton a, .headerbutton a, .inlinebuttonminor a { color: #fff !important; text-decoration: none !important; }
.inlinebuttondisabled, .inlinebuttondisabled:hover { background-color: #555 !important; cursor: auto; color: #666 !important;}
.inlinebuttondisabled a, .inlinebuttondisabled a:hover { color: #888 !important;}

span.clickable, div.clickable { cursor: pointer !important; }
span.clickable:hover, div.clickable:hover { background-color: #ff8800; color: #fff; }
.ajaxcursorprogress { cursor: progress !important; }

td span.inlinebutton, td div.inlinebutton, td span.inlinebuttonminor, td div.inlinebuttonminor,
.mainitem span.inlinebutton, .mainitem div.inlinebutton, .mainitem span.inlinebuttonminor, .mainitem div.inlinebuttonminor {
   height: 16px; padding: 0px 10px 0px 10px; margin-left: 10px; margin-top: 1px;
   line-height: 18px;
}

/*div.mainitem + span.inlinebutton, div.mainitem + div.inlinebutton, div.mainitem + span.inlinebuttonminor, div.mainitem + div.inlinebuttonminor {
   margin-left: 0px;
} */


/*
,
.mainitem .iconbutton, .mainitem input[type="submit"].iconbutton, .mainitem button.iconbutton,
.mainitem input[type="submit"].inlinebutton, .mainitem button.inlinebutton,
.mainitem input[type="submit"].inlinebuttoninlinebuttonminor, .mainitem button.inlinebuttonminor
*/
td .iconbutton, td input[type="submit"].iconbutton, td button.iconbutton,
td input[type="submit"].inlinebutton, td button.inlinebutton,
td input[type="submit"].inlinebuttonminor, td button.inlinebuttonminor,
.mainitem .iconbutton, .mainitem input[type="submit"].iconbutton, .mainitem button.iconbutton,
.mainitem input[type="submit"].inlinebutton, .mainitem button.inlinebutton,
.mainitem input[type="submit"].inlinebuttoninlinebuttonminor, .mainitem button.inlinebuttonminor {
   font-weight: 500; font-size: 16px !important; line-height: 14px;
   padding: 0px 0px 0px 0px !important; margin-left: 10px;
   min-width: 0px; width: 16px; height: 16px;
   overflow: hidden; display: inline-block;
}

div.mainitem > form > input[type="submit"].inlinebutton,
div.nopadding > form > input[type="submit"].inlinebutton { /* is first element in div */
   margin-left: 0px;
}


.toggleactionbuttoncontainer {
   color: #aaaaaa;
   font-size: 73%;
   font-weight: normal;
   text-transform: uppercase;
   width: 100%;
   text-align: right;
}

.toggleactionbuttontrue, .selectedbutton { background-color: #66adee !important; }
.toggleactionbuttonfalse { background-color: #dd5500 !important; }
.toggleactionbuttontrue:hover {  background-color: #96ddff !important; }

.deletetagbutton { width: 16px !important; height: 16px !important; margin: 0px 5px 0px -3px !important; padding: 4px 4px 2px 4px !important; cursor: pointer; }
.favoritesbutton { width: 20px; height: 20px; font-size: 28px; line-height: 18px; display: block; float: right; }
.favoritesbutton.toggleactionbuttontrue { color: #66adee !important; background-color: transparent !important; }
.favoritesbutton.toggleactionbuttontrue .favoritebuttoncontent::after { content: '\2605'; }
.favoritesbutton.toggleactionbuttonfalse { color: #dd5500 !important; background-color: transparent !important; }
.favoritesbutton.toggleactionbuttonfalse .favoritebuttoncontent::after { content: '\272A'; }
.favoritesbutton:hover { color: #ff8800 !important;}


.likebuttoncontainer {
   color: #aaaaaa;
   font-size: 80%;
   font-weight: normal;
   text-transform: uppercase;
   width: 105px;
   text-align: right;
}

.likebuttoncontainer .liketext { padding-right: 10px; }

.likebutton {
   padding: 0px 0px 0px 5px;
   background-color: #dd5500;
   white-space: nowrap;
   margin-right: 0px;
   line-height: 19px;
   color: #ffffff;
   font-size: 13px;
   font-weight: 500;
   text-transform: uppercase;
   width: 100px;
   text-align: center;
   cursor: pointer;

   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);

   -webkit-border-top-left-radius: 2px;
   -moz-border-radius-topleft: 2px;
   border-top-left-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -moz-border-radius-bottomleft: 2px;
   border-bottom-left-radius: 2px;
}


.likebutton:hover { background-color: #ff8800; }

.likebuttonoff {
   padding: 0px 0px 0px 5px;
   background-color: #777777;
   white-space: nowrap;
   margin-right: 0px;
   line-height: 19px;
   color: #aaaaaa;
   font-size: 13px;
   font-weight: 500;
   text-transform: uppercase;
   width: 100px;
   text-align: center;
   cursor: normal;

   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -webkit-border-top-left-radius: 2px;
   -moz-border-radius-topleft: 2px;
   border-top-left-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -moz-border-radius-bottomleft: 2px;
   border-bottom-left-radius: 2px;
}


.likescount {
   padding: 0px 0px 0px 5px;
   background-color: #dd5500;
   white-space: nowrap;
   margin-left: 5px;
   border-left: 1px dotted #666666;
   line-height: 19px;
   color: #ffffff;
   font-size: 13px;
   font-weight: normal;
   text-transform: uppercase;
   width: 30px;
   text-align: center;
   float: right;
}

.fancybox-title .likebutton, .fancybox-title .likebuttonoff, .fancybox-title .likescount { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.fancybox-title .likebuttoncontainer { margin-right: 0px; }

.likescountsymbol {
   padding: 0px;
   margin-left: 5px;
   line-height: 17px;
   background-color: #666;
   color: #dddddd;
   width: 15px;
   font-size: 13px;
   text-align: center;
   display: inline-block;

   -webkit-border-top-left-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -moz-border-radius-topleft: 2px;
   -moz-border-radius-bottomleft: 2px;
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
}

.likescountsingle {
   padding: 0px 5px 0px 0px;
   margin-left: 0px;
   margin-right: -5px;
   line-height: 17px;
   background-color: #666;
   color: #dddddd;
   border-left: 0px;
   width: auto;

   float: none;
   display: inline-block;
}


.subscribebuttonnote, .buttonnote {
   font-size: 10px;
   line-height: 11px;
}
.subscribebuttonnote:lang(zh-Hans), .buttonnote:lang(zh-Hans) { font-size: 12px; } 

.donatebutton {
   width: 100%; height: 85px; padding: 0px; margin: 0px;
   border-top: 2px solid #dd5500 ; border-bottom: 2px solid #dd5500 ;
   background-color: #1e2022;
   background-repeat: no-repeat; background-position: top center;
   background-image: url(images/donatebuttonwide2.jpg);
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;

}

.donatebutton:hover, .donatebutton:focus { background-color: #1e2022 !important; border-top: 2px solid #eee; border-bottom: 2px solid #eee; }




/* sidebar */
/* div.sidemenubarcontainerdummy {
} */

div.sidemenubarcontainer {
   min-width: 225px; float: left; min-height: 100%; position: absolute;
   margin-left: -20px;
  margin-top: -60px;
  text-transform: uppercase;
}


div.sidemenubar {
  margin: 0px 0px 0px 0px;
  padding: 60px 0px 150px 5px;

  background-color: #2c2e2f;
  /*background-color: rgba(50, 50, 51, 0.9);*/
  height: 100%;
  position: fixed;
  width: 220px;
  z-index: 1;
}


div.sidemenu, div.sidemenu div.submenu {
  padding: 0;
  margin: 0px 0px 0px 0px;
  position: relative;

}
div.sidemenu div.submenu {
  margin: -2px 0px 5px 0px;
}

div.sidemenu  {
  position: fixed;
  top: 96px;   /* use this as offset in sticky js */
}


div.sidemenutopmargin { margin-top: 10px; }

div.sidemenu a.menuitem, div.sidemenu span  {
   display: block;
   padding: 0px 5px 0px 5px;
   white-space: nowrap;
   margin: 0px 0px 1px 5px;
   line-height: 26px;
   text-align: left;

   color: #c0c0c0;   /* #ffd0b0 */
   text-decoration: none;
   font-size: 13px;

   width: 100%;
   overflow: hidden;

  /*
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px; */

  -webkit-border-radius: 2px 0px 0px 2px;
     -moz-border-radius: 2px 0px 0px 2px;
          border-radius: 2px 0px 0px 2px;
   /*
   -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.25);
   -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.25);
   box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.25); */

}

div.sidemenu div.sidemenuitem a.menuitem, div.sidemenu div.sidemenuitem span  { width: 205px; }
div.sidemenu div.submenu div.sidemenuitem a.menuitem, div.sidemenu div.submenu div.sidemenuitem span  { width: 190px; }

div.sidemenu a.selected { background-color: #dd5500 !important;  color: #ffffff !important; }
div.sidemenu a.menuitem:hover { background-color: #ff8800 !important; color: #ffffff !important; }
div.sidemenu span { color: #888888; }

div.sidemenuitem a.selected {
  -webkit-border-radius: 2px 0px 0px 2px;
     -moz-border-radius: 2px 0px 0px 2px;
          border-radius: 2px 0px 0px 2px;
}

div.sidemenuitem a.selected:after {
	left: 100%;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #dd5500;
	border-width: 13px;
	margin-top: 0px;
   margin-left: 0px;
}
div.sidemenu div.submenu div.sidemenuitem a.selected:after {
	border-width: 10px;
	margin-top: 0px;
   margin-left: 0px;
}

div.sidemenu div.sidemenuitem a.selected:hover:after {
	border-left-color: #ff8800;
}

div.sidemenu div.sidemenuitem {
   padding: 0px;
   position: relative;
}

div.sidemenu div.submenu div.sidemenuitem {
   padding-left: 20px; margin-top: 3px; margin-bottom: -3px; max-width: 200px;
}

div.sidemenu div.submenu div.sidemenuitem span { line-height: 20px; font-size: 11px !important; margin: 0px 0px 1px 0px; border-left: 0px !important; }
div.sidemenu div.submenu div.sidemenuitem a.menuitem { line-height: 20px; font-size: 11px !important; color: #aaa; margin: 0px 0px 1px 0px; border-left: 0px !important; }



/* mobile devices zoom */
/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1080px) and (orientation: portrait) {
   xbody { zoom: 2.5; -moz-transform: scale(2.5); -moz-transform-origin: 0 0}
}
*/

@media screen and (max-width : 1350px) {
   .marketdatacontent div.contentwidth50 { width: 100%; float: none; padding: 0; }
   .marketdatacontent div.contentwidth50 + div.contentwidth50 { padding: 0; }
}

@media screen and (max-width : 1350px) {

   div.maincontentcontainer { margin-left: 0px;  }
   div.maincontentcontainernosidebar { margin-left: 0px;  }

   div.sidemenubarcontainer { position: relative; left: 0; top: 0; height: auto; width: 100%; margin: 0px -20px 0px -20px; padding: 10px 20px 20px 20px; float: none; background-color: #353536; }
   div.sidemenubar { position: relative; height: auto; width: 100%;  background-color: #353536; margin: 20px 0px 0px 0px; padding: 5px 0px 0px 0px; }
   div.sidemenu { position: relative !important; top: 0 !important; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
   div.sidemenu div.sidemenuitem a.menuitem, div.sidemenu div.submenu div.sidemenuitem a.menuitem, div.sidemenu div.sidemenuitem span, div.sidemenu div.submenu div.sidemenuitem span  { width: auto; margin: 0px 1px 0px 0px; background-color: #575050; border-bottom: 1px solid #1e2022; border-right: 1px solid #1e2022;  }
   div.sidemenu div.sidemenuitem { padding: 0px; margin: 0px 0px 1px 0px; height: 27px; float: left; order: 1; flex: 0 1 auto; }
   div.sidemenu div.sidemenuitem a.menuitem, div.sidemenu div.sidemenuitem span { padding-right: 10px; font-size: 13px; text-align: left;   }
   div.sidemenu div.submenu { margin: 10px 0px 10px 0px; padding: 0px; width: auto; min-height: 26px; border-top: 2px solid #dd5500;white-space: normal; clear: both; text-align: center; display: block; order: 5; flex: 0 1 100%;}
   div.sidemenu div.submenu div.sidemenuitem { height: 22px; padding: 0px 0px 0px 0px !important; display: inline-block; }
   div.topcontainer { margin-left: -20px; min-height: 0px; }

   div.sidemenu div.sidemenuitem a.selected, div.sidemenu div.sidemenuitem a.menuitem:hover {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
          max-width: initial;
   }

   div.sidemenu div.sidemenuitem  a.selected:after, div.sidemenu div.sidemenuitem  a.selected:hover:after {
   	border: 0px solid transparent;
   }

   div.sidemenubarappend { order: 1000; width: 100%; }

   /* div.flexspacingfixed { margin-top: 0px; flex: 0 1 100%; } */

   div.menu { clear: both; width: 100%; margin: 0px !important; text-align: center !important; padding-left: 5px !important; padding-right: 5px !important; }
   div.menushortcuts { float: none !important; text-align: center !important; }
   div.menuappend { background-color: inherit !important;}
   div.shortmenutitle { display: none !important; }
   div.footer { margin-left: auto; }

   /*div.containermain { margin-top: 70px; }*/
   div.menucontainer { position: relative !important; }
   div.containermain { margin-top: -20px; }

   .tableFloatingHeaderOriginal { margin-top: -37px !important; }

}

@media screen and (max-width : 1100px) {

   div.maincontent0 { width: 100%; float: none; clear: both; }
   div.maincontent1 { width: 100%; float: left; clear: both; }
   div.maincontent2 { width: 100%; float: none; clear: both; }

   div.sidecontent1 { width: 100%; float: none; clear: both; }
   div.sidecontent2 { width: 100%; float: none; clear: both; }
   div.sidecontent3 { width: 100%; float: none; clear: both; }

   div.subcontentwidth50, div.sidesubcontentwidth50  { width: 50%; float: left; padding-right: 5px; margin-bottom: 10px; }
   div.subcontentwidth66, div.sidesubcontentwidth66 { width: 66.66%; float: left; padding-right: 5px; margin-bottom: 10px; }
   div.subcontentwidth33, div.sidesubcontentwidth33 { width: 33.33%; float: left; padding-right: 5px; margin-bottom: 10px; }
   div.subcontentwidth25, div.sidesubcontentwidth25 { width: 25%; float: left; padding-right: 5px; margin-bottom: 10px; }

   div.subcontentwidth50 + div.subcontentwidth50  { padding-left: 5px; padding-right: 0px; }
   div.subcontentwidth33 + div.subcontentwidth33 { padding-left: 5px; padding-right: 5px; }
   div.subcontentwidth33 + div.subcontentwidth33 + div.subcontentwidth33 { padding-left: 5px; padding-right: 0px; }
   div.subcontentwidth25 + div.subcontentwidth25 { padding-left: 5px; padding-right: 5px; }
   div.subcontentwidth25 + div.subcontentwidth25 + div.subcontentwidth25 { padding-left: 5px; padding-right: 5px; }
   div.subcontentwidth25 + div.subcontentwidth25 + div.subcontentwidth25 + div.subcontentwidth25 { padding-left: 5px; padding-right: 0px; }

   div.sidesubcontentwidth50 + div.sidesubcontentwidth50  { padding-left: 5px; padding-right: 0px; }
   div.sidesubcontentwidth33 + div.sidesubcontentwidth33 { padding-left: 5px; padding-right: 5px; }
   div.sidesubcontentwidth33 + div.sidesubcontentwidth33 + div.sidesubcontentwidth33 { padding-left: 5px; padding-right: 0px; }
   div.sidesubcontentwidth25 + div.sidesubcontentwidth25 { padding-left: 5px; padding-right: 5px; }
   div.sidesubcontentwidth25 + div.sidesubcontentwidth25 + div.sidesubcontentwidth25 { padding-left: 5px; padding-right: 5px; }
   div.sidesubcontentwidth25 + div.sidesubcontentwidth25 + div.sidesubcontentwidth25 + div.sidesubcontentwidth25 { padding-left: 5px; padding-right: 0px; }

   div.menu { font-size: 90%; }
   img.wikiimage { width: 150px !important; float: right; margin: 15px 15px 15px 15px !important; }
}

@media screen and (max-width : 800px) {

   div.contentwidth50 { width: 100%; float: none; padding: 0; }
   div.contentwidth50 + div.contentwidth50 { width: 100%; float: none; padding: 0; }
   div.contentwidth66 { width: 100%; float: none; padding: 0; }
   div.contentwidth33 { width: 100%; float: none; padding: 0; }
   div.contentwidth33 + div.contentwidth33 { padding: 0px; }
   div.contentwidth33 + div.contentwidth33 + div.contentwidth33 { padding: 0px; }
   div.contentwidth25 { width: 50%; }
   div.contentwidth25 + div.contentwidth25 { padding: 0px; }
   div.contentwidth25 + div.contentwidth25 + div.contentwidth25 { padding: 0px; }
   div.contentwidth25 + div.contentwidth25 + div.contentwidth25 + div.contentwidth25 { padding: 0px; }

   div.subcontentwidth50  { width: 100%; float: none; padding: 0; }
   div.subcontentwidth66 { width: 100%; float: none; padding: 0; }
   div.subcontentwidth33 { width: 100%; float: none; padding: 0; }
   div.subcontentwidth25 { width: 100%; float: none; padding: 0; }

   div.subcontentwidth50 + div.subcontentwidth50  { width: 100%; float: none; padding: 0; }
   div.subcontentwidth33 + div.subcontentwidth33  { width: 100%; float: none; padding: 0; }
   div.subcontentwidth33 + div.subcontentwidth33 + div.subcontentwidth33 { width: 100%; float: none; padding: 0; }
   div.subcontentwidth25 + div.subcontentwidth25 { width: 100%; float: none; padding: 0; }
   div.subcontentwidth25 + div.subcontentwidth25 + div.subcontentwidth25 { width: 100%; float: none; padding: 0; }
   div.subcontentwidth25 + div.subcontentwidth25 + div.subcontentwidth25 + div.subcontentwidth25 { width: 100%; float: none; padding: 0; }


   div.menu { font-size: 90%; }
   div.menuitem a { padding-left: 8px !important; padding-right: 0px !important; }
   /*div.menucontainer { position: relative !important; }
   div.containermain { margin-top: -0px; }*/

}

@media screen and (min-width : 1100px) {
   div.sidecontent1 div.formcolumn, div.sidecontent2 div.formcolumn, div.sidecontent3 div.formcolumn {
      width: 100% !important;
   }
}


/*-------*/



div.collapsible0, div.collapsible1, div.collapsible2, div.collapsible3 { display: none; } /* shown when column is collapsed */

@media screen and (max-width: 1600px) and (min-width: 1450px) {
   th.collapsible0,td.collapsible0 {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }
    div.collapsible0 { display: initial; }
}

@media screen and (max-width: 1450px) and (min-width: 1350px) {
   th.collapsible1,td.collapsible1 {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }
    div.collapsible1 { display: initial; }
}

@media screen and (max-width: 1350px) {
   th.collapsible2,td.collapsible2 {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }
    div.collapsible2 { display: initial; }
}

@media screen and (max-width: 800px) {
   th.collapsible3,td.collapsible3 {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }
    div.collapsible3 { display: initial; }
}



/*div.logchartcontainer { width: 100%; float: left; }
div.logchart { margin-right: 430px;  }
div.logchartprices { width: 420px; margin-left: -420px; margin-top: 10px; float: left; }

@media screen and (max-width : 1430px) {
   div.logchartcontainer { width: 100%; float: none; }
   div.logchart { width: 100%; float: none; margin-right: 0px; }
   div.logchartprices { width: 100%; margin: 0px; float: none;  }
} */

button.chartzoomreset { padding: 0px !important; line-height: 15px !important; height: 15px !important; width: 125px !important; font-size: 10px !important; }






div.mainblockhigh {
   background-color: #543;
}

div.mainblocksmall {
   padding: 10px 10px 10px 10px;
}

div.nestedmainblockcontainer { margin: 0px -20px -10px -20px;}



div.imageblock {
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   background-color: #2c2e2f; /*#ccc;*/
   border: 0px;
   padding: 0px;
   margin-bottom: 5px;
   margin-right: 5px;
   max-width: 400px;
}

div.imageblockside {
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   background-color: #111;
   border: 0px;
   padding: 5px;
   margin-bottom: 5px;
   margin-right: 5px;
   max-width: 400px;
   min-width: 275px;

}





div.formgroup {
   background-color: #bbb;
   border: 1px solid #888;
   padding: 2px;
   font-style: italic;

  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

div.sub { /* used for just few notes */
   background: -moz-linear-gradient(top,  rgba(70,66,63,.85) 0px, rgba(63,61,60,.85) 40%);
   background: -webkit-gradient(linear, left top, left bottom,color-stop(0px,rgba(70,66,63,.85)), color-stop(40%,rgba(63,61,60,.85)));
   background: -webkit-linear-gradient(top,  rgba(70,66,63,.85) 0px,rgba(63,61,60,.85) 40%);
   background: -o-linear-gradient(top, rgba(70,66,63,.85) 0px,rgba(63,61,60,1) 40%);
   background: -ms-linear-gradient(top,  rgba(70,66,63,.85) 0px,rgba(63,61,60,.85) 40%);
   background: linear-gradient(to bottom,  rgba(70,66,63,.85) 0px,rgba(63,61,60,.85) 40%);
}


div.aslink:hover {
   background: none;
   background-color: #dd5500;
   color: #fff;
}

div.aslink:hover .minor { color: #eee; }
div.aslink:hover .authordate { color: #eee; }
div.aslink:hover .inverse { color: #fff; }

 /*
 #574033
   background-color: #423b35;
   padding: 10px;
   margin: -15px -20px 15px -20px;
   text-transform: none;
   overflow: auto;
   line-height: 15px;
   color: #e8cfaa;
   border-bottom: 2px solid #96734b;
   */
div.transparent {
   background: transparent;
   border: 0px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

div.rankexploration {
   background-color: #3f4750;
   border-top: 1px solid #484641;
   background: -moz-linear-gradient(-45deg, rgba(70,90,100,0.9) 0%, rgba(50,50,50,0.9) 100%);
   background: -webkit-linear-gradient(-45deg, rgba(70,90,100,0.9) 0%,rgba(50,50,50,0.9) 100%);
   background: linear-gradient(135deg, rgba(70,90,100,0.9) 0%,rgba(50,50,50,0.9) 100%);
}

div.ranktrade {
   background-color: #525252;
   border-top: 1px solid #484641;
   background: -moz-linear-gradient(-45deg, rgba(100,100,100,0.9) 0%, rgba(50,50,50,0.9) 100%);
   background: -webkit-linear-gradient(-45deg, rgba(100,100,100,0.9) 0%,rgba(50,50,50,0.9) 100%);
   background: linear-gradient(135deg, rgba(100,100,100,0.9) 0%,rgba(50,50,50,0.9) 100%);
}

div.rankcombat {
   background-color: #584a3c;
   border-top: 1px solid #484641;
   background: -moz-linear-gradient(-45deg, rgba(115,89,70,0.9) 0%, rgba(70,60,50,0.9) 100%);
   background: -webkit-linear-gradient(-45deg, rgba(115,89,70,0.9) 0%,rgba(70,60,50,0.9) 100%);
   background: linear-gradient(135deg, rgba(115,89,70,0.9) 0%,rgba(70,60,50,0.9) 100%);
}

div.rankcqc {
   background-color: #584a3c;
   border-top: 1px solid #484641;
   background: -moz-linear-gradient(-45deg, rgba(115,73,70,0.9) 0%, rgba(70,60,50,0.9) 100%);
   background: -webkit-linear-gradient(-45deg, rgba(115,73,70,0.9) 0%,rgba(70,60,50,0.9) 100%);
   background: linear-gradient(135deg, rgba(115,73,70,0.9) 0%,rgba(70,60,50,0.9) 100%);
}


div.highlight {
   /*background-color: #504640; #4f4842*/
   background: none;
   background-color: #474340;

   /*
    -webkit-box-shadow:inset 0px 0px 2px 1px rgba(250,105,50,0.5);
    -moz-box-shadow:inset 0px 0px 2px 1px rgba(250,105,50,0.5);
    box-shadow:inset 0px 0px 2px 1px rgba(250,105,50,0.5); */
}


div.note { font-size: 90%; line-height: 13px; color: #aaaaaa; }

div.mainblock .title {
   background-color: #8e502a;
   margin: -1px -10px 7px -10px;
   padding: 5px;
   font-weight: 500; color: #f8efdc; text-transform: uppercase;

   background: -moz-linear-gradient(left,  rgba(170,94,43,1) 0%, rgba(170,94,43,0.5) 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(170,94,43,1)), color-stop(100%,rgba(170,94,43,0.5)));
   background: -webkit-linear-gradient(left,  rgba(170,94,43,1) 0%,rgba(170,94,43,0.5) 100%);
   background: -o-linear-gradient(left,  rgba(170,94,43,1) 0%,rgba(170,94,43,0.5) 100%);
   background: -ms-linear-gradient(left,  rgba(170,94,43,1) 0%,rgba(170,94,43,0.5) 100%);
   background: linear-gradient(to right,  rgba(170,94,43,1) 0%,rgba(170,94,43,0.5) 100%);
}


div.titlebackground {
   height: 32px;
   margin: 0px 0px 0px 0px;
   background-color: #0a0a0a;
   background-repeat: no-repeat; background-position: left top;
}

div.fromthepastbackground { float: left; margin: -10px 10px -9px -10px; height: 110px; width: 100px; background-color: #000; background-repeat: no-repeat; background-position: top center; }



div.mainblock .info {
   background-color: #474340;
   padding: 10px;
   margin: 0px -15px 0px -15px;
   text-transform: none;
   overflow: auto;
   line-height: 15px;
   color: #e8cfaa;
   border-top: 2px solid #96734b;
   border-bottom: 2px solid #96734b;
}
div.mainblock .infobottom {
   padding: 5px;
   margin-bottom: -10px;
   text-overflow: ellipsis;
}



div.mainblocksmall .info {
   margin: -10px -10px 15px -10px;
}

div.mainblock .info .itemtitle { color: #ba9; }
div.mainblock .authordate {  text-align: right; text-transform: uppercase; font-size: 85%; }
.mainblock p { margin-top: 0px; margin-bottom: 10px; }





div.item {
   border: 0px solid #4d4d4d; border-spacing: 0px;
   /* background-color: #5f5e5d; */
   /* background-color: #494746; */
   padding: 5px;
   margin: 2px -3px 2px -5px;
   color: #ffffff;
   overflow: auto;

   border: 0px; border-left: 5px solid #da903c;
}
div.item:hover { background-color: #5f5e5d; }

div.mainitem { border: 0px;  margin-bottom: 1px; padding: 10px 10px 10px 10px; }
div.mainitemsmall { padding: 5px 10px 5px 10px; }
div.mainitem div.iconcombat { width: 24px; height: 20px; float: left; margin: 1px 10px -0px -5px; background-repeat: no-repeat; background-position: center center; background-image: url(images/eiconfc_rankcombat.png);}
div.mainitem div.icontrade { width: 24px; height: 20px; float: left; margin: 1px 10px -0px -5px; background-repeat: no-repeat; background-position: center center; background-image: url(images/eiconfc_ranktrade.png);}
div.mainitem div.iconexploration { width: 24px; height: 20px; float: left; margin: 1px 10px -0px -5px; background-repeat: no-repeat; background-position: center center; background-image: url(images/eiconfc_rankexploration.png);}
div.mainitem div.iconcqc { width: 24px; height: 20px; float: left; margin: 1px 10px -0px -5px; background-repeat: no-repeat; background-position: center center; background-image: url(images/eiconfc_rankcqc.png);}
div.mainitem div.iconempty { width: 24px; height: 20px; float: left; margin: 1px 10px 0px -5px; }

div.itemcolor {
   width: 20px; height: 100%;
   margin: -10px 5px 0px -30px;
   position: absolute;
   background-color: transparent;
}

div.itemcolormenu {
   width: 5px; height: 24px;
   margin: 0px 3px -11px -3px;
   float: left;
   display: inline-block;
   background-color: transparent;
}

div.menucontainer {
   margin: 0px;
   padding: 0px;
   width: 100%;
   min-width: 780px;
   text-transform: uppercase;
   position: fixed; top: 0px; z-index: 500; width: 100%;
   position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky;
}

div.mainmenu, div.menushortcuts {
   border-spacing: 0px;
   background-color: #383533;
   white-space: nowrap;
   height: 35px;
   min-height: 35px;
   margin: 0px auto 0px auto; text-align: right;
   padding: 0px;
   width: 100%;
   border-bottom: 1px solid #1e2022;

   -webkit-box-shadow: 2px 2px 5px 4px rgba(0,0,0,0.2);
   -moz-box-shadow: 2px 2px 2px 4px rgba(0,0,0,0.2);
   box-shadow: 2px 2px 5px 4px rgba(0,0,0,0.2);
   /*-webkit-border-bottom-right-radius: 3px;
   -moz-border-radius-bottomright: 3px;
   border-bottom-right-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-radius-bottomleft: 3px;
   border-bottom-left-radius: 3px;*/
}

@media screen and (max-width : 1350px) {
   div.mainmenu { white-space: normal; height: auto; }
}

div.menushortcuts {
   background-color: #5f4535;
   min-height: 22px;
   min-width: initial;
   width: auto;
   height: auto;
   padding: 0px 10px 0px 10px;
   margin: 0px 0px 0px auto;
   float: right;
   clear: both;
   white-space: normal;
   font-size: 11.2px;
   line-height: 15px;
   -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
   box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-radius-bottomleft: 3px;
   border-bottom-left-radius: 3px;
}

div.shortmenuitem, div.shortmenuitemdummy { margin: 2px; padding: 0px 0px 0px 0px; text-align: center; display: inline-block; border-bottom: 3px solid #5f4535; }
div.shortmenuitem a { text-decoration: none; padding: 5px 5px 0px 5px; display: inline-block; }
div.shortmenuitem a:hover { text-decoration: none; }
div.shortmenuitem:hover { text-decoration: none; background-color: #dd5500; border-bottom: 3px solid #dd5500; border-radius: 1px; }
div.shortmenuitem:hover a { color: #fff; }

div.shortmenutitle { margin: 1px 7px 1px 7px; padding: 0px; text-align: center; display: inline-block;  }

div.motd {
   border: 0px solid #383533; border-spacing: 0px;
   background-color: #383533;
   padding: 10px;
   text-transform: none;
   text-align: left;
   padding-left: 40px;
}


div.menuappend {
   border: 0px solid #474340; border-spacing: 0px;
   background-color: #474340;
   color: #ccc;
   padding: 10px;
   float: right;
   height: 15px;
   max-width: 170px;
   white-space: nowrap;
   overflow: hidden;
   line-height: 17px;
   text-align: right;

  /*-webkit-border-bottom-right-radius: 3px;
   -moz-border-radius-bottomright: 3px;
   border-bottom-right-radius: 3px;*/
}

div.menu {
   border: 0px solid #4d4d4d; border-spacing: 0px;
   background-color: #bb5500;
   color: #fff;
   padding: 0px 10px 0px 5px;
   margin-left: 40px;
   float: right;
   line-height: 17px;
   text-align: right;

   /*-webkit-border-bottom-left-radius: 3px;
   -moz-border-radius-bottomleft: 3px;
   border-bottom-left-radius: 3px;*/
}


div.menuitem { margin: 0px; padding: 0px; text-align: center; display: inline-block; white-space: normal; border-bottom: 4px solid #bb5500; }
div.menuitemsel { font-weight: 500; border-bottom: 4px solid #f80; }
/* div.menuitemfirst {
} */

div.menuitemlast {
   padding-right: 10px;
}
div.menuitem a { padding: 10px 2px 4px 12px; display: inline-block; }
div.menuitem a:hover { text-decoration: none; color: #fff; }
div.menuitem:hover { text-decoration: none; background-color: #f80; border-bottom: 4px solid #f80; color: #fff;  }

div.menuitemdisabled  { color: #bb9988; }
div.menunewscounter {
   margin: 4px 0px 0px -2px;
   background-color: #5e200a;
   color: #fff !important;
   white-space: nowrap;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
   font-weight: 500;
   border: 1px solid #bb5500;

   font-size: 10px;
   line-height: 14px;
   height: 12px;
   width: 9px;
   float: right;

  -webkit-border-radius: 25%;
     -moz-border-radius: 25%;
          border-radius: 25%;
}

div.menuitem:hover div.menunewscounter { border: 1px solid #f80; }

div.menunewscounterdummy {
   margin: 4px 0px 0px -2px;
   width: 11px;   /* size + plus border width */
   height: 14px;
   float: right;
}

div.itemnewscounter, div.itemnewscounterfull  {
   padding: 0px 2px 0px 2px;
   margin: 2px -3px 0px 3px;
   background-color: #dd5500;
   white-space: nowrap;
   font-size: 10px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
   color: #fff;

   line-height: 16px;
   height: 14px;
   min-width: 10px;
   float: right;

   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);

   -webkit-box-shadow: 2px 5px 10px 4px rgba(0,0,0,0.3);
   -moz-box-shadow: 2px 5px 10px 4px rgba(0,0,0,0.3);
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);

  -webkit-border-radius: 20%;
     -moz-border-radius: 20%;
          border-radius: 20%;
}

div.itemnewscounterfull {
   padding: 0px 5px 0px 5px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

div.sidemenu a.selected div.itemnewscounter { background-color: rgba(0,0,0,0.5); }

div.invisible { visibility: hidden; height: 1px; width: 1px; overflow: hidden; margin: 0px; padding: 0px; display: none; }

div.starheader {
   padding: 10px 20px 10px 10px;
   margin-bottom: 0px;
   color: #a99887;
   border: 0px; box-shadow: none;

   background: -moz-linear-gradient(left,  rgba(170,94,43,0.2) 0%, rgba(142,80,42,0.1) 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(170,94,43,0.2)), color-stop(100%,rgba(142,80,42,0.1)));
   background: -webkit-linear-gradient(left,  rgba(170,94,43,0.2) 0%,rgba(142,80,42,0.1) 100%);
   background: -o-linear-gradient(left,  rgba(170,94,43,0.2) 0%,rgba(142,80,42,0.1) 100%);
   background: -ms-linear-gradient(left,  rgba(170,94,43,0.2) 0%,rgba(142,80,42,0.1) 100%);
   background: linear-gradient(to right,  rgba(170,94,43,0.2) 0%,rgba(142,80,42,0.0) 100%);
}

div.starheadersub {
   padding: 5px 20px 20px 5px; padding-left: 85px;
   color: #a99887;
   border: 0px; box-shadow: none;
   border-bottom: 0px solid #c38328;
}

div.starheader div.itemtitle { color: #897867; }
div.starheader span.minor { color: #897867; }

div.mainalert, div.mainalerterror {
   border: 0px solid #4d4d4d; border-spacing: 0px;
   background-color: #d37318;
   color: #ffffff;
   padding: 50px 10px 25px 25px;
   margin: 0px 0px 20px 0px;
   text-transform: uppercase;

-webkit-box-shadow: 2px 5px 10px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 5px 10px 4px rgba(0,0,0,0.3);
box-shadow: 2px 5px 10px 4px rgba(0,0,0,0.3);
/*
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; */
}

div.mainalerterror { background-color: #924040; }
div.mainalerterror span:before{
  color: #fff;
  content: "\26a0";
  font-size: 35px;
  height: 35px;
  vertical-align: bottom;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
  opacity: 0.6;
}

div.alertbelow {
   border: 0px solid #4d4d4d; border-spacing: 0px;
   border-top: 1px solid #4d4d4d;
   background-color: #bb5500;
   color: #ffffff;
   padding: 5px 10px 5px 10px;
   margin-top: -5px;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-size: 90%;
   overflow: hidden;
   line-height: 12px;
   position: relative; height: auto;
}

div.mainalertinfo {
   border: 0px solid #4d4d4d; border-spacing: 0px;
   background-color: #bb5500;
   color: #ffffff;
   padding: 10px;

  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

div.loginblock {
   margin: 0px;

 /* -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;*/
}


div.loginstripe {
   width: 100%; margin: 0px 0px 10px 0px; padding: 0px;
   background-repeat: repeat; background-position: center center;
   background-size: auto;
   background-image: url(images/frontloginstripe2.jpg);
   image-rendering: pixelated;
   -ms-interpolation-mode: nearest-neighbor;   

}

div.loginstripecontent {
   padding: 10px 0px 10px 0px;
   background:  -moz-linear-gradient(left, rgba(29,30,31,1) 0%, rgba(29,30,31,0) 5%, rgba(29,30,31,0) 95%, rgba(29,30,31,1) 100%);
   background: -webkit-linear-gradient(left, rgba(29,30,31,1) 0%,rgba(29,30,31,0) 5%,rgba(29,30,31,0) 95%,rgba(29,30,31,1) 100%);
   background: linear-gradient(to right, rgba(29,30,31,1) 0%,rgba(29,30,31,0) 5%,rgba(29,30,31,0) 95%,rgba(29,30,31,1) 100%);
}



div.starheader h3 { font-size: 140%; font-weight: 500; margin-bottom: 0px; }
div.starheader h4 { font-size: 105%; margin-top: 3px; margin-bottom: 10px; color: #a9a091; }

div.listitem { margin-bottom: 5px; margin-left: -5px; padding: 0px 0px 1px 8px; border-left: 2px solid #da903c; }
div.itemdescr   { width: 150px; height: 27px; line-height: 11px; float: left; display: inline; padding-right: 10px; padding-top: 5px; text-align: right; text-transform: uppercase !important; color: #b6b4b2; }
div.itemdescr2   { padding-top: 10px; text-align: left; text-transform: uppercase !important; color: #b6b4b2; font-weight: 500; }
.inputblock div.itemdescr, .inputblockdialog div.itemdescr, .xxxshipblock div.itemdescr   { color: #1e2022; }
.inputblock div.itemdescr2, .inputblockdialog div.itemdescr2, .xxxshipblock div.itemdescr2   { color: #1e2022; }
.inputblock div.itemtitle, .inputblockdialog div.itemtitle, .xxxshipblock div.itemtitle    { color: #1e2022; }
.inputblock span.minor, .inputblockdialog span.minor, .xxxshipblock span.minor   { color: #555; }
.inputblock span.major, .inputblockdialog span.major, .xxxshipblock span.major   { color: #000; font-weight: 500; }
div.itemtitle   { width: 80px; line-height: 10px; float: left; padding-right: 10px; padding-top: 3px; text-align: left; font-size: 85%; text-transform: uppercase !important; color: #9c9a98; }
div.itemvalue  { text-align: right; width: 110px; float: left; }
.loginform div.itemdescr   { color: #ffffff; width: 130px; }




div.authordate { float: right; font-size: 11px; font-weight: normal; color: #888; margin-left: 10px; }
div.smalledit {
   padding: 1px 10px 1px 10px;
   margin: 1px;
   background-color: #dd5500;
   white-space: nowrap;
   margin-right: 1px;
   line-height: 20px;
   font-size: 90%;
   display: inline-block;

  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);

}

div.smalledit:hover { background-color: #ff8800; }
div.smalledit a { color: #ffffff; }
div.smalledit a:hover { text-decoration: none; }

span.hiddenitems { display: inline-block; display: none; }
div.hiddenitems  { display: block;  display: none; }

div.spoiler {
   display: block;
   padding: 6px;
   border: 0px solid #666;
   background-color: #3f4142;
   white-space: normal;
   display: none;
}

.withoverflow { overflow: visible !important; }

a.revealspoiler {
   background-color: #666;
    line-height: 10px; min-width: 30px; font-size: 85%; color: #eee; margin: 2px; padding: 5px 10px 3px 10px;
    text-transform: uppercase;
   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4);
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   padding: 3px 20px 2px 20px;
   margin: 5px 2px 10px 2px;
   cursor: pointer;
}
a.revealspoiler:link      { color: #ff8800 !important; text-decoration: none !important; }
a.revealspoiler:visited   { color: #ff8800 !important; text-decoration: none !important; }
a.revealspoiler:active    { color: #ff8800 !important; text-decoration: none !important; }
a.revealspoiler:hover     { background-color: #ff8800; color: #fff !important; text-decoration: none !important; }
/*--------*/



div.pfl {
   margin: 0px 0px 20px 0px; width: auto; height: 130px;
   padding: 7px 5px 3px 5px;
   padding-right: 295px;
   background-color: #282828;
   text-transform: uppercase;
   overflow: hidden;
   line-height: 15px;
   position: relative;
   background-repeat: no-repeat; background-position: left center;
   background-image: url(images/pflback3.jpg);

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
@media screen and (max-width : 1000px) {
   div.pfl { padding-right: 0px; }
}

table.pfl { border: 0px solid black; border-spacing: 0px; width: 100%;  }
table.pfl tr { background-color: transparent; }
table.pfl tr:hover { background-color: transparent; }
table.pfl td { padding: 3px; padding-right: 6px; color: #fffcfa; border-bottom: 0px dotted #a36308; border: 0px solid #a36308; text-align: right; vertical-align: top; line-height: 13px; }
table.pfl td.header {
   padding: 3px 6px 0px 6px; color: #eee; font-size: 18px; text-align: right; line-height: 15px; text-shadow: none; font-weight: 500;
   border-bottom: 1px dotted #fe9531;
}

table.pfl td.profileimage {
   padding: 0px; width: 125px; height: 125px; overflow: hidden;line-height: 1px;
   border: 1px dotted #fe9531;
}
table.pfl td.profileimage img {
    width: 125px; height: 125px;
   -webkit-transition: all .5s ease; transition: all .5s ease;
   opacity: 0.95;
   filter: sepia(20%);
   transition: all .5s ease;
}
table.pfl td.profileimage img:hover { opacity: 1.0; filter: sepia(0%); }

span.pflcellname { color: #fe8e0c; font-size: 80%; }
span.pflcellname:lang(zh-Hans) { font-size: 90%; } 
span.pfltitle { color: #fe8e0c; font-size: 125%; font-weight: 500; }
span.pflheadersmall { font-size: 11px; line-height: 15px; color: #fe8e0c; font-weight: normal; }

.ishelp { cursor: help; }
span.tooltip { cursor: help; border-bottom: 1px dotted #ca9; }
.inputblock span.tooltip, .xxxshipblock span.tooltip, .inputblockdialog span.tooltip { border-bottom: 1px dotted #1e2022; }
span.tooltipnoline { cursor: help; border-bottom: 0px dotted #ca9 !important; }
span.tooltip span.helpmark {
   display: inline-block;
   width: 10px; height: 10px;
   margin: 5px 0px 0px 5px;
   padding: 1px;
   /* background-color: rgba(221,192,160, 0.8); */
   background-color: rgba(160,160,160, 0.8);
   color: #333 !important;
   text-shadow: none;

   white-space: nowrap;
   text-decoration: none;
   text-align: center;
   font-weight: bold;

   font-size: 12px;
   line-height: 11px;

  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}



/* tables */

table { border: 0px solid black; margin-bottom: 5px; border-spacing: 0px; border-collapse: separate; }
th { text-align: left; padding: 3px 10px 0px 10px; color: #ddc0a0; background-color: #474340; text-transform: uppercase; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #96734b;  line-height: 22px; font-weight: 500; vertical-align: bottom; white-space: nowrap; outline: 0 !important; }
th.sorting:hover, th.sorting_asc:hover, th.sorting_desc:hover { background-color: #645e58; }
td { padding: 2px 5px 2px 10px; background-clip: padding-box; border-radius: 1px; vertical-align: top; white-space: nowrap; line-height: 14px; border-bottom: 1px solid #282829; }
tr { background-color: #2c2e2f; }
tr:nth-child(2n+1) { background-color: #36383a; }
tr.positive { background-color: #3d4246; }
tr.negative { background-color: #463738; }
tr:hover, table.withhiddenrows tr:hover { background-color: #262626; }
tr.nohover, tr.nohover:hover { background-color: #2c2e2f; }
tr.highlight { background-color: #8e502a; }
tr.divider td { background-color: #262626; padding: 6px; border: 0px; }
tr.divider:hover { background-color: #262626; }

table.withhiddenrows tr:nth-child(4n+1) { background-color: #2c2e2f; }
tr.hiddenrow td { padding: 0px !important; border: 0px; }

td.subheader { padding: 5px 5px 1px 10px !important; color: #ddc0a0 !important; font-weight: normal; height: 16px; border-bottom: 1px solid #2d2d2d; border-radius: 0px !important; }
th.subheader { border-bottom: 1px solid #2d2d2d; border-radius: 0px !important; }
tr.subheader { background-color: #474340 !important; }
tr.subheader:hover { background-color: #474340 !important; }
th.bordered, td.bordered { border-top: 2px solid #cb8b51; border-bottom: 2px solid #cb8b51; }

td.wrap { white-space: normal; }
td.minor { color: #888; }
td.major { color: #ddc0a0; }
td.max { color: #ff7755; }
td.ellipsis { text-overflow: ellipsis; overflow: hidden; }
td.disabled { color: #777; }
td.forbidden { color: #a54; }

td.lineright, th.lineright { border-right: 1px solid #282828; }
th.paddingleft, td.paddingleft { padding-left: 10px !important; }
th.paddingright, td.paddingright { padding-right: 10px !important; }
th.paddingbottom, td.paddingbottom { padding-bottom: 10px !important; }
th.paddingtop, td.paddingtop { padding-top: 10px !important; }
th.paddingextra, td.paddingextra { padding: 6px 5px 6px 10px !important; }
th.lowpad, td.lowpad { padding: 0px 2px 0px 5px !important; }
td.alignright,th.alignright { text-align: right; }
td.aligncenter,th.aligncenter { text-align: center; }


tr.onelinehover td div { height: 15px; overflow: hidden; }
tr.onelinehover:hover td { padding-top: 10px; padding-bottom: 20px; border-top: 2px solid #cb8b51; border-bottom: 2px solid #cb8b51; }
tr.onelinehover:hover td div { height: auto; overflow: visible; }

tr.multilinehover td div { height: 15px; overflow: hidden; }
tr.multilinehover:hover td { padding-top: 4px !important; padding-bottom: 4px !important; border-top: 2px solid #cb8b51; border-bottom: 2px solid #cb8b51; }

/* collapsible table rows */
tr.hasdetails { cursor: pointer; }
tr.hasdetails:hover { background-color: #5f4535; }
tr.hasdetails td.details-control { cursor: pointer; padding: 6px 0px 0px 5px; }
tr.hasdetails.shown { background-color: #5f4535; }
tr.details td { padding-bottom: 20px; border-bottom: 5px solid #1d1e1f; }

tr.hasdetails td div.collapser {
   width: 6px; height: 6px;
   border-right: 2px solid #ff8800;
   border-bottom: 2px solid #ff8800;
   transform-origin: 3px 3px ;
   transform: rotate(-45deg);
}
tr.hasdetails.shown td.details-control div.collapser { transform: rotate(45deg); transform-origin: 7px 5px ;}
/*tr.hasdetails.shown td.details-control, tr.details td:first-child { border-left: 3px solid #ff8800; } */

tr.hasdetails:hover td div.collapser, div.collapser:hover {
   border-color: #eee;
}

/* wing tooe layout helper */
table.layout { border: 0px solid #000; border-spacing: 0px; background: transparent; }
table.layout tr { background: transparent;}
table.layout tr:hover { background: transparent;}
table.layout td { padding: 0px; border: 0px solid #000; white-space: normal; }
tr.advert { background: #222324; }
tr.advert td { padding: 0px; }


table.widgetlike { width: 100%; border: 0px solid black; margin-bottom: 5px; border-spacing: 0px; border-collapse: separate; }
table.widgetlike th { color: #ddc0a0; background-color: #474340; border-bottom: 0px solid #96734b; line-height: 22px; padding-bottom: 0px; background-clip: padding-box; }
table.widgetlike td { padding: 4px 5px 3px 10px; background-clip: padding-box;  border-top: 1px solid #3a3c3d; border-bottom: 1px solid #1c1e1f;}
table.widgetlike td.minor { color: #888; }
table.widgetlike td.subheader { color: #ddc0a0; }
table.widgetlike tr { background-color: #2c2e2f; }
table.widgetlike tr:nth-child(2n+1) { background-color: #2c2e2f; }
table.widgetlike tr:hover { background-color: #36383a; }
table.widgetlike tr:nth-child(2n+1):hover { background-color: #36383a; }
table.widgetlike tr.highlight { background-color: #8e502a; }

table.texttable { border: 0px; background-color: inherit; }
table.texttable caption { color: #f3b358; font-weight: 500; text-transform: uppercase; font-size: 12px; text-align: left; }
table.texttable tr { background-color: inherit; }
table.texttable th { background-color: inherit; color: #ddc0a0; font-weight: normal; font-size: 11px; padding: 0px 5px 0px 0px; border: 0px; line-height: inherit; }
table.texttable td { background-color: inherit; padding: 0px 5px 0px 0px; border: 0px;  }


.discussmessage .center, .articlecontent .center, .discussthreaddescr .center { text-align: center; }
.discussmessage table, .articlecontent table, .discussthreaddescr table { border: 0px solid #666; border-spacing: 1px; text-align: left; word-break: initial; width: auto; }
.discussmessage .center table, .articlecontent .center table, .discussthreaddescr .center table { margin-left: auto; margin-right: auto; }
.discussmessage table tr, .articlecontent table tr, .discussthreaddescr table tr { background: #404041; }
.discussmessage table td, .articlecontent table td, .discussthreaddescr table td { padding: 5px; white-space: normal; border: 0px; }
.discussmessage table th, .articlecontent table th, .discussthreaddescr table th { padding: 5px 20px 5px 5px; white-space: normal; background: #505051; color: #ddc0a0; font-weight: normal; }
div.articlecontent h3     { color: #ff8800; font-weight: 500; margin-top: 30px; }

/* ------------ */

h2.inapieventcat { text-transform: uppercase !important; font-weight: 500; margin-top: 25px !important; margin-bottom: 30px !important; }
h3.inapieventitem { text-transform: none !important; margin-top: 15px !important;}
pre.inapi { background-color: #ddd; border: 1px solid #1e2022; color: #1e2022; text-shadow: none; padding: 10px; margin: 0px 0px 10px 0px; white-space: pre-wrap; }
div.inapieventitem { background-color: #3f4142; margin: 0px -15px 10px -15px; padding: 10px 15px 20px 15px; border-top: 1px solid #995500; border-bottom: 15px solid #1e2022; }
div.inapiappitem { background-color: #3f4142; margin: 0px -20px 10px -20px; padding: 10px 20px 20px 20px; border-left: 5px solid #cb8b51; border-spacing: 0px; }

.emailobs:before {
	content: attr(data-site) "\0040" attr(data-usr);
	unicode-bidi: bidi-override;
	direction: rtl;
}

/*--------*/
div.rankiconlarge, div.rankingsiconlarge, div.powericonlarge { width: 120px; display: inline-block; text-align: center;  background-repeat: no-repeat; background-position: top center; background-size: 100% auto; vertical-align: top; }
div.rankiconlarge img, div.powericonlarge img { width: 120px;  }

div.rankingsiconlarge { width: 120px; }
div.rankingsiconlarge img { width: 120px; }

img.awardribbon { width: 120px; height: 36px; margin-right: 5px; }
img.awardribbonsmall { display: inline-block; width: 11%; max-width: 120px; height: auto; margin-right: 5px; }
img.awardmedal { width: 180px; height: 180px; margin: 0px -15px 0px -15px; }
img.awardmedalsmall { display: inline-block; width: 15%; max-width: 180px; height: auto; margin: 0px -15px 0px -15px; xborder: 1px solid red; }

div.sidecontent1 div.rankiconlarge, div.sidecontent1 div.powericonlarge { width: 120px; }
div.sidecontent1 div.rankiconlarge img, div.sidecontent1 div.powericonlarge img { width: 120px; }
div.sidecontent2 div.rankiconlarge, div.sidecontent2 div.powericonlarge { width: 120px; }
div.sidecontent2 div.rankiconlarge img, div.sidecontent2 div.powericonlarge img { width: 120px; }
div.sidecontent3 div.rankiconlarge, div.sidecontent3 div.powericonlarge { width: 120px; }
div.sidecontent3 div.rankiconlarge img, div.sidecontent3 div.powericonlarge img { width: 120px;  }
div.sidecontent1 div.rankingsiconlarge, div.sidecontent2 div.rankingsiconlarge, div.sidecontent3 div.rankingsiconlarge { width: 90px; }
div.sidecontent1 div.rankingsiconlarge img, div.sidecontent2 div.rankingsiconlarge img, div.sidecontent3 div.rankingsiconlarge img { width: 90px; }

div.rankiconlarge div.ranktitle { margin-top: -15px; }
div.rankiconlarge div.rankvalue { margin-bottom: 5px; }
div.powericonlarge div.ranktitle { margin-top: -15px; }
div.powericonlarge div.rankvalue { margin-bottom: 5px; }


img.downscaledicon {
    image-rendering: -moz-crisp-edges;
    image-rendering:   -o-crisp-edges;
    /* image-rendering: -webkit-optimize-contrast; */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

img.upscaledicon {
    image-rendering: -moz-pixelated;
    image-rendering:   -o-pixelated;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

img.galtimeicon { width: 16px; height: 16px; float: left; margin-right: 0px; }
img.mailicon { width: 16px; height: 16px; float: left; margin-right: 0px; }
img.mailiconlarge { width: 32px; height: 32px; float: left; margin-right: 15px; }
img.friendsicon { width: 16px; height: 16px; float: left; margin-right: 0px; }

div.newicon {
   display: inline-block;
   width: 8px;
   height: 8px;
   margin: 7px;
   font-size: 11px;
   line-height: 13px;
   color: #000;

   background-color: rgb(250,160,60); border-radius: 50%;
   box-shadow: 0 0 0 rgba(220,85,0, 0.7);
   /* animation: pulse 2s infinite; */
}

div.itemnewscounter, div.itemnewscounterfull {
  box-shadow: 0 0 0 rgba(220,85,0, 0.7);
  /* animation: pulse 2s infinite; */
}

div.pulsenone {
   width: 6px; height: 6px; margin-top: 4px;
}

div.pulsepositive {
   width: 6px; height: 6px; background-color: rgb(102,173,238); border-radius: 50%; margin-top: 4px;
  box-shadow: 0 0 0 rgba(102,173,238, 0.7);
  /* animation: pulsepositive 4.5s infinite; */
}

div.pulseneutral {
   width: 6px; height: 6px; background-color: rgb(220,220,220); border-radius: 50%; margin-top: 4px;
  box-shadow: 0 0 0 rgba(220,220,220, 0.7);
  /* animation: pulseneutral 3s infinite; */
}


div.pulsenegative {
   width: 6px; height: 6px; background-color: rgb(238,78,34); border-radius: 50%; margin-top: 4px;
  box-shadow: 0 0 0 rgba(238,78,34, 0.7);
  /* animation: pulsenegative 3s infinite; */
}

div.pulsenegativehigh {
   width: 6px; height: 6px; background-color: rgb(208,38,84); border-radius: 50%; margin-top: 4px;
  box-shadow: 0 0 0 rgba(208,38,84, 0.7);
  /* animation: pulsenegativehigh 1.5s infinite; */
}

div.pulsealert {
   width: 6px; height: 6px; background-color: rgb(250,160,60); border-radius: 50%; margin-top: 4px;
  box-shadow: 0 0 0 rgba(250,160,60, 0.7);
  /* animation: pulsealert 4.5s infinite; */
}

@keyframes pulsepositive {
  0% { box-shadow: 0 0 0 0 rgba(102,173,238, 0.6); }
  25% { box-shadow: 0 0 0 10px rgba(102,173,238, 0); }
  33% { box-shadow: 0 0 0 0 rgba(102,173,238, 0); }
}

@keyframes pulseneutral {
  0% { box-shadow: 0 0 0 0 rgba(150,150,150, 0.6); }
  33% { box-shadow: 0 0 0 10px rgba(150,150,150, 0); }
  50% { box-shadow: 0 0 0 0 rgba(150,150,150, 0); }
}

@keyframes pulsenegative {
  0% { box-shadow: 0 0 0 0 rgba(238,78,34, 0.6); }
  33% { box-shadow: 0 0 0 10px rgba(238,78,34, 0); }
  50% { box-shadow: 0 0 0 0 rgba(238,78,34, 0); }
}

@keyframes pulsenegativehigh {
  0% { box-shadow: 0 0 0 0 rgba(208,38,84, 0.6); }
  75% { box-shadow: 0 0 0 10px rgba(208,38,84, 0); }
  100% { box-shadow: 0 0 0 0 rgba(208,38,84, 0); }
}

@keyframes pulsealert {
  0% { box-shadow: 0 0 0 0 rgba(250,160,60, 0.6); }
  25% { box-shadow: 0 0 0 10px rgba(250,160,60, 0); }
  33% { box-shadow: 0 0 0 0 rgba(250,160,60, 0); }
}




img.iconpulse {
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(220,85,0, 0.7);
  /* animation: pulse 2s infinite; */
  will-change: box-opacity;
}

img.iconpulselarge {
   border-radius: 50%;
   box-shadow: 0 0 0 rgba(220,85,0, 0.7);
   animation: pulselarge 30s infinite; 
   animation-delay: 0.5s;
   will-change: box-opacity;
}


@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(220,85,0, 0.7);
    box-shadow: 0 0 0 0 rgba(220,85,0, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(220,85,0, 0);
      box-shadow: 0 0 0 10px rgba(220,85,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(220,85,0, 0);
      box-shadow: 0 0 0 0 rgba(220,85,0, 0);
  }
}


@keyframes pulselarge {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(220,85,0, 0.99);
    box-shadow: 0 0 0 0 rgba(220,85,0, 0.7);
  }
  5% {
      -moz-box-shadow: 0 0 0 20px rgba(220,85,0, 0);
      box-shadow: 0 0 0 20px rgba(220,85,0, 0);
  }
  10% {
      -moz-box-shadow: 0 0 0 0 rgba(220,85,0, 0);
      box-shadow: 0 0 0 0 rgba(220,85,0, 0);
  }
}

div.loadingdot {
   display: inline-block;
   margin-left: 2px;
   margin-right: 2px;
   position: relative;

   font-size: 12px;
   opacity: 0;
   animation: showHideDot 1.5s ease-in-out infinite;

}
div.loadingdot.one { animation-delay: 0.2s; }
div.loadingdot.two { animation-delay: 0.4s; }
div.loadingdot.three { animation-delay: 0.6s; }
div.loadingdot.four { animation-delay: 0.8s; }
div.loadingdot.five { animation-delay: 1.0s; }

@keyframes showHideDot {
   0% { opacity: 0; }
   50% { opacity: 1; }
   60% { opacity: 1; }
   100% { opacity: 0; }
}


img.bw { -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); filter: grayscale(50%); } /* -webkit-transition: all .6s ease; transition: all .6s ease;  */
/* img.bw:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } */
img.wikiimage { width: 300px; border: 0px solid #555555; margin: -15px -15px 10px -15px; }
img.timeicon { width: 13px; height: 12px; border: 0px; cursor: help; }
img.stationsmallicon { width: 10px; height: 10px; border: 0px; vertical-align: -10%; padding-left: 2px; opacity: 0.75;}
img.eventicon { width: 24px; height: 16px; border: 0px; margin: 0px 5px 0px -5px; float: left;}
img.eventiconwide { width: 32px; height: 16px; border: 0px; margin: 0px 5px 0px -5px; float: left;}


img.staricon {
   width: 16px; height: 16px; border: 0px; margin: 0px 7px 0px 0px; float: left;
   image-rendering: -moz-pixelated;
   image-rendering:   -o-pixelated;
   image-rendering: pixelated;
   -ms-interpolation-mode: nearest-neighbor;
}


div.stationicon {
   width: 13px !important; height: 13px !important; border: 0px; margin-right: 5px; margin-top: -3px; margin-bottom: 0px; opacity: 0.5; vertical-align: middle;
   display: inline-block;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: auto 100px;
}

div.serviceicon {
   width: 10px; height: 10px; border: 0px; vertical-align: -10%; margin: -1px 1px 0px 0px; opacity: 0.5;
   display: inline-block;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: auto 100px;
}

table div.serviceicon {
   margin: 0px 1px 0px 0px;
   background-color: #4d4c4b; /* #5f4535*/
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

div.equipicon {
   width: 25px; height: 25px; border: 0px; margin-right: 5px; margin-bottom: 5px; float: left;
   display: inline-block;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: auto 100px;
}

div.materialgrade {
   width: 13px; height: 13px; border: 0px; margin-left: 0px; margin-right: 2px; vertical-align: middle;
   display: inline-block;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: auto 100px;
}




.tagselected div.stationicon, .tagselected div.serviceicon { opacity: 0.8; }


/*img.materialicon {
   width: 13px; height: 13px; border: 0px; margin-left: 3px; margin-right: 3px; margin-top: 1px; opacity: 0.9; vertical-align: text-top;
   image-rendering: -moz-pixelated;
   image-rendering:   -o-pixelated;
   image-rendering: pixelated;
   -ms-interpolation-mode: nearest-neighbor;
}*/

img.wingrole {
   width: 19px; height: 19px; border: 0px; margin: 0px 5px 0px 0px; vertical-align: middle;
   image-rendering: -moz-pixelated;
   image-rendering:   -o-pixelated;
   image-rendering: pixelated;
   -ms-interpolation-mode: nearest-neighbor;
}

div.discussauthor img.wingrole {
   margin: 2px 0px 0px 0px;
}

.movable { cursor: move !important; }
img.movableicon { width: 16px; height: 16px; border: 0px; margin-left: 10px; }

strong, b { font-weight: 500 !important; }
.big { font-size: 115% !important; font-weight: 500; }
.bigger { font-size: 105% !important; font-weight: 500; }
.bold { font-weight: 500 !important; }
.bolder { font-weight: 700 !important; }
.normalsize { font-size: 100% !important; }
.smaller { font-size: 85% !important; }
.small { font-size: 80% !important; }
.smaller:lang(zh-Hans) { font-size: 96% !important; } 
.small:lang(zh-Hans) { font-size: 90% !important; } 

.cmdrprefix { font-size: 70% !important; color: #777; }
span.normal { color: #eee; }
span.minor, div.minor { color: #888; }
span.minor2 { color: #5a5a5a; }
span.minor3 { color: #b5b2b1; }
span.major,li.major { color: #ddc0a0; }
span.aslink { color: #ff881b; }
span.alert { color: #ff7755; }
span.paddingleft, a.paddingleft { padding-left: 10px; }
div.positive, span.positive, td.positive { color: #66adee; }
div.positivelow, span.positivelow, td.positivelow { color: #5580cc; }
div.negativelow, span.negativelow, td.negativelow, td.positivelowalt1 { color: #ffcc66; }
div.negative, span.negative, td.negative, td.positivealt1 { color: #ee4422; }

.marketpricelowdiff { color: #66adee; }
.marketpricehighdiff { color: #ffcc66; }

.inputblock div.negative, .inputblock span.negative, .inputblock td.negative { color: #bb3311; }
/*.shipblock div.negative, .shipblock span.negative, .shipblock td.negative { color: #bb3311; }*/
span.note { font-size: 90%; color: #bbb; }
span.inverse   { color: #ff8800; }
span.cr, span.ly, span.crly { color: #999; text-transform: none; width: 15px; display: inline-block; text-align: left; }
.inputblock span.note, .inputblockdialog span.note, .xxxshipblock span.note  { color: #444444; }

span.platformpc, span.platformxbox, span.platformps4 {
   font-size: 10px; color: #aaa; width: 25px; display: inline-block; text-align: center;
}
span.platformxbox { color: #24b34b; }
span.platformps4 { color: #5f94d3; }


span.tag, div.tag {
   padding: 6px 7px 4px 7px;
   margin: 0px 3px 3px 0px;
   line-height: 12px;
   font-size: 12px;

   background-color: #5f4535;

   /*
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;*/

          /*
   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
span.tag { display: inline-block;  }
div.inputblock span.tag { background-color: #8e502a; }

span.taglarge, div.taglarge {
   padding: 10px 15px 8px 15px;
   line-height: 14px;
   font-size: 14px;
   text-transform: uppercase;
}

.starheader span.tag { background-color: #555045; }
span.tag div.right, div.tag div.right { float: right; }

span.tagminor, div.tagminor { text-transform: none; }
span.tagminor2, div.tagminor2 { color: #ddd; }
span.tagminor3, div.tagminor3 { text-transform: none; background-color: #3f4142; }

span.tag:hover, div.tag:hover, div.inputblock span.tag:hover, span.tag:hover img.serviceiconsmall { background-color: #dd5500; }
span.tagminor2:hover { background-color: #6f695f; }
span.tag a, div.tag a, a span.tag, a div.tag  { color: #eee; }
span.tag:hover a, div.tag:hover a, a span.tag:hover, a div.tag:hover { color: #fff !important; }

span.tagselected, div.tagselected, span.tagselected img.serviceiconsmall   { background-color: #dd5500 !important; color: #fff !important; }
span.tagdisabled, div.tagdisabled  { background-color: #444; color: #888; }
span.tagdisabled:hover, div.tagdisabled:hover { background-color: #444; color: #888; }

span.taglike {
   padding: 0px 7px 0px 7px;
   background-color: #3f4142;
   margin: 1px;
   line-height: 16px;
   font-size: 13px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
span.taglike:hover { background-color: #3f4142; }

span.tagpositive {
   padding: 1px 5px 1px 5px;
   margin-right: 2px;
   white-space: nowrap;
   line-height: 11px;
   font-size: 11px;
   text-align: center;
   color: #ddd;
   width: auto; height: auto;
   display: inline-block;
   background-color: #5584af;

  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

span.tagpositive.verifiedsmall {
   padding: 2px 2px 0px 2px;
   margin-right: 2px;
   margin-top: -2px;
   line-height: 8px;
   font-size: 8px !important;
   vertical-align: middle;
}


a.anchoroff { position:relative; top:-70px; display: block; visibility: hidden; }


span.inactive { color: #4d4d4d; }
span.prohibited { color: #884033; }

p.clear { clear: both; margin: 0px; padding: 0px; }
p.halfspace { margin: 5px 0px 0px 0px; padding: 0px; }
p.fullspace { margin: 10px 0px 0px 0px; padding: 0px; }

h1 { font-weight: 500; margin-bottom: 40px; color: #ff8800; }
h2 { font-weight: 500; margin-bottom: 2px; }
h2 span.smaller { font-weight: 500; font-size: 115%; }
h3 { font-weight: 500; margin-top: 3px; margin-bottom: 10px; font-size: 120%; color: #ccc; text-transform: uppercase; }
h3.header, h3.headerminor, h3.headersmaller {
   margin: 0px 0px 0px 0px;
   padding: 7px 10px 7px 10px;
   font-weight: normal; color: #f3b358; text-transform: uppercase;
   font-size: 115%; outline:0;
   height: 20px; line-height: 20px;
   border-bottom: 0px solid #96734b;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;

   background-color: #474340;


   /*background: -moz-linear-gradient(left, rgba(219,100,10,1) 0%, rgba(97,63,41,1) 100%);
   background: -webkit-linear-gradient(left, rgba(219,100,10,1) 0%,rgba(97,63,41,1) 100%);
   background: linear-gradient(to right, rgba(219,100,10,1) 0%,rgba(97,63,41,1) 100%);*/
}

h3.headerwidget { background-color: #2c2e2f; border-bottom: 0px solid #1e2022; }
h3.headersmaller { font-size: 100%; text-transform: none;  }
h3.wrap { height: auto; overflow: visible; text-overflow: unset;  }

h3.header.ui-accordion-header { margin: 1px 0px 0px 0px; }
h3.header.ui-accordion-header-active {
   background: -moz-linear-gradient(left, rgba(219,100,10,1) 0%, rgba(114,81,60,0.8) 100%);
   background: -webkit-linear-gradient(left, rgba(219,100,10,1) 0%,rgba(114,81,60,0.8) 100%);
   background: linear-gradient(to right, rgba(219,100,10,1) 0%,rgba(114,81,60,0.8) 100%);
}

h3.headerminor {
   background: -moz-linear-gradient(left,  rgba(180,130,90,1) 0%, rgba(180,130,90,0.5) 100%);
   background: -webkit-linear-gradient(left,  rgba(180,130,90,1) 0%,rgba(180,130,90,0.5) 100%);
   background: linear-gradient(to right,  rgba(180,130,90,1) 0%,rgba(180,130,90,0.5) 100%);
}

h3.header .authordate, h3.header .minor { color: #aaa; }
div.mainblock h3:first-child { margin-top: 0px; }

#accordion h3.header { cursor: pointer; }
.accordionicon1 { width: 16px; height: 16px; float: left; background-image: url(images/accordicon1.png); background-position: left top;}
.accordionicon2 { width: 16px; height: 16px; float: left; background-image: url(images/accordicon2.png); background-position: left top; }

h4 { font-weight: normal; margin-top: 10px; margin-bottom: 2px; color: #ddc0a0; text-transform: uppercase; }

h2.header {
   padding: 30px 5px 5px 10px;
   margin: 0px 0px 0px 0px;
   border-bottom: 0px solid #1d1e1f;
   font-size: 140%;
   font-weight: 500;
   text-align: left;
   color: #f3b358;
   text-transform: uppercase;
   white-space: nowrap;

   text-shadow: 2px 2px 6px rgba(0, 0, 0, 1.0);
   background-repeat: repeat; background-position: left bottom;

   /*
   -webkit-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.3);
   -moz-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.3);
   box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.3); */
}

h2.headernoimage {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   padding-top: 30px;
   border-bottom: 0px solid #1e2022;
}


h2.subheader {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   padding-top: 30px;
   color: #aaa;
}



div.headerempty { height: 10px; width: 1px;}
div.headerbuttons { float: right; margin-top: -1px; margin-right: -5px; }

.nowrap { white-space: nowrap; }
.wrap { white-space: normal !important; }
.avoidwrap { display: inline-block; text-decoration: inherit; }
.uppercase { text-transform: uppercase !important;}
.standardcase { text-transform: none !important;}
.floatleft { float: left !important; }
.floatright { float: right !important; }
.nofloat { float: none !important; }
.textleft { text-align: left !important; }
.textright { text-align: right !important; }
.textcenter { text-align: center !important; }
.obfuscated { color: transparent; text-shadow: rgba(255, 255, 255, 0.95) 0px 0px 4px; }

.minheightdiscuss { min-height: 180px; }
.minheightinbox { min-height: 180px; }


/* --- links --- */
a:link      { color: #d0d0d0; text-decoration: none; }
a:visited   { color: #d0d0d0; text-decoration: none; }
a:active    { color: #ffffff; text-decoration: underline; }
a:hover     { color: #ffffff; text-decoration: underline; }

div.inputblock a:link      { color: #920; text-decoration: none; }
div.inputblock a:visited   { color: #920; text-decoration: none; }
div.inputblock a:active    { color: #841; text-decoration: underline; }
div.inputblock a:hover     { color: #841; text-decoration: underline; }

a.fullwidth { display: inline-block; width: 100%; }

a.nocolor:link      { color: inherit; text-decoration: none; }
a.nocolor:visited   { color: inherit; text-decoration: none; }
a.nocolor:active    { color: inherit; text-decoration: underline; }
a.nocolor:hover     { color: inherit; text-decoration: underline; }

a.inverse:link      { color: #ff8800; text-decoration: none; }
a.inverse:visited   { color: #ff8800; text-decoration: none; }
a.inverse:active    { color: #ffbb00; text-decoration: underline; }
a.inverse:hover     { color: #ffbb00; text-decoration: underline; }

div.inputblock a.inverse:link, div.inputblock a.inverse:visited, div.inputblock a.inverse:active, div.inputblock a.inverse:hover,
.ui-dialog a.inverse:link, .ui-dialog a.inverse:visited, .ui-dialog a.inverse:active, .ui-dialog a.inverse:hover { color: #cc4400; font-weight: 500; }

a.minor:link      { color: #999999; text-decoration: none; }
a.minor:visited   { color: #999999; text-decoration: none; }
a.minor:active    { color: #ffffff; text-decoration: underline; }
a.minor:hover     { color: #ffffff; text-decoration: underline; }

a.positive:link      { color: #66adee !important; text-decoration: none; }
a.positive:visited   { color: #66adee !important; text-decoration: none; }
a.positive:active    { color: #66cdee !important; text-decoration: underline; }
a.positive:hover     { color: #66cdee !important; text-decoration: underline; }

a.positivealt:link      { color: #5a9ddc; text-decoration: none; }
a.positivealt:visited   { color: #5a9ddc; text-decoration: none; }
a.positivealt:active    { color: #5a9ddc; text-decoration: underline; }
a.positivealt:hover     { color: #5a9ddc; text-decoration: underline; }

a.negative:link      { color: #ee4422; text-decoration: none; }
a.negative:visited   { color: #ee4422; text-decoration: none; }
a.negative:active    { color: #ee5522; text-decoration: underline; }
a.negative:hover     { color: #ee5522; text-decoration: underline; }

a.nounderline:link      { text-decoration: none !important; }
a.nounderline:visited   { text-decoration: none !important; }
a.nounderline:active    { text-decoration: none !important; }
a.nounderline:hover     { text-decoration: none !important; }

a.whiteunderlined:link      { color: #ffffff !important; text-decoration: underline !important; }
a.whiteunderlined:visited   { color: #ffffff !important; text-decoration: underline !important; }
a.whiteunderlined:active    { color: #ffffff !important; text-decoration: underline !important; }
a.whiteunderlined:hover     { color: #ffffff !important; text-decoration: underline !important; }

.tag a:link, a.tag:link         { color: #eee; text-decoration: none !important; }
.tag a:visited, a.tag:visited   { color: #eee; text-decoration: none !important; }
.tag a:active, a.tag:active     { color: #fff; text-decoration: none !important; }
.tag a:hover, a.tag:hover       { color: #fff; text-decoration: none !important; }

.menu a:link      { color: #fff; text-decoration: none; }
.menu a:visited   { color: #fff; text-decoration: none; }
.menu a:hover     { color: #fff; text-decoration: none; }

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}


td.powercell {
   overflow: hidden;
   background-repeat: no-repeat; background-position: right -20px;
}

div.discussmessageheader {
   margin: -10px -5px 40px 140px;
   line-height: 22px;
}

div.discussauthor {
   width: 115px;
   height: 100%;
   padding-top: 0px;
   padding-left: 5px;
   padding-right: 5px;
   margin: -15px 0px -5px -15px;
   position: absolute;
   background-color: #242627;
   border-right: 1px dotted #555;
   text-align: center;
   overflow: hidden;
}

div.discussauthor span.nickname {
   margin-top: 5px;
   display: inline-block;
}

div.discussauthor div.wingname {
   margin-top: 3px;
   text-transform: uppercase;
   color: #996633;
   font-size: 75%;
   line-height: 10px;
}

div.discussauthor img.rankicon {
   margin-top: 3px; margin-left: 5px; margin-right: 5px;
   width: 90px; height: 90px;
   opacity: 0.4;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}

div.discussauthor div.profileimage, div.discussauthor div.profileimagedummy {
   position: relative;
   margin-top: 0px; margin-left: -10px;
   width: 130px; height: 130px;
   border: 0px solid #1e2022;
   background-repeat: no-repeat; background-position: center center; background-size: auto 130px;
}
div.discussauthor div.profileimagedummy {
   background-size: 80px 80px;
}
div.discussauthor div.profileimage img, div.discussauthor div.profileimagedummy img { position: absolute; right: 0; bottom: 0px; margin: 2px;}

div.discussauthor img.supporter {
   margin-left: 3px;
   margin-top: 5px;
   width: 100px; height: 10px;
}

div.discussauthor div.ranktitle {
   margin-top: -10px; margin-left: -15px;
   font-size: 80%;
   color: #888;
}

div.discussmessage {
   margin-left: 140px;
   margin-top: 5px;
   margin-bottom: 10px;
   font-size: 13px;
   line-height: 18px;

   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
}

div.discussmessageedit {
   color: #1e2022;
   margin: -15px -15px -15px 110px;
   padding: 10px;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   background-color: #aaa;
   border: 0px;
}

div.discussthreaddescr {
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
}

div.discussmessage img, div.discussthreaddescr img {
   max-width: 100%;
   vertical-align: middle;
}

@-moz-document url-prefix() {
   div.discussmessage img.artinsideimg, div.discussthreaddescr img.artinsideimg { width: 100%; }
}

div.discussthreadplaceholder { margin-right: 1px; height: 80px; margin-bottom: 2px; background: transparent; background-color: rgba(227, 163, 72,0.3); border: 2px dashed #e39338; }

iframe.artinsidevideo { display: block; margin-left: auto !important; margin-right: auto !important; }
iframe.artinsidegooglesheet { display: block; width: 100% !important; }
iframe.artinsidegoogledoc { display: block; width: 100% !important; }
iframe.artinsidegooglecal { display: block; width: 100% !important; }
iframe.artinsidegoogleform { display: block; width: 100% !important; }
iframe.artinsidegoogleslide { display: block; width: 100% !important; }


div.articlecontent {
   margin-bottom: 15px;
   font-size: 13px;
   line-height: 18px;

   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
}

div.articlecontent img {
   max-width: 100%;
   vertical-align: middle;
}

@-moz-document url-prefix() {
   div.articlecontent img.artinsideimg { width: 100%; }
}

div.perexthumb {
   float: right;
   width: 120px; height: 100%;
   position: absolute;
   right: 0;
   margin: -15px 0px 0px 10px;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;
   background-color: #242627;
   border-left: 1px dotted #555;
}


div.perexthumb img {
   width: 100%; height: auto;
}

div.contentwithperexthumb { margin-right: 120px; }

div.discussmessage a:link      { text-decoration: underline; color: #ffcc99; }
div.discussmessage a:visited   { text-decoration: underline; color: #ffcc99; }
div.discussmessage a:active    { text-decoration: underline; color: #ffcc99; }
div.discussmessage a:hover     { text-decoration: underline; color: #ff8800; }
div.discussthreaddescr a:link      { text-decoration: underline; color: #ffcc99; }
div.discussthreaddescr a:visited   { text-decoration: underline; color: #ffcc99; }
div.discussthreaddescr a:active    { text-decoration: underline; color: #ffcc99; }
div.discussthreaddescr a:hover     { text-decoration: underline; color: #ff8800; }
div.articlecontent a:link      { text-decoration: underline; color: #ffcc99; }
div.articlecontent a:visited   { text-decoration: underline; color: #ffcc99; }
div.articlecontent a:active    { text-decoration: underline; color: #ffcc99; }
div.articlecontent a:hover     { text-decoration: underline; color: #ff8800; }


div.carrierillustrationsmall {
   float: left;
   width: 100px; height: 100%;
   margin: -15px 10px -20px -15px;
   padding: 0px 0px 0px 0px;
}

div.carrierillustrationsmall img {
   width: 100%; height: auto;
}

div.starillustration, div.stationillustration, div.factionillustration {
   float: right;
   width: 100px; height: 100%;
   position: absolute;
   overflow: hidden;
   right: 0;
   margin: -15px 0px 0px 10px;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;
   text-align: center;
   background-color: #2c2e2f;
   background-repeat: no-repeat;
   background-position: top center;
}


div.starillustration img, div.stationillustration img {
   width: 100%; height: auto;
}

div.factionillustration img {
   width: 90%; height: auto;
}

div.factionillustrationwing {
   /*transform-origin: 50% 50%;
   transform: rotate(90deg);
   height: 100px; width: 200px; margin-top: 55px; margin-left: -51px; text-align: left; vertical-align: middle;*/
   width: 100%; height: 100%;
   background-size: 200px auto;
   background-repeat: no-repeat;
   background-position: center center;
}

div.factionillustrationwing span.alignhelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

div.factionillustrationwing img {
   width: 150px; height: auto; vertical-align: middle;
}

div.bulletinboarditem div.guildillustration {
   height: 100px; margin: -15px -15px 15px -15px; padding-top: 0px; text-align: center; vertical-align: middle;
   background-repeat: no-repeat;
   background-position: center center;
}

div.bulletinboarditem div.guildillustration div.guildstripe {
   height: 100%; text-align: center; vertical-align: middle;
   padding-top: 15px;
   background-size: auto 115px;
   background-repeat: no-repeat;
   background-position: center center;
}

div.bulletinboarditem div.guildlogo {
   height: 90px;
   background-size: auto 90px;
   background-repeat: no-repeat;
   background-position: center center;
}


div.bulletinboarditem div.guildillustration img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   height: 90px;
}

/*

div.starillustration img, div.stationillustration img {
   width: 100%; height: auto;
}

div.factionillustration img {
   width: 90%; height: auto;
}

div.factionillustrationwing {
   transform-origin: 50% 50%;
   transform: rotate(90deg);
   height: 100px; width: 200px; margin-top: 55px; margin-left: -51px; text-align: left; vertical-align: middle;
   background-repeat: no-repeat;
   background-position: center center;
}

div.factionillustrationwing span.alignhelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

div.factionillustrationwing img {
   width: 150px; height: auto; xmargin-top: 25px; vertical-align: middle;
}*/

blockquote {
	position: relative;
	background: #484848;
	margin: 5px 0px 5px 10px;
	border-left: 4px solid #ddc0a0;
	padding: 5px;
}
blockquote cite {
	font-weight: 500;
   color: #ddc0a0;
	display: block;
	font-size: 100%;
   font-style: normal;
}
blockquote cite::after {
    content: " wrote:";
}

/*.discussmessage blockquote { position: relative; max-height: 100px; overflow: hidden; text-overflow: ellipsis; transition: max-height 2s ease; }
.discussmessage blockquote:hover { max-height: 100000px; transition: max-height 2s ease; } */

blockquote blockquote                                    { max-height: none !important; background: #585858; }
blockquote blockquote blockquote                         { max-height: none !important; background: #686868; display: none; visibility: hidden; }
blockquote blockquote blockquote blockquote              { max-height: none !important; background: #787878; display: none; visibility: hidden; }
blockquote blockquote blockquote blockquote blockquote   { max-height: none !important; background: #888888; display: none; visibility: hidden; }

/*blockquote:before {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background:linear-gradient(transparent 90%, #4a4948);
}*/

hr { border: 0; height: 1px; background: #888; background-image: linear-gradient(to right, #777, #888, #777); }

.editableexampletext { color: #181818 !important; text-transform: uppercase; font-size: 80%; }
.exampletext { color: #888888;  }
.exampletext2 { color: #999999 !important;  }

/* ------------------------ */

ul { padding-left: 18px; overflow: hidden; }
li { padding-bottom: 3px; }
ul.condensed { margin-top: 5px; margin-bottom: 10px;}
ul.condensed li { padding-bottom: 2px; line-height: 13px; }


div.paginationcontainer {
   border-spacing: 0px;
   background-color: #474340; /* #4f4842;  #242627;  #303031; #2c2e2fl; */
   padding: 5px;
   margin: 0px 0px 5px 0px;
   text-transform: none;
   overflow: hidden;
   position: relative; height: auto;
   text-align: right;

   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;
}


ul.pagination {
    text-align: right;
    color: #eee;
    margin: 0px;
    display: inline-block;
}
ul.pagination li {
    display: inline;
    padding: 0px 1px 0px 0px;
}
ul.pagination li.dot {
    display: inline;
    padding: 0px 4px 0px 4px;
}
ul.pagination a {
   display: inline-block;
   padding: 2px 8px 2px 8px;
   background-color: #645e58; /* #6f6862;  #555; */
   white-space: nowrap;
   margin-right: 0px;
   line-height: 20px;
   text-align: center;
   color: #eee;
   font-size: 100%;
   text-transform: uppercase;

  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
          /*
   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);*/
}
ul.pagination a.active {
    background-color: #dd5500;
}

/*ul.pagination a::after {
   content: '|';
   color: #888;
   margin-left: 5px;
   margin-right: -11px;
} */

ul.pagination a:hover { text-decoration: none; background: #ff8800; color: #fff; }
ul.pagination a.current { background: #dd5500; color: #eee; }
ul.pagination .page_info { color: #aaa; }
div.paginationjump { text-align: right; margin-top: 5px; margin-right: 2px; }
div.paginationjump form { width: auto; width: 100px; float: right; }
div.paginationjump input { font-size: 90%; width: 40px; padding: 2px 5px 2px 5px; height: 22px; line-height: 12px; }
div.paginationjump input[type="submit"] { font-size: 85%; width: 50px; padding: 1px 5px 0px 5px; height: 22px; line-height: 12px; }
div.paginationjump .info { color: #aaa; width: 300px; line-height: 22px; display: inline-block; margin-right: 5px; }



/* ------------------------ */

div.rankingwarsummaryboxcontainer {
   width: 50%; float: left; padding: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width : 1350px) and (min-width : 1000px) {
   div.rankingwarsummaryboxcontainer { width: 100%; float: none; }
}


div.rankingwarsummarybox {
   padding: 5px;
   background-color: #3f4142;
}

div.rankingwarsummarybox:hover {
   background-color: #dd5500;
}
div.rankingwarsummaryboxcontainer:hover a { text-decoration: none !important; color: #fff !important; }
div.rankingwarsummaryboxcontainer:hover .itempairlabel { color: #fff !important; }

div.rankingwarsummarynumbercontainer {
   width: 33%; float: left; padding: 5px; text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.warbattledetails {
   background-repeat: no-repeat; background-position: top left;
   /*background-image: url(images/wars/illu/1.jpg);*/
   height: 80px; margin-bottom: 0px;
}

div.warbattledetails h3 {
   padding: 0px;
   margin: 0px 0px 10px 0px;
   border-bottom: 0px solid #1e2022;
   font-size: 140%;
   font-weight: 500;
   text-align: left;
   color: #f3b358;   /* #f3b358 */
   text-transform: uppercase;
   white-space: nowrap;
   text-align: center;

   text-shadow: 2px 2px 4px rgba(0, 0, 0, 1.0);
}

div.rankingwarsummarybox .warbattletitle { margin-bottom: 5px; font-size: 100%; text-transform: uppercase; color: #ff881b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.rankingwarsummarybox .itempaircontainer { margin-bottom: 0px; }

.warbattlekillcount { font-size: 160%; font-weight: 500; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 6px rgba(0, 0, 0, 1.0); }
.warbattlekillcounttitle { font-size: 75%; text-transform: uppercase; color: #eed0b0; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1.0); }




/* ----------------------- */

div.wingblock { width: 32%; margin-right: 1%; min-width: 250px; max-width: 300px; float: left; margin-bottom: 10px; height: 230px; text-align: left; }
#largethumbnailcontainer div.wingblock { width: 19%; }

div.wingblock .wingtitle {
   margin-top: 2px;
   margin-bottom: 2px;
   overflow: hidden;
   white-space: nowrap;
   font-size: 110%;
   font-weight: 500;
   text-align: center;
   color: #dd5500;

   text-shadow: 0px 0px 7px rgba(227, 163, 72, 0.2);
}

div.winglogothumb {
   margin-left: -5px;
   margin-right: -5px;
   text-align: center;
   height: 115px;
   background: transparent;
   background-repeat: no-repeat; background-position: center 5px; background-size: 620px 115px;
}

img.winglogothumb {
   max-height: 95px;
   max-width: 100%;
}

div.winglogocontainer {
   width: 100%;
   width: calc(100% + 40px);
   height: 200px;
   margin: -10px -20px 20px -20px;
   background-repeat: no-repeat;
   background-position: left top 0px;
   
}

div.winglogo {
   height: 150px;
   padding-top: 25px;
   margin: 0px auto 5px auto;
   line-height: 150px;
   background-repeat: no-repeat;
   background-position: center top 0px;
}

div.winglogo img {
   max-width: 500px;
   max-height: 150px;
   margin-left: auto;
   margin-right: auto;
   display: block;
   vertical-align: middle;
}


div.wingjoinblock {
   width: 278px; height: 235px;
   margin-top: 40px;
   padding-top: 95px;
   padding-right: 7px;
   color: #ffffff;
   font-size: 115%;
   font-weight: 500;
   text-align: right;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   background: inherit;
   background-repeat: no-repeat; background-position: top center;
   background-image: url(images/wingjoinimage2.png);
}


div.arrowboxdown {
   width: 0; height: 15px;
   border-style: solid;
   border-width: 15px 30px 0 30px;
   border-color: #f3b358 transparent transparent transparent;
   margin: 0 auto;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.arrowboxright {
   width: 0; height: 0;
   border-style: solid;
   border-width: 25px 0 25px 15px;
   border-color: transparent transparent transparent #f3b358;
   margin: 0 auto;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.arrowboxsign {
   width: 40px; height: 15px;
   border: 0;
   color: #f3b358;
   font-size: 53px;
   line-height: 19px;
   font-weight: 500;
   margin: 0 auto;
}

div.arrowboxempty {
   height: 1px;
}



div.powerlistportrait {
   margin-left: -15px;  margin-left: calc(-80px + 20%); margin-right: -15px; margin-top: -15px; height: 200px; overflow: hidden;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 300px auto;
}

div.powerlistportraitmain {
   height: 400px; overflow: hidden;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 300px auto;
}


div.powerlistportraitcontainer { width: 20%; float: left; padding: 1px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.powerlistportraitcontainer div.mainblock { margin-bottom: 0px; }

@media screen and (max-width : 1600px) {
   div.powerlistportraitcontainer { width: 25%; }
}

div.engineerslistportraitcontainer { width: 20%; float: left; padding: 1px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.powerlistportraitcontainer div.mainblock { margin-bottom: 0px; }


div.engineerlistportrait {
   margin-left: -15px; margin-left: calc(-80px + 20%); margin-right: -15px; margin-top: -15px; height: 170px; overflow: hidden;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: auto 210px;
   /*-webkit-transition: background .2s ease-out; transition: background .2s ease-out;*/
}


div.engineerlistportraitmain {
   height: 210px; overflow: hidden;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 300px auto;
}


div.shipyardlistportrait {
   margin-left: -15px; margin-right: -15px; margin-top: -15px; height: 190px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 230px auto;
}

div.shipyardlistportraitmain {
   height: 300px; overflow: hidden;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 300px auto;
}


div.shipyardlistportraitcontainer { width: 20%; float: left; padding: 1px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.shipyardlistportraitcontainer  div.mainblock { margin-bottom: 0px; }

@media screen and (max-width : 1520px) {
   div.shipyardlistportraitcontainer { width: 25%; }
}

@media screen and (min-width : 1780px) {
   div.shipyardlistportraitcontainer { width: 16.66%; }
}

div.engineerlistportrait:hover, div.shipyardlistportrait:hover, div.powerlistportrait:hover {
   /*background-size: auto 650%;
   -webkit-transition: background .2s ease-out; transition: background .2s ease-out;*/
   box-shadow: inset 0 0 0 1000px rgba(243, 179, 88, 0.4);
}



div.powerlistportrait h4, div.engineerlistportrait h4, div.shipyardlistportrait h4 {
   font-weight: 500; font-size: 95%; text-transform: uppercase;
   color: #f3b358;
   white-space: nowrap;
   text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.9);
   margin-top: 0px; margin-bottom: 0px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px;
   background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.9)));
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 100%);
   background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 100%);
   background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 100%);
   background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 100%);
}

div.powerlistportrait h4 { padding-left: calc(85px - 20%); }
div.engineerlistportrait h4 { padding-left: calc(85px - 20%); }

div.engineerlistportrait div.repbar {
   white-space: nowrap; text-align: right; height: 16px;
   color: #f3b358; font-size: 16px;
   margin-top: 0px; margin-right: 1px;
   text-shadow:
   -1px -1px 0 rgba(0, 0, 0, 0.4),
    1px -1px 0 rgba(0, 0, 0, 0.6),
    -1px 1px 0 rgba(0, 0, 0, 0.6),
     1px 1px 0 rgba(0, 0, 0, 0.9);
}


div.mainblock .engineerlocationinfo {
   background-color: #474340;
   padding: 5px;
   margin-bottom: -5px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

div.mainblock .engineeritemsinfo {
   padding: 10px;
   margin: 0px -15px 0px -15px;
}

@media screen and (max-width : 1510px) {
   div.engineerlocationinfo span.stationname { display: none; }
}


div.engineerlistportrait div.repbar span.sub { color: #654; font-size: 12px; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
div.engineerlistportrait div.repbar span.subdis { color: #c64; }
div.enggrade, span.enggrade { color: #ffcc99; font-size: 17px;}
img.enggradeloadout { height: 11px; width: auto; vertical-align: middle; image-rendering: crisp-edges; filter: saturate(0.6) drop-shadow(1px 1px 0px rgba(0,0,0,0.5)); }


div.blueprints2cols { column-count: 2; column-gap: 1px; }
div.blueprints4cols { column-count: 4; column-gap: 1px; }

@media screen and (max-width : 850px) { div.blueprints4cols { column-count: 3; } }
@media screen and (max-width : 1400px) { div.blueprints2cols { column-count: 1; } }


.blueprintnegative { color: #ee4422; }
.blueprintneutral { color: #888; }
.blueprintpositive { color: #66adee; }

div.blueprintparamcontainer { float: left; margin-right: 10px; text-align: center; }
div.blueprintparam { border-radius: 50%; width: 80px; height: 80px; }
/* div.blueprintparamshort { } */

.blueprintnegative div.blueprintparam { border: 3px solid #aa3311;  }
.blueprintneutral div.blueprintparam { border: 3px dashed #888; }
.blueprintpositive div.blueprintparam { border: 3px dashed #66adee; }

div.blueprintparamname { margin-top: 5px; text-transform: uppercase; font-size: 85%; width: 80px; }
div.blueprintparamvalue { margin-top: 25px; text-transform: uppercase; font-size: 120%; font-weight: 500; }
div.blueprintparamvalueperc { margin-top: 3px; text-transform: uppercase; font-size: 100%; }

div.blueprintparamshortname { display: inline-block; text-transform: uppercase; font-size: 85%; width: 150px; line-height: 20px; }
div.blueprintparamshortvalue { display: inline-block; text-transform: uppercase; font-size: 100%; font-weight: 500; text-align: right; width: 50px; line-height: 20px;  }
div.blueprintparamshortvalueperc { display: inline-block; text-transform: uppercase; font-size: 100%; text-align: right; width: 50px; line-height: 20px; }

span.materialcount { display: inline-block; margin-right: 5px; width: 30px; text-align: right; text-indent: 0px; padding-left: 0px; }
/*span.materialgrade { display: inline-block; margin-right: 5px; width: 13px; text-indent: 0px; padding-left: 0px; }*/
span.materialname { display: inline-block; text-indent: -18px; padding-left: 18px; }
span.materialnamewithcount { display: inline-block; text-indent: -53px; padding-left: 53px; }

/* minor faction states */

div.statescontainer {
   clear: both;
}

div.statestitle {
   text-align: left; text-transform: uppercase;
   font-size: 11px; line-height: 11px; color: #888;   /* #ddc0a0*/
   white-space: nowrap;
   padding-top: 10px;
}

span.statescounter {
   margin: 0px 5px 0px 0px;
   padding: 0px 2px 0px 2px;
   background-color: #ddd;
   color: #444;
   white-space: nowrap;
   text-align: center;
   font-weight: 500;
   text-shadow: none;

   font-size: 11px;
   line-height: 11px;

  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

div.statescon {
   width: 20%; float: left; text-align: center;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.statescon13 { width: 40%; }
div.statescon1, div.statescon2, div.statescon3, div.statescon4, div.statescon12 { width: 20%; padding-right: 2px; padding-bottom: 2px; }
div.statescon9, div.statescon14, div.statescon15, div.statescon16, div.statescon17, div.statescon18, div.statescon19, div.statescon20, div.statescon21,
div.statescon22, div.statescon23, div.statescon24, div.statescon25, div.statescon26, div.statescon27, div.statescon28 { width: 25%; padding-right: 2px; padding-bottom: 2px; }


div.activestates div.state {
   height: 20px;
   position: relative;
   padding: 1px;
   text-align: center; text-transform: uppercase;
   font-size: 11px; line-height: 20px; color: #fff;
   white-space: nowrap;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.activestates div.state0:after,
div.activestates div.state5:after,
div.activestates div.state11:after,
div.activestates div.state13:after,
div.activestates div.happiness2:after,
div.activestates div.happiness1:after,
div.activestates div.happiness3:after
{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #000;
    border-width: 10px;
    margin-top: -10px;
}

div.activestates div.state0:before,
div.activestates div.state8:before,
div.activestates div.state6:before,
div.activestates div.state10:before,
div.activestates div.state7:before,
div.activestates div.happiness5:before,
div.activestates div.happiness4:before,
div.activestates div.happiness3:before
{
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #000;
    border-width: 10px;
    margin-top: -10px;
}

div.activestates div.state.inactive { color: #888; }
div.activestates div.state8 { background-color: #bb5555; z-index: 1; padding-right: 20px; }
div.activestates div.state8:before { border-right-color: #bb5555; }
div.activestates div.state6 { background-color: #ccaa44; z-index: 2; padding-right: 20px; }
div.activestates div.state6:before { border-right-color: #ccaa44; }
div.activestates div.state0 { background-color: #888; z-index: 3;  padding-right: 10px; padding-left: 10px; }
div.activestates div.state0:before { border-right-color: #888; }
div.activestates div.state0:after { border-left-color: #888; }
div.activestates div.state5 { background-color: #5580cc; z-index: 2; padding-left: 20px; }
div.activestates div.state5:after { border-left-color: #5580cc; }
div.activestates div.state11 { background-color: #66adee; z-index: 1; padding-left: 20px; }
div.activestates div.state11:after { border-left-color: #66adee; }

div.activestates div.state10 { background-color: #bb5555; z-index: 1; padding-right: 20px; }
div.activestates div.state10:before { border-right-color: #bb5555; }
div.activestates div.state7 { background-color: #ccaa44; z-index: 2; padding-right: 20px; }
div.activestates div.state7:before { border-right-color: #ccaa44; }
div.activestates div.state13 { background-color: #66adee; z-index: 1; padding-left: 20px; }
div.activestates div.state13:after { border-left-color: #66adee; }

div.activestates div.state8.inactive, div.activestates div.state10.inactive { background-color: #573a3b; }
div.activestates div.state8.inactive:before, div.activestates div.state10.inactive:before { border-right-color: #573a3b; }
div.activestates div.state6.inactive, div.activestates div.state7.inactive { background-color: #5b5236; }
div.activestates div.state6.inactive:before, div.activestates div.state7.inactive:before { border-right-color: #5b5236; }
div.activestates div.state0.inactive { background-color: #494949; }
div.activestates div.state0.inactive:before { border-right-color: #494949; }
div.activestates div.state0.inactive:after { border-left-color: #494949; }
div.activestates div.state5.inactive { background-color: #3a465c; }
div.activestates div.state5.inactive:after { border-left-color: #3a465c; }
div.activestates div.state11.inactive, div.activestates div.state13.inactive { background-color: #3f5366; }
div.activestates div.state11.inactive:after, div.activestates div.state13.inactive:after { border-left-color: #3f5366; }


div.activestates div.state14, div.activestates div.state16 { background-color: #aabb44; z-index: 1; }
div.activestates div.state15, div.activestates div.state17, div.activestates div.state19, div.activestates div.state20,
div.activestates div.state21, div.activestates div.state23, div.activestates div.state24, div.activestates div.state26,
div.activestates div.state28, div.activestates div.state9, div.activestates div.state12 { background-color: #ccaa44; z-index: 1; }
div.activestates div.state2, div.activestates div.state3, div.activestates div.state4 { background-color: #bb5555; z-index: 1; }
div.activestates div.state18, div.activestates div.state22, div.activestates div.state25, div.activestates div.state27 { background-color: #5580cc; z-index: 1; }
div.activestates div.state1 { background-color: #66adee; z-index: 1; }


div.activestates div.state14.inactive, div.activestates div.state16.inactive { background-color: #5a6633; }
div.activestates div.state15.inactive, div.activestates div.state17.inactive, div.activestates div.state19.inactive, div.activestates div.state20.inactive,
div.activestates div.state21.inactive, div.activestates div.state23.inactive, div.activestates div.state24.inactive, div.activestates div.state26.inactive,
div.activestates div.state28.inactive, div.activestates div.state9.inactive, div.activestates div.state12.inactive { background-color: #5b5236; }
div.activestates div.state2.inactive, div.activestates div.state3.inactive, div.activestates div.state4.inactive { background-color: #573a3b; }
div.activestates div.state18.inactive, div.activestates div.state22.inactive, div.activestates div.state25.inactive, div.activestates div.state27.inactive { background-color: #3a465c; }
div.activestates div.state1.inactive { background-color: #3f5366; }



div.activestates div.happiness5 { background-color: #bb5555; z-index: 1; padding-right: 20px; }
div.activestates div.happiness5:before { border-right-color: #bb5555; }
div.activestates div.happiness4 { background-color: #ccaa44; z-index: 2; padding-right: 20px; }
div.activestates div.happiness4:before { border-right-color: #ccaa44; }
div.activestates div.happiness3 { background-color: #888; z-index: 3;  padding-right: 10px; padding-left: 10px; }
div.activestates div.happiness3:before { border-right-color: #888; }
div.activestates div.happiness3:after { border-left-color: #888; }
div.activestates div.happiness2 { background-color: #5580cc; z-index: 2; padding-left: 20px; }
div.activestates div.happiness2:after { border-left-color: #5580cc; }
div.activestates div.happiness1 { background-color: #66adee; z-index: 1; padding-left: 20px; }
div.activestates div.happiness1:after { border-left-color: #66adee; }

div.activestates div.happiness5.inactive { background-color: #573a3b; }
div.activestates div.happiness5.inactive:before { border-right-color: #573a3b; }
div.activestates div.happiness4.inactive { background-color: #5b5236; }
div.activestates div.happiness4.inactive:before { border-right-color: #5b5236; }
div.activestates div.happiness3.inactive { background-color: #494949; }
div.activestates div.happiness3.inactive:before { border-right-color: #494949; }
div.activestates div.happiness3.inactive:after { border-left-color: #494949; }
div.activestates div.happiness2.inactive { background-color: #3a465c; }
div.activestates div.happiness2.inactive:after { border-left-color: #3a465c; }
div.activestates div.happiness1.inactive { background-color: #3f5366; }
div.activestates div.happiness1.inactive:after { border-left-color: #3f5366; }

div.pendingstates { margin-top: 2px; }

div.pendingstates div.state {
   padding: 3px 5px 3px 5px;
   white-space: nowrap;
   line-height: 11px;
   font-size: 11px;
   text-align: center;
   width: auto; height: auto;
   display: inline-block;
   color: #fff;

   background-color: #5f4535;
   position: relative;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

div.pendingstates div.state:before
{
    left: 45%;
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #a00;
    border-width: 6px;
    margin-top: -6px;
    z-index: 6;
}

div.pendingstates div.state8 { background-color: #bb5555; }
div.pendingstates div.state8:before { border-bottom-color: #bb5555; }
div.pendingstates div.state6 { background-color: #ccaa44; }
div.pendingstates div.state6:before { border-bottom-color: #ccaa44; }
div.pendingstates div.state0 { background-color: #888; }
div.pendingstates div.state0:before { border-bottom-color: #888; }
div.pendingstates div.state0:before { border-left-color: #888; }
div.pendingstates div.state5 { background-color: #5580cc; }
div.pendingstates div.state5:before { border-bottom-color: #5580cc; }
div.pendingstates div.state11 { background-color: #66adee; }
div.pendingstates div.state11:before { border-bottom-color: #66adee; }

div.pendingstates div.state10 { background-color: #bb5555; }
div.pendingstates div.state10:before { border-bottom-color: #bb5555; }
div.pendingstates div.state7 { background-color: #ccaa44; }
div.pendingstates div.state7:before { border-bottom-color: #ccaa44; }
div.pendingstates div.state13 { background-color: #66adee;  }
div.pendingstates div.state13:before { border-bottom-color: #66adee; }

div.pendingstates div.state14, div.pendingstates div.state16 { background-color: #aabb44; }
div.pendingstates div.state14:before, div.pendingstates div.state16:before { border-bottom-color: #aabb44; }
div.pendingstates div.state15, div.pendingstates div.state17, div.pendingstates div.state19, div.pendingstates div.state20,
div.pendingstates div.state21, div.pendingstates div.state23, div.pendingstates div.state24, div.pendingstates div.state26,
div.pendingstates div.state28, div.pendingstates div.state9, div.pendingstates div.state12   { background-color: #ccaa44; }
div.pendingstates div.state15:before, div.pendingstates div.state17:before, div.pendingstates div.state19:before, div.pendingstates div.state20:before,
div.pendingstates div.state21:before, div.pendingstates div.state23:before, div.pendingstates div.state24:before, div.pendingstates div.state26:before,
div.pendingstates div.state28:before, div.pendingstates div.state9:before, div.pendingstates div.state12:before   { background-color: #ccaa44; }

div.pendingstates div.state2, div.pendingstates div.state3, div.pendingstates div.state4 { background-color: #bb5555; }
div.pendingstates div.state2:before, div.pendingstates div.state3:before, div.pendingstates div.state4:before { border-bottom-color: #bb5555; }
div.pendingstates div.state18, div.pendingstates div.state22, div.pendingstates div.state25, div.pendingstates div.state27 { background-color: #5580cc; }
div.pendingstates div.state18:before, div.pendingstates div.state22:before, div.pendingstates div.state25:before, div.pendingstates div.state27:before { background-color: #5580cc; }
div.pendingstates div.state1 { background-color: #66adee; }
div.pendingstates div.state1:before { border-bottom-color: #66adee; }


span.statetag {
   padding: 1px 5px 1px 5px;
   margin-right: 2px;
   white-space: nowrap;
   line-height: 11px;
   font-size: 11px;
   text-align: center;
   color: #eee;
   width: auto; height: auto;
   display: inline-block;

  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
/*
span.statetag14 { background-color: #aabb44; }
span.statetag8, span.statetag10, span.statetag3, span.statetag4, span.statetag2 { background-color: #bb5555; }
span.statetag6, span.statetag7, span.statetag9, span.statetag12 { background-color: #ccaa44; }
span.statetag0 { background-color: #888; }
span.statetag5, span.statetag5 { background-color: #5580cc; }
span.statetag11, span.statetag13, span.statetag1 { background-color: #66adee; }
*/


span.statetag14, span.statetag16 { background-color: #889944; }
span.statetag15, span.statetag17, span.statetag19, span.statetag20, span.statetag21, span.statetag23, span.statetag24, span.statetag26, span.statetag28 { background-color: #98823f; }
span.statetag8, span.statetag10, span.statetag3, span.statetag4, span.statetag2, span.happinesstag5 { background-color: #8d4a4a; }
span.statetag6, span.statetag7, span.statetag9, span.statetag12, span.happinesstag4 { background-color: #98823f; }
span.statetag0, span.happinesstag3 { background-color: #6b6b6b; }
span.statetag5, span.statetag5, span.statetag18, span.statetag22, span.statetag25, span.statetag27, span.happinesstag2 { background-color: #4a6698; }
span.statetag11, span.statetag13, span.statetag1, span.happinesstag1 { background-color: #5584af; }

span.happiness1 { color: #bb5555; }
span.happiness2 { color: #ccaa44; }
span.happiness3 { color: #aaa; }
span.happiness4 { color: #5580cc; }
span.happiness5 { color: #66adee; }

/*------------------------- */
.ncmp__banner { /* background-color: #4e5156 !important; color: #fff !important; */  text-shadow: none; }
.ncmp__banner h2, .ncmp__banner h4, .ncmp__banner h4 strong { /* color: #f3b358 !important; */ }
.ncmp__language .ncmp__language-picker span { /* color: #fff !important; */ }
.ncmp__banner p { /* color: #fff !important; */ }
.ncmp__modal { text-shadow: none;  }
.ncmp__modal table tr { background-color: inherit; }
.ncmp__modal table tr td { white-space: inherit; padding: inherit; }
.ncmp__modal button { width: auto; }

#nitropay-ccpa-popup { text-shadow: none; }
#nitropay-ccpa-shadow input[type='checkbox'], #nitropay-ccpa-shadow input[type='radio'] { width: 13px; height: 13px; -webkit-appearance: auto;  -moz-appearance: auto; appearance: auto; }
#nitropay-ccpa-shadow #nitropay-ccpa-popup #nitropay-ccpa-form-status a { color: #ff881b; }

div.advertmedrec, div.advertmedrecstack { width: 300px; max-height: 272px; overflow: hidden; text-align: center; position: relative; margin: 0 auto 0 auto; }
div.advertmedreccontainer, div.advertmedrecstackcontainer { overflow: hidden; text-align: center; position: relative; margin: 10px 0px 10px 0px; background-color: #222324; }
div.advertmedrecstack, div.advertmedrecstackcontainer { height: 100%; background-color: inherit;}
div.advertleaderboard { width: 728px; max-height: 120px; overflow: hidden; text-align: center; position: relative; margin: 0 auto 0 auto; }
div.advertleaderboardcontainer { max-height: 120px; overflow: hidden; text-align: center; position: relative; margin: 10px 0px 10px 0px; background-color: #222324; }
div.adverthalfpage { width: 300px; max-height: 620px; overflow: hidden; text-align: center; position: relative; margin: 0 auto 0 auto;  }
div.adverthalfpagecontainer { max-height: 620px; overflow: hidden; text-align: center; position: relative; margin: 10px 0px 10px 0px; background-color: #222324; }
div.advertwidesky { width: 160px; max-height: 620px; overflow: hidden; text-align: center; position: relative; margin: 0 auto 0 auto; }
div.advertwideskycontainer { width: 160px; max-height: 620px; overflow: hidden; text-align: center; position: relative; margin: 10px 0px 10px 0px; }

div.report-link { line-height: 0; z-index: initial !important; }

@media screen and (max-width : 1100px) {
   .advertplatform1 { display: none; }
}

@media screen and (min-width : 1100px) {
   .advertplatform2 { display: none; }
}

/*------------------------- */

div.progressbarcustom { width: 100%; height: 20px; border: 0px solid #222; }
div.progressbarlegendcustom { width: 9px; height: 9px; border: 1px solid #222; margin-right: 5px; margin-bottom: -1px; display: inline-block; }

div.fillbar { width: 10px; height: 10px; border: 1px solid #555; margin-left: 5px; margin-top: 2px; float: right; }

div.progressbarcontainer { margin-bottom: 3px; }
div.progressbar {
   border: 0px solid #8e785b; background-color: #4a433a; height: 15px; margin-left: 140px;
   text-align: center; color: #eee0d5; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
   background-size: 100% 100%;
   background-repeat: no-repeat; background-position: top left;
   background-image: url(images/graphbar1b.png);
}
/* div.progressbar span { mix-blend-mode: exclusion; } */

div.progressbartitle {
   text-align: right; color: #d1bda3; width: 130px; float: left;
}

div.fleetimage {
   margin: 0px 20px 20px 0px;
   max-width: 48%;
   background-color: #1a1a1a;
   padding: 10px;
}
div.fleetimage img { width: 100%; display: block; }

div.biographyimage {
   margin: 0px 20px 20px 0px;
   max-width: 48%;
   background-color: #1a1a1a;
   padding: 10px;
}
div.biographyimage img { width: 100%; display: block; }


div.itemslot {
   width: 46%; width: calc(50% - 12px);
   background-color: #3f3d3c;
   margin-bottom: 2px;
   margin-right: 2px;
   padding: 4px;
   text-align: left;

   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;

  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}

div.itemslotimage { width: 50px; height: 50px; margin: -10px 10px -10px -10px; float: left; background-repeat: no-repeat; background-position: center center; background-size: 150%; }



div.equipmentslot {
   padding: 3px 3px 3px 5px;
   background-color: #4f4e4d;
   white-space: nowrap;
   margin-bottom: 2px;
   margin-right: 2px;
   min-height: 57px;

   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;

  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}

div.equipmentslotempty { min-height: 25px; }


div.equipmentclass { color: #807875; text-transform: uppercase; font-size: 280%; font-weight: 500; float: right; text-shadow: none; line-height: 36px; width: 40px; text-align: right; margin-right: 2px; }
div.equipmenttitlecontainer { color: #908885; text-transform: uppercase; font-size: 75%; line-height: 10px; text-align: right; text-shadow: none; clear: both; }
div.equipmenttitle { display: inline-block; }
div.equipmentdescr { color: #b0a8a5; text-transform: uppercase; font-size: 85%; line-height: 10px; }
div.equipmentitem { text-align: left; color: #ffc378; text-transform: uppercase; font-size: 100%; line-height: 15px; min-height: 25px; margin-bottom: 0px; }
div.equipmentitemmodname { color: #c3a388; font-size: 85%; font-weight: normal; }
div.equipmentitemmodlevel { display: inline-block; color: #c3a388; font-size: 12px; font-weight: normal; width: 65px; }
div.equipmentdetails { display: inline-block; padding-right: 10px;  }




div.galleryblock {
   width: 25%; min-width: 220px; max-width: 350px; float: left; text-align: left;
   padding: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#largethumbnailcontainer div.galleryblock { width: 20%; }

@media screen and (max-width : 1495px) {
   #largethumbnailcontainer div.galleryblock { width: 20%; }
   #largethumbnailcontainer div.wingblock { width: 20%; }
}

@media screen and (max-width : 1550px) {
   div.galleryblock { width: 33.33%; }
   div.wingblock { width: 33.33%; }
}

@media screen and (max-width : 1280px) {
   #largethumbnailcontainer div.galleryblock { width: 25%; }
   #largethumbnailcontainer div.wingblock { width: 25%; }
}


@media screen and (max-width : 1024px) {
   div.galleryblock { width: 33.33%; }
   div.wingblock { width: 33.33%; }
   #largethumbnailcontainer div.galleryblock { width: 33.33%; }
   #largethumbnailcontainer div.wingblock { width: 33.33%; }
}

@media screen and (max-width : 830px) {
   div.galleryblock { width: 50%; }
   div.wingblock { width: 50%; }
   #largethumbnailcontainer div.galleryblock { width: 50%; }
   #largethumbnailcontainer div.wingblock { width: 50%; }
}




div.galleryblock .authordate { color: #666; }

.galleryimage {
   display: block;
   max-width: 100%;
   background-color: #000000;
   border: 10px solid #000000;
   margin: -5px -10px 0px -10px;
}


.galleryimagethumb {
   display: block;
   height: 169px;
   width: 100%;
   background-size: 100% auto;
   background-color: #000000;
   margin: 0px;
   background-repeat: no-repeat; background-position: center center;
   -webkit-transition: background-size .5s ease;
   transition: background-size .5s ease;
}

.galleryimagethumb:hover {
   background-size: 350px auto;
   -webkit-transition: background-size .5s ease;
   transition: background-size .5s ease;
}

.galleryimagethumbnoframe {
   width: 300px;
   height: 169px;
   background-size: 300px auto;
   background-color: #1e2022;
   margin: -5px -10px 0px -10px;
   background-repeat: no-repeat; background-position: center center;
}


.imagetitle {
   padding-top: 2px;
   padding-left: 5px;
   overflow: hidden;
   white-space: nowrap;
   font-size: 100%;
   font-weight: none;
   text-align: left;
   color: #dd5500;

   text-shadow: none;
}

.imagecaption {
   padding: 0px 5px 5px 5px;
   line-height: 19px;
}


div.mainblock .galleryimagetitlecontainer {
   background-color: #000000;
   margin: -10px;
   padding: 10px;
   font-weight: 500; margin-top: -3px; margin-bottom: 10px; color: #f8efdc; text-transform: uppercase;
   position: relative;
   overflow: hidden;
   white-space: nowrap;

   -webkit-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.3);
   -moz-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.3);
   box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.3);
}

div.mainblock .galleryimagetitle {
   padding: 5px 5px 5px 5px;
   margin: 0px 0px 1px 0px;
   font-size: 133%;
   font-weight: 500;
   text-align: left;
   color: #e39338;

   text-shadow: 0px 0px 7px rgba(227, 163, 72, 0.8);
}

div.mainblock div.intext {
   /*padding: 5px 5px 5px 5px;*/
   margin: 5px 20px 20px 20px;
   background-color: #444;
   border: 1px solid #776655;
}


.uploader, .uploaderdummy {
    position:relative;
    overflow:hidden;
    width: 100%;
    height: 100px;
    background: #888;
    background-repeat: no-repeat; background-position: center center;
    padding: 0px;
    border: 2px dotted #1e2022;
    color: #1e2022;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.uploaderdescr { padding: 20px 10px 10px 10px; font-size: 11px; }
.uploaderwarning { padding: 20px 10px 10px 10px; font-size: 11px; color: #924040; }

.uploaderfile {
    background: #c38328;
    background-image: none;
    padding-top: 5px;
    text-transform: none;
    border: 2px dotted #1e2022;
    color: #fff;
}

.uploaderfiledisabled {
    background: #666;
    background-image: none;
    padding-top: 5px;

    text-transform: none;
    border: 2px dotted #aaa;
    color: #aaa;
}

#fileImage, #fileUpload {
    position:absolute;
    width:100%;
    height:100%;
    min-height: 100px;
    top:0px;
    left:0;
    z-index:2;
    opacity:0;
    cursor:pointer;
}

.uploader img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
    z-index: 1;
    border: none;
}


/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
   z-index: 100;

	border: 1px solid #1e2022 !important;
   background-color: #eee !important;
	color: #000 !important;
   text-transform: none !important;
   text-shadow: none !important;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 5px 5px;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	list-style-image: none;
}

.ui-menu .ui-menu-item:hover {
   background-color: #ffbb66;
}

.ui-menu .ui-menu-item:hover a {
   color: #000;
}

.ui-widget-content {
	border: inherit;
	background-color: inherit;
	color: inherit;
   text-transform: inherit;
   text-shadow: inherit;
}

.ui-autocomplete .minor {
   font-size: 90%;
   color: #666;
}

.ui-autocomplete .highlight {
	text-decoration: none;
   font-weight: 500;
   color: #c50;
}

.ui-autocomplete a { text-decoration: none; }
.ui-autocomplete a:hover { color: #000; }

.ui-helper-hidden-accessible { display:none; }

.ui-accordion .ui-accordion-content{
      box-sizing:content-box;
      -moz-box-sizing:content-box;
      overflow: visible;
      margin: inherit;
}
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* tabs */
.ui-tabs {
	position: relative;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
   overflow: visible;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
/*.ui-tabs .ui-tabs-nav li.ui-tabs-active {

}*/

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 0px;
	background: none;
}


.switchtabscontainer {
   margin: 0px -15px 10px -15px;
   padding: 0px 15px 0px 15px;
}

.switchtabs .ui-widget-header, .switchtabslike .ui-widget-header {
   background-color: #8e502a;
   border: none;
   min-height: 32px;
   width: 100%;
}

.switchtabs.ui-widget-content, .switchtabslike.ui-widget-content  {
    border: 0px !important;
}
.switchtabscontainer .ui-tabs-panel { padding-top: 6px !important; }

.switchtabs .ui-corner-all, .switchtabslike .ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.switchtabs .ui-tabs-nav li, .switchtabslike .ui-tabs-nav li {
    position: relative;
    cursor: pointer;
    margin: 0px 2px 2px 0px;
    top: 0;

   outline: none;
   padding: 0px 0px 0px 0px;
   white-space: nowrap;

   line-height: 19px;
   font-size: 13px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;

}
/* .switchtabs .ui-widget-header .ui-state-default, .switchtabslike .ui-widget-header .ui-state-default {

} */
.switchtabs .ui-tabs-nav li.ui-tabs-active, .switchtabslike .ui-tabs-nav li.ui-tabs-active {
   background-color: #dd5500;
}
.switchtabs .ui-tabs-nav li:hover, .switchtabslike .ui-tabs-nav li:hover {
   background-color: #dd5500;
}

/*.switchtabs .ui-tabs-nav li:hover:after*/
.switchtabs .ui-tabs-nav li.ui-tabs-active:after, .switchtabslike .ui-tabs-nav li.ui-tabs-active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #dd5500;
	border-width: 6px 8px 0 8px;
	margin-top: 0px;
   margin-left: -8px;
   /*
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #ff8800;
	border-top-color: #88b7d5;
	border-width: 30px;
	margin-left: -30px;*/
}

.switchtabs .ui-tabs-nav li a, .switchtabslike .ui-tabs-nav li a {
    outline: none;
    color: #eee;
}
.switchtabs .ui-tabs-nav li a:hover, .switchtabslike .ui-tabs-nav li a:hover {
    color: #fff;
}
.switchtabs .ui-tabs-nav li.ui-tabs-active a, .switchtabslike .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
    color: #fff;
}


/* ----------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
   min-width: 500px;
}

.fancybox-skin {
	position: relative;
	background: #000;
	color: #ccc;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
   margin-left: auto;
   margin-right: auto;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 4%;
	height: 90%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
   text-transform: none;
   line-height: 13px;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
   width: 100%;
	margin-bottom: -27px;
	z-index: 8050;
	text-align: left;
}

.fancybox-title-float-wrap .child {
	display: block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	text-shadow: 0 1px 2px #1e2022;
	color: #FFF;
	font-weight: normal;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


/**
 * SCEditor
 * http://www.ssceditor.com/
 *
 * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *	http://www.opensource.org/licenses/mit-license.php
 */
@font-face {
  font-family: 'Monocons';
  src: url('js/sce/monocons/monocons.eot');
  src: url('js/sce/monocons/monocons.eot?#iefix') format('embedded-opentype'), url('js/sce/monocons/monocons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.sceditor-button div:before,
div.sceditor-grip {
  font-family: 'Monocons';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.sceditor-button-youtube div:before {
  content:'\e000';
}
.sceditor-button-unlink div:before {
   content:'\e001';
}
.sceditor-button-underline div:before {
   content:'\e002';
}
.sceditor-button-time div:before {
   content:'\e003';
}
.sceditor-button-table div:before {
   content:'\e004';
}
.sceditor-button-superscript div:before {
   content:'\e005';
}
.sceditor-button-subscript div:before {
   content:'\e006';
}
.sceditor-button-strike div:before {
   content:'\e007';
}
.sceditor-button-source div:before {
   content:'\e008';
}
.sceditor-button-size div:before {
   content:'\e009';
}
.sceditor-button-rtl div:before {
   content:'\e00a';
}
.sceditor-button-outdent div:before {
   content:'\e00a';
}
.sceditor-button-right div:before {
   content:'\e00b';
}
.sceditor-button-removeformat div:before {
   content:'\e00c';
}
.sceditor-button-quote div:before {
   content:'\e00d';
}
.sceditor-button-print div:before {
   content:'\e00e';
}
.sceditor-button-pastetext div:before {
   content:'\e00f';
}
.sceditor-button-paste div:before {
   content:'\e010';
}
.sceditor-button-orderedlist div:before {
   content:'\e011';
}
.sceditor-button-maximize div:before {
   content:'\e012';
}
.sceditor-button-ltr div:before {
   content:'\e013';
}
.sceditor-button-indent div:before {
   content:'\e013';
}
.sceditor-button-link div:before {
   content:'\e014';
}
.sceditor-button-left div:before {
   content:'\e015';
}
.sceditor-button-justify div:before {
   content:'\e016';
}
.sceditor-button-italic div:before {
   content:'\e017';
}
.sceditor-button-image div:before {
   content:'\e018';
}
.sceditor-button-horizontalrule div:before {
   content:'\e019';
}
.sceditor-button-format div:before {
   content:'\e01c';
}
.sceditor-button-font div:before {
   content:'\e01d';
}
.sceditor-button-emoticon div:before {
   content:'\e01e';
}
.sceditor-button-email div:before {
   content:'\e01f';
}
.sceditor-button-bold div:before {
   content:'\e020';
}
.sceditor-button-date div:before {
   content:'\e021';
}
.sceditor-button-cut div:before {
   content:'\e022';
}
.sceditor-button-copy div:before {
   content:'\e023';
}
.sceditor-button-color div:before {
   content:'\e024';
}
.sceditor-button-code div:before {
   content:'\e025';
}
.sceditor-button-center div:before {
   content:'\e026';
}
.sceditor-button-bulletlist div:before {
   content:'\e027';
}
div.sceditor-grip:before {
   content:'\e01b';
}
.rtl div.sceditor-grip:before {
   content:'\e01a';
}
.sceditor-button-spoiler div:before {
  content: "\e026";
}
.sceditor-button-youtube div:before {
  content: "\e000";
}
.sceditor-button-unlink div:before {
  content: "\e001";
}
.sceditor-button-underline div:before {
  content: "\e002";
}
.sceditor-button-time div:before {
  content: "\e003";
}
.sceditor-button-table div:before {
  content: "\e004";
}
.sceditor-button-superscript div:before {
  content: "\e005";
}
.sceditor-button-subscript div:before {
  content: "\e006";
}
.sceditor-button-strike div:before {
  content: "\e007";
}
.sceditor-button-source div:before {
  content: "\e008";
}
.sceditor-button-size div:before {
  content: "\e009";
}
.sceditor-button-rtl div:before {
  content: "\e00a";
}
.sceditor-button-outdent div:before {
  content: "\e00a";
}
.sceditor-button-right div:before {
  content: "\e00b";
}
.sceditor-button-removeformat div:before {
  content: "\e00c";
}
.sceditor-button-quote div:before {
  content: "\e00d";
}
.sceditor-button-print div:before {
  content: "\e00e";
}
.sceditor-button-pastetext div:before {
  content: "\e00f";
}
.sceditor-button-paste div:before {
  content: "\e010";
}
.sceditor-button-orderedlist div:before {
  content: "\e011";
}
.sceditor-button-maximize div:before {
  content: "\e012";
}
.sceditor-button-ltr div:before {
  content: "\e013";
}
.sceditor-button-indent div:before {
  content: "\e013";
}
.sceditor-button-link div:before {
  content: "\e014";
}
.sceditor-button-left div:before {
  content: "\e015";
}
.sceditor-button-justify div:before {
  content: "\e016";
}
.sceditor-button-italic div:before {
  content: "\e017";
}
.sceditor-button-image div:before {
  content: "\e018";
}
.sceditor-button-horizontalrule div:before {
  content: "\e019";
}
.sceditor-button-format div:before {
  content: "\e01c";
}
.sceditor-button-font div:before {
  content: "\e01d";
}
.sceditor-button-emoticon div:before {
  content: "\e01e";
}
.sceditor-button-email div:before {
  content: "\e01f";
}
.sceditor-button-bold div:before {
  content: "\e020";
}
.sceditor-button-date div:before {
  content: "\e021";
}
.sceditor-button-cut div:before {
  content: "\e022";
}
.sceditor-button-copy div:before {
  content: "\e023";
}
.sceditor-button-color div:before {
  content: "\e024";
}
.sceditor-button-code div:before {
  content: "\e025";
}
.sceditor-button-center div:before {
  content: "\e026";
}
.sceditor-button-bulletlist div:before {
  content: "\e027";
}
div.sceditor-grip:before {
  content: "\e01b";
}
.rtl div.sceditor-grip:before {
  content: "\e01a";
}
/**
 * SCEditor
 * http://www.ssceditor.com/
 *
 * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *	http://www.opensource.org/licenses/mit-license.php
 */
/*---------------------------------------------------
    LESS Elements 0.7
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.sceditor-container {
  position: relative;
  background: #fff;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  font-family: "Fira Sans",sans-serif;
  color: #1e2022;
  line-height: 1;
  font-weight: 500;
  border-radius: 2px;
  background-clip: padding-box;
}
.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
  padding: 0;
  margin: 0;
  z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
  line-height: 1;
  border: 0;
  outline: none;
  font-family: "Fira Sans",sans-serif;
  font-size: 13px;
  color: #1e2022;
  padding: 0;
  margin: 5px;
  resize: none;
  background: #fff;
  display: block;
}
div.sceditor-resize-cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #a50;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0.3;
}
.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
  background: #efefef;
}
.sceditor-container.ie6 {
  overflow: hidden;
}
div.sceditor-grip {
  overflow: hidden;
  width: 10px;
  height: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.sceditor-maximize {
  position: fixed;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  border-radius: 0;
  background-clip: padding-box;
  z-index: 2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.ie6.sceditor-maximize {
  position: absolute;
}
.sceditor-maximize div.sceditor-grip {
  display: none;
}
.sceditor-maximize div.sceditor-toolbar {
  border-radius: 0;
  background-clip: padding-box;
}
/**
	 * Dropdown styleing
	 */
div.sceditor-dropdown {
  position: absolute;
  border: 1px solid #ccc;
  background: #fff;
  color: #1e2022;
  z-index: 4000;
  padding: 10px;
  line-height: 1;
  border-radius: 2px;
  background-clip: padding-box;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
  color: #1e2022;
}
div.sceditor-dropdown form {
  margin: 0;
}
div.sceditor-dropdown label {
  display: block;
  font-weight: 500;
  color: #3c3c3c;
  padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
  font-family: "Fira Sans",sans-serif;
  outline: 0;
  padding: 4px;
  border: 1px solid #ccc;
  border-top-color: #888;
  margin: 0 0 .75em;
  border-radius: 1px;
  background-clip: padding-box;
}
div.sceditor-dropdown textarea {
  padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
  border-color: #aaa;
  border-top-color: #666;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
  font-weight: 500;
  color: #444;
  padding: 6px 12px;
  background: #ececec;
  border: solid 1px #ccc;
  border-radius: 2px;
  background-clip: padding-box;
  cursor: pointer;
  margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
  background: #f3f3f3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
  padding: 6px 0;
}
div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
  padding: 0;
}
.sceditor-pastetext textarea {
  border: 1px solid #bbb;
  width: 20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
  padding: 0;
  cursor: pointer;
  margin: 2px;
}
.sceditor-more {
  border-top: 1px solid #bbb;
  display: block;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
  padding: 6px 0;
}
.sceditor-dropdown a:hover {
  background: #eee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
  display: block;
  padding: 7px 10px;
  cursor: pointer;
  text-decoration: none;
  color: #1e2022;
}
.sceditor-fontsize-option {
  padding: 7px 13px;
}
.sceditor-color-column {
  float: left;
}
.sceditor-color-option {
  display: block;
  border: 1px solid #fff;
  height: 10px;
  width: 10px;
  overflow: hidden;
}
.sceditor-color-option:hover {
  border: 1px solid #1e2022;
}
/**
	 * Toolbar styleing
	 */
div.sceditor-toolbar {
  overflow: hidden;
  padding: 3px 5px 2px;
  background: #dddddd;
  border-bottom: 1px solid #c0c0c0;
  line-height: 0;
  text-align: left;
  user-select: none;
  border-radius: 2px 2px 0 0;
  background-clip: padding-box;
}
div.sceditor-group {
  display: inline-block;
  background: #bbbbbb;
  margin: 1px 5px 1px 0;
  padding: 1px;
  border-bottom: 1px solid #888;
  border-radius: 2px;
  background-clip: padding-box;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
  display: inline;
  zoom: 1;
}
.sceditor-button {
  float: left;
  cursor: pointer;
  padding: 3px 5px;
  width: 16px;
  height: 20px;
  border-radius: 2px;
  background-clip: padding-box;
  /* Needed for Safari 5? */
  text-indent: -9999px;
}
.ie .sceditor-button {
  text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
  float: none !important;
  display: inline;
  zoom: 1;
}
.ie6 .sceditor-button {
  padding: 0;
}
.ie6 .sceditor-button div {
  margin: 5px;
}
.ie7 .sceditor-button div {
  margin: 5px 0;
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
  background: #fc0;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.sceditor-button:active {
  background: #fff;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
}
.sceditor-button.disabled:hover {
  background: inherit;
  cursor: default;
  box-shadow: none;
}
.sceditor-button,
.sceditor-button div {
  display: block;
}
.sceditor-button div {
  margin: 2px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  color: transparent;
}
.sceditor-button.disabled div {
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
  width: auto;
  overflow: visible;
  line-height: 16px;
  font-size: 13px;
  color: inherit;
  text-indent: 0;
}
.text .sceditor-button div,
.sceditor-button.text div {
  padding: 0 2px;
  background: none;
}
.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
  padding: 0 2px 0 20px;
}
.rtl div.sceditor-toolbar {
  text-align: right;
}
.rtl .sceditor-button {
  float: right;
}
.rtl div.sceditor-grip {
  right: auto;
  left: 0;
}
.ie7 .sceditor-button div,
.ie6 .sceditor-button div {
  font-family: 'Monocons';
  overflow: visible;
  font-size: 16px;
  line-height: 1;
  text-indent: 0;
}
div.sceditor-grip {
  height: 16px;
  width: 16px;
}
.sceditor-button div:before,
div.sceditor-grip:before {
  text-indent: 0;
  line-height: 17px;
  width: 16px;
  height: 16px;
  display: block;
  color: #1e2022;
  text-shadow: 0 1px #fff;
}



/* jplayer skin */

.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
  /* Disable the browser focus highlighting. */
  outline: none; }

.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
  /* Disable the browser CSS3 focus highlighting. */
  border: 0; }

.jp-audio,
.jp-audio-stream,
/*.jp-video {
}*/

.jp-audio {
  width: 280px; }

.jp-audio-stream {
  width: 280px; }

.jp-video-270p {
  width: 480px; }

.jp-video-360p {
  width: 640px; }

.jp-video-full {
  /* Rules for IE6 (full-screen) */
  width: 480px;
  height: 270px;
  /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
  position: static !important;
  position: relative; }

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
.jp-video-full div div {
  z-index: 1000; }

.jp-video-full .jp-jplayer {
  top: 0;
  left: 0;
  position: fixed !important;
  position: relative;
  /* Rules for IE6 (full-screen) */
  overflow: hidden; }

.jp-video-full .jp-gui {
  position: fixed !important;
  position: static;
  /* Rules for IE6 (full-screen) */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  /* 1 layer above the others. */ }

.jp-video-full .jp-interface {
  position: absolute !important;
  position: relative;
  /* Rules for IE6 (full-screen) */
  bottom: 0;
  left: 0; }

.jp-interface {
  position: relative;
  background-color: #393736;
  width: 100%; }

.jp-audio .jp-interface {
  height: 50px; }

.jp-audio-stream .jp-interface {
  height: 50px; }

.jp-video .jp-interface {
  border-top: 1px solid #009be3; }

/* @group CONTROLS */
.jp-controls-holder {
  clear: both;
  width: 440px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: -8px;
  /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ }

.jp-interface .jp-controls {
  margin: 0;
  padding: 0;
  overflow: hidden; }

.jp-audio .jp-controls {
  width: 280px;
  padding: 5px 10px 5px 10px; }

.jp-audio-stream .jp-controls {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 142px; }

.jp-video .jp-type-single .jp-controls {
  width: 78px;
  margin-left: 200px; }

.jp-video .jp-type-playlist .jp-controls {
  width: 134px;
  margin-left: 172px; }

.jp-video .jp-controls {
  float: left; }

.jp-controls button {
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  cursor: pointer; }

.jp-play {
  width: 40px;
  height: 40px; }

.jp-play {
  background: url("images/jplayer/jplayer.inara.png") 0 0 no-repeat; }

.jp-play:focus {
  background: url("images/jplayer/jplayer.inara.png") -41px 0 no-repeat; }

.jp-state-playing .jp-play {
  background: url("images/jplayer/jplayer.inara.png") 0 -42px no-repeat; }

.jp-state-playing .jp-play:focus {
  background: url("images/jplayer/jplayer.inara.png") -41px -42px no-repeat; }

.jp-stop, .jp-previous, .jp-next {
  width: 28px;
  height: 28px;
  margin-top: 6px; }

.jp-stop {
  background: url("images/jplayer/jplayer.inara.png") 0 -83px no-repeat;
  margin-left: 10px; }

.jp-stop:focus {
  background: url("images/jplayer/jplayer.inara.png") -29px -83px no-repeat; }

.jp-previous {
  background: url("images/jplayer/jplayer.inara.png") 0 -112px no-repeat; }

.jp-previous:focus {
  background: url("images/jplayer/jplayer.inara.png") -29px -112px no-repeat; }

.jp-next {
  background: url("images/jplayer/jplayer.inara.png") 0 -141px no-repeat; }

.jp-next:focus {
  background: url("images/jplayer/jplayer.inara.png") -29px -141px no-repeat; }

/* @end */
/* @group progress bar */
.jp-progress {
  overflow: hidden;
  background-color: #393736; }

.jp-audio .jp-progress {
  position: absolute;
  top: 18px;
  height: 15px; }

.jp-audio .jp-type-single .jp-progress {
  left: 110px;
  width: 186px; }

.jp-audio .jp-type-playlist .jp-progress {
  left: 66px;
  width: 90px; }

.jp-video .jp-progress {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 10px; }

.jp-seek-bar {
  width: 0px;
  height: 100%;
}

.jp-play-bar {
  background: url("images/jplayer/jplayer.inara.png") 0 -218px repeat-x;
  width: 0px;
  height: 100%; }

/* The seeking class is added/removed inside jPlayer */
.jp-seeking-bg {
  background: url("images/jplayer/jplayer.inara.seeking.gif"); }

/* @end */
/* @group volume controls */
.jp-state-no-volume .jp-volume-controls {
  display: none; }

.jp-volume-controls {
  position: absolute;
  top: 18px;
  left: 170px;
  width: 230px; }

.jp-audio-stream .jp-volume-controls {
  left: 70px; }

.jp-video .jp-volume-controls {
  top: 12px;
  left: 50px; }

.jp-volume-controls button {
  display: block;
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  cursor: pointer; }

.jp-mute,
.jp-volume-max {
  width: 18px;
  height: 15px; }

.jp-volume-max {
  left: 74px; }

.jp-mute {
  background: url("images/jplayer/jplayer.inara.png") 0 -170px no-repeat; }

.jp-mute:focus {
  background: url("images/jplayer/jplayer.inara.png") -19px -170px no-repeat; }

.jp-state-muted .jp-mute {
  background: url("images/jplayer/jplayer.inara.png") -60px -170px no-repeat; }

.jp-state-muted .jp-mute:focus {
  background: url("images/jplayer/jplayer.inara.png") -79px -170px no-repeat; }

.jp-volume-max {
  background: url("images/jplayer/jplayer.inara.png") 0 -186px no-repeat; }

.jp-volume-max:focus {
  background: url("images/jplayer/jplayer.inara.png") -19px -186px no-repeat; }

.jp-volume-bar {
  position: absolute;
  overflow: hidden;
  background: url("images/jplayer/jplayer.inara.png") 0 -202px repeat-x;
  top: 0px;
  left: 22px;
  width: 80px;
  height: 15px;
  cursor: pointer; }

.jp-volume-bar-value {
  background: url("images/jplayer/jplayer.inara.png") 0 -218px repeat-x;
  width: 0px;
  height: 15px; }

/* @end */
/* @group current time and duration */
.jp-audio .jp-time-holder {
  position: absolute;
  top: 50px; }

.jp-audio .jp-type-single .jp-time-holder {
  left: 110px;
  width: 186px; }

.jp-audio .jp-type-playlist .jp-time-holder {
  left: 166px;
  width: 130px; }

.jp-current-time,
.jp-duration {
  width: 60px;
  font-size: .64em;
  font-style: oblique; }

.jp-current-time {
  float: left;
  display: inline;
  cursor: default; }

.jp-duration {
  float: right;
  display: inline;
  text-align: right;
  cursor: pointer; }

.jp-video .jp-current-time {
  margin-left: 20px; }

.jp-video .jp-duration {
  margin-right: 20px; }

/* @end */
/* @group playlist */
.jp-details {
  font-weight: 500;
  text-align: center;
  cursor: default; }

.jp-details,
.jp-playlist {
  width: 100%;
  background-color: #ccc;
  border-top: 1px solid #009be3; }

.jp-type-single .jp-details,
.jp-type-playlist .jp-details {
  border-top: none; }

.jp-details .jp-title {
  margin: 0;
  padding: 5px 20px;
  font-size: .72em;
  font-weight: 500; }

.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-size: .72em; }

.jp-playlist li {
  padding: 5px 0 4px 20px;
  border-bottom: 1px solid #eee; }

.jp-playlist li div {
  display: inline; }

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:last-child {
  padding: 5px 0 5px 20px;
  border-bottom: none; }

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 7px; }

div.jp-type-playlist div.jp-playlist a {
  color: #1e2022;
  text-decoration: none; }

div.jp-type-playlist div.jp-playlist a:hover {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
  font-weight: 500;
  color: #666; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist span.jp-free-media {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
  color: #666; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
  color: #0d88c1; }

span.jp-artist {
  font-size: .8em;
  color: #666; }

/* @end */
.jp-video-play {
  width: 100%;
  overflow: hidden;
  /* Important for nested negative margins to work in modern browsers */
  cursor: pointer;
  background-color: transparent;
  /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ }

.jp-video-270p .jp-video-play {
  margin-top: -270px;
  height: 270px; }

.jp-video-360p .jp-video-play {
  margin-top: -360px;
  height: 360px; }

.jp-video-full .jp-video-play {
  height: 100%; }

.jp-video-play-icon {
  position: relative;
  display: block;
  width: 112px;
  height: 100px;
  margin-left: -56px;
  margin-top: -50px;
  left: 50%;
  top: 50%;
  background: url("images/jplayer/jplayer.inara.video.play.png") 0 0 no-repeat;
  text-indent: -9999px;
  border: none;
  cursor: pointer; }

.jp-video-play-icon:focus {
  background: url("images/jplayer/jplayer.inara.video.play.png") 0 -100px no-repeat; }

.jp-jplayer audio,
.jp-jplayer {
  width: 0px;
  height: 0px; }

.jp-jplayer {
  background-color: #000000; }

/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
.jp-toggles {
  padding: 0;
  margin: 0 auto;
  overflow: hidden; }

.jp-audio .jp-type-single .jp-toggles {
  width: 25px; }

.jp-audio .jp-type-playlist .jp-toggles {
  width: 55px;
  margin: 0;
  position: absolute;
  left: 325px;
  top: 50px; }

.jp-video .jp-toggles {
  position: absolute;
  right: 16px;
  margin: 0;
  margin-top: 10px;
  width: 100px; }

.jp-toggles button {
  display: block;
  float: left;
  width: 25px;
  height: 18px;
  text-indent: -9999px;
  line-height: 100%;
  /* need this for IE6 */
  border: none;
  cursor: pointer; }

.jp-full-screen {
  background: url("images/jplayer/jplayer.inara.png") 0 -310px no-repeat;
  margin-left: 20px; }

.jp-full-screen:focus {
  background: url("images/jplayer/jplayer.inara.png") -30px -310px no-repeat; }

.jp-state-full-screen .jp-full-screen {
  background: url("images/jplayer/jplayer.inara.png") -60px -310px no-repeat; }

.jp-state-full-screen .jp-full-screen:focus {
  background: url("images/jplayer/jplayer.inara.png") -90px -310px no-repeat; }

.jp-repeat {
  background: url("images/jplayer/jplayer.inara.png") 0 -290px no-repeat; }

.jp-repeat:focus {
  background: url("images/jplayer/jplayer.inara.png") -30px -290px no-repeat; }

.jp-state-looped .jp-repeat {
  background: url("images/jplayer/jplayer.inara.png") -60px -290px no-repeat; }

.jp-state-looped .jp-repeat:focus {
  background: url("images/jplayer/jplayer.inara.png") -90px -290px no-repeat; }

.jp-shuffle {
  background: url("images/jplayer/jplayer.inara.png") 0 -270px no-repeat;
  margin-left: 5px; }

.jp-shuffle:focus {
  background: url("images/jplayer/jplayer.inara.png") -30px -270px no-repeat; }

.jp-state-shuffled .jp-shuffle {
  background: url("images/jplayer/jplayer.inara.png") -60px -270px no-repeat; }

.jp-state-shuffled .jp-shuffle:focus {
  background: url("images/jplayer/jplayer.inara.png") -90px -270px no-repeat; }

/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
  padding: 5px;
  font-size: .8em;
  background-color: #eee;
  border: 2px solid #009be3;
  color: #000;
  display: none; }

.jp-no-solution a {
  color: #000; }

.jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: 500; }

/* @end */


/* jquery css */
/*.ui-widget-content {

}
.ui-widget-content a {

}*/

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #ffcc00;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=50); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

.ui-slider {
	position: relative;
	text-align: left;
	background: #666;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.1em;
	height: 1.3em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	background: #dd5500;
	font-weight: normal;
	color: #555555;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}


.ui-datepicker-buttonpane { background: transparent; border: none; text-align: right; }
.ui-datepicker-current { background: #dd5500; text-transform: uppercase;  font-size: 100%; }
.ui-datepicker-close { background: #dd5500; text-transform: uppercase; font-size: 100%; }
.ui-datepicker-buttonpane .ui-state-hover { background: #ff8800; cursor: pointer;  }

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
}


/* dialog */
#customdialog1, #customdialog2, #customdialog3, #customdialog4, #customdialog5 { overflow-x: hidden; }

.ui-dialog {
   z-index: 9000;
	display: none;
	padding: 0px;
	cursor: default;
   overflow: visible;
	text-transform: uppercase;
	background: #cacaca;
   color: #1e2022;
   position: absolute;
   min-width: 500px;
   width: auto;

   border: 5px solid #1e2022;

   -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
   box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);

   text-shadow: none;

  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;

}

/*.ui-dialog-confirmation { }*/

.ui-dialog .ui-dialog-titlebar  {
   padding: 5px; position: relative; height: 15px;
   font-weight: 500; color: #f3b358; text-transform: uppercase;
   font-size: 100%; outline:0;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
   height: 20px; line-height: 22px;
   background-color: #5f4535;
}

.ui-dialog-confirmation .ui-dialog-titlebar  {
   border: 0px;
   background: none;
}

.ui-dialog .ui-dialog-title { float: left; margin: 0px; }
.ui-dialog .ui-dialog-titlebar-close {
   position: absolute; right: 0px; top: 50%; margin: -11px 3px 0 0;
    background: url(images/icons2/delete.png) no-repeat center center;
    background-size: 22px 22px;
    background-color: transparent !important;
    border: none;
    display: block;
    height: 22px;
    width: 22px;
    cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
    background: url(images/icons2/delete_hover.png) no-repeat center center;
    background-size: 22px 22px;
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; min-width: 15px; min-height: 15px; margin-left: -15px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 15px; text-align: left; text-transform: none; background: none; overflow: auto; zoom: 1; }
.ui-dialog-confirmation .ui-dialog-content { position: relative; border: 0; padding: 10px; text-align: center; text-transform: uppercase; font-weight: 500; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border: 0px; background: inherit; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: center;  }
.ui-dialog .ui-dialog-buttonpane button {
   cursor: pointer;
   height: 30px; line-height: 10px; font-size: 100%; font-weight: 700; color: #eee; margin: 5px; padding: 10px 20px 10px 20px;
   text-transform: uppercase; border: 0px solid black; text-align: center; background-color: #dd5500;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
   -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
   box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4);
   width: auto; min-width: 150px;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
   border: 0px solid #886600;
   background-color: #ff8800;

   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* spinner */
/*div.inventorymaterialcont {  }*/
div.inventorytitle, div.inventorytitlelarge { font-weight: 500; color: #ddc0a0; text-transform: uppercase; margin-top: 10px; }
div.inventorytitlelarge { font-size: 105%; border-bottom: 1px solid #ddc0a0; }
div.inventorytitle span.havevalue, div.inventorytitle span.needvalue { display: inline-block; width: 45px; text-align: right; float: right; font-size: 85%; }
div.inventorytitle span.havevalue { margin-right: 15px; }

div.inventorymaterial {
   width: 100%; height: 19px;
   padding: 1px 1px 0px 5px; line-height: 18px;
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;
}
div.inventorymaterial div.name { display: block; white-space: nowrap; }
div.inventorymaterial div.value, div.inventorymaterial span.value { display: inline-block; color: #fff; font-size: 14px; margin-right: 18px; float: right; }
div.inventorymaterial .ui-spinner, div.inventorymaterial .spinner { float: right; }
div.inventorymaterialcont div.inventorymaterial:nth-child(2n+1) { background-color: rgba(106,103,100,0.2); }
div.inventorymaterialcont.innercontentcolumns2 {
   -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
}
div.inventorymaterial:hover { background-color: #1e2022 !important; }
div.inventorymaterial div.havevalue { display: inline-block; width: 40px; font-size: 110%; text-align: right; float: right; margin-right: 5px; }
div.inventorymaterial div.needvalue { display: inline-block; width: 40px; font-size: 100%; text-align: right; float: right; margin-right: 5px; }
/*div.backprogress { background: linear-gradient(to right, rgba(70,70,70,0.3) 50%, rgba(0,0,0,0) 50%); }*/
/*div.inventorymaterial span.name::after { content: ''; width:100px; height:10px; background:#ffcc00; position:absolute; bottom:-4px;}*/

div.inventorymaterialblockcontainer {
   width: 20%; float: left; padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.inventorymaterialblock {
   position: relative;
   height: 90px;
   background-color: #3f4142;
   padding: 5px;
   margin: 1px;
   text-align: center;

   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;

  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

div.inventorymaterialblock div.needvalue { display: inline-block; width: 45%; font-weight: 500; font-size: 18px; text-align: left; float: left; }
div.inventorymaterialblock div.havevalue { display: inline-block; width: 45%; font-weight: 500; font-size: 18px; text-align: right; float: right; }
div.inventorymaterialblock div.haveneedvaluetitle { display: inline-block;  font-weight: normal; text-transform: uppercase; font-size: 10px; color: #888; line-height: 10px; padding-top: 5px; }
div.inventorymaterialblock div.name { position: absolute; bottom: 0px; left: 0px; display: block; width: 99%; word-wrap: break-word; min-height: 32px; line-height: 13px; padding: 5px 1px 5px 1px; clear: both; background-color: #8e502a;}
div.inventorymaterialblock div.name span { vertical-align: middle; }

.spinner { background: none; border: 0px; width: 34px !important; height: 18px !important; margin: 0px 18px 0px 18px; padding: 0px; color: #fff; font-size: 14px;  text-align: center; }
.spinner:hover { border: 0px; margin: 0px 18px 0px 18px; }
.spinner:focus { border: 0px; margin: 0px 18px 0px 18px; background: #eee; color: #1e2022; }

.ui-spinner { position:relative; background: none; border: 0px; display: inline-block; overflow: hidden; padding: 0; margin: 0px; vertical-align: middle; width: 70px; height: 20px; }
.ui-spinner-input { border: 0px; background: #666462; width: 34px !important; height: 18px !important; margin: 0px 18px 0px 18px; padding: 0px; float: left; color: #fff; font-size: 14px; font-weight: 500; text-align: center; }
.ui-spinner-input:hover { border: 0px; }
.ui-spinner-input:focus { border: 0px; background: #eee; color: #1e2022; }
.ui-spinner-button { width: 18px; height: 18px; float: left; font-size: 22px; font-weight: 500; padding: 0; margin: 0; z-index: 100; text-align: center; position: absolute; cursor: pointer; display: block; overflow: hidden; right: 0; border: 0px; }
.ui-spinner-button:hover { border: 0px; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; }
.ui-spinner .ui-icon { margin-top: -8px; top: 50%; left: 0; }
.ui-spinner-up { right: 0px; background-color: #537390; color: #96a9bb;  }
.ui-spinner-down { left: 0px; background-color: #883d2e; color: #b6887f;  }
.ui-spinner-up:hover { background-color: #66adee; color: #fff; }
.ui-spinner-down:hover {background-color: #ee4422; color: #fff; }


/* datepicker */
/* Reset */
.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
   z-index: 1000 !important;
   background-color: #ddd;
   text-shadow: none;
}

/* Calendar Wrapper */
.ui-datepicker {
	display: none;
	width: 294px;
	padding: 10px;
	cursor: default;
	text-transform: uppercase;
	background: #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
	box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
}

.ui-datepicker-header {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}

.ui-datepicker-title { text-align: center; }

.ui-datepicker-month {
	position: relative;
	padding-right: 15px;
	color: #1e2022;
}

.ui-datepicker-month:before {
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 5px;
	height: 5px;
	content: '';

	background: #888;

	background: -moz-linear-gradient(top, #888 0%, #666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#666));
	background: -webkit-linear-gradient(top, #888 0%,#666 100%);
	background: -o-linear-gradient(top, #888 0%,#666 100%);
	background: -ms-linear-gradient(top, #888 0%,#666 100%);
	background: linear-gradient(top, #888 0%,#666 100%);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.ui-datepicker-year {
	padding-left: 8px;
	color: #1e2022;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	position: absolute;
	top: -2px;
	padding: 5px;
	cursor: pointer;
}

.ui-datepicker-prev {
	left: 0;
	padding-left: 0;
}

.ui-datepicker-next {
	right: 0;
	padding-right: 0;
}

.ui-datepicker-prev span,
.ui-datepicker-next span{
	display: block;
	width: 5px;
	height: 10px;
	text-indent: -9999px;

	background-image: url(images/datepickarrows.png);
}

.ui-datepicker-prev span { background-position: 0px 0px; }
.ui-datepicker-next span { background-position: -5px 0px; }
.ui-datepicker-prev-hover span { background-position: 0px -10px; }
.ui-datepicker-next-hover span { background-position: -5px -10px; }

.ui-datepicker-calendar th {
	padding-top: 15px;
	padding-bottom: 10px;

	text-align: center;
	font-weight: normal;
   font-size: 80%;
	color: #666;
}

.ui-datepicker-calendar td {
	padding: 0 7px;

	text-align: center;
	line-height: 26px;
}

.ui-datepicker-calendar tr:hover { background-color: inherit; }
.ui-datepicker-calendar td:hover { background-color: #ccc; }

.ui-datepicker-calendar .ui-state-default {
	display: block;
	width: 26px;
	outline: none;
	text-decoration: none;
	color: #1e2022;
   font-weight: 500;
   font-size: 110%;
	border: 1px solid transparent;
}

.ui-datepicker-calendar .ui-state-active {
	color: #000;
	border-color: #000;
   background-color: #ffbb00;
}

.ui-datepicker-other-month .ui-state-default { color: #565656; }

/* tooltip */
.ui-tooltip {
   position: absolute;
   background: #262626;
   border: 2px solid #666;
   width: 280px;
   z-index: 10000;
   padding: 10px 10px;
   color: #bbb;
   border-radius: 1px;
   font-size: 13px;
   text-transform: none;
   box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}


/* tables */
/*
 * Table styles
 */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  /* background-image: url("images/sort_both.png");
  background-position: right bottom 3px; */
}
table.dataTable thead .sorting_asc {
  /* background-image: url("images/sort_asc.png");
  background-position: right bottom 3px; */
}
table.dataTable thead .sorting_desc {
  /* background-image: url("images/sort_desc.png");
  background-position: right bottom 3px; */
}
table.dataTable thead .sorting_asc_disabled {
  /* background-image: url("images/sort_asc_disabled.png");
  background-position: right bottom 3px; */
}
table.dataTable thead .sorting_desc_disabled {
  /* background-image: url("images/sort_desc_disabled.png");
  background-position: right bottom 3px; */
}

table.dataTable thead .sorting::after {
   content: " \2B0D";
   color: #888;
}
table.dataTable thead .sorting_asc::after {
   content: "\2BC5";
   color: #ff8800;
}
table.dataTable thead .sorting_desc::after {
   content: "\2BC6";
   color: #ff8800;
}
table.dataTable thead .sorting_asc_disabled::after {
   content: "\2BC5";
   color: #888;
}
table.dataTable thead .sorting_desc_disabled::after {
   content: "\2BC6";
   color: #888;
}


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td {  }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; color: #1e2022; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; color: #1e2022; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

.ui_tpicker_timezone select { width: 150px; height: 20px; font-size: 90%; line-height: 11px; }
.ui_tpicker_minute_label, .ui_tpicker_hour_label, .ui_tpicker_time_label, .ui_tpicker_time  { color: #1e2022; }
.ui-datepicker-close, .ui-datepicker-current { color: #fff; padding: 5px 10px 5px 10px; }

/* tokenizer */
div.TokenizeMeasure,
div.Tokenize ul li span,
div.Tokenize ul.TokensContainer li.TokenSearch input {

}

div.Tokenize {
   visibility: visible;
    position: relative;
    display: inline-block;
    zoom: 1;
}

div.Tokenize ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.Tokenize ul li {

}

div.Tokenize ul.Dropdown li {
    white-space: normal;
}


div.Tokenize ul.TokensContainer {
    cursor: text;
    padding: 0px;
    height: 100px;
    overflow-y: auto;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.Tokenize ul.TokensContainer.Autosize {
    height: auto;
}

div.Tokenize.Disabled ul.TokensContainer,
div.Tokenize.Disabled ul.TokensContainer input {
    cursor: not-allowed;
}

div.Tokenize ul.TokensContainer li.Token {
    border: 1px solid transparent;
    background-color: #8e502a;
    color: #eee;
    padding: 2px 5px 1px 5px;
    line-height: 17px;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
   -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
   -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
   box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
   text-transform: uppercase;
   font-size: 85%;
   overflow: hidden;

}
div.Tokenize ul.TokensContainer li.Token span { max-width: 92%; }

div.Tokenize ul.TokensContainer.ui-sortable:not(.ui-sortable-disabled) li.Token {
    cursor: move;
    white-space: nowrap;
}

div.Tokenize ul.TokensContainer li.Token.MovingShadow  {
    border: 1px dotted #888;
    background-color: #bbb;
    color: #1e2022;
}

div.Tokenize ul.TokensContainer li.Token.PendingDelete {
    opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter : alpha(opacity=50);
}

div.Tokenize ul.TokensContainer li.Token,
div.Tokenize ul.TokensContainer li.TokenSearch {
    margin: 2px;
    float: left;
}

div.Tokenize ul.TokensContainer li.TokenSearch input {
    margin: 0;
    padding: 1px 0;
    line-height: 18px;
    height: 18px;
    border: none;
    outline: none;
}

div.Tokenize ul.TokensContainer li.Placeholder {
    color: #777;
    position: absolute;
    line-height: 16px;
    padding: 5px 0 0 5px;
    display: none;
}

div.Tokenize ul.TokensContainer,
div.Tokenize ul.Dropdown {
    border: 1px solid #ccc;
}

div.Tokenize ul.TokensContainer li.Token a.Close {
    font-size: 28px !important;
    font-weight: 500;
    line-height: 15px;
    float: right;
    margin: 0px 0 0 5px;
    padding: 0;
    cursor: pointer;
    color: #eee;
}

div.Tokenize.Disabled ul.TokensContainer li.Token a.Close {
    display: none;
}

div.Tokenize ul.TokensContainer li.Token a.Close:hover {
    text-decoration: none;
}

div.Tokenize ul.Dropdown {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    display: none;
    width: 100%;
    max-height: 250px;
    padding: 5px 0;
    margin: -1px 0 0 0;
    position: absolute;
    background-color: #eee;
    border: 1px solid #1e2022;
    overflow-y: auto;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;

    z-index: 20;
}

div.Tokenize ul.Dropdown li {
    padding: 3px 10px;
    overflow: hidden;
    cursor: pointer;
}

div.Tokenize ul.Dropdown li.Hover {
    color: #000;
    text-decoration: none;
    background-color: #ffbb66;
}

/* scroll to top */
.apst-wrapper,
.apst-wrapper::before,
.apst-wrapper::after,
.apst-wrapper *,
.apst-wrapper *::before,
.apst-wrapper *::after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}

.apst-wrapper {
    display: none;
    position: fixed;
    z-index: 99999;
    cursor: pointer;
    box-sizing: border-box;

    /* No blue highlight when clicking on element on mobile devices */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    }

    .apst-top {
        top: 20px;
        }

    .apst-bottom {
        bottom: 20px;
        }

    .apst-left {
        left: 20px;
        }

    .apst-center {
        left: 50%;
        margin-left: -40px;
        }

    .apst-right {
        right: 20px;
        }

    .apst-button {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background-color: #666;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
            -ms-border-radius: 50%;
             -o-border-radius: 50%;
                border-radius: 50%;
        -webkit-transition: all 0.2s;
           -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
             -o-transition: all 0.2s;
                transition: all 0.2s;
        }

    .apst-button::before {
        content: "";
        display: block;
        position: relative;
        left: 15px;
        top: 20px;
        width: 20px;
        height: 20px;
        border-right: 6px solid #ddd;
        border-top: 6px solid #ddd;
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transition: all 0.2s;
           -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
             -o-transition: all 0.2s;
                transition: all 0.2s;
        }

    .apst-button:hover {
        background-color: #ff8800;
        }

    .apst-button:hover::before {
        border-color: #fff;
        }

    @media only screen and (max-width: 800px) {
        .apst-center {
            margin-left: -35px;
            }

        .apst-button {
            width: 60px;
            height: 60px;
            }

        .apst-button::before {
            left: 21px;
            top: 25px;
            width: 20px;
            height: 20px;
            }
        }