/* COLORS
    Header BG:#383838
    Grey menu: #434343
    Grey menu hover:#5f5f5f
    Blue menu: #5f92bb
    Blue menu hover:#87adcc
    Blue text: #2489CE
    User login color:#8391a0
    h1 text: #383838
    Text color: #888
    Box head text: #5e9ac4
    Packages info text: #333
*/
/**
 * LESS classes 
 * 
 * Your long description would go here, before any of the tags.
 */
.noTextShadow {
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.textShadow {
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.noBoxShadox {
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.boxShadox {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.fontFamily {
  font-family: 'GillSansMT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
}
/**
 * Basic Expressions and classes 
 * 
 * Your long description would go here, before any of the tags.
 */
@font-face {
  font-family: 'GillSansMT';
  src: url('fonts/gil_____.eot');
  src: url('fonts/gil_____.eot?#iefix') format('embedded-opentype'), url('fonts/gil_____.woff') format('woff'), url('fonts/gil_____.ttf') format('truetype'), url('fonts/gil_____.svg#gil_____') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GillSansMT-Bold';
  src: url('fonts/gilb____.eot');
  src: url('fonts/gilb____.eot?#iefix') format('embedded-opentype'), url('fonts/gilb____.woff') format('woff'), url('fonts/gilb____.ttf') format('truetype'), url('fonts/gilb____.svg#gilb____') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  min-width: 1080px;
  font-size: 10.2pt;
  line-height: 16px;
  font-family: 'GillSansMT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
ul {
  margin-left: 18px;
  margin-top: 4px;
  margin-bottom: 0px;
}
li {
  font-size: 10.2pt;
  line-height: 15px;
  margin-bottom: 4px;
}
h1 {
  font-size: 20px;
  font-weight: 500;
  color: #383838;
}
h3,
h4 {
  line-height: 23px;
  color: #fff;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
p {
  color: #888;
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 24px 0 14px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table,
.table,
.table tr td div {
  margin: 10px 0 0 0;
  padding: 0px;
}
.table tr td {
  padding: 7px;
}
.table tr td div .menu1 {
  margin: 0px !important;
}
.table tr td div .menu2 {
  margin: 2px 0 3px 30px !important;
}
.ui-popup-screen.in {
  opacity: 0;
  filter: alpha(opacity=0);
}
/**
 * Basic Class Expressions and classes 
 * 
 * Your long description would go here, before any of the tags.
 */
#home {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  background: #fff;
}
.header {
  background-color: #383838;
  background: #383838;
  border: none;
  min-width: 720px;
  padding: 0 0 10px 0;
  color: #fff;
  height: 199px;
}
.header .greyMenu #Archive,
.header .greyMenu #SystemManager,
.header .greyMenu #Packages,
.header .greyMenu #BeatEngine,
.header .greyMenu #BeatManagement,
.header .greyMenu #Topics,
.header .greyMenu #ReleaseBoard {
  background: #5f5f5f;
  padding-top: 7px;
}
.header .blueMenu #User,
.header .blueMenu #Setting,
.header .blueMenu #Packages,
.header .blueMenu #SystemTexts,
.header .blueMenu #Delivery,
.header .blueMenu #Onboard_Delivery,
.header .blueMenu #App_Delivery,
.header .blueMenu #support_release,
.header .blueMenu #Preview,
.header .blueMenu #BeatEngine,
.header .blueMenu #TransformationsLog,
.header .blueMenu #StartNewJob,
.header .blueMenu #ListFormats,
.header .blueMenu #CreateOrEditFormat,
.header .blueMenu #CreateOrEditBuild {
  background: #87adcc;
  padding-top: 8px;
  padding-bottom: 9px;
}
.headerLogo {
  background-image: url(../../../Images/logo-cbg.png);
  height: 122px;
  width: 600px;
  background-repeat: no-repeat;
}
.pageLayout {
  max-width: 1200px;
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.pageLayout .content {
  padding: 0 0 30px 45px;
  background-color: #fff;
  background: #fff;
}
.pageLayout .content .contentInformation h1 {
  margin-bottom: 0;
}
.pageLayout .content .contentInformation p {
  margin-top: 5px;
}
div.logo img {
  border: none;
}
footer {
  background-color: #383838;
  height: 2em;
}
.clear {
  float: none;
  clear: both;
}
/**
 * Log in Page 
 * 
 * Your long description would go here, before any of the tags.
 */
#homeLogin {
  width: 500px;
  margin: 0 auto;
  position: relative;
  margin-top: 120px;
  background: #fff;
}
#homeLogin .headerLogo {
  -moz-background-size: 300px;
  -o-background-size: 300px;
  background-size: 300px;
  background-position: 10% 30%;
}
#homeLogin img {
  border: none;
}
#homeLogin .logo img {
  width: 300px;
  margin-top: 8px;
  margin-left: 36px;
}
#homeLogin .ui-bar-c {
  border: none;
}
#loginForm ul {
  list-style-type: none;
}
#loginForm .box {
  border: 0;
  width: 30em;
  margin: auto;
}
.login {
  background: #383838;
  width: 500px!important;
}
.login .sortList {
  padding: 14px 45px;
}
.login .sortList img {
  height: 90%;
}
.login .sortList p {
  font-size: 14px;
  color: #333;
  padding: 0;
  margin: 4px 0 0 0;
}
.login label {
  font-size: 14px;
  color: #333;
  padding: 0;
  margin: 4px 0 0 0;
}
.login .sortList .loginInfoText {
  color: #888;
  font-size: 12px;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  font-weight: normal;
  margin-bottom: 20px;
}
.login .loginButton {
  padding: 6px 25px;
}
.login .block .ui-btn-text {
  font-size: 12px;
  font-weight: normal;
  margin-left: 35px;
}
.login .ui-checkbox {
  width: 145px;
}
.login .validation-summary-errors {
  text-align: center;
  display: none;
}
.login .validation-summary-errors ul {
  list-style-type: none;
  color: red;
  margin-left: 0;
}
.login .field-validation-error {
  color: red;
}
.login .active {
  background: #5f5f5f;
  color: #fff;
  padding: 6px 12px 9px 12px;
}
.login .ui-fullsize .ui-btn-inner,
.login .ui-fullsize .ui-btn-inner {
  padding: 5px;
}
.reset .validation-summary-errors {
  text-align: left;
  display: block;
}
/**
 * PACKAGE VIEW 
 * 
 * Your long description would go here, before any of the tags.
 */
.viewPackages {
  margin-top: 32px;
}
.content .sortList .block {
  float: left;
  padding: 0 15px 20px 0;
}
#filterForm .sortList .block:nth-child(6n) {
  /*margin-left:217px;*/
}
.content .sortList .block .listHeader {
  font-size: 13px;
  color: #5e9ac4;
}
.content .sortList .block .listAttributes .ui-select .ui-btn {
  margin: 0;
  border-radius: 0;
}
.sortList .block textarea.ui-input-text {
  width: 500px;
  height: 37px;
  margin: 0;
}
.viewPackages .ui-input-search {
  margin: 0;
}
/* View Packagees POPUP for DELETE PACKAGES */
.deletePackagesPopup,
.deleteTransformationPopup {
  padding: 20px 20px 10px 20px;
  background: #fff;
  min-width: 340px;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  /* Buttons inside Delete packages popup */
}
.deletePackagesPopup .ui-body-b,
.deleteTransformationPopup .ui-body-b,
.deletePackagesPopup .ui-overlay-b,
.deleteTransformationPopup .ui-overlay-b {
  border: none;
  text-shadow: none;
}
.deletePackagesPopup .ui-bar-b,
.deleteTransformationPopup .ui-bar-b {
  background: #434343;
  background-image: none;
  border: none;
  font-size: 17px;
  font-weight: normal;
  color: #fff;
  padding-left: 13px;
  padding-top: 8px;
  font-family: 'GillSansMT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.deletePackagesPopup .ui-body-b,
.deleteTransformationPopup .ui-body-b {
  background: #434343;
}
.deletePackagesPopup p,
.deleteTransformationPopup p {
  padding-bottom: 10px;
  color: #fff;
}
.deletePackagesPopup .ui-header.ui-bar-b,
.deleteTransformationPopup .ui-header.ui-bar-b {
  font-size: 22px;
}
.deletePackagesPopup .ui-btn-up-a,
.deleteTransformationPopup .ui-btn-up-a {
  background: #202020;
  border: none;
  text-shadow: none;
}
.deletePackagesPopup .ui-btn-hover-a,
.deleteTransformationPopup .ui-btn-hover-a {
  background: #202020;
  border: none;
}
.deletePackagesPopup .ui-btn-up-b,
.deleteTransformationPopup .ui-btn-up-b,
.deletePackagesPopup .ui-btn-hover-b,
.deleteTransformationPopup .ui-btn-hover-b {
  border: none;
}
.deletePackagesPopup .ui-btn,
.deleteTransformationPopup .ui-btn {
  margin-right: 15px;
}
.deletePackagesPopup .ui-btn-inner,
.deleteTransformationPopup .ui-btn-inner {
  border: none;
}
.deleteBuildPopup {
  background: #383838 !important;
  width: 371px;
  padding: 4px!important;
  color: #fff;
  overflow: hidden;
  font-family: 'GillSansMT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.deleteBuildPopup .left,
.deleteBuildPopup .right {
  width: 49%;
}
.deleteBuildPopup .left {
  float: left;
}
.deleteBuildPopup .right {
  float: right;
}
.deleteBuildPopup .close {
  position: absolute;
  margin-left: 292px;
  margin-top: 10px;
}
.deleteBuildPopup .close a,
.deleteBuildPopup .close img {
  float: right;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  margin-left: 10px;
}
.deleteBuildPopup .close img {
  margin-top: -1px;
}
.deleteBuildPopup .close a:hover {
  opacity: 0.6;
}
.deleteBuildPopup .ui-body-b {
  background: #f6f6f6 !important;
  font-family: 'GillSansMT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.deleteBuildPopup .ui-bar-b {
  background: none;
  background-image: none;
  border: none;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.deliveryPackagesStatusPopup {
  width: 590px;
  padding: 65px 30px 30px 30px!important;
  color: #fff;
  overflow: hidden;
  font-family: 'GillSansMT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.deliveryPackagesStatusPopup h2 {
  font-family: "GillSansMT";
  font-weight: normal;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 2px;
  float: left;
  margin: 0 20px;
  clear: right;
  text-transform: uppercase;
}
.deliveryPackagesStatusPopup .setStatusButton {
  margin-left: 10px;
  margin-bottom: 15px;
}
.deliveryPackagesStatusPopup .setStatusButton .ui-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer {
  background: #434343;
}
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .left {
  position: absolute;
  left: -20px;
  top: -54px;
}
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .right {
  font-family: "GillSansMT";
  position: absolute;
  right: 172px;
  top: -44px;
}
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-up-b,
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-hover-b,
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-down-b {
  border: none;
  width: 100px;
}
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-up-b .ui-btn-inner,
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-hover-b .ui-btn-inner,
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-down-b .ui-btn-inner {
  border: none;
  padding: 5px 8px;
}
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-up-a,
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-hover-a,
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-down-a {
  border: none;
  text-shadow: none;
  background: #72a7bb /*{a-bup-background-color}*/;
  font-weight: normal;
  color: #fff /*{a-bup-color}*/;
  background-image: #434343;
}
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-up-a .ui-btn-inner,
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-hover-a .ui-btn-inner,
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-btn-down-a .ui-btn-inner {
  border: none;
}
.deliveryPackagesStatusPopup .deliveryPackagesStatusContainer .ui-header {
  color: #fff;
  padding: 10px;
  background-color: #383838;
}
.deliveryPackagesStatusPopup img {
  float: left;
}
.deliveryPackagesStatusPopup .right {
  font-size: 15px;
}
.deliveryPackagesStatusPopup .right .actionForPackage {
  margin-bottom: 5px;
}
.deliveryPackagesStatusPopup .right .status {
  font-weight: normal;
  font-style: italic;
}
.deliveryPackagesStatusPopup .close {
  position: absolute;
  margin-left: 538px;
  margin-top: -76px;
}
.deliveryPackagesStatusPopup .close span {
  color: #fff;
  text-shadow: none;
}
.deliveryPackagesStatusPopup .close a,
.deliveryPackagesStatusPopup .close img {
  float: right;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  margin-left: 10px;
}
.deliveryPackagesStatusPopup .close img {
  margin-top: -1px;
}
.deliveryPackagesStatusPopup .close a:hover {
  opacity: 0.6;
}
.deliveryPackagesStatusPopup .ui-body-b {
  background: #f6f6f6 !important;
  font-family: 'GillSansMT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.deliveryPackagesStatusPopup .ui-bar-b {
  background: none;
  background-image: none;
  border: none;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.deliveryPackagesStatusPopup .changePackage {
  margin-bottom: 20px;
}
.deliveryPackagesStatusPopup .changePackage .packageName {
  display: block;
  letter-spacing: 0.5px;
  text-shadow: none;
}
.deliveryPackagesStatusPopup .changePackage .changePackageHeader {
  background: #5f5f5f;
  height: 25px;
  border-bottom: 1px solid #383838;
}
.deliveryPackagesStatusPopup .changePackage .changePackageHeader span {
  margin: 4px 0 0 20px;
  position: absolute;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus {
  background: #f6f6f6;
  color: #5e9ac4;
  border-bottom: 1px solid #383838;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatus {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatus .packageName,
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatusRejected .packageName {
  margin-left: 45px;
  font-size: 16px;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatus .packageName:first-child,
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatusRejected .packageName:first-child {
  padding-top: 10px;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatus .packageInfo,
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatusRejected .packageInfo {
  margin-left: 45px;
  display: block;
  font-size: 11px;
  padding-bottom: 10px;
  text-shadow: none;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatus .packageInfo:nth-child(2),
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatusRejected .packageInfo:nth-child(2) {
  padding-bottom: 0;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatus .packageInfo:last-child,
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatusRejected .packageInfo:last-child {
  padding-bottom: 10px;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatus:hover {
  background-image: url(../../../Images/confirm.png);
  background-repeat: no-repeat;
  background-position: 13px 15px;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .selected {
  background: #E0E0E0;
  background-image: url(../../../Images/confirm.png);
  background-repeat: no-repeat;
  background-position: 13px 15px;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .selected:hover {
  background-image: url(../../../Images/confirm.png);
  background-repeat: no-repeat;
  background-position: 13px 15px;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .Rejected {
  padding: 0;
  color: red;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .Rejected:hover {
  background-image: url(../../../Images/vpa-warning-icon-small.png);
  background-repeat: no-repeat;
  background-position: 13px 21px;
}
.deliveryPackagesStatusPopup .changePackage .packagesStatus .VPAstatus.Rejected.selected {
  background: #E0E0E0;
  background-image: url(../../../Images/vpa-warning-icon-small.png);
  background-repeat: no-repeat;
  background-position: 13px 21px;
}
.deliveryPackagesStatusPopup .leftBox,
.deliveryPackagesStatusPopup .rightBox {
  float: left;
  width: 590px;
  min-height: 160px;
  margin: 00px 10px 0 0;
  background: #f6f6f6;
}
.deliveryPackagesStatusPopup .leftBox .addCommets,
.deliveryPackagesStatusPopup .rightBox .addCommets {
  background: none repeat scroll 0% 0% #5f92bb;
  height: 25px;
  border-bottom: 1px solid #383838;
}
.deliveryPackagesStatusPopup .leftBox .addCommets span,
.deliveryPackagesStatusPopup .rightBox .addCommets span {
  margin: 4px 0 0 20px;
  position: absolute;
}
.deliveryPackagesStatusPopup .leftBox textarea.ui-input-text,
.deliveryPackagesStatusPopup .rightBox textarea.ui-input-text {
  height: 72px;
  border: 1px solid #c6c6c6;
}
.deliveryPackagesStatusPopup .leftBox .ui-body-b,
.deliveryPackagesStatusPopup .leftBox .ui-overlay-b {
  border: none;
}
.deliveryPackagesStatusPopup .rightBox {
  margin-right: 0;
}
.deliveryPackagesStatusPopup .rightBox img {
  margin-top: 2px;
}
.deliveryPackagesStatusPopup .rightBox .deliveryOptionImg {
  float: left;
  margin-right: 16px;
  height: 100px;
}
.deliveryPackagesStatusPopup .rightBox .deliveryOptionInfo .deliveryOptionHeader {
  color: #5f92bb;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
  display: block;
  letter-spacing: 0.5px;
}
.deliveryPackagesStatusPopup .rightBox .deliveryOptionInfo .deliveryOptionLink {
  color: #5f92bb;
  font-size: 10px;
  display: block;
  padding: 2px 0 5px 0;
}
.deliveryPackagesStatusPopup .rightBox .deliveryOptionInfo .deliveryOptionFileSize {
  display: block;
  color: #000;
  padding-bottom: 15px;
  font-size: 14px;
}
.deliveryPackagesStatusPopup .rightBox .deliveryOptionInfo .deliveryOptionNumberOfFiles {
  color: #5f5f5f;
}
.deliveryPackagesStatusPopup .rightBox .deliveryOptionInfo .deliveryOptionInfo {
  display: block;
  color: #5f5f5f;
  font-size: 12px;
  font-style: italic;
  line-height: 12px;
}
.ui-corner-all {
  background: #fff;
  padding: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -khtml-border-radius: 0;
}
.packageView {
  padding: 5px 15px;
}
.packageView .ui-icon-arrow-r {
  background-position: -1px -1px;
  left: 10px;
}
.packageView .ui-icon-arrow-d {
  background-position: -37px -1px;
}
.packageView .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit,
.packageView .ui-li-static.ui-li-has-arrow {
  padding-left: 40px;
}
.packageView .packageInformation {
  width: 450px;
}
.packageView .packageModel {
  font-weight: normal;
}
.packageView .packageDate {
  color: #d8d8d8;
  font-weight: normal;
}
.packageView .packageApprove {
  font-style: italic;
}
.packageView .packageImg {
  float: right;
  width: 25px;
  height: 15px;
  margin: 0px 250px 0 0;
}
.packageView .packageFail {
  margin-right: 444px;
}
.packageView .packageImg img {
  margin: -2px 10px 0 0;
  width: 80%;
}
.packageView .packageImg span {
  vertical-align: top;
}
.packageView .packageDownload {
  float: right;
  margin-right: 10px;
  margin-top: 0px;
  height: 15px;
  padding-left: 20px;
  position: relative;
}
.packageView .packageDownload img {
  position: absolute;
  left: 4px;
  top: 0px;
}
.packageView .packageDownload .downloadPackageLink {
  color: #FFF;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 12px;
  font-weight: normal;
}
.packageView .packageDownload .downloadPackageLink:hover {
  color: #FFF;
}
.packageView .packagePreview {
  float: right;
  height: 15px;
  margin-top: -1px;
}
.packageView .packagePreview span {
  color: #FFF;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 12px;
  font-weight: normal;
}
.packageView .packagePreview img {
  margin: 0 0 0 0;
}
.packageView .packageDelete {
  float: right;
  margin-right: 10px;
}
.packageView .packageDelete .deletePackageLink {
  color: #FFF;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 12px;
  font-weight: normal;
}
.packageView .changeStatusPackageLink {
  float: right;
  margin-right: 30px;
  font-weight: normal;
  color: #FFF;
}
.packageView .packageStartNewJobLink {
  float: right;
  margin-right: 10px;
  padding-left: 23px;
  position: relative;
  font-weight: normal;
  color: #FFF;
}
.packageView .packageStartNewJobLink span,
.packageView .packageDownload span {
  color: #FFF;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 12px;
  font-weight: normal;
}
.packageView .packageStartNewJobLink img {
  position: absolute;
  left: 4px;
  top: -2px;
}
.packageView .packageImgText {
  font-size: 12px;
  float: right;
  display: inline;
  /*fixes IE float bug*/
  margin: 0 -149px 0 0;
  font-weight: normal;
}
.packageView .noDownload {
  margin: 0 -252px 0 0;
}
.packageView .ui-btn-inner {
  padding: 10px 20px;
}
.packageView .ui-btn-inner .changeStatusPackageLink {
  margin-top: 1px;
  text-transform: uppercase;
  font-size: 12px;
}
.packageView .ui-btn-inner .changeStatusPackageLink:hover {
  color: #fff;
}
.ui-overlay-c {
  min-width: 720px;
  margin: 0px;
}
.ui-collapsible-set {
  margin: 0;
}
.content ul {
  margin-bottom: 10px;
}
.content ul li {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 4px;
}
span.option {
  color: #CE003C;
  font-weight: normal;
  font-size: 18px;
}
.img {
  margin: 0 0 4px 0px;
}
.content {
  min-width: 800px;
  font-weight: normal;
  color: #000000;
}
.content .img img {
  margin: 10px 0 3px 0;
  width: 100%;
}
#searchResults {
  display: none;
}
#searchResults .listDivider {
  padding: 0.7em 15px;
}
#searchResults li a {
  font-size: 14px;
}
/**
 * HEADER
 * 
 * Your long description would go here, before any of the tags.
 */
.header.ui-header.ui-bar-c {
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.header h4 {
  color: #b7b7b7;
  font-size: 13px;
  margin: 0;
}
.header .logo {
  margin-top: 10px;
  margin-left: 51px;
}
.header .ui-content {
  padding: 15px 0;
}
.header .contentInformation {
  background: #fff;
  padding: 10px 0;
}
.header .leftHeader {
  float: left;
  width: 580px;
}
.header .leftHeader .breadcrumb {
  padding: 5px 0 0 25px;
}
.header .leftHeader .breadcrumb h4 {
  font-size: 11px;
  margin: 2px 0;
  line-height: 11px;
}
.header .leftHeader .breadcrumb p.breadcrumbParagraph {
  margin: 3px 0 2px 0;
  height: 17px;
}
.header .leftHeader .breadcrumb p.breadcrumbParagraph .arrow {
  font-size: 11px;
}
.header .leftHeader .breadcrumb a {
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}
.header .categoryMissing {
  font-size: 10px;
}
.header .rightHeader {
  float: right;
  min-width: 430px;
  max-width: 850px;
  background: #434343;
  height: 34px;
  margin-top: 65px;
}
.header .rightHeader p {
  margin: 1px 0;
  font-size: 11px;
}
.header .rightHeader .pubDetails .userImg,
.header .rightHeader .pubDetails .myProfileImg,
.header .rightHeader .pubDetails .logOutImg {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-bottom: -2px;
  margin-right: 4px;
  background: url(../../../Images/icon-user-white.png) no-repeat;
  -moz-background-size: 12px;
  -o-background-size: 12px;
  background-size: 12px;
}
.header .rightHeader .pubDetails .myProfileImg {
  background: url(../../../Images/my-profile.png) no-repeat;
}
.header .rightHeader .pubDetails .logOutImg {
  background: url(../../../Images/log-out.png) no-repeat;
}
.jqButton a {
  margin-top: 2px;
}
.jqButton .ui-btn-up-c,
.jqButton .ui-btn-hover-c,
.jqButton .ui-btn-inner {
  border: none;
  box-shadow: none;
  background: none;
  text-shadow: none;
}
.jqButton .ui-btn-text {
  font-size: 11px;
}
.jqButton .ui-btn-up-c,
.jqButton .ui-btn-hover-c {
  text-shadow: none;
}
.jqButton .ui-focus,
.jqButton .ui-btn:focus {
  box-shadow: none;
  text-shadow: none;
}
.jqButton .ui-icon,
.jqButton .ui-icon-searchfield:after,
.jqButton .ui-checkbox-on .ui-icon,
.jqButton .ui-radio-on .ui-icon {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.header .rightHeader .pubDetails ul {
  list-style-type: none;
  text-align: right;
  margin-top: 0px;
  padding-right: 45px;
  margin-left: 0px;
}
.header .rightHeader .pubDetails li {
  display: inline;
  padding: 0 10px;
  text-decoration: none;
  color: #8391a0;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 11px;
}
.header .rightHeader .pubDetails li a {
  text-decoration: none;
  color: #8391a0;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 11px;
}
.header .rightHeader .pubDetails .headerLink {
  color: #5f92bb;
}
.header .rightHeader .pubDetails .headerLink:hover {
  color: #5f92bb;
}
.header .rightHeader .pubDetails li:nth-child(even) {
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}
/* GREY MENU*/
.header .greyMenu {
  height: 34px;
  border-bottom: 2px solid #fff;
  background: #434343;
}
.header .greyMenu ul {
  list-style-type: none;
  text-align: left;
  padding-top: 9px;
  padding-left: 27px;
}
.header .greyMenu li {
  display: inline;
}
.header .greyMenu li a {
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 7px 12px 9px 12px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
  color: #fff;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.header .greyMenu li a:hover,
.header .greyMenu li a:active {
  background: #5f5f5f;
  color: #fff;
  padding: 7px 12px 9px 12px;
}
.header .greyMenu li img {
  margin-top: -2px;
  position: absolute;
}
.header .greyMenu li span {
  padding-left: 24px;
}
.header .greyMenu .beatManagement,
.header .greyMenu .systemManagement {
  float: right;
}
.header .greyMenu .beatEngine img {
  margin-left: -3px;
}
/* LOGIN GREY MENU */
.login .greyMenu {
  height: 34px;
  background: #434343;
}
.login .greyMenu ul {
  list-style-type: none;
  text-align: left;
  padding-top: 10px;
  margin-left: 0;
}
.login .contentInformation {
  margin-left: -17px;
  width: 500px;
}
.login .greyMenu li {
  display: inline;
}
#homeLogin .passwordChanged {
  padding: 0 45px 5px 45px;
}
.login .greyMenu li a {
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 7px 12px 9px 12px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
  color: #fff;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.login .greyMenu li img {
  margin-top: -2px;
  position: absolute;
}
.login .greyMenu li span {
  padding-left: 24px;
}
.login .greyMenu li .problems-icon {
  padding-left: 17px;
}
.login .greyMenu li a:hover {
  background: #5f5f5f;
  color: #fff;
  padding: 7px 12px 9px 12px;
}
.login .greyMenu li a:active {
  background: #5f5f5f;
  color: #fff;
  padding: 7px 12px 9px 12px;
}
/* BLUE MENU*/
.header .blueMenu {
  height: 34px;
  background: #5f92bb;
  margin-top: -5px;
  /*    -moz-box-shadow: 0px 4px 5px #ccc;
    -webkit-box-shadow: 0px 4px 5px #ccc;
    box-shadow: 0px 4px 5px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=170, Color='#CCCCCC')"; /* For IE 8 */
}
.header .blueMenu ul {
  list-style-type: none;
  text-align: left;
  padding-top: 9px;
  padding-left: 27px;
}
.header .blueMenu li {
  display: inline;
}
.header .blueMenu li a {
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 10px 12px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
}
.header .blueMenu li a:hover,
.header .blueMenu li a:active {
  background: #87adcc;
  color: #fff;
  padding: 7px 12px 9px 12px;
}
.header .blueMenu .active {
  background: #87adcc;
  padding-top: 7px!important;
  padding-bottom: 10px!important;
}
.header .blueMenu li img {
  margin-top: -2px;
  position: absolute;
}
.header .blueMenu.noIcons li img {
  display: none;
}
.header .blueMenu li span {
  padding-left: 22px;
}
.header .blueMenu.noIcons li span {
  padding-left: 2px;
}
.header .blueMenu .mobile-icon {
  padding-left: 20px;
}
.header .blueMenu .connections {
  padding-left: 32px;
}
.header .blueMenu .icon {
  padding-left: 30px;
}
/**
 * UI OVERRIDES!
 * 
 * Your long description would go here, before any of the tags.
 */
.ui-mobile .ui-page-active {
  background: #fff;
}
.ui-collapsible-content {
  padding: 6px 15px;
}
label.ui-input-text {
  font-size: 12px;
}
label.ui-select {
  font-size: 12px;
  margin: 0;
}
.ui-shadow-inset {
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-selectmenu {
  padding: 0;
}
.ui-bar-c {
  font-weight: normal;
}
.ui-btn-text {
  font-size: 13px;
  font-family: 'GillSansMT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
  font-weight: normal;
}
.listAttributes .ui-btn-text {
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
#packageListContainer .ui-btn-text {
  font-size: 15px;
}
ul.ulHotspot {
  max-width: 100%;
}
.ui-select .ui-btn-icon-right .ui-btn-inner {
  padding-right: 50px;
  font-size: 12px;
}
.ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner {
  padding-right: 68px;
}
.ui-bar-c a.ui-link:visited {
  color: #fff;
}
.ui-body-c,
.ui-overlay-c {
  background-image: -webkit-linear-gradient(#ffffff, #ffffff) !important;
  background-color: #fff !important;
}
input.ui-input-text:-webkit-autofill {
  background: red !important;
}
input:focus {
  background-position: 0 0;
}
.ui-listview-filter .ui-input-search {
  margin: 15px 8px 15px 8px;
}
.ui-btn-inner {
  padding: 5px 16px;
}
.ui-btn-corner-all {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -khtml-border-radius: 0;
}
body.ui-mobile-viewport,
div.ui-mobile-viewport {
  overflow-x: visible;
}
.userButtons .ui-btn-inner {
  padding: 5px 17px;
  font-size: 12px;
}
.userButtons .ui-btn {
  width: 100px;
  margin-right: 20px;
  margin-top: -10px;
  float: left;
}
.login .userButtons .ui-btn {
  margin-top: 0;
}
.ui-body-c,
.ui-bar-d,
.ui-body-d,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,
.ui-body-c button {
  font-family: 'GillSansMT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
}
.ui-input-datebox {
  min-height: 26px;
}
.manageUsers .ui-btn-up-b {
  border: 1px solid #ccc;
  background: #eee;
  font-weight: normal;
  color: #222;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);
  background-image: -moz-linear-gradient(#ffffff, #f1f1f1);
  background-image: -ms-linear-gradient(#ffffff, #f1f1f1);
  background-image: -o-linear-gradient(#ffffff, #f1f1f1);
  background-image: linear-gradient(#ffffff, #f1f1f1);
}
.ui-popup-container #FilterLanguageVariant-listbox .ui-btn-up-c,
.ui-popup-container #FilterCarModel-listbox .ui-btn-up-c,
.ui-popup-container #FilterLanguageVariant-listbox .ui-btn-hover-c,
.ui-popup-container #FilterCarModel-listbox .ui-btn-hover-c,
.ui-popup-container #FilterLanguageVariant-listbox .ui-btn-down-c,
.ui-popup-container #FilterCarModel-listbox .ui-btn-down-c {
  border-radius: 0px;
}
.ui-popup-container .ui-body-c {
  background: #333;
}
.ui-popup-container .ui-body-b {
  border: none;
}
.ui-popup-container .ui-title {
  font-size: 12px;
  color: #5e9ac4;
  line-height: 20px;
}
.ui-popup-container .ui-btn-text {
  font-size: 13px;
  color: #fff;
}
.ui-li-static.ui-li {
  padding: 0px;
}
.ui-btn-up-c {
  font-weight: normal;
}
.ui-btn-inner a {
  text-decoration: none;
}
.warning table {
  border: 1px solid #C7C8CA !important;
}
div .warning {
  margin-top: 30px;
  margin-bottom: 30px;
}
input.ui-input-text {
  font-size: 13px;
}
.important table {
  border: 1px solid #C7C8CA !important;
}
div .important {
  margin-top: 30px;
  margin-bottom: 30px;
}
/* Notes */
.note table {
  border: 1px solid #C7C8CA !important;
}
.procedure table tr td:nth-child(2) {
  padding: 0 0 10px 0;
}
div .note {
  margin-top: 30px;
  margin-bottom: 30px;
}
.content div.p {
  font-size: 14px;
  line-height: 16px;
  margin: 3px 0px 0px 0px;
}
.metaDataInfo .tabelFloat {
  float: left;
  width: 31.44%;
  font-size: 12px;
  padding: 10px;
  min-height: 18px;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  background-color: #F1F1F1;
}
.metaDataInfo .packageComment {
  float: left;
  width: 100%!important;
  font-size: 12px;
  padding: 10px;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.metaDataInfo .tabelFloat:nth-child(3n+2) {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.deliveryInfo .tabelFloat:nth-child(3n+2) {
  border: none;
  border-left: none;
}
.tabelFloat:nth-child(4),
.tabelFloat:nth-child(5),
.tabelFloat:nth-child(6),
.tabelFloat:nth-child(10),
.tabelFloat:nth-child(11),
.tabelFloat:nth-child(12) {
  background: #ffffff;
}
.transformationTable {
  width: 100%;
  margin: 0px;
}
.transformationTable tr.even {
  background: #ffffff;
}
.transformationTable .tableFloat {
  padding: 10px;
  font-size: 12px;
  min-height: 18px;
  text-shadow: none;
}
.transformationTable .tableFloat .odd {
  background-color: #F1F1F1;
}
.transformationFloat {
  width: 20%;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
.transformationListName {
  padding-left: 5px;
}
.metaHeader {
  background: #434343;
  height: 34px;
}
.metaHeader .ui-li-heading {
  margin: 0!important;
}
.metaHeader h3,
.validitiess h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 10px;
}
.validitiess h3 {
  color: #111;
}
.validitiess .ui-li-heading {
  margin: 0!important;
}
.listviewName {
  color: #5e9ac4;
}
.listviewInfo {
  margin-left: 112px;
  display: block;
  margin-top: -16px;
  font-weight: normal;
  letter-spacing: 0.5px;
  min-height: 16px;
}
.listviewInfo img {
  margin-top: 1px;
}
.listviewExtraInfo {
  color: #888;
  font-weight: normal;
}
.validitiess {
  height: 34px;
  border: 1px solid #ccc;
  background: #dcdcdc;
  font-weight: normal;
  color: #222;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#bbbbbb));
  background-image: -webkit-linear-gradient(#dcdcdc, #bbbbbb);
  background-image: -moz-linear-gradient(#dcdcdc, #bbbbbb);
  background-image: -ms-linear-gradient(#dcdcdc, #bbbbbb);
  background-image: -o-linear-gradient(#dcdcdc, #bbbbbb);
  background-image: linear-gradient(#dcdcdc, #bbbbbb);
}
.actions h3 {
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.actions span {
  float: right;
  margin-top: -24px;
  margin-right: 25px;
  font-family: 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
/**
 * FOOTER
 * 
 * Your long description would go here, before any of the tags.
 */
.footer {
  background: #434343;
  height: 34px;
  width: 1200px;
  margin-top: 15px;
}
.footer p {
  padding: 0 45px;
  color: #fff;
  padding-top: 8px;
  text-transform: uppercase;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.footerLogin {
  width: 500px;
  background: #434343;
  height: 34px;
}
.footerLogin p {
  padding: 0 45px;
  color: #fff;
  padding-top: 8px;
  text-transform: uppercase;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
/**
 * MY PROFILE
 * 
 * Your long description would go here, before any of the tags.
 */
input[type="text"]#textboxes {
  width: 398px;
}
input[type="password"]#textboxes {
  width: 398px;
}
.ui-checkbox input {
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  margin: 0;
}
.newUser p {
  position: absolute;
  margin-top: -5px;
  margin-left: 20px;
}
.newUser {
  padding-bottom: 20px;
}
.sortList .user.ui-btn {
  width: auto;
}
.attributeList {
  height: 18px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 8px 0;
  background: #444;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#2d2d2d));
  background-image: -webkit-linear-gradient(#444444, #2d2d2d);
  background-image: -moz-linear-gradient(#444444, #2d2d2d);
  background-image: -ms-linear-gradient(#444444, #2d2d2d);
  background-image: -o-linear-gradient(#444444, #2d2d2d);
  background-image: linear-gradient(#444444, #2d2d2d);
}
.block div.ui-input-text {
  margin-top: 0px;
}
.attributeList .ui-checkbox input {
  margin-top: -5px;
}
.block .user {
  margin-top: 0px;
}
.manageUsers .ui-table-columntoggle.ui-responsive th {
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.ui-table-columntoggle-btn {
  /*margin-top: 235px;
	position: absolute;*/
}
/**
 * MY PROFILE
 * 
 * Your long description would go here, before any of the tags.
 */
.myProfile {
  margin-top: 0;
}
.myProfile h1 {
  font-size: 17px;
  font-weight: normal;
}
.myProfile input[type="password"]#textboxes {
  width: 140px;
}
.myProfile label.ui-input-text {
  font-size: 12px;
}
.myProfile .profileContent {
  font-size: 14px;
  padding: 4px 24px 0 0;
}
.myProfile .sortList .block {
  margin-left: -1px;
  padding-bottom: 0!important;
}
.myProfile .newPassword {
  width: 360px;
}
.myProfile .oldPassword {
  width: 185px;
}
.myProfile #changePasswordForm {
  margin-top: 0px;
}
.myProfile .userButtons {
  margin-top: 20px;
}
.myProfile .validation-summary-errors {
  padding-bottom: 10px;
  margin-left: -60px;
  color: red;
}
.myProfile .sortList {
  margin-top: 20px;
}
.myProfile .validation-summary-errors ul {
  list-style-type: none;
}
.pubDetails #Profile {
  background-color: #5f5f5f;
  padding: 10px 7px;
}
/**
 * SYSTEM MANAGER - MANAGE USERS
 * 
 * Your long description would go here, before any of the tags.
 */
.editUser .ui-btn {
  margin: 3px 0;
}
.editUser .ui-checkbox {
  margin-top: 21px;
}
.editUser .ui-fullsize .ui-btn-inner,
.editUser .editUser .ui-fullsize .ui-btn-inner {
  padding: 5px 16px 5px 45px;
}
.editUser .backBtn {
  margin: 0 0 0 20px;
  position: absolute;
}
.editUser .delete {
  position: absolute;
  margin-top: -35px;
  margin-left: 300px;
}
.editUser #UserName,
.editUser #FirstName,
.editUser #LastName {
  width: 100px;
}
.editUser .enableField {
  margin-top: -2px;
}
.editUser .input.ui-input-text,
textarea.ui-input-text {
  font-size: 13px;
  height: 31px;
}
.editUser .error-message {
  color: red !important;
  padding-top: 10px;
}
.deletePopUp {
  position: absolute;
  margin-top: -19px;
  margin-left: 75px;
}
.user {
  margin-top: 32px;
}
.user h1 {
  font-size: 17px;
  font-weight: normal;
}
.user tr {
  font-size: 13px;
  font-weight: normal;
}
.user td {
  padding-right: 20px;
}
.user input[type="text"]#textboxes {
  width: 140px;
}
.user .listText {
  font-size: 13px;
  font-weight: normal;
}
.user .listText th {
  font-weight: normal;
}
.user .manageUsers {
  background: #fff;
}
.user .manageUsers .isEnabled {
  margin: 2px 0 0 18px;
}
.user .ui-table td {
  padding: 0 0 0 10px;
}
.user .ui-table td:nth-child(n+2) {
  padding-top: 9px;
}
.user .ui-table-reflow.ui-responsive {
  display: table;
}
/**
 * SYSTEM MANAGER SYSTEM - SYSTEM SETTINGS
 * 
 * Your long description would go here, before any of the tags.
 */
.systemSetting {
  margin-top: 32px;
}
.systemSetting h1 {
  font-size: 17px;
  font-weight: normal;
}
.systemSetting .ui-btn-inline,
.systemSetting .user .ui-btn-inline {
  margin: 0;
}
.systemSetting input[type="text"]#systemName {
  width: 240px;
}
.systemSetting .dtdConfig .contentInformation {
  margin-top: 40px;
}
.systemText {
  margin-top: 32px;
}
.systemText h1 {
  font-size: 17px;
  font-weight: normal;
}
.systemText th {
  color: #fff;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.systemText td {
  padding: 4px 20px;
  font-size: 14px;
}
.systemText th:first-child {
  width: 50px;
}
.systemText table {
  width: 100%;
}
.systemText tr:nth-child(even) {
  background: #f9f9f9;
}
.systemText .create {
  margin-top: 25px;
}
.systemText .listText {
  height: 30px;
}
#refresh {
  display: none;
  position: absolute;
  margin-left: 910px;
  margin-top: -43px;
  margin-right: 45px;
  border: 2px solid #4e86b4;
}
#refresh img {
  padding-left: 5px;
  padding-bottom: 5px;
}
#refresh .refreshText {
  color: #4e86b4;
  font-size: 12px;
}
#refresh .refreshText a {
  text-decoration: none;
  font-weight: normal;
  line-height: 18px;
  margin-left: 5px;
  position: absolute;
  margin-top: -1px;
}
#refresh .refreshText a:hover {
  text-decoration: underline;
}
#refresh .refreshInfoText {
  color: #4e86b4;
  font-size: 12px;
  margin: 0;
  padding: 5px;
}
#refreshClock {
  display: none;
  position: absolute;
  margin-left: 1005px;
  margin-top: -18px;
  margin-right: 45px;
  width: 90px;
}
#refreshClock img {
  padding-left: 5px;
  padding-bottom: 5px;
}
#refreshClock .refreshText {
  color: #4e86b4;
  font-size: 12px;
}
#refreshClock .refreshText a {
  text-decoration: none;
  font-weight: normal;
  line-height: 18px;
  margin-left: 5px;
  position: absolute;
  margin-top: -1px;
}
#refreshClock .refreshText a:hover {
  text-decoration: underline;
}
#refreshClock .refreshInfoText {
  color: #4e86b4;
  font-size: 12px;
  margin: 0;
  padding: 5px;
}
#packageListContainer .deletePackageLink {
  margin-top: -24px;
}
#packageListContainer .deletePackageLink img {
  float: none;
  display: inline;
  margin-left: -20px;
  position: absolute;
}
#packageListContainer .changeStatusPackageLink img {
  float: none;
  display: inline;
  margin-left: -22px;
  position: absolute;
}
#packageListContainer .ui-li-heading {
  margin: 2px 0px;
}
#packageListContainer .ui-body-c {
  border: none;
}
.transformationLogPagedList .pagedListNavigator {
  padding: 0px 20px 20px 16px;
}
.packagePagedList.bottom-pager .pagedListNavigator,
.transformationLogPagedList.bottom-pager .pagedListNavigator {
  padding-top: 20px;
}
.pagedListNavigator {
  padding: 0px 20px 20px 0px;
  margin-left: -15px;
  color: #888888;
}
.pagedListNavigator img {
  width: 15px;
  cursor: pointer;
  padding-top: 2px;
}
.pagedListNavigator .pager-text {
  float: left;
}
.pagedListNavigator .previousPagedListPage {
  float: left;
  padding-left: 10px;
}
.pagedListNavigator .nextPagedListPage {
  padding-left: 10px;
}
.publicationsData .ui-btn-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
}
.publicationsData .ui-body-d {
  border: none;
  margin: -13px;
}
.publicationsData .ui-btn-inner {
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}
/**
 * SYSTEM MANAGER SYSTEM - SYSTEM TEXT
 * 
 * Your long description would go here, before any of the tags.
 */
.systemManager .systemModules {
  width: 700px;
}
.systemManager .systemModules .ui-table td:nth-child(n+1) {
  padding: 6px;
}
.systemManager .systemModules .ui-table td .isEnabled {
  margin-left: 8px;
}
.systemManager .systemModules .active-module .ui-btn-up-d {
  border: none !important;
}
.systemManager .systemModules .active-module .ui-checkbox .ui-btn {
  box-shadow: none !important;
}
.systemManager .systemModules .active-module .ui-btn {
  margin: 0px;
}
.systemManager .systemModules .active-module .ui-checkbox input {
  top: 0px;
}
.systemManager .systemModules .active-module .ui-btn-hover-d {
  border: none;
}
.systemManager .systemModules .active-module .row:hover {
  background: #F5F5F5;
}
.systemManager .systemModules .active-module .alterRow,
.systemManager .systemModules .active-module .alterRow:hover {
  background: #FFF;
}
.systemManager .saveModulesButton {
  margin-top: 15px;
  display: block;
}
/**
 * ARCHIVE classes 
 * 
 * Your long description would go here, before any of the tags.
 */
.archiveListPage #search {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.archiveListPage .dateFilter {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  width: 110px;
}
.archiveListPage .dateFilter .ui-corner-all {
  padding: 0;
}
.archiveListPage .dateFilter .ui-shadow {
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.archiveListPage .dateFilter .ui-input-text .ui-input-clear {
  margin-top: -12px;
}
.archiveListPage .dateFilter div.ui-input-text input.ui-input-text {
  margin-left: 10px;
}
.archiveListPage .dateFilter .ui-input-datebox input {
  width: 90% !important;
}
.archiveListPage .dateFilter .ui-btn-hover-c {
  border: none;
  background: #fff;
}
.archiveListPage .dateFilter .ui-btn-up-c {
  border: none;
  background: #fff;
}
.ui-datebox-container .ui-title {
  color: #fff;
  font-weight: normal;
}
.ui-datebox-container .ui-datebox-gridlabel h4 {
  color: #333;
}
.ui-datebox-container .ui-btn-up-a,
.ui-datebox-container .ui-btn-hover-a,
.ui-datebox-container .ui-btn-down-a {
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-datebox-container .ui-btn-up-a .ui-btn-inner,
.ui-datebox-container .ui-btn-hover-a .ui-btn-inner,
.ui-datebox-container .ui-btn-down-a .ui-btn-inner {
  border: none;
}
.ui-datebox-container .ui-btn-up-x,
.ui-datebox-container .ui-btn-up-y,
.ui-datebox-container .ui-btn-up-z,
.ui-datebox-container .ui-btn-down-x,
.ui-datebox-container .ui-btn-down-y,
.ui-datebox-container .ui-btn-down-z {
  padding: 0;
}
.ui-datebox-container .ui-btn-up-x,
.ui-datebox-container .ui-btn-hover-x,
.ui-datebox-container .ui-btn-down-x,
.ui-datebox-container .ui-btn-up-y,
.ui-datebox-container .ui-btn-down-y {
  border: 1px solid #808080;
  border-radius: 10px;
}
.ui-datebox-container .ui-btn-down-x {
  background: linear-gradient(#ffffff, #c8c8c8) repeat scroll 0% 0% #c8c8c8;
}
.ui-datebox-container .ui-datebox-griddate {
  margin: 1px;
  width: 34px;
  font-weight: normal;
}
.ui-datebox-container .ui-btn-up-z,
.ui-datebox-container .ui-btn-down-z {
  border: 1px solid #808080;
  border-radius: 10px;
  background: linear-gradient(#5f5f5f, #232323) repeat scroll 0% 0% #232323;
  color: #fff;
  font-weight: normal;
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.ui-datebox-container .ui-btn-down-z {
  background: linear-gradient(#5a5a5a, #111111) repeat scroll 0% 0% #111111;
  font-weight: normal;
}
.ui-datebox-container .ui-body-c {
  -webkit-text-shadow: none;
  -khtml-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.ui-datebox-container .ui-btn-icon-notext {
  border: none;
  border-radius: 12px;
}
.contentInformation .ui-btn-up-c,
.editUser .ui-btn-up-c,
.systemSetting .ui-btn-up-c,
.contentInformation .ui-btn-hover-c,
.editUser .ui-btn-hover-c,
.systemSetting .ui-btn-hover-c,
.contentInformation .ui-btn-text,
.editUser .ui-btn-text,
.systemSetting .ui-btn-text {
  color: #333;
  font-size: 13px;
  font-weight: 300;
}
.editUser #Email {
  width: 200px;
}
.user .contentInformation h1,
.systemText h1,
.systemSetting h1,
.user .contentInformation p,
.systemText p,
.systemSetting p {
  padding: 0;
  margin: 0;
}
.user .contentInformation p,
.systemText p,
.systemSetting p {
  margin-bottom: 10px;
}
.user .contentInformation h1,
.systemText h1,
.systemSetting h1 {
  font-weight: normal;
  font-size: 17px;
}
.user .contentInformation .ui-btn,
.systemText .ui-btn,
.systemSetting .ui-btn {
  margin-bottom: 20px;
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
  background-color: rgba(0, 0, 0, 0.4);
}
.sortable {
  cursor: pointer;
}
/**
 * EDIT USER classes 
 * 
 * Your long description would go here, before any of the tags.
 */
.editUser h1 {
  font-size: 17px;
  font-weight: normal;
}
/**
 * BEAT ENGINE classes 
 * 
 * Your long description would go here, before any of the tags.
 */
.beatEngine h1,
.beatEngine p,
.beatEngine h3 {
  padding: 0;
  margin: 0;
}
.beatEngine h3 {
  font-size: 14px;
  color: #5e9ac4;
  font-weight: normal;
}
.beatEngine p {
  margin-bottom: 10px;
}
.beatEngine h1 {
  font-weight: normal;
  font-size: 17px;
}
.beatEngine h1 SPAN {
  color: #333;
}
.beatEngine .ui-btn {
  margin-bottom: 20px;
}
.beatEngine .listText {
  font-size: 13px;
  font-weight: normal;
}
.beatEngine .ui-table th {
  font-weight: normal;
}
.beatEngine .ui-body-d .ui-link {
  font-weight: normal;
}
.beatEngine .buttonWide .ui-btn-inner {
  padding: 5px 36px;
}
.beatEngine .boxWidth {
  width: 300px;
}
.beatEngine .ui-shadow-inset {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.beatEngine .transpormationJobs {
  padding-top: 10px;
}
.beatEngine .transpormationJobs tbody {
  font-size: 13px;
}
.beatEngine .transpormationJobs tbody tr .running {
  color: #ebba4b;
}
.beatEngine .transpormationJobs tbody tr .failed {
  color: red;
}
.beatEngine .transpormationJobs tbody tr .completed {
  color: green;
}
.beatEngine .transpormationJobs tbody tr td:nth-child(2) {
  color: #000;
}
.beatEngine .transpormationJobs tbody tr td:nth-child(8) {
  color: #000;
  text-decoration: underline;
}
.beatEngine .transpormationJobs tbody tr td:nth-child(9) {
  color: #000;
  text-decoration: underline;
}
.beatEngine .transpormationJobs tbody tr .outputNone {
  text-decoration: none!important;
  color: #333 !important;
}
.beatEngine .createButton {
  margin-top: 20px;
}
.startNewJob .ui-btn,
.createNewBuild .ui-btn,
.createNewFormat .ui-btn,
.editFormat .ui-btn,
.editBuild .ui-btn {
  margin: 0;
  text-align: left;
}
.startNewJob .greyText,
.createNewBuild .greyText,
.createNewFormat .greyText,
.editFormat .greyText,
.editBuild .greyText {
  color: #888 !important;
  font-size: 12px!important;
}
.startNewJob .paddingTop,
.createNewBuild .paddingTop,
.createNewFormat .paddingTop,
.editFormat .paddingTop,
.editBuild .paddingTop {
  padding-top: 20px;
}
.startNewJob .leftBox,
.createNewBuild .leftBox,
.createNewFormat .leftBox,
.editFormat .leftBox,
.editBuild .leftBox {
  height: 360px;
  padding-top: 10px;
  float: left;
  width: 450px;
  border-right: 3px solid #ccc;
  position: relative;
}
.startNewJob .leftBox p,
.createNewBuild .leftBox p,
.createNewFormat .leftBox p,
.editFormat .leftBox p,
.editBuild .leftBox p {
  color: #5e9ac4;
  font-size: 14px;
  margin: 0 0 5px 0;
}
.startNewJob .leftBox .selectExport .ui-btn,
.createNewBuild .leftBox .selectExport .ui-btn,
.createNewFormat .leftBox .selectExport .ui-btn,
.editFormat .leftBox .selectExport .ui-btn,
.editBuild .leftBox .selectExport .ui-btn {
  margin-bottom: 5px;
}
.startNewJob .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.createNewBuild .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.createNewFormat .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.editFormat .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.editBuild .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.startNewJob .leftBox .selectBox .ui-fullsize .ui-btn-inner,
.createNewBuild .leftBox .selectBox .ui-fullsize .ui-btn-inner,
.createNewFormat .leftBox .selectBox .ui-fullsize .ui-btn-inner,
.editFormat .leftBox .selectBox .ui-fullsize .ui-btn-inner,
.editBuild .leftBox .selectBox .ui-fullsize .ui-btn-inner,
.startNewJob .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.createNewBuild .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.createNewFormat .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.editFormat .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.editBuild .leftBox .selectImage .ui-fullsize .ui-btn-inner,
.startNewJob .leftBox .selectBox .ui-fullsize .ui-btn-inner,
.createNewBuild .leftBox .selectBox .ui-fullsize .ui-btn-inner,
.createNewFormat .leftBox .selectBox .ui-fullsize .ui-btn-inner,
.editFormat .leftBox .selectBox .ui-fullsize .ui-btn-inner,
.editBuild .leftBox .selectBox .ui-fullsize .ui-btn-inner {
  padding: 5px 16px 5px 45px;
}
.startNewJob .leftBox .selectImage .ui-checkbox input,
.createNewBuild .leftBox .selectImage .ui-checkbox input,
.createNewFormat .leftBox .selectImage .ui-checkbox input,
.editFormat .leftBox .selectImage .ui-checkbox input,
.editBuild .leftBox .selectImage .ui-checkbox input,
.startNewJob .leftBox .selectBox .ui-checkbox input,
.createNewBuild .leftBox .selectBox .ui-checkbox input,
.createNewFormat .leftBox .selectBox .ui-checkbox input,
.editFormat .leftBox .selectBox .ui-checkbox input,
.editBuild .leftBox .selectBox .ui-checkbox input {
  visibility: hidden;
}
.startNewJob .leftBox .startTransformButton,
.createNewBuild .leftBox .startTransformButton,
.createNewFormat .leftBox .startTransformButton,
.editFormat .leftBox .startTransformButton,
.editBuild .leftBox .startTransformButton {
  bottom: 0;
  position: absolute;
}
.startNewJob .leftBox .startTransformButton .lightningButton a span .ui-icon,
.createNewBuild .leftBox .startTransformButton .lightningButton a span .ui-icon,
.createNewFormat .leftBox .startTransformButton .lightningButton a span .ui-icon,
.editFormat .leftBox .startTransformButton .lightningButton a span .ui-icon,
.editBuild .leftBox .startTransformButton .lightningButton a span .ui-icon {
  background-image: url(../../../Images/lightning.png);
}
.startNewJob .leftBox .startTransformButton .lightningButton a span .ui-icon-delete,
.createNewBuild .leftBox .startTransformButton .lightningButton a span .ui-icon-delete,
.createNewFormat .leftBox .startTransformButton .lightningButton a span .ui-icon-delete,
.editFormat .leftBox .startTransformButton .lightningButton a span .ui-icon-delete,
.editBuild .leftBox .startTransformButton .lightningButton a span .ui-icon-delete {
  background-position: 0;
}
.startNewJob .leftBox .deleteBuild,
.createNewBuild .leftBox .deleteBuild,
.createNewFormat .leftBox .deleteBuild,
.editFormat .leftBox .deleteBuild,
.editBuild .leftBox .deleteBuild {
  margin-left: 150px;
}
.startNewJob .leftBox .deleteBuild .error-message,
.createNewBuild .leftBox .deleteBuild .error-message,
.createNewFormat .leftBox .deleteBuild .error-message,
.editFormat .leftBox .deleteBuild .error-message,
.editBuild .leftBox .deleteBuild .error-message {
  color: red;
}
.startNewJob .leftBox .selectBuild,
.createNewBuild .leftBox .selectBuild,
.createNewFormat .leftBox .selectBuild,
.editFormat .leftBox .selectBuild,
.editBuild .leftBox .selectBuild {
  margin-top: 20px;
}
.startNewJob .leftBox .selectBuild.bottomBuild,
.createNewBuild .leftBox .selectBuild.bottomBuild,
.createNewFormat .leftBox .selectBuild.bottomBuild,
.editFormat .leftBox .selectBuild.bottomBuild,
.editBuild .leftBox .selectBuild.bottomBuild {
  margin-top: 10px;
}
.startNewJob .leftBox .selectState,
.createNewBuild .leftBox .selectState,
.createNewFormat .leftBox .selectState,
.editFormat .leftBox .selectState,
.editBuild .leftBox .selectState,
.startNewJob .leftBox .selectAccess,
.createNewBuild .leftBox .selectAccess,
.createNewFormat .leftBox .selectAccess,
.editFormat .leftBox .selectAccess,
.editBuild .leftBox .selectAccess {
  float: left;
}
.startNewJob .leftBox .selectVersion,
.createNewBuild .leftBox .selectVersion,
.createNewFormat .leftBox .selectVersion,
.editFormat .leftBox .selectVersion,
.editBuild .leftBox .selectVersion {
  margin-top: 5px;
}
.startNewJob .leftBox .selectBox,
.createNewBuild .leftBox .selectBox,
.createNewFormat .leftBox .selectBox,
.editFormat .leftBox .selectBox,
.editBuild .leftBox .selectBox {
  padding-right: 20px;
  display: inline-block;
  clear: none;
  padding-top: 20px;
}
.startNewJob .rightBox,
.createNewBuild .rightBox,
.createNewFormat .rightBox,
.editFormat .rightBox,
.editBuild .rightBox {
  float: left;
  width: 610px;
  padding-left: 40px;
  margin-top: 10px;
}
.startNewJob .rightBox p,
.createNewBuild .rightBox p,
.createNewFormat .rightBox p,
.editFormat .rightBox p,
.editBuild .rightBox p {
  color: #5e9ac4;
  font-size: 14px;
  margin: 0 0 5px 0;
}
.startNewJob .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.createNewBuild .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.createNewFormat .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.editFormat .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.editBuild .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.startNewJob .rightBox .selectBox .ui-fullsize .ui-btn-inner,
.createNewBuild .rightBox .selectBox .ui-fullsize .ui-btn-inner,
.createNewFormat .rightBox .selectBox .ui-fullsize .ui-btn-inner,
.editFormat .rightBox .selectBox .ui-fullsize .ui-btn-inner,
.editBuild .rightBox .selectBox .ui-fullsize .ui-btn-inner,
.startNewJob .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.createNewBuild .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.createNewFormat .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.editFormat .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.editBuild .rightBox .selectImage .ui-fullsize .ui-btn-inner,
.startNewJob .rightBox .selectBox .ui-fullsize .ui-btn-inner,
.createNewBuild .rightBox .selectBox .ui-fullsize .ui-btn-inner,
.createNewFormat .rightBox .selectBox .ui-fullsize .ui-btn-inner,
.editFormat .rightBox .selectBox .ui-fullsize .ui-btn-inner,
.editBuild .rightBox .selectBox .ui-fullsize .ui-btn-inner {
  padding: 5px 16px 5px 45px;
}
.startNewJob .rightBox .selectImage .ui-checkbox input,
.createNewBuild .rightBox .selectImage .ui-checkbox input,
.createNewFormat .rightBox .selectImage .ui-checkbox input,
.editFormat .rightBox .selectImage .ui-checkbox input,
.editBuild .rightBox .selectImage .ui-checkbox input,
.startNewJob .rightBox .selectBox .ui-checkbox input,
.createNewBuild .rightBox .selectBox .ui-checkbox input,
.createNewFormat .rightBox .selectBox .ui-checkbox input,
.editFormat .rightBox .selectBox .ui-checkbox input,
.editBuild .rightBox .selectBox .ui-checkbox input {
  visibility: hidden;
}
.startNewJob .rightBox .imagePercent,
.createNewBuild .rightBox .imagePercent,
.createNewFormat .rightBox .imagePercent,
.editFormat .rightBox .imagePercent,
.editBuild .rightBox .imagePercent {
  width: 36px;
  padding-right: 20px;
  float: left;
  padding-top: 20px;
}
.startNewJob .rightBox .transformationJob,
.createNewBuild .rightBox .transformationJob,
.createNewFormat .rightBox .transformationJob,
.editFormat .rightBox .transformationJob,
.editBuild .rightBox .transformationJob {
  width: 430px;
}
.startNewJob .rightBox .transformationJob p,
.createNewBuild .rightBox .transformationJob p,
.createNewFormat .rightBox .transformationJob p,
.editFormat .rightBox .transformationJob p,
.editBuild .rightBox .transformationJob p {
  margin-bottom: 2px;
}
.startNewJob .rightBox .transformationJob .cancelButton,
.createNewBuild .rightBox .transformationJob .cancelButton,
.createNewFormat .rightBox .transformationJob .cancelButton,
.editFormat .rightBox .transformationJob .cancelButton,
.editBuild .rightBox .transformationJob .cancelButton {
  float: right;
}
.startNewJob .rightBox .transformationJob .cancelButton .ui-btn,
.createNewBuild .rightBox .transformationJob .cancelButton .ui-btn,
.createNewFormat .rightBox .transformationJob .cancelButton .ui-btn,
.editFormat .rightBox .transformationJob .cancelButton .ui-btn,
.editBuild .rightBox .transformationJob .cancelButton .ui-btn {
  margin: 0;
}
.startNewJob .rightBox .transformProcess,
.createNewBuild .rightBox .transformProcess,
.createNewFormat .rightBox .transformProcess,
.editFormat .rightBox .transformProcess,
.editBuild .rightBox .transformProcess {
  border-top: 2px solid #ccc;
  width: 320px;
  height: 320px;
  padding-top: 10px;
}
.startNewJob .rightBox .transformProcess div,
.createNewBuild .rightBox .transformProcess div,
.createNewFormat .rightBox .transformProcess div,
.editFormat .rightBox .transformProcess div,
.editBuild .rightBox .transformProcess div {
  padding: 1px 0;
}
.startNewJob .rightBox .transformProcess div .complete,
.createNewBuild .rightBox .transformProcess div .complete,
.createNewFormat .rightBox .transformProcess div .complete,
.editFormat .rightBox .transformProcess div .complete,
.editBuild .rightBox .transformProcess div .complete {
  background: url(../../../Images/complete.png) no-repeat;
  height: 15px;
  width: 15px;
  display: inline-block;
  padding-right: 10px;
}
.startNewJob .rightBox .transformProcess div .not-complete,
.createNewBuild .rightBox .transformProcess div .not-complete,
.createNewFormat .rightBox .transformProcess div .not-complete,
.editFormat .rightBox .transformProcess div .not-complete,
.editBuild .rightBox .transformProcess div .not-complete {
  background: url(../../../Images/not-complete.png) no-repeat;
  height: 15px;
  width: 15px;
  display: inline-block;
  padding-right: 10px;
}
.startNewJob .rightBox .transformProcess div .text,
.createNewBuild .rightBox .transformProcess div .text,
.createNewFormat .rightBox .transformProcess div .text,
.editFormat .rightBox .transformProcess div .text,
.editBuild .rightBox .transformProcess div .text {
  color: #CCCCCC;
  font-size: 14px;
  vertical-align: top;
}
.startNewJob .rightBox .transformProcess .transformationComplete,
.createNewBuild .rightBox .transformProcess .transformationComplete,
.createNewFormat .rightBox .transformProcess .transformationComplete,
.editFormat .rightBox .transformProcess .transformationComplete,
.editBuild .rightBox .transformProcess .transformationComplete {
  padding-top: 20px;
}
.startNewJob .rightBox .transformProcess .transformationComplete .text,
.createNewBuild .rightBox .transformProcess .transformationComplete .text,
.createNewFormat .rightBox .transformProcess .transformationComplete .text,
.editFormat .rightBox .transformProcess .transformationComplete .text,
.editBuild .rightBox .transformProcess .transformationComplete .text {
  color: #999;
  font-size: 14px;
  margin-left: -5px;
}
.startNewJob .rightBox .transformProcess .transformationComplete .duration,
.createNewBuild .rightBox .transformProcess .transformationComplete .duration,
.createNewFormat .rightBox .transformProcess .transformationComplete .duration,
.editFormat .rightBox .transformProcess .transformationComplete .duration,
.editBuild .rightBox .transformProcess .transformationComplete .duration {
  color: #999;
  font-size: 12px;
  margin-left: 25px;
}
.startNewJob .rightBox .transformProcess .transformExport,
.createNewBuild .rightBox .transformProcess .transformExport,
.createNewFormat .rightBox .transformProcess .transformExport,
.editFormat .rightBox .transformProcess .transformExport,
.editBuild .rightBox .transformProcess .transformExport {
  margin-top: 20px;
}
.startNewJob .rightBox .transformProcess .transformExport .exportImg,
.createNewBuild .rightBox .transformProcess .transformExport .exportImg,
.createNewFormat .rightBox .transformProcess .transformExport .exportImg,
.editFormat .rightBox .transformProcess .transformExport .exportImg,
.editBuild .rightBox .transformProcess .transformExport .exportImg {
  background: url(../../../Images/small-screen.png) no-repeat;
  height: 19px;
  width: 19px;
  display: inline-block;
  padding-right: 10px;
}
.startNewJob .rightBox .transformProcess .transformExport .link,
.createNewBuild .rightBox .transformProcess .transformExport .link,
.createNewFormat .rightBox .transformProcess .transformExport .link,
.editFormat .rightBox .transformProcess .transformExport .link,
.editBuild .rightBox .transformProcess .transformExport .link {
  vertical-align: top;
  color: #999;
  font-size: 12px;
  margin-left: -5px;
}
.startNewJob .rightBox .transformProcess .transformExport .link a,
.createNewBuild .rightBox .transformProcess .transformExport .link a,
.createNewFormat .rightBox .transformProcess .transformExport .link a,
.editFormat .rightBox .transformProcess .transformExport .link a,
.editBuild .rightBox .transformProcess .transformExport .link a {
  font-weight: normal;
  text-decoration: underline;
}
.startNewJob .rightBox .selectBox,
.createNewBuild .rightBox .selectBox,
.createNewFormat .rightBox .selectBox,
.editFormat .rightBox .selectBox,
.editBuild .rightBox .selectBox {
  padding-right: 20px;
  display: inline-block;
  clear: none;
  padding-top: 20px;
}
.startNewJob .rightBox .upload,
.createNewBuild .rightBox .upload,
.createNewFormat .rightBox .upload,
.editFormat .rightBox .upload,
.editBuild .rightBox .upload {
  clear: both;
}
.startNewJob .rightBox .upload .file,
.createNewBuild .rightBox .upload .file,
.createNewFormat .rightBox .upload .file,
.editFormat .rightBox .upload .file,
.editBuild .rightBox .upload .file {
  margin-top: 10px;
  margin-bottom: 10px;
}
.startNewJob .rightBox .upload .file img,
.createNewBuild .rightBox .upload .file img,
.createNewFormat .rightBox .upload .file img,
.editFormat .rightBox .upload .file img,
.editBuild .rightBox .upload .file img {
  vertical-align: middle;
}
.startNewJob .rightBox .upload .file .filename,
.createNewBuild .rightBox .upload .file .filename,
.createNewFormat .rightBox .upload .file .filename,
.editFormat .rightBox .upload .file .filename,
.editBuild .rightBox .upload .file .filename {
  display: inline-block;
  color: #333;
  font-size: 13px;
  margin-left: 8px;
}
.startNewJob .rightBox .upload .file .error-message,
.createNewBuild .rightBox .upload .file .error-message,
.createNewFormat .rightBox .upload .file .error-message,
.editFormat .rightBox .upload .file .error-message,
.editBuild .rightBox .upload .file .error-message {
  color: red;
  display: inline-block;
  margin-left: 10px;
}
.createNewBuild .leftBox,
.createNewFormat .leftBox,
.editFormat .leftBox,
.editBuild .leftBox {
  height: 450px;
}
.createNewBuild .field-validation-error,
.createNewFormat .field-validation-error,
.editFormat .field-validation-error,
.editBuild .field-validation-error {
  display: block;
  margin-top: 5px;
  color: red;
}
.createNewBuild .selectBox,
.editBuild .selectBox {
  float: right;
  margin-right: 145px;
  padding-top: 0!important;
}
.createNewFormat .rightBox,
.editFormat .rightBox {
  padding-left: 0;
}
.createNewFormat .includeImagesBox,
.editFormat .includeImagesBox {
  padding-left: 40px;
  margin-bottom: 30px;
}
.createNewFormat .includeImagesBox .selectBox:nth-child(-n+2),
.editFormat .includeImagesBox .selectBox:nth-child(-n+2) {
  padding-top: 0;
}
.createNewFormat .selectBox,
.editFormat .selectBox {
  float: left;
}
.createNewFormat .defineXML,
.editFormat .defineXML {
  padding-top: 30px;
  border-top: 3px solid #CCCCCC;
}
.createNewFormat .defineXML .selectBox,
.editFormat .defineXML .selectBox {
  padding-top: 0;
}
.createNewFormat .defineXML .selectBox p,
.editFormat .defineXML .selectBox p {
  font-size: 12px;
}
.createNewFormat .defineXML .selectBox #XSLValue,
.editFormat .defineXML .selectBox #XSLValue {
  width: 170px;
}
.createNewFormat .defineXML .defineText,
.editFormat .defineXML .defineText,
.createNewFormat .defineXML .defineBoxes,
.editFormat .defineXML .defineBoxes {
  padding-left: 40px;
}
.createNewFormat .defineXML .circleMinus,
.editFormat .defineXML .circleMinus,
.createNewFormat .defineXML .circlePlus,
.editFormat .defineXML .circlePlus {
  height: 20px;
  width: 20px;
  margin-top: 25px;
  background: url(../../../Images/circle-minus.png) no-repeat;
  display: inline-block;
}
.createNewFormat .defineXML .circlePlus,
.editFormat .defineXML .circlePlus {
  margin-left: 5px;
  background: url(../../../Images/circle-plus.png) no-repeat;
}
.createNewFormat .defineXML .jqMinusButton,
.editFormat .defineXML .jqMinusButton,
.createNewFormat .defineXML .jqPlusButton,
.editFormat .defineXML .jqPlusButton {
  display: inline-block;
  margin-top: 24px;
}
.createNewFormat .defineXML .jqMinusButton .ui-btn-up-c,
.editFormat .defineXML .jqMinusButton .ui-btn-up-c,
.createNewFormat .defineXML .jqPlusButton .ui-btn-up-c,
.editFormat .defineXML .jqPlusButton .ui-btn-up-c,
.createNewFormat .defineXML .jqMinusButton .ui-btn-hover-c,
.editFormat .defineXML .jqMinusButton .ui-btn-hover-c,
.createNewFormat .defineXML .jqPlusButton .ui-btn-hover-c,
.editFormat .defineXML .jqPlusButton .ui-btn-hover-c {
  border: none;
  box-shadow: none;
  background: none;
}
.createNewFormat .defineXML .jqPlusButton,
.editFormat .defineXML .jqPlusButton {
  float: right;
  margin-top: 0px;
  margin-right: 99px;
}
.createNewFormat .defineXML .field-validation-error,
.editFormat .defineXML .field-validation-error {
  display: block;
}
.ListFormats .ui-btn {
  margin: 0;
}
.ListFormats td:nth-child(n+2) {
  padding-top: 9px;
}
.ListFormats .isEnabled {
  margin-left: 15px;
}
/**
 * JQUERY MOBILE FIXES classes 
 * 
 * Your long description would go here, before any of the tags.
 */
.rightHeader .menu-image {
  width: 12px;
}
.rightHeader .ui-icon,
.rightHeader .ui-icon-searchfield {
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url("images/icons-18-white.png");
  background-repeat: no-repeat;
  border-radius: 9px 9px 9px 9px;
}
.rightHeader .ui-icon.ui-icon-gear,
.rightHeader .ui-icon-searchfield.ui-icon-gear {
  background-image: url(../../../Images/icon-myprofile-white.png);
  background-position: 0% 0%;
  -moz-background-size: 12px;
  -o-background-size: 12px;
  background-size: 12px;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent!important;
  margin-top: -6px !important;
  left: 12px !important;
}
.rightHeader .ui-icon.ui-icon-delete,
.rightHeader .ui-icon-searchfield.ui-icon-delete {
  background-image: url(../../../Images/icon-logout-white.png);
  background-position: 0% 0%;
  -moz-background-size: 12px;
  -o-background-size: 12px;
  background-size: 12px;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent!important;
  margin-top: -6px !important;
  left: 12px !important;
}
.ui-icon,
.ui-icon-searchfield:after {
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url("images/icons-18-white.png");
  background-repeat: no-repeat;
  border-radius: 9px 9px 9px 9px;
  box-shadow: none;
}
.ui-field-contain input.ui-input-text,
.ui-field-contain textarea.ui-input-text,
.ui-field-contain .ui-input-search,
.ui-field-contain div.ui-input-text {
  width: 100%;
}
.ui-input-search,
div.ui-input-text {
  margin: 0;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.buttonWide .ui-btn-inner {
  padding: 5px 36px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}