body {
  font-family: Arial, sans-serif;
}

body.login {
  background-color: #f1f1f1;
}


/* ----- ALL ----- */

.footerBox {
  display: none;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.alignLeft {
  float: left;
}

.alignRight {
  float: right;
}

.fileLink {
  color: #428BCA;
}

.hasTimepicker, .hasDatepicker {
  width: 80px !important;
  padding: 5px 10px !important;
}

/* ----- LOGIN ----- */

.loginErrorBox {
  width: 280px;
  padding: 10px 20px 30px 20px;
  margin: 20px auto 0 auto;
  background: #DE6A67;
  color: #fff;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.loginBox {
  display: block;
  width: 300px;
  margin: 10% auto 0 auto;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 40px;
}

.logoHeader {
  display: block;
  width: 100%;
  height: 80px;
  margin: 0 0 30px 0;
}

.logoHeader img {
  display: block;
  width: 169px;
  margin: 0 auto;
}

.loginBox p {
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 10px 0 10px 0;
}

.logoFooter {
  display: block;
  width: 100%;
  margin: 20px 0 0 0;
}

.logoFooter img {
  display: block;
  width: 127px;
  margin: 0 auto;
}

.username_box, .password_box {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  margin: 0 0 20px 0 !important;
}

.loginBox div label.labelBox {
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 0 0 5px;
  background: #eaeaea;
}

.username {
  background-image: url(../images/user.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px 10px !important;
}

.password {
  background-image: url(../images/lock.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px 10px !important;
}

.loginBox #username, .loginBox #password {
  float: left;
  width: 80% !important;
  background: #fff !important;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 0 0 10px 0;
}

.username_box input, .password_box input {
  margin: 2px 0 0 0;
  height: 28px;
  border: 1px solid #eaeaea !important;
}

.login_button {
  display: block;
  position: relative;
  width: 100%;
  background: #4baf4b;
  border: 1px solid #4baf4b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  margin: 40px 0 0 0;
  cursor: pointer;
}

.footerTextBox {
  display: none;
}

.login_button:hover {
  background: #78C578;
  border: 1px solid #78C578;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  margin: 40px 0 0 0;
  cursor: pointer;
}

/* NEW LOGIN */



/* ----- HEADER ----- */

.headerWrapper {
  background: #e0e0e0;
  padding: 0 20px 0 20px !important;
}

.headerLeftBox {
  float: left;
}

.headerRightBox {
  text-align: right;
  float: right;
}

.headerUsersInfo {
  margin: 10px 0 10px 0;
}

.logoutBox {
  float: right;
  height: 40px;
}

.logout {
  float: right;
  background: url(../images/logout.png) no-repeat #f2f2f2;
  border: 1px solid #c1c1c1;
  background-position: 5px 6px;
  padding: 5px 10px 5px 24px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
}

.logout:hover {
  float: right;
  background: url(../images/logout.png) no-repeat #fff;
  border: 1px solid #c1c1c1;
  background-position: 5px 6px;
  padding: 5px 10px 5px 24px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
}

.gotoBackOfficeStartPageButton {
  float: right;
  background: url(../images/gotoBackOfficeStartPageButton.png) no-repeat #f2f2f2;
  border: 1px solid #c1c1c1;
  background-position: 5px 6px;
  padding: 6px 10px 6px 28px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
  margin: 0 10px 0 0;
  font-size: 0.8em;
  text-decoration: none;
}

.gotoBackOfficeStartPageButton:hover {
  float: right;
  background: url(../images/gotoBackOfficeStartPageButton.png) no-repeat #fff;
  border: 1px solid #c1c1c1;
  background-position: 5px 6px;
  padding: 6px 10px 6px 28px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
  margin: 0 10px 0 0;
  font-size: 0.8em;
  text-decoration: none;
}

/* ----- NAV ----- */

.nav {
  margin: 20px 0 0 0;
}

.menuNode.open {
  background-color: #252B33;
  color: #fff;
  font-size: 0.8em;
  padding: 5px 5px;
}

.menuNode.closed {
  background-color: #dfdfdf;
  font-size: 0.8em;
  padding: 5px 5px;
}

.menuNode {
  font-weight: bold;
  font-size: 1.2em;
  color: #000000;
  border: 1px solid #cccccc;
  cursor: pointer;
  padding: 2px 4px 2px 4px;
  margin: 0 5px 3px 5px;
}

.menuBox {
  margin-left: 15px;
}

.menuItem {
  font-size: 0.9em;
  border: 1px solid #EEEEEE;
  background-color: #EEEEEE;
  cursor: pointer;
  padding: 5px 4px 5px 4px;
  margin: 0 5px 3px 5px;
}

.menuItem:hover {
  background-color: #CCCCCC;
}
.menuItemLink {
  display: block;
  text-decoration: none;
  color: #000000;
}

#developer {
  background: url(../images/developer_icon.png) no-repeat #e0e0e0;
  background-position: 2px 2px;
  height: 40px !important;
  padding: 12px 0 0 56px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.2em;
  color: #000;
}

#mainSystem {
  background: url(../images/system_icon.png) no-repeat #e0e0e0;
  background-position: 2px 2px;
  height: 40px !important;
  padding: 12px 0 0 56px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.2em;
  color: #000;
}

#invoices {
  background: url(../images/invoice_icon.png) no-repeat #e0e0e0;
  background-position: 2px 2px;
  height: 40px !important;
  padding: 12px 0 0 56px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.2em;
  color: #000;
}

#vendors {
  background: url(../images/vendors_icon.png) no-repeat #e0e0e0;
  background-position: 2px 2px;
  height: 40px !important;
  padding: 12px 0 0 56px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.2em;
  color: #000;
}


/* ----- MAIN ----- */

.mainWrapper {
  border: 1px none #000000;
  padding: 20px;
}

.mainHeaderBox {
  border: 1px none #FF0000;
}

.mainHeaderTextBox {
  float: left;
}

.createOption {
  float: right;
  margin: 0 5px 0 0;
}

.mainHeaderButtonBox {
  float: right;
}

.mainBox {
  border: 1px none #0000FF;
  margin: 5px 5px 5px 0;
}

.infoBox {
  background-color: #78C578;
  border: 1px solid #78C578;
  margin: 5px 0 5px 0;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.infoMessage {
  color: #fff;
}

.errorBox {
  background-color: #DE6A67;
  border: 1px solid #DE6A67;
  margin: 5px 0 5px 0;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.errorMessage {
  color: #fff;
}

.orderInfoBox {
  text-align: center;
  background-color: #d77564;
  border: 1px solid #d77564;
  margin: 5px 0 5px 0;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.orderInfoMessage {
  font-weight: bold;
  color: #fff;
}

.filterBox {
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  margin: 5px 0 5px 0;
  padding: 5px 2px 5px 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.filter {
  float: left;
  border: 1px none #000000;
  padding: 0 5px 0 5px;
}

.mainTable {
  width: 100%;
}

.sumTable {
  border: 1px solid #444;
}

th {
  background: #252B33;
  color: #fff;
  padding: 10px;
  font-size: 0.9em;
}

th a {
  color: #fff;
  font-weight: normal;
}

th.thSelected a {
  color: #fff;
  font-weight: bold;
}

td {
  font-size: 0.9em;
}

.tdOdd {
  background-color: #fcfcfc;
  padding: 10px;
  vertical-align: middle;
}

.tdEven {
  background-color: #f2f2f2;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_0 {
  background-color: #252B33;
  color: #FFFFFF;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_0 {
  background-color: #252B33;
  color: #FFFFFF;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_1 {
  background-color: #dddddd;
  color: #000;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_1 {
  background-color: #dddddd;
  color: #000;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_2 {
  background-color: #f0f0f0;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_2 {
  background-color: #f0f0f0;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_3 {
  background-color: #F6F6F6;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_3 {
  background-color: #F6F6F6;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_4 {
  background-color: #EEEEEE;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_4 {
  background-color: #EEEEEE;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}

.tdDark {
  color: #FFFFFF;
  background-color: #252B33;
  padding: 10px;
  vertical-align: middle;
}

.tdSum {
  background-color: #9999AD;
  padding: 10px;
  vertical-align: middle;
}

.tdCalender {
  width: 40%;
  color: #FFFFFF;
  background-color: #222222;
}

.tdHighlight {
  color: #000000;
  background-color: #FFBB00;
}

.tdHeader {
  color: #FFFFFF;
  background-color: #456789;
}

.tdBlank {
  color: #000000;
  background-color: #FFFFFF;
}

.tdButtons {
  white-space:nowrap;
  text-align: right;
}

.tdButtons form {
  display: inline;
}

tr:first-child .tdDark {
  /* width: 300px; */
}

.nowrap {
  white-space: nowrap;
}

.datetime {
  width: 90px;
}

.timeChoice {
  width: 50px;
}

.footerBox {
  border: 1px none #00FF00;
}

.footerTextBox {
  float: left;
}

/* ----- BUTTONS ----- */

.buttonAdd, .buttonOrderNew  {
  background-color: #78c578;
  padding: 5px 10px;
  border: 1px solid #78c578;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonAdd:hover, .buttonOrderNew:hover {
  background-color: #5CB85C;
  padding: 5px 10px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonFilter {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonFilter:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonEdit {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.buttonEdit:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonDelete {
  background-color: #de6a67;
  padding: 5px 10px;
  border: 1px solid #de6a67;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonDelete:hover {
  background-color: #D9534F;
  padding: 5px 10px;
  border: 1px solid #D9534F;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonDeleteDisabled {
  background-color: #efb9b8;
  padding: 5px 10px;
  border: 1px solid #efb9b8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: not-allowed !important;
}

.buttonDeleteDisabled:hover {
  background-color: #efb9b8;
  padding: 5px 10px;
  border: 1px solid #efb9b8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonCancel {
  background-color: #777777;
  padding: 5px 10px;
  border: 1px solid #777777;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonCancel:hover {
  background-color: #5b5b5b;
  padding: 5px 10px;
  border: 1px solid #5b5b5b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonSave {
  background-color: #78c578;
  padding: 5px 10px;
  border: 1px solid #78c578;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonSave:hover {
  background-color: #5CB85C;
  padding: 5px 10px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonBack {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonBack:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.eventLink {
  display: inline-block;
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 20px 0 0 0;
  text-decoration: none;
}

.eventLink:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonDetails  {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonDetails:hover  {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 0.8em;
}

.buttonSmall  {
  background-color: #639ed3;
  padding: 1px 3px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 0.8em;
}

.buttonSmall:hover  {
  background-color: #428BCA;
  padding: 1px 3px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonSmallGray  {
  background-color: #777777;
  padding: 1px 3px;
  border: 1px solid #777777;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 0.8em;
}

.buttonConnect {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonConnect:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonConnect.disabled {
  background-color:#a5a5a5;
  cursor:default;
}

.buttonConnectCustom {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonConnectCustom:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonPrev {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 0 0 0 10px;
  text-decoration: none;
}

.buttonPrev:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.buttonNext {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 0 10px 0 0;
  text-decoration: none;
}

.buttonNext:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.buttonChoose {
  background-color: #78c578;
  padding: 5px 10px;
  border: 1px solid #78c578;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonChoose:hover {
  background-color: #5CB85C;
  padding: 5px 10px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonChooseDate {
  font-size: 11px;
  background-color: #5CB85C;
  padding: 5px 10px;
  margin: 2px 12px 2px 12px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: 80%;
  color: #fff;
}

.linkButton {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  background-color: #5CB85C;
  padding: 5px 10px;
  margin: 2px 12px 12px 12px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.linkButton:hover {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  background-color: #4db04d;
  padding: 5px 10px;
  margin: 2px 12px 12px 12px;
  border: 1px solid #4db04d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

input[disabled="disabled"].buttonAdd {
    background: #AAA;
    border: 1px solid #999;
    cursor: inherit;
}

.selectbox {
  padding: 5px 10px;
}

.pdfIcon {
    background-image: url(../images/pdf_16x16.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 23px !important; /* Sorry for the important */
}

/* ----- EVENT INFO ----- */

.eventInfoIconBox {
  border: 1px none #FFAAAA;
  margin: 0 0 5px 0;
  width: 100% !important;
}

.eventInfoIconDiv {
  margin: 5px 5px 0 0;
  float: left;
}

.eventInfoIcon {
  width: auto;
  background-color: #e2e2e2;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #000;
}

.eventInfoIcon:hover {
  width: auto;
  background-color: #cdcdcd;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #000;
}

.eventDates {
  background-image: url("/images/eventDates.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventContacts {
  background-image: url("/images/contact_register.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventBudget {
  background-image: url("/images/eventBudget.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventTickettypes {
  background-image: url("/images/eventTickettypes.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventProducts {
  background-image: url("/images/eventProducts.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventFiles {
  background-image: url("/images/eventFiles.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventInvoices {
  background-image: url("/images/eventInvoices.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventAds {
  background-image: url("/images/eventAds.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventBulkmails {
  background-image: url("/images/eventBulkmails.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventSms {
  background-image: url("/images/eventSms.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventCancel {
  background-image: url("/images/eventCancel.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventPublish {
  background-image: url("/images/eventPublish.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

/* patrik fixa */

.eventUnPublish {
  background-image: url("/images/eventPublishDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventPublishDisabled {
  background-image: url("/images/eventPublishDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
}

.eventPublishDisabled:hover {
  background-image: url("/images/eventPublishDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
  cursor: default;
}

.eventCancelDisabled {
  background-image: url("/images/eventCancelDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
}

.eventCancelDisabled:hover {
  background-image: url("/images/eventCancelDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
  cursor: default;
}

.eventDatesDisabled {
  background-image: url("/images/eventDates.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
}

.eventDatesDisabled:hover {
  background-image: url("/images/eventDates.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
  cursor: default;
}

.button_eventflyer {
  display: inline-block;
  width: auto;
  background: url(../images/button_eventflyer.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_eventflyer:hover {
  display: inline-block;
  width: auto;
  background: url(../images/button_eventflyer.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_evaluation {
  display: inline-block;
  width: auto;
  background: url(../images/button_evaluation.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_evaluation:hover {
  display: inline-block;
  width: auto;
  background: url(../images/button_evaluation.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_participantlist {
  display: inline-block;
  width: auto;
  background: url(../images/button_participantlist.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_participantlist:hover {
  display: inline-block;
  width: auto;
  background: url(../images/button_participantlist.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_orderlist {
  display: inline-block;
  width: auto;
  background: url(../images/button_participantlist.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_orderlist:hover {
  display: inline-block;
  width: auto;
  background: url(../images/button_participantlist.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.gotoEventButton {
  display: inline-block;
  width: auto;
  background: url(../images/gotoEventButton.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 3px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.gotoEventButton:hover {
  display: inline-block;
  width: auto;
  background: url(../images/gotoEventButton.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 3px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

/* ----- EVENT DATES ----- */

.calenderHeader {
  height: 40px;
}

.eventDateMonthText {
  font-weight: bold;
  font-size: 16px;
}

.tdborder {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.tdtop {
	border-top: 1px solid #000000;
}
.tdright {
	border-right: 1px solid #000000;
}
.tdbottom {
	border-bottom: 1px solid #000000;
}
.tdleft {
	border-left: 1px solid #000000;
}

.weeknbr {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}

.calenderSunday {
	color: #880000;
}
.calenderToday {
	color: #0a9239;
}
.calenderDay {
	height: 50px;
}

.calenderOther {
  color: #adadad;
}

.ticketDayInfo {
  color: #000;
}

.calenderDayText {
  font-size: 12px;
}
.calenderDate {
  font-weight:bold;
  font-size: 14px;
}



/* ----- ORDERS ----- */



.orderInfoIconBox {
  border: 1px none #FFAAAA;
  margin: 0 0 5px 0;
  width: 100% !important;
}

.orderInfoIconDiv {
  margin: 5px 5px 0 0;
  float: left;
}

.orderInfoIcon {
  width: auto;
  background-color: #e2e2e2;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #000;
}

.orderInfoIcon:hover {
  width: auto;
  background-color: #cdcdcd;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #000;
}

.ticketPrint, .orderConfirmationPrint {
  background-image: url("/images/ticketPrint.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.ticketSend {
  background-image: url("/images/ticketSend.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.orderPagePublic {
  background-image: url("/images/orderPagePublic.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.orderInfoTable, .orderRowsTable, .orderPaymentTable, .orderDeliveryTable {
  border: 1px solid #eee;
  margin: 0 0 15px 0;
}

.orderInfoTable tr td, .orderRowsTable tr td, .orderPaymentTable tr td, .orderDeliveryTable tr td {
  border-top: 1px solid #eee;
  padding: 5px 10px;
}

.orderInfoTable tr:nth-child(odd) td, .orderRowsTable tr:nth-child(odd) td, .orderPaymentTable tr:nth-child(odd) td, .orderDeliveryTable tr:nth-child(odd) td {
  background-color: #EEEEEE;
  padding: 5px 10px;
}

.orderInfoTable tr:nth-child(even) td, .orderRowsTable tr:nth-child(even) td, .orderPaymentTable tr:nth-child(even) td, .orderDeliveryTable tr:nth-child(even) td {
  background-color: #FFFFFF;
  padding: 5px 10px;
}

.tdOrderRows {
  width: 200px;
}

#createdBy {
  cursor: pointer;
  text-decoration: underline;
  color: #0000FF;
}

.ui-widget-overlay {
  background: #000;
}

/* ----- EVENT OVERVIEW ----- */

.eventOverviewTable {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}

.eventOverviewTable td {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 1px 2px 1px 2px;
  font-size: 12px;
}

.thOverview {
  text-align: left;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}

.tdOverviewHeader {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #456789;
  text-align: center;
}

#headlinesMain td, #headlinesSub td {
  font-weight: bold;
}
.statusButton {
  border: 1px dotted #000000;
  padding: 0 2px 0 2px;
  /*
  cursor: pointer;
  */
}



#messageBox {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  height: 20px;
  width: auto;
  padding: 5px 0 0 0;
  border: 1px solid #000000;
}

.premisesButton, .documentButton, .premisesCanceledButton, .eventGoButton {
  border: 1px dotted #000000;
  padding: 0 2px 0 2px;
  cursor: pointer;
}
.premisesButton, .documentButton, .premisesCanceledButton {
  background-color: #FFFFFF;
}
.UformButton, .KformButton, .AformButton, .TformButton {
  border: 1px dotted #000000;
  padding: 0 5px 0 5px;
  cursor: pointer;
}

.tdPeriodSum {
  font-weight: bold;
  background-color: #fcc70f;
}

/* ----- TICKETS PER DAY ----- */

.ticketDayInfo {
  border-top: 1px dotted #AAA;
}

.ticketsPerDayStatSpan {
  margin-right: 20px;
}

.tdTicketsPerDay {
  height: 80px;
}

.dayTickets {
  cursor: pointer;
  color: #0000FF;
}

/* ----- EVENT OVERVIEW ----- */

.participantInfoTable {
  border: 1px solid #000000;
}

.contactRow {
  border-bottom: 1px solid #000000;
  white-space: nowrap;
}

/* ----- FORMS ----- */

.textfield {
  width: 300px;
  padding: 5px;
}

/* Bulk mailer */

.bulkNavigation ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

.bulkNavigation ul li {
  display: inline-block;
  margin: 0 5px 0 0;
}

.bulkNavigation ul li a {
  background: #E2E2E2;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  font-size: 0.8em;
  text-decoration: none;
  color: #000;
}

.bulkNavigation ul li a:hover {
  background: #cecece;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  font-size: 0.8em;
  text-decoration: none;
  color: #000;
}

/* Frontpage */

.paragraphsBox {
  width: 60%;
  float: left;
  margin: -20px 20px 40px 20px;
}

.paragraphsBox img {
  max-width: 100% !important;
}

.blurbsBox {
  float: right;
  background: #f1f1f1;
  padding: 10px;
  border: 1px solid #CCCCCC;
  width: 25%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.blurbRight img {
  max-width: 100%;
}