@import url('https://fonts.googleapis.com/css?family=Droid+Sans');


html, body { height: 100%; margin:0; padding: 0; -webkit-text-size-adjust: 100%;  }
body { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); color: #f0f0f0; padding: 0px; font-family: "Droid Sans", sans-serif; font-size: 13px; line-height: 16px; text-transform: uppercase; background-color: #1b1b1b;  }
span:lang(ru) { font-size: 12px; }

div { outline:0; }
div.maincon { min-height: 100%; xbackground-image: url(images/back4.jpg); 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 { width: 95%; font-size: 75%; color: #666666; text-align: center; padding-top: 40px; clear: both; }
div.footer a { color: #888888; }

.fullwidth { width: 100%; }
.autowidth { width: auto !important; }

div.containermain { min-width: 640px; max-width: 1600px; margin-left: auto; margin-right: auto; margin-top: 35px; padding-top: 30px; xpadding-bottom: 110px; background-repeat: no-repeat; background-position: center top; }
div.containerright { padding-left: 20px; width: 590px; float: left; } /* ???? */
div.innermargin { margin: 0px 15px 0px 15px; }
div.topcontainer { min-height: 40px; }

svg { display: block; width: 100%; margin: 0 auto; }

div.flexcontainer { display: flex; flex-flow: row nowrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; }
div.flexcontainercenter { display: flex; flex-flow: row nowrap; align-content: flex-start; align-items: flex-start; justify-content: center; }
div.flexcontent { order: 10; display: flex; flex: 0 1 100%; flex-flow: row nowrap; align-content: flex-start; align-items: flex-start;}
div.flexleft { order: 1; flex: 0 1 250px; min-width: 250px; display: flex; flex-flow: row wrap; align-items: flex-start; }
div.flexmiddle { order: 5; padding-left: 5px; padding-right: 15px; flex: 0 1 100%; align-items: flex-start; }
div.flexright { order: 10; flex: 0 1 285px; min-width: 285px; display: flex; flex-flow: row wrap; align-content: flex-start; align-items: flex-start; }
div.flexrightwide { order: 10; flex: 0 1 350px; min-width: 350px; display: flex; flex-flow: row wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; }
div.flexrightmarket { order: 10; flex: 0 1 600px; min-width: 600px; display: flex; flex-flow: row wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; }
div.flexhalfalways { order: 5; padding-right: 15px; flex: 0 1 calc(50% - 160px); flex-basis: calc(50% - 160px); flex-flow: row nowrap; align-items: flex-start; }
div.flexhalf { flex: 0 1 49.7%; }
div.flexhalf1 { order: 1; padding-right: 15px; flex: 0 1 calc(50% - 160px); flex-basis: calc(50% - 160px); flex-flow: row nowrap; align-items: flex-start; }
div.flexhalf2 { order: 5; padding-right: 15px; flex: 0 1 calc(50% - 160px); flex-basis: calc(50% - 160px); flex-flow: row nowrap; align-items: flex-start; }

div.flexmarketmiddle { order: 5; flex: 0 1 100%; align-items: flex-start; display: flex; flex-flow: row wrap; padding-right: 10px;}
form.flexmarketmiddle { order: -1; flex: 0 1 100%; align-items: flex-start; display: flex; flex-flow: row wrap; }
div.flexmarkettablecol { order: -1; flex: 0 1 49%; min-width: 430px; max-width: 50%; margin-right: 5px; }

div.flexfixed285 { flex: 0 1 100%; min-width: 285px; max-width: 285px; }
div.flex33, div.flex50, div.flex50first, div.flex66, div.flex100, div.flex100pad285left { flex: 0 1 100%; }
div.flex50first { padding-right: 20px; padding-bottom: 6px; }
div.flexspacing { margin: 0px; }
div.flexspacingfixed { margin-top: 15px; flex: 0 1 100%; }

/* sidebar */
div.sidemenu, div.sidemenu div.submenu {
  margin: 0;
  padding: 0;
  margin: 0px 0px 0px 0px;
  display: flex;
  flex-flow: row wrap;
  flex: 0 1 100%;
  overflow: hidden;
}
div.sidemenu div.submenu {
  margin: -3px 0px 5px 0px;
}

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

div.sidemenu a, div.sidemenu span  {
   display: block;
   padding: 0px 5px 0px 5px;
   white-space: nowrap;
   margin: 0px 0px 3px 0px;
   line-height: 30px;
   text-align: center;
   background-color: #555555;
   color: #ffffff;
   text-decoration: none;
   font-size: 105%;
   width: 100%; width: calc(100% - 10px);
   max-width: 223px;
   overflow: hidden;

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

}

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

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

div.sidemenu a.selected:after {
	left: 100%;
	top: 50%;
	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: 15px;
	margin-top: -17px;
   margin-left: 0px;
}
div.sidemenu div.submenu a.selected:after {
	border-width: 10px;
	margin-top: -11px;
}

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

div.sidemenu div.sidemenuitem {
   padding: 0px; flex: 0 1 93%;
   position: relative;
}

div.sidemenu div.submenu div.sidemenuitem {
   padding-left: 20px; flex: 0 1 85%; margin-top: 2px; margin-bottom: -2px; max-width: 213px;
}

div.sidemenu div.submenu span { line-height: 20px; font-size: 85%; margin: 0px 0px 2px 0px; }
div.sidemenu div.submenu a { line-height: 20px; font-size: 85%; color: #eee; margin: 0px 0px 2px 0px; }


/* 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 : 1570px) {
   div.flexmarkettablecol { flex: 0 1 100%; min-width: 100%; }
}

@media screen and (max-width : 1280px) {
   div.flexcontainer { flex-flow: row wrap;}
   div.flexleft { order: 1; flex: 0 1 100%; min-width: 100%; }
   div.flexmiddle { padding-left: 0px; }
   div.flexhalf1 { flex: 0 1 calc(100% - 300px); flex-basis: calc(100% - 300px); }
   div.flexhalf2 { order: 30; flex: 0 1 100%; min-width: 100%; }
   div.flex50first { flex: 0 1 48%; max-width: 48%; padding-right: 10px; margin-top: 10px; }

   div.sidemenu div.sidemenuitem { flex: 0 1 auto; padding: 0px !important; margin: 0px 2px 0px 0px; width: auto; }
   div.sidemenu div.sidemenuitem a { padding-right: 5px !important; margin-right: 15px !important; }
   div.sidemenu div.submenu { order: 100; min-width: 100%; margin-top: 10px; }
   div.sidemenu div.submenu div.sidemenuitem { flex: 0 1 auto; padding: 0px !important; }

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

   div.sidemenu a.selected:after {
   	border: 0px solid black;
      content: "";
   }

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

@media screen and (max-width : 1150px) {
   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.containermain { margin-top: 70px; }
}

@media screen and (max-width : 1024px) {
   div.flexcontent { flex-flow: row wrap; }
   div.flexmiddle { padding-right: 0px; flex: 0 1 100%; min-width: 100%; }
   div.flexright { flex: 0 1 100%; min-width: 100%; }
   div.flexrightwide { flex: 0 1 100%; min-width: 100%; }
   div.flexhalf1 { flex: 0 1 100%; min-width: 100%; }
   div.flexfixed285 { flex: 0 1 32%; padding-right: 10px; }
   div.flex33 { flex: 0 1 32%; max-width: 31.7%; padding-right: 10px; }
   div.flex50 { flex: 0 1 48%; max-width: 48%; padding-right: 10px; }
   div.flex66 { flex: 0 1 65%; max-width: 65%; padding-right: 10px; }
   div.flex100 { flex: 0 1 100%; }
   div.flex100pad285left { flex: 0 1 calc(100% - 300px); flex-basis: calc(100% - 300px); }
   div.flexhalf { flex: 0 1 100%; min-width: 100%; }
   div.flexspacing { margin-top: 40px; }

   div.flexrightmarket { flex: 0 1 100%; min-width: 100%; }

   img.newsimage { height: 200px; width: auto !important; max-width: 250px; float: left; margin-right: 10px; }
}

@media screen and (max-width : 750px) {
   img.newsimage { width: 200px !important; height: auto !important; float: none; margin-right: 0px; }
   div.menucontainer { position: relative !important; }
   xxdiv.menu { font-size: 95%; }
   div.menuitem { margin-left: 0px !important; margin-right: 0px !important; }
   div.containermain { margin-top: 0px; }
}
/*-------*/

/* market blocks */
div.container500 { width: 500px; margin: 0px 10px 0px 10px; float: left;} /* ???? */
div.containerprofits { max-width: 650px; min-width: 450px; margin: 0px 0px 0px 0px; padding-left: 20px; overflow: hidden; }
div.containerprofitsf { min-width: 550px; width: auto; margin: 20px 0px 0px 0px; }
div.profitblock { width: 100%; xmax-width: 650px; float: left; }
div.profitblock3 { width: 100%; min-width: 500px; float: left; }
div.profitblockf { width: 1200px; margin-right: 20px; float: left; }

/* wings blocks */
div.containerwingsmain { width: 100%; float: left; }
div.containerwingsleft { float: left; width: 285px; margin-left: -100%; }
div.containerwingsmiddle { margin: 0 285px 0 285px;  }   /* 0 right 0 left */
div.containerwingsright { float: left; width: 285px; margin-left: -285px; }

.commodityname { font-size: 90%; }
.commodityname span:lang(ru) { font-size: 80%; }

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

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



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;  }
}


div.mainblock {
   border-spacing: 0px;
   border: 0px solid #2d2d2d;
   xbackground-color: #3f3d3c;
   background-color: #333;
   padding: 15px 20px 15px 20px;
   margin: 0px 1px 1px 0px;
   text-transform: none;
   overflow: hidden;
   xline-height: 16px;
   position: relative; height: auto;

   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;
   /*
   -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
   -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
   box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);

   border-top: 1px solid #484641;
   background: -moz-linear-gradient(-45deg, rgba(75,73,70,0.9) 0%, rgba(50,50,50,0.9) 100%);
   background: -webkit-linear-gradient(-45deg, rgba(75,73,70,0.9) 0%,rgba(50,50,50,0.9) 100%);
   background: linear-gradient(135deg, rgba(75,73,70,0.9) 0%,rgba(50,50,50,0.9) 100%);
   background-repeat: repeat; background-position: left top;
   background-image: url(images/backline.png), linear-gradient(135deg, rgba(75,73,70,0.9) 0%,rgba(50,50,50,0.9) 100%);
   */
}

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

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

div.nestedmainblockcontainer { margin: 0px -20px -10px -20px;}
div.subblock { background: none; padding: 5px; background-color: rgba(50,50,50,0.5); }

div.searchblock {
   color: #333;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   background-color: #999;
   border: 0px;
   padding: 10px;

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

div.inputblock {
   color: #333;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   background-color: #9b9d9f;
   background-repeat: repeat; background-position: top left;
   background-image: url(images/inputformback.png);
   border: 0px;
}


div.imageblock {
   color: #333;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   background-color: #ccc;
   border: 0px;
   padding: 5px;

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

/* div.inputblock2 {
   background-image: url(images/inputformback2.png);
   padding: 5px;
} */

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

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

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: #765639;
}


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: #b86a2c;*/
   background: none;
   background-color: #4b433c;

    -webkit-box-shadow:inset 0px 0px 5px 1px rgba(218,144,60,0.5);
    -moz-box-shadow:inset 0px 0px 5px 1px rgba(218,144,60,0.5);
    box-shadow:inset 0px 0px 5px 1px rgba(218,144,60,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: 70px;
   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.tableblock .title {
   background-color: #8e502a;
   margin: 0px;
   padding: 5px;
   font-weight: 500; margin-top: -1px; color: #e39338; text-transform: uppercase;
   border-bottom: 1px solid #c38328;

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

}

div.mainblock .info {
   xbackground-color: #5d5d5d;
   padding: 10px;
   margin: -15px -20px 15px -20px;
   text-transform: none;
   overflow: auto;
   line-height: 15px;
   color: #e8cfaa;

   background: -moz-linear-gradient(top,  rgba(255,168,67,0.5) 0px, rgba(255,168,67,1) 1px, rgba(255,133,62,0.3) 2px, rgba(255,133,62,0.05) 5px, rgba(255,133,62,0.05) 50%, rgba(255,133,62,0.05) 98%, rgba(255,168,67,0.5) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(255,168,67,0.3)), color-stop(1px,rgba(255,168,67,0.05)), color-stop(2px,rgba(255,133,62,0.05)), color-stop(5px,rgba(255,133,62,0.05)), color-stop(50%,rgba(255,133,62,0.05)), color-stop(98%,rgba(255,133,62,0.1)), color-stop(100%,rgba(255,168,67,0.5)));
   background: -webkit-linear-gradient(top,  rgba(255,168,67,0.5) 0px,rgba(255,168,67,1) 1px,rgba(255,133,62,0.3) 4px,rgba(255,133,62,0.05) 5px,rgba(255,133,62,0.03) 50%,rgba(255,133,62,0.05) 98%, rgba(255,168,67,0.5) 100%);
   background: -o-linear-gradient(top,  rgba(255,168,67,0.5) 0px,rgba(255,168,67,1) 1px,rgba(255,133,62,0.3) 2px,2px(255,133,62,0.05) 5px,rgba(255,133,62,0.03) 50%,rgba(255,133,62,0.05) 98%, rgba(255,168,67,0.5) 100%);
   background: -ms-linear-gradient(top,  rgba(255,168,67,0.5) 0px,rgba(255,168,67,1) 1px,rgba(255,133,62,0.3) 2px,rgba(255,133,62,0.05) 5px,rgba(255,133,62,0.03) 50%,rgba(255,133,62,0.05) 98%, rgba(255,168,67,0.5) 100%);
   background: linear-gradient(to bottom,  rgba(255,168,67,0.5) 0px,rgba(255,168,67,1) 1px,rgba(255,133,62,0.3) 2px,rgba(255,133,62,0.05) 5px,rgba(255,133,62,0.03) 50%,rgba(255,133,62,0.05) 98%, rgba(255,168,67,0.5) 100%);
}
div.mainblock .infobottom {
   padding: 5px;
   margin-bottom: -10px;
   xfont-size: 95%;
   text-overflow: ellipsis;
}

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

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

div.tableblock {
   padding: 0px;
   /*
   border: 0px solid #2d2d2d; border-spacing: 0px;
   background-color: #181818;
   background-color: rgba(24,24,24,.9);
   padding: 0px;
   margin-bottom: 5px;
   overflow: hidden;
   line-height: 14px;

   -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);
   */
}

div.tableblocksub {
   padding: 0px;
   /*
   background: -moz-linear-gradient(top,  rgba(160,127,96,.95) 0px, rgba(76,72,69,.95) 2px, rgba(63,61,60,.95) 10%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(160,127,96,.95)), color-stop(2px,rgba(76,72,69,.95)), color-stop(10%,rgba(63,61,60,.95)));
   background: -webkit-linear-gradient(top,  rgba(160,127,96,.95) 0px,rgba(76,72,69,.95) 2px,rgba(63,61,60,.95) 10%);
   background: -o-linear-gradient(top,  rgba(160,127,96,.95) 0px,rgba(76,72,69,.95) 2px,rgba(63,61,60,.95) 10%);
   background: -ms-linear-gradient(top,  rgba(160,127,96,.95) 0px,rgba(76,72,69,.95) 2px,rgba(63,61,60,.95) 10%);
   background: linear-gradient(to bottom,  rgba(160,127,96,.95) 0px,rgba(76,72,69,.95) 2px,rgba(63,61,60,.95) 10%);
   */
}


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; border-left: 5px solid #cb8b51; 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: 8px; height: 20px;
   margin: 0px 5px -1px -5px;
   float: left;
   background-color: transparent;
}

div.menucontainer {
   margin: 0px;
   padding: 0px;
   xmax-width: 1700px;
   min-width: 640px;
   width: 100%;
   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: 0px solid #4d4d4d; border-spacing: 0px;
   background-color: #2d2d2d;
   white-space: nowrap;
   margin: 0px auto 0px auto; height: 35px; text-align: right;
   padding: 0px;
   width: 100%;
   border-bottom: 1px solid #111;

   -webkit-box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.3);
   -moz-box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.3);
   box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.3);
   -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;
}

div.menushortcuts {
   background-color: #5f4535;
   min-height: 13px;
   min-width: initial;
   width: auto;
   height: auto;
   padding: 5px 10px 5px 20px;
   margin: 0px 0px 0px auto;
   float: right;
   clear: both;
   white-space: normal;
   font-size: 11px;
   -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);
}

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

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


div.menuappend {
   border: 0px solid #4d4d4d; border-spacing: 0px;
   background-color: #4d4d4d;
   color: #cccccc;
   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: #ffffff;
   padding: 10px 10px 10px 10px;
   margin-left: 40px;
   float: right;
   height: 15px;
   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 5px 0px 5px; padding: 0px; text-align: center; display: inline-block; white-space: normal; }
div.menuitemsel         { margin: 0px 5px 0px 5px; padding: 0px; text-align: center; font-weight: bold; text-decoration: underline; display: inline-block; white-space: normal; }
div.menuitemdisabled         { margin: 0px 5px 0px 5px; padding: 0px; text-align: center; display: inline-block; color: #bb9988; white-space: normal; }
div.menunewscounter {
   padding: 1px 3px 1px 3px;
   margin: -4px 0px 0px 3px;
   background-color: #5e200a;
   white-space: nowrap;
   font-size: 80%;
   font-weight: normal;
   text-decoration: none;
   text-align: center;

   line-height: 10px;
   height: 11px;
   float: right;

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

div.menunewscounterdummy {
   width: 15px;
   height: 11px;
   float: right;
}

div.itemnewscounter {
   padding: 1px 3px 1px 3px;
   margin: 1px -4px 0px 3px;
   background-color: rgba(0,0,0,0.5);
   white-space: nowrap;
   font-size: 80%;
   font-weight: normal;
   text-decoration: none;
   text-align: center;

   line-height: 10px;
   height: 11px;
   float: right;

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

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

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 {
   border: 0px solid #4d4d4d; border-spacing: 0px;
   background-color: #d37318;
   color: #ffffff;
   padding: 10px 10px 25px 10px;
   margin: 0px 0px 20px 0px;

-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.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;
   margin-bottom: 20px;
   width: 400px;

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

div.loginform {
   border: 0px solid #4d4d4d; border-spacing: 0px;
   background-color: #bb5500;
   color: #ffffff;
   padding: 5px;
   margin-bottom: 5px;


   -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;

   background: -moz-linear-gradient(-45deg, #d8871e 0%, #bb5500 100%);
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d8871e), color-stop(100%,#bb5500));
   background: -webkit-linear-gradient(-45deg, #d8871e 0%,#bb5500 100%);
   background: -o-linear-gradient(-45deg, #d8871e 0%,#bb5500 100%);
   background: -ms-linear-gradient(-45deg, #d8871e 0%,#bb5500 100%);
   background: linear-gradient(135deg, #d8871e 0%,#bb5500 100%);
}

div.loginformbottom {
   background-color: #3f3d3c; margin: 0px -5px -5px -5px;
   background: -moz-linear-gradient(top,  rgba(76,72,69,1) 0px, rgba(63,61,60,1) 40%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(76,72,69,1)), color-stop(40%,rgba(63,61,60,1)));
   background: -webkit-linear-gradient(top,  rgba(76,72,69,1) 0px,rgba(63,61,60,1) 40%);
   background: -o-linear-gradient(top,  rgba(76,72,69,1) 0px,rgba(63,61,60,1) 40%);
   background: -ms-linear-gradient(top,  rgba(76,72,69,1) 0px,rgba(63,61,60,1) 40%);
   background: linear-gradient(to bottom, rgba(76,72,69,1) 0px,rgba(63,61,60,1) 40%);

}


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: 20px; 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, .shipblock div.itemdescr   { color: #333333; }
.inputblock div.itemdescr2, .inputblockdialog div.itemdescr2, .shipblock div.itemdescr2   { color: #333333; }
.inputblock div.itemtitle, .inputblockdialog div.itemtitle, .shipblock div.itemtitle    { color: #333333; }
.inputblock span.minor, .inputblockdialog span.minor, .shipblock span.minor    { color: #555; }
.inputblock span.major, .inputblockdialog span.major, .shipblock span.major   { color: #000; font-weight: 500; }
div.itemtitle   { width: 80px; line-height: 10px; float: left; xdisplay: inline; padding-right: 10px; padding-top: 3px; text-align: left; font-size: 85%; font-weight: bold; text-transform: uppercase !important; color: #969492; }
div.itemvalue  { text-align: right; width: 110px; float: left; xdisplay: inline; }
.loginform div.itemdescr   { color: #ffffff; width: 130px; }


div.shipblock {
   color: #333;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   background-color: #aaa;
   border: 0px;
   padding: 0px;

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

div.shipblockcontainer { width: 24.5%; margin-right: 0.5%; min-width: 170px; xmax-width: 230px; float: left; margin-top: 4px; }
div.shipblockplaceholder { width: 24%; margin-right: 0.5%; min-width: 170px; xmax-width: 230px; height: 254px; float: left; margin-top: 4px; background: transparent; background-color: rgba(227, 163, 72,0.3); border: 1px dashed #e39338; }

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


div.shipicon { overflow: hidden; width: 100%; height: 125px; margin: 0px; padding: 0px; border: 0px solid #555555; color: #e39338; font-weight: 500; text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8); background-color: #6d6d6d; background-position: top center !important; background-size: cover !important; background-repeat: no-repeat !important; }
div.shipinfo { padding: 7px; oveflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 13px; font-size: 90%; }
div.authordate { float: right; font-size: 90%; color: #999999; 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: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   -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; }

div.spoiler {
   display: block;
   padding: 6px;
   border: 1px solid #888;
   white-space: normal;
   display: none;
}

.withoverflow { overflow: visible !important; }

a.revealspoiler {
   background-color: #666;
    line-height: 10px; min-width: 30px; font-size: 80%; 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: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 3px 10px 2px 10px;
   margin: 5px 0px 10px 0px;
   cursor: pointer;
}
a.revealspoiler:link      { color: #fff !important; text-decoration: none !important; }
a.revealspoiler:visited   { color: #fff !important; text-decoration: none !important; }
a.revealspoiler:active    { color: #fff !important; text-decoration: none !important; }
a.revealspoiler:hover     { background-color: #ff8800; color: #fff !important; text-decoration: none !important; }
/*--------*/

div.pflcontainer {
   padding: 0px 0px 5px 0px;
   margin-top: 10px;
   margin-bottom: 20px;

   background: -moz-linear-gradient(left, rgba(221,85,0,0.0) 0%, rgba(221,85,0,0.2) 50%, rgba(221,85,0,0.0) 100%);
   background: -webkit-linear-gradient(left, rgba(221,85,0,0.0) 0%, rgba(221,85,0,0.2) 50%, rgba(221,85,0,0.0) 100%);
   background: linear-gradient(to right, rgba(221,85,0,0.0) 0%, rgba(221,85,0,0.2) 50%, rgba(221,85,0,0.0) 100%);

}

div.pfl {
   margin: 0px auto 0px auto; min-width: 620px; max-width: 750px;
   border: 0px solid #2d2d2d; border-spacing: 0px;
   background-color: transparent;
   padding: 0px;
   text-transform: uppercase;
   overflow: hidden;
   line-height: 15px;
   position: relative; height: auto;
}

div.pfl img.pfltitle { width: 160px; height: 10px; border: 0px solid black; position: relative; top: 3px; }

table.pfl {
   border: 0px solid #fe8e0c;  border-spacing: 0px;
   width: 100%;
   margin-left: 155px;
   float: right;
   xbackground-color: rgba(221,85,0,0.25);
   background-repeat: repeat; background-position: left top;
   xbackground-image: url(images/pflback2.png);

   background: -moz-linear-gradient(left, rgba(221,85,0,0.2) 0%,rgba(221,85,0,0.01) 100%), url(images/pflback2.png);
   background: -webkit-linear-gradient(left, rgba(221,85,0,0.2) 0%,rgba(221,85,0,0.01) 100%), url(images/pflback2.png);
   background: linear-gradient(to right, rgba(221,85,0,0.2) 0%,rgba(221,85,0,0.01) 100%), url(images/pflback2.png);


   -webkit-box-shadow: 0px 0px 20px 0px rgba(254, 142, 12, 0.3);
   -moz-box-shadow: 0px 0px 20px 0px rgba(254, 142, 12, 0.3);
   box-shadow: 0px 0px 20px 0px rgba(254, 142, 12, 0.3);
}

table.pfl tr { background-color: transparent; }
table.pfl tr:hover { background-color: transparent; }
table.pfl td { padding: 3px; padding-right: 6px; color: #fffcfa; xborder-bottom: 1px dotted #a36308; border-right: 0px solid #a36308; text-align: right; vertical-align: top; line-height: 12px; }
table.pfl td.header {
   padding: 3px 6px 0px 6px; color: #000; text-align: center; font-size: 125%; line-height: 15px; text-shadow: none; font-weight: bold;
   background-color: #fe8e0c;

   background: -moz-linear-gradient(left, rgba(255,150,50,0.99) 70%,rgba(255,150,50,0.3) 100%), url(images/pflback2.png);
   background: -webkit-linear-gradient(left, rgba(255,150,50,0.99) 70%,rgba(255,150,50,0.3) 100%), url(images/pflback2.png);
   background: linear-gradient(to right, rgba(255,150,50,0.99) 70%,rgba(255,150,50,0.3) 100%), url(images/pflback2.png);
}

table.pfl td.profileimage { padding: 0px; width: 125px; height: 125px; background-image: url(images/userportraitback.png); background-position: left top; overflow: hidden; line-height: 1px; }
table.pfl td.profileimage img {
    height: 125px; width: 125px; border: 1px dotted #fe9531;
   -webkit-transition: all .5s ease; transition: all .5s ease;
   opacity: 0.75;
   transition: all .5s ease;
}
table.pfl td.profileimage img:hover { opacity: 1.0; }

span.pflcellname { color: #fe8e0c; font-size: 80%; }
span.pfltitle { color: #fe8e0c; font-size: 125%; font-weight: 500; }
span.pflheadersmall { font-size: 70%; line-height: 15px; color: #332211; }
span.tooltip { cursor: help; border-bottom: 1px dotted #ca9; }
.inputblock span.tooltip, .shipblock span.tooltip { border-bottom: 1px dotted #555; }
span.tooltipnoline { cursor: help; border-bottom: 0px dotted #ca9; }

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

table { border: 2px solid #484440; border-spacing: 0px; }
td { padding: 0px 5px 0px 5px; vertical-align: top; white-space: nowrap; line-height: 14px; }

td.wrap { white-space: normal; }
td.minor { color: #555555; }
td.minoralt { color: #888; }
td.major { color: #ffcc66; }
td.max { color: #ff7755; }
td.majoralt1 { color: #7eb356; }
td.maxalt1 { color: #5a9ddc; }
td.ellipsis { text-overflow: ellipsis; overflow: hidden; }
td.disabled { color: #777; }
td.forbidden { color: #a54; }
td.goodsname { max-width: 170px; overflow: hidden; xtext-overflow: ellipsis; font-size: 90%; }
td.goodsname span:lang(ru) { font-size: 87%; }

td.subheader { padding: 5px 5px 1px 10px !important; color: #ddc0a0 !important; border-top: 1px solid #666; border-bottom: 1px solid #666; font-weight: 500; }
th.subheader { border-bottom: 2px solid #484440; }
tr.subheader { background-color: #4b4a49 !important; }
tr.subheader:hover { background-color: #4b4a49 !important; }

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.paddingextra, td.paddingextra { padding: 6px 5px 6px 10px !important; }
td.alignright,th.alignright { text-align: right; }
td.aligncenter,th.aligncenter { text-align: center; }

/* tr:nth-child(5n+1) td { border-bottom: 2px solid #484440; }
div.tableblock table tr:nth-child(2n+1) { background-color: #1c1b1b; } */

th { text-align: left; padding: 3px 10px 5px 10px; color: #686460; background-color: #282726; text-transform: uppercase;  vertical-align: bottom; white-space: nowrap; }
tr:hover, div.tableblock table tr:hover { background-color: #262423; }
tr.hiddenrow td { padding: 0px !important; }

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: 8px; padding-bottom: 18px; border-top: 2px solid #cb8b51; border-bottom: 2px solid #cb8b51; }


/*table.commoditylist { width: 100%; line-height: 17px; }
table.commoditylist th { padding: 3px 5px 5px 10px; } */

table.layout { border: 0px solid #484440; border-spacing: 0px; }
table.layout tr:hover { background: transparent; }
table.layout td { padding: 0px; white-space: normal; }

table.subtable { width: 100%; border: 0px solid black; margin-bottom: 5px; }
table.subtable th { color: #999; background-color: #5a5752; border-bottom: 1px solid #3d3d3d; }
table.subtable td { padding: 2px 5px 2px 10px; }
table.subtable td.minor { color: #888; }
table.subtable td.subheader { color: #888480; }
table.subtable tr:nth-child(2n+1) { background-color: #393939; }
table.subtablewithhidden tr:nth-child(4n+0) td { background-color: #393939; }
table.subtable tr:hover { background-color: #252623; }
table.subtable tr.highlight { background-color: #8e502a; }

/* table.routelist { width: 100%; }
table.routelist td { padding: 1px 5px 1px 5px; } */

.discussmessage .center, .articlecontent .center, .discussthreaddescr .center { text-align: center; }
.discussmessage table, .articlecontent table, .discussthreaddescr table { border: 1px solid #666; border-spacing: 1px; text-align: left; word-break: initial; }
.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: #555352; }
.discussmessage table td, .articlecontent table td, .discussthreaddescr table td { padding: 5px; white-space: normal; }
.discussmessage table th, .articlecontent table th, .discussthreaddescr table th { padding: 5px; white-space: normal; background: #757372; color: #ffcc99; }


/*--------*/
div.powericonlarge { width: 110px; display: inline-block; text-align: center;  background-repeat: no-repeat; background-position: top center; }
div.powericonlarge img { width: 110px; height: 110px; }

div.rankiconlarge { width: 109px; display: inline-block; text-align: center;  background-repeat: no-repeat; background-position: top center; }
div.rankiconlarge img { width: 110px; height: 110px; }

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.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.newsimage { width: 285px; border: 0px solid #555555; margin: -10px -10px 5px -10px; }
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;
}

img.stationicon {
   width: 13px; height: 13px; border: 0px; margin-right: 5px; margin-top: 2px; opacity: 0.5; 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;
}

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

.big { font-size: 115% !important; font-weight: 500; }
.bigger { font-size: 105% !important; font-weight: bold; }
.bold { font-weight: 500 !important; }
.bolder { font-weight: bold !important; }
.normalsize { font-size: 100% !important; }
.smaller { font-size: 85% !important; }
.small { font-size: 80% !important; }
.cmdrprefix { font-size: 70% !important; color: #777; }
span.normal { color: #d0d0d0; }
span.minor { color: #999999; }
span.minor2 { color: #5a5a5a; }
span.minor3 { color: #b5b2b1; }
span.major,li.major { color: #ddc0a0; }
span.alert { color: #ff7755; }
span.positive { color: #66adee; }
span.negative { color: #ee4422; }
span.note { font-size: 90%; color: #999999; }
span.inverse   { color: #ff8800; }
span.cr { color: #999; text-transform: none; }
.inputblock span.note, .inputblockdialog span.note, .shipblock span.note  { color: #444444; }

span.tag, div.tag {
   padding: 0px 7px 0px 7px;
   background-color: #8e502a;
   white-space: nowrap;
   margin: 1px;
   line-height: 23px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   -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.tag { display: inline-block; }

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

span.tagminor, div.tagminor { background-color: #555045; xfont-size: 11px; }
span.tagminor2, div.tagminor2 { background-color: #6f695f; color: #ddd; xfont-size: 11px; }

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

span.tagselected, div.tagselected  { background-color: #dd5500 !important; }
span.tagdisabled, div.tagdisabled  { background-color: #53504c; color: #888888; }
span.tagdisabled:hover, div.tagdisabled:hover { background-color: #53504c; color: #888888; }


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 {
   margin: 0px 1px 0px 0px;
   padding: 5px 10px 5px 10px;
   font-weight: 500; color: #f9f0dd; text-transform: uppercase;
   font-size: 100%; outline:0;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
   height: 16px; line-height: 18px;
   border-top: 1px solid #a36308;
   border-bottom: 1px solid #111;
   xwhite-space: nowrap;
   overflow: hidden;

   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.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: #b0a8a0; }
#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: 500; margin-top: 10px; margin-bottom: 2px; color: #e39338; }

h2.header {
   padding: 30px 5px 5px 10px;
   margin: 10px 1px 1px 0px;
   font-size: 140%;
   font-weight: bold;
   text-align: left;
   color: #f3b358;
   xbackground-color: #333;
   xtext-shadow: none;
   xborder-bottom: 1px solid #e38328;

   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: 20px;
}

h2.subheader {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   padding-top: 20px;
   padding: 35px 0px 0px 10px;
   color: #aaa;
}

h2.header span:lang(ru) { font-size: 100%; }

.flexright h2.headernoimage:first-child, .flexrightwide h2.headernoimage:first-child { padding-top: 30px; }
.flexright h2.subheader:first-child, .flexrightwide h2.subheader:first-child { padding-top: 35px; }
.flexright h2.subheader, .flexrightwide h2.subheader { text-align: right; }

div.headerempty { height: 10px; width: 1px;}

.nowrap { white-space: nowrap; }
.wrap { white-space: normal !important; }
.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; }
.minheight50 { min-height: 50px; }
.minheight75 { min-height: 75px; }
.minheight100 { min-height: 100px; }
.minheight110 { min-height: 110px; }
.minheight120 { min-height: 120px; }
.minheight130 { min-height: 130px; }
.minheight150 { min-height: 150px; }
.minheight160 { min-height: 160px; }
.minheight170 { min-height: 170px; }


/* --- 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; }

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; text-decoration: none; }
a.positive:visited   { color: #66adee; text-decoration: none; }
a.positive:active    { color: #66cdee; text-decoration: underline; }
a.positive:hover     { color: #66cdee; 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; }

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

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

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

/* --- 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: #333333; }



input {
   font-family: "Droid Sans",sans-serif; font-size: 13px; line-height: 13px;
   outline: 0; background-color: #dad6d4; border: 1px solid #551100;
   height: 28px;
   padding: 0px 5px 0px 5px;
   margin: 1px;

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

input:hover   { outline: 0; border: 1px solid #ff8800;  }
input:focus   { outline: 0; border: 1px solid #ff8800; background-color: #eeeeee !important; }
input:disabled  { outline: 0; border: 1px solid #555555; background-color: #a66 !important; }
.inputblock input:disabled, .inputblockdialog input:disabled, .inputblock select:disabled, .inputblockdialog select:disabled, .shipblock input:disabled { outline: 0; border: 1px solid #888; background-color: #a9a9a9 !important; color: #333; }
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 #222; color: #000; line-height: 18px; }
tr:hover input.commodity:hover   { outline: 0; border: 1px solid #222; 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 #222; background-color: #fff !important; color: #151716 !important; }

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

   -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: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0; }

select {
   font-family: "Droid Sans",sans-serif; font-size: 13px; line-height: 13px; text-transform: none;
   outline: 0; margin: 1px; border: 1px solid #000000;
   background-color: #dad6d4;
   color: #151716;
   width: 190px;
   height: 30px;

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

select:focus, select:hover { outline: 0; margin: 1px; border: 1px solid #ff8800; xborder-left: 4px solid #da903c; background-color: #eeeeee !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.wingrosteredit { width: 120px; height: 22px; }


.tokenized {
   width: 100%; background-color: #dad6d4; display: none;  border: 1px solid #000000;

     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.tokenized input:focus { background-color: #dad6d4 !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: 440px; height: 70px; margin: 0px; padding: 5px; background-color: #dad6d4; border: 2px solid #4d4d4d; color: #151716;
   font-family: "Droid Sans",sans-serif; font-size: 100%; line-height: 12px;

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

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

.donatebutton { width: 285px; height: 85px; padding: 0px; margin: 0px; }

input[type="button"].button {
   outline: 0; border: 1px solid #bb2200;
   background-color: #dd5500;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 500;
   height: 15px;
   font-size: 110%;
   width: 150px; height: 30px;
   margin: 1px;
   cursor: pointer;

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

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

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

input[type="submit"] {
   outline: 0; border: 1px solid #bb2200;
   background-color: #dd5500;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 500;
   height: 15px;
   font-size: 110%;
   width: 150px; height: 30px;
   margin: 1px;
   cursor: pointer;

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

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

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

/* .loginform input[type="submit"] { background-color: #cc4400; } */

input[type="submit"].belowbox {
   border: 1px solid #444444;
   background-color: #888888;
   color: #000000;
   font-weight: normal;
   height: 20px;
   margin-left: 2px;
   margin-right: 2px;
   font-size: 90%;

   text-shadow: none;

   background: -moz-linear-gradient(top, #888888 1%, #666666 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#888888), color-stop(100%,#666666));
   background: -webkit-linear-gradient(top, #888888 1%,#666666 100%);
   background: -o-linear-gradient(top, #888888 1%,#666666 100%);
   background: -ms-linear-gradient(top, #888888 1%,#666666 100%);
   background: linear-gradient(to bottom, #888888 1%,#666666 100%);

   -webkit-border-bottom-left-radius: 3px;
   -moz-border-radius-bottomleft: 3px;
   border-bottom-left-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
   -moz-border-radius-bottomright: 3px;
   border-bottom-right-radius: 3px;
}

input[type="submit"].active {
   background: inherit;
   background-color: #ff8800;
}

input[type="submit"].minor {
   background: inherit;
   background-color: #666666;
   border: 1px solid #444444;
}

input[type="submit"].smaller {
   height: 22px;
}

input[type="submit"].inlinebutton {
   height: 22px; width: 40px; font-size: 85%; color: #eee; margin: -5px 2px 2px 2px; padding: 5px 10px 4px 10px;
   text-transform: uppercase; border: 0px solid black; text-align: center; background-color: #dd5500;
}

input[type="submit"].inlinebuttonsmall {
   height: 20px; margin: 2px 5px 0px 10px; padding: 3px 10px 2px 10px;
}

input[type="submit"].inlinebuttonminor {
   height: 22px; width: 40px; font-size: 85%; color: #eee; margin: -5px 2px 2px 2px; padding: 5px 10px 4px 10px;
   text-transform: uppercase; border: 0px solid black; text-align: center; background-color: #666;
}

input[type="submit"].inlinebutton:hover {
   border: 0px solid #886600;
   background-color: #ff8800;

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

input[type="submit"].inlinebuttonminor:hover {
   border: 0px solid #886600;
   background-color: #ff8800;

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

input[type="submit"].inlinebuttonlarger { height: 25px; line-height: 13px; font-size: 100%; }

input[type="submit"]:hover {
   border: 1px solid #886600;
   background-color: #ff8800;

   -webkit-box-shadow: 0px 0px 15px 0px rgba(255,187,0,0.5);
   -moz-box-shadow: 0px 0px 15px 0px rgba(255,187,0,0.5);
   box-shadow: 0px 0px 15px 0px rgba(255,187,0,0.5);
}

input[type="submit"]:disabled {
   border: 1px solid #666666;
   background-color: #666666;
   color: #888888;
   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"].delete {
    background: url(images/icons/delete.png) no-repeat center center;
    background-size: 16px 16px;
    background-color: transparent !important;
    border: none;
    display: block;
    height: 16px;
    width: 16px;
    margin-right: -1px;
    margin-left: 5px;
    margin-top: -1px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
input[type="submit"].delete:hover {
    background: url(images/icons/delete_hover.png) no-repeat center center;
    background-size: 16px 16px;
}
input[type="submit"].edit {
    background: url(images/edit.png) no-repeat center center;
    background-color: transparent !important;
    border: none;
    display: block;
    height: 20px;
    width: 20px;
    margin-right: -3px;
    margin-left: 5px;
}
input[type="submit"].edit:hover {
    background: url(images/edit_hover.png) no-repeat center center;
    background-color: #666 !important;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
input[type="submit"].mail {
    background: url(images/mail.png) no-repeat center center;
    background-color: transparent !important;
    border: none;
    display: block;
    height: 15px;
    width: 15px;
    margin-right: -3px;
    margin-left: 5px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
input[type="submit"].mail:hover {
    background: url(images/mail_hover.png) no-repeat center center;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

div.edit {
    background: url(images/edit.png) no-repeat center center;
    background-color: transparent !important;
    border: none;
    display: block;
    height: 20px;
    width: 20px;
    margin-right: -3px;
    margin-left: 5px;
    cursor: pointer;
}
div.edit:hover {
    background: url(images/edit_hover.png) no-repeat center center;
    background-color: #666 !important;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

div.quote {
    xbackground: url(images/quote.png) no-repeat center center;
    xbackground-color: transparent !important;
    border: none;
    display: block;
    xheight: 20px;
    xwidth: 20px;
    xmargin-right: -3px;
    xmargin-left: 5px;
    cursor: pointer;
}
/*
div.quote:hover {
    background: url(images/quote_hover.png) no-repeat center center;
    background-color: #666 !important;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;

}
*/

div.powercell {
   height: 18px; width: 65px; margin: -2px -2px -2px -7px; overflow: hidden;
   background-repeat: no-repeat; background-position: -95px -15px;
   padding: 2px 1px 0px 4px; text-align: left; color: #fff; font-weight: bold;
}

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

div.discussauthor {
   width: 120px;
   height: 100%;
   padding-top: 10px;
   margin: -10px 0px -10px -10px;
   position: absolute;
   border-right: 2px dotted #555;
}

div.discussauthor span.nickname {
   xfont-weight: 500;
   xcolor: #ee6600;
   xfont-size: 13px;
}

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: 10px;
   width: 90px; height: 90px;
   opacity: 0.4;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}

div.discussauthor img.profileimage {
   margin-top: 3px; margin-left: -10px;
   width: 130px; height: 130px;
   border: 0px solid #222;
}

div.discussauthor img.supporter {
   margin-left: 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;
   xfont-size: 110%;
   xline-height: 17px;
   word-break: break-word;
}
div.discussthreaddescr {
   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; }


div.articlecontent {
   margin-top: 5px;
   margin-bottom: 15px;
   xfont-size: 110%;
   xline-height: 17px;
   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 {
   width: 141px; height: 110%;
   position: absolute;
   margin: -20px 10px 0px -20px;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;
}

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

div.contentwithperexthumb { margin-left: 140px; }

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; }

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

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; xtext-transform: uppercase; }
.exampletext2 { color: #999999 !important; xtext-transform: uppercase; }

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

ul { padding-left: 18px; }
li { padding-bottom: 3px; }
ul.condensed { margin-top: 5px; margin-bottom: 10px;}
ul.condensed li { padding-bottom: 0px; }

ul.pagination {
    text-align: right;
    color: #ffffff;
    xxdisplay: inline-block;
}
ul.pagination li {
    display: inline;
    padding: 0px 1px;
}
ul.pagination a {
   display: inline-block;
   padding: 2px 7px 2px 7px;
   background-color: #555555;
   white-space: nowrap;
   margin-right: 1px;
   line-height: 20px;
   text-align: center;
   color: #ffffff;
   font-size: 100%;

  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   -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:hover,
ul.pagination a.current {
    background: #dd5500;
    color: #ffffff;
}
ul.pagination .page_info { color: #aaaaaa; }
div.paginationjump { text-align: right; margin-top: 5px; margin-bottom: 20px; }
div.paginationjump input { font-size: 90%; width: 50px; padding: 2px 5px 2px 5px; height: 17px; line-height: 12px; }
div.paginationjump input[type="submit"] { font-size: 85%; width: 50px; padding: 2px 5px 2px 5px; height: 22px; }
div.paginationjump .info { color: #aaaaaa; width: 100px; line-height: 22px; display: inline-block; margin-right: 5px; }



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

.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: 1px;
   line-height: 21px;
   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: 3px;
   -moz-border-radius-topleft: 3px;
   border-top-left-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-radius-bottomleft: 3px;
   border-bottom-left-radius: 3px;
}
.likebutton:hover { background-color: #ff8800; }

.likebuttonoff {
   padding: 0px 0px 0px 5px;
   background-color: #777777;
   white-space: nowrap;
   margin-right: 1px;
   line-height: 21px;
   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: 3px;
   -moz-border-radius-topleft: 3px;
   border-top-left-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-radius-bottomleft: 3px;
   border-bottom-left-radius: 3px;
}

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

.likescountsingle {
   padding: 0px;
   margin-right: -10px;
   line-height: 17px;
   background-color: #888888;
   color: #dddddd;
}

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


.toggleactionbutton, .toggleactionbuttonset {
   padding: 0px 0px 0px 5px;
   background-color: #dd5500;
   white-space: nowrap;
   margin-right: 1px;
   line-height: 22px;
   color: #ffffff;
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
   width: 100%;
   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: 3px;
   -moz-border-radius-topleft: 3px;
   border-top-left-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-radius-bottomleft: 3px;
   border-bottom-left-radius: 3px;
}

.subscribebutton {
   padding: 5px 10px 5px 10px;
   background-color: #dd5500;
   color: #ffffff;
   font-size: 105%;
   width: auto !important;

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

.deleteajaxbutton { width: 16px; height: 16px; margin: -3px -5px 0px 10px; vertical-align: middle; display: inline-block; background-color: inherit !important; cursor: pointer; }
.deleteajaxbutton img { width: 16px; height: 16px; }

.toggleactionbutton:hover { background-color: #ff8800 !important; color: #ffffff; }
.toggleactionbuttonset { cursor: default;  }

.toggleactionbuttontrue { background-color: #66adee !important; color: #ffffff; }   /* background-color: #88aa11 !important; */
.toggleactionbuttonset.toggleactionbuttontrue { background-color: #cc8811 !important; }
.toggleactionbuttonset.toggleactionbuttontrue:hover { background-color: #cc8811 !important; }
.toggleactionbuttonfalse { background-color: #666 !important; color: #ddd; }



span.linkbutton {
   display: inline-block;
   padding: 5px 10px 5px 10px;
   background-color: #dd5500;
   white-space: nowrap;
   margin-right: 1px;
   margin-bottom: 2px;
   line-height: 20px;
   min-width: 70px;
   text-align: center;
   color: #ffffff;
   font-size: 105%;

  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   -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.linkbuttoninactive { background-color: #555555; background-color: rgba(85,85,85,.95); color: #ffffff; }
span.linkbuttoninactive:hover { background-color: #ff8800; color: #ffffff; }

span.linkbuttondisabled { background-color: #555555; background-color: rgba(85,85,85,.95); color: #888888; }
span.linkbuttondisabled:hover { background-color: #555555 !important; background-color: rgba(85,85,85,.95) !important; color: #888888; }
span.sublinkbutton { line-height: 10px; margin-left: 20px; width: 50px; font-size: 90%; color: #eee; }

span.inlinebutton, span.headerbutton, div.inlinebutton {
   background-color: #dd5500;
    line-height: 10px; min-width: 30px; font-size: 85%; color: #eee; margin: 2px; padding: 5px 10px 4px 10px;
    text-transform: uppercase;

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

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



span.inlinebuttonminor, div.inlinebuttonminor {
   background-color: #666;
    line-height: 10px; min-width: 30px; font-size: 85%; color: #eee; margin: 2px; padding: 5px 10px 4px 10px;
    text-transform: uppercase;
   -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4);
   box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

span.inlinebuttonsmall, div.inlinebuttonsmall {
   padding: 3px 10px 2px 10px;
   margin: 0px 5px 0px 10px;
}

span.linkbutton:hover, .inlinebutton:hover, .headerbutton:hover, .inlinebuttonminor:hover { background-color: #ff8800; }
span.linkbutton a, .inlinebutton a, .headerbutton a, .inlinebuttonminor a { color: #ffffff !important; text-decoration: none !important; }

span.inlinebuttonlarger, div.inlinebuttonlarger { height: 17px; line-height: 13px; font-size: 100%; }
span.clickable, div.clickable { cursor: pointer; }
span.clickable:hover, div.clickable:hover { background-color: #ff8800; color: #ffffff; }

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

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 {
   xmax-width: 300px;
   max-height: 95px;
   max-width: 100%;
}

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

div.winglogo {
   max-width: 500px;
   height: 150px;
   margin: 20px auto 5px auto;
   line-height: 150px;
}

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: 0;
   border-style: solid;
   border-width: 15px 30px 0 30px;
   border-color: #f3b358 transparent transparent transparent;
   margin: 0 auto;
}

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

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



div.powerlistpotrait {
   margin-left: -19px; margin-right: -19px; margin-top: -14px; height: 200px; overflow: hidden; background-position: top center;
   -webkit-transition: all .5s ease; transition: all .5s ease;
   -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); filter: grayscale(80%);
   -webkit-filter: contrast(90%); -moz-filter: contrast(90%); filter: contrast(90%);
   background-size: 285px auto;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
}

div.engineerlistpotrait {
   margin-left: -19px; margin-right: -19px; margin-top: -14px; height: 170px; overflow: hidden; background-position: top center;
   -webkit-transition: all .5s ease; transition: all .5s ease;
   -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); filter: grayscale(80%);
   -webkit-filter: contrast(97%); -moz-filter: contrast(97%); filter: contrast(97%);
   background-size: 230px auto;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
}

div.shipyardlistpotrait {
   margin-left: -19px; margin-right: -19px; margin-top: -14px; height: 150px; overflow: hidden; background-position: center center;
   -webkit-transition: all .5s ease; transition: all .5s ease;
   -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); filter: grayscale(50%);
   -webkit-filter: contrast(80%); -moz-filter: contrast(80%); filter: contrast(80%);
   background-size: 260px auto;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
}

div.powerlistpotrait:hover, div.engineerlistpotrait:hover, div.shipyardlistpotrait:hover {
   -webkit-box-shadow: inset 0px 0px 3px 0px rgba(255,156,69,0.9);
   -moz-box-shadow: inset 0px 0px 3px 0px rgba(255,156,69,0.9);
   box-shadow: inset 0px 0px 3px 0px rgba(255,156,69,0.9);

   background-size: 315px auto;
   -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);
   -webkit-filter: contrast(100%); -moz-filter: contrast(100%); filter: contrast(100%);
}
div.engineerlistpotrait:hover { background-size: 275px auto; }


div.powerlistpotrait h4, div.engineerlistpotrait h4, div.shipyardlistpotrait h4 {
   font-weight: bold; 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: 2px; padding-top: 5px;
   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9)));
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
   background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
   background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
   background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
}

div.engineerlistpotrait 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.engineerlistpotrait div.repbar span.sub { color: #654; font-size: 12px; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
div.engineerlistpotrait div.repbar span.subdis { color: #c64; }

div.blueprintparams {
   padding: 5px 10px 5px 10px;
   background-color: #504f4e;
   white-space: nowrap;
   xmargin-bottom: 2px;
   xmargin-right: 2px;
   min-height: 30px;
   width: 265px;

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

  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   -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.blueprintparams .name { text-transform: uppercase; width: 170px; float: left;}
div.blueprintparams .valmin { text-transform: uppercase; width: 45px; float: left; }
div.blueprintparams .valmax { text-transform: uppercase; width: 45px; text-align: right; float: left;}
div.blueprintparams .progressbar {
   border: 1px solid #777; background-color: #444; width: 250px; height: 12px; margin: 0px 0px 7px 0px;
   background: -moz-linear-gradient(left, rgba(60,60,60,1) 0%,rgba(60,60,60,1) 49.5%,rgba(150,150,150,1) 50%,rgba(60,60,60,1) 50.5%,rgba(60,60,60,1) 100%);
   background: -webkit-linear-gradient(left, rgba(60,60,60,1) 0%,rgba(60,60,60,1) 49.5%,rgba(150,150,150,1) 50%,rgba(60,60,60,1) 50.5%,rgba(60,60,60,1) 100%);
   background: linear-gradient(to right, rgba(60,60,60,1) 0%,rgba(60,60,60,1) 49.5%,rgba(150,150,150,1) 50%,rgba(60,60,60,1) 50.5%,rgba(60,60,60,1) 100%);
}
div.blueprintparams .progressbar .neu { height: 12px; width: 0px;  float: left;}
div.blueprintparams .progressbar .pos {
   height: 12px; width: 0px; background-color: #66adee; float: left;
   background: -moz-linear-gradient(top, #66adee 0%, #5995d1 100%);
   background: -webkit-linear-gradient(top, #66adee 0%,#5995d1 100%);
   background: linear-gradient(to bottom, #66adee 0%,#5995d1 100%);
}
div.blueprintparams .progressbar .neg {
   height: 12px; width: 0px; background-color: #ee4422; float: left;
   background: -moz-linear-gradient(top, #ee4422 0%, #d64120 100%);
   background: -webkit-linear-gradient(top, #ee4422 0%,#d64120 100%);
   background: linear-gradient(to bottom, #ee4422 0%,#d64120 100%);
}

/*span.positive { color: #7eb356; }*/
/*span.negative { color: #ff7755; }*/

div.progressbarcontainer { margin-bottom: 3px; }
div.progressbar {
   border: 1px solid #8e785b; background-color: #4a433a; height: 15px; margin-left: 110px;
   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 { xxmix-blend-mode: exclusion; }

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

div.fleetimage {
   margin: -20px -20px 10px -20px;
}


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

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

  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   -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-right: 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: 30px;

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

  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   -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.equipmentclass { color: #807875; text-transform: uppercase; font-size: 280%; font-weight: bold; float: right; text-shadow: none; line-height: 36px; width: 40px; text-align: right; margin-right: 2px; }
div.equipmenttitle { color: #a09895; text-transform: uppercase; font-size: 75%; line-height: 15px; }
div.equipmentdescr { color: #b0a8a5; text-transform: uppercase; font-size: 85%; line-height: 15px; }
div.equipmentitem { text-align: left; color: #f3b358; text-transform: uppercase; font-size: 100%; margin-bottom: 5px; font-weight: 500; }
img.equipiconsmall { width: 32px; height: 32px; border: 0px solid black; margin-right: 5px; margin-bottom: 5px; float: left; }

div.galleryblock { width: 32.7%; margin-right: 0.5%; min-width: 240px; max-width: 350px; float: left; margin-bottom: 2px; margin-top: 5px; text-align: left; }
#largethumbnailcontainer div.galleryblock { width: 19%; }

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

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

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

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

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

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




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

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


.galleryimagethumb {
   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: #222222;
   margin: -5px -10px 0px -10px;
   background-repeat: no-repeat; background-position: center center;
}


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

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


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);
}


.uploader {
    position:relative;
    overflow:hidden;
    width:300px;
    height:169px;
    background: #666666;
   background-repeat: no-repeat; background-position: center center;
   background-image: url(images/imageplaceholder.png);
    padding: 0px;
    border: 2px dashed #e39338;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}

.uploaderfile {
    background: #c38328;
    background-image: none;
    padding-top: 5px;
    text-transform: none;
    border: 2px dotted #e39338;
    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:300px;
    height:319px;
    top:-50px;
    left:0;
    z-index:2;
    opacity:0;
    cursor:pointer;
}

.uploader img {
    position:absolute;
    width:100%;
    height:100%;
    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 #333 !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: bold;
   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;
}


/* rickshaw */
.rickshaw_graph .detail {
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.1);
	bottom: 0;
	width: 1px;
	transition: opacity 0.25s linear;
	-moz-transition: opacity 0.25s linear;
	-o-transition: opacity 0.25s linear;
	-webkit-transition: opacity 0.25s linear;
}
.rickshaw_graph .detail.inactive {
	opacity: 0;
}
.rickshaw_graph .detail .item.active {
	opacity: 1;
}
.rickshaw_graph .detail .x_label {
	xfont-family: Arial, sans-serif;
	border-radius: 3px;
	padding: 3px;
	opacity: 0.3;
	border: 1px solid #e0e0e0;
	font-size: 80%;
	position: absolute;
	background: #000;
	white-space: nowrap;
}
.rickshaw_graph .detail .x_label.left {
	left: 0;
}
.rickshaw_graph .detail .x_label.right {
	right: 0;
}
.rickshaw_graph .detail .item {
	position: absolute;
	z-index: 2;
	border-radius: 3px;
	padding: 0.25em;
	font-size: 100%;
	xfont-family: Arial, sans-serif;
	opacity: 0;
	background: rgba(0, 0, 0, 0.4);
	color: white;
	border: 1px solid rgba(0, 0, 0, 0.4);
	margin-left: 1em;
	margin-right: 1em;
	margin-top: -1em;
	white-space: nowrap;
   overflow: hidden;
}
.rickshaw_graph .detail .item.left {
	left: 0;
}
.rickshaw_graph .detail .item.right {
	right: 0;
}
.rickshaw_graph .detail .item.active {
	opacity: 1;
	background: rgba(0, 0, 0, 0.8);
}
.rickshaw_graph .detail .item:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;

	content: "";

	border: 5px solid transparent;
}
.rickshaw_graph .detail .item.left:after {
	top: 1em;
	left: -5px;
	margin-top: -5px;
	border-right-color: rgba(0, 0, 0, 0.8);
	border-left-width: 0;
}
.rickshaw_graph .detail .item.right:after {
	top: 1em;
	right: -5px;
	margin-top: -5px;
	border-left-color: rgba(0, 0, 0, 0.8);
	border-right-width: 0;
}
.rickshaw_graph .detail .dot {
	width: 4px;
	height: 4px;
	margin-left: -3px;
	margin-top: -3.5px;
	border-radius: 5px;
	position: absolute;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: white;
	border-width: 2px;
	border-style: solid;
	display: none;
	background-clip: padding-box;
}
.rickshaw_graph .detail .dot.active {
	display: block;
}
/* graph */

.rickshaw_graph {
	position: relative;
}
.rickshaw_graph svg {
	display: block;
	overflow: hidden;
}

/* ticks */

.rickshaw_graph .x_tick {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0px;
	border-left: 1px dotted rgba(0, 0, 0, 0.2);
	pointer-events: none;
}
.rickshaw_graph .x_tick .title {
	position: absolute;
	font-size: 100%;
	xfont-family: Arial, sans-serif;
	opacity: 0.5;
	white-space: nowrap;
	margin-left: 3px;
	bottom: 1px;
}

/* annotations */

.rickshaw_annotation_timeline {
	height: 1px;
	border-top: 1px solid #e0e0e0;
	margin-top: 10px;
	position: relative;
}
.rickshaw_annotation_timeline .annotation {
	position: absolute;
	height: 6px;
	width: 6px;
	margin-left: -2px;
	top: -3px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.25);
}
.rickshaw_graph .annotation_line {
	position: absolute;
	top: 0;
	bottom: -6px;
	width: 0px;
	border-left: 2px solid rgba(0, 0, 0, 0.3);
	display: none;
}
.rickshaw_graph .annotation_line.active {
	display: block;
}

.rickshaw_graph .annotation_range {
        background: rgba(0, 0, 0, 0.1);
        display: none;
        position: absolute;
        top: 0;
        bottom: -6px;
}
.rickshaw_graph .annotation_range.active {
        display: block;
}
.rickshaw_graph .annotation_range.active.offscreen {
        display: none;
}

.rickshaw_annotation_timeline .annotation .content {
	background: white;
	color: black;
	opacity: 0.9;
	padding: 5px 5px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
	border-radius: 3px;
	position: relative;
	z-index: 20;
	font-size: 100%;
	padding: 6px 8px 8px;
	top: 18px;
	left: -11px;
	width: 160px;
	display: none;
	cursor: pointer;
}
.rickshaw_annotation_timeline .annotation .content:before {
	content: "\25b2";
	position: absolute;
	top: -11px;
	color: white;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
}
.rickshaw_annotation_timeline .annotation.active,
.rickshaw_annotation_timeline .annotation:hover {
	background-color: rgba(0, 0, 0, 0.8);
	cursor: none;
}
.rickshaw_annotation_timeline .annotation .content:hover {
	z-index: 50;
}
.rickshaw_annotation_timeline .annotation.active .content {
	display: block;
}
.rickshaw_annotation_timeline .annotation:hover .content {
	display: block;
	z-index: 50;
}
.rickshaw_graph .y_axis,
.rickshaw_graph  .x_axis_d3 {
	fill: none;
}

.rickshaw_graph .y_ticks .tick line,
.rickshaw_graph .x_ticks_d3 .tick {
	stroke: rgba(255, 255, 255, 0.16);
	stroke-width: 2px;
	shape-rendering: crisp-edges;
	pointer-events: none;
}
.rickshaw_graph .y_grid .tick,
.rickshaw_graph .x_grid_d3 .tick {
	z-index: -1;
	stroke: rgba(255, 255, 255, 0.20);
	stroke-width: 1px;
	stroke-dasharray: 1 1;
}
.rickshaw_graph .y_grid .tick[data-y-value="0"] {
	stroke-dasharray: 1 0;
}
.rickshaw_graph .y_grid path,
.rickshaw_graph .x_grid_d3 path  {
	fill: none;
	stroke: none;
}
.rickshaw_graph .y_ticks path,
.rickshaw_graph .x_ticks_d3 path {
	fill: none;
	stroke: #808080;
}
.rickshaw_graph .y_ticks text,
.rickshaw_graph .x_ticks_d3 text {
	opacity: 0.6;
   fill: #fff;
	font-size: 100%;
	pointer-events: none;
}
.rickshaw_graph .x_tick.glow .title,
.rickshaw_graph .y_ticks.glow text {
	fill: black;
	color: black;
	text-shadow:
		-1px 1px 0 rgba(255, 255, 255, 0.1),
		1px -1px 0 rgba(255, 255, 255, 0.1),
		1px 1px 0 rgba(255, 255, 255, 0.1),
		0px 1px 0 rgba(255, 255, 255, 0.1),
		0px -1px 0 rgba(255, 255, 255, 0.1),
		1px 0px 0 rgba(255, 255, 255, 0.1),
		-1px 0px 0 rgba(255, 255, 255, 0.1),
		-1px -1px 0 rgba(255, 255, 255, 0.1);
}
.rickshaw_graph .x_tick.inverse .title,
.rickshaw_graph .y_ticks.inverse text {
	fill: white;
	color: white;
	text-shadow:
		-1px 1px 0 rgba(0, 0, 0, 0.8),
		1px -1px 0 rgba(0, 0, 0, 0.8),
		1px 1px 0 rgba(0, 0, 0, 0.8),
		0px 1px 0 rgba(0, 0, 0, 0.8),
		0px -1px 0 rgba(0, 0, 0, 0.8),
		1px 0px 0 rgba(0, 0, 0, 0.8),
		-1px 0px 0 rgba(0, 0, 0, 0.8),
		-1px -1px 0 rgba(0, 0, 0, 0.8);
}
.rickshaw_legend {
	background: rgba(0,0,0,0.25);
	display: inline-block;
	padding: 12px 5px;
	border-radius: 2px;
	position: relative;
}
.rickshaw_legend:hover {
	z-index: 10;
}
.rickshaw_legend .swatch {
	width: 10px;
	height: 10px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.rickshaw_legend .line {
	clear: both;
	line-height: 140%;
	padding-right: 15px;
}
.rickshaw_legend .line .swatch {
	display: inline-block;
	margin-right: 3px;
	border-radius: 2px;
}
.rickshaw_legend .label {
	margin: 0;
	white-space: nowrap;
	display: inline;
	font-size: inherit;
	background-color: transparent;
	color: inherit;
	font-weight: normal;
	line-height: normal;
	padding: 0px;
	text-shadow: none;
}
.rickshaw_legend .action:hover {
	opacity: 0.9;
}
.rickshaw_legend .action {
	margin-right: 0.2em;
   text-decoration: none;
	opacity: 0.4;
	cursor: pointer;
	font-size: 115%;
}
.rickshaw_legend .line.disabled {
	opacity: 0.4;
}
.rickshaw_legend ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 2px;
	cursor: pointer;
}
.rickshaw_legend li {
	padding: 0 0 0 2px;
	min-width: 80px;
	white-space: nowrap;
}
.rickshaw_legend li:hover {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 3px;
}
.rickshaw_legend li:active {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 3px;
}


/* ----------- */
/*! 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: #f9f9f9;
	color: #444;
	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;
	xfont: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	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 #222;
	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;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.sceditor-button-youtube div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e000');
}
.sceditor-button-unlink div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e001');
}
.sceditor-button-underline div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e002');
}
.sceditor-button-time div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e003');
}
.sceditor-button-table div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e004');
}
.sceditor-button-superscript div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e005');
}
.sceditor-button-subscript div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e006');
}
.sceditor-button-strike div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e007');
}
.sceditor-button-source div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e008');
}
.sceditor-button-size div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e009');
}
.sceditor-button-rtl div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00a');
}
.sceditor-button-outdent div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00a');
}
.sceditor-button-right div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00b');
}
.sceditor-button-removeformat div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00c');
}
.sceditor-button-quote div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00d');
}
.sceditor-button-print div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00e');
}
.sceditor-button-pastetext div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00f');
}
.sceditor-button-paste div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e010');
}
.sceditor-button-orderedlist div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e011');
}
.sceditor-button-maximize div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e012');
}
.sceditor-button-ltr div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e013');
}
.sceditor-button-indent div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e013');
}
.sceditor-button-link div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e014');
}
.sceditor-button-left div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e015');
}
.sceditor-button-justify div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e016');
}
.sceditor-button-italic div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e017');
}
.sceditor-button-image div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e018');
}
.sceditor-button-horizontalrule div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e019');
}
.sceditor-button-format div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01c');
}
.sceditor-button-font div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01d');
}
.sceditor-button-emoticon div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01e');
}
.sceditor-button-email div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01f');
}
.sceditor-button-bold div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e020');
}
.sceditor-button-date div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e021');
}
.sceditor-button-cut div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e022');
}
.sceditor-button-copy div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e023');
}
.sceditor-button-color div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e024');
}
.sceditor-button-code div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e025');
}
.sceditor-button-center div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e026');
}
.sceditor-button-bulletlist div {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e027');
}
div.sceditor-grip {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01b');
}
.rtl div.sceditor-grip {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\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: "Droid Sans",sans-serif;
  color: #222;
  line-height: 1;
  font-weight: bold;
  border-radius: 4px;
  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: "Droid Sans",sans-serif;
  font-size: 13px;
  color: #111;
  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: #333;
  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: #333;
}
div.sceditor-dropdown form {
  margin: 0;
}
div.sceditor-dropdown label {
  display: block;
  font-weight: bold;
  color: #3c3c3c;
  padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
  font-family: "Droid 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: bold;
  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: bold;
  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: #222;
}
.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 #333;
}
/**
	 * 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: 3px 3px 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: 3px;
  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: 3px;
  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: #333;
  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 {
  xfont-size: 16px;
  xfont-family: Verdana, Arial, sans-serif;
  xline-height: 1.6;
  xcolor: #666;
  xborder: 1px solid #009be3;
  xbackground-color: #eee; }

.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 {
  xbackground: url("images/jplayer/jplayer.inara.png") 0 -202px repeat-x;
  width: 0px;
  height: 100%;
  xcursor: pointer; }

.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: bold;
  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: bold; }

.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: #333;
  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: bold;
  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: bold; }

/* @end */


/* jquery css */
.ui-widget-content {
	xborder: 1px solid #aaaaaa;
	xbackground: inherit;
	xcolor: inherit;
}
.ui-widget-content a {
	xcolor: inherit;
}

.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=70); /* 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;
   border: 1px solid #aaaaaa;
	background: #ccc;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	border: 1px solid #d3d3d3;
	background: #888;
	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; border: 1px solid #444; text-transform: uppercase; font-size: 100%; }
.ui-datepicker-close { background: #dd5500; border: 1px solid #444; text-transform: uppercase; font-size: 100%; }
.ui-datepicker-buttonpane .ui-state-hover { border: 1px solid #444; background: #ff8800; cursor: pointer;  }

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


/* dialog */
.ui-dialog {
   z-index: 9000;
	display: none;
	padding: 0px;
	cursor: default;
   overflow: visible;
	text-transform: uppercase;
	background: #ccc;
   color: #222;
   position: absolute;

   /*background-repeat: repeat; background-position: top left;
   background-image: url(images/inputformback.png);*/
   border: 1px solid #000;

   -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.5);
   box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.5);

   text-shadow: none;
}

.ui-dialog-confirmation { background-image: url(images/inputformback2.png); }

.ui-dialog .ui-dialog-titlebar  {
   padding: 5px; position: relative; height: 15px;
   font-weight: 500; color: #f8efdc; text-transform: uppercase;
   font-size: 100%; outline:0;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
   height: 16px; line-height: 15px;
   border-top: 1px solid #a36308;
   border-bottom: 1px solid #111;

   background: -moz-linear-gradient(left, rgba(219,111,10,1) 0%, rgba(114,81,60,0.8) 100%);
   background: -webkit-linear-gradient(left, rgba(219,111,10,1) 0%,rgba(114,81,60,0.8) 100%);
   background: linear-gradient(to right, rgba(219,111,10,1) 0%,rgba(114,81,60,0.8) 100%);
}

.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/icons/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/icons/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: 10px; 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: bold; 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 { float: right; }
.ui-dialog .ui-dialog-buttonpane button {
   cursor: pointer;
   height: 30px; line-height: 10px; font-size: 100%; font-weight: bold; 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: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   -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);
}

.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 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
div.inventorytitle { font-weight: 500; color: #ddc0a0; text-transform: uppercase; margin-top: 10px; }
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 span.name { display: block; white-space: nowrap; overflow: hidden; }
div.inventorymaterial span.value { display: 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.inventorymaterial:hover { background-color: #222120 !important; }

.spinner { background: none; border: 0px; width: 34px !important; height: 18px !important; margin: 0px 18px 0px 18px; padding: 0px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
.spinner:hover { border: 0px; }
.spinner:focus { border: 0px; background: #eee; color: #333; }

.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: #333; }
.ui-spinner-button { width: 18px; height: 18px; float: left; font-size: 22px; font-weight: bold; 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 { xposition: absolute; margin-top: -8px; top: 50%; left: 0; }
.ui-spinner-up { right: 0px; background-color: #537390; color: #96a9bb; xborder-top-right-radius: 2px; xborder-bottom-right-radius: 2px; }
.ui-spinner-down { left: 0px; background-color: #883d2e; color: #b6887f; xborder-top-left-radius: 2px; xborder-bottom-left-radius: 2px; }
.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;
}

/* 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: #333;
}

.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: #333;
}

.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: #333;
   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: #222;
   border: 1px solid #aaa;
   width: 250px;
   z-index: 10000;
}
.ui-tooltip {
   padding: 10px 10px;
   color: #ddd;
   border-radius: 2px;
   font-size: 11px;
   text-transform: none;
   box-shadow: 0 0 7px black;
}


/* 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;
}



.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 { xfont-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; color: #333; }
.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: #333; }
.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: #333; }
.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 {
    position: relative;
    display: inline-block;
    zoom: 1;
}

div.Tokenize ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.Tokenize ul li {
    white-space: nowrap;
}

div.Tokenize ul.TokensContainer {
    cursor: text;
    padding: 0 5px 5px 0;
    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 #999;
    xbackground-color: #dca960;
    background-color: #cba;
    color: #000;
    padding: 0 5px;
    line-height: 18px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   -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;
   max-width: 92%;
}
div.Tokenize ul.TokensContainer li.Token span { overflow: hidden; display: inline-block; max-width: 92%; }

div.Tokenize ul.TokensContainer.ui-sortable:not(.ui-sortable-disabled) li.Token {
    cursor: move;
}

div.Tokenize ul.TokensContainer li.Token.MovingShadow  {
    border: 1px solid #888;
    background-color: #aaa;
    color: #000;
}

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: 5px 0 0 5px;
    height: 18px;
    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: 20px;
    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: 20px !important;
    font-weight: bold;
    line-height: 15px;
    float: right;
    margin: 0px 0 0 5px;
    padding: 0;
    cursor: pointer;
    color: #B3210B;
}

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 #333;
    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;
            }
        }