.invis {
  filter: alpha(opacity:0);
  -khtml-opacity: 0;
  -ms-filter: alpha(opacity=0);
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
.visible {
  filter: alpha(opacity:1);
  -khtml-opacity: 1;
  -ms-filter: alpha(opacity=100);
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
.bgw {
  background-color: #fff;
}
.bgb {
  background-color: #000;
}
@-moz-keyframes bob {
  0% {
    top: 8px;
  }
  100% {
    top: 0px;
  }
}
@-webkit-keyframes bob {
  0% {
    top: 8px;
  }
  100% {
    top: 0px;
  }
}
#topBar {
  background-color: #E9E9E9;
  height: 28px;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
}
.fullWidth {
  width: 100%;
}
.wrapper {
  width: 970px;
  margin: 0 auto;
  overflow: visible;
}
.container {
  width: 1000px;
  overflow: visible;
}
.grid1,
.grid2,
.grid3,
.grid4 {
  margin-right: 30px;
  float: left;
}
.grid1 {
  width: 220px;
}
.grid2 {
  width: 470px;
}
.grid3 {
  width: 720px;
}
.grid4 {
  width: 970px;
}
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  background: #fff url(../img/bg.png) left bottom repeat-x;
  color: #303030;
}
.ggreen {
  background: url(../img/sprites/button-grad-green.png) repeat-x 0 0 transparent;
}
.button {
  margin-left: 12px;
  float: left;
  height: 14px;
  border: 1px solid #c7c7c7;
  color: #fff;
  text-align: center;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: bold;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  background: url(../img/sprites/button-grad-grey.png) repeat-x 0 0 transparent;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}
.button:hover {
  background: url(../img/sprites/button-grad-green.png) repeat-x 0 0 transparent;
  color: #303030;
  border-color: #e4ff00;
}
input.text {
  background-color: #EEEEEE;
  border: 1px solid #CDCDCD;
  color: #5F5F5F;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  width: 356px;
  -moz-box-shadow: 1px 1px 2px #C3C3C3 inset;
  -webkit-box-shadow: 1px 1px 2px #C3C3C3 inset;
  box-shadow: 1px 1px 2px #C3C3C3 inset;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
input.text:hover,
input.text:focus {
  border: 1px solid #a8ff00;
  box-shadow: 1px 1px 2px #e4ff00 inset, 0 0 3px #a8ff00;
}
textarea.text {
  background-color: #EEEEEE;
  border: 1px solid #CDCDCD;
  color: #5F5F5F;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding: 12px;
  width: 356px;
  -moz-box-shadow: 1px 1px 2px #C3C3C3 inset;
  -webkit-box-shadow: 1px 1px 2px #C3C3C3 inset;
  box-shadow: 1px 1px 2px #C3C3C3 inset;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 14px;
  font-weight: normal;
  resize: none;
}
textarea.text:hover,
textarea.text:focus {
  border: 1px solid #a8ff00;
  box-shadow: 1px 1px 2px #e4ff00 inset, 0 0 3px #a8ff00;
}
header {
  height: 62px;
}
header .titles {
  height: 26px;
}
header .titles #titleLink {
  cursor: pointer;
  text-decoration: none;
  outline: none;
}
header .titles #titleLink #title {
  background-color: #303030;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  height: 24px;
  line-height: 24px;
  width: 100px;
  padding: 6px 0 4px 0;
  float: left;
  z-index: 2;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
header .titles #titleLink:hover #title {
  color: #a8ff00;
  text-decoration: none;
  outline: none;
}
header .titles #version {
  float: left;
  height: 18px;
  padding: 10px 6px 0 6px;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #303030;
}
header .titles .searchbox {
  float: right;
  width: 276px;
  height: 26px;
  position: relative;
  top: 28px;
  background-color: #E9E9E9;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  padding: 6px;
}
header .titles .searchbox #search-text {
  height: 12px;
  width: 262px;
  padding: 6px;
  font-size: 12px;
  line-height: 12px;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 1px #FFFFFF, 1px 1px 1px #E9E9E9 inset;
  -webkit-box-shadow: 0 1px 1px #FFFFFF, 1px 1px 1px #E9E9E9 inset;
  box-shadow: 0 1px 1px #FFFFFF, 1px 1px 1px #E9E9E9 inset;
  margin: 0;
}
header .titles .searchbox .search-submit-cont {
  height: 26px;
  width: 26px;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #eaeaea;
}
header .titles .searchbox .search-submit-cont #search-submit {
  height: 26px;
  width: 26px;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  border: 1px solid #C9C9C9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  top: 0;
  right: 0;
  background: url(../img/sprites/search.png) 5px 6px no-repeat;
  -moz-box-shadow: 1px 1px 2px #525252, -1px -1px 2px #BEBEBE inset;
  -webkit-box-shadow: 1px 1px 2px #525252, -1px -1px 2px #BEBEBE inset;
  box-shadow: 1px 1px 2px #525252, -1px -1px 2px #BEBEBE inset;
  cursor: pointer;
}
header .titles .searchbox .search-submit-cont:hover {
  background-color: #a8ff00;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#a8ff00),to(#e4ff00));
  background-image: -webkit-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -moz-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -o-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -ms-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: linear-gradient(top,#a8ff00,#e4ff00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8ff00',EndColorStr='#e4ff00');
}
header .titles .searchbox .search-submit-cont:hover #search-submit {
  -moz-box-shadow: 1px 1px 2px #525252;
  -webkit-box-shadow: 1px 1px 2px #525252;
  box-shadow: 1px 1px 2px #525252;
  border-color: #e4ff00;
}
header .site {
  height: 38px;
  padding: 20px 0 0 0;
}
header .site h3#site-title {
  position: relative;
  z-index: 2;
  float: left;
  padding: 6px 26px 6px 6px;
  background-color: #fff;
  font-size: 18px;
  font-weight: 100;
}
header .site .account-bar {
  border-top: 10px solid #F8F6F5;
  position: absolute;
  width: 100%;
  z-index: 1;
  margin-top: 8px;
  top: -7px;
  left: 0;
}
header .site .account-bar .actions {
  position: absolute;
  z-index: 2;
  top: -10px;
  right: 0;
  float: right;
}
article {
  padding: 24px 0 0 0;
  min-height: 500px;
}
article h4.title {
  float: left;
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 0;
  border: 1px solid #303030;
  color: #fff;
  text-align: center;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: bold;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  background-color: #303030;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}
#accordion {
  width: 1000px;
}
#accordion .accordion-pane {
  position: relative;
  width: 100%;
  border-top: 10px solid #F8F6F5;
  z-index: 1;
  padding: 38px 0 0 0;
  width: 970px;
}
#accordion .accordion-pane #modules {
  width: 1000px;
}
#accordion h4.title {
  float: left;
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 0;
  border: 1px solid #303030;
  color: #fff;
  text-align: center;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: bold;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  background-color: #303030;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}
#accordion .openclose {
  float: left;
  position: absolute;
  z-index: 2;
  top: -10px;
  right: 0;
}
#accordion .accordion-content {
  display: none;
}
#site-functions {
  padding-bottom: 54px;
}
#site-functions li.function {
  height: 80px;
  margin-bottom: 12px;
  padding-left: 80px;
  background-repeat: no-repeat;
  width: 390px;
  float: left;
}
#site-functions li.function div.icon {
  display: none;
}
#site-functions li.function.facebook {
  background-image: url(../img/sprites/facebook.png);
}
#site-functions li.function.twitter {
  background-image: url(../img/sprites/twitter.png);
}
#site-functions li.function.instagram {
  background-image: url(../img/sprites/instagram.png);
}
#site-functions li.function.tumblr {
  background-image: url(../img/sprites/tumblr.png);
}
#site-functions li.function.pinterest {
  background-image: url(../img/sprites/pinterest.png);
}
#site-functions li.function.mail {
  background-image: url(../img/sprites/mail.png);
}
#site-functions li.function.soundcloud {
  background-image: url(../img/sprites/soundcloud.png);
}
#site-functions li.function.soundcloud-dropbox {
  background-image: url(../img/sprites/soundcloud-dropbox.png);
}
#site-functions li.function.itunes {
  background-image: url(../img/sprites/itunes.png);
}
#site-functions li.function.beatport {
  background-image: url(../img/sprites/beatport.png);
}
#site-functions li.function.youtube {
  background-image: url(../img/sprites/youtube.png);
}
#site-functions li.function.linkedin {
  background-image: url(../img/sprites/linkedin.png);
}
#site-functions li.function.flickr {
  background-image: url(../img/sprites/flickr.png);
}
#site-functions li.function.gplus {
  background-image: url(../img/sprites/gplus.png);
}
#site-functions li.function.dropbox {
  background-image: url(../img/sprites/dropbox.png);
}
#site-functions li.function.telephone {
  background-image: url(../img/sprites/telephone.png);
}
#site-functions li.function span.desc {
  height: 24px;
  width: 370px;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  padding: 0 0 0 12px;
  float: left;
}
#site-functions li.function-submit {
  position: absolute;
  bottom: 12px;
  right: 30px;
  width: 470px;
}
#site-functions li.function-submit a {
  display: block;
  width: 470px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  background-color: #c7c7c7;
  height: 28px;
  padding: 14px 0 0 0;
  color: #fff;
  font-size: 20px;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
#site-functions li.function-submit a:hover {
  background: url(../img/sprites/button-grad-green-large.png) 0 0 transparent repeat-x;
  color: #000;
}
.module {
  margin-top: 10px;
  height: 200px;
}
.module#module-default-10 {
  display: none;
}
.module a {
  display: block;
  width: 220px;
  height: 200px;
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.module a .icon {
  z-index: -1;
  display: block;
  zoom: 1;
  height: 134px;
  width: 220px;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#c6c6c6));
  background-image: -webkit-linear-gradient(top,#ffffff,#c6c6c6);
  background-image: -moz-linear-gradient(top,#ffffff,#c6c6c6);
  background-image: -o-linear-gradient(top,#ffffff,#c6c6c6);
  background-image: -ms-linear-gradient(top,#ffffff,#c6c6c6);
  background-image: linear-gradient(top,#ffffff,#c6c6c6);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#c6c6c6');
}
.module a .icon img {
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 8px;
  z-index: 1;
  height: 150px;
  width: 150px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.module a .meta {
  display: block;
  height: 66px;
  width: 220px;
  background-color: #5f5f5f;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#5f5f5f),to(#202020));
  background-image: -webkit-linear-gradient(top,#5f5f5f,#202020);
  background-image: -moz-linear-gradient(top,#5f5f5f,#202020);
  background-image: -o-linear-gradient(top,#5f5f5f,#202020);
  background-image: -ms-linear-gradient(top,#5f5f5f,#202020);
  background-image: linear-gradient(top,#5f5f5f,#202020);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5f5f5f',EndColorStr='#202020');
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  z-index: -2;
  position: relative;
}
.module a .meta:hover {
  background: none;
  background-image: none;
  background-color: #a8ff00;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#a8ff00),to(#e4ff00));
  background-image: -webkit-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -moz-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -o-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -ms-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: linear-gradient(top,#a8ff00,#e4ff00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d0ff00',EndColorStr='#d0ff00');
  background-color: #d0ff00;
}
.module a .meta:hover .meta span {
  text-shadow: 0px 0px 4px #FFFFFF;
  color: #000 !important;
}
.module a .meta span.name {
  text-align: center;
  width: 100%;
  margin: 18px 0 0 0;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  color: #fff;
  float: left;
}
.module a .meta span.desc {
  text-align: center;
  width: 100%;
  height: 12px;
  margin: 8px 0 0 0;
  line-height: 12px;
  font-size: 12px;
  color: #fff;
  float: left;
}
.module a .meta span {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
}
.module a:hover .icon img {
  -moz-animation-name: bob;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 0.5s;
  -moz-animation-direction: alternate;
  -webkit-animation-name: bob;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-direction: alternate;
}
.module a:hover .meta,
.module a.active .meta {
  background: none;
  background-image: none;
  background-color: #a8ff00;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#a8ff00),to(#e4ff00));
  background-image: -webkit-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -moz-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -o-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -ms-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: linear-gradient(top,#a8ff00,#e4ff00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d0ff00',EndColorStr='#d0ff00');
  background-color: #d0ff00;
}
.module a:hover .meta span,
.module a.active .meta span {
  text-shadow: 0px 0px 4px #FFFFFF;
  color: #000 !important;
}
footer {
  background-color: #d2d2d2;
  height: 270px;
  margin: 30px 0 0 0;
}
footer .wrapper {
  height: 270px;
  width: 922px;
  padding: 0 24px;
}
footer .wrapper .footer-inner {
  height: 116px;
  border-bottom: 2px solid #fff;
}
footer .wrapper .footer-inner #title-footer {
  background-color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  color: #d2d2d2;
  height: 22px;
  width: 100px;
  padding: 8px 0 0 0;
  float: left;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
footer .wrapper .footer-inner #version-footer {
  float: left;
  height: 18px;
  padding: 8px 6px 0 6px;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
footer .wrapper .footer-inner .copy {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 24px 0;
  color: #fff;
  font-size: 12px;
}
footer .wrapper .footer-inner .copy span {
  float: left;
  clear: both;
}
footer .wrapper .footer-inner .logos {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0 24px 0;
}
footer .wrapper .footer-inner .logos a {
  display: inline-block;
  margin: 0 12px 0 0;
}
form.formContent {
  float: left;
  margin: 0 0 24px 0;
}
form.formContent .formSection {
  width: 472px;
  margin: 0 28px 0 0;
  min-height: 75px;
  float: left;
}
form.formContent .formSection .colorPreview {
  position: absolute;
  z-index: 2;
  top: 36px;
  right: 4px;
  height: 30px;
  width: 31px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
form.formContent .formSection .addOrder {
  background-color: #eeeeee;
  border: 1px solid #CDCDCD;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 12px;
}
form.formContent .formSection .addOrder .list {
  width: 458px;
  float: left;
}
form.formContent .formSection .addOrder .list.left {
  margin: 0 28px 0 0;
}
form.formContent .formSection .addOrder .list span.title {
  padding: 6px 0 6px 13px;
  font-size: 12px;
  line-height: 14px;
  height: 12px;
  display: block;
}
form.formContent .formSection .addOrder .list.left span.title {
  padding-left: 19px;
}
form.formContent .formSection .addOrder .list .addList {
  display: block;
  padding: 18px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #bbbbbb;
  height: 300px;
  position: relative;
}
form.formContent .formSection .addOrder .list .addList .searchAdd {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  padding: 12px;
  height: 12px;
  width: 398px;
  margin: 0 0 12px 0;
}
form.formContent .formSection .addOrder .list .addList .searchAdd .searchList {
  border: none;
  outline: none;
  background: #fff;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  width: 398px;
}
form.formContent .formSection .addOrder .list .addList .searchAdd .addButton {
  display: none;
  background: url(../img/sprites/delete_bg.png) 0 -21px transparent repeat-x;
  color: #fff;
  padding: 2px 6px;
  line-height: 14px;
  height: 12px;
  font-size: 12px;
  text-decoration: none;
  position: absolute;
  top: 11px;
  right: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
form.formContent .formSection .addOrder .list .addList .searchAdd .addButton:hover {
  background: url(../img/sprites/delete_bg.png) 0 0 transparent repeat-x;
  color: #000;
}
form.formContent .formSection .addOrder .list .addList .addListList {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  padding: 12px 2px 12px 0;
  height: 228px;
  width: 420px;
  overflow: hidden;
  overflow-y: auto;
}
form.formContent .formSection .addOrder .list .addList .addListList .item:nth-child(even) {
  background-color: #eeeeee;
}
form.formContent .formSection .addOrder .list .addList .addListList .item {
  padding: 6px 12px;
  display: block;
}
form.formContent .formSection .addOrder .list .addList .addListList .item span {
  width: 360px;
  display: block;
}
form.formContent .formSection .addOrder .list .addList .addListList .item a.add {
  background: url(../img/sprites/addorder_add_bg.png) 0 -27px transparent repeat-x;
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 5px;
  right: 5px;
}
form.formContent .formSection .addOrder .list .addList .addListList .item a.add:hover {
  background: url(../img/sprites/addorder_add_bg.png) 0 0 transparent repeat-x;
}
form.formContent .formSection .addOrder .list .orderList {
  display: block;
}
form.formContent .formSection .addOrder .list .orderList .item {
  background-color: #fff;
  padding: 6px 6px 6px 12px;
  border: 1px solid #CDCDCD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 12px;
  position: relative;
  margin: 0 0 6px 0;
}
form.formContent .formSection .addOrder .list .orderList .item span.name {
  height: 12px;
  font-size: 12px;
  line-height: 14px;
  float: left;
}
form.formContent .formSection .addOrder .list .orderList .item a.delete {
  background: url(../img/sprites/delete_bg.png) 0 -21px transparent repeat-x;
  color: #fff;
  padding: 2px 6px;
  line-height: 14px;
  height: 12px;
  font-size: 12px;
  text-decoration: none;
  position: absolute;
  top: 4px;
  right: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
form.formContent .formSection .addOrder .list .orderList .item a.delete:hover {
  background: url(../img/sprites/delete_bg.png) 0 0 transparent repeat-x;
  color: #000;
}
form.formContent .formSection select {
  width: 470px;
}
form.formContent .formSection select.date {
  width: 80px;
}
form.formContent .formSection select.date.small {
  width: 60px;
}
form.formContent .formSection input {
  width: 444px;
}
form.formContent .formSection input.submit {
  display: block;
  width: 470px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  background-color: #c7c7c7;
  height: 42px;
  color: #fff;
  font-size: 20px;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  border: none;
  cursor: pointer;
  margin: 34px 0 0 0;
}
form.formContent .formSection input.submit:hover {
  background: url(../img/sprites/button-grad-green-large.png) 0 0 transparent repeat-x;
  color: #000;
}
form.formContent .formSection input.submit.busy {
  background: url(../img/ajax-loader.gif) 350px 15px #c7c7c7 no-repeat;
}
form.formContent .formSection input.submit.busy:hover {
  background: url(../img/ajax-loader.gif) 350px 15px #c7c7c7 no-repeat;
  color: #fff;
}
form.formContent .formSection.full {
  width: 970px;
}
form.formContent .formSection.full textarea {
  width: 968px;
  padding: 0;
  marging: 0;
  height: 280px;
}
form.formContent .formSection.full div {
  margin-right: 26px;
}
form.formContent .formSection.full div:last-child {
  margin: 0;
}
form.formContent .formSection div.full {
  width: 472px;
}
form.formContent .formSection div.full textarea {
  width: 470px;
  height: 200px;
}
form.formContent .formSection label {
  height: 34px;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 34px;
  font-size: 14px;
  padding: 0 0 0 12px;
}
form.formContent .formSection textarea {
  width: 444px;
  height: 78px;
}
form.formContent .formSection.quarter {
  width: 222px;
  margin: 0 28px 0 0;
}
form.formContent .formSection.quarter input,
form.formContent .formSection.quarter textarea {
  width: 194px;
}
.content form .formSection {
  margin: 0 11px 0 0;
}
.formHeader {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}
.formHeader .logo {
  float: left;
  width: 200px;
}
.formHeader .formNav {
  float: left;
  width: 800px;
  height: 150px;
}
.formHeader .formNav .tab {
  border-top: 10px solid #F8F6F5;
  padding: 38px 0 0;
  position: relative;
  width: 770px;
}
.formHeader .formNav .tab h4.title {
  padding: 4px 12px !important;
  font-size: 16px;
}
.formHeader .formNav ul.nav {
  border-bottom: 4px solid #F8F6F5;
  position: absolute;
  bottom: 0;
}
.formHeader .formNav ul.nav li {
  float: left;
  margin: 0 28px 0 0;
}
.formHeader .formNav ul.nav li a {
  padding: 0 12px;
  color: #303030;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  display: block;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.formHeader .formNav ul.nav li a:hover,
.formHeader .formNav ul.nav li a.active {
  background: url(../img/sprites/button-grad-green.png) repeat-x 0 0 transparent;
}
.vantageFormAccordion {
  float: left;
  width: 970px;
  margin: 0 0 24px 0;
}
.vantageFormAccordion * {
  float: left;
}
.vantageFormAccordion h3 {
  position: relative;
  width: 100%;
  border: none;
  border-top: 10px solid #F8F6F5;
  z-index: 1;
  padding: 38px 0 0 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
}
.vantageFormAccordion h3 span {
  display: none;
}
.vantageFormAccordion h3 a {
  float: left;
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 0;
  border: 1px solid #555555;
  color: #fff !important;
  text-align: center;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: bold;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  background-color: #555555 !important;
  text-decoration: none !important;
  -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}
.vantageFormAccordion h3 a span {
  font-weight: normal;
}
.vantageFormAccordion div.content {
  width: 100%;
  padding: 24px 0;
  top: 0;
  margin: 0;
  background: none;
  border: none;
  color: #000;
}
.vantageFormAccordion div.content div.accordion-section {
  border-top: 2px solid #F8F6F5;
  display: block;
  width: 946px;
  margin: 0 0 0 24px;
  padding: 24px 0 12px 0;
  min-height: 104px;
}
.vantageFormAccordion div.content div.accordion-section li.addli {
  position: absolute;
  right: 0;
  top: 36px;
  height: 30px;
  width: 30px;
  padding: 0;
  margin: 0;
}
.vantageFormAccordion div.content div.accordion-section li.addli a.addFile {
  background: url('../img/forms/add_image.png') 0 0 transparent no-repeat;
  display: block;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.vantageFormAccordion div.content div.accordion-section li.addli a.addFile .icon {
  display: block;
  height: 30px;
  width: 30px;
  background: url('../img/forms/add_image.png') 0 0 transparent no-repeat;
}
.vantageFormAccordion div.content div.accordion-section li.addli a.addFile:hover {
  background: url(../img/sprites/button-grad-green.png) repeat-x 0 0 transparent;
}
.vantageFormAccordion div.content div.accordion-section li.addli a.addFile:hover .icon {
  background: url('../img/forms/add_image.png') -62px 0 transparent no-repeat;
}
.vantageFormAccordion div.content div.accordion-section h6 {
  position: absolute;
  background-color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
  height: 24px;
  padding: 0 12px 0 0;
  top: -12px;
  left: 0;
  color: #7c7c7c;
  text-transform: capitalize;
}
.vantageFormAccordion div.content div.accordion-section ul.ui-sortable li {
  cursor: move;
}
.vantageFormAccordion div.content div.accordion-section ul {
  width: 100%;
}
.vantageFormAccordion div.content div.accordion-section ul li.ui-state-highlight {
  -moz-box-shadow: 0px 0px 3px 1px #000000;
  -webkit-box-shadow: 0px 0px 3px 1px #000000;
  box-shadow: 0px 0px 3px 1px #000000;
  visibility: visible;
  background: #fff;
  border: none;
}
.vantageFormAccordion div.content div.accordion-section ul li {
  float: left;
  width: 60px;
  height: 100px;
  position: relative;
  margin: 0 24px 0 0;
  padding: 2px;
  z-index: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.vantageFormAccordion div.content div.accordion-section ul li.selected,
.vantageFormAccordion div.content div.accordion-section ul li.ui-sortable-helper {
  -moz-box-shadow: 0px 0px 3px 1px #000000;
  -webkit-box-shadow: 0px 0px 3px 1px #000000;
  box-shadow: 0px 0px 3px 1px #000000;
}
.vantageFormAccordion div.content div.accordion-section ul li.cutting {
  -moz-box-shadow: 0px 0px 3px 1px #A8FF00;
  -webkit-box-shadow: 0px 0px 3px 1px #A8FF00;
  box-shadow: 0px 0px 3px 1px #A8FF00;
}
.vantageFormAccordion div.content div.accordion-section ul li.toolbox {
  z-index: 99;
}
.vantageFormAccordion div.content div.accordion-section ul li.ui-state-hover {
  border: none;
  -moz-box-shadow: 1px 1px 5px #000000;
  -webkit-box-shadow: 1px 1px 5px #000000;
  box-shadow: 1px 1px 5px #000000;
  background: none;
}
.vantageFormAccordion div.content div.accordion-section ul li.ui-draggable-dragging {
  z-index: 999;
}
.vantageFormAccordion div.content div.accordion-section ul li.ui-draggable-dragging img {
  -moz-box-shadow: 0 0 4px #ff0000;
  -webkit-box-shadow: 0 0 4px #ff0000;
  box-shadow: 0 0 4px #ff0000;
}
.vantageFormAccordion div.content div.accordion-section ul li.ui-draggable-dragging #toolbox,
.vantageFormAccordion div.content div.accordion-section ul li.ui-draggable-dragging span.name {
  display: none;
}
.vantageFormAccordion div.content div.accordion-section ul li.cloned {
  filter: alpha(opacity:0.3);
  -khtml-opacity: .30;
  -ms-filter: alpha(opacity=30);
  -moz-opacity: .30;
  filter: alpha(opacity=30);
  opacity: .30;
}
.vantageFormAccordion div.content div.accordion-section ul li img {
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  z-index: 1;
}
.vantageFormAccordion div.content div.accordion-section ul li.dir img {
  background: url(../img/sprites/button-grad-green.png) repeat-x 0 0 transparent;
}
.vantageFormAccordion div.content div.accordion-section ul li span.name {
  display: block;
  font: 10px/12px Helvetica, Arial, sans-serif;
  height: 36px;
  width: 60px;
  color: #838383;
  text-align: center;
  font-weight: normal;
  margin: 0;
  padding: 4px 0 0 0;
  z-index: 1;
  position: relative;
  word-wrap: break-word;
}
.vantageFormAccordion div.content div.accordion-section ul li textarea.renamer {
  display: block;
  font: 12px/14px Helvetica, Arial, sans-serif;
  height: 46px;
  border: 1px solid #000;
  color: #838383;
  text-align: left;
  font-weight: bold;
  margin: 0;
  padding: 0;
  top: 60px;
  left: 0;
  z-index: 1;
  resize: none;
  width: 58px;
  position: absolute;
  overflow: hidden;
}
.vantageFormAccordion div.content div.accordion-section ul li .thumbs {
  bottom: 38px;
  height: 34px;
  left: 0;
  padding: 0 0 2px 2px;
  position: absolute;
  width: 58px;
  z-index: 9;
}
.vantageFormAccordion div.content div.accordion-section ul li .thumbs img {
  float: left;
  height: 16px;
  margin: 0 3px 2px 0;
  position: static;
  width: 16px;
}
.vantageTitleSection {
  width: 1000px;
  margin: 0 0 20px;
  padding-bottom: 25px;
  border-bottom: #F8F6F5 5px solid;
  float: left;
}
.vantageTitleSection h3 {
  position: relative;
  width: 970px;
  border: none;
  border-top: 10px solid #F8F6F5;
  z-index: 1;
  padding: 38px 0 0 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
}
.vantageTitleSection h3 span {
  display: none;
}
.vantageTitleSection h3 a {
  float: left;
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 0;
  border: 1px solid #555555;
  color: #fff !important;
  text-align: center;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: bold;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  background-color: #555555 !important;
  text-decoration: none !important;
  -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}
.vantageTitleSection h3 a span {
  font-weight: normal;
}
#fileSelector {
  z-index: 999;
  position: fixed;
  background-color: #fff;
  border: 4px solid #D2D2D2;
  filter: alpha(opacity:0);
  -khtml-opacity: 0;
  -ms-filter: alpha(opacity=0);
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  min-width: 400px;
  overflow: hidden;
  -moz-box-shadow: 1px 1px 3px 1px #414141;
  -webkit-box-shadow: 1px 1px 3px 1px #414141;
  box-shadow: 1px 1px 3px 1px #414141;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#fileSelector .inner {
  display: block;
  padding: 2px 6px 6px 6px;
  min-width: 388px;
}
#fileSelector #close {
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 9999;
  cursor: pointer;
}
#fileSelector .upload-button {
  margin: 10px 0 0 10px;
}
#fileSelector ul {
  padding: 0 0 12px 0;
}
#fileSelector ul li.item {
  float: left;
  width: 60px;
  height: 100px;
  position: relative;
  margin: 0 24px 12px 0;
  padding: 2px;
  z-index: 1;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#fileSelector ul li.item.selected,
#fileSelector ul li.item:hover {
  -moz-box-shadow: 0px 0px 3px 1px #000000;
  -webkit-box-shadow: 0px 0px 3px 1px #000000;
  box-shadow: 0px 0px 3px 1px #000000;
}
#fileSelector ul li.item.cutting {
  -moz-box-shadow: 0px 0px 3px 1px #A8FF00;
  -webkit-box-shadow: 0px 0px 3px 1px #A8FF00;
  box-shadow: 0px 0px 3px 1px #A8FF00;
}
#fileSelector ul li.item.toolbox {
  z-index: 99;
}
#fileSelector ul li.item.ui-state-hover {
  border: none;
  -moz-box-shadow: 1px 1px 5px #000000;
  -webkit-box-shadow: 1px 1px 5px #000000;
  box-shadow: 1px 1px 5px #000000;
  background: none;
}
#fileSelector ul li.item.ui-draggable-dragging {
  z-index: 999;
}
#fileSelector ul li.item.ui-draggable-dragging img {
  -moz-box-shadow: 0 0 4px #ff0000;
  -webkit-box-shadow: 0 0 4px #ff0000;
  box-shadow: 0 0 4px #ff0000;
}
#fileSelector ul li.item.ui-draggable-dragging #toolbox,
#fileSelector ul li.item.ui-draggable-dragging span.name {
  display: none;
}
#fileSelector ul li.item.cloned {
  filter: alpha(opacity:0.3);
  -khtml-opacity: .30;
  -ms-filter: alpha(opacity=30);
  -moz-opacity: .30;
  filter: alpha(opacity=30);
  opacity: .30;
}
#fileSelector ul li.item img {
  width: 60px;
  height: 50px;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  z-index: 1;
}
#fileSelector ul li.item.dir img {
  background: url(../img/sprites/button-grad-green.png) repeat-x 0 0 transparent;
}
#fileSelector ul li.item span.name {
  display: block;
  font: 10px/12px Helvetica, Arial, sans-serif;
  height: 36px;
  width: 60px;
  color: #838383;
  text-align: center;
  font-weight: normal;
  margin: 0;
  padding: 4px 0 0 0;
  z-index: 1;
  position: relative;
  word-wrap: break-word;
}
#fileSelector ul li.item textarea.renamer {
  display: block;
  font: 12px/14px Helvetica, Arial, sans-serif;
  height: 46px;
  border: 1px solid #000;
  color: #838383;
  text-align: left;
  font-weight: bold;
  margin: 0;
  padding: 0;
  top: 60px;
  left: 0;
  z-index: 1;
  resize: none;
  width: 58px;
  position: absolute;
  overflow: hidden;
}
#fileSelector ul li.item .thumbs {
  bottom: 38px;
  height: 34px;
  left: 0;
  padding: 0 0 2px 2px;
  position: absolute;
  width: 58px;
  z-index: 9;
}
#fileSelector ul li.item .thumbs img {
  float: left;
  height: 16px;
  margin: 0 3px 2px 0;
  position: static;
  width: 16px;
}
#fileSelector #bread {
  height: 30px;
  width: auto;
  display: block;
  padding: 0 0 6px 0;
}
#fileSelector #bread li {
  float: left;
  height: 30px;
  width: auto;
  color: #7c7c7c;
  text-align: center;
  font: 14px/30px Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}
#fileSelector #bread li a {
  display: block;
  height: 30px;
  padding: 0 2px;
  color: #7c7c7c;
  text-align: center;
  font: 14px/30px Helvetica, Arial, sans-serif;
  text-decoration: none;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
#fileSelector #bread li a:after {
  content: " /";
}
#fileSelector #bread li a.active {
  color: #303030;
}
#fileSelector #bread li a.active:after {
  content: " >";
}
#fileSelector #bread li a:hover {
  font-size: 18px;
  color: #000;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#fileSelector #bread li:last-child a {
  color: #303030;
}
#fileSelector #bread li:last-child a:after {
  content: " >";
}
#overlay {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
#overlay .modal {
  position: absolute;
  top: 120px;
  left: 50%;
  width: 186px;
  min-height: 106px;
  -moz-box-shadow: 1px 1px 5px #000000;
  -webkit-box-shadow: 1px 1px 5px #000000;
  box-shadow: 1px 1px 5px #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #E9E9E9;
  background: url("/vantage/system/modules/file-manager/assets/img/alert.png") 8px 8px #fff no-repeat;
  padding: 6px;
  z-index: 999;
}
#overlay .modal.error .yes {
  left: auto !important;
  right: 0 !important;
}
#overlay .modal.prompt,
#overlay .modal.error {
  width: 304px;
  min-height: 14px;
  padding: 12px 12px 28px 96px;
  z-index: 999;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 20px 4px #000000;
  -webkit-box-shadow: 0 0 20px 4px #000000;
  box-shadow: 0 0 20px 4px #000000;
  background-color: #fff;
  border: 0;
}
#overlay .modal.prompt .icon,
#overlay .modal.error .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 84px;
  height: 100%;
  background: url(../img/sprites/vantage_alert.png) center center no-repeat #333333;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
#overlay .modal.prompt span,
#overlay .modal.error span {
  display: block;
  font: 16px/20px Helvetica, Arial, sans-serif;
  height: auto;
  position: static;
  width: auto;
  margin: 0;
  color: #000;
  padding: 0 0 6px 0;
}
#overlay .modal.prompt .footer,
#overlay .modal.error .footer {
  position: absolute;
  bottom: 0;
  right: 12px;
  width: 304px;
  height: 40px;
  display: block;
  background: url(../img/sprites/vantage_alert_foot_long.png) 0 center no-repeat #fff;
}
#overlay .modal.prompt .confirm,
#overlay .modal.error .confirm {
  bottom: 0;
  display: block;
  height: 40px;
  left: 0;
  width: 100%;
}
#overlay .modal.prompt .confirm a,
#overlay .modal.error .confirm a {
  cursor: pointer;
  font: 16px/24px Helvetica, Arial, sans-serif;
  height: 24px;
  width: auto;
  padding: 0 26px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  bottom: 8px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  color: #000;
  background-color: #d8d8d8;
}
#overlay .modal.prompt .confirm a.yes,
#overlay .modal.error .confirm a.yes {
  left: 0;
}
#overlay .modal.prompt .confirm a.yes:hover,
#overlay .modal.error .confirm a.yes:hover {
  background-color: #a8ff00;
}
#overlay .modal.prompt .confirm a.no,
#overlay .modal.error .confirm a.no {
  right: 0;
}
#overlay .modal.prompt .confirm a.no:hover,
#overlay .modal.error .confirm a.no:hover {
  background-color: #a8ff00;
}
#overlay .modal span {
  display: block;
  font: 12px/18px Helvetica, Arial, sans-serif;
  height: auto;
  margin-left: 48px;
  position: static;
  top: 8px;
  width: 146px;
}
#overlay #multi.modal.imageTypeSelect {
  width: 500px;
  height: auto;
  padding: 0 0 46px 0;
}
#overlay #multi.modal.imageTypeSelect span {
  float: left;
  width: 452px;
  margin: 0 0 0 48px;
  min-height: 36px;
  display: block;
  position: static;
  padding: 12px 0 0 0;
}
#overlay #multi.modal.imageTypeSelect .buttons {
  width: 488px;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 28px;
  border-top: 1px solid #C7C7C7;
  padding: 0 6px 6px 6px;
}
#overlay #multi.modal.imageTypeSelect .buttons a {
  float: right;
  position: relative;
  top: -1px;
}
#overlay #multi.modal.imageTypeSelect ul {
  float: left;
  width: 400px;
  position: static;
  margin: 12px 50px;
}
#overlay #multi.modal.imageTypeSelect ul li {
  width: 398px;
  height: 42px;
  background-color: #eeeeee;
  border: 1px solid #cdcdcd;
  margin: 0 0 6px 0;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  cursor: pointer;
  -moz-box-shadow: 0 0 2px 1px #ddd inset;
  -webkit-box-shadow: 0 0 2px 1px #ddd inset;
  box-shadow: 0 0 2px 1px #ddd inset;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#overlay #multi.modal.imageTypeSelect ul li.sortable {
  cursor: move;
}
#overlay #multi.modal.imageTypeSelect ul li a {
  color: #000000;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 42px;
  line-height: 44px;
  padding: 0 0 0 12px;
  text-decoration: none;
}
#overlay #multi.modal.imageTypeSelect ul li span {
  float: right;
  height: 48px;
  line-height: 48px;
  padding: 0 12px 0 0;
  width: auto;
}
#overlay #multi.modal.imageTypeSelect ul li:hover {
  border: 1px solid #a8ff00;
}
.pop {
  position: fixed;
  top: 12px;
  right: 12px;
  width: 304px;
  min-height: 14px;
  padding: 46px 12px 46px 96px;
  z-index: 999;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 20px 4px #000000;
  -webkit-box-shadow: 0 0 20px 4px #000000;
  box-shadow: 0 0 20px 4px #000000;
  background-color: #fff;
}
.pop .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 84px;
  height: 100%;
  background: url(../img/sprites/vantage_tick.png) center center no-repeat #333333;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.pop .footer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 316px;
  height: 40px;
  display: block;
  background: url(../img/sprites/vantage_alert_foot.png) 0 center no-repeat #fff;
}
.notice {
  position: fixed;
  top: 12px;
  right: 12px;
  width: 200px;
  height: 28px;
  background-color: #fff;
  color: #000;
  border: 3px solid #E9E9E9;
  z-index: 9999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 5px #000000;
  -webkit-box-shadow: 1px 1px 5px #000000;
  box-shadow: 1px 1px 5px #000000;
}
.notice .expand {
  display: block;
  height: 16px;
  width: 16px;
  background: url("/vantage/system/assets/img/sprites/expand.png") 0 0 transparent no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  bottom: 6px;
  left: 6px;
  cursor: pointer;
  z-index: 1;
}
.notice.small span {
  padding: 0 0 0 32px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  z-index: 0;
}
.notice .content {
  display: block;
  padding: 6px;
}
.notice .content h1 {
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 12px 0;
  display: block;
}
.notice .content p {
  margin: 0 0 12px 0;
  font-size: 12px;
  line-height: 18px;
}
.notice ul {
  float: left;
  width: 500px;
  position: static;
  margin: 12px 50px;
}
.notice ul li {
  width: 498px;
  height: 42px;
  background-color: #eeeeee;
  border: 1px solid #cdcdcd;
  margin: 0 0 6px 0;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  cursor: pointer;
  -moz-box-shadow: 0 0 2px 1px #ddd inset;
  -webkit-box-shadow: 0 0 2px 1px #ddd inset;
  box-shadow: 0 0 2px 1px #ddd inset;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.notice ul li.sortable {
  cursor: move;
}
.notice ul li a {
  color: #000000;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 42px;
  line-height: 44px;
  padding: 0 0 0 12px;
  text-decoration: none;
}
.notice ul li span {
  float: right;
  height: 48px;
  line-height: 48px;
  padding: 0 12px 0 0;
  width: auto;
}
.notice ul li:hover {
  border: 1px solid #a8ff00;
}
#form .searchBox {
  width: 970px;
  background-color: #F8F6F5;
  height: 73px;
  margin-bottom: 15px;
}
#form .searchBox .overlay {
  display: none;
  width: 970px;
  height: 73px;
  background: url(/vantage/system/assets/img/ajax-loader.gif) 477px 30px no-repeat #c6c6c6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
#form .searchBox form.searchForm {
  padding: 5px;
}
#form .searchBox form.searchForm select {
  width: 400px;
}
#form .searchBox form.searchForm div.wrap {
  width: 100%;
  float: left;
  margin-top: 5px;
}
#form .searchBox form.searchForm label {
  display: block;
  float: left;
  font-weight: bold;
  padding: 8px 10px 0 5px;
}
#form .searchBox form.searchForm input.text,
#form .searchBox form.searchForm input.submit {
  border: medium none;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  background-color: #C7C7C7;
  height: 25px;
  display: inline;
  margin: 2px 10px 0;
  width: 170px;
  float: left;
  display: block;
}
#form .searchBox form.searchForm input.submit {
  cursor: pointer;
  font-size: 16px;
  width: 130px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
#form .searchBox form.searchForm input.submit:hover {
  background-color: #303030;
}
#form .searchBox form.searchForm input.text {
  color: #000;
  font-size: 14px;
  text-decoration: none;
  background-color: #fff;
  margin-right: 0;
}
#form .searchBox form.searchForm input.text.small {
  width: 60px;
  font-size: 10px;
}
#form .searchBox form.searchForm a.clear {
  background-color: #C7C7C7;
  border: medium none;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline;
  font-size: 16px;
  height: 25px;
  margin: 2px 0 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  width: 130px;
  float: left;
  display: block;
  margin-right: 10px;
  line-height: 27px;
}
#form .searchBox form.searchForm a.clear:hover {
  background-color: #303030;
}
#form .searchBox form.searchForm .chzn-container {
  float: left;
  display: block;
  margin: 2px 10px 0 0;
}
#form .searchBox form.searchForm select#orderBy {
  width: 250px;
}
#form .searchBox.standard {
  height: 40px;
}
#form .searchBox.standard form.searchForm .chzn-container {
  margin: 2px 0 0 10px;
}
#ui-datepicker-div {
  z-index: 2 !important;
}
.item-list-wide {
  width: 970px;
}
.item-list-wide > li {
  width: 968px;
  height: 42px;
  background-color: #eeeeee;
  border: 1px solid #cdcdcd;
  margin: 0 0 6px 0;
  -moz-box-shadow: 0 0 2px 1px #ddd inset;
  -webkit-box-shadow: 0 0 2px 1px #ddd inset;
  box-shadow: 0 0 2px 1px #ddd inset;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.item-list-wide > li.sortable {
  cursor: move;
}
.item-list-wide > li .buttons {
  float: right;
  height: 34px;
  padding: 4px;
}
.item-list-wide > li .buttons a {
  float: left;
  font-weight: bold;
  height: 32px;
  padding: 0 8px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background-color: #000;
  line-height: 34px;
  font-size: 12px;
  margin: 0 0 0 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  background-color: #5f5f5f;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#5f5f5f),to(#202020));
  background-image: -webkit-linear-gradient(top,#5f5f5f,#202020);
  background-image: -moz-linear-gradient(top,#5f5f5f,#202020);
  background-image: -o-linear-gradient(top,#5f5f5f,#202020);
  background-image: -ms-linear-gradient(top,#5f5f5f,#202020);
  background-image: linear-gradient(top,#5f5f5f,#202020);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5f5f5f',EndColorStr='#202020');
}
.item-list-wide > li .buttons a:hover {
  background-color: #a8ff00;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#a8ff00),to(#e4ff00));
  background-image: -webkit-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -moz-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -o-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: -ms-linear-gradient(top,#a8ff00,#e4ff00);
  background-image: linear-gradient(top,#a8ff00,#e4ff00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a8ff00',EndColorStr='#e4ff00');
  color: #000;
}
.item-list-wide > li .buttons a.loading {
  background: url("/vantage/system/assets/img/ajax-loader2.gif") no-repeat scroll center 20px #5F5F5F;
}
.item-list-wide > li .buttons a.loading:hover {
  background: url("/vantage/system/assets/img/ajax-loader2.gif") no-repeat scroll center 20px #5F5F5F;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5f5f5f',EndColorStr='#202020');
  color: #fff;
}
.item-list-wide > li .title {
  color: #000000;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 42px;
  line-height: 44px;
  padding: 0 30px 0 12px;
  overflow: hidden;
}
.pages {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}
.pages li {
  width: auto;
  float: left;
  padding: 0;
  margin: 0 5px 5px 0;
}
.pages li a {
  color: #000000;
  background-color: #eeeeee;
  display: block;
  float: left;
  padding: 5px 5px 1px;
  text-decoration: none;
}
.pages li a:hover,
.pages li a.active {
  background-color: #000000;
  color: #fff;
}
#toolbox {
  position: absolute;
  top: 0;
  left: 70px;
  background-color: #efefef;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 2px #313131;
  -webkit-box-shadow: 0 0 2px #313131;
  box-shadow: 0 0 2px #313131;
  display: block;
  width: 30px;
  padding: 0;
  z-index: 999;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
#toolbox #pointer {
  position: absolute;
  display: block;
  top: 0;
  left: -10px;
  height: 100%;
  width: 10px;
  background: url("/vantage/system/modules/file-manager/assets/img/pointer.png") 0 6px transparent no-repeat;
  padding: 0;
}
#toolbox li.tool {
  width: 100%;
  margin: 2px 0;
  padding: 0;
  width: 30px;
  height: 28px;
  border: none;
}
#toolbox li.tool a {
  display: block;
  height: 28px;
  width: 28px;
  position: relative;
  left: 1px;
  cursor: pointer;
}
#toolbox li.tool a:hover {
  background: url(../img/sprites/button-grad-green.png) repeat-x 0 0 transparent;
}
#toolbox li.tool a .icon {
  display: block;
  height: 28px;
  width: 30px;
  position: relative;
  left: -1px;
}
#toolbox li.tool a#trash .icon {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") 4px 0 transparent no-repeat;
}
#toolbox li.tool a#trash .icon:hover {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") -116px 0 transparent no-repeat;
}
#toolbox li.tool a#imageEdit .icon {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") 4px -128px transparent no-repeat;
}
#toolbox li.tool a#imageEdit .icon:hover {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") -116px -128px transparent no-repeat;
}
#toolbox li.tool a#rename .icon {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") no-repeat scroll 4px -96px transparent;
}
#toolbox li.tool a#rename .icon:hover {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") -116px -96px transparent no-repeat;
}
#toolbox li.tool a#cut .icon {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") no-repeat scroll 4px -32px transparent;
}
#toolbox li.tool a#cut .icon:hover {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") -116px -32px transparent no-repeat;
}
#toolbox li.tool a#paste .icon {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") no-repeat scroll 4px -64px transparent;
}
#toolbox li.tool a#paste .icon:hover {
  background: url("/vantage/system/modules/file-manager/assets/img/tools_sprite_trans.png") -116px -64px transparent no-repeat;
}
.scrollr-self {
  overflow: hidden;
}
.scrollr-viewport {
  overflow: hidden;
  position: relative;
}
.scrollr-inner {
  position: absolute;
  top: 0;
  left: 0;
}
.scrollr-scrollbar {
  background-color: #fff;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  z-index: 999;
}
.scrollr-scrollbar.fade {
  filter: alpha(opacity:0);
  KHTMLOpacity: 0;
  MozOpacity: 0;
  -khtml-opacity: 0;
  -ms-filter: alpha(opacity=0);
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.scrollr-viewport:hover .scrollr-scrollbar.fade {
  filter: alpha(opacity:1);
  KHTMLOpacity: 1;
  MozOpacity: 1;
  -khtml-opacity: 1;
  -ms-filter: alpha(opacity=100);
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
.scrollr-handle {
  width: 8px;
  height: 30px;
  position: absolute;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  top: 0;
  left: 0;
  background-color: #ccc;
}
#login #loginForm,
#login #twoFactorForm {
  width: 382px;
  display: block;
  margin: 0 auto;
}
#login #loginForm input,
#login #twoFactorForm input {
  margin: 0 0 12px 0;
}
#login #loginForm label,
#login #twoFactorForm label {
  color: #5F5F5F;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  width: 382px;
}
#login #loginForm p,
#login #twoFactorForm p {
  color: #5F5F5F;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 12px 0;
}
#login #loginForm input#submit,
#login #loginForm input#twoFactorSubmit,
#login #twoFactorForm input#submit,
#login #twoFactorForm input#twoFactorSubmit {
  margin: 12px 0 0 0;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  height: 26px;
  line-height: 26px;
  border: 1px solid #C7C7C7;
  width: 382px;
  text-align: center;
  outline: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url("../img/sprites/button-grad-grey.png") repeat-x scroll 0 0 transparent;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
#login #loginForm input#submit:hover,
#login #loginForm input#twoFactorSubmit:hover,
#login #twoFactorForm input#submit:hover,
#login #twoFactorForm input#twoFactorSubmit:hover {
  color: #303030;
}
#login #loginForm #twoFactorResend,
#login #twoFactorForm #twoFactorResend {
  color: #194d9f;
  display: block;
  font-size: 13px;
  line-height: 18px;
  margin: 12px 0 0;
  text-align: center;
  text-decoration: underline;
}
.vantage-2fa-overlay {
  background: rgba(0,0,0,0.45);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6;
}
.vantage-2fa-modal {
  background: #fff;
  border: 1px solid #C7C7C7;
  left: 50%;
  max-width: 520px;
  padding: 24px;
  position: absolute;
  top: 60px;
  transform: translateX(-50%);
  width: 90%;
}
.vantage-2fa-modal label {
  color: #5F5F5F;
  display: block;
  font-size: 14px;
  margin: 14px 0 6px;
}
.vantage-2fa-modal input.text {
  box-sizing: border-box;
  width: 100%;
}
.vantage-2fa-modal p {
  color: #5F5F5F;
  line-height: 20px;
}
.vantage-2fa-qr {
  background: #fff;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  height: 282px;
  margin: 18px auto;
  padding: 20px;
  width: 282px;
}
.vantage-2fa-qr canvas,
.vantage-2fa-qr img {
  display: block;
  height: 240px;
  width: 240px;
}
.vantage-2fa-reveal {
  background: none;
  border: 0;
  color: #194d9f;
  cursor: pointer;
  display: block;
  margin: 0 auto 18px;
  padding: 0;
  text-decoration: underline;
}
.vantage-2fa-manual {
  background: #F7F7F7;
  border: 1px solid #E0E0E0;
  margin: 0 0 18px;
  padding: 14px;
}
.vantage-2fa-actions {
  margin-top: 18px;
}
.vantage-2fa-actions input,
.vantage-2fa-actions button {
  margin-right: 10px;
}
select#siteList {
  width: 274px;
}
body.html-uploader .upload-button {
  overflow: hidden;
  display: block;
  position: relative;
  float: none;
  padding: 0;
  margin: 0;
  width: 46px;
  height: 30px;
}
body.html-uploader .upload-button.hide {
  display: none;
}
body.html-uploader .upload-button span {
  display: block !important;
  position: absolute !important;
  background: url(../../modules/file-manager/assets/img/upload.png) 0 0 no-repeat;
  width: 46px;
  height: 30px;
}
body.html-uploader .upload-button span:hover {
  background-position: 0 -30px;
}
body.html-uploader .upload-button:hover span {
  background-position: 0 -30px;
}
body.html-uploader .upload-button input {
  border: medium none !important;
  cursor: pointer !important;
  height: 400px !important;
  width: 400px !important;
}
body.go-wide .wrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
}
body.go-wide .wrapper .container {
  width: 100%;
  margin: 0 auto;
}
body.go-wide .wrapper header .titles,
body.go-wide .wrapper header .site {
  width: 100%;
}