.insetshadow {
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
.cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.wrappersold {
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
@font-face {
  font-family: open;
  src: url(./font/opensanslightwebfont.eot);
  src: url(./font/opensanslightwebfont.eot) format('eot'), url(./font/opensanslightwebfont.woff) format('woff'), url(./font/opensanslightwebfont.ttf) format('truetype'), url(./font/opensanslightwebfont.svg) format('svg');
}
@font-face {
  font-family: coco;
  src: url(./font/cocogoose_pro-trial-webfont.woff2) format('woff2'), url(./font/cocogoose_pro-trial-webfont.woff) format('woff');
}
html,
body,
.pun table,
.pun div,
.pun form,
.pun p,
.pun h1,
.pun h2,
.pun h3,
.pun h4,
.pun h5,
.pun pre,
.pun blockquote,
.pun ul,
.pun ol,
.pun li,
.pun dl,
.pun dt,
.pun dd,
.pun th,
.pun td,
.pun fieldset,
.pun legend .pun img,
.pun abbr,
.pun cite {
  border: 0;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.pun ul,
.pun ol {
  list-style: none;
}
.pun select {
  padding-bottom: 1px;
  padding-top: 1px;
  padding-right: 1px;
}
.pun {
  font: 81.25%/1.462em Arial, Helvetica, sans-serif;
}
.pun table,
.pun td,
.pun th,
.pun input,
.pun select,
.pun optgroup,
.pun textarea,
.pun legend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.pun pre,
.pun code {
  font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace;
  font-size: 1em;
}
.pun pre code {
  font-size: 1em;
}
.pun table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  empty-cells: show;
  width: 100%;
}
.pun h1 {
  font: 2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 7px 0;
}
.pun h2,
.pun .hd h2 {
  font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 7px 0;
}
.pun h3 {
  font-size: 1.154em;
  line-height: 1.267em;
  padding: 7px 0;
}
.pun h4 {
  font-size: 1.077em;
  font-weight: bold;
  padding: 7px 0;
}
.pun h5,
.pun h6 {
  font-size: 1em;
  font-weight: bold;
  padding: 7px 0;
}
.pun p,
.pun ul,
.pun ol,
.pun dl,
.pun th,
.pun td,
.pun legend {
  padding: 7px 0;
}
.pun strong,
.pun th,
.pun span.warntext,
.pun p.warntext {
  font-weight: bold;
}
.pun em {
  font-style: italic;
}
.pun a,
.pun a:link,
.pun a:visited {
  text-decoration: none;
}
.pun a:hover,
.pun a:active,
.pun a:focus {
  text-decoration: underline;
}
.pun .actions span {
  padding-left: 16px;
  padding-right: 8px;
  background: url(global/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
}
#brdfooter h2,
#brdstats h2,
#debug h2,
#brdstats .conl dt,
#brdstats .conr dt,
#modcontrols dt,
#searchlinks dt,
div.postright h3,
.pun .subscribelink span,
#announce .hd,
#reportform h2,
#punmoderate #vf h2,
#punviewforum #vf h2,
.pun .required strong span,
.pun .icon div {
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: -9999em;
  width: 0;
}
.pun .inbox,
.pun #brdmain,
.pun .crumbs,
.pun .pagepost,
.pun .block2col {
  min-height: 1px;
}
* html .pun .inbox,
* html .pun #brdmain,
* html .pun .infldset,
* html .pun .crumbs,
* html .pun .pagepost,
* html .pun .block2col {
  display: inline-block;
}
* html .pun .inbox,
* html .pun #bdrdmain,
* html .pun .infldset,
* html .pun .crumbs,
* html .pun .pagepost,
* html .pun .block2col {
  display: block;
}
.pun .inbox:after,
.pun #brdmain:after,
.pun .crumbs:after,
.pun .pagepost:after,
.pun .block2col:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.pun .block2col .inbox:after {
  content: none;
  clear: none;
}
.clearl {
  clear: left;
}
.pun {
  max-width: 1300px;
  margin: 0 auto;
  padding: 30px 40px;
}
#punredirect,
#punmaint {
  padding: 60px 20% 12px 20%;
}
#puninstall,
#pundb_update {
  padding: 20px 10%;
}
.pun .punwrap {
  border: 1px solid;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding: 18px;
}
#punredirect h2,
#punmaint h2 {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  margin-bottom: 3px;
}
#brdmain {
  border: none;
  margin-bottom: 12px;
  padding: 12px 0;
}
#punredirect #brdmain,
#punmaint #brdmain {
  border: 0;
  margin: 0;
  padding: 0;
}
#brdstats {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 24px;
  padding-top: 12px;
}
#quickpost {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 12px;
  padding-top: 12px;
}
#announce {
  background: rgba(255,255,255,0.7);
  width: 100%;
  font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#announce h1 {
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-size: 18px;
  margin-bottom: -3px;
  font-weight: bold;
}
#brdtitle h1 {
  padding: 0 0 10px 0;
}
#brddesc {
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 10px 0;
}
#brddesc p {
  padding: 0;
}
#brdmenu ul {
  padding: 0;
}
#brdmenu li {
  float: left;
}
#brdmenu a:link,
#brdmenu a:visited {
  border-right-style: solid;
  border-width: 1px;
  display: block;
  min-width: 60px;
  padding: 12px 16px 6px 8px;
  white-space: nowrap;
}
#brdmenu a:hover,
#brmenu a:active,
#brdmenu a:focus {
  text-decoration: none;
}
#brdwelcome {
  padding: 10px 0;
}
#brdwelcome .conl,
#brdwelcome .conr,
#brdwelcome p,
#brdwelcome li {
  display: inline;
  padding: 0;
}
#brdwelcome .conl {
  float: left;
  text-transform: uppercase;
  font-size: 14px;
}
#brdwelcome .conr {
  float: right;
  margin-right: 20px;
  text-transform: uppercase;
  font-size: 14px;
}
#brdwelcome .conr a {
  color: #1e3965;
  opacity: 1;
  font-family: arial;
  -webkit-transition: opacity 600ms ease-in-out;
  -moz-transition: opacity 600ms ease-in-out;
  -ms-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out;
}
#brdwelcome .conr a:hover {
  text-decoration: none;
  opacity: 0.5;
}
#brdwelcome li span {
  padding-left: 18px;
  margin-right: 3px;
  display: inline-block;
  line-height: normal;
  white-space: nowrap;
}
#brdwelcome .conl li:first-child span {
  padding-left: 0;
  background: none;
}
#brdstats .conl {
  float: left;
}
#brdstats .conr {
  float: right;
  text-align: right;
}
#brdstats #onlinelist {
  border-top-style: dotted;
  border-top-width: 1px;
  clear: both;
}
#brdstats #onlinelist dt,
#brdstats #onlinelist dd {
  display: inline;
}
.pun #modcontrols {
  border-style: none none dotted none;
  border-width: 0 0 1px 0;
  margin-bottom: 4px;
  text-align: center;
  width: 100%;
}
.pun #modcontrols dd {
  display: inline;
}
.pun #brdfooter #modcontrols dd span {
  background: url(global/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}
.pun #brdfooter .conl {
  float: left;
}
.pun #brdfooter .conr {
  text-align: right;
  float: right;
}
.pun #brdfooter #poweredby a {
  font-size: 1.077em;
  font-weight: bold;
}
.pun #brdfooter #qjump {
  padding-top: 5px;
}
.pun #brdfooter #qjump * {
  white-space: nowrap;
}
.pun #brdfooter #searchlinks dd span {
  background: url(global/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}
.pun #brdfooter #feedlinks {
  padding-bottom: 0;
}
.pun #brdfooter #feedlinks span {
  background: url(global/img/feed.png) center left no-repeat;
  display: inline-block;
  padding-left: 18px;
  white-space: nowrap;
}
.pun #debugtime {
  border-style: dotted none none none;
  border-width: 1px 0 0 0;
  margin-top: 7px;
  text-align: center;
}
.pun .linkst .inbox,
.pun .linksb .inbox,
.pun .postlinksb .inbox {
  overflow: hidden;
}
.pun .linksb,
.pun .postlinksb,
.pun .linkst,
.pun .crumbs {
  clear: both;
  position: relative;
}
.pun .linksb li a,
.pun .postlinksb li a,
.pun .linkst li a,
.pun .crumbs li a {
  color: #898989;
  font-size: 13px;
  -webkit-transition: margin-left 300ms ease-in-out;
  -moz-transition: margin-left 300ms ease-in-out;
  -ms-transition: margin-left 300ms ease-in-out;
  -o-transition: margin-left 300ms ease-in-out;
  transition: margin-left 300ms ease-in-out;
}
.pun .linksb li a:hover,
.pun .postlinksb li a:hover,
.pun .linkst li a:hover,
.pun .crumbs li a:hover {
  margin-left: 5px;
}
.pun .linkst .crumbs {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.462em;
  line-height: 1.211em;
  padding: 7px 0;
}
.pun .linksb .crumbs,
.pun .postlinksb .crumbs {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.154em;
}
.pun .linkst .crumbsplus .pagepost {
  border-top: 1px solid rgba(0,0,0,0.1);
}
.pun .linkst .crumbsplus .pagepost a {
  color: #aaaaaa;
}
.pun .linksb .crumbsplus .pagepost,
.pun .postlinksb .crumbsplus .pagepost {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.pun .linksb .crumbsplus .pagepost a,
.pun .postlinksb .crumbsplus .pagepost a {
  color: #aaaaaa;
}
.pun .postlinksb .crumbs {
  margin-right: 11em;
}
.pun .crumbs li {
  float: left;
  padding-right: 0.4em;
  white-space: nowrap;
}
.pun .crumbs li strong {
  font-weight: normal;
}
.pun .pagelink {
  float: left;
  white-space: nowrap;
}
.pun .pagelink strong,
.pun .pagelink a,
.pun .pagelink span.spacer {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  display: inline-block;
  padding: 0 12px 0 10px;
  margin-right: -6px;
}
.pun .pagelink .item1 {
  border: 0;
}
.pun .pagelink .pages-label {
  display: inline-block;
}
.pun .postlink {
  float: right;
  text-align: right;
  margin: 5px;
  text-transform: uppercase;
  background: #ededed;
  padding: 5px 20px 5px 20px;
  -moz-box-shadow: inset #fff 0px 1px 0px;
  -webkit-box-shadow: inset #fff 0px 1px 0px;
  box-shadow: inset #fff 0px 1px 0px;
  -webkit-transition: background 600ms ease-in-out;
  -moz-transition: background 600ms ease-in-out;
  -ms-transition: background 600ms ease-in-out;
  -o-transition: background 600ms ease-in-out;
  transition: background 600ms ease-in-out;
}
.pun .postlink:focus {
  text-decoration: none;
}
.pun .postlink:hover {
  text-decoration: none;
  background: #f7f7f7;
}
.pun .modbuttons {
  float: right;
  padding: 5px 0 3px 0;
}
.pun .modbuttons input {
  margin-left: 8px;
}
.pun .subscribelink {
  float: right;
}
.pun #brdmain .blocktable {
  position: relative;
}
.pun .blocktable .box {
  border-style: solid;
  border-width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}
* html .pun .blocktable .box {
  display: inline-block;
}
.pun .blocktable table {
  table-layout: fixed;
  margin-bottom: -1px;
}
.pun .blocktable th {
  padding: 2px 5px;
  border-style: none none solid none;
  border-width: 1px;
  text-align: left;
}
.pun .blocktable td {
  padding: 7px 8px;
  line-height: 20px;
  border-style: none none solid none;
  border-width: 1px;
  text-align: left;
}
.pun .blocktable h3 a {
  position: relative;
  top: -10px;
  font-size: 16px;
  color: #6e6a6b;
  padding: 0;
}
.pun .blocktable h3 a:hover {
  text-decoration: none;
  color: #C9C9C9;
}
.pun .blocktable p {
  padding: 0;
}
.pun .blocktable .tcl p {
  padding: 5px 0 0 0;
}
.pun .blocktable .tcl {
  width: auto;
  font-size: 16px;
}
.pun .blocktable .tc2,
.pun .blocktable .tc3,
.pun .blocktable .tcmod,
.pun .blocktable .tcr {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 13%;
  font-size: 16px;
}
.pun .blocktable td .newtext,
.pun .blocktable td .pagestext,
.pun .blocktable td .byuser {
  white-space: nowrap;
}
.pun .blocktable .tcl h3 span.newtext {
  font-size: 0.929em;
  font-weight: normal;
}
.pun #vf td.tcl span.stickytext,
.pun #vf td.tcl span.closedtext {
  font-size: 1em;
  font-weight: bold;
}
#punsearch #vf .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 18%;
}
#users1 .tcr {
  width: 25%;
}
#users1 .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 25%;
}
#debug {
  margin-top: 12px;
}
#debug .tcl {
  width: 10%;
}
#punredirect #debug .tcl,
#punmaint #debug .tcl {
  width: 20%;
}
#debug .tcr {
  width: 90%;
  white-space: normal;
}
#punindex td.tc2,
#punindex td.tc3,
#punindex td.tcr,
.pun #vf td.tc2,
.pun #vf td.tc3,
.pun #vf td.tcr,
#punindex td.tcl div.forumdesc,
.pun #vf td.tcl span {
  font-size: 0.923em;
}
div.forumdesc {
  font-size: 13px;
  margin-top: -15px;
}
p.modlist {
  display: none;
  text-transform: uppercase;
}
p.modlist em {
  font-style: normal;
  font-size: 14px;
}
p.modlist a {
  font-size: 13px;
  text-transform: none;
}
.pun #vf td.tcl a {
  font-weight: bold;
}
.pun #vf td.tcl span a {
  font-weight: normal;
}
.pun .blocktable .tclcon {
  min-height: 1px;
  overflow: hidden;
  padding: 0 11px 0 12px;
  position: relative;
}
.pun .blocktable .tclcon div {
  width: 100%;
  overflow: hidden;
}
.pun .icon {
  float: left;
  width: 50px;
  height: 50px;
}
.pun .iposted .ipost {
  font-weight: bold;
  left: 0;
  padding-left: 4px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 8px;
}
.pun .poll {
  margin-top: 2em;
  padding: 1em;
  background-color: #F6F9FC;
  border: 1px solid #DFE6EE;
}
.poll legend {
  font-weight: normal;
}
.poll p {
  font-weight: bold;
}
.pun .poll ol {
  list-style: none outside none;
  padding: 0px;
}
.pun .poll li {
  font-weight: normal;
  padding: .5em 1em .5em 0;
}
.pun .poll label {
  padding: 0px;
}
.poll .percent {
  font-size: 0.8em;
  margin-left: 10px;
}
.poll .progressbar {
  height: 10px;
  border: 1px solid #44699C;
  width: 60%;
}
.poll .progressbar span {
  background-color: #44699C;
  width: 100%;
  height: 10px;
  display: block;
  font-size: 0;
  overflow: hidden;
}
.poll .progressbar span span {
  display: none;
}
.poll .total {
  color: #b7b7b7;
  margin-top: .5em;
  font-style: italic;
}
.poll .poss {
  color: #b7b7b7;
  font-style: italic;
}
.pun .poll_mess {
  font-style: italic;
  text-align: center;
  text-shadow: 2px 2px 2px #b7b7b7;
}
.pun .pollbut {
  font-size: 0.8em;
  padding: 7px 0 0 30px;
}
.pun .pollbut input {
  margin-right: 12px;
}
.pun .blockpost {
  border-style: solid;
  border-width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}
* html .pun .blockpost {
  display: inline-block;
}
.pun .blockpost h2 {
  font: 1em/1.462em Arial, Helvetica, sans-serif;
  white-space: nowrap;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 1.462em;
  padding: 0.538em 8px 0.538em 236px;
  font-weight: normal;
}
#punsearch .blockpost h2 {
  height: auto;
  padding-left: 36px;
  white-space: normal;
}
#punsearch .blockpost h2 span span {
  white-space: nowrap;
  display: inline-block;
  font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#punsearch .blockpost .icon {
  position: absolute;
  top: 0;
  margin-top: -2.154em;
}
.pun .blockpost h2 .conr {
  float: right;
  text-align: right;
}
.pun .blockpost .inbox {
  float: right;
  position: relative;
  width: 100%;
  background: #e8e8e8;
}
.pun .blockpost .postbody,
.pun .blockpost .postfoot {
  border-left-style: solid;
  border-left-width: 1px;
  float: right;
  margin-right: -218px;
  position: relative;
  text-align: left;
  width: 100%;
}
.pun .blockpost .postleft,
.pun .blockpost .postfootleft {
  width: 194px;
  padding: 7px 12px 7px 12px;
  float: left;
  margin-left: -218px;
  position: relative;
  background: #e8e8e8;
}
.pun .blockpost .postleft .timeposted,
.pun .blockpost .postfootleft .timeposted {
  position: relative;
  top: 1px;
  color: #e5e5e5;
  font-size: 15px;
}
.pun .blockpost .postfootleft .onlinetopic {
  color: #a5a5a5;
  padding-bottom: 3px;
  border-bottom: 3px solid;
  text-transform: uppercase;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.pun .blockpost .postleft dl {
  padding: 0;
}
#punviewtopic .blockpost dt,
#punmoderate .blockpost dt {
  display: block;
  position: absolute;
  padding: 0.538em 0 0.538em 12px;
  height: 1.462em;
  top: -2.615em;
  left: 0;
  overflow: hidden;
  width: 206px;
}
.pun .blockpost dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pun .blockpost dt strong {
  font-size: 1.231em;
  font-weight: bold;
}
.pun .blockpost .postleft dd {
  font-size: 0.923em;
}
.pun .blockpost .postleft .usertitle {
  padding: 4px 0 6px 0;
  font-size: 1em;
  margin-top: -15px;
  color: #a5a5a5;
  text-transform: uppercase;
}
.pun .blockpost .postleft .postavatar {
  display: block;
  margin: 0 0 4px 0;
}
.pun .blockpost .postleft .topicusername {
  text-transform: uppercase;
  margin-top: -8px;
  margin-bottom: 3px;
}
.pun .blockpost .postleft .topicusername a {
  color: #1e3966;
}
.pun .blockpost .postright {
  position: relative;
  padding: 4px 230px 7px 18px;
  background: #f4f4f4;
}
.pun .postmsg {
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
}
.pun .blockpost .postfootright {
  position: relative;
  padding: 7px 230px 7px 18px;
  text-align: right;
  background: #fcfcfc;
}
.pun .postfoot p,
.pun .postfoot ul {
  padding: 0;
}
.pun .blockpost .postfootright a li {
  display: inline;
  color: #606060;
  padding: 2px 5px 2px 5px;
  text-transform: uppercase;
  -webkit-transition: margin-right 300ms ease-in-out;
  -moz-transition: margin-right 300ms ease-in-out;
  -ms-transition: margin-right 300ms ease-in-out;
  -o-transition: margin-right 300ms ease-in-out;
  transition: margin-right 300ms ease-in-out;
}
.pun .blockpost .postfootright a li:hover {
  margin-right: 5px;
}
.pun .blockpost .postfootright li span {
  display: inline-block;
  line-height: normal;
}
.pun .blockpost .usercontacts {
  padding: 7px 0;
}
.pun .blockpost .usercontacts .email {
  background: url(global/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}
.pun .blockpost .usercontacts .website {
  background: url(global/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}
.pun .postsignature hr {
  border: none;
  height: 1px;
  margin-left: 0px;
  text-align: left;
}
.pun .usercontent {
  padding: 7px 0;
}
.pun .postmsg p,
.pun .postmsg li,
#punhelp p samp {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pun .usercontent h1,
.pun .usercontent h2,
.pun .usercontent h3,
.pun .usercontent h4,
.pun .usercontent h5,
.pun .usercontent h6 {
  padding: 7px 0 0 0;
}
.pun .postmsg h5,
#punhelp h5 {
  font-size: 1.231em;
  font-weight: bold;
  padding: 7px 0;
}
.pun .usercontent ul,
.pun .postmsg ul {
  list-style: disc;
  padding: 4px 13px 4px 30px;
}
.pun .usercontent ol,
.pun .postmsg ol {
  list-style: decimal;
  padding: 4px 13px 4px 30px;
}
.pun .usercontent ol.alpha,
.pun .postmsg ol.alpha {
  list-style: lower-alpha;
}
.pun .usercontent li,
.pun .postmsg li {
  padding: 0 3px;
}
.pun .usercontent li p,
.pun .postmsg li p {
  padding: 0;
}
.pun span.bbu {
  text-decoration: underline;
}
.pun span.bbs,
.pun del {
  text-decoration: line-through;
}
.pun .postmsg ins,
#punhelp samp ins {
  text-decoration: none;
}
.pun .blockpost .postmsg .postedit {
  font-size: 0.857em;
}
.pun .blockform .postsignature,
.pun .blockpost .postsignature {
  font-size: 0.923em;
}
.pun .codebox {
  border-style: solid;
  border-width: 1px;
  margin: 0.75em 1em;
  padding: 0;
}
.pun .quotebox {
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  margin: 0.75em 1em;
  padding: 0 0.75em;
}
.pun .quotebox cite {
  display: block;
  padding: 0.75em 0 0 0;
  font-weight: bold;
  line-height: 1.462em;
}
.pun .quotebox blockquote {
  overflow: hidden;
  width: 100%;
}
.pun .codebox pre {
  overflow: auto;
  width: 100%;
  direction: ltr;
  text-align: left;
}
* html .pun .codebox pre {
  padding-bottom: 10px;
}
*:first-child+html .pun .codebox pre {
  padding-bottom: 10px;
}
.pun .codebox pre code {
  padding: 0.5em;
  white-space: pre;
}
.pun div[class*=codebox] pre code {
  display: inline-block;
}
* html .pun .codebox pre code {
  display: block;
}
.pun .codebox pre.vscroll {
  height: 32em;
  overflow: auto;
  overflow-y: auto;
}
.pun .postmsg img,
#punhelp samp img {
  vertical-align: text-top;
}
.pun .postmsg .postimg img {
  max-width: 98%;
  vertical-align: middle;
  margin: 7px 0.5em 7px 0;
}
.pun .postmsg .postimg a:link img,
.pun .postmsg .postimg a:visited img {
  border-style: solid;
  border-width: 2px;
}
#punedit .blockform h2,
#punpost .blockform h2,
#postpreview h2,
#posterror h2,
.pun #quickpost h2,
.pun #reportform h2,
#pundelete .blockform h2 {
  font: 1em/1.462em Arial, Helvetica, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  padding: 10px 19px 4px 37px;
  border: 0;
}
#punpost .blockform h2,
#punedit .blockform h2,
.pun #quickpost h2,
#pundelete .blockform h2 {
  margin: 1px 1px 0 1px;
  width: 25em;
  position: absolute;
  z-index: 100;
}
.pun #quickpost legend,
#punpost legend,
#punedit legend {
  width: 25em;
  overflow: hidden;
  white-space: nowrap;
}
.pun .blockform .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 12px;
}
.pun #posterror {
  border-style: solid;
  border-width: 1px;
}
.pun #posterror .box {
  padding: 0 18px 12px 18px;
}
* html .pun .blockform .box,
* html .pun #posterror {
  display: inline-block;
}
.pun .blockform .forminfo,
.pun .error-info {
  padding: 12px 18px;
  border-style: solid;
  border-width: 1px;
  position: relative;
}
.pun .blockform .forminfo {
  margin-top: 12px;
}
#pundelete .blockform .forminfo {
  margin-top: 33px;
}
.pun .forminfo h3 {
  position: relative;
  bottom: -10px;
  padding-bottom: 0;
  text-transform: uppercase;
  font-size: 13px;
  color: #c9c9c9;
}
.pun .forminfo p {
  font-size: 14px;
  color: #848484;
}
.pun .error-list li {
  padding-left: 24px;
  background: url(global/img/exclaim.png) center left no-repeat;
}
.pun .inform {
  padding: 0 18px;
}
.pun legend {
  font-weight: bold;
  padding: 10px 19px 4px 19px;
}
* html .pun legend {
  margin-left: -7px;
}
*:first-child+html .pun legend {
  margin-left: -7px;
}
.pun .infldset {
  border-style: solid;
  border-width: 1px;
  padding: 12px 18px;
}
#punregister #rules .infldset {
  padding: 5px 18px;
}
.pun fieldset p {
  padding: 0 0 7px 0;
  width: 100%;
}
.pun fieldset .usercontent p {
  padding: 7px 0;
}
.pun fieldset label {
  display: block;
  padding: 0 0 7px 0;
}
.pun label em {
  font-weight: normal;
  font-style: normal;
}
.pun .required strong {
  background: url(global/img/asterisk.png) center right no-repeat;
  font-weight: normal;
  padding-right: 14px;
  white-space: pre;
  display: inline-block;
  line-height: normal;
}
.pun label input,
.pun label select,
.pun label textarea {
  margin-top: 2px;
}
.pun label.conl {
  display: inline-block;
  padding-right: 12px;
}
.pun form .buttons {
  padding: 8px 19px 8px 34px;
  margin-bottom: -12px;
}
.pun .blockform .buttons input {
  margin-right: 12px;
}
.pun .rbox {
  padding: 3px 0;
}
.pun .rbox label {
  padding: 3px 0 3px 1.75em;
  position: relative;
  min-height: 1px;
}
* html .pun .rbox label {
  text-indent: -3px;
  height: 1%;
}
.pun .rbox input {
  margin: 3px 0.75em 3px -1.75em;
  float: left;
  position: relative;
  vertical-align: middle;
  padding: 0;
  height: 1em;
  width: 1em;
}
.pun input[type=text],
.pun input[type=password],
.pun select,
.pun textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pun .txtarea textarea,
.pun input.longinput {
  width: 98%;
}
.pun textarea {
  resize: vertical;
}
.pun #quickpost .txtarea {
  padding-right: 12px;
  position: relative;
}
.pun .blockform .bblinks {
  padding-top: 0;
}
.pun .blockform .bblinks li {
  display: inline;
}
.pun .blockform .bblinks li span {
  background: url(global/img/help.png) center left no-repeat;
  margin-right: 8px;
  padding-left: 20px;
  display: inline-block;
}
.pun #quickpost .bblinks {
  padding-top: 0;
}
.pun #quickpost .bblinks li {
  display: inline;
}
.pun #login p.clearb {
  border-top-style: dotted;
  border-top-width: 1px;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin-top: 7px;
  overflow: hidden;
  padding-bottom: 3px;
  padding-top: 7px;
  text-indent: -9999em;
  width: 100%;
}
.pun #postreview {
  padding-top: 12px;
}
.pun #postpreview,
.pun #posterror {
  margin-bottom: 12px;
}
.pun #postpreview .postright {
  padding: 0;
}
.pun #postpreview .postbody {
  border-style: solid;
  border-width: 1px;
  float: none;
  margin: 0 18px 12px 18px;
  padding: 0;
  padding: 4px 18px 4px 18px;
  width: auto;
}
.pun span.email {
  background: url(global/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}
.pun span.website {
  background: url(global/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}
#punmisc #rules .box {
  border-style: solid;
  border-width: 1px;
  padding: 5px 18px;
}
#punhelp .box {
  border-style: solid;
  border-width: 1px;
  padding: 7px 12px;
}
.pun .multiselect {
  float: left;
  padding-bottom: 7px;
}
.pun .checklist {
  border-width: 1px;
  border-style: solid;
  max-height: 9em;
  width: 20em;
  overflow: auto;
  padding: 0.25em 0.5em;
  margin: 0.25em 16px 0 0.15em;
}
.pun .checklist legend {
  padding: 0;
}
.pun .checklist legend span {
  width: auto;
  max-width: 25em;
}
.pun .blockmenu {
  width: 13em;
  float: left;
  padding-bottom: 12px;
}
.pun .blockmenu h2 span {
  text-transform: uppercase;
  font-family: open;
}
.pun .block2col .blockform,
.pun .block2col .block {
  margin-left: 15em;
}
.pun .block2col .blockform h2 span,
.pun .block2col .block h2 span {
  text-transform: uppercase;
  font-family: open;
}
.pun .blockmenu .block2 {
  padding-top: 19px;
}
.pun .blockmenu ul {
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 0;
}
.pun .blockmenu li {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  font-weight: bold;
  padding: 0;
}
.pun .blockmenu a:link,
.pun .blockmenu a:visited {
  display: block;
  padding: 5px 6px 5px 6px;
  min-height: 1px;
  text-transform: uppercase;
  font-size: 15px;
  color: #405e9c;
  border-left: 3px solid rgba(163,163,163,0.4);
  text-decoration: none;
}
* html .pun .blockmenu a:link,
* html .pun .blockmenu a:visited {
  height: 1%;
}
.pun .blockmenu a:hover,
.pun .blockmenu a:active,
.pun .blockmenu a:focus {
  text-decoration: none;
}
#viewprofile .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 18px;
}
#viewprofile dt,
#adstats dt {
  padding: 7px 0;
  position: absolute;
  width: 13em;
  left: 0;
}
#viewprofile dl {
  border-style: solid none none none;
  border-width: 1px;
  margin: 7px 0;
  padding: 0;
  width: 100%;
  position: relative;
}
#adintro,
#adstats,
#adalerts {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}
#adintro li span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 8px;
  line-height: normal;
  background: url(global/img/bull.png) center left no-repeat;
}
#adstats .inbox,
#adintro .inbox,
#adalerts p {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}
#adstats dl {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}
#viewprofile dd,
#adstats dd {
  border-style: none none solid none;
  border-width: 1px;
  padding: 7px 0 7px 13em;
}
html,
body,
.pun {
  background: #efefef;
  color: #333;
}
.pun .punwrap {
  position: relative;
  top: -60px;
  background: #fff;
  color: #566579;
  border: none;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#brdtitle #brddesc,
.pun .pagepost,
#brdstats #onlinelist,
#brdfooter #searchlinks,
#brdfooter #modcontrols,
#punmaint h2,
#punredirect h2,
#adminconsole .submittop,
.pun #debugtime,
.pun .pagelink a,
.pun .pagelink * {
  border-color: #b9c5ce;
}
.pun a,
.pun a:link,
.pun a:visited {
  color: #2365B0;
}
.pun a:hover,
.pun a:active,
.pun a:focus {
  color: #b50000;
}
.pun .postmsg .postimg a:link img,
.pun .postmsg .postimg a:visited img {
  border-color: #22538a;
}
.pun .postmsg .postimg a:hover img,
.pun .postmsg .postimg a:active img,
.pun .postmsg .postimg a:focus img {
  border-color: #b50000;
}
#brdmenu {
  background: #44699c;
}
#brdmenu a,
#brdmenu a:link,
#brdmenu a:visited {
  background: #44699c;
  border-color: #fff;
  color: #d4dae2;
}
#brdmenu a:hover,
#brdmenu a:active,
#brdmenu a:focus {
  background: #b50000;
  border-color: #fff;
  color: #fff;
}
.pun .blocktable .box {
  background: #fff;
  border: none;
  color: #919191;
  margin-bottom: 10px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#punindex .blocktable h2,
.pun #vf h2 {
  color: #357082;
}
#adminconsole fieldset th,
#adminconsole fieldset td {
  background: #fff;
  border-bottom: 1px solid rgba(188,188,188,0.2);
}
.pun #users1 h2 {
  background: #fff;
}
.pun .blocktable td {
  border-color: #dfe6ee;
}
.pun .blocktable th {
  background: #f2f2f2;
  color: #919191;
  text-transform: uppercase;
  border: none;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  padding: 3px;
}
.pun .blocktable td.tcl span.stickytext {
  color: #3399CC;
}
.pun .blockpost {
  background: #fff;
  border: none;
}
.pun .blockpost h2 {
  background: #d1cfcf;
  border: none;
  color: #adadad;
}
.pun .blockpost h2 a {
  color: grey;
}
.pun .blockpost .postbody,
.pun .blockpost .postfoot {
  background: #f4f4f4;
  border-left: 1px solid rgba(196,196,196,0.5);
}
.pun .blockpost .postfootright li {
  color: #fcfdfe;
}
.pun .postmsg,
#punhelp code,
#punhelp samp {
  color: #333;
}
.pun .postsignature,
.pun .postmsg .postedit {
  color: #566579;
}
.pun .quotebox {
  background: #f2f2f2;
  border: none;
  border-left: 3px solid #1e3965;
  color: #566579;
}
.pun .spoiler {
  background: #f4f4f4;
  border-left: 3px solid #1e3965;
  padding: 4px;
  color: #000;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  margin-top: 5px;
}
.pun .quotebox cite {
  color: #a3a3a3;
}
.pun .codebox,
#punhelp .codebox code {
  background: #333;
  color: #fff;
}
.pun .postmsg hr {
  background: #b9c5ce;
}
.pun .postmsg ins,
#punhelp samp ins {
  background-color: #ff0;
}
.pun .blockform .box,
#adstats,
#adintro,
#adalerts,
#postpreview,
#posterror {
  border: 1px solid rgba(163,163,163,0.2);
  background: #f4f4f4;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#punmisc #rules .box,
#punhelp .box {
  border-color: #b9c5ce #d9e1e7;
  background: #f6f9fc;
}
.pun #quickpost h2,
#punpost .blockform h2,
#punedit .blockform h2,
#posterror h2,
#pundelete .blockform h2 {
  background: #f4f4f4;
  color: #9b9b9b;
}
.pun .forminfo {
  background: #fff;
  border-color: #dfe6ee;
}
#puninstall form#install .forminfo {
  background: #44699c;
  color: #fff;
}
.pun #posterror .error-info,
.pun #adalerts p {
  background: #ffffe1;
  border-color: #dfe6ee;
}
#puninstall form#install .error-info {
  background: #ffffe1;
  border-color: #dfe6ee;
  color: #333;
}
.pun .infldset,
#adintro .inbox,
#adstats .inbox {
  border: none;
  background: #fff;
  font-size: 15px;
}
.pun label,
.pun legend,
#adminconsole fieldset th {
  color: #a3a3a3;
  font-family: open;
  text-transform: uppercase;
}
.pun fieldset p {
  border-color: #b9c5ce;
}
.pun .blockmenu ul,
.pun .blockmenu li {
  border: none;
}
.pun .blockmenu a:hover,
.pun .blockmenu a:active,
.pun .blockmenu a:focus {
  background: #d6d6d6;
  color: #fff;
}
.pun .blockmenu .isactive a:link,
.pun .blockmenu .isactive a:visited {
  color: #b7b7b7;
  background: #f4f4f4;
  text-transform: uppercase;
}
.pun #viewprofile .box {
  border: 1px solid rgba(163,163,163,0.2);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #f4f4f4;
}
.pun #viewprofile .box {
  border: none;
  background: #fff;
  width: 79%;
  float: right;
  margin-right: 0px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.pun #profilewrap {
  margin: 0 auto;
  margin-top: -70px;
}
.pun #profilewrap .inform {
  padding: 10px;
}
.pun #profilewrap .box {
  padding: 0;
}
.pun #profilewrap .infldset {
  background: none;
}
.pun #viewprofile dt,
#adstats dt {
  color: #a3a3a3;
  margin-left: 10px;
  text-transform: uppercase;
}
.pun #viewprofile dl,
.pun #viewprofile dd,
#adstats dl,
#adstats dd {
  border-color: #dfe6ee;
}
#adminconsole fieldset td.nodefault {
  background: #d59b9b;
}
.pun .multiselect {
  color: #357082;
}
.pun .checklist {
  background: white;
  border-color: #ccc;
}
.pun .icon {
  background: url('./global/img/old.png') no-repeat;
}
.pun .iredirect .icon {
  background: url('./global/img/red.png') no-repeat;
}
.pun .inew .icon {
  background: url('./global/img/new.png') no-repeat;
}
#loader {
  position: fixed;
  display: none;
  top: 15px;
  right: 15px;
  width: 35px;
}
input[type="text"],
input[type="password"] {
  height: 30px;
  width: 300px;
  margin: 5px;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-family: open;
  padding: 0;
  -webkit-transition: border-bottom 300ms ease-in-out;
  -moz-transition: border-bottom 300ms ease-in-out;
  -ms-transition: border-bottom 300ms ease-in-out;
  -o-transition: border-bottom 300ms ease-in-out;
  transition: border-bottom 300ms ease-in-out;
  -webkit-transition: padding 300ms ease-in-out;
  -moz-transition: padding 300ms ease-in-out;
  -ms-transition: padding 300ms ease-in-out;
  -o-transition: padding 300ms ease-in-out;
  transition: padding 300ms ease-in-out;
}
input[type="text"]:focus,
input[type="password"]:focus {
  border-bottom: 3px solid rgba(0,0,0,0.1);
  padding: 3px;
  outline: none;
}
input[type="submit"] {
  background: #efefef;
  color: #939393;
  border: none;
  text-transform: uppercase;
  font-family: open;
  -webkit-transition: background 600ms ease-in-out;
  -moz-transition: background 600ms ease-in-out;
  -ms-transition: background 600ms ease-in-out;
  -o-transition: background 600ms ease-in-out;
  transition: background 600ms ease-in-out;
  cursor: pointer;
}
input[type="submit"]:hover {
  background: #939393;
  color: #efefef;
}
input[type="submit"]:focus {
  outline: none;
}
#header {
  width: 100%;
  height: 450px;
  background: url('./global/img/header_.png') no-repeat 0 -100px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#header #header_wrap {
  max-width: 1300px;
  margin: 0 auto;
}
#logo {
  margin-top: 60px;
  width: 400px;
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
#logo:hover {
  opacity: 0.7;
}
#punindex {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  top: -20px;
}
#punindex iframe {
  margin-top: 10px;
}
#punindex #sub_punindex {
  width: 52.5%;
  margin-top: 10px;
  height: 270px;
  font-family: Arial, Helvetica, sans-serif;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#punindex #sub_punindex h1 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  text-transform: uppercase;
}
#punindex #sub_punindex #news {
  float: right;
  width: 40%;
  border-left: 2px solid rgba(0,0,0,0.2);
  padding-left: 10px;
}
#punindex #sub_punindex #news #news_list {
  overflow: auto;
  height: 250px;
}
#punindex #sub_punindex #news #news_list a {
  text-decoration: none;
}
#punindex #sub_punindex #news #news_list #news_cont {
  background: rgba(0,0,0,0.1);
  padding: 3px;
  margin-bottom: 3px;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
#punindex #sub_punindex #news #news_list #news_cont li {
  list-style: none;
  color: #898989;
  text-transform: uppercase;
  font-size: 14px;
}
#punindex #sub_punindex #news #news_list #news_cont span {
  position: relative;
  top: -5px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #000;
}
#punindex #sub_punindex #news #news_list #news_cont b {
  float: right;
  margin-top: 3px;
  font-weight: normal;
  font-size: 11px;
  color: #c1c1c1;
  background: #5b5b5b;
}
#punindex #sub_punindex #news #news_list #news_cont:hover {
  opacity: 0.7;
}
#punindex #sub_punindex #news #news_list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #ededed;
}
#punindex #sub_punindex #news #news_list::-webkit-scrollbar {
  width: 8px;
  background-color: invisibel;
}
#punindex #sub_punindex #news #news_list::-webkit-scrollbar-thumb {
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #c4c4c4;
}
#punindex #sub_punindex #help_login p {
  font-size: 15px;
  font-family: open;
}
#header_user {
  margin-top: 20px;
  float: right;
  width: 400px;
  height: 200px;
  font: 14px Arial, Helvetica, sans-serif;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#header_user #notifs {
  position: absolute;
  right: 15px;
  margin-top: -5px;
}
#header_user #notifs img {
  width: 32px;
  height: 32px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 600ms ease-in-out;
  -moz-transition: opacity 600ms ease-in-out;
  -ms-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out;
}
#header_user #notifs img:hover {
  opacity: 0.7;
}
#header_user #notifs span {
  position: absolute;
  top: -2px;
  right: -5px;
  font-size: 11px;
  color: #fff;
  background: #e02c2c;
  padding: 2px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#header_user img {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#header_user h1 {
  position: absolute;
  margin-top: -3px;
  margin-left: 75px;
  text-transform: uppercase;
  color: #474747;
  font-size: 16px;
  font-weight: bold;
}
#header_user h1 p {
  margin-top: -3px;
  padding: 0;
  font-weight: normal;
}
#header_user ul {
  position: absolute;
  margin-left: 35px;
  margin-top: 30px;
}
#header_user ul li {
  list-style: none;
  display: inline-block;
  margin-right: 14px;
}
#header_user ul li b {
  color: #657786;
  letter-spacing: .02em;
  font-size: 12px;
}
#header_user ul li p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
  color: #dddddd;
}
#header_user #header_characreat {
  margin-top: 50px;
  text-align: center;
  color: #657786;
  letter-spacing: .02em;
  font-size: 16px;
}
#header_user #characters_header {
  background: url('./global/img/characters_header.png') no-repeat;
  background-position: top;
  margin-top: 19px;
  margin-left: -10px;
  height: 118px;
  width: 420px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}
#header_user #characters_header div {
  width: 210px;
  height: 118px;
  background-size: 200px;
  background-repeat: no-repeat;
}
#header_user #characters_header div h2 {
  position: absolute;
  color: #898989;
  font-size: 15px;
  margin-left: 30px;
}
#header_user #characters_header div p {
  position: absolute;
}
#header_user #characters_header div p b {
  color: #657786;
  letter-spacing: .02em;
  font-size: 12px;
}
#header_user #characters_header div p span {
  font-weight: bold;
  font-size: 16px;
  color: #cccccc;
}
#header_user #characters_header div:first-child {
  float: right;
  background-position: 60px -30px;
}
#header_user #characters_header div:first-child p {
  margin-left: 31px;
  margin-top: 30px;
}
#header_user #characters_header div:last-child {
  background-position: -70px -30px;
}
#header_user #characters_header div:last-child p {
  margin-left: 61px;
  margin-top: 30px;
}
#header_user #characters_header div:last-child h2 {
  margin-left: 60px;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
ul.menu {
  font-weight: bold;
  text-transform: uppercase;
  font-family: open;
  text-decoration: none;
  margin: 100px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  background: #efefef;
  width: 100%;
  border-radius: 4px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
ul.menu > li {
  display: inline-block;
  margin-right: 15px;
}
ul.menu > li a.isactive {
  background-color: #8b969e;
  color: white;
}
ul.menu > li:first-child a.isactive {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
ul.menu > li a {
  font-size: 16px;
  color: black;
  text-decoration: none;
  padding: 10px;
  transition: all 0.5s;
}
ul.menu > li a:hover:not(.isactive) {
  opacity: 0.5;
}
ul.menu > li:hover ul.submenu {
  visibility: visible;
  opacity: 1;
}
ul.menu ul.submenu {
  visibility: hidden;
  position: absolute;
  float: none;
  text-align: none;
  background-color: #efefef;
  list-style: none;
  padding: 0;
  z-index: 1000;
  border-radius: 4px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
  margin-top: 7px;
  transition: all 0.5s;
  opacity: 0;
}
ul.menu .submenu a {
  padding: 10px;
  border-bottom: none;
  font-size: 14px !important;
  transition: all 0.5s;
  margin-left: 10px;
}
ul.menu .submenu a:hover {
  margin-left: 15px;
}
ul.menu ul.submenu li {
  margin-top: 10px;
}
#bodyperso {
  position: absolute;
  top: 200px;
  margin-left: 80px;
}
.tcr #contains {
  text-align: left;
  font-size: 15px;
}
.tcr #contains a {
  font-size: 13px;
}
.tcr #contains #forumavatar {
  float: left;
  margin: 5px 5px 0 3px;
}
.tcr #contains #forumavatar img {
  border: 1px solid #D8DFEA;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
a.subforum_name {
  padding-left: 5px;
  font: 12px open, sans-serif;
  color: #2b5aa0;
  margin-right: 4px;
  margin-bottom: 3px;
}
a.subforum_name:hover {
  text-decoration: none;
  color: #6f86a9;
}
a.subforum_name:hover + #subforum #subforum_prefix {
  background-color: #105289;
}
#subforum_prefix {
  position: relative;
  bottom: -4px;
  right: -2px;
  float: left;
  width: 10px;
  height: 10px;
  background-color: rgba(0,0,0,0.2);
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#avatar_profil img {
  width: 200px;
  height: 205px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#profilename {
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: bold;
  color: #405e9c;
}
#profilename div {
  position: relative;
  top: 10px;
  font-size: 1em;
  margin-top: -15px;
  color: #a5a5a5;
  font-weight: bold;
}
#profilename #linksprof {
  position: relative;
  top: 0;
  z-index: 2;
  float: right;
  margin-right: 20px;
  -webkit-transition: top 300ms ease-in-out;
  -moz-transition: top 300ms ease-in-out;
  -ms-transition: top 300ms ease-in-out;
  -o-transition: top 300ms ease-in-out;
  transition: top 300ms ease-in-out;
}
#profilename #linksprof img {
  width: 25px;
}
#profilename #linksprof:hover {
  top: -5px;
}
#endfooter {
  width: 100%;
  text-align: center;
  color: #a3a3a3;
  font-size: 13px;
  margin-bottom: 5px;
}
#rbox {
  float: right;
}
#rbox .csme {
  color: #a3a3a3;
}
#rbox .csme a {
  color: #1e3965;
}
#rbox .csme p {
  position: relative;
  top: -5px;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
#rbox.rboxplus {
  float: none;
  margin-bottom: 150px;
  width: 600px;
  display: none;
}
#rbox.rboxplus #serverexpli {
  font-size: 14px;
}
@keyframes blink {
  0%,
  100%,
  24.9%,
  75.1% {
    heigh: 0;
    width: 0;
  }
  25%,
  75% {
    height: 15px;
    width: 15px;
  }
}
#wrap-right {
  float: right;
  width: 42%;
}
#wrap-right #drop-right {
  font-family: open;
  text-align: left;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#wrap-right #drop-right li {
  list-style: none;
}
#wrap-right #drop-right #serverstats {
  font-size: 14px;
  width: 550px;
}
#wrap-right #drop-right #serverstats b {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 35px;
}
#wrap-right #drop-right #serverstats li {
  margin-bottom: 15px;
}
#wrap-right #reseau-social {
  margin-top: 60px;
}
#wrap-right #reseau-social img {
  margin-bottom: 20px;
  -webkit-transition: margin-left 600ms ease-in-out;
  -moz-transition: margin-left 600ms ease-in-out;
  -ms-transition: margin-left 600ms ease-in-out;
  -o-transition: margin-left 600ms ease-in-out;
  transition: margin-left 600ms ease-in-out;
}
#wrap-right #reseau-social img:hover {
  margin-left: 10px;
}
#CharacterDiv {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: 130px bottom;
  float: left;
  width: 320px;
  height: 400px;
  margin-right: 7px;
  margin-top: 20px;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#CharacterDiv p {
  padding: 0;
  font-size: 15px;
  margin-top: -5px;
  margin-left: 10px;
  margin-bottom: 3px;
}
#CharacterDiv b {
  text-transform: uppercase;
  font-size: 14px;
  color: #a3a3a3;
}
#CharacterDiv h1 {
  float: right;
  padding: 0;
  font-size: 19px;
}
#CharacterDiv div#NoCharacter {
  text-transform: uppercase;
  color: #a3a3a3;
  padding: 20px;
  font-size: 15px;
  margin-top: 74px;
  margin-bottom: 74px;
}
div#joblist {
  width: 200px;
  height: 27px;
  padding-top: 5px;
  overflow: hidden;
  background: url('./global/img/joblist.png') repeat-x bottom left;
}
a.Characterbtn {
  position: relative;
  top: 150px;
  left: -20px;
  background: #ededed;
  padding: 3px 7px 3px 7px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: open;
  font-size: 15px;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  -webkit-transition: background 600ms ease-in-out;
  -moz-transition: background 600ms ease-in-out;
  -ms-transition: background 600ms ease-in-out;
  -o-transition: background 600ms ease-in-out;
  transition: background 600ms ease-in-out;
}
a.Characterbtn:hover {
  background: #e0e0e0;
}
#createchara {
  position: relative;
  top: -30px;
}
#createchara div#wrapcreate {
  position: relative;
  z-index: 2;
  float: right;
  width: 60%;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#createchara div#wrapcreate p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #a3a3a3;
}
#createchara div#wrapcreate b {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: normal;
}
#createchara div#wrapcreate input[type="submit"] {
  margin: 50px 10px 10px 10px;
  float: right;
}
#skincreate {
  width: 20%;
  position: relative;
  top: -50px;
  height: 500px;
}
#skincreate #yourskin {
  position: relative;
  width: 700px;
  margin-left: -180px;
  margin-top: -50px;
}
#skincreate #previewcreate {
  position: relative;
  z-index: 2;
  bottom: -200px;
  cursor: pointer;
}
#skincreate #previewcreate.next {
  float: right;
  margin-right: -120px;
}
#messagealert {
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 3;
  font-family: arial;
  color: #fff;
  font-size: 15px;
  width: 250px;
  background: rgba(224,224,224,0.8);
  padding: 10px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  border-bottom: 3px solid red;
}
#messagecreate {
  text-transform: uppercase;
  font-family: open;
  font-size: 17px;
  color: #a3a3a3;
  width: 400px;
  float: right;
  display: none;
  margin-right: 150px;
  margin-top: 100px;
}
#messagecreate a {
  padding: 5px;
  background: #fff;
  color: #a3a3a3;
  text-decoration: none;
  margin-top: 30px;
  float: right;
  -webkit-transition: color 600ms ease-in-out;
  -moz-transition: color 600ms ease-in-out;
  -ms-transition: color 600ms ease-in-out;
  -o-transition: color 600ms ease-in-out;
  transition: color 600ms ease-in-out;
  -webkit-transition: background 600ms ease-in-out;
  -moz-transition: background 600ms ease-in-out;
  -ms-transition: background 600ms ease-in-out;
  -o-transition: background 600ms ease-in-out;
  transition: background 600ms ease-in-out;
}
#messagecreate a:hover {
  color: #fff;
  background: #a3a3a3;
}
#contentstep li,
#contentstep ul {
  margin: 0;
  padding: 0;
}
#contentstep ul {
  list-style: none;
}
#contentstep {
  padding: 16px;
  background: #494949;
  background: -moz-linear-gradient(left,#494949 0%,#6d6d6d 40%,#b2b2b2 100%);
  background: -webkit-linear-gradient(left,#494949 0%,#6d6d6d 40%,#b2b2b2 100%);
  background: linear-gradient(to right,#494949 0%,#6d6d6d 40%,#b2b2b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949',endColorstr='#b2b2b2',GradientType=1);
}
#contentstep>ul>li {
  float: left;
  position: relative;
}
#contentstep>ul>li {
  margin-top: -16px;
  margin-left: -16px;
  color: #888888;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  padding: 0 100px 0 100px;
  width: 17.99%;
  background: #f0f0f0;
}
#contentstep .current {
  color: #e0e0e0;
  font-weight: bold;
  background: none;
}
#contentstep .completed {
  color: #e5e5e5;
  background: none;
}
#wrapjob {
  position: relative;
  top: -40px;
  width: 1250px;
}
#wrapjob #phonejob {
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  width: 600px;
  float: right;
}
#wrapjob #phonejob div.text {
  font-family: Consolas, monospace;
  background: #ededed;
  padding: 3px;
  margin-bottom: 2px;
}
#wrapjob #settingjob {
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  width: 600px;
  float: right;
}
#wrapjob #settingjob div {
  display: list-style;
}
#wrapjob #settingjob div b {
  margin-right: 30px;
  text-transform: uppercase;
  font-weight: normal;
}
#wrapjob #settingjob div select {
  width: 300px;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
#wrapjob #settingjob div select:focus {
  outline: none;
}
#wrapjob #settingjob phone.text {
  font-family: Consolas, monospace;
  background: #c9c9c9;
}
#wrapjob #jobleft {
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  width: 500px;
  margin-bottom: 20px;
}
#wrapjob #jobleft #parajob {
  position: absolute;
  top: 5px;
  left: 490px;
}
#wrapjob #jobleft h1 {
  font-family: open;
  text-transform: uppercase;
}
#wrapjob #jobleft #joblog {
  width: 500px;
  margin-left: -10px;
  background: #efefef;
  border-left: 10px solid #878787;
  padding-left: 10px;
  margin-bottom: 1px;
}
#wrapjob #jobleft #joblog a.actionleft {
  float: right;
  margin-right: 10px;
  text-transform: uppercase;
  color: #7a7a7a;
}
#wrapjob #jobleft #joblog:last-child {
  margin-bottom: -10px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
#wrapjob #jobright {
  width: 600px;
  float: right;
}
#wrapjob #jobrightsup {
  width: 1000px;
  float: right;
}
#wrapjob #jobrightsup #jobperm {
  width: 100%;
}
#wrapjob #jobrightsup #jobperm #ranger {
  font-size: 9px;
}
#wrapjob #jobrightsup #jobperm #ranger div {
  padding: 5px 0 5px 0px;
  background: #fff;
  text-align: center;
  width: 82px;
  display: inline-table;
}
#wrapjob #jobrightsup #jobperm #ranger div:first-child {
  background: #d6d6d6;
  font-weight: bold;
}
#wrapjob #jobrightsup #jobperm div#ranger:first-child div {
  font-size: 13px;
  background: #d6d6d6;
}
#wrapjob #jobmember {
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  width: 265px;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: 130px -20px;
}
#wrapjob #jobmember span#rank {
  float: right;
  margin-left: 5px;
  font-size: 25px;
  color: rgba(255,255,255,0.5);
  text-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
#wrapjob #jobmember span#pseudo {
  font-size: 25px;
  color: rgba(163,163,163,0.8);
}
#wrapjob #jobmember span#pseudo b {
  position: relative;
  top: -10px;
  left: 4px;
  font-size: 13px;
  text-transform: uppercase;
}
#wrapjob #jobmember div#range b {
  text-transform: uppercase;
  font-size: 12px;
}
#wrapjob #jobmember div#range span {
  position: relative;
  top: -5px;
  right: -5px;
  font-size: 17px;
}
#wrapjob #jobmember div#btnmembre div#ranker {
  float: right;
}
#wrapjob #jobmember div#btnmembre div#ranker span {
  text-transform: uppercase;
  text-shadow: 0 0 5px rgba(0,0,0,0.2);
  font-size: 15px;
}
#wrapjob a.jobtn {
  position: relative;
  padding: 4px;
  text-decoration: none;
  background: rgba(219,219,219,0.8);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #3a3a3a;
  font-size: 15px;
  text-transform: uppercase;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-transition: border-bottom 100ms ease-in-out;
  -moz-transition: border-bottom 100ms ease-in-out;
  -ms-transition: border-bottom 100ms ease-in-out;
  -o-transition: border-bottom 100ms ease-in-out;
  transition: border-bottom 100ms ease-in-out;
}
#wrapjob a.jobtn:hover:not(.servicetimebtn) {
  border-bottom: 3px inset #3a3a3a;
}
#wrapjob .servicetimebtn:hover {
  background-color: #3a3a3a;
  color: white;
}
#wrapjob .servicetimebtn {
  display: block;
  text-align: center;
  transition: background-color 0.5s, color 0.5s !important;
}
#wrap-confirm {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}
#wrap-confirm #confirm:not(#reps) {
  position: fixed;
  border-top: 4px solid #d8d8d8;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-family: arial;
  font-size: 16px;
}
#wrap-confirm #confirm:not(#reps) div#reps {
  margin-top: 20px;
  text-align: center;
}
#wrap-confirm #confirm:not(#reps) div#reps a:first-child {
  margin-right: 10px;
}
#wrap-confirm #confirm:not(#reps) div#reps a:last-child {
  margin-left: 10px;
}
#wrap-confirm #confirm:not(#reps) div#reps a {
  text-decoration: none;
  font-family: open;
  background: #ededed;
  color: #494949;
  padding: 6px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
#wrap-confirm #confirm:not(#reps) div#reps a:hover {
  background: #494949;
  color: #ededed;
}
#jobinvit {
  float: right;
  width: 300px;
  margin-right: 10px;
}
#jobinvit b {
  text-transform: uppercase;
  font-size: 14px;
  color: #3d3d3d;
}
#jobinvit p {
  color: #c9c9c9;
  font-size: 11px;
  padding: 0;
  margin: 0;
}
#jobinvit #jobautocomp_list {
  position: relative;
  top: -43px;
  left: 5px;
  background: #f4f4f4;
}
#jobinvit #jobautocomp_list div {
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  padding: 3px;
  font-size: 14px;
}
#jobinvit #jobautocomp_list div:hover {
  background: #cccccc;
  cursor: pointer;
}
#userlist {
  margin-top: 20px;
}
#userlist div {
  background: #f7f7f7;
  margin-bottom: 10px;
  padding: 13px 10px 10px 10px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-transition: background 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out;
  -ms-transition: background 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out;
  transition: background 500ms ease-in-out;
}
#userlist div #nametitle {
  padding: 0;
}
#userlist div #nametitle img {
  position: absolute;
  margin-top: -6px;
  width: 50px;
  height: 50px;
}
#userlist div #nametitle span.usernamelist {
  font-size: 19px;
  margin-left: 70px;
}
#userlist div #nametitle span.titlelist {
  position: relative;
  top: -5px;
  margin-left: 70px;
  text-transform: uppercase;
  color: #919191;
  font-size: 14px;
}
#userlist div ul li:not(#nametitle) {
  position: relative;
  top: -10px;
}
#userlist div ul li {
  display: inline-block;
  width: 245px;
  text-align: left;
  font-size: 20px;
  color: #3d3d3d;
}
#userlist div ul p.character {
  position: absolute;
  height: 63px;
  width: 200px;
  margin-top: -20px;
  margin-left: -60px;
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: 0 -30px;
  display: inline-block;
  text-transform: uppercase;
  color: #494949;
  text-align: right;
  font-size: 20px;
}
#userlist div ul p#chara2 {
  margin-right: 100px;
}
#userlist div:hover {
  background: #e5e5e5;
}
#menuadmin {
  margin-top: 15px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  text-align: center;
}
#menuadmin span {
  font-weight: bold;
  font-size: 16px;
  float: left;
}
#menuadmin a {
  text-transform: uppercase;
  font-size: 14px;
  background: rgba(163,163,163,0.4);
  padding: 5px;
  font-weight: 3500;
  color: #fff;
}
#menuadmin a:hover {
  text-decoration: none;
  background: rgba(163,163,163,0.7);
}
#pungestperso {
  max-width: 1300px;
  margin: 0 auto;
}
#pungestperso #previewwrap {
  position: absolute;
  z-index: 2;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
#pungestperso #previewwrap #previewcreate {
  cursor: pointer;
}
#pungestperso #previewwrap .next {
  position: relative;
  top: 200px;
  left: 70px;
}
#pungestperso #previewwrap .prev {
  position: relative;
  top: 50px;
  left: 20px;
}
#pungestperso #dayswrap {
  width: 100%;
}
#pungestperso #dayswrap span {
  text-transform: uppercase;
  font-family: open;
  color: #6b6b6b;
  font-weight: bold;
  font-size: 20px;
  float: left;
  width: 100%;
  margin-top: -5px;
}
#pungestperso #dayswrap span p {
  float: right;
  margin-top: -7px;
}
#pungestperso #dayswrap #days {
  height: 7px;
  background: #adadad;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#pungestperso #dayswrap #days #dayspourcent {
  background: #6b6b6b;
  height: 7px;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#pungestperso .wrapgestperso {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 28em;
}
#pungestperso .wrapgestperso #actions {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 2;
}
#pungestperso .wrapgestperso #actions img {
  margin-right: 20px;
  background: #e8e8e8;
  padding: 5px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#pungestperso .wrapgestperso #actions img:hover {
  background: #fff;
  margin-bottom: 5px;
}
#pungestperso .wrapgestperso #gestperso_menu {
  position: absolute;
  left: -20px;
  top: -7px;
  z-index: 4;
  transform: skewX(25.98deg);
}
#pungestperso .wrapgestperso #gestperso_menu li {
  transform: skewX(-25.98deg);
  list-style: none;
}
#pungestperso .wrapgestperso #gestperso_menu li a {
  display: block;
  color: #a5a5a5;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 0 5px 50px;
  background: #f7f7f7;
  text-decoration: none;
  width: 150px;
  -moz-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2);
  box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#pungestperso .wrapgestperso #gestperso_menu li a:hover {
  background: #a5a5a5;
  color: #f7f7f7;
}
#pungestperso .wrapgestperso #gestperso_stats {
  margin-left: 100px;
  padding: 20px;
  transform: skewX(25.98deg);
  text-align: center;
}
#pungestperso .wrapgestperso #gestperso_stats #gestlog {
  text-align: left;
  height: 300px;
  overflow: auto;
  margin-left: 180px;
  width: 800px;
}
#pungestperso .wrapgestperso #gestperso_stats #gestlog #logsperso {
  display: inline-table;
  background: #f2f2f2;
  padding: 5px;
  margin: 10px;
  width: 120px;
  height: 40px;
  color: #3f3f3f;
  text-align: center;
  font-weight: bold;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#pungestperso .wrapgestperso #gestperso_stats #gestlog #logsperso:hover {
  text-decoration: none;
  background: #3f3f3f;
  color: #f2f2f2;
}
#pungestperso .wrapgestperso #gestperso_stats #gestlog::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #ededed;
}
#pungestperso .wrapgestperso #gestperso_stats #gestlog::-webkit-scrollbar {
  width: 8px;
  background-color: invisibel;
}
#pungestperso .wrapgestperso #gestperso_stats #gestlog::-webkit-scrollbar-thumb {
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #c4c4c4;
}
#pungestperso .wrapgestperso #gestperso_stats .colonne {
  display: inline-table;
  width: 400px;
  text-align: left;
}
#pungestperso .wrapgestperso #gestperso_stats .colonne b {
  text-transform: uppercase;
  font-style: italic;
}
#pungestperso .wrapgestperso #gestperso_stats .colonne p {
  position: relative;
  top: -8px;
  right: -15px;
}
#pungestperso .wrapgestperso .option,
#pungestperso .wrapgestperso .option img {
  width: 500px;
  height: 100%;
}
#pungestperso .wrapgestperso .option {
  overflow: hidden;
  position: absolute;
  transform: skewX(-25.98deg);
}
#pungestperso .wrapgestperso .option:first-child {
  left: -120px;
  transform-origin: 100% 0;
  background: rgba(163,163,163,0.7);
}
#pungestperso .wrapgestperso .option:first-child img:first-child {
  margin-left: -20px;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
#pungestperso .wrapgestperso .option:first-child img:last-child {
  filter: drop-shadow(24px 4px 3px rgba(0,0,0,0.7));
  position: absolute;
  left: 0;
}
#pungestperso .wrapgestperso .option:last-child {
  right: -60px;
  transform-origin: 0 100%;
  width: 1290px;
  background: #dbdbdb;
}
#pungestperso .wrapgestperso .option img {
  transform: skewX(25.98deg);
  transform-origin: inherit;
}
#adm_boutique {
  width: 299px;
  background: #e0e0e0;
  display: inline-table;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#adm_boutique #btq_top {
  height: 100px;
  padding: 5px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#adm_boutique #btq_top h1 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
  color: #fff;
}
#adm_boutique #btq_top span {
  color: #d6d6d6;
}
#adm_boutique #btq_descri {
  background: #f2f2f2;
  padding: 5px 5px 15px 5px;
  height: 70px;
  overflow: auto;
}
#adm_boutique #btq_action {
  padding: 10px;
}
#adm_boutique #btq_action a {
  background: #f9f9f9;
  color: #969696;
  margin-right: 10px;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
#adm_boutique #btq_action a:hover {
  background: #969696;
  color: #f9f9f9;
  text-decoration: none;
}
#adm_boutique #btq_action input[type="text"] {
  width: 70px;
  float: right;
  margin: 0;
  margin-top: -5px;
}
#adm_boutique #btq_action input[type="text"]:focus {
  padding: 0;
  height: 30px;
}
#adm_boutique #btq_descri::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #ededed;
}
#adm_boutique #btq_descri::-webkit-scrollbar {
  width: 8px;
  background-color: invisibel;
}
#adm_boutique #btq_descri::-webkit-scrollbar-thumb {
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #c4c4c4;
}
#boutique {
  max-width: 1300px;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  padding: 0;
}
#boutique #boutique-wrap {
  padding: 10px;
}
#boutique #boutique-top {
  background: url('./global/img/shop-top.png');
  background-position: 0 50%;
  height: 170px;
  margin-bottom: 10px;
  padding: 10px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#boutique #boutique-top a.btq_rech {
  position: relative;
  top: 80px;
  right: 20px;
  float: right;
  font-size: 27px;
  text-transform: uppercase;
  color: #ededed;
  cursor: pointer;
  filter: blur(0px);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#boutique #boutique-top a.btq_rech:hover {
  -webkit-filter: blur(2px);
  filter: blur(2px);
  right: 10px;
  text-decoration: none;
}
#boutique #boutique-top #cat_btq {
  position: relative;
  bottom: -145px;
}
#boutique #boutique-top #cat_btq a:first-child {
  margin-right: 15px;
}
#boutique #boutique-top #cat_btq a:focus {
  text-decoration: none;
}
#boutique #boutique-top #cat_btq a {
  background: rgba(255,255,255,0.2);
  padding: 7px 15px 12px 15px;
  font-size: 20px;
  font-family: open;
  text-transform: uppercase;
  color: #666666;
  margin-right: 5px;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#boutique #boutique-top #cat_btq a:hover {
  text-decoration: none;
  background: rgba(40,40,40,0.2);
  color: #fff;
  padding: 7px 15px 17px 15px;
  position: relative;
  top: -5px;
}
#boutique #boutique-top #cat_btq a.activebtn {
  position: relative;
  top: -5px;
  background: rgba(242,125,125,0.2);
  color: #fff;
  padding: 7px 15px 17px 15px;
}
#boutique #boutique-right {
  float: right;
  width: 600px;
}
#boutique #boutique-right h1 {
  color: #494949;
  text-transform: uppercase;
  border-bottom: 2px solid rgba(0,0,0,0.1);
}
#boutique #boutique-right p {
  color: #727272;
}
#boutique textarea {
  background: #efefef;
  overflow: hidden;
  height: 30px;
  width: 300px;
  margin: 5px;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-family: open;
  padding: 0;
  -webkit-transition: border-bottom 300ms ease-in-out;
  -moz-transition: border-bottom 300ms ease-in-out;
  -ms-transition: border-bottom 300ms ease-in-out;
  -o-transition: border-bottom 300ms ease-in-out;
  transition: border-bottom 300ms ease-in-out;
  -webkit-transition: padding 300ms ease-in-out;
  -moz-transition: padding 300ms ease-in-out;
  -ms-transition: padding 300ms ease-in-out;
  -o-transition: padding 300ms ease-in-out;
  transition: padding 300ms ease-in-out;
}
#boutique textarea:focus,
#boutique textarea:focus {
  border-bottom: 3px solid rgba(0,0,0,0.1);
  padding: 3px;
  outline: none;
}
#recharge-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0,0,0,0.7);
  text-align: center;
}
#recharge-wrap #recharge-option {
  display: inline-table;
  width: 300px;
  margin-top: 10%;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  -ms-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#recharge-wrap #recharge-option img {
  width: 200px;
  height: 200px;
}
#recharge-wrap #recharge-option:hover {
  opacity: 0.7;
}
#information_rev {
  float: right;
  width: 600px;
}
#information_rev h1 {
  color: #494949;
  text-transform: uppercase;
  border-bottom: 2px solid rgba(0,0,0,0.1);
}
#information_rev p {
  color: #727272;
}
#stats-box {
  display: inline-table;
  padding: 20px;
  background: url('./global/img/box.jpg') no-repeat;
  text-align: center;
  margin: 10px;
  color: #fff;
  width: 185px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
#stats-box h1 {
  text-transform: uppercase;
  font-size: 14px;
}
#stats-box span {
  font-size: 20px;
  color: #c6c6c6;
}
#wrap-confirm #showskins {
  position: fixed;
  top: 5%;
  left: 20%;
  width: 60%;
  height: 70%;
  overflow: auto;
}
#wrap-confirm #showskins #skindemo {
  position: relative;
  top: 0;
  text-align: center;
  display: inline-table;
  width: 150px;
  background: url('./global/img/skindemo.png') no-repeat;
  margin-right: 5px;
  margin-top: 10px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#wrap-confirm #showskins #skindemo img {
  width: 100px;
}
#wrap-confirm #showskins #skindemo:hover {
  top: -5px;
  opacity: 0.9;
}
#wrap-confirm #showskins #skindemo:hover img {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
#wrap-confirm #showskins #skindemo.active {
  border: 3px solid #ededed;
}
#wrap-confirm #showskins::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #ededed;
}
#wrap-confirm #showskins::-webkit-scrollbar {
  width: 8px;
  background-color: invisibel;
}
#wrap-confirm #showskins::-webkit-scrollbar-thumb {
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #c4c4c4;
}
#announcelrp {
  position: fixed;
  z-index: 4;
  width: 650px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#announcelrp #texts {
  position: absolute;
  z-index: 5;
  color: #fff;
}
#announcelrp #texts h1 {
  font: 2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-top: 120px;
  margin-left: 130px;
  text-transform: uppercase;
}
#announcelrp #texts p {
  font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-top: -5px;
  margin-left: 130px;
  width: 470px;
  height: 160px;
  overflow: auto;
}
#announcelrp #texts p b {
  text-transform: uppercase;
}
#announcelrp #texts p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #ededed;
}
#announcelrp #texts p::-webkit-scrollbar {
  width: 8px;
  background-color: invisibel;
}
#announcelrp #texts p::-webkit-scrollbar-thumb {
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #c4c4c4;
}
#announcelrp #texts open {
  text-transform: uppercase;
  font: 55px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-left: 340px;
  color: #5e5e5e;
}
#announcelrp #texts open month {
  color: #fff;
  font-size: 45px;
  margin-left: 260px;
}
#announcelrp #texts a.ready {
  position: relative;
  top: 117px;
  right: 172px;
  font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  background: #f7f7f7;
  color: #b7b7b7;
  padding: 5px;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#announcelrp #texts a.ready:hover {
  background: #b7b7b7;
  color: #f7f7f7;
}
#announcelrp img {
  width: 700px;
  height: 650px;
}
#tableperso,
#tableperso td,
#tableperso th {
  border: 1px solid #828282;
  text-align: left;
}
#tableperso th {
  background: #efefef;
  text-transform: uppercase;
}
#tableperso tr {
  background: #dddddd;
}
#tableperso tr:nth-child(odd) {
  background: #cccccc;
}
#tableperso {
  border-collapse: collapse;
  width: 65%;
  margin-left: 150px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#tableperso th,
#tableperso td {
  padding: 5px;
}
#invs {
  margin-left: 120px;
  width: 550px;
  height: 200px;
  text-align: left;
  display: inline-table;
  float: left;
}
#invs h1 {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
}
#invs #inv_group {
  margin-left: 20px;
  height: 350px;
  overflow: auto;
}
#invs #inv_group #object {
  display: inline-table;
  cursor: pointer;
  width: 70px;
  height: 70px;
  background-size: 75px 75px;
  -webkit-box-shadow: inset 0 0 100px 1px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 100px 1px rgba(0,0,0,0.5);
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#invs #inv_group #object span {
  display: none;
}
#invs #inv_group #object:hover {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
#invs #inv_group::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #ededed;
}
#invs #inv_group::-webkit-scrollbar {
  width: 8px;
  background-color: invisibel;
}
#invs #inv_group::-webkit-scrollbar-thumb {
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #424242;
}
#creditachat {
  background: #d3d3d3;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#creditachat #blockcredit {
  display: inline-table;
  background: #f7f7f7;
  width: 180px;
  padding: 5px 5px 15px 5px;
  margin-bottom: 5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#creditachat #blockcredit span {
  font-size: 25px;
}
#creditachat #blockcredit b {
  position: relative;
  top: -5px;
  font-size: 14px;
}
#creditachat #blockcredit a {
  position: relative;
  top: 5px;
  padding: 5px;
  text-decoration: none;
  font-size: 17px;
  text-transform: uppercase;
  background: #e5e5e5;
  color: #444444;
  float: right;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#creditachat #blockcredit a:hover {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
#creditachat #blockcredit name {
  position: absolute;
  margin-top: 13px;
  color: #cecece;
  font-size: 13px;
}
#creditachat #blockcredit action {
  position: absolute;
  margin-left: 115px;
  margin-top: 14px;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
}
#creditachat #blockcredit online {
  position: absolute;
  margin-left: 80px;
  margin-top: -5px;
  z-index: 1;
  text-transform: uppercase;
  color: red;
  font-size: 12px;
  width: 110px;
}
#creditachat #blockcredit.creditonline {
  opacity: 0.7;
}
#wrap_credit form[ajax=character] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
}
#wrap_credit form[ajax=character] #wrap_character {
  width: 615px;
  height: 438px;
  margin: 0 auto;
  margin-top: 80px;
}
#wrap_credit form[ajax=character] #DivCharacter {
  background: url('./global/img/Divcharacter1.png');
  background-repeat: no-repeat;
  width: 286px;
  height: 438px;
  float: left;
  margin-right: 20px;
  font: 81.25%/1.462em Arial, Helvetica, sans-serif;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in-out;
  -moz-transition: opacity 400ms ease-in-out;
  -ms-transition: opacity 400ms ease-in-out;
  -o-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
}
#wrap_credit form[ajax=character] #DivCharacter:hover {
  opacity: 0.8;
}
#wrap_credit form[ajax=character] #DivCharacter:last-child {
  background: url('./global/img/Divcharacter2.png');
}
#wrap_credit form[ajax=character] #DivCharacter img {
  position: absolute;
  width: 220px;
  margin-top: 123px;
  margin-left: 100px;
}
#wrap_credit form[ajax=character] #DivCharacter:last-child img {
  margin-left: -37px;
}
#wrap_credit form[ajax=character] #DivCharacter #stats {
  position: absolute;
  margin-top: 98px;
  width: 200px;
  height: 300px;
  padding: 20px;
}
#wrap_credit form[ajax=character] #DivCharacter:last-child #stats {
  margin-left: 150px;
}
#wrap_credit form[ajax=character] #DivCharacter #stats b {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
#wrap_credit form[ajax=character] #DivCharacter #stats b b {
  font-weight: bold;
}
#wrap_credit form[ajax=character] #DivCharacter #stats span {
  position: relative;
  top: -5px;
  left: 10px;
  font-size: 18px;
}
#wrap_credit form[ajax=character] #DivCharacter #stats h1 {
  position: absolute;
  margin-top: -30px;
  margin-left: 40px;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}
#wrap_credit form[ajax=character] #DivCharacter:last-child #stats h1 {
  margin-left: -50px;
}
#staffbox h1 {
  margin-top: 50px;
  text-transform: uppercase;
}
#staffbox #liststaff {
  background: url('./global/img/staffbg_.png');
  height: 150px;
  padding: 50px;
  margin-bottom: 20px;
}
#staffbox #liststaff b {
  font-size: 26px;
  text-transform: uppercase;
}
#staffbox #liststaff b a {
  position: relative;
  color: #333333;
  right: 0;
  -webkit-transition: right 300ms ease-in-out;
  -moz-transition: right 300ms ease-in-out;
  -ms-transition: right 300ms ease-in-out;
  -o-transition: right 300ms ease-in-out;
  transition: right 300ms ease-in-out;
}
#staffbox #liststaff b a:hover {
  right: -5px;
  text-decoration: none;
}
#staffbox #liststaff b span {
  position: relative;
  top: -5px;
  font-size: 24px;
  color: #7a7a7a;
}
#staffbox #liststaff p {
  position: absolute;
  width: 450px;
  height: 120px;
  overflow: auto;
  padding-right: 10px;
}
#staffbox #liststaff p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #ededed;
}
#staffbox #liststaff p::-webkit-scrollbar {
  width: 8px;
  background-color: invisibel;
}
#staffbox #liststaff p::-webkit-scrollbar-thumb {
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #c4c4c4;
}
#staffbox #liststaff #skinstaff {
  margin-top: -140px;
  margin-left: 480px;
  width: 750px;
  height: 295px;
  overflow: hidden;
}
#staffbox #liststaff #skinstaff img:first-child {
  right: -200px;
}
#staffbox #liststaff #skinstaff img:nth-child(2) {
  width: 250px;
}
#staffbox #liststaff #skinstaff img {
  width: 270px;
  position: relative;
}
#staffbox #nostaff {
  background: url('./global/img/staffbg_.png');
  padding: 10px;
  margin-bottom: 20px;
}
#database {
  font-family: Courier New, monospace;
}
section.dblogin {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.fingerprint {
  fill: transparent;
  stroke-width: 4px;
  stroke: #fff;
  stroke-dasharray: 1300;
  stroke-dashoffset: 1300;
  animation: fingerprintanim 2s ease-out alternate infinite;
}
@keyframes fingerprintanim {
  50% {
    fill: #0019ff;
    stroke-dashoffset: 0;
  }
  75% {
    fill: #0019ff;
    stroke-width: 4px;
    stroke-dashoffset: 0;
  }
  100% {
    fill: #fff;
    stroke-width: 0;
    stroke-dashoffset: 0;
  }
}
div[step="3"] li {
  color: #fff;
}
div[step="3"] #agent {
  width: 20%;
  margin: 10px;
}
div[step="3"] #agent #agent_picture {
  width: 170px;
  height: 170px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 450px;
  background-position: -140px -50px;
}
div[step="3"] #agent ul {
  padding: 0;
  border: 1px solid #fff;
}
div[step="3"] #agent ul li {
  list-style: none;
  border: 1px solid #fff;
}
div[step="3"] #searchjob {
  width: 70%;
  border: 1px solid #fff;
  float: right;
  margin: 10px;
  padding: 10px;
}
div[step="3"] #searchjob #listsearch_job ul {
  padding: 0;
}
div[step="3"] #searchjob #listsearch_job ul li {
  list-style: none;
}
div[step="3"] #searchjob #listsearch_job ul li a {
  color: #fff;
  text-decoration: none;
}
div[step="3"] #searchjob #listsearch_job ul li a:hover {
  text-decoration: underline;
}
div[step="3"] #dbwrap {
  width: 70%;
  border: 1px solid #fff;
  float: right;
  margin: 10px;
  padding: 10px;
}
div[step="3"] #dbwrap a {
  color: #fff;
}
div[step="3"] #dbwrap input[type=text] {
  background: none;
  border: 1px inset #fff;
  color: #fff;
}
div[step="3"] #dbwrap input[type=submit] {
  background: none;
  border: 1px outset #fff;
  color: #fff;
}
div[step="3"] #dbwrap input[type=submit]:active {
  border: 1px inset #fff;
}
div[step="3"] #dbwrap #dossier #dossright {
  width: 75%;
  background: #fff;
  color: #000;
  padding: 5px;
  float: right;
}
div[step="3"] #dbwrap #dosspage {
  display: inline-table;
}
div[step="3"] #dbwrap #dosspage li {
  list-style: none;
  display: inline-table;
  margin-right: 5px;
}
div[step="3"] #citoyen {
  margin: 10px;
  border: 1px solid #fff;
}
div[step="3"] #citoyen #citoyen_picture {
  width: 180px;
  height: 180px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 450px;
  background-position: -140px -50px;
}
div[step="3"] #citoyen ul {
  padding: 0;
  margin: 10px;
  border: 1px solid #fff;
  float: right;
  width: 67%;
}
div[step="3"] #citoyen ul li {
  list-style: none;
  border: 1px solid #fff;
}
div[step="3"] #citoyen img.fingerprint {
  width: 100px;
  background: #fff;
  float: left;
  margin-left: 170px;
}
#changelog_wrap {
  max-width: 1300px;
  margin: 0 auto;
  font: 16px Arial, Helvetica, sans-serif;
}
#changelog_wrap #trello_lists {
  margin-bottom: 20px;
}
#changelog_wrap #trello_lists h1 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
#changelog_wrap #trello_lists #trello_cards {
  background: #fff;
  color: #7a7a7a;
  width: 400px;
  height: 100px;
  padding: 10px;
  margin: 5px;
  display: inline-table;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#changelog_wrap #trello_lists #trello_cards #trello_labels {
  font-size: 12px;
  color: #ffffff;
  padding: 4px;
  margin-right: 3px;
  display: inline-table;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#pintcolor {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 2;
  width: 300px;
  background: rgba(76,76,76,0.5);
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#pintcolor input[type="text"] {
  width: 120px;
}
#pintcolor input[type="submit"] {
  padding: 7px 10px 7px 10px;
}
#opening {
  position: fixed;
  bottom: 15px;
  left: 15px;
  width: 420px;
  padding: 10px;
  background: #474747;
  color: #fff;
  font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#opening h1 {
  font-size: 19px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
#opening h1 b {
  text-decoration: underline;
}
#opening #download {
  padding: 10px;
  margin: 20px;
  text-decoration: none;
  text-transform: uppercase;
}
#opening #tuto {
  color: #fff;
}
#opening span {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  margin-left: 20px;
}
#opening img {
  position: absolute;
  top: 10px;
  right: -40px;
  z-index: 2;
  cursor: pointer;
}
#opening:after {
  position: absolute;
  right: -69px;
  top: 0px;
  transform: skewX(-40deg);
  width: 90px;
  height: 50px;
  content: " ";
  background: #474747;
}
.rad-button {
  white-space: nowrap;
  top: 0px;
  border-radius: 4px;
  position: relative;
  border: none;
  background: none;
  font-family: 'Roboto', sans-serif;
  width: 200px;
  height: 50px;
  cursor: pointer;
  transition: 0.1s all ease;
  font-size: 16px;
  font-weight: 300;
  color: #777;
  border-bottom: 1px solid #ccc;
  box-shadow: 0px 0px 0px 0px #B8B8B8;
}
.rad-button.flat {
  background: #f0f0f0;
}
.rad-button.small {
  width: 150px;
  height: 35px;
}
.rad-button.small:hover {
  top: -1px !important;
  height: 36px !important;
}
.rad-button.small:active {
  top: 0px !important;
  height: 35px !important;
}
.rad-button.xsmall {
  width: 100px;
  height: 25px;
  font-size: 10px;
}
.rad-button.xsmall:hover {
  border-bottom: 3px solid #ccc;
  top: 0px;
  height: 25px;
}
.rad-button.xsmall:active {
  height: 25px !important;
  border-bottom: 0px !important;
}
.rad-button.gradient {
  background: #f0f0f0;
  background: -moz-linear-gradient(top,#f0f0f0 0%,#e0e0e0 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0f0f0),color-stop(100%,#e0e0e0));
  background: -webkit-linear-gradient(top,#f0f0f0 0%,#e0e0e0 100%);
  background: -o-linear-gradient(top,#f0f0f0 0%,#e0e0e0 100%);
  background: -ms-linear-gradient(top,#f0f0f0 0%,#e0e0e0 100%);
  background: linear-gradient(to bottom,#f0f0f0 0%,#e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#e0e0e0',GradientType=0);
}
.rad-button.dark {
  border-bottom: 1px solid #5e5e5e;
  color: #f5f5f5;
}
.rad-button.dark.flat {
  background: #a1a1a1;
}
.rad-button.dark.gradient {
  background: #a1a1a1;
  background: -moz-linear-gradient(top,#a1a1a1 0%,#848484 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#a1a1a1),color-stop(100%,#848484));
  background: -webkit-linear-gradient(top,#a1a1a1 0%,#848484 100%);
  background: -o-linear-gradient(top,#a1a1a1 0%,#848484 100%);
  background: -ms-linear-gradient(top,#a1a1a1 0%,#848484 100%);
  background: linear-gradient(to bottom,#a1a1a1 0%,#848484 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a1a1',endColorstr='#848484',GradientType=0);
}
.rad-button.dark:hover {
  background-color: #ababab;
  top: -2px;
  border-bottom: 4px solid #727272;
  height: 52px;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}
.rad-button.dark:hover.xsmall {
  border-bottom: 3px solid #727272;
  top: 0px;
  height: 25px;
}
.rad-button.dark:active {
  top: 0px;
  height: 50px;
  border: 1px solid #727272;
  background-color: #8e8e8e;
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.15);
}
.rad-button:focus {
  outline: 0;
}
.rad-button:hover {
  background-color: #f5f5f5;
  top: -2px;
  height: 52px;
  border-bottom: 4px solid #ccc;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
}
.rad-button:hover.static {
  top: 0px;
  height: 50px;
}
.rad-button:active {
  top: 0px;
  height: 50px;
  border: 1px solid #ccc;
  background-color: #ededed;
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.15);
}
.rad-button.warning {
  background-color: #f3eac5;
  color: #bd8d32;
  border-bottom: 1px solid #bcb496;
}
.rad-button.warning:hover {
  background-color: #faf5df;
  top: -2px;
  border-bottom: 4px solid #bcb496;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}
.rad-button.warning:active {
  top: 0px;
  border: 1px solid #bcb496;
  background-color: #e6dcb5;
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
}
.rad-button.danger {
  background-color: #e7a796;
  color: #7b5348;
  border-bottom: 1px solid #7b5348;
}
.rad-button.danger:hover {
  background-color: #f2beb1;
  top: -2px;
  border-bottom: 4px solid #7b5348;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}
.rad-button.danger:active {
  top: 0px;
  border: 1px solid #7b5348;
  background-color: #d69280;
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
}
.rad-button.good {
  background-color: #b9e9ce;
  color: #759f87;
  border-bottom: 1px solid #759f87;
}
.rad-button.good:hover {
  background-color: #caf3db;
  top: -2px;
  border-bottom: 4px solid #759f87;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}
.rad-button.good:active {
  top: 0px;
  border: 1px solid #759f87;
  background-color: #a5dabc;
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
}
.rad-button.wwt {
  background-color: #32699b;
  color: #DBE9F5;
  border-bottom: 1px solid #1A4164;
}
.rad-button.wwt:hover {
  background-color: #427BAE;
  top: -2px;
  border-bottom: 4px solid #1A4164;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}
.rad-button.wwt:active {
  top: 0px;
  border: 1px solid #1A4164;
  background-color: #255988;
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
}
#whitelist div {
  margin: 5px;
  padding: 10px;
  background: #d6d6d6;
  color: #000;
}
#whitelist div span {
  position: absolute;
  right: 30px;
}
#whitelist a:hover {
  text-decoration: none;
}
#whitelist a:hover div {
  background: #424242;
  color: #d6d6d6;
}
#top_wrap {
  text-align: center;
  position: relative;
  z-index: 3;
}
#top_wrap #podium {
  margin: 0 auto;
}
#top_wrap #top3 div {
  position: absolute;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#top_wrap #top3 div img {
  width: 150px;
  height: 150px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#top_wrap #top3 div h1 {
  width: 150px;
}
#top_wrap #top3 a {
  color: #2d2d2d;
}
#top_wrap #top3 a:hover {
  text-decoration: none;
}
#top_wrap #top3 div[top1] {
  margin-top: -550px;
  margin-left: 455px;
}
#top_wrap #top3 div[top2] {
  margin-top: -430px;
  margin-left: 190px;
}
#top_wrap #top3 div[top3] {
  margin-top: -395px;
  margin-left: 715px;
}
#top_wrap #top3 div[top1]:hover {
  margin-top: -560px;
}
#top_wrap #top3 div[top2]:hover {
  margin-top: -440px;
}
#top_wrap #top3 div[top3]:hover {
  margin-top: -405px;
}
@-webkit-keyframes chrome_effect {
  0% {
    background-position: -680px 0;
  }
  10% {
    background-position: 420px 0;
  }
  100% {
    background-position: 420px 0;
  }
}
.conf0 {
  fill: #FC6394;
}
.conf1 {
  fill: #EF3C8A;
}
.conf2 {
  fill: #5ADAEA;
}
.conf3 {
  fill: #974CBE;
}
.conf4 {
  fill: #3CBECD;
}
.conf5 {
  fill: #813BBE;
}
.conf6 {
  fill: #F9B732;
}
.conf7 {
  display: none;
  fill: none;
  stroke: #000000;
  stroke-miterlimit: 10;
}
.conf8 {
  fill: none;
  stroke: #F9B732;
  stroke-width: 9;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
#Layer_1 {
  position: absolute;
  margin-top: -200px;
  margin-left: -150px;
  max-width: 1100px;
}
#yellow-strip {
  fill: none;
  stroke: #F9B732;
  stroke-width: 9;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  animation: confdash 1.2s ease infinite;
}
@keyframes confdash {
  0% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 500;
    transform: translate(-30px,30px);
    opacity: 0;
  }
  2% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 500;
    transform: translate(-30px,30px);
    opacity: 0;
  }
  35% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 900;
    transform: translate(-2px,0px);
    opacity: 1;
  }
  85% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    transform: translate(1px,-5px);
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 1000;
    transform: translate(2px,-8px);
    opacity: 0;
  }
  100% {
    stroke-dashoffset: 1000;
    stroke-dashoffset: 500;
    transform: translate(2px,-8px);
    opacity: 0;
  }
}
#a2 {
  transform-origin: 310.9px 241px;
  animation: confa 1.2s ease-out infinite;
}
#a1 {
  transform-origin: 276px 246px;
  animation: confa 1.2s ease-out infinite;
}
@keyframes confa {
  0% {
    opacity: 0;
    transform: translate(-30px,20px) rotate(0);
  }
  15% {
    opacity: 1;
    transform: translate(25px,-10px) rotate(60deg);
  }
  80% {
    opacity: 1;
    transform: translate(33px,-18px) rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: translate(37px,-23px) scale(0.5) rotate(230deg);
  }
}
#b1 {
  transform-origin: 195.2px 232.6px;
  animation: confb 1.2s ease-out infinite;
}
#b2 {
  transform-origin: 230.8px 219.8px;
  animation: confb 1.2s ease-out infinite;
}
#b3 {
  transform-origin: 222.8px 190.6px;
  animation: confb 1.2s ease-out infinite;
}
#b4 {
  transform-origin: 262px 188.5px;
  animation: confb 1.2s ease-out infinite;
}
#b5 {
  transform-origin: 282.3px 170.6px;
  animation: confb 1.2s ease-out infinite;
}
@keyframes confb {
  0% {
    opacity: 0;
    transform: translate(-30px,20px) rotate(0);
  }
  12% {
    opacity: 1;
    transform: translate(25px,-10px) rotate(60deg);
  }
  76% {
    opacity: 1;
    transform: translate(33px,-18px) rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: translate(37px,-23px) scale(0.5) rotate(240deg);
  }
}
#c1 {
  transform-origin: 174.8px 183.4px;
  animation: confc 1.2s ease-out infinite;
}
#c2 {
  transform-origin: 178.9px 156.2px;
  animation: confc 1.2s ease-out infinite;
}
#c3 {
  transform-origin: 206.7px 140px;
  animation: confc 1.2s ease-out infinite;
}
#c4 {
  transform-origin: 213.5px 120.2px;
  animation: confc 1.2s ease-out infinite;
}
@keyframes confc {
  0% {
    opacity: 0.7;
    transform: translate(-30px,20px) rotate(0);
  }
  18% {
    opacity: 1;
    transform: translate(5px,-10px) rotate(60deg);
  }
  76% {
    opacity: 1;
    transform: translate(13px,-18px) rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: translate(17px,-23px) scale(0.5) rotate(230deg);
  }
}
#d1 {
  transform-origin: 127px 176px;
  animation: confd 1.2s ease-out infinite;
}
#d2 {
  transform-origin: 133px 118px;
  animation: confd 1.2s ease-out infinite;
}
#d3 {
  transform-origin: 152px 100px;
  animation: confd 1.2s ease-out infinite;
}
@keyframes confd {
  0% {
    opacity: 0.7;
    transform: translate(-20px,20px) rotate(0);
  }
  18% {
    opacity: 1;
    transform: translate(-5px,-10px) rotate(60deg);
  }
  76% {
    opacity: 1;
    transform: translate(-8px,-18px) rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: translate(-10px,-23px) scale(0.5) rotate(230deg);
  }
}
#puntop {
  margin-top: 80px;
  width: 1300px;
}
#top_list {
  position: relative;
  z-index: 5;
  float: right;
  width: 260px;
  background: #3a3a3a;
}
#top_list ul {
  padding: 0;
  margin: 0;
}
#top_list ul li {
  padding: 10px;
  padding-bottom: 30px;
  font-size: 21px;
  color: #ededed;
  text-transform: uppercase;
  border-left: 10px solid #eac246;
}
#top_list ul li span {
  position: relative;
  bottom: -2px;
  float: right;
  background: #bf961c;
  font-size: 13px;
  padding: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#top_list ul a:hover {
  text-decoration: none;
}
#top_list ul a:hover li {
  background: #ededed;
  color: #3a3a3a;
}
#top_list ul li.active {
  background: #eac246;
}
#top7 {
  position: relative;
  z-index: 7;
  width: 70%;
  background: #3a3a3a;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: left;
}
#top7 ul {
  margin: 0;
  padding: 0;
}
#top7 ul li {
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 20px solid #eac246;
}
#top7 ul li img {
  float: left;
  width: 100px;
  height: 100px;
  margin-top: 10px;
  margin-right: 20px;
}
#top7 ul li h1 {
  font: bold 60px arial, sans-serif;
  color: #686868;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#top7 ul li h1 b {
  font-size: 30px;
}
#top7 ul li a {
  padding-left: 10px;
  font-size: 30px;
  color: #e5e5e5;
}
#top_desc {
  position: relative;
  z-index: 5;
  float: right;
  width: 260px;
  height: 100px;
  background: #3a3a3a;
  color: #fff;
  margin-top: 50px;
  padding: 10px;
  font-size: 19px;
  border-left: 10px solid #eac246;
}
#topnotif {
  position: absolute;
  z-index: 99999;
  top: 400px;
  right: 20px;
  width: 320px;
  height: 50px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-family: Arial;
  font-size: 14px;
  color: #383838;
  background: rgba(242,227,67,0.6);
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#topnotif a {
  position: relative;
  top: 20px;
  background: #383838;
  color: #fff;
  text-decoration: none;
  padding: 5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
  box-shadow: rgba(0,0,0,0.1) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
#tarter {
  position: absolute;
  width: 25px;
  margin-top: 5px;
  margin-left: 5px;
  background: rgba(255,255,255,0.6);
  padding: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#tarter:hover {
  opacity: 0.5;
}
.servicejobtime-background {
  display: none;
  position: fixed;
  background-color: rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
  z-index: 999;
}
.servicejobtime-container {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1000;
  width: 30%;
  font: 81.25%/1.462em Arial, Helvetica, sans-serif;
}
.servicejobtime-container h3.title {
  color: white;
  background-color: #4f545c;
  margin: 0;
  border-radius: 4px 4px 0 0;
  font-size: 20px;
  padding: 10px 0px 10px 5px;
}
.servicejobtime-container ul.content {
  color: black;
  background-color: white;
  margin: 0;
  min-height: 300px;
  list-style: none;
  font-size: 17px;
  padding: 10px 15px 0 15px;
}
.servicejobtime-container ul.content li {
  padding: 5px;
  background-color: rgba(79,84,92,0.2);
  margin: 4px;
}
.servicejobtime-container button {
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0 0 4px 4px;
  padding: 5px 0px 5px 0px;
  cursor: pointer;
  transition: all 0.5s;
}
.servicejobtime-container button:hover {
  background-color: #4f545c;
  color: white;
}