/* Table of Content
==================================================
  # Basic styles
  # Top navigation
  # Left navigation & widgets
  # Common styles
  # Content
  # Statistic row
  # Gallery
  # Buttons
  # Content widgets
  # Progress bars 
  # Tables 
    # Pagination
  # Form styles 
  # Footer
  # Other plugin styles
  # Media queries (remove them if you don't want to use responsive layout)
==================================================*/

/* #Basic Styles
================================================== */

/* Wrappers */

html {
  margin: 0;
  padding: 0;
  height: 100%;
  /*background: transparent url(../images/backgrounds/bg.jpg);*/
}

.html {
  height: 100%;
}

body {
  font-size: 12px;
  color: #595959;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 20px;
  position: relative;
  min-height: 100%;
  /*height:100%;*/
}

#footer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

body {
  /*background: url(../images/backgrounds/bodyBg.png) repeat-y 0 0;*/
}

.wrapper {
  position: relative;
  margin: 0 3%;
}

.contentWrapper {
  position: relative;
  margin: 0 3%;
  float: right;
  width: 94%;
}

.chart,
.bars,
.updating,
.pie {
  height: 250px;
  z-index: 90;
  max-width: 100%;
}

.chartWrapper {
  overflow: hidden;
}

/* Text */

h1 {
  font-size: 24px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

.redBack,
.greenBack,
.greyBack,
.blueBack {
  padding: 4px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #fafafa;
}

.redBack {
  background: #b75d5d;
}

.greenBack {
  background: #7ab75d;
}

.greyBack {
  background: #6a6a6a;
}

.blueBack {
  background: #5d92b7;
}

p {
  padding-top: 12px;
}

.textL {
  text-align: left;
}

.textR {
  text-align: right;
}

.textC {
  text-align: center;
}

.red {
  color: #a73939;
}

/*.green {
    color: #599414;
}*/

.green {
  color: #0073b0;
}

.lGrey {
  color: #808080;
}

.blue {
  color: #4286ad;
}

.orange {
  color: #c75510;
}

.f11 {
  font-size: 11px;
}

/* Dividers */

.line {
  height: 8px;
  background: url(../images/divider.png) repeat-x;
  display: block;
}

.lp .line {
  background: none;
  display: none;
}

.cLine {
  height: 4px;
  background: url(../images/contentDivider.png) repeat-x;
}

.sidebarSep {
  background: url(../images/sidebarSep.png) no-repeat 50%;
  height: 8px;
  width: 100%;
  margin: 16px 0;
}

.lp .sidebarSep {
  background: #0073b0;
  height: 1px;
}

/* Content */

.legendLabel span {
  display: block;
  margin: 0 5px;
}

.legendColorBox {
  padding-left: 10px;
}

.clear {
  clear: both;
}

.last {
  border-bottom: none !important;
}

.floatR {
  float: right;
}

.floatL {
  float: left;
}

.nobg {
  background: none !important;
}

.nomargin {
  margin: 0;
}

.nomarginL {
  margin-left: 0 !important;
}

.nomarginR {
  margin-right: 0 !important;
}

.np {
  padding: 0 !important;
}

.sideMargin {
  margin: 0 12px;
}

#leftSide {
  /*background: url(../images/backgrounds/leftTop.png) repeat-x 0 0, url(../images/backgrounds/bodyBg.png) repeat-y 0 0;*/
  background-color: #2e373f;
  /*margin: 0 2px 0 0;*/
  float: left;
  width: 110px;
  /*padding: 0 1px;*/
  top: 0;
  left: 0;
  /*height: 100%;*/
  z-index: 1;
  padding-bottom: 60px;
  position: absolute;
  min-height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lp #leftSide {
  background-color: #fff;
  border-right: 1px solid #0073b0;
  border-top: 32px solid #0073b0;
  padding-top: 68px;
}

.lp #leftSide:after {
  content: "";
  height: 32px;
  background-color: #0073b0;
  width: 110px;
  position: fixed;
  top: 0;
  left: 0;
}

/*#leftSide.admin{background-color: #870707;}*/

#leftSide:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 100%;
  z-index: -1;
  background-color: #2e373f;
  content: "";
}

/*#leftSide.admin:before{background-color: #870707;}*/
.lp #leftSide:before {
  background-color: #fff;
  border-right: 1px solid #0073b0;
  -webkit-box-shadow: 0px 0px 20px -3px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 20px -3px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 20px -3px rgba(50, 50, 50, 0.75);
}

.lp .uDialog {
  display: none;
}

#rightSide {
  padding-bottom: 62px;
  /*overflow: hidden;*/
  margin-left: 110px;
  border-top: 1px solid transparent;
  margin-top: -1px;
}

#rightSide.noLeft {
  margin-left: 0;
}

.scroll {
  height: 182px;
  overflow: auto;
}

.dn,
.resp {
  display: none;
}

select[multiple] {
  border: 1px solid #ddd;
  box-shadow: 0 0 0 2px #f4f4f4;
  -webkit-box-shadow: 0 0 0 2px #f4f4f4;
  -moz-box-shadow: 0 0 0 2px #f4f4f4;
  color: #656565;
  background: white;
}

/* Placeholder colors */

::-webkit-input-placeholder {
  color: #b3b3b3;
}

:-moz-placeholder {
  color: #b3b3b3;
}

/* ========== join us page ======*/

.JoinWrapper {
  position: relative;
  margin: 20px 3%;
}

.JoinWrapper .widget {
  max-width: 900px;
  background: #f9f9f9;
  border: 1px solid #cdcdcd;
  display: block;
  position: relative;
  clear: both;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.joinlogo {
  position: relative;
  width: 236px;
  height: 60px;
  display: block;
  top: -10px;
  left: 50%;
  margin-left: -118px;
}

#addnativlang,
#removenativlang {
  cursor: pointer;
  color: #d76a6a;
}

.subconatinerforajaxlanguages {
  padding: 0 2px 0;
}

.raquo {
  position: relative;
  height: 26px;
  float: left;
  text-align: center;
  font-size: 25px;
  padding-top: 2px;
  width: 20px;
}

.ajaxsepform {
  position: relative;
  height: 26px;
  float: left;
  text-align: center;
  width: 5px;
}

.form-area-of-exprertise-pace {
  position: relative;
  height: 26px;
  float: left;
  width: 250px;
}

.addmore {
  cursor: pointer;
  color: #d76a6a;
}

/* ==========  Login page  ========== */

.loginPage .userNav {
  margin-right: 0 !important;
}

.loginPage .topNav {
  text-align: center;
  position: static;
}

.loginPage .topNav .wrapper {
  margin: 0 5px;
}

.loginPage .userNav,
.loginPage .userNav ul {
  float: none;
  border: none;
}

.loginPage .userNav ul li {
  display: inline-block;
  float: none;
  margin-left: -4px;
  vertical-align: top;
}

.loginPage input[type="text"],
.loginPage input[type="password"] {
  width: 100% !important;
}

.loginPage #footer .wrapper {
  padding-left: 0;
}

.loginPage .formRow {
  padding: 3px 14px;
}

.loginWrapper {
  margin: -119px 0 0 -167px;
  position: absolute;
  top: 49%;
  left: 50%;
}

.loginWrapper .widget {
  width: 340px;
  background: #f9f9f9;
  border: 1px solid #cdcdcd;
  display: block;
  height: 236px;
  height: 142px;
}

.LostPassWrapper {
  margin: -90px 0 0 -170px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.LostPassWrapper .widget {
  width: 340px;
  background: #f9f9f9;
  border: 1px solid #cdcdcd;
  display: block;
  height: 180px;
}

.loginLogo {
  text-align: center;
  padding-top: 20px;
}

.loginLogo img {
  width: 66%;
}

.loginControl {
  border-top: 1px solid #fff;
  padding: 16px 14px;
}

.logMeIn {
  float: right;
  padding: 7px 20px 8px 20px !important;
}

.loginInput {
  width: 190px;
  float: right;
  margin-right: 14px !important;
}

.rememberMe {
  float: left;
  margin-top: 6px;
}

.rememberMe label {
  width: auto;
  display: block;
  white-space: nowrap;
  margin: -2px 14px 0 14px;
  float: left;
  cursor: pointer;
}

.backTo {
  border-left: 1px solid #39454f;
  border-right: 1px solid #39454f;
  float: left;
}

.backTo .inner {
  border-left: 1px solid #1c262b;
  border-right: 1px solid #1c262b;
  float: left;
}

.backTo a:hover {
  background: #293138;
  border-left: 1px solid #293138;
  border-right: 1px solid #293138;
}

.backTo span {
  padding: 4px 15px 4px 8px;
  display: block;
  float: left;
}

.backTo img {
  margin: 9px 2px 0px 14px;
  float: left;
  display: block;
}

.backTo a {
  float: left;
  color: #eeeeee;
  font-size: 11px;
  border-left: 1px solid #39454f;
  border-right: 1px solid #39454f;
}

.language-panel {
  font-family: Vrinda;
  text-align: center;
  line-height: normal;
}

/* ==========  Login page current  ========== */
.loginPage .topNav {
  display: none;
}
.loginPage {
  overflow-x: hidden;
}




.blue-bg-form {
  width: 100%;
  max-width: 330px;
}
.blue-bg-form--full{
  max-width: 100%;
}
.blue-bg-form__title {
  line-height: 1;
  padding-bottom: 20px;
  border-bottom: 2px solid #ffffff;
  margin-bottom: 20px;
  font-size: 16px;
}
.lp .blue-bg-form__body.widget {
  margin-top: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  height: auto;
  width: auto;
}
.blue-bg-form .formRow {
  padding: 0;
  border: 0;
  margin-bottom: 20px;
}
.blue-bg-form .formRow label:not(.checkbox-label):not(.error){
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  display: block;
  padding: 0;
  padding-bottom: 5px;
  float: none;
}
.blue-bg-form .loginInput {
  width: auto;
  float: none;
  margin: 0 !important;
}
.blue-bg-form .form input[type="text"],
.blue-bg-form .form input[type="password"] {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: none;
  font-size: 12px;
  height: 40px;
}
.blue-bg-form .form input[type="text"]:focus,
.blue-bg-form .form input[type="password"]:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
}
.blue-bg-form .loginControl {
  border: none;
  padding: 0;
}
.blue-bg-form .widget > p {
  padding: 0;
  margin-bottom: 10px;
}
.blue-bg-form .wButton {
  border: 2px solid #ffffff;
  border-radius: 0;
  font-size: 12px;
  line-height: 18px;
  padding: 9px 20px;
  height: auto;
  background: none;
  transition: all 0.25s;
  max-height: 100px;
}
.blue-bg-form .wButton:hover {
  color: #0073b0;
  background: #ffffff;
}
.blue-bg-form .wButton span {
  padding: 0;
}
label.checkbox-label{
  display: inline-block;
  vertical-align: baseline;
  cursor: pointer;
}
label.checkbox-label:after{
  content:'';
  width:100%;
  display:table;
  clear: both;
}
label.checkbox-label + label.checkbox-label{
  margin-left: 20px;
}
label.checkbox-label div.radio span{
  vertical-align: top;
}
label.checkbox-label .radio{
  margin-top: 0;
  margin-right: 10px;
}
label.checkbox-label > span{
  line-height: 15px;
  display:inline-block;
  vertical-align: top;
}
.blue-bg-form .formError .formErrorContent {
  white-space: nowrap;
}
.lp .blue-bg-form .nNote {
  margin-bottom: 20px;
}

.blue-bg-form div.selector,
.blue-bg-form .chosen-container{
  width:100% !important;
  max-width: 100%;
  height: 40px;
  background: #ffffff;
  float: none;
  color: #595959;
}
.blue-bg-form div.selector > *{
  z-index: 2;
}
.blue-bg-form div.selector:after,
.blue-bg-form .chosen-container-single .chosen-single div{
  position: absolute;
  top:0;
  right:0;
  line-height: 40px;
  color: #595959;
  pointer-events: none;
  user-select: none;
  z-index: 1;
  padding: 0 6px;
  width: auto;
}
.blue-bg-form div.selector:after,
.blue-bg-form .chosen-container-single .chosen-single div:after{
  content: '\25bc';
}
.blue-bg-form div.selector span{
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 6px;
  background: none;
}
.blue-bg-form div.selector select{
  width: 100%;
  height: 40px;
  border: none;
}

.blue-bg-form .chosen-container-single .chosen-single{
  height: 40px;
  padding: 10px 6px;
  border: none;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}
.blue-bg-form .chosen-container-single .chosen-single span{
  color: #595959;
  font-size: 12px;
  line-height: 20px;
}
.blue-bg-form .chosen-container-single .chosen-single div b{
  display: none;
}
.blue-bg-form .chosen-container .chosen-results li.highlighted{
  background-image: none;
  background: #0073b0;
}
.blue-bg-form .chosen-container-single .chosen-drop{
  margin-top: 0;
  border: none;
  border-radius: 0;
}
.blue-bg-form .chosen-container-single .chosen-search input[type="text"]{
  background: none;
  height:30px;
  border: 1px solid #ddd;
}

.blue-bg-form .wizButtons,
.blue-bg-form .ui-formwizard .formRow:last-child{
  border: none;
}

.blue-bg-form .wizButtons .wNavButtons{
  margin: 0;
  float: none;
}


.blue-bg-form .req{
  color: #fff;
  display: inline;
  float: none;
}




.c-wrapper *{
  box-sizing: border-box;
}
.c-wrapper a{
  text-decoration: underline;
}

.blue-half{
  position: relative;
}
.blue-half:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50vw;
  background: #0073b0;
  z-index: 1;
}
.blue-half > * {
  position: relative;
  z-index: 2;
}
.blue-half,
.blue-half a {
  color: #ffffff;
}


.text-module a{
  color: inherit;
}
.text-module img {
  max-width: 220px;
}


.c-topbar{
  height: 32px;
  background: #0073b0;
}
.c-container{
  max-width: 1170px;
  margin:0 auto;
}
.c-row:after{
  content:'';
  width: 100%;
  display: table;
  clear: both;
}
.c-row-mg{
  margin-left:-15px;
  margin-right:-15px;
}
.c-col{
  float:left;
  padding-left: 15px;
  padding-right: 15px;
}

.c-row-fullheight{
  display: flex;
  min-height: calc(100vh - 32px)
}
.c-row-fullheight:after{
  display: none;
}
.c-row-fullheight > .c-col{
  float: none;
}

.c-col25{
  width: 25%;
}
.c-col50{
  width: 50%;
}
.c-col75{
  width: 75%;
}


.padding-half{
  padding-top:60px;
  padding-bottom:60px;
}
.padding-half + .padding-half{
  padding-left: 60px;
}

@media only screen and (max-width: 1024px) {
  .blue-bg-form .formRow {
    width: 100%;
  }
  .blue-bg-form .formError {
    left: auto !important;
    right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .padding-half + .padding-half{
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .c-col{
    width: 100%;
  }
  .formRow .c-col + .c-col{
    margin-top: 20px;
  }
  .padding-half{
    padding-top:30px;
    padding-bottom:30px;
  }
  .padding-half + .padding-half{
    padding-left: 15px;
  }
  .c-row-fullheight{
    flex-direction: column;
  }
  .c-row-fullheight > .c-col:last-child{
    flex-grow: 1;
  }
  .blue-half:before {
    display: none;
  }
  .blue-half{
    background: #0073b0;
  }
  .lp.loginPage {
    min-height: 0;
  }
  .blue-bg-form{
    max-width: 100%;
  }
}

/* ==========  Error and offline pages  ========== */

.errorWrapper {
  position: absolute;
  top: 70px;
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
  height: 430px;
}

.errorWrapper .button {
  margin-bottom: 30px;
}

.sadEmo {
  background: url(../images/sadEmo.png) no-repeat;
  display: block;
  height: 62px;
  margin: 0 auto 0px auto;
  width: 62px;
}

.errorWrapper .errorTitle {
  display: block;
  text-shadow: 1px 0 0 #fff;
  text-align: center;
  font-size: 20px;
  border-bottom: 1px solid #cdcdcd;
  padding: 20px 14px;
  font-weight: bold;
  color: #d76a6a;
  font-style: italic;
}

.errorWrapper .errorNum {
  color: #fff;
  font-size: 200px;
  text-stroke: 1px transparent;
  padding: 120px 0 80px 0;
  display: block;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
    0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
    0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2),
    0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2),
    0 20px 20px rgba(0, 0, 0, 0.15);
}

.errorDesc {
  display: block;
  margin: 40px 0 25px 0;
  font-weight: bold;
  font-size: 14px;
}

/* ==========  Numeric data designs  ========== */

.numberTop,
.numberMiddle,
.numberRight,
.groupNum {
  text-align: center;
  background: url(../images/backgrounds/numberBg.png) repeat-x;
  display: inline-block;
  padding: 1px 5px;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  float: right;
  margin: 10px 15px 10px -5px;
  font-size: 11px;
  line-height: 14px;
  width: auto;
  height: auto !important;
}

.numberTop {
  margin: 6px 12px 6px -5px;
  padding: 1px 5px !important;
}

.numberMiddle {
  margin: 0;
  position: absolute;
  top: -8px;
  right: -1px;
  font-size: 11px;
}

.numberRight {
  margin: 1px 3px;
  background: #1b232a;
  border: 1px solid #333c45;
  padding: 2px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  color: #d5d5d5;
}

.groupNum {
  display: block;
  float: none;
  position: absolute;
  top: -9px;
  right: 0;
  margin: 0;
  box-shadow: 0 0 0 1px #262f36;
  -webkit-box-shadow: 0 0 0 1px #262f36;
  -moz-box-shadow: 0 0 0 1px #262f36;
}

/* Top navigation
================================================== */

.topNav {
  background: url(../images/backgrounds/topnavBg.png) repeat-x;
  /*background-color: #205081;*/
  display: block;
  color: #eeeeee;
  /*margin: 0 0 0 -2px;*/
  /*padding: 3px 0;*/
  position: fixed;
  width: 100%;
  z-index: 999;
}

.lp .topNav .sButton {
  background: none;
  border-radius: 0 !important;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-top: none;
  border-bottom: none;
  margin-top: 0 !important;
  position: relative;
  z-index: 1;
}

.lp .topNav {
  background: #0073b0;
}

.lp .topNav a {
  color: #fff;
}

.userNav {
  border-left: 1px solid #39454f;
  border-right: 1px solid #39454f;
  margin-right: -2px;
}

.welcome {
  float: left;
  margin-left: -4px;
}

.welcome img {
  float: left;
  margin: 6px 8px 6px 0;
}

.welcome span {
  padding: 6px 5px;
  display: block;
  white-space: nowrap;
  float: left;
  font-size: 12px;
}

.lp .welcome span {
  color: #fff !important;
}

.userNav {
  float: right;
  z-index: 6000;
  position: relative;
  font-size: 12px;
  margin-right: 214px;
}

.lp .userNav ul {
  border: none;
}

.userNav ul {
  border-left: 1px solid #39454f;
  border-right: 1px solid #39454f;
  margin-right: -1px;
}

.userNav ul li {
  display: inline;
  float: left;
  position: relative;
  cursor: pointer;
  border-left: 1px solid #1c262b;
  border-right: 1px solid #1c262b;
  margin-left: -1px;
}

.lp .userNav > ul > li {
  border-right: 1px solid #fff;
  border-left: none;
}

.lp .userNav > ul > li:first-child {
  border-left: 1px solid #fff;
}

/*.userNav ul li:first-child{border-left: 1px solid #7994b0;}*/

.userNav ul li a {
  color: #eeeeee;
  text-decoration: none;
  display: block;
  float: left;
  border-left: 1px solid #39454f;
  border-right: 1px solid #39454f;
}

.lp .userNav ul li a {
  border: none;
}

.userNav ul li a:hover {
  border-left: 1px solid #293138;
  border-right: 1px solid #293138;
  background-color: #242c33;
}

.lp .userNav ul li a:hover {
  background-color: transparent;
  border: none;
}

.userNav ul li span {
  display: block;
  padding: 6px 15px 6px 8px;
  float: left;
}

.userNav ul li img {
  float: left;
  display: block;
  margin: 9px 2px 0px 14px;
}

ul.userDropdown {
  position: absolute;
  left: -9px;
  display: none;
  top: 35px;
  background: url(../images/subArrow.png) no-repeat 50% 0;
  padding: 0 1px 1px 1px;
  z-index: 100;
  border: none;
}

.lp ul.userDropdown {
  background: none;
}

.lp ul.userDropdown:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6.5px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.5px 6px 6.5px;
  border-color: transparent transparent #0073b0 transparent;
}

ul.userDropdown li {
  display: block;
  float: none;
  border-bottom: 1px solid #1c252b;
  border-top: 1px solid #404950;
  background: url(../images/backgrounds/navBg.jpg);
}

.lp ul.userDropdown li {
  background: #0073b0;
}

.lp ul.userDropdown li,
.lp ul.userDropdown li:hover {
  border-color: #fff;
  border-bottom: none;
}

ul.userDropdown li:hover {
  border-top: 1px solid #374047;
}

ul.userDropdown li:first-child {
  margin-top: 6px;
  border-top: none;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px;
}

ul.userDropdown li:last-child {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
}

ul.userDropdown li a {
  width: 100px;
  padding: 6px 10px 7px 32px;
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
  float: none;
  border: none;
}

ul.userDropdown li a:hover {
  border-right: none;
  border-left: none;
}

.sAdd {
  background: url(../images/icons/topnav/subAdd.png) no-repeat 11px;
}

.sInbox {
  background: url(../images/icons/topnav/subInbox.png) no-repeat 11px;
}

.sOutbox {
  background: url(../images/icons/topnav/subOutbox.png) no-repeat 11px;
}

.sTrash {
  background: url(../images/icons/topnav/subTrash.png) no-repeat 11px;
}

/* Left navigation
================================================== */

/* === Left navigation widgets === */

/*.nav li.dash a span {*/
/*background-image: url(../images/icons/light/home.png);*/
/*}*/

/*.nav li.charts span {*/
/*background-image: url(../images/icons/light/stats.png);*/
/*}*/

/*.nav li.forms a span {*/
/*background-image: url(../images/icons/light/pencil.png);*/
/*background-position: center 9px;*/
/*}*/

.nav li.typo span {
  background-image: url(../images/icons/light/create.png);
}

.nav li.tables a span {
  background-image: url(../images/icons/light/frames.png);
}

.nav li.errors a span {
  background-image: url(../images/icons/light/alert.png);
}

.nav li.files a span {
  background-image: url(../images/icons/light/files.png);
}

/*.nav li.ui a span {*/
/*background-image: url(../images/icons/light/user.png);*/
/*background-position: center 9px;*/
/*}*/

.nav li.widgets a span {
  background-image: url(../images/icons/light/fullscreen.png);
}

.nav li a span {
  background-position: 12px 13px;
  background-repeat: no-repeat;
}

/* === Left navigation classes === */

.logo {
  border-top: 1px solid #3b4751;
  margin: 3px 1px 0 1px;
  padding: 13px 5px;
}

.lp .logo {
  border-top: none;
}

.logo img {
  width: 100%;
}

.nav {
  /*border-top: 1px solid #137c29;*/
}

/*.admin .nav {*/
/*border-top: 1px solid #ca2c2c;*/
/*}*/

.nav li {
  position: relative;
}

.nav li a {
  display: block;
  /*background: url(../images/backgrounds/navItemBg.png) repeat-x 0 0;*/
  /*border-bottom: 1px solid #137c29;*/
  /*border-top: 1px solid #fff;*/
}

/*.admin .nav li a {*/
/*display: block;*/
/*border-bottom: 1px solid #ca2c2c;*/
/*}*/

.nav li a:hover {
  /*background-position: 0 -43px;*/
  /*border-top: 1px solid #516271;*/
  background-color: #242c33;
}

.lp .nav li a:hover {
  background-color: #0073b0;
}

.nav li a.active,
.nav li a:active {
  /*background-position: 0 -86px;*/
  /*border-top: 1px solid #657d92;*/
  background-color: #242c33;
}

.lp .nav li a.active,
.lp .nav li a:active {
  background-color: #0073b0;
}

/*.lp .nav li a{border-radius: 4px;}*/

/*.admin .nav li a:hover {*/
/*background-color: #ac0707;*/
/*}*/

/*.admin .nav li a.active, .admin .nav li a:active {*/
/*background-color: #ac0707;*/
/*}*/

*:hover .tooltip {
  display: block !important;
}

.tooltip {
  position: absolute !important;
  padding: 0 5px !important;
  height: 25px;
  line-height: 25px !important;
  color: #fff !important;
  top: 50%;
  margin-top: -12.2px;
  left: 120px;
  border-radius: 4px;
  display: none !important;
  z-index: 10;
  white-space: nowrap;
  background: #2e373f;
}

.tooltip:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
}

.tooltip:before {
  border-color: transparent #2e373f transparent transparent;
}

.lp .tooltip:before {
  border-color: transparent #99ca3d transparent transparent;
}

.lp .tooltip {
  background: #0073b0;
}

/*.lp .nav li a span {
    color: #99ca3d;
}*/

.lp .nav li a span {
  color: #0073b0;
}

.nav li a span {
  padding: 52px 5px 10px;
  display: block;
  line-height: 1.3;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
}

.nav li a:hover span,
.nav li a.active span {
  color: #fff;
}

.nav li a span i {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
}

.nav li a span i:before,
.nav li a span i:after {
  font-size: 30px;
}

.nav li a span b {
  font-size: 10px;
  margin-left: 12px;
  position: absolute;
  top: 8px;
  right: 20px;
}

.lp .nav li a span i:before,
.lp .nav li a span i:after {
  color: #0073b0;
}

.lp .nav li a:hover span i:before,
.lp .nav li a:hover span i:after,
.lp .nav li a:active span i:before,
.lp .nav li a:active span i:after,
.lp .nav li a.active span i:before,
.lp .nav li a.active span i:after {
  color: #fff;
}

.nav li a strong {
  /*background: #1b232a;*/
  display: block;
  position: absolute;
  right: 5px;
  padding: 0 7px;
  top: 5px;
  /*box-shadow: 0 1px 1px #38444f;*/
  /*-webkit-box-shadow: 0 1px 1px #38444f;*/
  /*-moz-box-shadow: 0 1px 1px #38444f;*/
  font-size: 11px;
  color: #efefef;
}

.nav li a.active strong,
.nav li a:active strong {
  background: #1c2126;
  /*box-shadow: 0 1px 1px #557188;*/
  /*-webkit-box-shadow: 0 1px 1px #557188;*/
  /*-moz-box-shadow: 0 1px 1px #557188;*/
}

.nav .last {
  border-bottom: none;
}

ul.sub {
  background-color: #1c2126;
  /*border-bottom: 1px solid #127126;*/
  border-top: none;
  -webkit-box-shadow: inset 0px 8px 11px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 8px 11px -8px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 8px 11px -8px rgba(0, 0, 0, 0.75);
}

.lp ul.sub {
  background-color: #0073b0; /*margin-top: -2px;border-radius: 0 0 4px 4px;*/
}

/*.admin ul.sub {*/
/*border-bottom: 1px solid #ca2c2c;*/
/*background: url(../images/backgrounds/subNavBg.jpg);*/
/*background-color: #1c2126;*/
/*}*/

ul.sub li {
  /*border-bottom: 1px solid #127126;*/
}

/*.admin ul.sub li {*/
/*border-bottom: 1px solid #8d0d0d;*/
/*}*/

ul.sub li.this {
  background: url(../images/backgrounds/subNavBg_active.jpg);
  border-bottom: 1px solid #192226;
  border-top: 1px solid #192226;
}

ul.sub li.this:first-child {
  border-top: 1px solid #30373d;
}

ul.sub li.this a {
  color: #d5d5d5;
}

ul.sub li a {
  background: url(../images/arrow.gif) no-repeat 12px 16px;
  border: none !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 8px 10px 8px 26px;
  line-height: 1.5;
  color: #daddda;
}

.lp ul.sub li a {
  color: #fff;
}

ul.sub li a:hover {
  font-style: normal;
  border: none;
  color: #ebedec;
  background: url(../images/arrow.gif) no-repeat 12px 16px;
}

ul.sub li ul {
  border: none;
  border-top: 1px solid #c9c9c9;
}

ul.sub li ul li {
  padding-left: 10px;
}

/* ===== Responsive dropdown ===== */

.smalldd {
  display: block;
  position: relative;
  background: url(../images/backgrounds/respNavBg.png) repeat-x;
}

.smalldd ul {
  position: absolute;
  z-index: 999;
  display: none;
  width: 100%;
  top: 38px;
}

.smalldd ul li {
  background: url(../images/backgrounds/navBg.jpg);
  border-top: 1px solid #444b52;
  border-bottom: 1px solid #1c252a;
  position: relative;
}

.smalldd ul li a {
  padding: 8px 6%;
  display: block;
  color: #cecece;
  font-size: 11px;
}

.smalldd ul li a img {
  padding-top: 3px;
  display: block;
  float: left;
  margin-right: 16px;
}

.smalldd ul li a:hover {
  background: #2a333b;
}

.smalldd ul li:hover {
  /*border-top: 1px solid #323940*/
}

.smalldd ul li a span {
  padding: 10px 0 12px 42px;
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #efefef;
}

.smalldd ul li a strong {
  background: #1b232a;
  display: block;
  position: absolute;
  right: 10px;
  padding: 0 7px;
  top: 8px;
  box-shadow: 0 1px 1px #38444f;
  -webkit-box-shadow: 0 1px 1px #38444f;
  -moz-box-shadow: 0 1px 1px #38444f;
  font-size: 11px;
  color: #efefef;
}

.smalldd ul li > ul li {
  background: url(../images/backgrounds/subNavBg.jpg);
  border-bottom: 1px solid #1a2227;
  border-top: 1px solid #303a43;
}

.smalldd ul li > ul li:first-child {
  border-top-color: #303a43;
}

.smalldd ul li > ul li:hover {
  background: #222a30;
}

.smalldd ul li > ul li:hover a {
  color: #fff;
}

.smalldd ul li > .active {
  border-bottom: 1px solid #1c252a;
}

.smalldd ul li ul {
  display: block;
  position: static;
}

.smalldd ul li ul li a,
.smalldd ul li ul li a:hover {
  padding-left: 50px;
  font-size: 11px;
  background: url(../images/arrow.gif) no-repeat 32px 16px;
}

.smalldd > .inactive,
.smalldd > .active,
.smalldd > .inactive:hover,
.smalldd > .active:hover {
  background: url(../images/backgrounds/arrows.png) 100% 12px no-repeat;
}

/* === Sidebar widgets === */

/* Profile */

.sideProfile {
  padding: 0 12px;
  font-size: 11px;
  color: #cecece;
  position: relative;
}

.sideProfile span {
  display: block;
}

.sideProfile span a {
  color: white;
  font-weight: bold;
}

.sideProfile ul {
  display: none;
  border-left: 1px solid #1c252a;
  border-right: 1px solid #1c252a;
  border-top: 1px solid #1c252a;
  position: absolute;
  top: 76px;
  z-index: 980;
  width: 190px;
}

.sideProfile ul li {
  background: #2f363c;
  border-top: 1px solid #444b52;
  border-bottom: 1px solid #1c252a;
}

.sideProfile ul li:first-child {
  border-top: none;
}

.sideProfile ul li a {
  padding: 8px 10px;
  display: block;
  color: #cecece;
}

.sideProfile ul li a img {
  padding-top: 5px;
  display: block;
  float: left;
  margin-right: 14px;
}

.sideProfile ul li a:hover {
  background: #2c323a;
}

.profileFace {
  float: left;
  margin: 0 10px 10px 0;
}

.goUser {
  display: block;
  background: url(../images/backgrounds/sideDropdown.png) no-repeat 0 0;
  width: 172px;
  height: 21px;
  padding: 5px 10px;
  cursor: pointer;
}

.goUser:hover {
  background-position: 0 -32px;
}

.goUser:active {
  background-position: 0 -64px;
}

/* 3 buttons */

.iconsGroup {
  margin: 20px 14px 0 14px;
  border: 1px solid #262f36;
  box-shadow: 0 0 0 1px #394248;
  -webkit-box-shadow: 0 0 0 1px #394248;
  -moz-box-shadow: 0 0 0 1px #394248;
}

.iconsGroup ul li {
  background: url(../images/backgrounds/iconsGroup.png) repeat-x 0 0;
  float: left;
  position: relative;
  display: block;
  border-left: 1px solid #262f36;
}

.iconsGroup ul li a.dUsers {
  background: url(../images/icons/dUsers.png) no-repeat 50%;
}

.iconsGroup ul li a.dMessages {
  background: url(../images/icons/dMessages.png) no-repeat 50% 10px;
}

.iconsGroup ul li a.dMoney {
  background: url(../images/icons/dMoney.png) no-repeat 50%;
  padding: 21px 31px 20px 31px;
}

.iconsGroup ul li:first-child {
  border-left: none;
}

.iconsGroup ul li a {
  display: block;
  padding: 21px 30px 20px 31px;
}

.iconsGroup ul li:hover {
  background-position: 0 -42px;
}

.iconsGroup ul li:active {
  background-position: 0 -84px;
}

/* General balance */

.genBalance {
  height: 68px;
  border-top: 1px solid #252d31;
  border-bottom: 1px solid #242d33;
  background: #252d31;
}

.genBalance a {
  background: url(../images/backgrounds/genBalance.png) repeat-x;
  display: block;
  border-top: 1px solid #4a535c;
  color: #e0e0e0;
  border-bottom: 1px solid #3c444c;
}

.genBalance a span {
  font-size: 11px;
  display: block;
  margin-bottom: 6px;
}

.genBalance a span.balanceAmount {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
}

.genBalance .amount {
  width: 124px;
  float: left;
  margin-right: 1px;
  border-right: 1px solid #3b4751;
  padding: 10px 14px;
  border-left: 1px solid #3b4751;
}

.genBalance .amChanges {
  width: 39px;
  float: left;
  border-left: 1px solid #3b4751;
  border-right: 1px solid #3b4751;
  padding: 9px 10px;
}

.sNegative,
.sPositive,
.sZero {
  padding: 26px 0 2px 0;
  text-align: center;
  display: block;
  font-size: 14px;
}

.sNegative {
  color: #e77575;
}

.sPositive {
  color: #90c254;
  background: url(../images/backgrounds/sidebarPositiveArrow.png) no-repeat 14px
    10px;
}

.sZero {
}

.rating-icon {
  display: inline-block;
  height: 16px;
  cursor: pointer;
}

.rating-icon-1 {
  background: url(../images/icons/color/star.png);
  width: 16px;
}

.rating-icon-2 {
  background: url(../images/icons/color/star.png);
  width: 32px;
}

.rating-icon-3 {
  background: url(../images/icons/color/star.png);
  width: 48px;
}

.rating-icon-4 {
  background: url(../images/icons/color/star.png);
  width: 63px;
}

.rating-icon-5 {
  background: url(../images/icons/color/star.png);
  width: 79px;
}

/* Next update */

.nextUpdate {
  margin-top: 12px;
}

.nextUpdate ul li {
  color: #cecece;
  font-size: 11px;
  display: inline-block;
  width: 48px;
  padding: 0 14px;
  text-align: right;
}

.lp .nextUpdate ul li {
  color: #595959;
}

.nextUpdate ul li:first-child {
  text-align: left;
  width: 108px;
}

/* Numbers statistics */

.numStats ul li {
  float: left;
  text-align: center;
  width: 46px;
  padding: 0 12px;
  color: #f8f8f8;
  font-size: 18px;
  border-right: 1px solid #283037;
  border-left: 1px solid #37414a;
}

.numStats ul li span {
  display: block;
  color: #717e88;
  font-size: 11px;
}

.numStats ul li.last {
  border-right: none;
}

/* Sidebar buttons */

.sButton {
  background: url(../images/backgrounds/sidebarButtons.png) repeat-x;
  width: 185px;
  margin: 0 auto;
  display: block;
  border: 1px solid #222a30;
  text-align: center;
  height: 34px;
  line-height: 34px;
  border-radius: 4px !important;
}

.sButton span {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fefefe;
  display: inline-block;
}

.sButton img {
  float: left;
  padding: 12px 15px 12px 14px;
  background: url(../images/backgrounds/sidebarButtonSep.png) repeat-y 100% 0;
}

.sBlue {
  background-position: 0 0;
}

.sBlue:hover {
  background-position: 0 -35px;
}

.sBlue:active {
  background-position: 0 -70px;
}

.sRed {
  background-position: 0 -107px;
}

.sRed:hover {
  background-position: 0 -142px;
}

.sRed:active {
  background-position: 0 -177px;
}

.sGreen {
  background-position: 0 -214px;
}

.sGreen:hover {
  background-position: 0 -249px;
}

.sGreen:active {
  background-position: 0 -284px;
}

/* Round statistics */

.sRoundStats {
  width: 185px;
  margin: 0 auto;
}

.sRoundStats ul li {
  float: left;
  margin-left: 5px;
  text-align: center;
  color: white;
  font-size: 11px;
}

.sRoundStats ul li:first-child {
  margin-left: 0;
}

.sRoundStats ul li a {
  background: url(../images/backgrounds/roundStats.png) no-repeat 0 0;
  display: block;
  width: 58px;
  height: 58px;
  margin-top: 6px;
}

.sRoundStats ul li a:hover {
  background-position: 0 -60px;
}

.sRoundStats ul li a:active {
  background-position: 0 -120px;
}

.sRoundStats ul li a span {
  font-size: 12px;
  padding: 28px 2px 2px 2px;
  font-weight: bold;
  display: block;
}

.sRoundStats ul li a span.roundZero {
  color: #e2e2e2;
  background: url(../images/sidebarZero.png) no-repeat 50% 15px;
}

.sRoundStats ul li a span.roundPos {
  color: #a6e062;
  background: url(../images/sidebarPos.png) no-repeat 50% 15px;
}

.sRoundStats ul li a span.roundNeg {
  color: #e48383;
  background: url(../images/sidebarNeg.png) no-repeat 50% 15px;
}

/* Common styles
================================================== */

.fixed {
  box-shadow: inset 0 0 1px #748a9b;
  -moz-box-shadow: inset 0 0 1px #748a9b;
  -webkit-box-shadow: inset 0 0 1px #748a9b;
}

.middleNav,
.widget,
.sItem,
.statsDetailed,
.statsContent,
.nav li a strong,
.controlB ul li,
.toggle,
.smalldd ul li a strong {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.widget,
.middleNav,
.sItem,
.statsDetailed {
  box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
}

.wButton,
.nNote,
.widget .num a,
.tag,
a.sButton,
.tooltip,
.tPagination ul li a,
.bc,
.pages li a,
.smallButton,
.search-choice,
.horControlB ul li,
.gallery ul li,
.iconsGroup,
.logMeIn,
.wContentButton {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

.contentProgress,
.invoicesBar,
.barG,
.barO,
.barB {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

.widget .title:first-child,
ul.tabs,
.toggle .title:first-child {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
}

.sItem > h2 a,
.mUser a,
.searchWidget input[type="text"] {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
}

.sItem > span,
.mOrders a {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.cleditorMain,
table tfoot td,
.totalAmount,
table tr:last-child {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
}

.partners li:hover,
.newUpdate:hover,
.wUserInfo:hover {
  background: #fdfdfd;
}

/* Content
================================================== */

/* === Title area with middle navigation === */

.titleArea {
  padding-top: 36px;
}

.lp .titleArea {
  padding-top: 0px;
  margin-top: 30px;
}

.pageTitle {
  float: left;
  padding: 35px 0 32px 0;
}

.lp .pageTitle {
  padding: 10px 0;
}

.middleNav {
  float: right;
  border: 1px solid #cdcdcd;
  margin: 29px 0;
}

.middleNav ul {
}

.middleNav ul li {
  display: block;
  float: left;
  border-left: 1px solid #cdcdcd;
  position: relative;
}

.middleNav ul li:first-child {
  border-left: none;
}

.middleNav ul li a {
  width: 60px;
  height: 45px;
  display: block;
  border: 1px solid #fbfbfb;
  cursor: pointer;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e9e9e9 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f8f8f8),
    color-stop(100%, #e9e9e9)
  );
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e9e9e9 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #e9e9e9 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%, #e9e9e9 100%);
}

.middleNav ul li a:hover {
  background: #f3f3f3;
}

.middleNav ul li a:active {
  background: #efefef;
}

.middleNav ul li a span {
  display: block;
  height: 45px;
}

.middleNav ul li a span.files {
  background: url(../images/icons/middlenav/files.png) no-repeat 18px;
}

.middleNav ul li a span.users {
  background: url(../images/icons/middlenav/users.png) no-repeat 11px;
}

.middleNav ul li a span.messages {
  background: url(../images/icons/middlenav/messages.png) no-repeat 14px;
}

.middleNav ul li a span.orders {
  background: url(../images/icons/middlenav/orders.png) no-repeat 16px;
}

.middleNav ul li ul {
  position: absolute;
  top: 50px;
  right: -1px;
  width: 156px;
  z-index: 996;
  border: none;
  background: url(../images/subArrow.png) no-repeat 82% 0;
  display: none;
}

.middleNav ul li ul li {
  display: block;
  float: none;
  border-bottom: 1px solid #1c252b;
  border-top: 1px solid #404950;
  border-left: none;
  background: url(../images/backgrounds/navBg.jpg);
}

.middleNav ul li ul li:hover {
  border-top: 1px solid #374047;
}

.middleNav ul li ul li:first-child {
  margin-top: 6px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px;
}

.middleNav ul li ul li:last-child {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
}

.middleNav ul li ul li a {
  background: url(../images/subIcon.png) no-repeat 12px 15px;
  width: auto;
  border: none;
  color: #d1d1d1;
  height: auto;
  padding: 7px 3px 8px 25px;
  font-size: 11px;
}

.middleNav ul li ul li a:hover {
  background: #293138 url(../images/subIcon.png) no-repeat 12px 15px;
}

/* Statistic row
================================================== */

/* ===== Statistics ===== */

.statsRow {
  background: url(../images/backgrounds/titleRowBg.png);
}

.lp .statsRow {
  background: none;
}

.statsItems {
  padding: 20px 0 14px 0;
  overflow: visible;
  text-align: center;
}

.sItem {
  margin: 0 1%;
  display: inline-block;
  border: 1px solid #d5d5d5;
  position: relative;
  background: #fafafc;
  background: -moz-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafc),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafc 0%, #efefef 100%);
}

.sItem:first-child {
}

.sItem > span {
  display: block;
  color: #626262;
}

.sItem > h2 {
  float: left;
}

.sItem > h2 a {
  display: block;
  color: #626262;
  cursor: pointer;
  background: #fafafc;
  background: -moz-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafc),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafc 0%, #efefef 100%);
}

.sItem > h2 a:hover {
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #f4f4f4)
  );
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #f4f4f4 100%);
}

.sItem > h2 a:active {
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f8f8f8),
    color-stop(100%, #f3f3f3)
  );
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%, #f3f3f3 100%);
}

.value {
  text-align: center;
  padding: 12px 20px 5px 20px;
  font-weight: bold;
}

.value span {
  display: block;
  margin-top: 2px;
  font-size: 12px;
}

.changes {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 14px 18px 5px 18px;
  float: left;
  border-left: 1px solid #d5d5d5;
}

.changes .negative {
  background: url(../images/negArrow.png) no-repeat 0px 5px;
  padding-left: 22px;
  color: #db6464;
  margin-top: 4px;
  display: block;
}

.changes .positive {
  background: url(../images/posArrow.png) no-repeat 0px 6px;
  padding-left: 22px;
  color: #6daa24;
  margin-top: 4px;
  display: block;
}

.changes .zero {
  background: url(../images/zero.png) no-repeat 4px 6px;
  padding-left: 20px;
  color: #4e8fc6;
  margin-top: 4px;
  display: block;
}

/* Stats dropdowns */

.statsContent {
  border: 2px solid #b0b0b0;
  margin-top: 6px;
  background: #f3f3f3;
}

.statsDetailed .subArrow {
}

.sElements {
  background: url(../images/backgrounds/statsElementsBg.png) repeat-x;
  text-align: center;
}

.statsDetailed {
  position: absolute;
  left: 50%;
  top: 75px;
  width: 222px;
  z-index: 998;
  background: url(../images/subArrowStats.png) no-repeat 50% 0;
  display: none;
  margin-left: -110px;
}

.statsDetailed .statsDropBtn {
  text-align: center;
  padding: 12px 0 12px 0;
}

.statsDetailed .statsDropBtn a {
  display: inline-block;
}

.statsDetailed .sDisplay {
  background: url(../images/backgrounds/darkGreyCircle.png) no-repeat;
  width: 57px;
  height: 65px;
  display: inline-block;
  margin: 15px 5px 25px 5px;
  text-align: center;
}

.statsDetailed .sDisplay h4 {
  padding: 18px 0 30px 0;
  display: block;
  color: #fefefe;
}

.statsDetailed .sDisplay span {
  font-size: 11px;
}

.statsUpdate {
  margin: 8px 12px 2px 12px;
}

.statsUpdate span {
  width: 95px;
  display: inline-block;
  text-align: right;
}

.statsUpdate span:first-child {
  text-align: left;
}

.statsUpdate .contentProgress {
  margin-top: 5px;
}

/* ===== Control buttons ===== */

.controlB {
  text-align: center;
  padding: 11px 0 22px 0;
}

.lp .controlB {
  padding: 0;
}

.controlB ul li {
  display: inline-block;
  margin: 11px 5px 0 5px;
  border: 1px solid #d5d5d5;
  text-align: center;
  box-shadow: inset 0 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  background: #fafafc;
  background: -moz-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafc),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafc 0%, #efefef 100%);
}

.lp .controlB ul li {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: none;
  margin: 0px 5px 0 5px;
}

/*.lp .controlB ul li a{color: #fff;}*/

.controlB ul li:hover {
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #f4f4f4)
  );
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #f4f4f4 100%);
}

.lp .controlB ul li:hover {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: none;
}

.lp .controlB ul li:active {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: none;
}

.controlB ul li:active {
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f8f8f8),
    color-stop(100%, #f3f3f3)
  );
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%, #f3f3f3 100%);
}

.controlB ul li a {
  padding: 10px 20px 4px 20px;
  display: block;
  font-weight: bold;
  white-space: nowrap;
  color: #626262;
}

.lp .controlB ul li a {
  padding: 0px 20px 0px 20px;
}

.controlB ul li a span {
  display: block;
  margin-top: 5px;
}

/* ===== Horizontal control buttons ===== */

.horControlB {
  text-align: center;
  padding: 11px 0 22px 0;
}

.horControlB ul li {
  display: inline-block;
  margin: 11px 5px 0 5px;
  border: 1px solid #d5d5d5;
  text-align: center;
  box-shadow: inset 0 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  background: #fafafc;
  background: -moz-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafc),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafc 0%, #efefef 100%);
}

.horControlB ul li:hover {
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #f4f4f4)
  );
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #f4f4f4 100%);
}

.horControlB ul li:active {
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f8f8f8),
    color-stop(100%, #f3f3f3)
  );
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%, #f3f3f3 100%);
}

.horControlB ul li a {
  display: block;
  font-weight: bold;
  white-space: nowrap;
  color: #626262;
}

.horControlB ul li img {
  float: left;
  margin: 12px 12px 10px 12px;
}

.horControlB ul li a span {
  display: block;
  margin: 0px 0 0 40px;
  padding: 10px 16px 8px 16px;
  border-left: 1px solid #d5d5d5;
}

/* Gallery
================================================== */

.gallery {
  margin: auto;
  padding: 4px 0.5% 12px 0.5%;
  text-align: center;
}

.gallery ul li {
  display: inline-block;
  height: 102px;
  margin: 12px 6px 0 6px;
  border: 1px solid #cdcdcd;
  position: relative;
}

.gallery ul li:hover {
  border-color: #ddd;
}

.gallery .actions {
  background: #000;
  opacity: 0.8;
  position: absolute;
  top: -1px;
  right: -1px;
  display: none;
  padding: 1px 2px;
}

.gallery .actions a {
  color: #fff;
  font-size: 11px;
  display: block;
  padding: 4px 5px 3px 0;
  float: left;
}

.gallery .actions a img {
  margin-left: 5px;
}

.gallery .actions a:first-child {
  padding-right: 0;
}

/* Buttons
================================================== */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 12px;
  display: inline-block;
  max-height: 30px;
  border-radius: 4px;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  padding: 8px 18px 8px 18px;
}

.formSubmit {
  display: block;
  float: right;
  margin: 14px 18px;
}

.button span {
  /*padding: 8px 18px 8px 18px;*/
  padding: 5px;
  display: inline-block;
  height: 12px;
}

.button .icon {
  float: left;
  margin: 7px -8px 5px 12px;
}

.table400 .button .icon,
.dataTable.table400 tbody .button.blueB .icon {
  float: left;
  margin: 4px 2px 6px 2px;
}
#my_job_list_all tbody .button.blueB .icon {
  padding: 0;
}

.smallButton {
  border: 1px solid #cdcdcd;
  padding: 5px 7px 0px 7px;
  display: inline-block;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

.smallButton:hover {
  background: #f6f6f6;
}

.smallButton:active {
  background: #f2f2f2;
}

.basic {
  border: 1px solid #cccccc;
  color: #595959;
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fcfcfc),
    color-stop(100%, #e7e7e7)
  );
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #e7e7e7 100%);
}

span.basic {
  display: inline-block;
}

.basic:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.basic:active {
  background: #eeeeee;
  box-shadow: 0 1px 2px #ddd inset;
  -webkit-box-shadow: 0 1px 2px #ddd inset;
  -moz-box-shadow: 0 1px 2px #ddd inset;
}

.blueB {
  padding: 0 8px;
  cursor: pointer;
  border: 1px solid #3672a0;
  color: #fff;
  box-shadow: 0 1px 1px #66a1d1 inset;
  -webkit-box-shadow: 0 1px 1px #66a1d1 inset;
  -moz-box-shadow: 0 1px 1px #66a1d1 inset;
  background: #3672a0;
  background: -moz-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #4089c4),
    color-stop(100%, #3672a0)
  );
  background: -webkit-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: -o-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: -ms-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: linear-gradient(to bottom, #4089c4 0%, #3672a0 100%);
}

.blueB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.blueB:active {
  background: #3672a0;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.redB {
  border: 1px solid #9f352b;
  color: #fff;
  box-shadow: 0 1px 1px #cc746c inset;
  -webkit-box-shadow: 0 1px 1px #cc746c inset;
  -moz-box-shadow: 0 1px 1px #cc746c inset;
  background: #be5147;
  background: -moz-linear-gradient(top, #be5147 0%, #9f352b 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #be5147),
    color-stop(100%, #9f352b)
  );
  background: -webkit-linear-gradient(top, #be5147 0%, #9f352b 100%);
  background: -o-linear-gradient(top, #be5147 0%, #9f352b 100%);
  background: -ms-linear-gradient(top, #be5147 0%, #9f352b 100%);
  background: linear-gradient(to bottom, #be5147 0%, #9f352b 100%);
}

.redB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.redB:active {
  background: #9f352b;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.greyishB {
  border: 1px solid #576270;
  color: #fff;
  box-shadow: 0 1px 1px #9198a0 inset;
  -webkit-box-shadow: 0 1px 1px #9198a0 inset;
  -moz-box-shadow: 0 1px 1px #9198a0 inset;
  background: #757d87;
  background: -moz-linear-gradient(top, #757d87 0%, #576270 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #757d87),
    color-stop(100%, #576270)
  );
  background: -webkit-linear-gradient(top, #757d87 0%, #576270 100%);
  background: -o-linear-gradient(top, #757d87 0%, #576270 100%);
  background: -ms-linear-gradient(top, #757d87 0%, #576270 100%);
  background: linear-gradient(to bottom, #757d87 0%, #576270 100%);
}

.greyishB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.greyishB:active {
  background: #576270;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.brownB {
  border: 1px solid #99682b;
  color: #fff;
  box-shadow: 0 1px 1px #d1a461 inset;
  -webkit-box-shadow: 0 1px 1px #d1a461 inset;
  -moz-box-shadow: 0 1px 1px #d1a461 inset;
  background: #c58c38;
  background: -moz-linear-gradient(top, #c58c38 0%, #99682b 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #c58c38),
    color-stop(100%, #99682b)
  );
  background: -webkit-linear-gradient(top, #c58c38 0%, #99682b 100%);
  background: -o-linear-gradient(top, #c58c38 0%, #99682b 100%);
  background: -ms-linear-gradient(top, #c58c38 0%, #99682b 100%);
  background: linear-gradient(to bottom, #c58c38 0%, #99682b 100%);
}

.brownB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.brownB:active {
  background: #99682b;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.lp .brownB {
  border: 1px solid #3672a0;
  color: #fff;
  box-shadow: 0 1px 1px #66a1d1 inset;
  -webkit-box-shadow: 0 1px 1px #66a1d1 inset;
  -moz-box-shadow: 0 1px 1px #66a1d1 inset;
  background: #3672a0;
  background: -moz-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #4089c4),
    color-stop(100%, #3672a0)
  );
  background: -webkit-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: -o-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: -ms-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: linear-gradient(to bottom, #4089c4 0%, #3672a0 100%);
}

.lp .brownB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.lp .brownB:active {
  background: #3672a0;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.greenB {
  border: 1px solid #7ca82a;
  color: #fff;
  box-shadow: 0 1px 1px #a9d05f inset;
  -webkit-box-shadow: 0 1px 1px #a9d05f inset;
  -moz-box-shadow: 0 1px 1px #a9d05f inset;
  background: #93c337;
  background: -moz-linear-gradient(top, #93c337 0%, #7ca82a 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #93c337),
    color-stop(100%, #7ca82a)
  );
  background: -webkit-linear-gradient(top, #93c337 0%, #7ca82a 100%);
  background: -o-linear-gradient(top, #93c337 0%, #7ca82a 100%);
  background: -ms-linear-gradient(top, #93c337 0%, #7ca82a 100%);
  background: linear-gradient(to bottom, #93c337 0%, #7ca82a 100%);
}

.lp .greenB {
  border: 1px solid #3672a0;
  color: #fff;
  box-shadow: 0 1px 1px #66a1d1 inset;
  -webkit-box-shadow: 0 1px 1px #66a1d1 inset;
  -moz-box-shadow: 0 1px 1px #66a1d1 inset;
  background: #4089c4;
  background: -moz-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #4089c4),
    color-stop(100%, #3672a0)
  );
  background: -webkit-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: -o-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: -ms-linear-gradient(top, #4089c4 0%, #3672a0 100%);
  background: linear-gradient(to bottom, #4089c4 0%, #3672a0 100%);
}

.greenB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.greenB:active {
  background: #7ca82a;
  box-shadow: 0 1px 3px #909090 inset;
  -webkit-box-shadow: 0 1px 3px #909090 inset;
  -moz-box-shadow: 0 1px 3px #909090 inset;
}

.lp .greenB:active {
  background: #3672a0;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.dredB {
  border: 1px solid #893f3f;
  color: #fff;
  box-shadow: 0 1px 1px #c58282 inset;
  -webkit-box-shadow: 0 1px 1px #c58282 inset;
  -moz-box-shadow: 0 1px 1px #c58282 inset;
  background: #b56262;
  background: -moz-linear-gradient(top, #b56262 0%, #893f3f 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #b56262),
    color-stop(100%, #893f3f)
  );
  background: -webkit-linear-gradient(top, #b56262 0%, #893f3f 100%);
  background: -o-linear-gradient(top, #b56262 0%, #893f3f 100%);
  background: -ms-linear-gradient(top, #b56262 0%, #893f3f 100%);
  background: linear-gradient(to bottom, #b56262 0%, #893f3f 100%);
}

.dredB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.dredB:active {
  background: #893f3f;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.violetB {
  border: 1px solid #7e6095;
  color: #fff;
  box-shadow: 0 1px 1px #ad98b7 inset;
  -webkit-box-shadow: 0 1px 1px #ad98b7 inset;
  -moz-box-shadow: 0 1px 1px #ad98b7 inset;
  background: #997da4;
  background: -moz-linear-gradient(top, #997da4 0%, #7e6095 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #997da4),
    color-stop(100%, #7e6095)
  );
  background: -webkit-linear-gradient(top, #997da4 0%, #7e6095 100%);
  background: -o-linear-gradient(top, #997da4 0%, #7e6095 100%);
  background: -ms-linear-gradient(top, #997da4 0%, #7e6095 100%);
  background: linear-gradient(to bottom, #997da4 0%, #7e6095 100%);
}

.violetB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.violetB:active {
  background: #7e6095;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.dblueB {
  border: 1px solid #117eca;
  color: #fff;
  box-shadow: 0 1px 1px #50b2e7 inset;
  -webkit-box-shadow: 0 1px 1px #50b2e7 inset;
  -moz-box-shadow: 0 1px 1px #50b2e7 inset;
  background: #40a5db;
  background: -moz-linear-gradient(top, #40a5db 0%, #117eca 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #40a5db),
    color-stop(100%, #117eca)
  );
  background: -webkit-linear-gradient(top, #40a5db 0%, #117eca 100%);
  background: -o-linear-gradient(top, #40a5db 0%, #117eca 100%);
  background: -ms-linear-gradient(top, #40a5db 0%, #117eca 100%);
  background: linear-gradient(to bottom, #40a5db 0%, #117eca 100%);
}

.dblueB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.dblueB:active {
  background: #117eca;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.blackB {
  border: 1px solid #2f2f2f;
  color: #fff;
  box-shadow: 0 1px 1px #757575 inset;
  -webkit-box-shadow: 0 1px 1px #757575 inset;
  -moz-box-shadow: 0 1px 1px #757575 inset;
  background: #515151;
  background: -moz-linear-gradient(top, #515151 0%, #2f2f2f 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #515151),
    color-stop(100%, #2f2f2f)
  );
  background: -webkit-linear-gradient(top, #515151 0%, #2f2f2f 100%);
  background: -o-linear-gradient(top, #515151 0%, #2f2f2f 100%);
  background: -ms-linear-gradient(top, #515151 0%, #2f2f2f 100%);
  background: linear-gradient(to bottom, #515151 0%, #2f2f2f 100%);
}

.blackB:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.blackB:active {
  background: #2f2f2f;
  box-shadow: 0 1px 3px #404040 inset;
  -webkit-box-shadow: 0 1px 3px #404040 inset;
  -moz-box-shadow: 0 1px 3px #404040 inset;
}

/* === Widget buttons === */

.wButton,
.wContentButton {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fefefe;
  height: 33px;
  text-align: center;
  display: inline-block;
  line-height: 33px;
  background: url(../images/ui/widgetButtons.png) repeat-x;
}

.wContentButton {
  display: block;
  margin-top: 32px;
}

.wButton span {
  padding: 0 20px;
  display: inline-block;
}

.orangewB {
  border: 1px solid #8e4626;
  box-shadow: 0 1px 0 #cc8d69 inset;
  -moz-box-shadow: 0 1px 0 #cc8d69 inset;
  -webkit-box-shadow: 0 1px 0 #cc8d69 inset;
  background: #bf6f43;
  background: -moz-linear-gradient(top, #bf6f43 0%, #a85734 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #bf6f43),
    color-stop(100%, #a85734)
  );
  background: -webkit-linear-gradient(top, #bf6f43 0%, #a85734 100%);
  background: -o-linear-gradient(top, #bf6f43 0%, #a85734 100%);
  background: -ms-linear-gradient(top, #bf6f43 0%, #a85734 100%);
  background: linear-gradient(to bottom, #bf6f43 0%, #a85734 100%);
}

.orangewB:hover {
  background: #b5643c;
  background: -moz-linear-gradient(top, #b5643c 0%, #a55432 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #b5643c),
    color-stop(100%, #a55432)
  );
  background: -webkit-linear-gradient(top, #b5643c 0%, #a55432 100%);
  background: -o-linear-gradient(top, #b5643c 0%, #a55432 100%);
  background: -ms-linear-gradient(top, #b5643c 0%, #a55432 100%);
  background: linear-gradient(to bottom, #b5643c 0%, #a55432 100%);
}

.orangewB:active {
  background: #b4643c;
  background: -moz-linear-gradient(top, #b4643c 0%, #ad5b37 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #b4643c),
    color-stop(100%, #ad5b37)
  );
  background: -webkit-linear-gradient(top, #b4643c 0%, #ad5b37 100%);
  background: -o-linear-gradient(top, #b4643c 0%, #ad5b37 100%);
  background: -ms-linear-gradient(top, #b4643c 0%, #ad5b37 100%);
  background: linear-gradient(to bottom, #b4643c 0%, #ad5b37 100%);
}

.redwB {
  border: 1px solid #803939;
  box-shadow: 0 1px 0 #b86c6c inset;
  -moz-box-shadow: 0 1px 0 #b86c6c inset;
  -webkit-box-shadow: 0 1px 0 #b86c6c inset;
  background: #a64747;
  background: -moz-linear-gradient(top, #a64747 0%, #873737 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #a64747),
    color-stop(100%, #873737)
  );
  background: -webkit-linear-gradient(top, #a64747 0%, #873737 100%);
  background: -o-linear-gradient(top, #a64747 0%, #873737 100%);
  background: -ms-linear-gradient(top, #a64747 0%, #873737 100%);
  background: linear-gradient(to bottom, #a64747 0%, #873737 100%);
}

.redwB:hover {
  background: #994040;
  background: -moz-linear-gradient(top, #994040 0%, #833636 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #994040),
    color-stop(100%, #833636)
  );
  background: -webkit-linear-gradient(top, #994040 0%, #833636 100%);
  background: -o-linear-gradient(top, #994040 0%, #833636 100%);
  background: -ms-linear-gradient(top, #994040 0%, #833636 100%);
  background: linear-gradient(to bottom, #994040 0%, #833636 100%);
}

.redwB:active {
  background: #963f3f;
  background: -moz-linear-gradient(top, #963f3f 0%, #8c3a3a 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #963f3f),
    color-stop(100%, #8c3a3a)
  );
  background: -webkit-linear-gradient(top, #963f3f 0%, #8c3a3a 100%);
  background: -o-linear-gradient(top, #963f3f 0%, #8c3a3a 100%);
  background: -ms-linear-gradient(top, #963f3f 0%, #8c3a3a 100%);
  background: linear-gradient(to bottom, #963f3f 0%, #8c3a3a 100%);
}

.bluewB {
  border: 1px solid #3573a8;
  box-shadow: 0 1px 0 #69a9cc inset;
  -moz-box-shadow: 0 1px 0 #69a9cc inset;
  -webkit-box-shadow: 0 1px 0 #69a9cc inset;
  background: #4393bf;
  background: -moz-linear-gradient(top, #4393bf 0%, #3472a8 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #4393bf),
    color-stop(100%, #3472a8)
  );
  background: -webkit-linear-gradient(top, #4393bf 0%, #3472a8 100%);
  background: -o-linear-gradient(top, #4393bf 0%, #3472a8 100%);
  background: -ms-linear-gradient(top, #4393bf 0%, #3472a8 100%);
  background: linear-gradient(to bottom, #4393bf 0%, #3472a8 100%);
}

.bluewB:hover {
  background: #3c83b5;
  background: -moz-linear-gradient(top, #3c83b5 0%, #326ea5 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #3c83b5),
    color-stop(100%, #326ea5)
  );
  background: -webkit-linear-gradient(top, #3c83b5 0%, #326ea5 100%);
  background: -o-linear-gradient(top, #3c83b5 0%, #326ea5 100%);
  background: -ms-linear-gradient(top, #3c83b5 0%, #326ea5 100%);
  background: linear-gradient(to bottom, #3c83b5 0%, #326ea5 100%);
}

.bluewB:active {
  background: #3b82b3;
  background: -moz-linear-gradient(top, #3b82b3 0%, #3677ac 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #3b82b3),
    color-stop(100%, #3677ac)
  );
  background: -webkit-linear-gradient(top, #3b82b3 0%, #3677ac 100%);
  background: -o-linear-gradient(top, #3b82b3 0%, #3677ac 100%);
  background: -ms-linear-gradient(top, #3b82b3 0%, #3677ac 100%);
  background: linear-gradient(to bottom, #3b82b3 0%, #3677ac 100%);
}

.greenwB {
  border: 1px solid #6d8737;
  box-shadow: 0 1px 0 #a3b86c inset;
  -moz-box-shadow: 0 1px 0 #a3b86c inset;
  -webkit-box-shadow: 0 1px 0 #a3b86c inset;
  background: #8ba647;
  background: -moz-linear-gradient(top, #8ba647 0%, #6d8737 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #8ba647),
    color-stop(100%, #6d8737)
  );
  background: -webkit-linear-gradient(top, #8ba647 0%, #6d8737 100%);
  background: -o-linear-gradient(top, #8ba647 0%, #6d8737 100%);
  background: -ms-linear-gradient(top, #8ba647 0%, #6d8737 100%);
  background: linear-gradient(to bottom, #8ba647 0%, #6d8737 100%);
}

.greenwB:hover {
  background: #7d9940;
  background: -moz-linear-gradient(top, #7d9940 0%, #698336 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #7d9940),
    color-stop(100%, #698336)
  );
  background: -webkit-linear-gradient(top, #7d9940 0%, #698336 100%);
  background: -o-linear-gradient(top, #7d9940 0%, #698336 100%);
  background: -ms-linear-gradient(top, #7d9940 0%, #698336 100%);
  background: linear-gradient(to bottom, #7d9940 0%, #698336 100%);
}

.greenwB:active {
  background: #7c963f;
  background: -moz-linear-gradient(top, #7c963f 0%, #718c3a 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #7c963f),
    color-stop(100%, #718c3a)
  );
  background: -webkit-linear-gradient(top, #7c963f 0%, #718c3a 100%);
  background: -o-linear-gradient(top, #7c963f 0%, #718c3a 100%);
  background: -ms-linear-gradient(top, #7c963f 0%, #718c3a 100%);
  background: linear-gradient(to bottom, #7c963f 0%, #718c3a 100%);
}

.purplewB {
  border: 1px solid #873862;
  box-shadow: 0 1px 0 #b86c97 inset;
  -moz-box-shadow: 0 1px 0 #b86c97 inset;
  -webkit-box-shadow: 0 1px 0 #b86c97 inset;
  background: #a6477d;
  background: -moz-linear-gradient(top, #a6477d 0%, #873761 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #a6477d),
    color-stop(100%, #873761)
  );
  background: -webkit-linear-gradient(top, #a6477d 0%, #873761 100%);
  background: -o-linear-gradient(top, #a6477d 0%, #873761 100%);
  background: -ms-linear-gradient(top, #a6477d 0%, #873761 100%);
  background: linear-gradient(to bottom, #a6477d 0%, #873761 100%);
}

.purplewB:hover {
  background: #993f6f;
  background: -moz-linear-gradient(top, #993f6f 0%, #83355e 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #993f6f),
    color-stop(100%, #83355e)
  );
  background: -webkit-linear-gradient(top, #993f6f 0%, #83355e 100%);
  background: -o-linear-gradient(top, #993f6f 0%, #83355e 100%);
  background: -ms-linear-gradient(top, #993f6f 0%, #83355e 100%);
  background: linear-gradient(to bottom, #993f6f 0%, #83355e 100%);
}

.purplewB:active {
  background: #973f6f;
  background: -moz-linear-gradient(top, #973f6f 0%, #8d3a65 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #973f6f),
    color-stop(100%, #8d3a65)
  );
  background: -webkit-linear-gradient(top, #973f6f 0%, #8d3a65 100%);
  background: -o-linear-gradient(top, #973f6f 0%, #8d3a65 100%);
  background: -ms-linear-gradient(top, #973f6f 0%, #8d3a65 100%);
  background: linear-gradient(to bottom, #973f6f 0%, #8d3a65 100%);
}

/* === List styles === */

.list li {
  padding: 0 0 0 15px;
}

.list > strong {
  display: block;
  font-weight: bold;
  padding-bottom: 4px;
}

.arrowB li {
  background: url(../images/icons/lists/arrowB.png) no-repeat 0 7px;
}

.arrowG li {
  background: url(../images/icons/lists/arrowG.png) no-repeat 0 7px;
}

.arrowlG li {
  background: url(../images/icons/lists/arrowlG.png) no-repeat 0 7px;
}

.arrowR li {
  background: url(../images/icons/lists/arrowR.png) no-repeat 0 7px;
}

.tipB li {
  background: url(../images/icons/lists/tipB.png) no-repeat 0 7px;
}

.tipG li {
  background: url(../images/icons/lists/tipG.png) no-repeat 0;
}

.tiplG li {
  background: url(../images/icons/lists/tiplG.png) no-repeat 0;
}

.tipR li {
  background: url(../images/icons/lists/tipR.png) no-repeat 0;
}

.plusB li {
  background: url(../images/icons/lists/plusB.png) no-repeat 0 5px;
}

.plusG li {
  background: url(../images/icons/lists/plusG.png) no-repeat 0 5px;
}

.pluslG li {
  background: url(../images/icons/lists/pluslG.png) no-repeat 0 5px;
}

.plusR li {
  background: url(../images/icons/lists/plusR.png) no-repeat 0 5px;
}

.roundtipB li {
  background: url(../images/icons/lists/roundtipB.png) no-repeat 0 5px;
}

.roundtipG li {
  background: url(../images/icons/lists/roundtipG.png) no-repeat 0 5px;
}

.roundtiplG li {
  background: url(../images/icons/lists/roundtiplG.png) no-repeat 0 5px;
}

.roundtipR li {
  background: url(../images/icons/lists/roundtipR.png) no-repeat 0 5px;
}

/* Content widgets
================================================== */

/* Widgets grid */

.widgets {
}

.oneTwo {
  width: 49%;
  display: inline;
  float: right;
}

#files .oneTwo {
  width: 50%;
}

#files .oneTwo:first-child {
  float: right;
}

.oneTwo:first-child {
  float: left;
}

.oneThree {
  width: 32%;
  display: inline;
  float: left;
  margin-left: 2%;
}

.oneThree:first-child {
  margin-left: 0;
  float: left;
}

.twoOne {
  width: 66%;
  float: right;
  margin-left: 2%;
}

.twoOne:first-child {
  margin-left: 0;
  float: left;
}

.oneFour {
  width: 23.5%;
  float: left;
  margin-left: 2%;
}

.oneFour:first-child {
  margin-left: 0;
}

.oneFifth {
  width: 19%;
  float: left;
  margin-left: 2%;
}

.fourFifth {
  width: 74.4%;
  display: inline;
  float: left;
  margin-left: 2%;
}

.oneFifth:first-child {
  margin-left: 0;
}

.fourFifth:first-child {
  margin-left: 0;
}

/* Left & Right lists inside widgets */

.leftList {
  float: left;
  max-width: 50%;
}

.rightList {
  float: right;
  max-width: 50%;
}

.rightList li {
  text-align: right;
}

/* Top widget icons styles */

.topIcons {
  float: right;
  margin: 12px 12px 12px 0;
}

.topIcons a {
  margin-left: 5px;
}

.topIcons a:first-child {
  margin: 0;
}

/* General widgets styles */

.widget {
  /*background: #f9f9f9;*/
  background: #fff;
  border: 1px solid #cdcdcd;
  margin-top: 32px;
  clear: both;
}

.widget-overflow {
  max-height: 500px;
  overflow: auto;
}

.lp .widget {
  margin-top: 20px;
  padding-top: 5px;
}

.widget .title {
  height: 36px;
  border-bottom: 1px solid #cdcdcd;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
  /*background-color: #8bc34a;*/
  /*color: #fff;*/
}

/*.widget .title:first-child{background-color: #3b73af;*/
/*color: #fff;}*/

.widget .title .titleIcon {
  float: left;
  padding: 11px 11px;
  border-right: 1px solid #d5d5d5;
}

.toggle {
  background: #f9f9f9;
  border: 1px solid #cdcdcd;
  margin-top: 32px;
  clear: both;
  border-bottom: none;
}

.lp .toggle {
  margin-top: 10px;
}

.toggle .title {
  height: 36px;
  border-bottom: 1px solid #cdcdcd;
  cursor: pointer;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

.toggle .title h6 {
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding: 9px 12px 8px 12px;
  display: block;
}

.toggle .titleIcon {
  float: left;
  padding: 11px 11px;
  border-right: 1px solid #d5d5d5;
}

.toggle .body,
.toggle .menu_body {
  padding: 12px 14px;
  border-bottom: 1px solid #cdcdcd;
}

.toggle .inactive {
  color: #2b6893;
}

.widget .loader {
  float: right;
  margin: 12px 12px 0 0;
}

.widget .title h6 {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 9px 12px 8px 12px;
}

.widget .content {
  padding: 14px;
}

.widget .body {
  padding: 12px 16px;
}

.widget > p {
  padding: 12px;
}

/* Sidebar search widget */

.sidebarSearch {
  position: relative;
}

.sidebarSearch input[type="text"] {
  background: url(../images/backgrounds/sidebarSearch.png) repeat-x;
  color: #a2a2a2;
  padding: 6px 10px 7px 10px;
  width: 196px;
  height: 16px;
  border: none;
  border-top: 1px solid #333d46;
  border-radius: 0;
  border-bottom: 1px solid #39434c;
}

.sidebarSearch input[type="submit"] {
  width: 23px;
  height: 23px;
  background: url(../images/sidebarSearchBtn.png) no-repeat;
  position: absolute;
  top: 4px;
  right: -7px;
  border: none;
}

.sidebarSearch input[type="submit"]:hover {
  background-position: 0 -24px;
}

.sidebarSearch input[type="submit"]:active {
  background-position: 0 -48px;
}

/* User info widget */

.wUserInfo {
  padding: 12px 12px 9px 12px;
}

.wUserInfo a {
  display: block;
}

.wUserPic {
  float: left;
  margin: 0 10px 0 0;
}

/* Invoice stats widget */

.wInvoice {
}

.wInvoice > ul li {
  width: 32%;
  display: inline-block;
  text-align: center;
  border-left: 1px dotted #d5d5d5;
  margin-top: 14px;
  padding-top: 2px;
}

.lp .wInvoice > ul li {
  margin-top: 0;
}

.wInvoice > ul li:first-child {
  border-left: none;
}

.wInvoice > ul li span {
  font-size: 11px;
}

.invButtons {
  margin-top: 10px;
  text-align: center;
}

.invButtons .bFirst {
  float: left;
}

.invButtons .bLast {
  float: right;
}

ul.ruler {
  width: 100%;
  margin-bottom: 8px;
}

ul.ruler li {
  display: block;
  float: left;
  color: #757575;
  font-size: 10px;
  width: 33%;
}

ul.ruler li:last-child {
  width: 34%;
}

/* Tabs */

ul.tabs {
  height: 36px;
  border-bottom: 1px solid #cdcdcd;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

ul.tabs li {
  float: left;
  height: 36px;
  line-height: 38px;
  border-left: none;
  overflow: hidden;
  position: relative;
  font-size: 15px;
  border-right: 1px solid #cdcdcd;
}

ul.tabs li a {
  display: block;
  padding: 0px 12px;
  outline: none;
  color: #424242;
  font-size: 12px;
  font-weight: bold;
}

ul.tabs li a:hover {
  color: #797979;
}

html ul.tabs li.activeTab {
  background-color: #f9f9f9;
  height: 37px;
}

.rightTabs .activeTab {
  height: 36px !important;
}

html ul.tabs li.activeTab a {
  color: #2e6b9b;
}

.tab_container {
  overflow: hidden;
  width: 100%;
}

.tab_content {
  padding: 10px 12px;
}

.rightTabs {
  position: relative;
}

.rightTabs ul.tabs {
  float: right;
  background: none;
  height: 38px;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: none;
}

.rightTabs ul.tabs li {
  border-left: 1px solid #cdcdcd;
  border-right: none;
}

/* Search widget */

.searchWidget {
  position: relative;
  margin-top: 32px;
}

.searchWidget input[type="text"] {
  border: 1px solid #d5d5d5;
  padding: 10px !important;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
}

.searchWidget input[type="submit"] {
  background: url(../images/searchBtn.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  width: 36px;
  height: 36px;
  max-height: 100%;
}

/* Task table widget */

.taskWidget td.taskD,
.taskWidget td.taskP,
.taskWidget td.taskPr {
  text-align: left;
  padding-left: 32px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
}

.taskWidget td.taskD {
  background-image: url(../images/icons/taskDone.png);
}

.taskWidget td.taskP {
  background-image: url(../images/icons/taskPending.png);
}

.taskWidget td.taskPr {
  background-image: url(../images/icons/taskProgress.png);
}

.greenC {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-image: url(../images/icons/taskProgress.png);
}

.taskWidget a {
  color: #595959;
}

.taskWidget td {
  text-align: center;
}

.actBtns {
  text-align: center;
}

.actBtns img {
  margin: 0 3px;
}

/* Accordion */

.menu_body {
  display: none;
  padding: 12px 14px;
}

.acc .head {
  margin-bottom: -1px;
  cursor: pointer;
}

.acc .head h6 {
  padding: 9px 14px;
}

/* Website statistics widget */

.webStatsLink {
  color: #2e6b9b;
  font-size: 16px;
  font-weight: bold;
}

.statsPlus,
.statsMinus {
  padding-left: 20px;
}

.statsPlus {
  background: url(../images/icons/grown.png) no-repeat 0 2px;
  color: #599414;
}

.statsMinus {
  background: url(../images/icons/dropped.png) no-repeat 0 2px;
  color: #a73939;
}

/* Content statistics widget */

.contentStats {
}

.contentStats li {
  padding: 8px 12px;
  border-top: 1px solid #d5d5d5;
}

.contentStats li:first-child {
  border-top: none;
}

.contentStats li:hover {
  background-color: #fafafa;
}

.contentStats h5 {
  display: block;
  float: left;
  margin-right: 6px;
  padding-left: 32px;
  padding-top: 1px;
}

.contentStats .nComments {
  background: url(../images/icons/dialog.png) no-repeat 0;
}

.contentStats .nSubscribers {
  background: url(../images/icons/sub.png) no-repeat 0 2px;
}

.contentStats .nFollowers {
  background: url(../images/icons/dark/twitter.png) no-repeat 0;
}

.contentStats .nAffiliates {
  background: url(../images/icons/plusS.png) no-repeat 0 2px;
}

.contentStats .nUploads {
  background: url(../images/icons/add.png) no-repeat 0 2px;
}

/* New order widget */

.userRow {
  padding: 12px 12px 7px 12px;
}

.orderRow,
.totalAmount {
  padding: 7px 12px;
}

.userRow ul {
  padding-left: 12px;
  margin-top: -1px;
}

.orderRow ul li {
  padding-top: 2px;
}

.orderRow ul li:first-child {
  padding-top: 0;
}

.totalAmount {
  padding: 8px 12px;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

.orderIcons {
  margin-top: 4px;
}

.orderIcons span {
  background: url(../images/icons/orderStatus.png) no-repeat;
  display: block;
  float: right;
  margin-left: 8px;
}

.orderIcons .oPaid,
.orderIcons .oUnpaid {
  width: 7px;
  height: 12px;
}

.orderIcons .oPaid {
  background-position: 0 0;
}

.orderIcons .oUnpaid {
  background-position: 0 -13px;
}

.orderIcons .oShipped,
.orderIcons .oUnshipped {
  width: 21px;
  height: 12px;
}

.orderIcons .oShipped {
  background-position: 0 -26px;
}

.orderIcons .oUnshipped {
  background-position: 0 -39px;
}

.orderIcons .oFinished,
.orderIcons .oUnfinished {
  width: 12px;
  height: 12px;
}

.orderIcons .oFinished {
  background-position: 0 -52px;
}

.orderIcons .oUnfinished {
  background-position: 0 -65px;
}

/* Partners list widget */

.partners {
}

.partners img {
  margin-right: 12px;
}

.partners li {
  border-top: 1px solid #cdcdcd;
  padding: 12px 12px 8px 12px;
}

.partners li:first-child {
  border-top: none;
}

.pInfo {
  float: left;
}

.pLinks {
  float: right;
  width: 12px;
  margin-left: 5px;
}

.pInfo i {
  display: block;
}

.pLinks a {
  margin-top: 10px;
  display: block;
}

.pLinks a:first-child {
  margin-top: 3px;
}

/* New updates widget */

.updates {
  padding-left: 0px;
}

.updates .uDate {
  float: right;
  width: 30px;
  text-align: center;
  color: #bbbbbb;
  margin: 4px -2px 0 0;
}

.updates .uDate .uDay {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: -4px;
}

.uDone,
.uAlert,
.uNotice {
  float: left;
  display: block;
  padding-left: 22px;
  max-width: 76%;
}

.uDone {
  background: url(../images/icons/updateDone.png) no-repeat 0 4px;
}

.uAlert {
  background: url(../images/icons/updateWarning.png) no-repeat 0 4px;
}

.uNotice {
  background: url(../images/icons/updateNotice.png) no-repeat 0 4px;
}

.newUpdate {
  border-top: 1px solid #d5d5d5;
  padding: 10px 12px;
}

.newUpdate:first-child {
  border-top: none;
}

.newUpdate span {
  display: block;
}

/* === Numeric data === */

.widget .num {
  display: inline-block;
  text-align: center;
  margin: 9px 0px 0 2px;
  font-size: 14px;
  float: left;
}

.widget .num a.greyNum {
  padding: 5px 15px;
}

.widget .num span {
  margin-right: 10px;
}

.widget .num a,
.widget .num input[type="button"] {
  background: url(../images/ui/numDataBg.png) repeat-x;
  height: 19px;
  padding: 2px 5px;
  color: #fefefe;
}

.widget .num a.blueNum {
  background-position: 0 -114px;
  border: 1px solid #4b8bc4;
}

.widget .num a.blueNum:hover {
  background-position: 0 -133px;
}

.widget .num a.blueNum:active {
  background-position: 0 -152px;
}

.widget .num a.redNum {
  background-position: 0 -171px;
  border: 1px solid #c83e3e;
}

.widget .num a.redNum:hover {
  background-position: 0 -190px;
}

.widget .num a.redNum:active {
  background-position: 0 -209px;
}

.widget .num .greenNum {
  background-position: 0 0;
  border: 1px solid #84b550;
}
.widget #servicetable tfoot .num {
  float: left;
  margin-left: 12px;
}
.widget #servicetable tfoot .add_a_service_td {
  height: 32px;
  padding-top: 2px;
  padding-bottom: 7px;
}
.widget #servicetable tfoot .num #add_a_service {
  font-size: 14px;
  background: none;
  background-color: #84b550;
  padding: 4px 10px;
  border: 1px solid #74a540;
<<<<<<< HEAD
}

.widget #servicetable tfoot .num .add_a_service_blue {
  background-color: #0073b0 !important;
  border: 1px solid #0073b0 !important;
=======
>>>>>>> fd44aa7e8923f7166bbf99aa7d865506407cfc40
}

.widget .num .greenNum:hover {
  background-position: 0 -19px;
}

.widget .num .greenNum:active {
  background-position: 0 -38px;
}

.widget .num a.greyishNum {
  background-position: 0 -57px;
  border: 1px solid #587787;
}

.widget .num a.greyishNum:hover {
  background-position: 0 -76px;
}

.widget .num a.greyishNum:active {
  background-position: 0 -95px;
}

.widget .num a.greyNum {
  /*background-position: 0 -228px;*/
  background: none;
  background-color: #636363;
  border: 1px solid #585858;
}

.lp .widget .num a.greyNum {
  background-image: none;
  border: 1px solid #3672a0;
  color: #fff;
  box-shadow: 0 1px 1px #66a1d1 inset;
  -webkit-box-shadow: 0 1px 1px #66a1d1 inset;
  -moz-box-shadow: 0 1px 1px #66a1d1 inset;
  background: #85c1ff;
  /*background: -moz-linear-gradient(top, #4089c4 0%, #3672a0 100%);*/
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4089c4), color-stop(100%, #3672a0));*/
  /*background: -webkit-linear-gradient(top, #4089c4 0%, #3672a0 100%);*/
  /*background: -o-linear-gradient(top, #4089c4 0%, #3672a0 100%);*/
  /*background: -ms-linear-gradient(top, #4089c4 0%, #3672a0 100%);*/
  /*background: linear-gradient(to bottom, #4089c4 0%, #3672a0 100%);*/
}

.widget .num a.greyNum:hover {
  background-position: 0 -247px;
}

.lp .widget .num a.greyNum:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.widget .num a.greyNum:active {
  background-position: 0 -266px;
}

/* ===== Notification messages ===== */

.nNote {
  cursor: pointer;
  margin: 32px 0px 0px 0px;
  box-shadow: inset 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 1px #fff;
}

.lp .nNote {
  margin: 10px 0px 0px 0px;
}

.nNote strong {
  margin-right: 5px;
}

.nNote p {
  font-size: 11px;
  padding: 10px 25px 10px 54px;
  margin: 0px;
  color: #565656;
}

.nMessage p {
  font-size: 11px;
}

.nWarning {
  background: #ffe9ad url(../images/icons/notifications/error.png) no-repeat
    15px center;
  border: 1px solid #eac572;
  color: #826200;
}

.nSuccess {
  background: #effeb9 url(../images/icons/notifications/accept.png) no-repeat
    15px center;
  border: 1px solid #c1d779;
  color: #3c5a01;
}

.nFailure {
  background: #fccac1 url(../images/icons/notifications/exclamation.png)
    no-repeat 15px center;
  border: 1px solid #e18b7c;
  color: #ac260f;
}

.nInformation {
  background: #deeefa url(../images/icons/notifications/information.png)
    no-repeat 15px center;
  border: 1px solid #afd3f2;
  color: #235685;
}

.nLightbulb {
  background: #fef0cb url(../images/icons/notifications/lightbulb.png) no-repeat
    15px center;
  border: 1px solid #d3a350;
  color: #835f21;
}

.nMessages {
  background: #9ddfff url(../images/icons/notifications/email.png) no-repeat
    15px center;
  border: 1px solid #42b4ff;
  color: #835f21;
}

/* Progress bars
================================================== */

/* ===== Sidebar progress bars ===== */

.pWrapper {
  padding: 3px;
  /* width: 183px; */
  height: 2px;
  background: url(../images/ui/progress_container.png);
  margin: 12px;
}

.lp .pWrapper {
  background: none;
}

.progressG {
  height: 2px;
  width: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #90c255;
}

.progressO {
  height: 2px;
  width: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #e27924;
}

.progressB {
  height: 2px;
  width: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #5ca8e5;
}

.progressR {
  height: 2px;
  width: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #dc595c;
}

/* ===== Content progress bars ===== */

.contentProgress {
  height: 6px;
  background: #dedede;
  border: 1px solid #cacaca;
}

.invoicesBar {
  height: 6px;
  width: 0;
  margin: -1px 0 0 -1px;
  background: url(../images/ui/greenMediumBar.png) repeat-x;
  border: 1px solid #a1b965;
}

.barG {
  height: 6px;
  width: 0;
  margin: -1px 0 0 -1px;
  background: url(../images/ui/greenMediumBar.png) repeat-x;
  border: 1px solid #a1b965;
}

.barO {
  height: 6px;
  width: 0;
  margin: -1px 0 0 -1px;
  background: url(../images/ui/orangeMediumBar.png) repeat-x;
  border: 1px solid #ee9255;
}

.barB {
  height: 6px;
  width: 0;
  margin: -1px 0 0 -1px;
  background: url(../images/ui/blueMediumBar.png) repeat-x;
  border: 1px solid #70a9d4;
}

/* Tables
================================================== */

/* ===== Static table ===== */

.sTable thead td {
  text-align: center;
}

.sTable thead td {
  border-bottom: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  color: #878787;
  font-size: 11px;
  color: #878787;
  font-weight: normal;
  padding: 3px 8px 2px 8px;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

.sTable thead td.sTableTd {
  border-top: 1px solid #cbcbcb;
}

table thead td.sortCol > div {
  cursor: pointer;
  position: relative;
}

table thead td span {
  background: url(../images/icons/sort.png) no-repeat 0;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
}

table thead td.headerSortUp span {
  background: url(../images/icons/sortUp.png) no-repeat 0;
}

table thead td.headerSortDown span {
  background: url(../images/icons/sortDown.png) no-repeat 0;
}

.sTable thead td a {
  color: #878787;
}

.sTable thead td:first-child {
  border-left: none;
}

.mTable tfoot tr {
  height: 50px;
  border-top: 1px solid #ddd;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

.fileInfo {
  font-size: 11px;
  text-align: center;
}

.fileInfo span {
  display: block;
}

.itemActions {
  float: left;
  margin: 12px;
}

.itemActions label {
  float: left;
  margin: 4px 12px 0 4px;
  font-size: 11px;
}

.itemActions .selector,
.itemActions .selector span {
  width: 120px;
}

.itemActions .selector select {
  width: 130px;
}

.sTable .checker {
  margin: 0 auto;
  float: none;
}

.sTable tbody tr {
  border-top: 1px solid #e4e4e4;
}

.sTable tbody tr:nth-child(even) {
  /*background-color: #f6f6f6;*/
}

.sTable tbody td {
  border-left: 1px solid #e4e4e4;
  padding: 5px 12px;
  vertical-align: middle;
}

.sTable tbody td:first-child {
  border-left: none;
}

.sTable tbody tr:first-child {
  border-top: none;
}

.withCheck tbody tr td:first-child,
.withCheck tbody tr th:first-child {
  padding: 11px;
}

.withCheck thead tr td:first-child {
  vertical-align: middle;
  width: 37px !important;
  padding: 2px 0 0 0;
}

/* Pagination
================================================== */

/* ===== Table pagination ===== */

.tPagination {
  float: right;
  display: block;
  text-align: center;
  margin: 16px 12px 0 5px;
}

.tPagination ul li {
  display: inline-block;
}

.tPagination ul li a {
  color: #595959;
  background: #fefefe url(../images/backgrounds/tPagination.png) repeat-x;
  padding: 3px 7px;
  border: 1px solid #ddd;
  font-size: 11px;
}

.tPagination ul li.prev a {
  background: url(../images/icons/prev.png) no-repeat 0;
  border: none;
}

.tPagination ul li.next a {
  background: url(../images/icons/next.png) no-repeat 100%;
  border: none;
}

/* ========== Content pagination ========== */

.pagination {
  margin: auto;
  width: auto;
  text-align: center;
  margin-top: 30px;
}

.pages {
}

.pages li.prev {
  margin-right: 15px;
}

.pages li.next {
  margin-left: 15px;
}

.pages li {
  display: inline-block;
  margin: 5px 2px;
}

.pages li a {
  height: 25px;
  padding: 4px 8px;
  text-decoration: none;
  color: #666666;
  font-weight: bold;
  border: 1px solid #d5d5d5;
  font-size: 11px;
  background: #fafafc;
  background: -moz-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafc),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafc 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafc 0%, #efefef 100%);
}

.pages li a:hover {
  background: #f6f6f6;
}

.pages li .active {
  background: url(../images/backgrounds/sideGradient.png) repeat-x;
  color: #fff;
  border-color: #424852;
}

.pages li .active:hover {
  background: #2a313d;
}

/* Form styles
================================================== */

/* ===== General form styles ===== */

.formRow {
  padding: 2px 16px;
  clear: both;
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid white;
  position: relative;
}

.formRow:first-child {
  border-top: none;
}

.formRow:last-child {
  border-bottom: none;
}

.ui-formwizard .formRow:last-child {
  border-bottom: 1px solid #e2e2e2;
}

.wizButtons {
  border-top: 1px solid #fff;
}

.formRow .inputImg {
  position: absolute;
  top: 29px;
  right: 25px;
}

.formRow .labelImg {
  float: left;
  margin: 2px 10px 0 0;
}

.formRow > label {
  padding: 4px 0;
  display: block;
  float: left;
  /*line-height: 36px;*/
}

.formRight label {
  float: left;
  margin-right: 24px;
  padding: 2px 0;
  cursor: pointer;
}

.formNote {
  display: block;
  text-align: left;
  font-size: 11px;
  padding-top: 5px;
  color: #939393;
}

.req {
  float: right;
  margin-left: 5px;
  display: block;
  color: #db6464;
}

.disabled {
  color: #c0c0c0;
}

.sliderSpecs > label {
  font-size: 11px;
  margin-right: 10px;
}

.sliderSpecs > input[type="text"] {
  border: none;
  background: none;
  width: 30% !important;
  padding: 5px;
  color: #595959;
}

.formRow .checker,
.formRow .radio {
  margin-right: 12px;
  margin-top: 4px;
}

.formRow .formRight {
  display: block;
  float: right;
  width: 75%;
  padding: 4px 0px;
}

.form input[type="text"],
.form input[type="password"],
.form textarea {
  font-size: 11px;
  padding: 7px 6px;
  background: white;
  border: 1px solid #ddd;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: 0 0 0 2px #f4f4f4;
  -webkit-box-shadow: 0 0 0 2px #f4f4f4;
  -moz-box-shadow: 0 0 0 2px #f4f4f4;
  color: #656565;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.pay-email {
  font-size: 11px;
  padding: 7px 6px;
  background: white;
  border: 1px solid #ddd;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: 0 0 0 2px #f4f4f4;
  -webkit-box-shadow: 0 0 0 2px #f4f4f4;
  -moz-box-shadow: 0 0 0 2px #f4f4f4;
  color: #656565;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.form input[type="text"]:hover,
.form input[type="password"]:hover,
.form textarea:hover {
  border-color: #d5d9dc;
  background: #fdfdfd;
}

.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form textarea:focus {
  border-color: #d5d9dc;
  background: #fff;
  -webkit-box-shadow: 0 0 0 2px #f4f4f4;
  box-shadow: 0 0 0 2px #f4f4f4;
  -moz-box-shadow: 0 0 0 2px #f4f4f4;
}

input[readonly],
input[disabled] {
  background: #fcfcfc;
  border: 1px solid #dadada;
  color: #d1d1d1;
}

.multiple {
  width: 100%;
  padding: 5px;
}

.form input[type="text"].error,
.form input[type="password"].error,
.form textarea.error,
.chosen-single.error,
.form input[type="file"].error {
  background: #faffbd;
}

#upload_cv-error {
  position: absolute;
  top: -9px;
  left: 125px;
}

/* ===== Dropdown with search  ===== */

.searchDrop .selector {
  display: none;
}

/* ===== Limit box  ===== */

.limBox {
  font-size: 11px;
  padding: 10px 0;
  display: block;
}

.limiterBox {
  border: 1px solid #ddd;
  border-top: none; /*background: #efefef url(../images/backgrounds/titleBg.png) repeat-x;*/
  padding: 4px 6px;
  font-size: 11px;
  margin-top: 1px;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

/* ===== Tags input  ===== */

div.tagsinput {
  border: 1px solid #ddd;
  box-shadow: 0 0 0 2px #f4f4f4;
  -webkit-box-shadow: 0 0 0 2px #f4f4f4;
  -moz-box-shadow: 0 0 0 2px #f4f4f4;
  background: #fff;
  padding: 5px;
  width: 100%;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

div.tagsinput span.tag {
  border: 1px solid #a5d24a;
  display: block;
  float: left;
  padding: 3px 8px 2px 8px;
  background: #cde69c;
  color: #638421;
  margin: 5px 5px 5px 5px;
}

div.tagsinput span.tag a {
  font-weight: bold;
  color: #82ad2b;
  font-size: 11px;
  float: right;
  margin-top: -1px;
}

div.tagsinput input {
  width: 80px;
  border: none;
  padding: 5px;
  background: transparent;
  margin: 5px 5px 0 0;
}

div.tagsinput div {
  display: block;
  float: left;
}

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}

.not_valid {
  background: #fbd8db !important;
  color: #90111a !important;
}

/* ===== Timepicker  ===== */

.timepicker,
#frequency_time {
  width: 58px !important;
  box-shadow: none !important;
  height: 30px;
}

.timeEntry_control {
  vertical-align: middle;
  margin-left: -1px;
  margin-top: -2px;
  cursor: pointer;
}

* html .timeEntry_control {
  margin-top: -4px;
}

.timeEntry_wrap {
  margin-right: 12px;
}

/* ===== Spinner ===== */

.ui-spinner {
  width: 10em;
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #cacaca;
  background: url(../images/forms/spinnerBg.png) repeat-x top left !important;
  padding-left: 8px;
}

.ui-spinner-disabled {
  background: #f4f4f4;
  color: #ccc;
}

.ui-spinner input.ui-spinner-box {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  padding: 6px 0 !important;
}

.ui-spinner-up,
.ui-spinner-down {
  width: 18px;
  padding: 0;
  margin: 0;
  z-index: 100;
  position: absolute;
  right: 0;
  cursor: pointer;
  border: none;
}

.ui-spinner-up {
  background: url(../images/forms/spinnerTop.png) no-repeat;
  height: 13px;
  top: 0;
}

.ui-spinner-down {
  height: 13px;
  bottom: 0px;
  background: url(../images/forms/spinnerBottom.png) no-repeat;
}

.ui-spinner-pressed {
}

.ui-spinner-list,
.ui-spinner-listitem {
  margin: 0;
  padding: 0;
  font-size: 11px;
}

.ui-spinner ul li,
.ui-spinner-data {
  line-height: 25px;
  height: 25px;
}

/* ===== Form validation ===== */

.inputContainer {
  position: relative;
  float: left;
}

.formError {
  position: absolute;
  top: 300px;
  left: 282px;
  display: block;
  z-index: 998;
  cursor: pointer;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  background: #202020;
  position: relative;
  z-index: 5001;
  color: #fff;
  width: 122px;
  font-size: 11px;
  border: 1px solid #000;
  padding: 2px 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #393939;
  color: #fff;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}

.formError .formErrorArrow div {
  font-size: 0px;
  height: 1px;
  background: #202020;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #33be40;
}

.blackPopup .formErrorArrow div {
  background: #393939;
  color: #fff;
}

.formError .formErrorArrow .line10 {
  width: 15px;
  border: none;
}

.formError .formErrorArrow .line9 {
  width: 13px;
  border: none;
}

.formError .formErrorArrow .line8 {
  width: 11px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}

.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}

.checker input,
.radio input,
.selector select {
  cursor: pointer;
}

/* ===== Select ===== */

.comms-select {
  display: inline-block;
  width: 180px;
  padding-bottom: 10px;
}

div.selector {
  position: relative;
  height: 28px;
  background: url(../images/forms/select_left.png) no-repeat top left;
  float: left;
  width: 170px;
  position: relative;

  /*overflow: hidden;*/
}

div.selector select {
  width: 160px;
  font-size: 12px;
  position: absolute;
  height: 28px;
  top: 0;
  left: 0;
}

div.selector span {
  width: 165px;
  cursor: pointer;
  position: absolute;
  right: 0;
  height: 28px;
  background: url(../images/forms/select_right.png) no-repeat center right;
  top: 0;
  line-height: 28px;
  font-size: 11px;
}

.dataTables_length div.selector {
  width: 45px;
  float: left;
  height: 22px;
  background: url(../images/forms/select_left_datatable.png) no-repeat top left;
  padding-left: 8px;
}

.dataTables_length div.selector span {
  width: 45px;
  height: 22px;
  background: url(../images/forms/select_right_datatable.png) no-repeat center
    right;
  line-height: 22px;
}

.dataTables_length div.selector select {
  width: 65px;
  left: -5px;
  height: 22px;
}

.multiple {
  height: 200px;
}

/* ===== Checkboxes ===== */

div.checker {
  width: 15px;
  height: 15px;
  position: relative;
  float: left;
}

div.checker input {
  width: 15px;
  height: 15px;
  opacity: 0;
  filter: alpha(opacity: 0);
  display: inline-block;
  background: none;
}

div.checker span {
  background: transparent url(../images/forms/checkbox.png) no-repeat 0 0px;
  /* vertical-align: middle;*/
  height: 15px;
  width: 15px;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker span.checked {
  background-position: center bottom;
}

/* ===== Radios ===== */

div.radio {
  width: 15px;
  height: 15px;
  position: relative;
  float: left;
  /*margin-top: 5px;*/
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity: 0);
  text-align: center;
  display: inline-block;
  background: none;
  width: 15px;
  height: 15px;
}

div.radio span {
  background: transparent url(../images/forms/radio.png) no-repeat 0 0;
  vertical-align: middle;
  height: 15px;
  width: 15px;
  display: block;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio span.checked {
  background-position: center bottom;
}

/* ===== File uploader ===== */

div.uploader {
  width: 250px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 2px #f4f4f4;
  -webkit-box-shadow: 0 0 0 2px #f4f4f4;
  -moz-box-shadow: 0 0 0 2px #f4f4f4;
  border: 1px solid #ddd;
  background: white;
  padding: 2px 2px 2px 8px;
}

div.uploader span.action {
  width: 22px;
  background: #fff url(../images/addFiles.png) no-repeat 0 0;
  height: 22px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  float: right;
  text-indent: -9999px;
  display: inline;
  overflow: hidden;
  cursor: pointer;
}

div.uploader:hover span.action {
  background-position: 0 -27px;
}

div.uploader:active span.action {
  background-position: 0 -54px;
}

div.uploader span.actionRemove,
span.actionRefRemove {
  width: 22px;
  background: #fff url(../images/remFiles.png) no-repeat 0 0;
  height: 22px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  float: right;
  text-indent: -9999px;
  display: inline;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  right: 2px;
}

div.uploader:hover span.actionRemove,
div.uploader:hover span.actionRefRemove {
  background-position: 0 -27px;
}

div.uploader:active span.actionRemove {
  background-position: 0 -54px;
}

div.uploader span.filename {
  color: #777;
  max-width: 200px;
  font-size: 11px;
  line-height: 22px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  width: 266px;
  opacity: 0;
  filter: alpha(opacity: 0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 26px;
  border: none;
  cursor: pointer;
}

.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

/* ===== Wizard =====  ja sam dodao clear both kod prig reda*/

div.selector.error {
  background: #faffbd;
}
div.selector.error span {
  background: #faffbd;
  border: 1px solid #aaa;
  border-radius: 5px;
  padding-left: 5px;
}

label.error {
  color: #a73939;
  font-size: 11px;
  display: block;
  width: 100%;
  white-space: nowrap;
  float: none;
  margin: 8px 0 -8px 0;
}

.selector .error {
  margin-right: -200px;
  float: right;
}

.checker label.error,
.radio label.error {
  display: inline;
}

.step h1 {
  float: right;
  font-weight: bold;
  font-size: 1em;
  margin-top: -60px;
}

.navigation_button {
  width: 70px;
}

.data span {
  font-size: 11px;
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 12px 0;
  display: block;
}

.wizButtons .wNavButtons {
  float: right;
  margin: 14px 18px;
}

.wizButtons .status span {
  float: left;
  color: #599414;
  padding: 18px 14px 18px 32px;
  background: url(../images/icons/updateDone.png) no-repeat 14px;
  font-size: 11px;
}

/* ===== Dual select boxes ===== */

.leftPart {
  float: left;
  width: 38%;
  max-width: 45%;
}

.rightPart {
  float: right;
  width: 38%;
  max-width: 45%;
}

.dualControl {
  text-align: center;
  width: 200px;
  margin: 150px 1px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
}

.boxFilter {
  max-width: 90%;
  margin: 0 0 0 0;
  float: right;
}

.filter {
  margin: 10px 0 22px 0;
  position: relative;
  width: 100%;
}

.filter > span {
  float: left;
  display: block;
  margin-top: 4px;
}

.fBtn {
  position: absolute;
  right: 10px;
  top: 9px;
  background: none !important;
  color: #aaa;
  border: none !important;
  padding: 0 !important;
}

.countLabel {
  margin-top: 10px;
  display: block;
}

/* ===== WYSUWYG editor ===== */

.cleditorMain {
  background-color: white;
}

.cleditorMain iframe {
  border: none;
  margin: 0;
  padding: 0;
}

.cleditorMain textarea {
  border: none !important;
  margin: 0;
  padding: 0 !important;
  font: 10pt Arial, Verdana;
  resize: none;
  outline: none;
  height: 127px;
  box-shadow: none !important; /* webkit grip focus */
}

.cleditorToolbar {
  background: url("../images/wysiwyg/toolbar.gif") repeat;
}

.cleditorGroup {
  float: left;
  height: 26px;
}

.cleditorButton {
  float: left;
  width: 24px;
  height: 24px;
  margin: 1px 0 1px 0;
  background: url("../images/wysiwyg/buttons.gif");
}

.cleditorDisabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.cleditorDivider {
  float: left;
  width: 1px;
  height: 23px;
  margin: 1px 0 1px 0;
  background: #ccc;
}

.cleditorPopup {
  border: solid 1px #999;
  background-color: white;
  position: absolute;
  font: 10pt Arial, Verdana;
  cursor: default;
  z-index: 10000;
}

.cleditorList div {
  padding: 2px 4px 2px 4px;
}

.cleditorColor {
  width: 150px;
  padding: 1px 0 0 1px;
}

.cleditorColor div {
  float: left;
  width: 14px;
  height: 14px;
  margin: 0 1px 1px 0;
}

.cleditorPrompt {
  background-color: #f6f7f9;
  padding: 10px;
  font-size: 8.5pt;
}

.cleditorPrompt input[type="text"],
.cleditorPrompt textarea {
  font: 8.5pt Arial, Verdana;
  width: auto;
  margin: 5px 0;
}

.cleditorMsg {
  background-color: #fdfcee;
  width: 150px;
  padding: 4px;
  font-size: 8.5pt;
}

/* ===== Multiple file uploader  ===== */

.plupload_button {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 13px;
  margin-top: 6px;
}

.plupload_start,
.plupload_add {
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fcfcfc),
    color-stop(100%, #e7e7e7)
  );
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #e7e7e7 100%);
}

.plupload_start {
  float: left;
  border: 1px solid #9f352b;
  color: #fff;
  background: #be5147;
  background: -moz-linear-gradient(top, #be5147 0%, #9f352b 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #be5147),
    color-stop(100%, #9f352b)
  );
  background: -webkit-linear-gradient(top, #be5147 0%, #9f352b 100%);
  background: -o-linear-gradient(top, #be5147 0%, #9f352b 100%);
  background: -ms-linear-gradient(top, #be5147 0%, #9f352b 100%);
  background: linear-gradient(to bottom, #be5147 0%, #9f352b 100%);
}

.plupload_start:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.plupload_start:active {
  background: #9f352b;
  box-shadow: 0 1px 3px #707070 inset;
  -webkit-box-shadow: 0 1px 3px #707070 inset;
  -moz-box-shadow: 0 1px 3px #707070 inset;
}

.plupload_start span {
  background: url(../images/icons/upload.png) no-repeat 10px 8px;
  padding: 5px 15px 6px 28px;
  display: block;
}

.plupload_disabled,
a.plupload_disabled:hover {
  color: #a6a6a6;
  border: 1px solid #e9e9e9;
  background: none;
  cursor: default;
}

.plupload_disabled span {
  padding: 5px 13px 6px 13px;
}

.plupload_add {
  margin-right: 10px;
  border: 1px solid #c7c7c7;
  float: left;
  color: #595959;
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fcfcfc),
    color-stop(100%, #e7e7e7)
  );
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #e7e7e7 100%);
}

.plupload_add:hover {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  opacity: 0.95;
}

.plupload_add:active {
  background: #eeeeee;
  box-shadow: 0 1px 2px #ddd inset;
  -webkit-box-shadow: 0 1px 2px #ddd inset;
  -moz-box-shadow: 0 1px 2px #ddd inset;
}

.plupload_add span {
  background: url(../images/icons/add.png) no-repeat 10px;
  padding: 5px 13px 6px 26px;
  display: block;
}

.plupload_wrapper {
  font-size: 11px;
  width: 100%;
}

.plupload_container {
}

.plupload_container input {
  border: 1px solid #ddd;
  font-size: 11px;
  width: 98%;
}

.plupload_filelist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.plupload_scroll .plupload_filelist {
  height: 185px;
  background: #fff;
  overflow-y: scroll;
}

.plupload_filelist li {
  padding: 10px 12px 14px 10px;
  background: #fcfcfc url(../images/contentDivider.png) repeat-x 0 100%;
}

.plupload_filelist li:hover {
  background-color: #f9f9f9;
}

.plupload_filelist_header,
.plupload_filelist_footer {
  padding: 3px 12px;
  color: #878787;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

.plupload_filelist_header {
  border-bottom: 1px solid #d5d5d5;
  height: 20px;
}

.plupload_filelist_footer {
  border-top: 1px solid #d5d5d5;
  line-height: 38px;
  vertical-align: middle;
}

.plupload_file_name {
  float: left;
  overflow: hidden;
}

.plupload_filelist .plupload_file_name {
  background: url(../images/arrow.gif) no-repeat 2px;
  padding-left: 14px;
}

.plupload_file_status {
  color: #777;
}

.plupload_file_status span {
}

.plupload_file_size,
.plupload_file_status,
.plupload_progress {
  float: right;
  width: 80px;
}

.plupload_file_size,
.plupload_file_status,
.plupload_file_action {
  text-align: right;
}

.plupload_filelist .plupload_file_name {
  width: 205px;
}

.plupload_file_action {
  float: right;
  width: 14px;
  margin-top: 3px;
  height: 14px;
  margin-left: 15px;
}

.plupload_file_action * {
  display: none;
  width: 14px;
  height: 14px;
}

li.plupload_uploading {
}

li.plupload_done {
  color: #aaa;
}

li.plupload_delete a {
  background: url(../images/icons/uploader/deleteFile.png) no-repeat 0;
}

li.plupload_failed a {
  background: url(../images/icons/uploader/error.png) no-repeat 0;
  cursor: default;
}

li.plupload_done a {
  background: url(../images/icons/uploader/uploaded.png) no-repeat 0;
  cursor: default;
}

.plupload_progress,
.plupload_upload_status {
  display: none;
}

.plupload_progress_container {
  margin-top: 10px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 1px;
}

.plupload_progress_bar {
  width: 0px;
  height: 7px;
  background: #cdeb8b;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
  margin-right: 17px;
}

/* Floats */

.plupload_clear,
.plupload_clearer {
  clear: both;
}

.plupload_clearer,
.plupload_progress_bar {
  display: block;
  font-size: 0;
  line-height: 0;
}

li.plupload_droptext {
  background: transparent;
  text-align: center;
  vertical-align: middle;
  border: 0;
  line-height: 160px;
}

li.plupload_droptext:hover {
  background: #fff;
}

/* Footer
================================================== */

#footer {
  clear: both;
  /*position: absolute;*/
  /*z-index*/
  bottom: 0;
  left: 0;
  width: 100%;
}

#footer .wrapper {
  text-align: center;
  padding: 20px 0 20px 222px;
  margin: 0;
}

/* Plugin styles
================================================== */

/* ===== Tipsy ===== */

.tipsy {
  padding: 4px;
  font-size: 11px;
  position: absolute;
  z-index: 100000;
}

.tipsy-inner {
  padding: 2px 8px 2px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
}

.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.tipsy-arrow {
  position: absolute;
  background: url("../images/tipsy.gif") no-repeat top left;
  width: 9px;
  height: 5px;
}

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}

.tipsy-s {
  margin-top: -5px;
}

.tipsy-w {
  margin-left: 5px;
}

.tipsy-e {
  margin-right: -5px;
}

.tipsy-n {
  margin-top: 5px;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}

/* ===== Color picker ===== */

.cPicker span {
  margin-left: 36px;
  font-size: 11px;
  white-space: nowrap;
  padding-top: 2px;
  display: block;
}

#cPicker {
  position: relative;
}

#cPicker div {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
  background: url(../images/colorPicker/select.png) center no-repeat;
  cursor: pointer;
}

.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(../images/colorPicker/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}

.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}

.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(../images/colorPicker/colorpicker_overlay.png);
}

.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(../images/colorPicker/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}

.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}

.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(../images/colorPicker/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}

.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}

.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}

.colorpicker input {
  background: none !important;
  border: none !important;
  position: absolute;
  font-size: 10px !important;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989 !important;
  top: 5px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0 !important;
  height: 11px;
  box-shadow: none !important;
}

.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(../images/colorPicker/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}

.colorpicker_hex input {
  right: 6px;
}

.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}

.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}

.colorpicker_rgb_r {
  background-image: url(../images/colorPicker/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}

.colorpicker_rgb_g {
  background-image: url(../images/colorPicker/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}

.colorpicker_rgb_b {
  background-image: url(../images/colorPicker/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}

.colorpicker_hsb_h {
  background-image: url(../images/colorPicker/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}

.colorpicker_hsb_s {
  background-image: url(../images/colorPicker/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}

.colorpicker_hsb_b {
  background-image: url(../images/colorPicker/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}

.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(../images/colorPicker/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}

.colorpicker_focus {
  background-position: center;
}

.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}

.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}

.colorpicker_slider {
  background-position: bottom;
}

/* ===== Growl notifications ===== */

div.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
}

div.ie6.top-right {
  right: auto;
  bottom: auto;
  left: expression(
    (
        0 - jGrowl.offsetWidth +
          (
            document.documentElement.clientWidth ?
              document.documentElement.clientWidth: document.body.clientWidth
          ) +
          (
            ignoreMe2 = document.documentElement.scrollLeft ?
              document.documentElement.scrollLeft: document.body.scrollLeft
          )
      ) + "px"
  );
  top: expression(
    (
        0 +
          (
            ignoreMe = document.documentElement.scrollTop ?
              document.documentElement.scrollTop: document.body.scrollTop
          )
      ) + "px"
  );
}

div.ie6.top-left {
  left: expression(
    (
        0 +
          (
            ignoreMe2 = document.documentElement.scrollLeft ?
              document.documentElement.scrollLeft: document.body.scrollLeft
          )
      ) + "px"
  );
  top: expression(
    (
        0 +
          (
            ignoreMe = document.documentElement.scrollTop ?
              document.documentElement.scrollTop: document.body.scrollTop
          )
      ) + "px"
  );
}

div.ie6.bottom-right {
  left: expression(
    (
        0 - jGrowl.offsetWidth +
          (
            document.documentElement.clientWidth ?
              document.documentElement.clientWidth: document.body.clientWidth
          ) +
          (
            ignoreMe2 = document.documentElement.scrollLeft ?
              document.documentElement.scrollLeft: document.body.scrollLeft
          )
      ) + "px"
  );
  top: expression(
    (
        0 - jGrowl.offsetHeight +
          (
            document.documentElement.clientHeight ?
              document.documentElement.clientHeight: document.body.clientHeight
          ) +
          (
            ignoreMe = document.documentElement.scrollTop ?
              document.documentElement.scrollTop: document.body.scrollTop
          )
      ) + "px"
  );
}

div.ie6.bottom-left {
  left: expression(
    (
        0 +
          (
            ignoreMe2 = document.documentElement.scrollLeft ?
              document.documentElement.scrollLeft: document.body.scrollLeft
          )
      ) + "px"
  );
  top: expression(
    (
        0 - jGrowl.offsetHeight +
          (
            document.documentElement.clientHeight ?
              document.documentElement.clientHeight: document.body.clientHeight
          ) +
          (
            ignoreMe = document.documentElement.scrollTop ?
              document.documentElement.scrollTop: document.body.scrollTop
          )
      ) + "px"
  );
}

div.ie6.center {
  left: expression(
    (
        0 +
          (
            ignoreMe2 = document.documentElement.scrollLeft ?
              document.documentElement.scrollLeft: document.body.scrollLeft
          )
      ) + "px"
  );
  top: expression(
    (
        0 +
          (
            ignoreMe = document.documentElement.scrollTop ?
              document.documentElement.scrollTop: document.body.scrollTop
          )
      ) + "px"
  );
  width: 100%;
}

/** Normal Style Positions **/
div.jGrowl {
  position: absolute;
}

body > div.jGrowl {
  position: fixed;
}

div.jGrowl.top-left {
  left: 0px;
  top: 0px;
}

div.jGrowl.top-right {
  right: 0px;
  top: 36px;
}

div.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}

div.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}

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

/** Cross Browser Styling **/
div.center div.jGrowl-notification,
div.center div.jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
  background-color: black;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  zoom: 1;
  width: 235px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: left;
  display: none;
}

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

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
  margin: 10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
  font-weight: bold;
  font-size: 0.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
  z-index: 99;
  float: right;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}

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

/** Hide jGrowl when printing **/
@media print {
  div.jGrowl {
    display: none;
  }
}

/* ===== Breadcrumbs ===== */

.bc {
  margin: 32px 0;
  border: 1px solid #cdcdcd;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

ul.breadcrumbs {
  position: relative;
  z-index: 1000;
  clear: both;
}

ul.breadcrumbs li {
  float: left;
}

ul.breadcrumbs li.current {
  border-right: none;
}

ul.breadcrumbs li a {
  font-size: 11px;
  color: #666666;
  text-decoration: none;
  padding: 8px 20px 8px 14px;
  display: block;
  background: url(../images/backgrounds/breadcrumbArrow.png) no-repeat 100% 13px;
}

ul.breadcrumbs li a:hover,
ul.breadcrumbs li.hover a {
  color: #2b6893;
}

ul.breadcrumbs > li:first-child {
  background: url(../images/icons/iconHome.gif) no-repeat 12px 12px;
}

ul.breadcrumbs > li:first-child a {
  padding-left: 32px;
}

ul.breadcrumbs li.current a {
  color: #333333;
  font-weight: bold;
  background: none;
}

ul.breadcrumbs li ul {
  position: absolute;
  background: url(../images/subArrow.png) no-repeat 10px 5px;
  font-size: 11px;
  width: 180px;
  top: 35px;
  display: none;
  padding-top: 10px;
  margin-left: -1px;
}

ul.breadcrumbs li ul li {
  float: none;
  width: 180px;
  border-bottom: 1px solid #1c252b;
  border-top: 1px solid #404950;
  border-left: none;
  border-right: none;
  background: url(../images/backgrounds/navBg.jpg);
  padding: 0;
}

ul.breadcrumbs li ul li:first-child {
  -webkit-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px;
}

ul.breadcrumbs li ul li:last-child {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
}

ul.breadcrumbs li ul li:hover {
  border-top: 1px solid #374047;
}

ul.breadcrumbs li ul li a {
  text-decoration: none;
  padding: 5px 0;
  color: #cccccc !important;
  display: block;
  padding: 8px 12px 8px 32px;
  background: url(../images/subIcon.png) no-repeat 12px 15px;
}

ul.breadcrumbs li ul li a:hover {
  background: #293138 url(../images/subIcon.png) no-repeat 12px 15px;
}

/* ===== PRE tag styles ===== */

.SRC_Wrap {
  height: auto;
  font-size: 12px;
}

.SRC_Title {
  text-align: center;
  color: #555;
  border-bottom: 2px solid #999;
  font-size: 14px;
  font-family: Verdana, Geneva, sans-serif;
  padding: 5px;
  font-weight: 700;
}

.SRC_Line {
  width: 100%;
  background-color: #fafafa;
  min-height: 28px;
  line-height: 28px;
}

.SRC_Line:nth-child(even) {
  background-color: #f5f5f5;
}

.SRC_NumBox {
  width: 5%;
  float: left;
}

.SRC_Num {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  text-align: right;
  color: #555;
  font-weight: 500;
  padding-right: 2px;
  width: 100%;
  height: auto;
  min-height: 28px;
  line-height: 28px;
}

.SRC_CodeContent {
  white-space: pre-wrap;
  border-left: 1px solid #efefef;
  font-size: 12px;
  padding-left: 12px;
  font-family: "Courier New", Courier, monospace;
  margin: 0px;
  min-height: 28px;
  line-height: 28px;
}

.SRC_NumContent {
  text-align: right;
  margin-right: 4px;
  color: #555;
}

.SRC_CodeBox {
  float: left;
  width: 95%;
}

.SC_blue {
  color: blue;
}

.SC_grey {
  color: grey;
}

.SC_navy {
  color: navy;
}

.SC_green {
  color: green;
}

.SC_orange {
  color: #930;
}

.SC_red {
  color: #f00;
}

.SC_teal {
  color: teal;
}

.SC_gold {
  color: #fc0;
}

.SC_pink {
  color: #ff68a4;
}

.SC_bold {
  font-weight: 700;
}

/*media old*/

.heightseparator {
  height: 50px;
  clear: both;
}

.click {
  cursor: pointer;
}

.nNoteContent {
  display: inline;
}

table.display tr.odd.row_class_0 {
  background-color: #ddddff;
}

table.display tr.even.row_class_0 {
  background-color: #eeeeff;
}

table.display tr.odd.row_class_1 {
  background-color: #ffe9f0;
}

table.display tr.even.row_class_1 {
  background-color: #fcdede;
}

table.display tr.odd.row_class_2 {
  background-color: #fac8c8;
}

table.display tr.even.row_class_2 {
  background-color: #fabbbb;
}

table.display tr.odd.row_class_3 {
  background-color: #ffb0b0;
}

table.display tr.even.row_class_3 {
  background-color: #ffa8a8;
}

table.display tr.even.row_class_4 {
  background-color: #ffa3a3;
}

table.display tr.odd.row_class_4 {
  background-color: #ff9696;
}

table.display tr.even.row_class_5 {
  background-color: #ff8f8f;
}

table.display tr.odd.row_class_5 {
  background-color: #ff8787;
}

table.display tr.odd.ligthGreen {
  background-color: #d1facd;
}

table.display tr.even.ligthGreen {
  background-color: #e3fae1;
}

table.display tr.odd.ligthRed {
  background-color: #facdcd;
}

table.display tr.even.ligthRed {
  background-color: #f7dfdf;
}

.ui-droppable {
  border: 1px dashed #b3b3b3;
  height: 38px;
  background: transparent;
  width: 100%;
  magin: 0px 0px;
  clear: both;
}

#sortable {
  /*margin-top:20px;*/
}

.triangle-right {
  position: relative;
  padding: 15px;
  margin: 5px;

  background: #e2e2e2; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #e2e2e2),
    color-stop(50%, #dbdbdb),
    color-stop(51%, #d1d1d1),
    color-stop(100%, #fefefe)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0); /* IE6-9 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
  background: #e2e2e2; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #e2e2e2),
    color-stop(50%, #dbdbdb),
    color-stop(51%, #d1d1d1),
    color-stop(100%, #fefefe)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    #e2e2e2 0%,
    #dbdbdb 50%,
    #d1d1d1 51%,
    #fefefe 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0); /* IE6-9 */
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-right.left {
  margin-left: 40px;
  background: #e2e2e2;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
  margin-right: 40px;
  background: #e2e2e2;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
  content: "";
  position: absolute;
  bottom: -20px; /* value = - border-top-width - border-bottom-width */
  left: 50px; /* controls horizontal position */
  border-width: 20px 0 0 20px; /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #e2e2e2 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
  top: -20px; /* value = - border-top-width - border-bottom-width */
  right: 50px; /* controls horizontal position */
  bottom: auto;
  left: auto;
  border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
  border-color: transparent #e2e2e2;
}

/* Variant : left
------------------------------------------ */

.triangle-right.left:after {
  top: 16px;
  left: -40px; /* value = - border-left-width - border-right-width */
  bottom: auto;
  border-width: 15px 40px 0 0; /* vary these values to change the angle of the vertex */
  border-color: transparent #e2e2e2;
}

/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
  top: 16px;
  right: -40px; /* value = - border-left-width - border-right-width */
  bottom: auto;
  left: auto;
  border-width: 15px 0 0 40px; /* vary these values to change the angle of the vertex */
  border-color: transparent #e2e2e2;
}

.xxsmaltext {
  font-size: xx-small;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 65px 10px 10px;
}

.row_class_importance_G.odd {
  background-color: #8aff64;
}

.row_class_importance_G.even {
  background-color: #83d26d;
}

.row_class_importance_O.odd {
  background-color: #ffc975;
}

.row_class_importance_O.even {
  background-color: #dcc56e;
}

.row_class_importance_R.odd {
  background-color: #ff8987;
}

.row_class_importance_R.even {
  background-color: #d18272;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.deletefile {
  cursor: pointer;
}

img {
  behavior: url(iepngfix.htc);
}

/*input, select {*/
/*background: url("imgs/input_bg.gif") repeat-x scroll left top transparent;*/
/*border: 1px solid #ADB8C1;*/
/*color: #ADB8C1;*/
/*display: block;*/
/*font-family: Arial;*/
/*height: 32px;*/
/*margin: 3px 0 1px;*/
/*padding: 7px 10px;*/
/*width: 316px;*/
/*}*/

/*input#submit {*/
/*border: 0 none;*/
/*cursor: pointer;*/
/*display: block;*/
/*height: 32px;*/
/*margin-top: 25px;*/
/*width: 117px;*/
/*}*/

/* FANCY CAPTCHA STARTS */
.ajax-fc-container {
  width: 316px;
  background: #a8d7ea;
  color: #fff;
  margin: 15px 0 0;
}

/* rounded corners */
.ajax-fc-rtop,
.ajax-fc-rbottom {
  display: block;
  background: white;
}

.ajax-fc-rtop *,
.ajax-fc-rbottom * {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #a8d7ea;
}

/* describes left and right boxes */
div#ajax-fc-content {
  position: absolute;
  margin-top: -3px;
  margin-left: 9px;
  width: 298px;
  height: 105px;
  background: url(../images/captcha/bg-content-div.png);
}

div#ajax-fc-content div#ajax-fc-left {
  width: 200px;
  height: 100px;
  float: left;
}

div#ajax-fc-content div#ajax-fc-right {
  width: 98px;
  height: 100px;
  float: right;
}

/* block left: task and pictures */
p#ajax-fc-task {
  line-height: 16px;
  margin: 0;
  padding: 11px 0 0 11px;
  font-size: 10px;
  font-family: Verdana, Tahoma, Arial;
  color: #18779d;
}

p#ajax-fc-task span {
  color: #66a70b;
  font-weight: bold;
}

ul#ajax-fc-task {
  width: 190px;
  height: 18px;
  list-style-type: none;
  background: url(../images/captcha/bg-items.png) -4px 0px;
  background-repeat: no-repeat;
  margin: 6px 0 0 0;
  padding: 5px 0 0 2px;
}

/* block right: cycle and backlink */
ul#ajax-fc-task li {
  float: left;
  margin-right: 1px;
  margin-top: 6px;
}

p#ajax-fc-circle {
  position: absolute;
  margin: 18px 0 0 15px;
  width: 79px;
  height: 79px;
  background: url(../images/captcha/circle.png);
  background-repeat: no-repeat;
  border: 0;
}

img#ajax-fc-backlink {
  position: absolute;
  margin-top: 1px;
  margin-left: 6px;
  border: 0px;
  z-index: 101;
}

/* left and right png borders */
div#ajax-fc-corner-spacer {
  height: 99px;
}

img.ajax-fc-border {
  position: absolute;
  margin-top: -3px;
}

img.ajax-fc-border#ajax-fc-left {
  margin-left: 2px;
}

img.ajax-fc-border#ajax-fc-right {
  margin-left: 307px;
}

/* items */
.ajax-fc-highlighted {
  cursor: pointer;
  z-index: 102;
}

/* rounded corners */
.ajax-fc-r1 {
  margin: 0 5px;
}

.ajax-fc-r2 {
  margin: 0 3px;
}

.ajax-fc-r3 {
  margin: 0 2px;
}

.ajax-fc-r4 {
  margin: 0 1px;
  height: 2px;
}

/* FANCY CAPTCHA ENDS */

.editlps {
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}

.editlps input {
  width: 120px !important;
}

.divServicesCbFilter {
  width: 60%;
  float: right;
  padding: 7px 0 0 0;
}

.divServicesCbFilterUpper {
  float: none;
  padding-left: 280px;
}

.lblFilterCbHolder {
  display: inline-block;
  margin: 0 50px 0 10px;
}

.filterTable {
  width: 100%;
}

.filterTable td {
  vertical-align: middle;
}

.filterTable .checker {
  margin-top: 0;
}

.testsLangFilterHolder {
  /*background-color: #EBF6EC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
  margin: 10px;
  /*padding: 20px;*/
}

.lp .testsLangFilterHolder {
  margin: 15px 0;
}

.hiddenTime {
  display: none;
}

.tblRemarkTable th {
  font-weight: 700;
}

.tblRemarkTable th,
.tblRemarkTable td {
  border: 1px solid #000000;
  border-collapse: collapse;
  background-color: #ebf6ec;
  padding: 5px;
  vertical-align: top;
}

.titleArea h5 {
  padding-top: 5px;
}

.largeTime {
  margin: 0 auto;
  font-size: 25px;
  color: #bebebe;
  width: 50px;
  padding: 8px 0 0 0;
}

.answerText {
  width: 85% !important;
}

.answerTextProof {
  width: 50% !important;
}

.answerVariant span {
  cursor: pointer;
}

.htoj {
  max-width: 900px;
  margin: 0 auto;
}

.htojTit {
  font-size: 16px;
  margin-top:10px;
}

.htojSteps{
  margin: 15px 0 10px;
}

.htojSteps li {
  display: block;
  margin-bottom: 15px;
  position: relative;
  padding-left: 30px;
}

.circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #0073b0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  font-weight: 700;
  text-align:center;
  position: absolute;
  top:1px;
  left:0;
}

.htojStepTitle {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

.htojStepText {
  display: block;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.txtAnswerArea {
  width: 100%;
  padding: 5px;
  font-size: 16px;
}
.txtAnswerArea2 {
  width: 98%;
  padding: 5px;
  font-size: 16px;
  height: 240px;
}

.answerVariant {
  /*width: 100%;*/
  /*padding: 5px;*/
  /*font-size: 18px;*/
  /*line-height: 20px;*/
}

.tdQuestionArea {
  width: 50%;
  vertical-align: top;
  font-size: 16px;
  /*border-right: 1px solid #ccc;*/
}

.tdAnswerArea {
  font-size: 16px;
}

.certF {
  margin-right: 2%;
  margin-top: 10px;
  width: 28% !important;
}

.upload_cert {
  display: none;
}

.uplDoc {
  display: inline-block;
  margin-top: 15px;
  float: left;
  max-width: 10%;
  overflow: hidden;
  color: #d76a6a;
}

.tblCerts {
  width: 100%;
}

.tblCerts td {
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
  padding: 10px;
  font-weight: 700;
}

.chosen-container {
  max-width: 350px;
  width: 100% !important;
  min-width: 140px;
  text-align: left;
}

a.fileName {
  display: inline-block;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

td.actBtns,
td.actBtns_aoe {
  padding: 5px 0 !important;
  width: 36px;
}

/* Other rules
================================================== */

#user-loader {
  position: absolute;
  left: 155px;
  top: 0px;
}

/* Media queries
================================================== */

/* Increasing space between widgets and general wrapper paddings */

@media only screen and (min-width: 980px) and (max-width: 1280px) {
  .oneTwo {
    width: 48%;
  }

  .wrapper {
    margin: 0 4%;
  }

  .oneThree {
    width: 31%;
    margin-left: 3.5%;
  }

  .twoOne {
    width: 65.5%;
  }

  .oneFour {
    width: 22%;
    margin-left: 4%;
  }

  .formRow .formRight {
    width: 72%;
  }

  /*.chzn-container { width: 80%!important; }*/
  .SRC_NumBox {
    width: 10%;
  }

  .SRC_CodeBox {
    width: 90%;
  }
}

.ins-select {
  width: 500px;
}
/* Fixing login panel for mobile devices */

@media only screen and (max-width: 480px) {
  #dialog-confirm {
    display: none;
  }
  #ordervalidate .searchDrop .selector {
    display: block;
    margin-bottom: 15px;
  }
  #createddate input,
  #duedate input {
    width: 75%;
  }
  .searchDrop #uniform-client_id {
    display: block;
  }
  #Joinusform .searchDrop .selector {
    display: block;
  }
  div .controlB ul li a {
    white-space: normal;
  }
  div input.editable.manually {
    width: 100%;
  }
  .divServicesCbFilter .lblFilterCbHolder {
    display: block;
    margin: 0 80px 0 10px;
  }
  .divServicesCbFilter .floatL {
    float: none;
    margin-left: 16px;
  }
  div .ins-select {
    width: 100%;
  }
  div .widget .title h6,
  .title h6 {
    font-size: 12px;
  }

  .loginWrapper .widget {
    width: 300px;
    margin: auto;
  }

  .loginWrapper .widget .mr25 {
    margin-right: 0px;
  }

  .loginWrapper .formRow > label {
    float: left;
    padding: 4px 0;
  }

  .loginInput {
    width: 160px;
    margin-right: 0px !important;
  }

  .chzn-container .chzn-drop {
    width: 99.6% !important;
  }

  .chzn-container-single .chzn-search {
    text-align: center;
  }

  .chzn-container-single .chzn-search input {
    width: 89% !important;
  }

  .htojSteps li {
    width: 100%;
    margin: 10px 0;
  }
}

/* Devices and browsers with min of 800px and max of 979px */

@media only screen and (max-width: 1170px) {
  .welcome {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrapper {
    margin: 0 5%;
  }

  .pageTitle {
    max-width: 45%;
  }

  .oneTwo,
  .oneTwo:first-child,
  .oneThree,
  .oneThree:first-child,
  .oneFour,
  .oneFour:first-child,
  .twoOne,
  .twoOne:first-child {
    width: auto;
    float: none;
    margin: 0;
    clear: both;
    width: 100%;
  }

  table thead td span {
    background-position: 100%;
  }

  .formRow {
    padding: 2px 16px 2px 16px;
    width: 93%;
  }

  .formRow .formRight {
    width: 100%;
    float: none;
    margin-right: 14px;
  }

  .formRow .inputImg {
    top: auto;
    bottom: 26px;
  }

  .formRow > label {
    float: none;
    padding: 3px 0;
    line-height: normal;
  }

  .req {
    float: none;
    margin-left: 0;
    display: inline;
  }

  .chzn-container {
    width: 100% !important;
  }

  .topNav {
    display: inline-block;
    text-align: center;
  }

  .userNav {
    margin-right: 214px !important;
  }

  .dataTables_filter input[type="text"] {
    width: 110px !important;
  }

  .controlB ul li {
    margin: 4px 1%;
    width: 30%;
  }

  .sItem {
    width: 186px;
  }

  .horControlB ul li {
    margin: 2px;
    width: 46%;
  }

  table thead td span {
    display: none;
  }
<<<<<<< HEAD

  .sTable thead td.sortCol {
    text-align: center;
    padding: 3px 14px 2px 14px;
  }

=======

  .sTable thead td.sortCol {
    text-align: center;
    padding: 3px 14px 2px 14px;
  }

>>>>>>> fd44aa7e8923f7166bbf99aa7d865506407cfc40
  .chzn-container-single .chzn-search {
    text-align: center;
  }

  .chzn-container-single .chzn-search input {
    width: 94% !important;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 1024px) {
  html {
    -webkit-text-size-adjust: 100%;
  }

  .statsDetailed {
    top: 60px;
  }

  .withCheck thead tr td:first-child {
    width: 37px;
  }

  .oneTwo,
  .oneTwo:first-child,
  .oneThree,
  .oneThree:first-child,
  .oneFour,
  .oneFour:first-child,
  .twoOne,
  .twoOne:first-child {
    width: auto;
    float: none;
    margin: 0;
    clear: both;
  }

  .loginWrapper .formRow > label {
    float: left;
    padding: 4px 0;
  }

  .loginInput {
    margin-right: 4px;
  }

  .dnone {
    display: none;
  }

  .loginPage {
    min-height: 500px;
  }

  .chzn-search {
    text-align: center;
  }

  .chzn-container-single .chzn-search input {
    width: 89% !important;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 768px) {
  .errorPage .welcome {
    display: block;
  }

  .errorPage .userNav {
    margin-right: 0 !important;
    float: right;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 599px) {
  #rightSide {
    padding-bottom: 74px;
  }

  .userNav ul li span {
    display: none;
  }

  .topNav {
    /*background: url(../images/backgrounds/topnavBg.png) repeat;*/
    margin: 0;
    padding: 0;
  }

  .userNav {
    float: none;
    margin-right: 0;
    border: none;
  }

  .userNav > ul {
    border: none;
  }

  .userNav > ul li {
    float: none;
    display: inline-block;
    /*margin: 3px 0 3px -4px*/
    min-height: 32px;
  }

  .userNav > ul li a {
    float: none;
    padding: 9px 14px 8px 14px;
    margin: 0;
  }

  .userNav > ul li img {
    margin: 0;
    float: none;
    padding: 0;
    display: inline;
  }

  ul.userDropdown {
    left: -53px;
  }

  ul.userDropdown li {
    margin: 0;
    text-align: left;
  }

  ul.userDropdown li a {
    padding: 6px 10px 7px 32px;
  }

  .itemActions {
    margin: 16px auto 8px auto;
    float: none;
    clear: both;
    display: block;
    width: 210px;
  }

  .tPagination {
    padding: 16px 12px;
    float: none;
    clear: both;
  }

  .invButtons .bFirst,
  .invButtons .bLast {
    float: none;
  }

  .invButtons .bLast {
    margin-top: 10px;
  }

  .plupload_scroll .plupload_filelist_header .plupload_file_action,
  .plupload_scroll .plupload_filelist_footer .plupload_file_action {
    margin-right: 0;
    margin-left: 0;
    width: 0;
  }

  .plupload_file_size,
  .plupload_file_status,
  .plupload_progress {
    width: auto;
  }

  .plupload_file_size {
    margin: 0 10px;
  }

  .plupload_filelist .plupload_file_name {
    width: 48%;
  }

  .dataTables_filter input[type="text"] {
    width: 169px !important;
  }

  .dataTables_paginate {
    text-align: center;
    margin: 8px 6px 40px 6px;
  }

  .ui-buttonset .ui-button {
    margin: 0 2px;
  }

  .dataTables_paginate .ui-button {
    margin-right: 0;
  }

  .dataTables_filter {
    margin: 4px 12px 2px 12px;
    left: 50%;
    margin-left: -123px;
  }

  .dataTables_paginate .last {
    border-bottom: 1px solid #d5d5d5 !important;
  }

  table.display thead th div.DataTables_sort_wrapper {
    line-height: 16px;
    text-align: center;
    padding-right: 10px;
  }

  table.display thead th div.DataTables_sort_wrapper span,
  .dataTables_length .itemsPerPage,
  table thead td span {
    display: none;
  }

  /*.form input[type="text"], .form input[type="password"], .form textarea { width: 94%; }*/
  .formRow {
    padding: 2px 16px 2px 16px;
  }

  .filter > input[type="text"] {
    width: 75%;
  }

  .leftPart,
  .rightPart {
    float: none;
    width: 100%;
    max-width: 100%;
  }

  .leftPart {
    margin-bottom: 20px;
  }

  .rightPart {
    margin-top: 30px;
  }
<<<<<<< HEAD

  .countLabel {
    text-align: center;
  }

  .dualControl {
    width: auto;
    margin: 0;
    position: static;
    left: 0;
    margin-left: 0;
  }

  .SRC_CodeBox {
    width: 90%;
  }

  .SRC_NumBox {
    width: 10%;
  }

  .el-finder-nav {
    width: 40%;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .userNav {
    float: none;
    margin-right: 0;
    border: none;
  }

  .userNav > ul {
    border: none;
    margin: 0;
  }

  .userNav > ul li {
    display: inline-block;
    float: none;
    margin-left: -4px;
    vertical-align: top;
  }

  ul.userDropdown {
    left: -10px;
  }

  ul.userDropdown li {
    margin: 0;
    text-align: left;
  }

  ul.userDropdown li a {
    padding: 6px 10px 7px 32px;
  }

  .filter > input[type="text"] {
    width: 70%;
  }

  .dualControl button {
    padding: 7px 12px 8px 12px;
  }
}

=======

  .countLabel {
    text-align: center;
  }

  .dualControl {
    width: auto;
    margin: 0;
    position: static;
    left: 0;
    margin-left: 0;
  }

  .SRC_CodeBox {
    width: 90%;
  }

  .SRC_NumBox {
    width: 10%;
  }

  .el-finder-nav {
    width: 40%;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .userNav {
    float: none;
    margin-right: 0;
    border: none;
  }

  .userNav > ul {
    border: none;
    margin: 0;
  }

  .userNav > ul li {
    display: inline-block;
    float: none;
    margin-left: -4px;
    vertical-align: top;
  }

  ul.userDropdown {
    left: -10px;
  }

  ul.userDropdown li {
    margin: 0;
    text-align: left;
  }

  ul.userDropdown li a {
    padding: 6px 10px 7px 32px;
  }

  .filter > input[type="text"] {
    width: 70%;
  }

  .dualControl button {
    padding: 7px 12px 8px 12px;
  }
}

>>>>>>> fd44aa7e8923f7166bbf99aa7d865506407cfc40
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .formRow {
    padding: 2px 16px 2px 16px;
  }

  .changes .negative,
  .changes .positive,
  .changes .zero {
    padding-left: 56% !important;
    background-position: 72% 6px !important;
  }

  table thead td span {
    display: block;
    right: -13px;
  }

  .sTable thead td.sortCol {
    text-align: left;
    padding: 3px 14px 2px 14px;
  }

  .dataTables_filter input[type="text"] {
    width: 150px !important;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 767px) {
  .resp {
    display: block;
  }

  .respHead {
    text-align: center;
  }

  .respHead > a {
    margin: 20px 0;
    display: block;
  }

  .topNav {
    position: static;
  }

  .welcome {
    display: none;
  }

  .dn {
    display: block;
  }

  body {
    background: none;
  }

  .wrapper {
    margin: 0 6%;
  }

  .topNav {
    display: inline-block;
    text-align: center;
  }

  .titleArea {
    text-align: center;
    padding-top: 24px;
  }

  .lp .titleArea {
    margin-top: 0;
  }

  .lp #leftSide {
    padding-top: 73px;
  }

  .pageTitle > h5 {
    font-size: 18px;
    margin-bottom: 4px;
  }

  .pageTitle {
    float: none;
    padding: 0 0 22px 0;
  }

  .formRow .formRight {
    width: 100%;
    float: none;
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
  }

  .formRow .inputImg {
    top: auto;
    bottom: 26px;
  }

  .formRow > label {
    float: none;
    padding: 2px 0;
    line-height: normal;
  }

  .req {
    float: none;
    margin-left: 0;
    display: inline;
  }

  .step h1 {
    display: none;
  }

  .middleNav {
    float: none;
    margin: 0 auto 29px auto;
    width: 282px;
  }

  .middleNav > ul li {
    display: inline;
    width: 69px;
    float: left;
  }

  .middleNav > ul li:first-child {
    width: 70px;
  }

  .middleNav ul li a {
    width: 100%;
  }

  .middleNav ul li a span.files {
    background-position: 21px;
  }

  .middleNav ul li a span.users {
    background-position: 14px;
  }

  .middleNav ul li a span.messages {
    background-position: 18px;
  }

  .middleNav ul li a span.orders {
    background-position: 21px;
  }

  .numberMiddle {
    right: -3px;
  }

  .middleNav ul li ul {
    left: 0;
    width: 140px;
    text-align: left;
    background-position: 28px 0;
  }

  .middleNav ul li ul li {
    width: 100%;
  }

  .middleNav ul li.mOrders ul,
  .middleNav ul li.mFiles ul {
    right: -3px;
    left: auto;
    background-position: 95px 0;
  }

  .middleNav ul li ul li:first-child {
    width: 100%;
  }

  .controlB ul li {
    display: block;
    float: left;
    width: 49%;
    margin: 1px 1px 0 0;
  }

  .horControlB ul li {
    margin: 1px 0 0 0;
    width: 100%;
    text-align: left;
  }

  .sItem {
    margin: 1px 0 0 0;
    width: 100%;
  }

  .sItem > h2 {
    width: 50%;
    border-right: 1px solid #d5d5d5;
  }

  .changes {
    padding: 14px 0 5px 0;
    float: none;
  }

  .changes .negative,
  .changes .positive,
  .changes .zero {
    padding-left: 58%;
    background-position: 68% 6px;
    background-repeat: no-repeat;
  }

  .changes .negative {
    background-image: url(../images/negArrow.png);
  }

  .changes .positive {
    background-image: url(../images/posArrow.png);
  }

  .changes .zero {
    background-image: url(../images/zero.png);
  }

  .statsDetailed {
    margin-left: -111px;
  }

  #footer .wrapper {
    padding: 0 12px 12px 12px !important;
  }

  .posAbs {
    position: absolute;
  }

  .posRel {
    position: relative;
  }

  .leftPart .selector,
  .rightPart .selector {
    display: none;
  }

  .chzn-container {
    width: 100% !important;
  }

  div.uploader {
    width: 220px;
  }

  .formRow .checker,
  .formRow .radio {
    clear: both;
  }

  .errorWrapper .errorNum {
    font-size: 180px;
    padding: 100px 0 65px 0;
  }

  .errorWrapper .offline {
    font-size: 115px;
    padding: 80px 0 45px 0;
  }

  .sTable,
  .dTable {
    table-layout: fixed;
  }

  .sTable tbody td,
  .dTable tbody td {
    overflow: hidden;
    padding: 8px;
  }

  .sTable thead td {
    overflow: hidden;
  }

  .goTo {
    display: block;
    width: auto;
    height: auto;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    color: #fafafa;
    padding: 10px 0;
    cursor: pointer;
    margin: 0 6%;
  }

  .goTo:hover,
  .goTo:active {
  }

  .goTo > img {
    margin: 3px 16px 0 0;
    float: left;
  }

  .pInfo {
    max-width: 70%;
  }

  .searchWidget input[type="text"] {
    width: 92% !important;
  }

  /*.lp .widget{overflow-x: auto;}*/
  /*.lp .widget table td, .lp .widget table th{white-space: nowrap;}*/
  .lp #leftSide:after {
    content: none;
  }
}

.leftMenuBt {
  display: none;
}

#leftSide {
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}

#rightSide {
  -webkit-transition: margin-left 0.5s ease-in-out;
  -moz-transition: margin-left 0.5s ease-in-out;
  -o-transition: margin-left 0.5s ease-in-out;
  transition: margin-left 0.5s ease-in-out;
}

.menuHidden #leftSide {
  left: -110px;
}

.menuHidden #rightSide {
  margin-left: 0;
}

.menuBt .leftMenuBt {
  float: left;
  line-height: 32px;
  color: #fff;
  padding: 0 5px;
  border-left: 1px solid #1c262b;
  border-right: 1px solid #1c262b;
  display: inline-block;
}

@media (max-width: 700px) {
  .scrollTable table {
    min-width: 800px;
  }
}

@media (max-width: 1080px) {
}

@media (max-width: 1050px) {
  .widget .title .target2l {
    margin-left: 10%;
  }
  div.wrapper.translat_test_wrap {
    margin: 0 10px;
  }
}

@media (max-width: 1600px) {
  div .target2l {
    margin-left: 24%;
  }
}

.target2l {
  margin-left: 43%;
}

.unit {
  display: inline-block;
  margin-left: 2px;
}

.scrollTable {
  width: 100%;
}

.itemremove img,
.itempay img {
  cursor: pointer;
}

.hideDP {
  display: none;
}

.cTools {
  position: relative;
}

.cTools label.error {
  display: block;
  position: absolute;
  top: 0px;
  left: 100px;
  margin: 0;
  padding: 0;
}

#lp_test_row td {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #e2e2e2;
}

.tmpMsg {
  display: inline-block;
  margin-left: 10px;
  font-size: 95%;
}

.DataTables_sort_wrapper {
  position: relative;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px;
}

input.editable {
  font-size: 12px;
  width: 300px;
  height: 20px;
  padding-left: 10px;
}

input.editable.manually {
  width: 300px;
  height: 27px;
}

#frmImportCsv {
  display: inline-block;
}

div.title label.error {
  display: inline-block;
  margin: 0 20px 0 0;
  width: 170px;
}

#selected_subscribers_chosen,
#selected_lists_chosen {
  max-width: inherit !important;
  width: 100% !important;
  min-width: inherit !important;
}

#selected_subscribers_chosen .chosen-choices,
#selected_lists_chosen .chosen-choices {
  min-height: 100px !important;
}

#selected_subscribers_chosen .chosen-choices .search-field input,
#selected_lists_chosen .chosen-choices .search-field input {
  width: 95px !important;
}

#available_templates,
#campaign_templates {
  border: 1px solid #eee;
  width: 322px;
  min-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
  float: left;
  margin-right: 10px;
}
#available_templates li,
#campaign_templates li {
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 1.2em;
  width: 300px;
  background: url("../images/listBg.png") repeat-x scroll 50% 50% #e6e6e6;
  border: 1px solid #d3d3d3;
  color: #555555;
  font-weight: normal;
}

/*lp faqs*/

.strangestuff {
  margin: 20px 0 0 0;
  cursor: pointer;
}
.strangestuff .collapse {
  display: none;
}

.strangestuff p {
  margin: 0 0 10px;
  color: #333333;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.alert-block {
  padding-bottom: 14px;
  padding-top: 14px;
  padding-left: 14px;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
  font-size: 14px;
}
.alert {
  border-radius: 4px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.howTo {
  width: 200px;
  margin: 0px 20px 0px 0;
  font-size: 14px;
}

.faqsContainer {
  height: 290px;
  overflow: auto;
  margin: 20px 0 0 0;
}

.faqHeader {
  margin: 20px 0 5px 0;
}

.aGuidesArticle {
  font-size: 14px;
}

.aGuidesArticle:hover {
  text-decoration: underline;
}

.dialog-all-uploaded .ui-dialog-titlebar {
  display: none;
}

#searchforcontent {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  border-radius: 4px;
  color: #555555;
  display: inline-block;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 4px 6px;
  width: 206px;
}

#searchforcontent:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}

#lblTypeSomething {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #6a6a6a;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: middle;
}
#new_orders_list,
#orders_in_progres_list,
#waiting_qa,
#waiting_for_cl_approval_list,
#completed_orders_list {
  text-align: center;
}
.dataTable {
  text-align: center;
}

#lp_earnings_list #earningData tr.payment_due {
  background: #a89;
}

.incorrectWord {
  color: red;
  background-color: yellow;
}
.newWord {
  color: red;
  /*background-color: yellow;*/
}
.deletedWord {
  /*color: red;*/
  text-decoration: line-through;
}
.workroom-icon {
  width: 19px;
}
.job-id-group {
  font-size: 17px;
  margin: 11px 0;
  border: 1px solid rgb(207, 203, 203);
  padding: 5px;
}

.draft_order .draft_filters {
  padding: 20px 10px;
}
.draft_order input {
  background: white none repeat scroll 0 0;
  border: 1px solid #ddd;
  box-shadow: 0 0 0 2px #f4f4f4;
  box-sizing: border-box;
  color: #656565;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 7px 6px;
}
.draft_filters input,
.draft_filters select {
  display: block;
  width: 70%;
}
.draft_filters .chosen-container {
  width: 70% !important;
}
.draft_order .auto-search {
  padding: 10px 50px;
}
.draft_order .auto-search input {
  width: 50%;
  max-width: 250px;
}
.draft_order .span3 {
  float: left;
  width: 25%;
}

/*Formatting the UI-Autocomplete table*/

.ui-autocomplete table > thead > tr {
  background: #ccc none repeat scroll 0 0;
}

.ui-menu table > tbody > tr.ui-menu-item {
  float: none;
  background: none;
}
.ui-menu-item > td {
  padding: 2px 5px;
}
.ui-menu-item span.small {
  font-size: 0.9em;
}

.draft_orders_dv #draft_orders_table_filter {
  bottom: -3px;
}
.draft_orders_dv .btn-load {
}
#workflow_list_wrapper .workf_name {
  width: 6%;
}

#frmSendComm .filterTable label.lp-approved {
  display: block;
  padding-left: 10px;
}
.numWords .translation_count {
  padding: 2px;
  font-size: 12px;
  width: 51px;
}

a.deleteJobFilePM {
  color: #f00;
  margin-left: 10px;
}

span.delete-failed {
  border: 1px solid #aaa;
  border-radius: 5px;
  color: #f02f17;
  margin-left: 15px;
  padding: 3px 5px;
}

.dataTable tbody .button .icon {
  margin: 0;
  padding: 2px;
}
.dataTable tbody .button span {
  /*display: none;*/
}
.pay-lp-loader {
  position: absolute;
  margin-left: -23px;
  margin-top: 32px;
  display: none;
}
.greenwB.add {
  width: 134px;
  float: right;
  margin-top: 3px;
  margin-right: 23px;
  height: 29px;
}
.form input.lang_pair_fee {
  width: 120px;
}
.form-lang-pair-fee label {
  margin-left: 15px;
  margin-right: 2px;
}
.lang_pair_fee_but {
  cursor: pointer;
}
.edit_pair_fee {
  display: none;
  width: 40px;
}
.langPairsFee .wrapSelect {
  display: none;
  width: 160px;
  margin: 0 auto;
}
.langPairsFee .saveLangPair {
  display: none;
}
.paym_hist_range {
  padding-top: 9px;
}
.days30 {
  margin-right: 10px;
}
.paym_hist_range span label {
  margin-right: 10px;
  margin-left: 5px;
}
.controlB ul li.total_due,
div.total_due {
  background: transparent;
  font-size: 14px;
  padding: 5px;
  text-align: center;
}

.color-selector {
  width: 13px;
  height: 7px;
  display: inline-block;
  margin-left: 5px;
}

.delete_client_from_am span {
  padding-left: 13px;
  padding-top: 7px;
}
.langWrap div {
  /*float: left;*/
  /*margin-left: 3px;*/
}
.all-trans-lang label {
  font-weight: bold;
}
.langWrap .checkb-wrap {
  float: left;
  width: 170px;
}
.translation-test tr {
  display: none;
}
.translation-test tr.selected_row {
  display: block;
}
.trans-back,
.trans-next {
  padding: 10px 20px;
  margin: 20px 20px 5px 20px;
  color: white;
  cursor: pointer;
  font-weight: bold;
}
.trans-back {
  float: left;
  background-color: #7092be;
}
.trans-next {
  float: right;
  background-color: #00a2e8;
}
.wrapper.translat_test_wrap {
  margin: 0 20%;
}
.translat_test_wrap .back-to-main,
.translat_test_wrap .submit-tr-test {
  margin: 19px 15px 12px 10px;
}
.translat_test_wrap .num-of {
  font-weight: bold;
}
.td-area_expertises .area_expertises {
  min-width: 95px;
  float: left;
}
.td-area_expertises .checker,
.td-area_expertises label {
  float: left;
}
.td-area_expertises label {
  margin-left: 4px;
}
.passed_0.approved_1 {
  color: #44ac72;
}
.passed_1.approved_1 {
  color: #2e97ff;
}
.passed_1.approved_0 {
  color: #ff461f;
}

.order-rated-green {
  color: green;
}

#moretargetlang {
  cursor: pointer;
  font-size: 10px;
  padding: 2px;
  color: #86bef9;
}

#moretargetlang img {
  margin: 3px 6px -4px 0;
}

.plus-lang,
.new-lang {
  width: 49%;
  float: right;
  margin-top: 6px;
}

.plus-lang:after,
.new-lang:after {
  clear: both;
}

.new-lang .chosen-container {
  max-width: 350px;
  width: 92% !important;
}

.delete-extra-lang {
  display: inline-block;
  cursor: pointer;
  background-image: url("/assets/images/delete.png");
  background-repeat: no-repeat;
  margin-left: 10px;
  width: 6px;
  height: 7px;
}

.del-button {
  position: absolute;
  right: 10px;
  top: 7px;
}

#lp_earnings_list tfoot {
  display: table-header-group;
}

#reply {
  padding-top: 10px;
  clear: both;
  border-bottom: 1px solid #e2e2e2;
}

#lp_job_list_all tr {
  text-align: center;
}

#checkTestForm table td {
  text-align: justify;
}

.widget-col-3 {
  display: inline-block;
  float: left;
  padding: 30px 5px;
  text-align: center;
  width: 30%;
}

.dashboard-text {
  font-size: 30px;
  margin-bottom: 10px;
}

table#lp-dashboard.display tfoot th,
table#as-dashboard.display tfoot th {
  vertical-align: middle;
}

table#lp-dashboard div.selector,
table#lp-dashboard div.selector select,
table#as-dashboard div.selector,
table#as-dashboard div.selector select {
  width: 150px;
}

table#lp-dashboard div.selector span,
table#as-dashboard div.selector span {
  width: 173px;
}

table#lp-dashboard span.blueB,
table#as-dashboard span.blueB {
  padding: 5px 8px;
}

.additional-service {
  width: 180px;
  float: left;
}

.formRight .additional-service label {
  margin-right: 10px;
}

.lp-delete-line {
  color: red;
  cursor: pointer;
}

[id^="tabs-"] .widget {
  margin-top: 0;
  min-height: 260px;
}

[id^="tabs_"] [id^="tabs-"] {
  padding-left: 3px;
}

[id^="tabs_"] ul li {
  border: 1px solid #d5d5d5;
}

[id^="tabs_"] ul li:nth-child(2n + 1).ui-state-active {
  background: lightblue;
}

[id^="tabs_"] ul li:nth-child(2n + 2).ui-state-active {
  background: lemonchiffon;
}

[id^="tabs_"] ul li:nth-child(2n + 3).ui-state-active {
  background: pink;
}

@media only screen and (min-width: 980px) and (max-width: 1280px) {
  .plus-lang,
  .new-lang {
    width: 48%;
  }

  .new-lang .chosen-container {
    max-width: 328px;
  }
}

@media only screen and (max-width: 1280px) {
  /* Force table to not be like tables anymore */
  table.dashboard-table,
  table.dashboard-table thead,
  table.dashboard-table tbody,
  table.dashboard-table tfoot,
  table.dashboard-table th,
  table.dashboard-table td,
  table.dashboard-table tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  table.dashboard-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.dashboard-table tfoot tr th {
    float: left;
  }

  table.dashboard-table tbody tr {
    display: inline-block;
    float: left;
    width: 90px;
  }

  table.dashboard-table tbody tr td:nth-of-type(5) {
    display: none;
  }

  table.display.dashboard-table tr {
    border-bottom: none;
  }

  table.dashboard-table tfoot tr th:nth-of-type(1) {
    display: none;
  }
  table.dashboard-table tfoot tr th:nth-of-type(6) {
    display: none;
  }
  table.dashboard-table tfoot tr th:nth-of-type(7) {
    display: none;
  }
  table.dashboard-table tfoot tr th:nth-of-type(8) {
    display: none;
  }
  table.dashboard-table tfoot tr th:nth-of-type(9) {
    display: none;
  }
  table.dashboard-table tfoot tr th:nth-of-type(10) {
    display: none;
  }
  table.dashboard-table tfoot tr th:nth-of-type(11) {
    display: none;
  }
  table.dashboard-table tfoot tr th:nth-of-type(12) {
    display: none;
  }

  table.dashboard-table tfoot tr th:nth-of-type(5) {
    padding: 10px 0px 10px 10px;
  }

  table.dashboard-table td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
  }

  table.dashboard-table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }

  /*
    Label the data
    */
  /*table.dashboard-table tr:first-child td:nth-of-type(2):before { content: "Service"; }*/
  /*table.dashboard-table tr:first-child td:nth-of-type(3):before { content: "From"; }*/
  /*table.dashboard-table tr:first-child td:nth-of-type(4):before { content: "To"; }*/
  /*table.dashboard-table tr:first-child td:nth-of-type(6):before { content: "General"; }*/
  /*table.dashboard-table tr:first-child td:nth-of-type(7):before { content: "Politics"; }*/
  /*table.dashboard-table tr:first-child td:nth-of-type(8):before { content: "Financial"; }*/
  /*table.dashboard-table tr:first-child td:nth-of-type(9):before { content: "Technical"; }*/
  /*table.dashboard-table tr:first-child td:nth-of-type(10):before { content: "Religious"; }*/
  /*table.dashboard-table tr:first-child td:nth-of-type(11):before { content: "LifeSciences"; }*/
  /*table.dashboard-table tr:first-child td:nth-of-type(12):before { content: "Legal"; }*/

  .scrollTable table.dashboard-table {
    min-width: 100px;
  }

  #lp-dashboard_wrapper .fg-toolbar,
  #as-dashboard_wrapper .fg-toolbar {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .plus-lang,
  .new-lang {
    width: auto;
    float: none;
  }
}

.cat_tabs {
  padding: 4px 12px;
  margin-right: 2px;
  margin-top: 8px;
  font-weight: bold;
  border: solid 1px #ddd;
  border-radius: 6px;
  border-bottom: none;
}
.formRow#translated_memory {
  display: none;
}
.wTenButton {
  border-radius: 0 !important;
  border: none;
  margin-right: 20px;
  box-shadow: none;
  padding: 6px 24px !important;
  text-align: center;
  color: white;
}
.wTenButton.wtbB {
  background-color: #00a2e8;
}
.wTenButton.wtbY {
  background-color: #fe7e25;
}
.highlightTab[data-tabnum="1"] {
  background-color: lightblue;
}
.highlightTab[data-tabnum="2"] {
  background-color: pink;
}
#selectGlossaryBlock,
#createGlossaryBlock {
  display: none;
}
.button.greenB [class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
  font-family: Flaticon;
  font-size: 16px;
  font-style: normal;
  margin-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.table400 a.button.greenB {
  padding-top: 1px;
  padding-bottom: 1px;
}
#jobdatatable {
  border: solid 1px #d1d1d1;
  border-collapse: collapse;
  margin-left: -1px;
}
#jobdatatable tr,
.jobv {
  border: solid 1px #d1d1d1;
  border-collapse: collapse;
}
.jobfiledata {
  padding: 0;
  border: none;
  overflow: hidden;
}
.ui-progressbar {
  position: relative;
}
.progress-label {
  position: absolute;
  left: 40%;
  top: -1px;
  font-weight: bold;
}
.jobProgressBar.ui-progressbar {
  background: #fff;
}
body table .errorsBlock {
  position: inherit;
  /*vertical-align: bottom;
    float: left;*/
  margin-top: 4px;
  margin-left: -1px;
  width: 16px;
  height: 16px;
  background-image: url(../images/icons/updateWarning.png);
  background-repeat: no-repeat;
}
body table .errorsBlock:hover ul.dropDownload.errorsList {
  display: block;
}
body table .errorsBlock ul.dropDownload.errorsList {
  z-index: 1000;
  display: none;
  position: absolute;
  margin-left: 11px;
  margin-top: 10px;
  background-color: #808080;
  width: 600px;
  font-weight: 400;
}
body table .errorsBlock ul.dropDownload.errorsList li {
  border-collapse: collapse;
  border-bottom: solid 1px white;
  padding: 5px 15px;
  color: white;
<<<<<<< HEAD
}

.bluebackBtn {
  background: #0073b0 !important;
  border: 1px solid #0073b0 !important;
=======
>>>>>>> fd44aa7e8923f7166bbf99aa7d865506407cfc40
}