html {
  height: 100%;
}
body {
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #262626;
	padding-bottom: 44px;
}



/* BASE TYPOGRAPHY */
/* links */
a {
	color: #1669bf;
}
  a:hover, a:focus {
  	color: #0a489c;
  }
  
/* paragraphs */
p {
	padding-bottom: 22px;
}

/* headings */
h1 {
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
  margin: 44px 0 18px 0;
  color: #262626;
}
  .pagecontent h1 {
    margin: 0 0 36px 0;
    font-size: 22px;
    font-weight: normal;
    border-bottom: double 3px #dadada;
    line-height: 54px;
  }
  .event-content h1 {
    margin: 0;
  }
  h1.cronos {
    margin-bottom: 36px;
  }
h3 {
  font-weight: normal;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
  font-size: 18px;
  color: #5e5e5e;
  text-shadow: 1px 1px 0px #ffffff;
}
h4 {
  font-style: italic;
  font-family: Georgia, Times, Time New Roman, serif;
  color: #ababab;
  font-size: 22px;
  line-height: 22px;
  margin: 9px 0 27px 0;
  font-weight: normal;
}
h5 {
  font-weight: normal;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
  font-size: 14px;
  color: #5e5e5e;
  text-shadow: 1px 1px 0px #ffffff;
  margin: 18px 0 9px 0;
  background: #f6f6f6 url("../images/headers/h5_bg.png") left bottom repeat-x;
  border: solid 1px #e2e2e2;
  padding: 4px 5px;
  border-radius: 3px;
  font-weight: bold;
}
h6 {
  color: #777;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  padding-bottom: 11px;
}


/* CONTAINERS */
.pagecontent {
  min-height: 40px;
  padding-top: 30px;
  margin-top: 1px;
  background: url('../images/dashboard/background-repeat.png') top left repeat-x;
  color: #646464;
}

/* ACCOUNT NAV */
.account-navigation {
  background: url('../images/account-navigation/background-repeat.png') left top repeat-x;
  position: relative;
  z-index: 1000;
}
  .account-navigation .container {
    background: url('../images/account-navigation/background.jpg') top center no-repeat;
    position: relative;
    height: 41px;
  }
  
  /* logo */
  .account-navigation .logo {
    margin-top: 6px;
    display: block;
    float: left;
    width: 83px;
    height: 28px;
    background: url('../images/account-navigation/logo.png') 0px 0px no-repeat;
  }
    .account-navigation .logo:hover {
      background: url('../images/account-navigation/logo.png') 0px -28px no-repeat;
    }
    
  /* Navigation */
  .account-navigation ul.navigation {
    list-style: none;
    float: right;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-weight: bold;
    line-height: 41px;
  }
    .account-navigation ul.navigation li {
      float: left;
      margin: 0 0 0 25px;
    }
    /* divider */
    .account-navigation ul.navigation li.divider {
      width: 2px;
      background: url('../images/account-navigation/divider.png') center center no-repeat;
      height: 41px;
    }
    
    /* normal links */
    .account-navigation ul.navigation a {
      color: #ffffff;
      text-decoration: none;
    }
      .account-navigation ul.navigation a:hover,
      .account-navigation ul.navigation a:focus {
        color: #c8ebf4;
        background: none;
      }
      .account-navigation ul.navigation a.active {
        color: #ffd686;
      }
      
      /* caps link */
      .account-navigation ul.navigation li.caps a {
        text-transform: uppercase;
        font-size: 11px;
        color: #c8ebf4;
      }
      
      /* dropdown link */
      .account-navigation ul.navigation li.dropdown a {
        padding-right: 13px;
        background: url('../images/account-navigation/icon-dropdown.png') right 2px no-repeat;
      }
        .account-navigation ul.navigation li.dropdown a.dropdown {
          background: url('../images/account-navigation/icon-dropdown.png') right -17px no-repeat;
        }
        
    /* my events dropdown */
    .account-navigation .myevents {
      position: absolute;
      width: 297px;
      height: 330px;
      background: url('../images/interface.png') -233px 0px no-repeat;
      right: 60px;
      top: 32px;
      z-index: 10;
    }
      /* header */
      .account-navigation .myevents .header {
        height: 49px;
        padding: 6px 21px 0px 17px;
      }
        .account-navigation .myevents h3 {
          float: left;
          line-height: 49px;
        }
        .account-navigation .myevents .action-button {
          float: right;
          margin-right: 0px;
          margin-top: 9px;
        }
      /* page */
      .account-navigation .myevents .page {
        margin: 0 12px 0 7px;
        height: 236px;
        overflow-y: auto;
      }
        .account-navigation .myevents .page .empty {
          padding: 100px 15px;
          text-align: center;
          color: #919191;
        }
        .account-navigation .myevents .page ul {
          list-style: none;
          margin-top: 5px;
        }
        .account-navigation .myevents .page li {
          padding: 7px 7px 8px 10px;
          overflow: auto;
          text-shadow: 1px 1px 0px #ffffff;
        }
          /* link */
          .account-navigation .myevents .page li a {
            text-decoration: none;
            cursor: pointer;
            line-height: 18px;
            display: block;
            overflow: hidden;
          }
          /* event */
          .account-navigation .myevents .page li:hover { background: #f9f9f9; }
          .account-navigation .myevents .page li .event {
            display: block;
            font-weight: bold;
            font-size: 14px;
            font-family: Helvetica, Arial, Tahoma, sans-serif;
          }
            .account-navigation .myevents .page li a:hover { background: none; }
            .account-navigation .myevents .page li:hover a { color: #5e5e5e; }
          /* date */
          .account-navigation .myevents .page li .date {
            color: #919191;
            display: block;
            font-weight: normal;
            font-size: 11px;
            float: left;
          }
          /* copy */
          .account-navigation .myevents .page li .copyevent {
            float: right;
            font-size: 11px;
            color: #919191;
            padding-left: 15px;
            background: url('../images/icons.png') -28px -154px no-repeat;
            display: none;
          }
            .account-navigation .myevents .page li .copyevent:hover {
              color: #1669bf;
              display: none;
              background: url('../images/icons.png') -28px -179px no-repeat;
            }
            .account-navigation .myevents .page li:hover .copyevent { display: block; }
      /* tabs */
      .account-navigation .myevents .tabs {
        list-style: none;
        margin: -2px -2px 0 5px;
      }      
        .account-navigation .myevents .tabs li {
          float: left;
          margin-right: 2px;
        }
          .account-navigation .myevents .tabs a {
            color: #ffffff;
            text-decoration: none;
            display: inline-block;
            width: 64px;
            height: 29px;
            text-align: center;
            font-size: 11px;
            line-height: 29px;
            text-shadow: 0px -1px 0px #bb4f03;
          }
            .account-navigation .myevents .tabs a:hover {
              background: url('../images/interface.png') -87px -176px no-repeat;
            }
          .account-navigation .myevents .tabs a.active {
            background: url('../images/interface.png') -87px -116px no-repeat;
            text-shadow: none;
            color: #5e5e5e;
          }
            /* different graphic for first tab because it aligns straight with the left border, no roudner corner */
            .account-navigation .myevents .tabs li:first-child a.active {
              background: url('../images/interface.png') -87px -147px no-repeat;
            }


/* EVENT NAVIGATION */
.event-navigation {
  height: 125px;
  background: url('../images/event-navigation/background-repeat.png') left top repeat-x;
}
  .event-navigation .container {
    height: 121px;
    background: url('../images/event-navigation/background.jpg') no-repeat;
    position: relative;
  }
  /* event */
  .event-navigation .event {
    color: #ffffff;
    position: absolute;
    top: 30px;
    left: 0px;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
  }
    .event-navigation .event.haptic { font-size: 24px; }
  /* tabs */
  .event-navigation .navigation {
    width: 100%;
    list-style: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 32px;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(0,0,0,.4);
  } 
    .event-navigation .navigation li {
      float: left;
    }
    .event-navigation .navigation li.right {
      float: right;
    }
    /* tab */
    .event-navigation .navigation a {
      display: inline-block;
      color: #ffffff;
      text-decoration: none;
      padding: 0 15px 1px 0;
      height: 32px;
      margin-right: 3px;
      background: url('../images/event-navigation/tab-right.png') right 0px no-repeat;
    }
      .event-navigation .navigation a span {
        display: inline-block;
        background: url('../images/event-navigation/tab-left.png') left 0px no-repeat;
        padding: 0 0 0 15px;
        height: 33px;
      }
      /* hover */
      .event-navigation .navigation a:hover {
         background: url('../images/event-navigation/tab-right.png') right -33px no-repeat; 
       }
      .event-navigation .navigation a:hover span { 
        background: url('../images/event-navigation/tab-left.png') left -33px no-repeat; 
      }
      /* :active */
      .event-navigation .navigation a:active {
         background: url('../images/event-navigation/tab-right.png') right -66px no-repeat; 
       }
      .event-navigation .navigation a:active span { 
        background: url('../images/event-navigation/tab-left.png') left -66px no-repeat; 
        padding-top: 1px;
        padding-bottom: 0px;
        height: 32px;
      }
      /* active */
      .event-navigation .navigation a.active { 
        background: url('../images/event-navigation/tab-right.png') right -99px no-repeat; 
      }
      .event-navigation .navigation a.active span,
      .event-navigation .navigation a.active:active span { 
        background: url('../images/event-navigation/tab-left.png') left -99px no-repeat; 
        padding-top: 0px;
        padding-bottom: 1px;
      }
    /* public page arrow */
    .event-navigation .navigation b {
      display: inline-block;
      width: 15px;
      height: 15px;
      vertical-align: middle;
      background: red;
      margin: -3px 7px 0 -3px;
      background: url('../images/event-navigation/icon-arrow.png') 0px 0px no-repeat;
    }
    
/* EVENT ACTION BAR */
.event-actionbar {
  height: 53px;
  padding-top: 1px;
  background: url("../images/event-actionbar/background-repeat.png") repeat-x;
  line-height: 50px;
  color: #ffffff;
  font-size: 14px;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
}

.actionbar {
  padding-top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
  height:35px;
}

.event-actionbar-privacy  {
width: 170px;
margin-top: -46px;
margin-left: 200px;
}


.event-actionbar-reminders {
width: 280px;
margin-top: -36px;
margin-left: 400px;
}

  .event-actionbar .button, .actionbar .button {
    display: inline-block;
    line-height: 32px;
    padding-right: 15px;
    color: #5f5f5f;
    text-shadow: 1px 1px 0px #ffffff;
    text-decoration: none;
    background: url("../images/buttons-right2.png") right -100px no-repeat;
    cursor: pointer;
  }
    .event-actionbar .button span , .actionbar .button span{
      padding-left: 15px;
      display: inline-block;
      background: url("../images/buttons-left.png") left -100px no-repeat;
    }
    /* hover */
    .event-actionbar .button:hover , .actionbar .button:hover {
      background: url("../images/buttons-right2.png") right -135px no-repeat;
    }
    .event-actionbar .button:hover span , .actionbar .button:hover span{
      background: url("../images/buttons-left.png") left -135px no-repeat;
    }
    /* active */
    .event-actionbar .button:active, .actionbar .button:active {
      background: url("../images/buttons-right2.png") right -170px no-repeat;
    }
    .event-actionbar .button:active span, .actionbar .button:active span {
      background: url("../images/buttons-left.png") left -170px no-repeat;
    }

  .event-actionbar .status {
    float: right;
    line-height: 32px;
    padding-left: 10px;
    background: url("../images/interface.png") left -400px no-repeat; 
    margin: 9px 20px 0 0;
    text-shadow: 1px 1px 0px rgba(0,0,0,.4);
  }
    .event-actionbar .status .button {
      margin-right: -20px;
    }


/* DASHBOARD */
  .welcomeback {
    line-height: 47px;
    font-style: italic;
    font-size: 18px;
    border-top: double 3px #dadada;
    border-bottom: double 3px #dadada;
    font-family: Georgia, Times New Roman, Times, serif;
    margin-bottom: 27px;
  }

  /* announcement */
  .announcement {
    padding: 15px 15px 6px 15px;
    border: solid 1px #f4edcc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #fffbea;
    margin: 27px 0;
    color: #56513b;
    position: relative;
    z-index: 1;
  }
    .announcement .close {
      position: absolute;
      top: 6px;
      right: 6px;
      width: 18px;
      height: 18px;
      background: url('../images/interface.png') -182px -47px no-repeat;
    }
      .announcement .close:hover {
        background: url('../images/interface.png') -203px -47px no-repeat;
      }
    .announcement h3 {
      margin-bottom: 9px;
      color: #56513b;
    }
    .announcement p {
      margin: 9px 0;
      padding: 0px;
    }
    .announcement ul {
      margin: 9px 0 9px 20px;
    }




/* BUTTONS */

/* Action button */
.action-button {
	display: inline-block;
	vertical-align: middle;
	margin: 7px 0 0 0;
	line-height: 30px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-right: 10px;
	cursor: pointer; /* IE7 Fix */
	color: #3b3b3b;
	background: url("../images/buttons-right.png") right 0px no-repeat;
}
  .action-button span {
  	display: block;
    height: 30px;
  	background: url("../images/buttons-left.png") left 0px no-repeat;
  	padding: 0 0 1px 10px;
  	color: #3b3b3b;
  }
  .action-button:hover,
  .action-button:focus { background: url("../images/buttons-right.png") right -31px no-repeat; }
  .action-button:hover span,
  .action-button:focus span { background: url("../images/buttons-left.png") left -31px no-repeat; }
  
  .action-button:active { background: url("../images/buttons-right.png") right -62px no-repeat; }
  .action-button:active span { 
    background: url("../images/buttons-left.png") left -62px no-repeat; 
    padding-top: 1px; 
    padding-bottom: 0px;
  }
    
  /* action button icons */
  .action-button b {
    display: inline-block;
    margin: -3px 6px 0 0;
    width: 13px;
    height: 13px;
    vertical-align: middle;
  }
  .action-button .new { background: url('../images/icons/action-button-icons.png') 0px 0px no-repeat; }  
  .action-button .print { background: url('../images/icons/action-button-icons.png') 0px -13px no-repeat; }  
  .action-button .export { background: url('../images/icons/action-button-icons.png') 0px -26px no-repeat; }  
  .action-button .email { background: url('../images/icons/action-button-icons.png') 0px -39px no-repeat; height: 12px; }  
    
    
/* form button */
button {
  position: relative;
  border: 0;
  overflow: visible; /* IE7 fix */
  padding: 0;
  cursor: pointer;
  color: #474747;
  padding: 0 15px 0 0;
  font-weight: bold;
  height: 35px;
  margin: -4px 0 0 0;
  text-shadow: 1px 1px 0px #ffffff;
  background: url("../images/buttons-right2.png") right -320px  no-repeat;
}
  button span {
    display: block;
    position: relative;
    white-space: nowrap;
    line-height: 35px;
    height: 35px;
    padding: 0 0 0 15px;
    background: url("../images/buttons-left.png") left -320px no-repeat;
  }
  /* hover/focus */
  button:hover, 
  button:focus { background: url("../images/buttons-right2.png") right -355px  no-repeat; outline: none; }
  button:hover span, 
  button:focus span,
  button.disabled:focus span { background: url("../images/buttons-left.png") left -355px no-repeat; }
  /* active */
  button:active { background: url("../images/buttons-right2.png") right -391px  no-repeat; }
  button:active span { background: url("../images/buttons-left.png") left -391px no-repeat; }
  
  /* browser fixes */
  button::-moz-focus-inner {
    /* Firefox extra padding fix */
    border: none;
    padding: 0px;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
      /* Safari and Google Chrome only - fix margins */
      button span {
      margin-top: -1px;
      }
  }


/* form button DISABLED */
button.disabled {
  position: relative;
  border: none;
  overflow: visible; /* IE7 fix */
  padding: 0;
  cursor: default;
  padding: 0 15px 0 0;
  font-weight: bold;
  height: 35px;
  color: #ababab;
}
button.disabled:hover {
    background: url("../images/buttons-right2.png") right -320px  no-repeat;
}
button.disabled span, 
button.disabled:hover span  {
  display: block;
  position: relative;
  white-space: nowrap;
  line-height: 35px;
  height: 35px;
  padding: 0 0 0 20px;
  background: url("../images/buttons-left.png") left -320px no-repeat;
}
button.disabled::-moz-focus-inner {
  /* Firefox extra padding fix */
  border: none;
  padding: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari and Google Chrome only - fix margins */
  button.disabled span {
      margin-top: -1px;
  }
} 
    
    
/* TABLE TABS */
.table-tabs {
  list-style: none;
  height: 32px;
  border-bottom: solid 1px #d6d6d6;
  margin-top: 27px;
}  
  .table-tabs li {
    height: 33px;
    float: left;
    line-height: 33px;
  }
    .table-tabs a {
      padding: 0 0 0 15px;
      display: inline-block;
      text-decoration: none;
      cursor: pointer;
    }
      .table-tabs a span {
        padding: 0 15px 0 0;
        display: inline-block;
      }
        .table-tabs a.active {
          background: #fafafa url('../images/interface.png') -545px 0px no-repeat;
          color: #5e5e5e;
          text-shadow: 1px 1px 0px #ffffff;
        }
        .table-tabs a.active span {
          background: #fafafa url('../images/interface.png') right 0px no-repeat;
        }
    
/* TABLE ACTION BAR */
.table-actionbar {
  height: 44px;
  padding: 0 15px;
  border-bottom: solid 1px #d9eeff;
  background: url('../images/tables/actionbar-background-repeat.png') top left repeat-x;
  position: relative;
}
  .table-actionbar .search {
     float: right; 
     background: url('../images/interface.png') -545px -48px no-repeat;
     height: 18px;
     width: 145px;
     border: 0px;
     padding: 4px 30px 4px 22px;
     margin-top: 9px;
     font-size: 12px;
     line-height: 18px;
     box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
    .table-actionbar .search:focus {
      background: url('../images/interface.png') -545px -48px no-repeat;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      border: none;
      color: #5e5e5e;
    }
  .table-actionbar .searchclear {
    width: 15px;
    height: 15px;
    background: url("../images/interface.png") -88px -255px no-repeat;
    position: absolute;
    right: 23px;
    top: 14px;
  }
    .table-actionbar .searchclear:hover {
      background: url("../images/interface.png") -106px -255px no-repeat;
    }
    
/* EVENT LIST */
.eventlist {
  list-style: none;
}
  /* link */
  .eventlist li a {
    text-decoration: none;
    cursor: pointer;
    line-height: 18px;
    display: block;
    overflow: auto;
    padding: 10px 7px 10px 10px;
  }

.eventlist a .draft {color:#6CABEF!important; font-style:italic}
.eventlist a .draft:hover {color:#5e5e5e!important;}
span.draft:after{
content: " (Draft)"
}

  /* zebra stripes */
  .eventlist li.odd {
    background: #f5fcff;
  }
  /* event */
  .eventlist li .event {
    display: block;
    font-weight: bold;
    font-size: 14px;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
  }
    .eventlist li a:hover { background: none; }
    .eventlist li:hover a  { color: #5e5e5e;  }

  /* date */
  .eventlist li .date {
    color: #919191;
    display: block;
    font-weight: normal;
    font-size: 12px;
    float: left;
  }
  /* copy */
  .eventlist li .copyevent {
    float: right;
    font-size: 11px;
    color: #919191;
    padding-left: 15px;
    background: url('../images/icons.png') -28px -154px no-repeat;
    display: none;
  }
    .eventlist li .copyevent:hover {
      color: #1669bf;
      background: url('../images/icons.png') -28px -179px no-repeat;
    }
    .eventlist li:hover .copyevent { display: block; }
  
  /* delete */
  .eventlist li .deleteevent {
    float: right;
    font-size: 11px;
    color: #919191;
    padding-left: 15px;
    padding-right: 15px;
    background: url('../images/icons.png') -28px -205px no-repeat;
    display: none;
  }
    .eventlist li .deleteevent:hover {
      color: #1669bf;
      background: url('../images/icons.png') -28px -229px no-repeat;
    }
    .eventlist li:hover .deleteevent { display: block; }
    
  .table-empty {
    padding: 20px;
  }  
    
/* DEFAULT TABLE */
table.default {
  width: 100%;
  line-height: 35px;
  border-collapse: collapse;
}    
  table.default .right { text-align: right; }
  
  /* header */
  table.default th {
    border-bottom: solid 1px #d9eeff;
    background: #f2f9ff;
  }
    table.default th a {
      display: block;
      padding: 0 5px;
      color: #004884;
      text-decoration: none;
      text-shadow: 1px 1px 0px #ffffff;
    }
      /* padding tweakes */
      table.default th.first a {
        padding: 0 25px 0 15px;
      }
      table.default th.right a,
      table.default td.right {
        padding-right: 10px;
        padding-left: 5px;
      }
      
      /* active sorting */

      table.default th a{overflow:hidden; }
      #sorttable_sortfwdind, #sorttable_sortrevind{display:none; }

      table.default th a.active.numeric.asc,
      table.default th a.active.numeric.desc:hover {
        background: #e4f3ff url("../images/icons.png") right 12px no-repeat;
      }
      table.default th a.active.numeric.desc,
      table.default th a.active.numeric.asc:hover {
        background: #e4f3ff url("../images/icons.png") right -27px no-repeat;
      }
      table.default th a.active.alpha.asc,
      table.default th a.active.alpha.desc:hover {
        background: #e4f3ff url("../images/icons.png") right -69px no-repeat;
      }
      table.default th a.active.alpha.desc,
      table.default th a.active.alpha.asc:hover {
        background: #e4f3ff url("../images/icons.png") right -111px no-repeat;
      }
        /* right align */
        table.default th.right a.active.numeric.asc,
        table.default th.right a.active.numeric.desc:hover {
          background: #e4f3ff url("../images/icons.png") -20px 12px no-repeat;
        }
        table.default th.right a.active.numeric.desc,
        table.default th.right a.active.numeric.asc:hover {
          background: #e4f3ff url("../images/icons.png") -20px -27px no-repeat;
        }
        table.default th.right a.active.alpha.asc,
        table.default th.right a.active.alpha.desc:hover {
          background: #e4f3ff url("../images/icons.png") -20px -69px no-repeat;
        }
        table.default th.right a.active.alpha.asc,
        table.default th.right a.active.alpha.desc:hover {
          background: #e4f3ff url("../images/icons.png") -20px -111px no-repeat;
        }
       /* hover sorting */
      table.default th a.numeric.asc:hover {
        background: #e4f3ff url("../images/icons.png") right 12px no-repeat;
      }
      table.default th a.numeric.desc:hover {
        background: #e4f3ff url("../images/icons.png") right -27px no-repeat;
      }
      table.default th a.alpha.asc:hover {
        background: #e4f3ff url("../images/icons.png") right -69px no-repeat;
      }
      table.default th a.alpha.desc:hover {
        background: #e4f3ff url("../images/icons.png") right -111px no-repeat;
      }
        /* right align */
        table.default th.right a.numeric.asc:hover {
          background: #e4f3ff url("../images/icons.png") -20px 12px no-repeat;
        }
        table.default th.right a.numeric.desc:hover {
          background: #e4f3ff url("../images/icons.png") -20px -27px no-repeat;
        }
        table.default th.right a.alpha.asc:hover {
          background: #e4f3ff url("../images/icons.png") -20px -69px no-repeat;
        }
        table.default th.right a.alpha.desc:hover {
          background: #e4f3ff url("../images/icons.png") -20px -111px no-repeat;
        }
    
  /* table cells */
  table.default td {
    padding: 8px 5px;
    line-height: 19px;
    vertical-align: top;
  }  
    table.default td.first {
      padding-left: 15px;
    }

    
/* TABLE PAGINATION */
.table-pagination {
  background: url("../images/tables/pagination-background-repeat.png") no-repeat;
  height: 29px;
  padding-left: 15px;
  margin-top: 9px;
}
  .table-pagination ul {
    list-style: none;
  }
    .table-pagination li {
      float: left;
      margin-right: 1px;
      font-size: 11px;
    }
      .table-pagination a {
        display: inline-block;
        height: 26px;
        width: 23px;
        padding-right: 1px;
        padding-bottom: 1px;
        text-align: center;
        color: #5e5e5e;
        text-decoration: none;
        text-shadow: 1px 1px 0px #ffffff;
        background: url("../images/interface.png") -87px -212px no-repeat;
      }
        .table-pagination li.active a,
        .table-pagination a:hover {
          background: url("../images/interface.png") -115px -212px no-repeat;
          line-height: 26px;
          font-size: 12px;
        }
        .table-pagination li.active a:active,
        .table-pagination a:active {
          background: url("../images/interface.png") -143px -212px no-repeat;
          line-height: 26px;
          font-size: 12px;
          padding-top: 1px;
          padding-bottom: 0px;
        }
    
    
    
    
/* CHART */
.report {
  margin: 18px 0 36px 0;
  padding: 15px 15px 7px 15px;
  border: solid 1px #c5c5c5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f6f6f6;
  -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,.1);
  box-shadow: inset 0px 0px 10px rgba(0,0,0,.1);
  color: #5e5e5e;
  overflow: auto;
}    
  .report .box {
    float: left;
    padding: 10px;
    width: 145px;
    height: 38px;
    border: solid 1px #c5c5c5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    -moz-box-shadow: 1px 1px #ffffff;
    -webkit-box-shadow: 1px 1px #ffffff;
    box-shadow: 1px 1px #ffffff;
    clear: left;
    margin: 0 0 8px 0;
    overflow: hidden;
  }
    .report .box span {
      font-size: 24px;
      font-family: Helvetica, Arial, Tahoma, sans-serif;
      line-height: 24px;
    }
    .report .box b {
      font-family: Helvetica, Arial, Tahoma, sans-serif;
      font-size: 16px;
      font-weight: normal;
      position: relative;
      top: -4px;
    }
    .report .box i {
      display: block;
      font-size: 12px;
      font-family: Georgia, Times, Times New Roman, serif;
      color: #ababab;
      font-style: italic;
      line-height: 12px;
    }
  .report .graph {
    float: right;
    width: 744px;
    height: 195px;
    overflow: hidden;
    border: solid 1px #c5c5c5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    -moz-box-shadow: 1px 1px #ffffff;
    -webkit-box-shadow: 1px 1px #ffffff;
    box-shadow: 1px 1px #ffffff;
  }  
    .report .graph.full {
      width: 100%;
      float: none;
      clear: both;
      margin-bottom: 8px;
    }
    .report .graph.loading {
      background: #ffffff url("../images/ui-snippets/loader.gif") center center no-repeat;
    }
  /* legend */
  .report .legend {
    list-style: none;
    overflow: auto;
  }
    .report .legend li {
      float: left;
      width: 33.3333%;
      margin-bottom: 5px;
    }
      .report .legend li div {
        padding: 2px 5px;
        background: #ffffff;
        border: solid 1px #d1d1d1;
        border-radius: 3px;
        -moz-box-shadow: 1px 1px 0px #ffffff;
        -webkit-box-shadow: 1px 1px 0px #ffffff;
        box-shadow: 1px 1px 0px #ffffff;
        margin-right: 5px;
        color: #767676;
        height: 22px;
        overflow: hidden;
      }
        .report .legend li div span {
          float: right;
          background: #ffffff;
          padding-left: 10px;
        }
      .report .legend li:nth-child(3n+3) div {
        margin-right: 0px;
      }
      .report .legend li b {
        display: inline-block;
        width: 9px;
        height: 9px;
        background: #d1d1d1;
        margin-right: 3px;
        border-radius: 5px;
      }
  
  
  
  
  
  
  
  
/* FLIPPER */
.flipper {
  float: right;
  height: 106px;
  margin: 0 0 0 10px;
}  
  .flipper .left {
    height: 106px;
    width: 10px;
    float: left;
    background: url("../images/interface.png") -178px -136px no-repeat;
  }
  .flipper .center {
    background: url("../images/flipper/background-repeat.png") repeat-x;
    height: 106px;
    float: left;
    position: relative;
    min-width: 120px;
  }
    .flipper .center .title {
      color: #ffde00;
      text-shadow: -1px -1px 0px #121212;
      font-size: 18px;
      line-height: 18px;
      padding: 10px 0 0 0;
      text-align: center;
    }
    .flipper .center .digits {
      font-size: 72px;
      line-height: 72px;
      color: #ffffff;
      text-align: center;
      letter-spacing: 3px;
      margin-top: -8px;
      overflow: hidden;
    }
    .flipper .center .divider {
      height: 1px;
      border-top: solid 1px #262626;
      background: #5d5d5d;
      position: absolute;
      width: 100%;
      z-index: 8;
      top: 63px;
    }
  .flipper .right {
    height: 106px;
    width: 12px;
    float: left;
    background: url("../images/interface.png") -200px -136px no-repeat;
  }
  
  
  
/* SUMMARY PROGRESS */
.summary-progress {
  padding: 0 0 20px 0;
  margin-top: -10px;
  border-bottom: double 3px #e5e5e5;
  overflow-x: hidden;
  overflow-y: auto;
}
  .summary-progress .bar {
    background: url("../images/interface.png") left -600px no-repeat;
    float: left;
    height: 50px;
    margin-top: 27px;
  }  
    .summary-progress .bar ul {
      list-style: none;
    }
    .summary-progress .bar li {
      float: left;
      height: 46px;
      color: #9e9e9e;
      line-height: 46px;
      text-shadow: 1px 1px 0px #ffffff;
      font-size: 18px;
      font-family: Helvetica, Arial, Tahoma, sans-serif;
    }
      /* start & stop */
      .summary-progress .bar li.start-active {
        width: 20px;
        background: url("../images/interface.png") left -651px no-repeat;
      }
      .summary-progress .bar li.stop-inactive {
        width: 10px;
        height: 50px;
        margin-right: -10px;
        background: url("../images/interface.png") right -600px no-repeat;
      }
      .summary-progress .bar li.stop-active {
        width: 10px;
        height: 50px;
        margin-right: -10px;
        background: url("../images/interface.png") right -651px no-repeat;
      }
      /* dividers */
      .summary-progress .bar li.divider-active {
        width: 40px;
        background: url("../images/interface.png") -738px -651px no-repeat;
      }
      .summary-progress .bar li.divider-inactive {
        width: 40px;
        background: url("../images/interface.png") -738px -600px no-repeat;
      }
      .summary-progress .bar li.divider-arrow {
        width: 40px;
        background: url("../images/interface.png") -692px -600px no-repeat;
      }
      /* tabs */
      .summary-progress .bar li.active {
        color: #ffffff;
        text-shadow: -1px -1px #535353;
        background: url("../images/interface.png") -100px -651px no-repeat;
      }
        .summary-progress .bar li.last {
          padding-right: 10px;
        }
          
      /* publish button */
      .summary-progress .button {
        display: inline-block;
        line-height: 32px;
        font-size: 14px;
        padding-right: 15px;
        color: #5f5f5f;
        text-shadow: 1px 1px 0px #ffffff;
        text-decoration: none;
        background: url("../images/buttons-right2.png") right -212px no-repeat;
        cursor: pointer;
        margin-right: -5px;
        position: relative;
        z-index: 5;
        top: -2px;
        vertical-align: middle;
        margin-bottom: -3px;
      }
        .summary-progress .button span {
          padding-left: 15px;
          display: inline-block;
          background: url("../images/buttons-left.png") left -212px no-repeat;
        }
        /* hover */
        .summary-progress .button:hover {
          background: url("../images/buttons-right2.png") right -247px no-repeat;
        }
        .summary-progress .button:hover span {
          background: url("../images/buttons-left.png") left -247px no-repeat;
        }
        /* active */
        .summary-progress .button:active {
          background: url("../images/buttons-right2.png") right -282px no-repeat;
        }
        .summary-progress .button:active span {
          background: url("../images/buttons-left.png") left -282px no-repeat;
        }
      
  /* archived */
  .summary-progress .archived {
    margin-top: 27px;
    margin-bottom: 10px;
    height: 50px;
    text-align: center;
  }
    .summary-progress .archived span {
      background: url("../images/interface.png") left -651px no-repeat;
      padding: 0 0 0 20px;
      height: 50px;
      display: inline-block;
      color: #ffffff;
      line-height: 46px;
      text-shadow: -1px -1px #535353;
      font-size: 18px;
      vertical-align: middle;
      font-family: Helvetica, Arial, Tahoma, sans-serif;
    }  
    .summary-progress .archived b {
      height: 50px;
      width: 20px;
      display: inline-block;
      vertical-align: middle;
      background: url("../images/interface.png") right -651px no-repeat;
    }  
  
/* LAYOUTS */
.layout-twocolumn {
  margin-top: 18px;
  overflow: auto;
}  
  .layout-twocolumn .column1 {
    width: 460px;
    float: left;
    margin-right: 40px;
  }
  .layout-twocolumn .column2 {
    width: 460px;
    float: left;
  }
  
  
  
  
  
/* LISTS */
/* checklist */
ul.checklist {
  list-style: none;
  color: #5e5e5e;
  line-height: 18px;
}  
  ul.checklist li {
    padding-left: 20px;
    background: url("../images/icons/list-checklist.png") 0px 2px no-repeat;
  }
    ul.checklist li.done { background: url("../images/icons/list-checklist-done.png") 0px 2px no-repeat; }
  
  /* arrow list */
ul.arrowlist {
  list-style: none;
  color: #5e5e5e;
  line-height: 18px;
}  
  ul.arrowlist li {
    padding-left: 20px;
    background: url("../images/icons/list-arrow.png") 0px 2px no-repeat;
  }
  
  
/* MESSAGES */
.infomessage {
  padding: 8px 200px 8px 10px;
  border: solid 1px #f4edcc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fffbea;
  line-height: 18px;
  margin: 27px 0 9px 0;
  color: #56513b;
  font-family: Arial;
}  
  .infomessage.center {
    padding: 8px 10px;
  }
  .infomessage p {
    padding-bottom: 9px;
  }
  
  
  
  
  
/* PROMOTE */
.promote-url {
  position: relative;
  top: -4px;
}
  .promote-url input {
    font-size: 12px;
    width: 250px;
    background: url("../images/forms/input-background-repeat.png") repeat-x;
  }
  
  
  
  
  
/* ICONS */
.iconlink {
  padding-left: 19px;
}
  .iconlink .rss {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    background: url("../images/icons/iconlinks.png") 0px 0px no-repeat;
    position: absolute;
    margin-left: -19px;
  }
  



/* NEW USER */
body.newuser {
  background: url('../images/newuser/background.jpg') center bottom no-repeat;
  padding-bottom: 0px;
}
table.newuser {
  vertical-align: middle;
  width: 100%;
  height: 60%;
}
  table.newuser td {
    text-align: center;
  }
  table.newuser p {
    width: 390px;
    margin: 0 auto;
    font-size: 16px;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    color: #777777;
    padding: 35px 0 55px 0;
  }

  /* button */
  table.newuser .button {
    display: inline-block;
    width: 208px;
    height: 53px;
    background: url('../images/newuser/button.png') 0px 0px no-repeat;
  }
    table.newuser .button:hover {
      background: url('../images/newuser/button.png') 0px -53px no-repeat;
    }
    table.newuser .button:active {
      background: url('../images/newuser/button.png') 0px -106px no-repeat;
    }




/* EVENT */
/* wrapper */
.event-wrapper {
  width: 950px;
  margin: 44px auto;
  overflow: auto;
}
  .event-wrapper .event-header {
    height: 51px;
    padding: 12px 31px 0 19px;
    background: url("../images/themes/default/glass-hat.png") no-repeat;
    text-align: right;
  }
  .event-wrapper .background {
    background: url("../images/themes/default/glass-background.png") repeat-y;
  }
    .event-wrapper .event-content {
      margin: 0 19px;
      overflow: auto;
      padding: 22px 20px 44px;
    }
    .event-wrapper .event-content .message.info {
      margin-top: -11px;
      margin-bottom: 44px;
    }
  .event-wrapper .event-footer {
    height: 82px;
    line-height: 28px;
    padding: 13px 19px 0 19px;
    background: url("../images/themes/default/glass-foot.png") no-repeat;
    margin-bottom: 44px;
    text-align: center;
  }
    .event-wrapper .event-footer h3 {
      color: #5E5E5E;
      font-family: Helvetica, Arial, Tahoma, sans-serif;
      font-size: 18px;
      font-weight: normal;
      text-shadow: white 1px 1px 0px;
      display: inline;
    }
    /* button */
    .event-wrapper .event-footer .button {
      display: inline-block;
      padding-right: 15px;
      line-height: 34px;
      background: url("../images/buttons-right2.png") right -320px  no-repeat;
      color: #5e5e5e;
      text-shadow: 1px 1px 0px #ffffff;
      vertical-align: middle;
      margin-top: -5px;
      font-weight: bold;
      font-family: Helvetica, Arial, Tahoma, sans-serif;
      text-decoration: none;
    } 
      .event-wrapper .event-footer .button span {
        display: inline-block;
        padding-left: 15px;
        padding-bottom: 1px;
        background: url("../images/buttons-left.png") left -320px  no-repeat;
        cursor: pointer;
      }
      /* hover */
      .event-wrapper .event-footer .button:hover { background: url("../images/buttons-right2.png") right -355px  no-repeat; }
      .event-wrapper .event-footer .button:hover span { background: url("../images/buttons-left.png") left -355px  no-repeat; }
      /* active */
      .event-wrapper .event-footer .button:active { background: url("../images/buttons-right2.png") right -391px  no-repeat; }
      .event-wrapper .event-footer .button:active span { 
        background: url("../images/buttons-left.png") left -391px  no-repeat; 
        padding-bottom: 0px;
        padding-top: 1px;
      }
      
      
  /* left edit event buttons */
  .edit-button.left a,  .edit-button.right a {
  	display: inline-block;
  	width: 41px;
  	padding-right: 3px;
  	height: 22px;
  	background: url("../images/interface.png") 0px 0px no-repeat;
  	font-size: 10px;
  	line-height: 18px;
  	font-weight: bold;
  	color: #ffffff;
  	text-decoration: none;
  	text-align: center;
  }
  .edit-button.left a:hover,
  .edit-button.left a:focus {
  	background: url("../images/interface.png") -45px 0px no-repeat;
  }
  .edit-button.left {
  	position: absolute;
  	margin-left: -59px;
  }
  .eb-title { margin-top: 9px; }
  .eb-tickets { margin-top: 75px; }
  .eb-paymentgateway { margin-left: -87px !important; margin-top: 4px; }
  .eb-eventinfo { margin-top: 0px; }
  
  /* right edit event buttons */
  .edit-button.right a {
  	width: 44px;
  	padding: 0;
  	background: url("../images/interface.png") 0px -23px no-repeat;
  }
  .edit-button.right a:hover,
  .edit-button.right a:focus {
  	background: url("../images/interface.png") -45px -23px no-repeat;
  }
  .edit-button.right {
  	position: absolute;
  }
  .eb-logo { margin: 9px 0 0 256px; }
  .eb-share { margin: -2px 0 0 216px; }
  .eb-when { margin: 0px 0 0 256px; }
  .eb-where { margin: 0px 0 0 256px; }

  /* typography */
  .event-wrapper h3 {
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-shadow: white 1px 1px 0px;
    color: #262626;
  }
  .event-wrapper h4 {
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    line-height: 44px;
    text-shadow: 1px 1px 0px #ffffff;
    color: #262626;
    margin: 0px;
  }

  /* event header */
  .event-wrapper .event-name {
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;
  }
  .event-wrapper .event-subtitle {
    color: #777;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    padding-bottom: 11px;
  }

  /* tickets box */
  .event-wrapper .tickets {
  	margin: 22px 0 44px -20px;
  	background: url("../images/themes/default/ticket-top.png") no-repeat;
  	overflow: auto;
  }
    .event-wrapper .tickets .container {
    	width: 464px;
    	padding: 0 48px 5px 48px;
    	margin-top: 45px;
    	overflow: auto;
    	background: url("../images/themes/default/ticket-middle.png") repeat-y;
    }
    .event-wrapper .tickets .foot {
    	height: 50px;
    	background: url("../images/themes/default/ticket-bottom.png") no-repeat;
    }
    .event-wrapper .tickets table {
    	width: 100%;
    	line-height: 18px;
    	margin-bottom: 11px;
    	text-shadow: 1px 1px 0px #ffffff;
    }
      .event-wrapper .tickets thead td {
      	font-weight: bold;
      }
      .event-wrapper .tickets td {
      	border-bottom: solid 1px #dadada;
      	padding: 3px 0;
      }
      .event-wrapper .tickets thead .type {
      	font-weight: bold;
      }
      .event-wrapper .tickets table .date {
      	width: 150px;
      }
      .event-wrapper .tickets table .price {
      	width: 80px;
      }
      .event-wrapper .tickets table .quantity {
      	text-align: right;
      	width: 50px;
      }
      
   /* description */
   #event-description ul, #event-description ol {
     padding-left: 30px;
     margin: 22px 0;
   }
   
   #event-description p + ul, #event-description p + ol {
     margin-top: 0px;
   }
   
   /* public attendee list */
  .public-attendee-list {
    margin: 11px 0;
    overflow: auto;
  }
  
    .public-attendee-list .attendee {
      float: left;
      width: 50%;
      padding: 9px 0;
      line-height: 18px;
      overflow: hidden;
    }
    .public-attendee-list .attendee a {
      font-size: 11px;
      color: #777777;
      text-decoration: none;
      height: 18px;
      overflow: hidden;
      display: block;
      float: left;
      width: 215px;
    }
      .public-attendee-list .attendee a:hover,
      .public-attendee-list .attendee a:focus {
        background-color: transparent;
      }
  
  #hidden-attendee-list {
    margin: -11px 0 11px 0;
  }
 
   
   /* logo */
  .event-wrapper .logo {
  	margin-bottom: 44px;
  	text-align: center;
  }
  
  /* share links */
  .share-twitter, .share-facebook, .share-linkedin, .share-email {
    display: inline-block;
    width: 46px;
    height: 47px;
  }
  
  .share-twitter { background: url("../images/icons/share.png") 0 0 no-repeat; }
  .share-twitter:hover,
  .share-twitter:focus { background: url("../images/icons/share.png") 0 -47px no-repeat; }
  .share-twitter.inactive { background: url("../images/icons/share.png") -0 -94px no-repeat; }
  
  .share-facebook { background: url("../images/icons/share.png") -48px 0 no-repeat; }
  .share-facebook:hover,
  .share-facebook:focus { background: url("../images/icons/share.png") -48px -47px no-repeat; }
  .share-facebook.inactive { background: url("../images/icons/share.png") -48px -94px no-repeat; }
  
  .share-linkedin { background: url("../images/icons/share.png") -96px 0 no-repeat; }
  .share-linkedin:hover,
  .share-linkedin:focus { background: url("../images/icons/share.png") -96px -47px no-repeat; }
  .share-linkedin.inactive { background: url("../images/icons/share.png") -96px -94px no-repeat; }
  
  .share-email { background: url("../images/icons/share.png") -144px 0 no-repeat; }
  .share-email:hover,
  .share-email:focus { background: url("../images/icons/share.png") -144px -47px no-repeat; }
  .share-email.inactive { background: url("../images/icons/share.png") -144px -94px no-repeat; }
  
  /* when  */
  .timezone {
    color: #777777;
    font-size: 11px;
  }
  .dropdown-link {
    float: left;
    overflow: hidden;
  }
  .dropdown-link .launcher {
    display: inline-block;
    margin-top: 9px;
    padding-right: 24px;
    background: transparent url("../images/interface.png") right -460px no-repeat;
  }
  .dropdown-link .launcher:hover,
  .dropdown-link .launcher:focus { background: transparent url("../images/interface.png") right -490px no-repeat; }
  .dropdown-link .dropdown {
    border: solid 1px #be4e00;
    margin-top: -5px;
    position: absolute;
    display: none;
    background: #f17d2c url("../images/ui-snippets/dropdown-link-bg.png") top repeat-x;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  }
    .dropdown-link .dropdown a {
      color: #ffffff;
      text-decoration: none;
      display: block;
      padding-left: 5px;
      padding-bottom: 2px;
      background: transparent url("../images/ui-snippets/dropdown-link-rule.png") bottom repeat-x;
    }
      .dropdown-link .dropdown a:last-child {
        background: none;
      }
    .dropdown-link .dropdown a:hover,
    .dropdown-link .dropdown a:focus {
      background-color: #d15702;
    }
    
  .dropdown-link.active .launcher { background: transparent url("../images/interface.png") right -525px no-repeat; }
  .dropdown-link.active a { text-decoration: none; }
  .dropdown-link.active .dropdown { display: block; }  
  
  /* map */
  #fake-map center {
  	font-size: 11px;
  	color: #d3d3d3;
  }
  #fake-map div  {
  	border: solid 1px #d3d3d3;
  }
  
  #google-map {
    height: 238px;
    overflow: hidden;
  }
  #google-map div {
    overflow: visible;
  }
  
  /* icon links */
  .map-add { background: url(/images/icons/map.png) 0 2px no-repeat; padding: 2px 0px 2px 20px; margin: -2px 0; }
  
  
  /* captcha */
  .recaptcha_input_area {
    overflow: hidden;
  }
  #recaptcha_area {
    overflow: hidden;
  }
  iframe[src="about:blank"] {
    display: none;
  }



/* DIALOG: TICKET TYPES */
/* New ticket type button */
.new-ticket-line {
  display: inline-block;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 24px;
  padding-right: 10px;
  cursor: pointer; /* IE7 Fix */
  color: #c65100;
  font-weight: bold;
  background: url("../images/buttons-right.png") right -5px no-repeat;
  margin-left: 20px;
}
  .new-ticket-line span {
    display: block;
    height: 25px;
    background: url("../images/buttons-left.png") left -5px no-repeat;
    padding-left: 10px;
    padding-bottom: 1px;
  }
  .new-ticket-line b {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background: url("../images/icons/action-button-icons.png") 0px -51px no-repeat;
    vertical-align: middle;
    margin-top: -3px;
  }
  /* hover */
  .new-ticket-line:hover,
  .new-ticket-line:focus { color: #c65100; background: url("../images/buttons-right.png") right -36px no-repeat; }
  .new-ticket-line:hover span,
  .new-ticket-line:focus span { background: url("../images/buttons-left.png") left -36px no-repeat; }
  /* sctive */
  .new-ticket-line:active { color: #c65100; background: url("../images/buttons-right.png") right -67px no-repeat; }
  .new-ticket-line:active span { 
    background: url("../images/buttons-left.png") left -67px no-repeat; 
    padding-bottom: 0px;
    padding-top: 1px;
  }
  
  
  
  
  
/* ADDONS */
.addon-fields {
  border: solid 1px #ebebeb;
  padding: 10px;
  margin: 18px 0;
  /*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);*/
  -moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	overflow: auto;
}
  .addon-fields .button {
  	display: inline-block;
  	vertical-align: middle;
  	margin: -4px 0 0 0;
  	line-height: 30px;
  	font-size: 12px;
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	padding-right: 10px;
  	cursor: pointer; /* IE7 Fix */
  	color: #3b3b3b;
  	background: url("../images/buttons-right.png") right 0px no-repeat;
  }
    .addon-fields .button span {
    	display: block;
      height: 30px;
    	background: url("../images/buttons-left.png") left 0px no-repeat;
    	padding: 0 0 1px 10px;
    	color: #3b3b3b;
    }
    .addon-fields .button:hover,
    .addon-fields .button:focus { background: url("../images/buttons-right.png") right -31px no-repeat; }
    .addon-fields .button:hover span,
    .addon-fields .button:focus span { background: url("../images/buttons-left.png") left -31px no-repeat; }
    
    .addon-fields .button:active { background: url("../images/buttons-right.png") right -62px no-repeat; }
    .addon-fields .button:active span { 
      background: url("../images/buttons-left.png") left -62px no-repeat; 
      padding-top: 1px; 
      padding-bottom: 0px;
    }
  
  
  
/* BREADCRUMBS */
.breadcrumbs {
  list-style: none;
  font-size: 11px;
  overflow: auto;
  margin: -22px 0 9px 0;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
}  
  .breadcrumbs li {
    float: left;
    margin-right: 5px;
  }
  .breadcrumbs .divider {
    color: #ababab;
  }


/* CHANGE BACKGROUND*/
.background-container {
  height: 300px;
  overflow: hidden;
  border-top: 1px solid #b9b9b9;
	border-left: 1px solid #c7c7c7;
	border-right: solid 1px #d4d4d4;
	border-bottom: solid 1px #d4d4d4;
	background: #ffffff url("../images/forms/input2-background-repeat.png") 0px 0px repeat-x;
	padding: 10px 0 10px 0;
	margin-bottom: 22px;
}
  .background-container div.block {
    width: 80px;
    height: 50px;
    background-color: #c3c3c3;
    float: left;
    margin-left: 6px;
    margin-bottom: 6px;
    position: relative;
    overflow: hidden;
  }
  .background-container div.block.selected, .background-container div.block.selected:hover { outline: solid 3px #ffe400; }
  .background-container div.block:hover { outline: solid 3px #d4d4d4; }

  .uploadifyQueue {
    display: block;
  }
    .uploadifyQueue .uploadifyQueueItem {
      background-color: #eeeeee;
      font: 11px Verdana, Geneva, sans-serif;
      height: 50px;
      width: 80px;
      overflow: hidden;
      margin: 0 0 6px 6px;
      float: left;
      position: relative;
    }
    .uploadifyQueue .fileName,
    .uploadifyQueue .percentage {
      display: none;
    }
  
  .uploadifyError {
    background-color: #FDE5DD !important;
    border: none !important;
    border-bottom: 1px solid #FBCBBC !important;
  }
    .uploadifyError .percentage {
      display: inline;
    }
  .background-container .cancel {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #ffffff;
    height: 16px;
    width: 16px;
  }
  
  .uploadifyQueue .completed {
    color: #C5C5C5;
  }
  
  .uploadifyProgress {
    background-color: none;
    width: 100%;
  }
  
  .uploadifyProgressBar {
    background-color: #0099FF;
    height: 50px;
    width: 1px;
  }