/* -----------------------------------------------------------------------------
   LESS: variables, mixins, functions
----------------------------------------------------------------------------- */
/* colors */
/* fonts */
/* clearfix */
/* visibility */
/* gradients */
/* box shadow */
/* text shadow */
/* font smoothing */
/* rounded corners */
/* box sizing */
/* scaling */
/* transition */
/* rotate */
/* css sprites */
/* reset list */
/* background size: cover */
/* unselectable */
.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* -----------------------------------------------------------------------------
   webfonts
----------------------------------------------------------------------------- */
/* @license
 * MyFonts Webfont Build ID 2123996, 2012-03-06T01:49:36-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Futura PT Cond Bold by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/futura-book/cond-bold/
 * Copyright: Copyright (c) 1990-2008 ParaType, Inc. All Rights Reserved.
 * Licensed pageviews: 10,000,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2123996
 *
 * © 2012 Bitstream Inc
*/
/*
@font-face {
  font-family: 'FuturaPTCond';
  src: url(../fonts/ftn87.eot);
  src: url(../fonts/ftn87.eot?) format('embedded-opentype'),
       url(../fonts/ftn87.woff) format('woff'),
       url(../fonts/ftn87.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaPTCond';
  src: url(../fonts/ftn87.eot);
  src: url(../fonts/ftn87.eot?) format('embedded-opentype'),
       url(../fonts/ftn87.woff) format('woff'),
       url(../fonts/ftn87.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
*/
/* TEMP USAGE ONLY!

@font-face {
  font-family: 'FuturaPTCondMed';
  src: url(../fonts/ftn55.eot);
  src: url(../fonts/ftn55.eot?) format('embedded-opentype'),
       url(../fonts/ftn55.woff) format('woff'),
       url(../fonts/ftn55.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaPTCondMed';
  src: url(../fonts/ftn55.eot);
  src: url(../fonts/ftn55.eot?) format('embedded-opentype'),
       url(../fonts/ftn55.woff) format('woff'),
       url(../fonts/ftn55.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
*/
/* @license
 * MyFonts Webfont Build ID 2564049, 2013-05-24T11:40:47-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Futura Bold Condensed by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/futura/bold-condensed/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2564049
 *
 * © 2013 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'FuturaBT-BoldCondensed';
  src: url('../fonts/271FD1_0_0.eot');
  src: url('../fonts/271FD1_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/271FD1_0_0.woff') format('woff'), url('../fonts/271FD1_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Gloria Hallelujah';
  src: url('../fonts/GloriaHallelujah.eot');
  src: local('☺'), url('../fonts/GloriaHallelujah.woff') format('woff'), url('../fonts/GloriaHallelujah.ttf') format('truetype'), url('../fonts/GloriaHallelujah.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* -----------------------------------------------------------------------------
   body/html
----------------------------------------------------------------------------- */
html {
  height: 100%;
  overflow-y: scroll;
}
body {
  font-family: arial, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 105px 0 0 0;
  background-color: #e4e4e4;
  background-image: url("../img/bg_workbench_gradient.png"), url("../img/bg_workbench.jpg");
  background-position: 0 0;
  background-repeat: repeat-x, repeat;
  color: #333;
}
.ie8 body
{
    background-color: #273e5d;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*adding image on 08 sep 2015 */

@media (max-width: 767px) {
  body
    {
        padding-top: 75px;
        background-color: #000000;
        background-position: top center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-image: url("../img/bg_workbench_gradient.png"), url("../img/bg_workbench_small_demo.jpg");
        width: 350px;
        height: 500px;
    }
}
 
/*end image on 08 sep 2015 */

@media (min-width: 768px) {
  .bgsizecover body
    {
        background-color: #000000;
        background-position: top center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-image: url("../img/bg_workbench_gradient.png"), url("../img/bg_workbench_small_demo.jpg");
    }
}
 
/* -----------------------------------------------------------------------------
   scrollar styles (webkit only)
----------------------------------------------------------------------------- */
div::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 8px;
  background-color: rgba(128, 128, 128, 0.3);
}
div::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
}
div::-webkit-scrollbar-thumb:hover,
div::-webkit-scrollbar-thumb:active {
  background: #e60f46;
}
div::-webkit-scrollbar:window-inactive {
  background-color: rgba(192, 192, 192, 0.2);
}
div::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.2);
}
/* -----------------------------------------------------------------------------
   buttons
----------------------------------------------------------------------------- */
/* rb buttons */
.rb-btn {
  display: inline-block;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 12px 20px;
  background: rgba(6, 23, 43, 0.2);
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.rb-btn:hover,
.rb-btn:focus,
.rb-btn.active {
  background: rgba(6, 23, 43, 0.75);
}
.rb-btn > i {
  margin-right: 8px;
  vertical-align: baseline;
}
/* bootstrap buttons (override) */
.btn-primary {
  background-color: #e20d3b;
  background-image: -moz-linear-gradient(top, #f11563, #dc092a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f11563), to(#dc092a));
  background-image: -webkit-linear-gradient(top, #f11563, #dc092a);
  background-image: -o-linear-gradient(top, #f11563, #dc092a);
  background-image: linear-gradient(to bottom, #f11563, #dc092a);
  border-color: #dc092a #dc092a #b0001c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e20d3b;
  font-weight: bold;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #dc092a;
  *background-color: #b0001c;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #b0001c \9;
}
/* reset button */
input.reset-button {
  padding-right: 29px;
}
a.reset-button {
  position: absolute;
  margin: 5px 0 0 -25px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -410px 0;
  cursor: pointer;
}
a.reset-button:hover,
a.reset-button:focus {
  background-position: -430px 0;
}
a.reset-button span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* -----------------------------------------------------------------------------
   fonts
----------------------------------------------------------------------------- */
h1 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 36px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
}
h2 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 28px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
}
h3,
h4,
h5,
h6 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
}
/* -----------------------------------------------------------------------------
   inputs
----------------------------------------------------------------------------- */
input:focus,
select:focus,
textarea:focus,
input:active,
select:active,
textarea:active {
  border-color: #b2b2b2 !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.8), 0 0 0 0 transparent !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.8), 0 0 0 0 transparent !important;
}
input.ng-invalid,
select.ng-invalid,
textarea.ng-invalid {
  border-color: #e60f46 !important;
  color: #e60f46 !important;
  background-color: #fde5ec !important;
}
/* -----------------------------------------------------------------------------
   helpers
----------------------------------------------------------------------------- */
/* gaps (margins) */
.gap1 {
  *zoom: 1;
  margin-bottom: 10px;
}
.gap1:before {
  content: "";
  display: table;
}
.gap1:after {
  clear: both;
  content: "";
  display: table;
}
.gap2 {
  *zoom: 1;
  margin-bottom: 20px;
}
.gap2:before {
  content: "";
  display: table;
}
.gap2:after {
  clear: both;
  content: "";
  display: table;
}
.gap3 {
  *zoom: 1;
  margin-bottom: 40px;
}
.gap3:before {
  content: "";
  display: table;
}
.gap3:after {
  clear: both;
  content: "";
  display: table;
}
/* links */
a:focus {
  outline: 0;
}
/* -----------------------------------------------------------------------------
   workbench
----------------------------------------------------------------------------- */
.workbench {
  padding: 0 20px;
}
.workbench > .row {
  padding: 20px 0 0 0;
  margin: 0 -20px 20px -20px;
  background: rgba(6, 23, 43, 0.2);
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  *zoom: 1;
}
.workbench > .row:before {
  content: "";
  display: table;
}
.workbench > .row:after {
  clear: both;
  content: "";
  display: table;
}
/* -----------------------------------------------------------------------------
   workbench: separators
----------------------------------------------------------------------------- */
.separator {
  clear: both;
  *zoom: 1;
  display: table;
  margin: 0 20px;
}
.separator:before {
  content: "";
  display: table;
}
.separator:after {
  clear: both;
  content: "";
  display: table;
}
.separator .sep-headline {
  display: table-cell;
  white-space: nowrap;
  height: 44px;
}
.separator .sep-fence {
  display: table-cell;
  width: 100%;
  background: url(../img/workbench_dotted_line.png) 0 14px repeat-x;
}
.separator {
  display: none;
}
.separator .edit,
.separator.has-title .add,
.separator .show {
  display: none;
}
.separator .show .control,
.sep-fence {
  visibility: hidden;
}
.separator.has-title,
.separator.has-title .show,
.rb-sortable .separator,
.rb-sortable .separator.editmode .edit {
  display: block;
}
.rb-sortable .sep-fence,
.rb-sortable .separator.has-title .show .control {
  visibility: visible;
}
.rb-sortable .separator.editmode .show,
.rb-sortable .separator.editmode .add {
  display: none;
}
.separator .show h2 {
  display: inline-block;
  vertical-align: middle;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 28px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
  margin: 0;
}
.separator .control {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  margin: 0 10px 0 5px;
  cursor: pointer;
}
.separator .control + .control {
  margin-left: -5px;
}
.separator .control span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.separator .control.edit-title {
  background-position: -80px -200px;
}
.separator .control.edit-title:hover {
  background-position: -120px -200px;
}
.separator .control.remove-title {
  background-position: -120px -160px;
}
.separator .control.remove-title:hover {
  background-position: -80px -160px;
}
.separator .control.add-title {
  background-position: -80px -240px;
}
.separator .control.add-title:hover {
  background-position: -120px -240px;
}
.separator .edit {
  padding-right: 10px;
}
.separator .edit button {
  vertical-align: top;
}
/* -----------------------------------------------------------------------------
   edit workbench
----------------------------------------------------------------------------- */
/* edit workbench panel */
.edit-workbench {
  position: fixed;
  z-index: 3050;
  left: 0;
  bottom: 0;
  background: #e60f46;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  overflow: hidden;
  width: 100px;
  max-height: 100px;
  -webkit-border-top-right-radius: 100px;
  border-top-right-radius: 100px;
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.edit-workbench.show {
  width: 222px;
  max-height: 500px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}
.edit-workbench:hover {
  background: #333;
}
.edit-workbench.show:hover {
  background: #e60f46;
}
.edit-workbench .body {
  width: 172px;
  float: right;
  margin: 50px 25px 25px 0;
  *zoom: 1;
}
.edit-workbench .body:before {
  content: "";
  display: table;
}
.edit-workbench .body:after {
  clear: both;
  content: "";
  display: table;
}
.edit-workbench .anchors {
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  margin: 0 -20px 20px 0;
}
.edit-workbench .anchors ul {
  width: 172px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.edit-workbench .anchors li {
  padding: 2px 0;
  font-size: 13px;
  line-height: 1.2;
  border-bottom: 1px dotted #950a2d;
}
.edit-workbench .anchors li a {
  display: block;
  padding: 3px 5px 3px 10px;
  text-decoration: none !important;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  cursor: pointer;
}
.edit-workbench .anchors li a:hover,
.edit-workbench .anchors li a:focus {
  background: rgba(0, 0, 0, 0.2);
}
.edit-workbench .action .button {
  display: block;
  background: rgba(51, 51, 51, 0.25);
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 0 4px 0;
  font-size: 14px;
  color: #fff;
  padding: 4px 3px 4px 34px;
  text-decoration: none !important;
  cursor: pointer;
}
.edit-workbench .action .button:hover,
.edit-workbench .action .button:focus {
  background: #333333;
}
.edit-workbench .action .edit-wb:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  margin: 1px 0 0 -24px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -270px -190px;
}
.edit-workbench .action .change-bgr:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  margin: 1px 0 0 -24px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -290px -190px;
}
.edit-workbench .toggle-show {
  position: absolute;
  left: -100px;
  bottom: -100px;
  width: 200px;
  height: 200px;
  background: #e60f46;
  -webkit-border-radius: 100px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 100px;
  border-radius: 100px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.edit-workbench.show .toggle-show {
  left: -200px;
  bottom: -200px;
}
.edit-workbench .toggle-show:after {
  content: '';
  position: absolute;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  width: 44px;
  height: 26px;
  top: 44px;
  right: 38px;
  background-position: -220px -150px;
}
.edit-workbench .toggle-show span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.edit-workbench .toggle-show:hover {
  background: #333;
}
.edit-workbench .toggle-show:hover:after {
  background-position: -220px -180px;
}
.edit-workbench .toggle-hide {
  position: absolute;
  top: -120px;
  right: -120px;
  width: 120px;
  height: 120px;
  background: #c60d3c;
  -webkit-border-radius: 60px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 60px;
  border-radius: 60px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.edit-workbench.show .toggle-hide {
  top: -60px;
  right: -60px;
}
.edit-workbench .toggle-hide:after {
  content: '';
  position: absolute;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  left: 26px;
  bottom: 26px;
  width: 27px;
  height: 16px;
  background-position: -270px -150px;
}
.edit-workbench .toggle-hide span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.edit-workbench .toggle-hide:hover {
  background: #333;
}
.edit-workbench .toggle-hide:hover:after {
  background-position: -270px -170px;
}
/* IE 8 */
.ie8 .edit-workbench {
  background: transparent;
}
.ie8 .edit-workbench .toggle-show {
  background: transparent url(../img/edit-workbench_ie.png) 0 0 no-repeat !important;
}
/* confirm dialog */
.confirm-dialog {
  position: fixed;
  z-index: 6000;
  bottom: 20px;
  left: 50%;
}
.confirm-dialog .panel {
  display: inline-block;
  background: #fff;
  padding: 15px 30px;
  margin-left: -50%;
  *zoom: 1;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.confirm-dialog .panel:before {
  content: "";
  display: table;
}
.confirm-dialog .panel:after {
  clear: both;
  content: "";
  display: table;
}
.ie9 .confirm-dialog .panel {
  display: table;
}
.confirm-dialog .panel .btn {
  margin: 0 3px;
}
/* -----------------------------------------------------------------------------
   settings layer (bootstrap modal)
----------------------------------------------------------------------------- */
/* backdrop */
.modal-backdrop {
  z-index: 11000;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* RB settings layer */
.rb-settings {
  width: 460px;
  margin-left: -230px;
  z-index: 11100;
  background: #e60f46;
  color: #fff;
  border: 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  overflow: hidden;
  -webkit-transform: translateZ(0);
}
.rb-settings .span3 {
  width: 201px;
}
.rb-settings .span6 {
  width: 404px;
}
.rb-settings input,
.rb-settings textarea,
.rb-settings .uneditable-input {
  width: 187px;
}
.rb-settings select {
  width: 201px;
}
.rb-settings input[type="file"],
.rb-settings input[type="image"],
.rb-settings input[type="submit"],
.rb-settings input[type="reset"],
.rb-settings input[type="button"],
.rb-settings input[type="radio"],
.rb-settings input[type="checkbox"] {
  width: auto;
}
.rb-settings input[type="radio"],
.rb-settings input[type="checkbox"] {
  outline: 0;
}
.rb-settings input.span3,
.rb-settings textarea.span3,
.rb-settings .uneditable-input.span3 {
  width: 187px;
}
.rb-settings input.span6,
.rb-settings textarea.span3,
.rb-settings .uneditable-input.span3 {
  width: 393px;
}
.rb-settings input.reset-button,
.rb-settings input.span3.reset-button {
  width: 158px;
}
.rb-settings input.span6.reset-button {
  width: 364px;
}
.rb-settings .modal-header {
  position: relative;
  padding: 10px 20px 0 20px;
  border: 0;
  height: 80px;
  *zoom: 1;
}
.rb-settings .modal-header:before {
  content: "";
  display: table;
}
.rb-settings .modal-header:after {
  clear: both;
  content: "";
  display: table;
}
.rb-settings .modal-header .close-modal {
  float: right;
  margin-right: -10px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -80px -160px;
  border: 0;
}
.rb-settings .modal-header .close-modal:hover {
  background-position: -320px -180px;
}
.rb-settings .modal-header .close-modal > span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.rb-settings .modal-header h3 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  position: absolute;
  bottom: 12px;
}
.rb-settings .modal-body {
  height: 350px;
  margin-right: 5px;
  padding: 10px 10px 10px 20px;
}
.rb-settings .modal-body-content {
  max-width: 410px;
}
.rb-settings .modal-body h4 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-size: 17px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  line-height: 1;
  font-family: arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  margin: 0 0 12px 0;
}
.rb-settings .modal-footer {
  padding: 20px 30px 20px 20px;
  background: transparent;
  border: 0;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.rb-settings .settings-group {
  *zoom: 1;
  margin-bottom: 30px;
}
.rb-settings .settings-group:before {
  content: "";
  display: table;
}
.rb-settings .settings-group:after {
  clear: both;
  content: "";
  display: table;
}
.rb-settings .settings-group label.radio,
.rb-settings .settings-group label.checkbox {
  font-size: 13px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 6px 5px 6px 30px;
  margin: 0 0 3px 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.rb-settings .settings-group label.radio:hover,
.rb-settings .settings-group label.checkbox:hover {
  background: rgba(0, 0, 0, 0.2);
}
.rb-settings .settings-group label input[type="text"] {
  margin: 3px 0 5px 0;
  width: 350px;
  opacity: 0.4;
}
.rb-settings .settings-group label input[type="radio"]:checked ~ input[type="text"] {
  opacity: 1;
}
.rb-settings .settings-group.widget-size label {
  width: 194px;
  float: left;
}
.rb-settings .settings-group.widget-size label + label {
  margin-left: 20px;
}
.rb-settings .settings-group.widget-size .marker {
  clear: both;
  width: 81px;
  height: 80px;
  margin: 10px 0 10px 27px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
}
.rb-settings .settings-group.widget-size .one-column .marker {
  background-position: -320px 0;
}
.rb-settings .settings-group.widget-size .two-columns .marker {
  background-position: -320px -90px;
}
.rb-settings .sortable-list .add-new {
  float: right;
  margin-top: -6px;
}
.rb-settings .sortable-list .add-new .icon-plus-sign {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -160px -120px;
}
.rb-settings .sortable-list ul {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}
.rb-settings .sortable-list li {
  display: block;
  font-size: 13px;
  line-height: 1.2;
  width: 410px;
}
.rb-settings .sortable-list li > div {
  display: table;
  width: 100%;
  background: #D1013B;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 10px;
  margin: 0 0 3px 0;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.rb-settings .sortable-list li:hover > div {
  background: #B90134;
}
.rb-settings .sortable-list .col-image,
.rb-settings .sortable-list .col-content,
.rb-settings .sortable-list .col-action {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.rb-settings .sortable-list .col-image {
  padding-right: 10px;
}
.rb-settings .sortable-list .col-image img {
  display: block;
  max-width: 21px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.rb-settings .sortable-list .col-content {
  width: 100%;
}
.rb-settings .sortable-list .col-action {
  padding-left: 10px;
  text-align: right;
}
.rb-settings .sortable-list .col-action > div {
  width: 102px;
  height: 22px;
  overflow: hidden;
}
.rb-settings .sortable-list .col-action a {
  float: right;
  width: 36px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -360px -180px;
  margin-right: -2px;
  cursor: pointer;
}
.rb-settings .sortable-list .col-action a span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.rb-settings .sortable-list .col-action a > div {
  margin-left: 7px;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
}
.rb-settings .sortable-list .col-action a.link > div {
  background-position: -320px -220px;
}
.rb-settings .sortable-list .col-action a.link:hover > div {
  background-position: -350px -220px;
}
.rb-settings .sortable-list .col-action a.sort > div {
  background-position: -320px -250px;
}
.rb-settings .sortable-list .col-action a.sort:hover > div {
  background-position: -350px -250px;
}
.rb-settings .sortable-list .col-action a.delete > div {
  background-position: -320px -280px;
}
.rb-settings .sortable-list .col-action a.delete:hover > div {
  background-position: -350px -280px;
}
.rb-settings .sortable-list li.ui-sortable-helper,
.rb-settings .summarize .sortable-list li .sort {
  cursor: move;
}
.rb-settings .sortable-list li.ui-sortable-helper > div {
  -webkit-box-shadow: 0 0 9px 0 #000000, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 9px 0 #000000, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.rb-settings .sortable-list li.ui-sortable-helper:hover > div {
  background: #D1013B;
}
.rb-settings .sortable-list .ui-sortable-helper .col-action a.link,
.rb-settings .sortable-list .ui-sortable-helper .col-action a.delete {
  visibility: hidden;
}
.rb-settings .sortable-list .ui-sortable-helper .col-action a.sort {
  background-position: 1000px 1000px;
  cursor: move;
}
.rb-settings .sortable-list .ui-sortable-helper .col-action a.sort > div {
  background-position: -350px -250px;
}
.rb-settings .select-box {
  background: #fff;
  padding: 10px 5px 10px 10px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.rb-settings .select-box-content {
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 10px;
}
.rb-settings .file-tree {
  *zoom: 1;
}
.rb-settings .file-tree:before {
  content: "";
  display: table;
}
.rb-settings .file-tree:after {
  clear: both;
  content: "";
  display: table;
}
.rb-settings .file-tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rb-settings .file-tree ul ul {
  margin-left: 15px;
  display: none;
}
.rb-settings .file-tree ul .is-open > ul {
  display: block;
}
.rb-settings .file-tree li {
  font-size: 13px;
}
.rb-settings .file-tree li > a {
  display: block;
  color: #333;
  padding: 0 0 0 18px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.rb-settings .file-tree li > a:hover,
.rb-settings .file-tree li > a:focus {
  color: #e60f46;
  text-decoration: none;
}
.rb-settings .file-tree li.is-selected > a {
  background: #ddd;
  font-weight: bold;
}
.rb-settings .file-tree li.has-children > a > div {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 6px 0 -15px;
  width: 9px;
  height: 9px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -60px -190px;
}
.rb-settings .file-tree li.is-open > a > div {
  background-position: -60px -180px;
}
.rb-settings .modal-add-new-cover {
  position: absolute;
  top: 600px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-transition: top 0.2s ease-in-out;
  -moz-transition: top 0.2s ease-in-out;
  -ms-transition: top 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
}
.rb-settings .modal-add-new-cover.show {
  top: 90px;
}
.rb-settings .add-new-cover-header {
  height: 65px;
}
.rb-settings .add-new-cover-footer {
  height: 55px;
}
.rb-settings .add-new-cover-content {
  margin-right: 5px;
  padding: 0 10px 10px 20px;
  height: 375px;
  overflow: hidden;
  overflow-y: auto;
}
.rb-settings .add-new-cover-header + .add-new-cover-content {
  height: 310px;
}
.rb-settings .add-new-cover-footer .buttons {
  padding: 10px 20px 0 20px;
  text-align: right;
}
.rb-settings .location-search {
  padding: 20px 0 0 18px;
}
.rb-settings .location-search form {
  margin: 0;
}
.rb-settings .location-search .search-query {
  width: 372px;
  padding-right: 35px;
  background-color: #dfdfdf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#d3d3d3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #dfdfdf, #d3d3d3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #dfdfdf, #d3d3d3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #dfdfdf, #d3d3d3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #dfdfdf, #d3d3d3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  border-color: #f0f0f0;
}
.rb-settings .location-search .btn {
  position: absolute;
  margin-left: -48px;
}
.rb-settings .location-search .btn div {
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -30px -200px;
}
.rb-settings .location-search .btn span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.rb-settings .location-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}
.rb-settings .location-list li {
  font-size: 13px;
}
.rb-settings .location-list li a {
  color: #333;
  cursor: pointer;
}
.rb-settings .location-list li a:hover,
.rb-settings .location-list li a:focus,
.rb-settings .location-list li a.selected {
  color: #e60f46;
  text-decoration: none;
}
.rb-settings .location-list h4 {
  font-family: arial, sans-serif;
  font-size: 16px;
  color: #333;
  text-transform: none;
  padding: 10px 0 5px 0;
  border-bottom: 1px dotted #999;
  margin-bottom: 8px;
}
/* -----------------------------------------------------------------------------
   change background layer (bootstrap modal)
----------------------------------------------------------------------------- */
.change-background {
  width: 980px;
  margin-left: -490px;
  top: 50% !important;
  margin-top: -200px;
  z-index: 11100;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 0;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  overflow: hidden;
}
.change-background .modal-header {
  position: relative;
  padding: 20px 20px 0 20px;
  border: 0;
  *zoom: 1;
}
.change-background .modal-header:before {
  content: "";
  display: table;
}
.change-background .modal-header:after {
  clear: both;
  content: "";
  display: table;
}
.change-background .modal-header h3 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
}
.change-background .modal-body {
  padding: 0 20px 30px 20px;
  overflow: hidden;
}
.change-background .modal-body-content {
  padding-bottom: 15px;
  overflow: hidden;
  overflow-x: auto;
}
.change-background .modal-body-content::-webkit-scrollbar {
  background-color: rgba(255, 255, 255, 0.3);
}
.change-background .modal-body-content::-webkit-scrollbar-thumb {
  background: #ffffff;
}
.change-background .modal-body-content::-webkit-scrollbar-thumb:hover,
.change-background .modal-body-content::-webkit-scrollbar-thumb:active {
  background: #e60f46;
}
.change-background .modal-body-content::-webkit-scrollbar:window-inactive {
  background-color: rgba(192, 192, 192, 0.2);
}
.change-background .modal-body-content::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.2);
}
.change-background .modal-body-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  white-space: nowrap;
}
.change-background .modal-body-content li {
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  padding-right: 5px;
}
.change-background .modal-body-content li a {
  display: block;
  padding: 5px;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  cursor: pointer;
}
.change-background .modal-body-content li a:hover {
  background: #e60f46;
}
.change-background .modal-body-content li img {
  width: 300px;
  height: 225px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.change-background .modal-body-content li.current a {
  background: #fff !important;
  cursor: default;
}
.change-background .modal-body-content li.upload > div {
  background: rgba(255, 255, 255, 0.1) url(../img/bg_profile_upload.png) 50% 60px no-repeat;
  width: 285px;
  height: 225px;
  overflow: hidden;
  padding: 3px;
  margin-right: 5px;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px dashed #333;
}
.change-background .modal-body-content li.upload .btn {
  display: inline-block;
  margin-top: 120px;
  position: relative;
  overflow: hidden;
}
.change-background .modal-body-content li.upload .btn input {
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 100px;
  height: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.change-background .modal-body-content li.upload .icon-plus-sign {
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-position: -30px -90px;
  position: relative;
  top: -2px;
  left: -2px;
}
/* -----------------------------------------------------------------------------
   responsive
----------------------------------------------------------------------------- */
/* <768 */
@media (max-width: 767px) {
  .container.workbench {
    width: 300px; 
    padding: 0;
  }
  .workbench > .row {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
  }
  .container.workbench .separator {
    overflow: hidden;
    margin: 0 10px;
  }
  .container.workbench .separator .show h2 {
    color: #000;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
  }
  .workbench [class*="span"] {
    margin-left: 10px;
  }
  .workbench .span8 {
    width: 300px;
  }
  .edit-workbench {
    width: 60px;
    max-height: 60px;
    -webkit-border-top-right-radius: 60px;
    border-top-right-radius: 60px;
  }
  .edit-workbench .toggle-show {
    left: -60px;
    bottom: -60px;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 70px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  
    -moz-border-radius: 70px;
    border-radius: 70px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .edit-workbench.show .toggle-show {
    left: -120px;
    bottom: -120px;
  }
  .edit-workbench .toggle-show:after {
    top: 24px;
    right: 18px;
    -webkit-transform: scale(0.66);
    -moz-transform: scale(0.66);
    -ms-transform: scale(0.66);
    -o-transform: scale(0.66);
    transform: scale(0.66);
    -webkit-backface-visibility: hidden;
  }
  .edit-workbench .action {
    display: none;
  }
  .change-background {
    width: 90%;
    margin-left: -45%;
  }
}
/* 768-1020 */
@media (min-width: 768px) and (max-width: 1019px) {
  .container.workbench {
    width: 700px;
  }
  .container.workbench > .row {
    padding-left: 40px;
    padding-right: 40px;
  }
  .edit-workbench {
    width: 70px;
    max-height: 70px;
    -webkit-border-top-right-radius: 70px;
    border-top-right-radius: 70px;
  }
  .edit-workbench .toggle-show {
    left: -70px;
    bottom: -70px;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 70px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  
    -moz-border-radius: 70px;
    border-radius: 70px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .edit-workbench.show .toggle-show {
    left: -140px;
    bottom: -140px;
  }
  .edit-workbench .toggle-show:after {
    top: 30px;
    right: 24px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-backface-visibility: hidden;
  }
  .change-background {
    width: 740px;
    margin-left: -370px;
  }
}
/* >1360 */
@media (min-width: 1360px) {
  .container.workbench {
    width: 1260px;
  }
  .change-background {
    width: 1300px;
    margin-left: -650px;
  }
}
/* >2320 */
/* -----------------------------------------------------------------------------
   widgets

   hint: due to summarize function we use a widget-in-widget structure.
   each widget consists of two .widget elements! The inner one defines the
   widget itself, the outer one acts as summarize container.

   TOC:
   - global styles
   - editmode
   - widget: summarizing
   - widget: teaser
   - widget: feed
   - widget: sap time management
   - widget: world time clock
   - widget: social collaboration
   - widget: bookmarking
   - widget: file sharing/skydrive
   - widget: dms
   - widget: instant messaging
   - widget: email
----------------------------------------------------------------------------- */
.widget {
   position: relative;
  margin-bottom: 20px;
  height: 310px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  overflow: visible;
}
.widget .widget,
.ie9 .widget .widget {
  margin: 0 !important;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
/* styles */
.widget .widget {
  background-color: #e4e7ea;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e7ea), to(#c5cdd3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e4e7ea, #c5cdd3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  padding: 50px 5px 20px 5px;
}
.widget .widget.seamless {
  background: transparent;
  padding: 0;
}
.widget .widget.dark {
  background: #333;
  background: rgba(0, 0, 0, 0.2);
}
/* loading spinner */
.widget-loading {
  position: absolute;
  z-index: 2900;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  background: rgba(255, 255, 255, 0.5);
  display: none;
}
.widget-loading:before {
  content: '';
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 50px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 50px;
  border-radius: 50px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget-loading > div {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  background: url(../img/loader-60x60-white.gif) 0 0 no-repeat;
}
.widget-loading.show {
  display: block;
}
.widget.summarize .widget-loading,
.widget.world-time-clock .widget-loading {
  background: rgba(0, 0, 0, 0.5);
}
.widget.summarize .widget-loading:before,
.widget.world-time-clock .widget-loading:before {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
.widget.summarize .widget-loading > div,
.widget.world-time-clock .widget-loading > div {
  background-image: url(../img/loader-60x60-black.gif);
}
/* Confirmation layer*/
.widget-confirm-layer {
  display: table;
  table-layout: fixed;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3000;
  overflow: hidden;
  opacity: 0;
  height: 0;
  width: 0;
  -webkit-transition: opacity 110ms;
  -moz-transition: opacity 110ms;
  -ms-transition: opacity 110ms;
  -o-transition: opacity 110ms;
  transition: opacity 110ms;
}
.widget-confirm-layer.show {
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.widget-confirm-layer .widget-confirm-dialog-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.widget-confirm-layer .widget-confirm-dialog-wrapper .widget-confirm-dialog {
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  width: 250px;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 19px 20px 15px;
  -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.widget-confirm-layer .widget-confirm-dialog-wrapper .widget-confirm-dialog .confirm-header {
  margin-bottom: 10px;
}
.widget-confirm-layer .widget-confirm-dialog-wrapper .widget-confirm-dialog .confirm-header h4 {
  font-family: arial, sans-serif;
  color: #171818;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  line-height: 17px;
  margin-bottom: 3px;
}
.widget-confirm-layer .widget-confirm-dialog-wrapper .widget-confirm-dialog .confirm-content {
  margin-bottom: 20px;
}
.widget-confirm-layer .widget-confirm-dialog-wrapper .widget-confirm-dialog .confirm-content p {
  color: #171818;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
.widget-confirm-layer .widget-confirm-dialog-wrapper .widget-confirm-dialog .confirm-actions {
  background-color: #f2f2f2;
  margin: 0 -20px -15px;
  padding: 10px 9px 9px;
  text-align: right;
}
.widget-confirm-layer .widget-confirm-dialog-wrapper .widget-confirm-dialog .confirm-actions button {
  padding: 1px 13px 1px 12px;
}
.widget-confirm-layer .widget-confirm-dialog-wrapper .widget-confirm-dialog .confirm-actions button + button {
  margin-left: 6px;
}
@media (max-width: 767px) {
  
}
/* scrollshadows
   global. some widgets need special treatment!
*/
.widget .widget:before,
.widget.summarize:before,
.widget .scrollshadows:before {
  content: '';
  position: absolute;
  z-index: 1000;
  left: 10px;
  right: 10px;
  height: 15px;
  top: 50px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(../img/widget_span4_shadow.png) 50% 0 no-repeat;
  visibility: hidden;
}
.widget .widget:after,
.widget.summarize:after,
.widget .scrollshadows:after {
  content: '';
  position: absolute;
  z-index: 1000;
  left: 10px;
  right: 10px;
  height: 15px;
  bottom: 20px;
  background: url(../img/widget_span4_shadow.png) 50% 0 no-repeat;
  visibility: hidden;
}
.widget .widget.scroll-up:before,
.widget.summarize.scroll-up:before,
.widget .scrollshadows.scroll-up:before {
  visibility: visible;
}
.widget .widget.scroll-down:after,
.widget.summarize.scroll-down:after,
.widget .scrollshadows.scroll-down:after {
  visibility: visible;
}
.ie9 .widget .widget:before,
.ie9 .widget.summarize:before,
.ie9 .widget .scrollshadows:before {
  right: 20px;
}
.ie9 .widget .widget:after,
.ie9 .widget.summarize:after,
.ie9 .widget .scrollshadows:after {
  right: 20px;
}
@media (max-width: 767px) {
  .widget .widget:after,
  .widget.summarize:after {
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .widget .widget.span8:before,
  .widget .widget.span8 .scrollshadows:before {
    background: url(../img/widget_span8_shadow.png) 50% 0 no-repeat;
  }
  .widget .widget.span8:after,
  .widget .widget.span8 .scrollshadows:after {
    background: url(../img/widget_span8_shadow.png) 50% 0 no-repeat;
  }
  .widget .widget.email.span8:before,
  .widget .widget.email.span8 .scrollshadows:before,
  .widget .widget.instant-messaging.span8:before,
  .widget .widget.instant-messaging.span8 .scrollshadows:before,
  .widget .widget.todo.span8 .scrollshadows:before {
    background: url(../img/widget_span4_shadow.png) 50% 0 no-repeat;
  }
  .widget .widget.email.span8:after,
  .widget .widget.email.span8 .scrollshadows:after,
  .widget .widget.instant-messaging.span8:after,
  .widget .widget.instant-messaging.span8 .scrollshadows:after,
  .widget .widget.todo.span8 .scrollshadows:after {
    background: url(../img/widget_span4_shadow.png) 50% 0 no-repeat;
  }
}
/* header */
.widget-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 590;
  padding: 17px 20px 0;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
/* controls */
.widget-controls {
  float: right;
  position: relative;
  top: -1px;
}
.widget-controls > .control {
  float: left;
  width: 24px;
  height: 24px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  -webkit-border-radius: 12px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 12px;
  border-radius: 12px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  cursor: pointer;
}
.widget-controls > .control + .control {
  margin-left: 2px;
}
.widget-controls > .control:hover,
.widget-controls > .control:focus {
  -webkit-box-shadow: 0 0 8px -3px #000000, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 8px -3px #000000, 0 0 0 0 transparent, 0 0 0 0 transparent;
  top: 1px;
}
.widget-controls > .control.grid {
  background-position: 0px -140px;
}
.widget-controls > .control.grid.active {
  background-position: -30px -140px;
}
.widget-controls > .control.list {
  background-position: 0px -170px;
}
.widget-controls > .control.list.active {
  background-position: -30px -170px;
}
.widget-controls > .control > span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* title */
.widget-title h2 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 0 0 0;
  line-height: 1;
  color: #000;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}
.widget.dark .widget-title h2,
.widget.summarize > .widget-header .widget-title h2 {
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.widget-title .icon {
  display: inline-block;
  width: 10px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  margin-right: 8px;
}
/* reload button */
.widget-reload-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-position: -409px -309px;
  vertical-align: top;
  margin: 3px 0 0 0;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
}
.widget-reload-icon:hover,
.widget-reload-icon:focus {
  background-position: -429px -309px;
}
.widget-reload-icon.loading {
  background-position: -429px -309px;
  -webkit-animation: widget-reload-icon 700ms infinite linear;
  animation: widget-reload-icon 700ms infinite linear;
}
.ie9 .widget-reload-icon.loading {
  background-image: url(../img/widget-reload-icon_ie2.gif);
  background-position: 0 0;
}
@-webkit-keyframes widget-reload-icon {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes widget-reload-icon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* widget-message */
.widget-message {
  *zoom: 1;
  text-align: center;
  padding: 20px 0;
  max-width: 240px;
  margin: 0 auto;
  position: relative;
}
.widget-message:before {
  content: "";
  display: table;
}
.widget-message:after {
  clear: both;
  content: "";
  display: table;
}
.widget-message__icon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  overflow: hidden;
  margin-bottom: 7px;
}
.widget-message__icon--info {
  background-position: -650px -270px;
}
.widget-message__icon--error {
  background-position: -600px -270px;
}
.widget-message__headline {
  font-family: arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: bold !important;
  text-transform: none !important;
  color: #999 !important;
  margin: 0 0 3px 0 !important;
}
.widget-message__text {
  font-size: 12px;
  line-height: 16px;
  color: #999;
  margin: 0;
}
.widget-message__link {
  margin-top: 7px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
  color: #e60f46;
}
.widget-message__link:hover,
.widget-message__link:focus {
  color: #000;
  text-decoration: none;
}
.widget-message__link--reload:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: -1px 3px 0 0;
  width: 20px;
  height: 20px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -640px -220px;
}
.widget-message__link--reload:hover:before,
.widget-message__link--reload:focus:before {
  background-position: -640px -240px;
}
/* widget loading spinner for content
   use inside of .widget-message in order to achieve a proper alignment
*/
.widget-loading-content {
  display: inline-block;
  vertical-align: middle;
  margin-top: 30px;
  width: 64px;
  height: 64px;
  background: #ffffff url(../img/loader.gif) no-repeat center;
  -webkit-border-radius: 64px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 64px;
  border-radius: 64px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* widget body */
.widget-body {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget .widget .widget-body {
  overflow: hidden;
  overflow-y: auto;
}
/* widget content */
.widget-content {
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  *zoom: 1;
  min-height: 100%;
  width: 260px;
}
.widget-content:before {
  content: "";
  display: table;
}
.widget-content:after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 768px) {
  .span8 .widget-content {
    width: 580px;
  }
}
.seamless .widget-content {
  width: auto;
}
/* pagers */
.widget-pagers > .wpager {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  width: 33px;
  height: 67px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  outline: 0;
}
.widget-pagers > .wpager:hover {
  margin-top: -32px;
}
.widget-pagers > .wpager.rewind {
  left: 0;
  float: left;
  background-position: 0px 0px;
  -webkit-border-top-right-radius: 33px;
  -webkit-border-bottom-right-radius: 33px;
  border-top-right-radius: 33px;
  border-bottom-right-radius: 33px;
}
.widget-pagers > .wpager.rewind:hover {
  background-position: -40px 0px;
  -webkit-box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.widget-pagers > .wpager.forward {
  right: 0;
  float: right;
  background-position: 0px -70px;
  -webkit-border-top-left-radius: 33px;
  -webkit-border-bottom-left-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom-left-radius: 33px;
}
.widget-pagers > .wpager.forward:hover {
  background-position: -40px -70px;
  -webkit-box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.widget-pagers > .wpager > span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* icon */
.widget .widget-icon {
  display: none;
}
.widget-icon {
  width: 90px;
  font-size: 11px;
  line-height: 1.1;
}
.widget-icon img {
  display: block;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin: 0 auto;
  -webkit-box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget-icon a {
  display: block;
  color: #fff;
  text-decoration: none !important;
}
.widget-icon a:hover img {
  -webkit-box-shadow: 1px 1px 5px 0 #000000, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 5px 0 #000000, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.widget-icon strong {
  padding-top: 8px;
  padding-bottom: 2px;
  display: block;
  overflow: hidden;
  max-width: 100%;
  text-align: center;
  max-height: 23px;
}
/* widget toggle
   smartphone view only
*/
.widget-toggle {
  visibility: hidden;
  display: none;
}
.widget.summarize .widget .widget-toggle {
  display: none !important;
}
/* widget layer */
.widget-layer {
  position: absolute;
  z-index: 1100;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f2f2f2;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-transition: top 0.2s ease-in-out;
  -moz-transition: top 0.2s ease-in-out;
  -ms-transition: top 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  overflow: hidden;
}
.widget-layer.show {
  top: 50px;
}
.widget-layer-content {
  margin-right: 5px;
  padding: 0 10px 5px 20px;
  height: 255px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}
.widget-layer .close-button {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -160px -240px;
  border: 0;
}
.widget-layer .close-button:hover {
  background-position: -190px -240px;
}
.widget-layer .close-button > span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* search form */
.widget .search-form {
  position: relative;
  margin: 0 10px 0 -3px;
}
.widget .search-form .search-query {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  font-size: 13px;
  height: 26px;
  line-height: 16px;
  padding-left: 15px;
}
.widget .search-form button.btn {
  display: block;
  cursor: pointer;
  width: 18px !important;
  height: 18px !important;
  top: 50%;
  right: 10px;
  margin: -9px 0 0 0 !important;
  padding: 0 !important;
  border: none !important;
  position: absolute;
}
.widget .search-form button.btn div {
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
}
.widget .search-form button.btn span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.widget .search-form button[type="submit"] {
  clip: auto !important;
}
.widget .search-form button[type="submit"] div {
  background-position: -550px -140px;
  width: 16px;
  height: 16px;
  margin: 0 0 0 1px;
}
.widget .search-form button[type="reset"] {
  clip: rect(0, 0, 0, 0) !important;
}
.widget .search-form button[type="reset"] div {
  background-position: -410px 0;
  width: 18px;
  height: 18px;
}
.widget .search-form button[type="reset"]:hover div,
.widget .search-form button[type="reset"]:focus div {
  background-position: -430px 0;
}
.widget .search-form.search-form-show-reset button[type="submit"] {
  clip: rect(0, 0, 0, 0) !important;
}
.widget .search-form.search-form-show-reset button[type="reset"] {
  clip: auto !important;
}
/* -----------------------------------------------------------------------------
   editmode
----------------------------------------------------------------------------- */
/* widget target marker (drag & drop) */
.widget.ui-sortable-placeholder,
.widget .widget.ui-sortable-placeholder,
.widget.summarize .widget.ui-sortable-placeholder,
.widget.summarize .widget.ui-summarize-placeholder {
  border: 5px dashed #333;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible !important;
}
.widget.summarize .widget.ui-sortable-placeholder,
.widget.summarize .widget.ui-summarize-placeholder {
  border-width: 2px;
  background: rgba(255, 255, 255, 0.1);
  padding: 0;
  width: 70px;
  height: 70px;
  left: 10px;
  margin-right: 20px !important;
}
/* widget edit mode marker */
.widget-editmode {
  position: absolute;
  z-index: 2950;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  cursor: move;
  display: none;
}
.rb-sortable .widget-editmode {
  display: block;
}
.widget-editmode-marker {
  width: 118px;
  height: 118px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -59px 0 0 -59px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -80px 0;
}
/* controls */
.widget-editmode-action {
  position: absolute;
  top: 16px;
  right: 12px;
}
.widget-editmode-action > .control {
  float: left;
  width: 32px;
  height: 32px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  -webkit-border-radius: 16px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 16px;
  border-radius: 16px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.widget-editmode-action > .control + .control {
  margin-left: 2px;
}
.widget-editmode-action > .control:hover,
.widget-editmode-action > .control:focus {
  -webkit-box-shadow: 0 0 10px -3px #ffffff, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 10px -3px #ffffff, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.widget-editmode-action > .control.settings {
  background-position: -80px -120px;
}
.widget-editmode-action > .control.settings:hover,
.widget-editmode-action > .control.settings:focus {
  background-position: -120px -120px;
}
.widget-editmode-action > .control.delete {
  background-position: -80px -160px;
}
.widget-editmode-action > .control.delete:hover,
.widget-editmode-action > .control.delete:focus {
  background-position: -120px -160px;
}
.widget-editmode-action > .control > span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* sortable styles */
.ui-sortable-helper {
  opacity: 1 !important;
  z-index: 3000 !important;
}
.summarize.ui-droppable .widget-editmode,
.ui-sortable-helper .widget-editmode {
  background: rgba(182, 12, 55, 0.75);
}
.summarize.ui-droppable .widget-editmode-action,
.ui-sortable-helper .widget-editmode-action {
  display: none;
}
@media (max-width: 767px) {
  /* -----------------------------------------------------------------------------
       widget toggling
    ----------------------------------------------------------------------------- */
  .workbench .widget {
    height: 58px;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .workbench .widget.active .widget {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .workbench .widget .widget {
    height: 58px;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
  }
  .workbench .widget.active .widget {
    height: 310px;
  }
  .workbench .widget.active {
    height: 345px;
  }
  .workbench .widget .widget,
  .workbench .widget .widget.bookmarking {
    padding-bottom: 0;
  }
  .workbench .widget.bookmarking .bk-entries {
    height: 225px;
  }
  .workbench .widget.summarize {
    padding-top: 50px;
    padding-bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .workbench .widget.summarize.active {
    padding-top: 50px;
    padding-bottom: 35px;
  }
  .workbench .widget.summarize .widget {
    height: 97px !important;
    float: left !important;
  }
  .workbench .widget .widget-toggle {
    position: absolute;
    z-index: 3050;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58px;
    background: #2e2e2e;
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -ms-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
    text-decoration: none !important;
    outline: 0;
    cursor: pointer;
    visibility: visible;
    display: block;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .workbench .widget.active .widget-toggle {
    height: 35px;
    background: #ddd;
  }
  .workbench .widget .widget-toggle .widget-title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2e2e2e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#2e2e2e));
    /* Chrome, Safari 4+ */
  
    background-image: -webkit-linear-gradient(top, #484848, #2e2e2e);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  
    background-image: -moz-linear-gradient(top, #484848, #2e2e2e);
    /* Firefox 3.6-15 */
  
    background-image: -o-linear-gradient(top, #484848, #2e2e2e);
    /* Opera 11.10-12.00 */
  
    background-image: linear-gradient(to bottom, #484848, #2e2e2e);
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .workbench .widget .widget-toggle:hover .widget-title {
    background-color: #3e3e3e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3e3e3e));
    /* Chrome, Safari 4+ */
  
    background-image: -webkit-linear-gradient(top, #585858, #3e3e3e);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  
    background-image: -moz-linear-gradient(top, #585858, #3e3e3e);
    /* Firefox 3.6-15 */
  
    background-image: -o-linear-gradient(top, #585858, #3e3e3e);
    /* Opera 11.10-12.00 */
  
    background-image: linear-gradient(to bottom, #585858, #3e3e3e);
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  
  }
  .workbench .widget.active .widget-toggle .widget-title {
    visibility: hidden;
    display: none;
  }
  .workbench .widget.active .widget-toggle:hover {
    background: #ccc;
  }
  .workbench .widget .widget-toggle h2 {
    font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
    font-weight: normal;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0 0 0 0;
    line-height: 1;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    margin: 18px 0 0 20px;
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .workbench .widget.active .widget-toggle h2 {
    top: 100px;
  }
  .workbench .widget .widget-toggle .marker {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 20px;
    width: 22px;
    height: 15px;
    overflow: hidden;
    background-image: url(../img/css-sprite_01.png);
    background-repeat: no-repeat;
    background-position: -220px -210px;
  }
  .workbench .widget.active .widget-toggle .marker {
    background-position: -250px -210px;
  }
  /*
    .widget.active .widget-toggle:before {
      content: '';
      .css_sprite_1;
      background-position: 0 -290px;
      height: 12px;
      position: absolute;
      bottom: 34px;
      left: 0; right: 0;
    }
    */
}
/* -----------------------------------------------------------------------------
   alerts
   override bootstrap alerts
----------------------------------------------------------------------------- */
.widget .alert {
  clear: both;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 3px 5px 3px 10px;
  background-color: #fffbe6;
  border: 1px solid #ffc000;
  color: #744f00;
}
.widget .alert + .alert {
  margin-top: 3px;
}
.widget .alert-success {
  color: #1b560d;
  background-color: #ecfce8;
  border-color: #75bf64;
}
.widget .alert-danger,
.widget .alert-error {
  color: #e60f46;
  background-color: #fde5ec;
  border-color: #e68fa6;
}
/* -----------------------------------------------------------------------------
   widget: summarize
----------------------------------------------------------------------------- */
/* summarizing behaviour */
.widget.summarize .widget {
  width: 90px;
  height: 98px;
  -webkit-border-radius: 0;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0;
  border-radius: 0;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  background: none;
  padding: 0;
  margin: 7px 0 7px 24px !important;
  overflow: visible;
}
.widget.summarize .widget .widget {
  margin: 0 !important;
}
.widget.summarize .widget .widget-body,
.widget.summarize .widget .widget-editmode {
  display: none;
}
.widget.summarize .widget .widget-icon {
  display: block;
}
@media (min-width: 768px) {
  .widget.summarize.span8 .widget {
    margin-left: 21px !important;
  }
  .widget.summarize.span8 .widget .widget {
    margin: 0 !important;
  }
}
/* widget */
.widget.summarize {
  padding: 50px 0 20px 20px;
  background: #333;
  background: rgba(0, 0, 0, 0.2);
}
.widget.summarize > .widget-body {
  overflow-y: auto;
}
.widget.summarize > .widget-body > .widget-content {
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* scroll shadows */
.widget.summarize:before {
  background: url(../img/widget_summarize_span4_shadow.png) 50% 0 no-repeat;
}
.widget.summarize:after {
  background: url(../img/widget_summarize_span4_shadow.png) 50% 0 no-repeat;
}
@media (min-width: 768px) {
  .widget.summarize.span8:before {
    background: url(../img/widget_summarize_span8_shadow.png) 50% 0 no-repeat;
  }
  .widget.summarize.span8:after {
    background: url(../img/widget_summarize_span8_shadow.png) 50% 0 no-repeat;
  }
}
/* -----------------------------------------------------------------------------
   widget: teaser
----------------------------------------------------------------------------- */
.widget.teaser .widget-body {
  overflow: hidden;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.teaser .teaser-link {
  display: block;
}
.widget.teaser .teaser-link > .media {
  overflow: hidden;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.teaser .teaser-link > .sleeve {
  -webkit-border-radius: 0 0 4px 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  padding: 15px 20px 0 20px;
  background-color: #2e2e2e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#2e2e2e));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #484848, #2e2e2e);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #484848, #2e2e2e);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #484848, #2e2e2e);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #484848, #2e2e2e);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  background: #2e2e2e;
  background: rgba(0, 0, 0, 0.2);
}
.widget.teaser .teaser-link h2 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 0 0 0;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.widget.teaser .teaser-link .icon {
  display: inline-block;
  vertical-align: baseline;
  width: 22px;
  height: 20px;
  margin-left: 10px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: 0 -200px;
}
/* hover */
.widget.teaser .teaser-link:hover > .media:before,
.widget.teaser .teaser-link:focus > .media:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(200, 200, 200, 0.1);
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.widget.teaser .teaser-link:hover > .sleeve,
.widget.teaser .teaser-link:focus > .sleeve {
  background: #1e1e1e;
  background: rgba(0, 0, 0, 0.3);
}
/* -----------------------------------------------------------------------------
   widget: feed
----------------------------------------------------------------------------- */
/* grid */
.widget.feed.grid .widget-body {
  overflow-y: hidden;
}
.widget .widget.feed.grid:before,
.widget .widget.feed.grid:after {
  display: none !important;
}
/* reload button */
.widget.feed .widget-reload-icon {
  position: absolute;
  top: 17px;
  right: 80px;
}
.widget.feed .widget-reload-icon.right {
  right: 20px;
}
/* view all news button */
.widget.feed .widget-title a.viewallnews {
  display: none;
  position: absolute;
  z-index: 600;
  text-transform: none;
  color: #e60f46;
}
.widget.feed .widget-title a.viewallnews:hover,
.widget.feed .widget-title a.viewallnews:focus {
  color: #000;
  text-decoration: none;
}
.widget.feed.viewallnews.list {
  padding: 50px 5px 30px 5px;
}
.widget.feed.viewallnews.list.scrollshadows:after {
  bottom: 30px !important;
}
.widget.feed.viewallnews .widget-title a.viewallnews {
  display: block;
}
.widget.feed.grid .widget-title a.viewallnews {
  top: 50px;
  left: 60px;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}
.widget.feed.list .widget-title a.viewallnews {
  top: 284px;
  right: 20px;
  font-size: 12px;
  font-weight: bold;
}
/* list */
.widget.feed.list .widget-content {
  margin-left: 15px;
}
.widget.feed.list .widget-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.feed.list .widget-content li {
  margin-right: 5px;
  padding: 2px 0;
}
.widget.feed.list .widget-content li + li {
  border-top: 1px dotted #999;
}
.widget.feed.list .widget-content li > a {
  display: block;
  padding: 8px 5px 8px 10px;
  text-decoration: none !important;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #333;
}
.widget.feed.list .widget-content li > a:hover,
.widget.feed.list .widget-content li > a:focus {
  background: rgba(255, 255, 255, 0.3);
}
.widget.feed.list .widget-content .unread {
  width: 6px;
  height: 6px;
  overflow: hidden;
  position: absolute;
  margin: 5px 0 0 -10px;
  background: #e6134a;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.feed.list .widget-content h4 {
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  margin: 0 0 5px 0;
}
.widget.feed.list .widget-content .date,
.widget.feed.list .widget-content .text {
  font-size: 11px;
  line-height: 15px;
  color: #464646;
  margin: 0;
}
.widget.feed.list .widget-content .text {
  display: none;
}
/* list: span8 */
@media (min-width: 768px) {
  .widget.feed.list.span8 .widget-content h4 {
    float: left;
    width: 480px;
  }
  .widget.feed.list.span8 .widget-content .date {
    float: right;
    margin-right: 5px;
  }
  .widget.feed.list.span8 .widget-content .text {
    display: block;
    clear: both;
  }
}
/* carousel */
.widget.feed .carousel {
  margin-bottom: 0;
}
.widget.feed .carousel .item {
  width: 300px;
  height: 310px;
  overflow: hidden;
  background-color: #6e6e6e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e 0%), to(#131415 50%));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #8e8e8e 0%, #131415 50%);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #8e8e8e 0%, #131415 50%);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #8e8e8e 0%, #131415 50%);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #8e8e8e 0%, #131415 50%);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  -webkit-transition: 0.2s ease-in-out left;
  -moz-transition: 0.2s ease-in-out left;
  -o-transition: 0.2s ease-in-out left;
  transition: 0.2s ease-in-out left;
}
.widget.feed .carousel .item:after {
  content: '';
  width: 100%;
  height: 137px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/widgets_mask.png) left top no-repeat, url(../img/widgets_mask.png) right top no-repeat;
}
.widget.feed .carousel .item.no-image:after {
  display: none;
}
.widget.feed .carousel .item img {
  max-width: none;
  margin-left: -50%;
  width: 620px;
}
.widget.feed .carousel .item-num {
  position: absolute;
  z-index: 600;
  top: 50px;
  left: 20px;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  color: #000;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}
.widget.feed .carousel-caption {
  padding: 0;
  background: transparent;
  z-index: 600;
  bottom: 10px;
  left: 10px;
  right: 10px;
  max-height: 92px;
}
.widget.feed .carousel-caption > a {
  display: block;
  height: 100%;
  padding: 5px 15px 0 15px;
  overflow: hidden;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-decoration: none !important;
}
.widget.feed .carousel-caption > a:hover,
.widget.feed .carousel-caption > a:focus {
  background: #e60f46;
}
.widget.feed .carousel-caption h4 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 0 6px 0;
  line-height: 1;
  line-height: 27px;
  text-transform: none;
  max-height: 54px;
  overflow: hidden;
}
.widget.feed .carousel-caption .date {
  font-size: 12px;
  margin-bottom: 6px;
}
.widget.feed .carousel-caption .text {
  font-size: 13px;
  line-height: 15px;
  display: none;
}
.widget.feed .no-image .carousel-caption {
  width: auto;
  top: 72px;
  bottom: auto;
  left: 38px;
  right: 38px;
}
.widget.feed .no-image .carousel-caption > a {
  padding-bottom: 10px;
  min-height: 180px;
  max-height: 205px;
}
.widget.feed .no-image .carousel-caption .text {
  display: block;
}
/* carousel: span8 */
@media (min-width: 768px) {
  .widget.feed.span8 .carousel .item {
    width: 620px;
    overflow: visible;
  }
  .widget.feed.span8 .carousel .item img {
    max-width: 100%;
    margin-left: 0;
  }
  .widget.feed.span8 .carousel-caption {
    bottom: 15px;
    left: auto;
    right: 42px;
    max-height: none;
  }
  .widget.feed.span8 .carousel-caption h4 {
    max-height: none;
    overflow: visible;
  }
  .widget.feed.span8 .carousel-caption .text {
    display: block;
  }
  .widget.feed.span8 .carousel-caption > a {
    padding: 10px 15px;
    width: 192px;
    max-height: 220px;
  }
  .widget.feed.span8 .no-image .carousel-caption {
    bottom: 50px;
    left: 82px;
    right: 82px;
  }
  .widget.feed.span8 .no-image .carousel-caption > a {
    width: auto;
    max-height: none;
    min-height: 0;
    padding-bottom: 0;
  }
}
/* -----------------------------------------------------------------------------
   widget: sap time management
----------------------------------------------------------------------------- */
.widget .widget.sap-time-management {
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  padding: 50px 0 0 0;
}
.widget .widget.sap-time-management .widget-header {
  padding-top: 16px;
}
.widget .widget.sap-time-management .widget-header .widget-controls .widget-reload-icon {
  position: absolute;
  right: 24px;
}
.widget .widget.sap-time-management .widget-header .widget-controls .widget-open-app {
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -295px;
  vertical-align: top;
  margin: 2px 0 0 0;
}
.widget .widget.sap-time-management .widget-header .widget-controls .widget-open-app:hover,
.widget .widget.sap-time-management .widget-header .widget-controls .widget-open-app:focus {
  background-position: 0 -312px;
}
.widget.sap-time-management .widget-body {
  padding: 0 5px;
  overflow: hidden;
}
.widget .widget.sap-time-management:before {
  top: 85px;
}
.widget .widget.sap-time-management:after {
  bottom: 54px;
}
.widget.sap-time-management .widget-content form {
  margin: 0;
}
.widget.sap-time-management .widget-title .icon {
  background-position: -240px -230px;
  width: 17px;
  height: 21px;
}
/* buttons */
.widget.sap-time-management .widget-content .prev,
.widget.sap-time-management .widget-content .next,
.widget.sap-time-management .widget-content .edit,
.widget.sap-time-management .widget-content .delete {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.widget.sap-time-management .widget-content .prev span,
.widget.sap-time-management .widget-content .next span,
.widget.sap-time-management .widget-content .edit span,
.widget.sap-time-management .widget-content .delete span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.widget.sap-time-management .widget-content .prev {
  background-position: -160px -180px;
}
.widget.sap-time-management .widget-content .prev:hover,
.widget.sap-time-management .widget-content .prev:focus {
  background-position: -190px -180px;
}
.widget.sap-time-management .widget-content .next {
  background-position: -160px -150px;
}
.widget.sap-time-management .widget-content .next:hover,
.widget.sap-time-management .widget-content .next:focus {
  background-position: -190px -150px;
}
.widget.sap-time-management .widget-content .edit {
  background-position: -160px -210px;
}
.widget.sap-time-management .widget-content .edit:hover,
.widget.sap-time-management .widget-content .edit:focus {
  background-position: -190px -210px;
}
.widget.sap-time-management .widget-content .delete {
  background-position: -410px -120px;
}
.widget.sap-time-management .widget-content .delete:hover,
.widget.sap-time-management .widget-content .delete:focus {
  background-position: -440px -120px;
}
/* date selector */
.widget.sap-time-management .date-selector {
  height: 35px;
  padding-top: 0;
}
.widget.sap-time-management .date-selector > div {
  display: table;
  width: 256px;
  margin-left: 15px;
}
.widget.sap-time-management .date-selector .col-1,
.widget.sap-time-management .date-selector .col-2,
.widget.sap-time-management .date-selector .col-3 {
  display: table-cell;

  vertical-align: middle;
}
.widget.sap-time-management .date-selector .col-2 {
  width: 100%;
  text-align: center;
}
.widget.sap-time-management .date-selector .btn {
  font-size: 14px;
  font-weight: bold;
  width: 88%;
}
/* time entries */
.widget.sap-time-management .time-entries {
  padding: 0 0 0 15px;
  height: 171px;
  overflow: auto;
}
.widget.sap-time-management .time-entries ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 255px;
}
.widget.sap-time-management .time-entries li {
  padding: 8px 0;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  margin: 0;
  *zoom: 1;
}
.widget.sap-time-management .time-entries li:before {
  content: "";
  display: table;
}
.widget.sap-time-management .time-entries li:after {
  clear: both;
  content: "";
  display: table;
}
.widget.sap-time-management .time-entries li + li {
  border-top: 1px dotted #999;
}
.widget.sap-time-management .time-entries .action {
  float: right;
  padding-top: 4px;
}
.widget.sap-time-management .time-entries .type {
  font-weight: bold;
}
/* time actions */
.widget.sap-time-management .time-actions {
  text-align: right;
  padding: 10px 20px 0 10px;
}
/* icons */
.widget.sap-time-management .icon-calendar {
  width: 16px;
  height: 16px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -470px 0;
  margin-right: 3px;
  line-height: 14px;
  vertical-align: text-top;
}
.widget.sap-time-management .icon-calendar:before {
  display: none;
}
.widget.sap-time-management .btn-success .icon-calendar {
  background-position: -470px -120px;
}
.widget.sap-time-management .icon-plus-sign {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -160px -120px;
  width: 14px;
  height: 14px;
  display: inline-block;
  line-height: 14px;
  vertical-align: text-top;
}
.widget.sap-time-management .icon-plus-sign:before {
  display: none;
}
.widget.sap-time-management .icon-remove {
  width: 12px;
  height: 15px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -470px -20px;
}
/* selection */
.widget.sap-time-management .selection {
  position: relative;
  *zoom: 1;
}
.widget.sap-time-management .selection:before {
  content: "";
  display: table;
}
.widget.sap-time-management .selection:after {
  clear: both;
  content: "";
  display: table;
}
.widget.sap-time-management .selection input[type='text'],
.widget.sap-time-management .selection select {
  font-family: arial, sans-serif;
  font-size: 12px;
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.widget.sap-time-management .selection input[type='text'] {
  height: 16px;
}
.widget.sap-time-management .selection .type {
  float: left;
  width: 228px;
  margin: 0 0 3px 0;
}
.widget.sap-time-management .selection .from,
.widget.sap-time-management .selection .until,
.widget.sap-time-management .selection .timezone {
  float: left;
  width: 64px;
  margin: 0;
}
.widget.sap-time-management .selection .from,
.widget.sap-time-management .selection .until {
  width: 32px;
}
.widget.sap-time-management .selection .until {
  margin-left: 6px;
}
.widget.sap-time-management .selection .timezone {
  margin-left: 1px;
}
.widget.sap-time-management .selection .btn-remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 51px;
}
/* alerts */
.widget.sap-time-management .alert {
  max-width: 238px;
}
.widget.sap-time-management .selection + .alert {
  margin-top: 6px;
}
/* layer */
.widget.sap-time-management .widget-layer {
  background: #f2f2f2;
}
.widget.sap-time-management .time-management-confirm {
  padding: 20px 0;
}
.widget.sap-time-management .time-management-confirm p {
  font-size: 13px;
}
.widget.sap-time-management .time-management-confirm .buttons {
  position: absolute;
  bottom: 16px;
  right: 15px;
}
/* datepicker: extras */
.widget.sap-time-management .datepicker {
  padding: 20px 0;
  margin-left: 7px;
  margin-right: 12px;
}
.widget.sap-time-management .datepicker-back {
  position: absolute;
  left: 20px;
  bottom: 11px;
  color: #e60f46;
}
.widget.sap-time-management .datepicker-back div {
  display: inline-block;
  width: 12px;
  height: 8px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -60px -140px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: 5px;
}
/* -----------------------------------------------------------------------------
   widget: world time clock
----------------------------------------------------------------------------- */
.widget.world-time-clock .widget-title {
  display: none;
}
/* containers */
.widget.world-time-clock .widget-body {
  overflow: hidden !important;
}
.widget.world-time-clock .widget-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.world-time-clock .widget-content li {
  float: left;
  width: 50%;
  overflow: hidden;
}
.widget.world-time-clock.clocks-1 .widget-content li {
  width: 100%;
}
.widget.world-time-clock.clocks-2 .widget-content {
  padding-top: 75px;
}
/* clocks layout */
.widget.world-time-clock .clock {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 300px;
  height: 155px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.world-time-clock.clocks-1 .clock {
  height: 310px;
  vertical-align: middle;
}
/* clocks content */
.widget.world-time-clock .clock h4 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  color: #ffd600;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  max-width: 140px;
  display: inline-block;
}
.widget.world-time-clock.clocks-1 .clock h4 {
  font-size: 40px;
  max-width: 290px;
}
.widget.world-time-clock .clock p {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  font-weight: normal;
  color: #e60f46;
  text-transform: lowercase;
  margin: 0;
}
.widget.world-time-clock.clocks-1 .clock p {
  font-size: 44px;
}
.widget.world-time-clock .clock .clockhand {
  width: 60px;
  height: 60px;
  margin: 8px auto;
}
.widget.world-time-clock.clocks-1 .clock .clockhand {
  width: 114px;
  height: 114px;
}
@media (max-width: 767px) {
  /* toggle */
  .workbench .widget .widget.world-time-clock .widget-content {
    display: none;
  }
  .workbench .widget.active .widget.world-time-clock .widget-content {
    display: block;
  }
}
/* -----------------------------------------------------------------------------
   widget: social collaboration
----------------------------------------------------------------------------- */
.widget.social-collaboration {
  background: #fff;
}
.stage-widget .widget.social-collaboration {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e0e0e0));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #f3f3f3, #e0e0e0);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #f3f3f3, #e0e0e0);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #f3f3f3, #e0e0e0);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #f3f3f3, #e0e0e0);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.widget.social-collaboration .widget-content {
  margin-left: 15px;
  margin-right: 5px;
  width: auto;
}
.widget.social-collaboration .widget-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.social-collaboration .widget-content > ul {
  padding: 0 10px 10px 0;
}
.widget.social-collaboration .widget-content > ul > li {
  padding: 0 0 12px 0;
}
.widget.social-collaboration .widget-content > ul > li + li {
  border-top: 1px dotted #999;
  padding-top: 12px;
}
.widget.social-collaboration .widget-content li li {
  margin: 6px 0 0 0;
}
/* span 8 */
@media (min-width: 768px) {
  .widget.social-collaboration.span8 .widget-content li li {
    margin: 6px 0 0 32px;
  }
}
.widget.social-collaboration .interaction-box {
  background: #fff;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  margin: 12px 10px 6px 0;
  padding: 15px 20px;
}
.widget.social-collaboration.span4 .interaction-box {
  display: none;
}
@media (max-width: 767px) {
  .widget.social-collaboration .interaction-box {
    display: none;
  }
}
.widget.social-collaboration .widget-header .widget-controls .widget-reload-icon {
  position: absolute;
  right: 24px;
}
.widget.social-collaboration .widget-header .widget-controls .widget-open-app {
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -295px;
  vertical-align: top;
  margin: 2px 0 0 0;
}
.widget.social-collaboration .widget-header .widget-controls .widget-open-app:hover,
.widget.social-collaboration .widget-header .widget-controls .widget-open-app:focus {
  background-position: 0 -312px;
}
/* -----------------------------------------------------------------------------
   widget: bookmarking
----------------------------------------------------------------------------- */
.widget .widget.bookmarking {
  background-color: #e4e7ea;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e7ea), to(#c5cdd3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e4e7ea, #c5cdd3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  padding: 85px 0 20px 0;
}
.widget .widget.bookmarking.scroll-up:before {
  top: 85px;
}
.widget.bookmarking .widget-body {
  padding: 0 5px;
  overflow: hidden;
}
.widget.bookmarking .widget-content form {
  margin: 0;
}
.widget.bookmarking .widget-title .icon {
  background-position: -220px -230px;
}
.widget.bookmarking .bookmarks-search {
  position: absolute;
  top: 50px;
  left: 20px;
  right: 10px;
  height: 32px;
  z-index: 20;
}
/* header */
.widget.bookmarking .bk-header {
  height: 35px;
  padding: 0 15px 0 14px;
}
.widget.bookmarking .bk-header .reset-button {
  margin: 4px 0 0 -28px;
}
.widget.bookmarking .bk-header .icon-plus-sign {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -160px -120px;
  width: 14px;
  height: 14px;
  display: inline-block;
  line-height: 14px;
  vertical-align: text-top;
}
.widget.bookmarking .bk-header .icon-plus-sign:before {
  display: none;
}
/* bookmark entries */
.widget.bookmarking .bk-entries .bk-add-wrapper {
  padding-top: 5px;
  padding-bottom: 7px;
}
.widget.bookmarking .bk-entries .bk-add-wrapper a {
  color: #e60f46;
  font-size: 12px;
}
.widget.bookmarking .bk-entries .bk-add-wrapper a:hover,
.widget.bookmarking .bk-entries .bk-add-wrapper a:active {
  text-decoration: none;
  color: #333;
}
.widget.bookmarking .bk-entries .bk-add-wrapper a:hover i.icon-add,
.widget.bookmarking .bk-entries .bk-add-wrapper a:active i.icon-add {
  background-position: -280px -260px;
}
.widget.bookmarking .bk-entries .bk-add-wrapper a i.icon-add {
  position: relative;
  top: -2px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  background-position: -260px -260px;
  margin-right: 4px;
}
.widget.bookmarking .bk-entries {
  padding: 0 0 0 15px;
  height: 205px;
  overflow-x: hidden;
  overflow-y: auto;
}
.widget.bookmarking .bk-entries ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 260px;
  padding-bottom: 0;
}
.widget.bookmarking .bk-entries li {
  margin-right: 5px;
  padding: 2px 0;
  position: relative;
}
.widget.bookmarking .bk-entries li + li {
  border-top: 1px dotted #999;
}
.widget.bookmarking .bk-item {
  display: block;
  background: #fff;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  padding: 8px 15px 8px 15px;
  color: #333;
  *zoom: 1;
}
.widget.bookmarking .bk-item:before {
  content: "";
  display: table;
}
.widget.bookmarking .bk-item:after {
  clear: both;
  content: "";
  display: table;
}
.widget.bookmarking .bk-item:hover,
.widget.bookmarking .bk-item:focus {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  text-decoration: none;
}
.widget.bookmarking .bk-item .favicon {
  margin: 0 8px 5px -6px;
  float: left;
}
.widget.bookmarking .bk-item .favicon img {
  display: block;
  width: 16px;
  height: 16px;
}
.widget.bookmarking .bk-item .title,
.widget.bookmarking .bk-item .url {
  width: 170px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.1;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.widget.bookmarking .bk-item .title {
  font-size: 12px;
  font-weight: bold;
}
.widget.bookmarking .bk-item .url {
  font-size: 11px;
  color: #999;
  margin-top: 3px;
}
.widget.bookmarking .bk-edit,
.widget.bookmarking .bk-delete {
  position: absolute;
  top: 16px;
  width: 15px;
  height: 15px;
  overflow: hidden;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
.widget.bookmarking .bk-delete {
  right: 8px;
  background-position: -129px -130px;
}
.widget.bookmarking .bk-delete:hover,
.widget.bookmarking .bk-delete:focus {
  background-position: -129px -170px;
}
.widget.bookmarking .bk-edit {
  right: 28px;
  width: 15px;
  height: 15px;
  background-position: -25px -330px;
}
.widget.bookmarking .bk-edit:hover,
.widget.bookmarking .bk-edit:focus {
  background-position: -25px -350px;
}
.widget.bookmarking .bk-edit span,
.widget.bookmarking .bk-delete span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* widget layer */
.widget.bookmarking .widget-layer {
  background: #fff;
}
.widget.bookmarking .widget-layer-content {
  padding-right: 15px;
}
/* add bookmark (layer) */
.widget.bookmarking .add-bookmark,
.widget.bookmarking .edit-bookmark {
  padding: 25px 0 0 0;
}
.widget.bookmarking .add-bookmark h4,
.widget.bookmarking .edit-bookmark h4 {
  font-family: arial, sans-serif;
  font-size: 14px;
  text-transform: none;
  font-weight: bold;
  margin-bottom: 6px;
}
.widget.bookmarking .add-bookmark label,
.widget.bookmarking .edit-bookmark label {
  font-size: 11px;
  color: #666;
  margin: 0;
}
.widget.bookmarking .add-bookmark input.reset-button,
.widget.bookmarking .edit-bookmark input.reset-button {
  width: 223px;
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 0;
}
.widget.bookmarking .add-bookmark select,
.widget.bookmarking .edit-bookmark select {
  width: 250px;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  margin: 0;
}
.widget.bookmarking .add-bookmark a.reset-button,
.widget.bookmarking .edit-bookmark a.reset-button {
  margin-top: 4px;
}
.widget.bookmarking .add-bookmark .buttons,
.widget.bookmarking .edit-bookmark .buttons {
  text-align: right;
  padding-top: 10px;
}
.widget.bookmarking .add-bookmark .show-web-address,
.widget.bookmarking .edit-bookmark .show-web-address {
  background: #f2f2f2;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 3px 3px 3px 5px;
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.widget.bookmarking .add-bookmark .show-web-address img,
.widget.bookmarking .edit-bookmark .show-web-address img {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: -2px 3px 0 0;
}
/* smartphone */
@media (max-width: 767px) {
  .widget.bookmarking .bk-entries ul {
    padding-bottom: 20px;
  }
}
/* -----------------------------------------------------------------------------
   widget: file sharing/skydrive
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
   widget: dms
----------------------------------------------------------------------------- */
.widget.dms {
  background: url(../data/img/300x310/dms_bgr.jpg) 0 0 no-repeat;
}
@media (min-width: 768px) {
  .widget.dms.span8 {
    background: url(../data/img/620x310/dms_bgr.jpg) 0 0 no-repeat;
  }
  .widget.dms.span8 .dms-item {
    margin-right: 21px;
  }
  .widget.dms.span8 .dms-items {
    margin-left: 16px;
  }
}
.widget.dms > .widget-header .widget-title h2 {
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.widget.dms .widget-title .icon {
  background-position: -260px -230px;
  width: 28px;
  height: 18px;
}
.dms-items {
  margin: 0 -25px 0 12px;
  *zoom: 1;
}
.dms-items:before {
  content: "";
  display: table;
}
.dms-items:after {
  clear: both;
  content: "";
  display: table;
}
.dms-items .dms-item {
  float: left;
  width: 77px;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.1;
  font-weight: bold;
  color: #fff;
  text-decoration: none !important;
  text-align: center;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
  padding-top: 36px;
  margin: 0 12px 5px 0;
}
.dms-items .dms-item:hover .dms-title {
  background: #e60f46;
}
.dms-items .dms-icon {
  position: absolute;
  width: 82px;
  height: 71px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -410px -150px;
  margin: -36px 0 0 -3px;
}
.dms-items .dms-icon > div {
  width: 56px;
  height: 39px;
  overflow: hidden;
  margin: 15px 0 0 17px;
  background-image: url(../img/css-sprite_02.png);
  background-repeat: no-repeat;
}
.dms-items .dms-title {
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  padding: 36px 5px 10px 5px;
}
.dms-items .dms-title > div {
  max-height: 49px;
  overflow: hidden;
}
.dms-type-image .dms-icon > div {
  background-position: 0 0;
}
.dms-type-pdf .dms-icon > div {
  background-position: 0 -40px;
}
.dms-type-word .dms-icon > div {
  background-position: 0 -80px;
}
/* -----------------------------------------------------------------------------
   widget: Instant Messaging
----------------------------------------------------------------------------- */
.widget .widget.instant-messaging {
  background: #fff;
}
.widget.instant-messaging .widget-title {
  display: none;
}
/* scrollshadows */
.widget .widget.instant-messaging:before,
.widget .widget.instant-messaging:after {
  display: none !important;
}
.widget .widget.instant-messaging .scrollshadows:before {
  top: 50px;
}
.widget .widget.instant-messaging .scrollshadows.has-header::before {
  top: 85px;
  visibility: visible;
}
.widget .widget.instant-messaging .scrollshadows:after {
  bottom: 20px;
}
.widget .widget.instant-messaging .scrollshadows.im-dialog-content-wrp:before,
.widget .widget.instant-messaging .scrollshadows.im-search-results:before {
  top: 0;
}
.widget .widget.instant-messaging .scrollshadows.im-dialog-content-wrp:after,
.widget .widget.instant-messaging .scrollshadows.im-search-results:after {
  bottom: 0;
}
/* body */
.widget.instant-messaging .widget-body {
  /* header panel */

  /* disabled panel */

  /* contacts panel */

  /* dialog panel */

}
.widget.instant-messaging .widget-body .im-header-panel {
  position: absolute;
  z-index: 1200;
  top: 0;
  left: 0;
  width: 50%;
  min-width: 300px;
  height: 48px;
}
.widget.instant-messaging .widget-body .im-header-panel .header-col-1 {
  float: right;
  width: 90px;
  padding: 15px 20px 0 0;
  text-align: right;
}
.widget.instant-messaging .widget-body .im-header-panel .header-col-1 .toggle-onoff {
  margin-top: 2px;
}
.widget.instant-messaging .widget-body .im-header-panel .header-col-1 .open-app {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -60px -410px;
  margin: 5px 5px 0 0;
}
.widget.instant-messaging .widget-body .im-header-panel .header-col-1 .open-app:hover,
.widget.instant-messaging .widget-body .im-header-panel .header-col-1 .open-app:focus {
  background-position: -60px -430px;
}
.widget.instant-messaging .widget-body .im-header-panel .header-col-2 {
  overflow: hidden;
  padding: 15px 20px 0 20px;
}
.widget.instant-messaging .widget-body .im-header-panel .header-col-2 .user {
  font-size: 12px;
  vertical-align: middle;
  margin-left: 3px;
}
.widget.instant-messaging .widget-body .im-disabled-panel {
  position: absolute;
  z-index: 1080;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e9e9e9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e3e3e3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #eeeeee, #e3e3e3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #eeeeee, #e3e3e3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #eeeeee, #e3e3e3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #eeeeee, #e3e3e3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  display: none;
}
.widget.instant-messaging .widget-body .im-disabled-panel.show {
  display: block;
}
.widget.instant-messaging .widget-body .im-disabled-panel > div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -65px 0 0 -89px;
  width: 178px;
  height: 150px;
  overflow: hidden;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.widget.instant-messaging .widget-body .im-contacts-panel {
  position: absolute;
  z-index: 1050;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  min-width: 300px;
  background: #fff;
}
.widget.instant-messaging .widget-body .im-contacts-panel > .im-content-header {
  position: absolute;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  height: 34px;
  top: 50px;
  left: 20px;
  right: 15px;
  padding: 5px 0 0 0;
  border-top: 1px dotted #b2b2b2;
}
.widget.instant-messaging .widget-body .im-contacts-panel > .im-content {
  position: absolute;
  top: 50px;
  bottom: 20px;
  left: 0;
  right: 5px;
  padding: 10px 15px 0 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.instant-messaging .widget-body .im-contacts-panel > .im-content-header + .im-content {
  top: 85px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-conversations-filters .im-filter-item {
  background: #b2b2b2;
  display: inline-block;
  padding: 0 11px 0 12px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  -webkit-border-radius: 16px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 16px;
  border-radius: 16px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-conversations-filters .im-filter-item:hover,
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-conversations-filters .im-filter-item:focus,
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-conversations-filters .im-filter-item.active {
  background: #666666;
  text-decoration: none;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-conversations-filters .im-filter-item.active {
  cursor: default;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-sort-dropdown {
  color: #e60f46;
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 12px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-sort-dropdown span {
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  background-position: 0 -560px;
  display: inline-block;
  width: 13px;
  height: 13px;
  position: relative;
  top: 2px;
  margin-left: 1px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-sort-dropdown:hover,
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-sort-dropdown:focus {
  color: #333;
  text-decoration: none;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-sort-dropdown:hover span,
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .im-sort-dropdown:focus span {
  background-position: -40px -560px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer {
  top: 36px !important;
  right: -2px !important;
  left: auto !important;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-clip {
  right: 0;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper {
  width: 131px;
  padding-top: 15px;
  padding-bottom: 20px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper .flyout-header {
  border-bottom: none;
  min-height: 20px;
  margin-bottom: 1px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper .flyout-header h3 {
  font-size: 18px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper .flyout-header .close-button {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  top: 17px;
  background-position: -450px 0;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper .im-sort-options ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper .im-sort-options ul li {
  padding-top: 1px;
  padding-bottom: 3px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper .im-sort-options ul li span {
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  display: inline-block;
  background-position: -24px -560px;
  visibility: hidden;
  margin-right: 1px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper .im-sort-options ul li.active span {
  visibility: visible;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper .im-sort-options ul li a {
  color: #e60f46;
  /*display: block;*/

  font-size: 12px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .im-content-header .flyout-layer .flyout-wrapper .im-sort-options ul li + li {
  border-top: 1px dotted #cdcecf;
}
.widget.instant-messaging .widget-body .im-contacts-panel .current-conversations,
.widget.instant-messaging .widget-body .im-contacts-panel .my-contacts {
  margin-bottom: 10px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .current-conversations h4,
.widget.instant-messaging .widget-body .im-contacts-panel .my-contacts h4 {
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 10px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .current-conversations h4 .im-pending-requests,
.widget.instant-messaging .widget-body .im-contacts-panel .my-contacts h4 .im-pending-requests {
  color: #e60f46;
  font-weight: normal;
  padding-left: 4px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .current-conversations {
  margin-bottom: 20px;
}
.widget.instant-messaging .widget-body .im-contacts-panel .my-contacts a.im-add-contact {
  float: right;
}
.widget.instant-messaging .widget-body .im-dialog-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  min-width: 300px;
  background-color: #c5cdd3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e7ea), to(#c5cdd3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e4e7ea, #c5cdd3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  overflow: hidden;
  z-index: 1020;
  left: 100%;
  -webkit-transition: left 0.3s ease-out, width 0 ease-out 0.3s;
  -moz-transition: left 0.3s ease-out, width 0 ease-out 0.3s;
  -ms-transition: left 0.3s ease-out, width 0 ease-out 0.3s;
  -o-transition: left 0.3s ease-out, width 0 ease-out 0.3s;
  transition: left 0.3s ease-out, width 0 ease-out 0.3s;
  widht: 0;
}
.widget.instant-messaging .widget-body .im-dialog-panel.active {
  z-index: 1210;
}
.widget.instant-messaging .widget-body .im-dialog-panel.show {
  left: 0;
  width: 50%;
}
.widget.instant-messaging .widget-body .im-dialog-panel .im-dialog-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.instant-messaging .widget-body .im-dialog-panel .im-dialog-content-wrp {
  position: absolute;
  top: 50px;
  bottom: 60px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.widget.instant-messaging .widget-body .im-dialog-panel .im-dialog-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 5px;
  padding: 10px 15px 0 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.instant-messaging .widget-body .im-dialog-panel .im-dialog-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  padding: 16px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.instant-messaging .widget-body .im-dialog-panel.no-dialog {
  right: 0 !important;
}
.widget.instant-messaging .widget-body .im-dialog-panel.no-dialog > div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -80px 0 0 -89px;
  width: 178px;
  font-size: 13px;
  text-align: center;
}
.widget.instant-messaging .widget-body .im-dialog-panel.no-dialog > div > div {
  height: 150px;
  overflow: hidden;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  background-position: 0 -160px;
  margin-bottom: 10px;
}
.widget.instant-messaging .widget-body .im-dialog-head {
  *zoom: 1;
  padding: 15px 10px 0 20px;
}
.widget.instant-messaging .widget-body .im-dialog-head:before {
  content: "";
  display: table;
}
.widget.instant-messaging .widget-body .im-dialog-head:after {
  clear: both;
  content: "";
  display: table;
}
.widget.instant-messaging .widget-body .im-dialog-head .im-backbutton {
  float: left;
  margin-right: 16px;
}
.widget.instant-messaging .widget-body .im-dialog-head .im-backbutton .btn div {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 6px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -560px -5px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 5px 0 -5px;
  position: relative;
  top: -2px;
}
.widget.instant-messaging .widget-body .im-dialog-head .im-user > div {
  display: inline-block;
  vertical-align: middle;
}
.widget.instant-messaging .widget-body .im-dialog-head .im-user .list-img {
  width: 30px;
  height: 26px;
}
.widget.instant-messaging .widget-body .im-dialog-head .im-user .list-img > div {
  width: 26px;
  height: 26px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: url(../img/default_image_user.jpg) 0 0 no-repeat;
}
.widget.instant-messaging .widget-body .im-dialog-head .im-user .list-img img {
  display: block;
  width: 26px;
  height: 26px;
}
.widget.instant-messaging .widget-body .im-dialog-head .im-user .list-status .online-status {
  display: block;
}
.widget.instant-messaging .widget-body .im-dialog-head .im-user .list-name {
  font-size: 12px;
  padding: 0 5px;
}
.widget.instant-messaging .widget-body .im-dialog-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 0 10px 10px 10px;
}
.widget.instant-messaging .widget-body .im-dialog-content li {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 8px;
}
.widget.instant-messaging .widget-body .im-dialog-content .dl-timestamp {
  width: 50px;
  float: right;
  text-align: right;
  font-size: 11px;
}
.widget.instant-messaging .widget-body .im-dialog-content .dl-user {
  overflow: hidden;
  font-size: 11px;
  margin-bottom: 4px;
}
.widget.instant-messaging .widget-body .im-dialog-content .dl-content {
  *zoom: 1;
  padding: 5px 5px 5px 10px;
  background: #fff;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  position: relative;
  word-wrap: break-word;
}
.widget.instant-messaging .widget-body .im-dialog-content .dl-content:before {
  content: "";
  display: table;
}
.widget.instant-messaging .widget-body .im-dialog-content .dl-content:after {
  clear: both;
  content: "";
  display: table;
}
.widget.instant-messaging .widget-body .im-dialog-content .dl-content:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -21px;
  width: 23px;
  height: 27px;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -150px -350px;
}
.widget.instant-messaging .widget-body .im-dialog-content .dl-content .smiley {
  position: relative;
  top: 3px;
}
.widget.instant-messaging .widget-body .im-dialog-content .me {
  color: #666;
}
.widget.instant-messaging .widget-body .im-dialog-content .me .dl-content {
  background: #e7eaed;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.widget.instant-messaging .widget-body .im-dialog-content .me .dl-content:before {
  top: 0;
  left: auto;
  right: -16px;
  width: 18px;
  height: 21px;
  background-position: -150px -380px;
}
.widget.instant-messaging .widget-body .im-dialog-content .dl-replying {
  color: #e60f46;
}
.widget.instant-messaging .widget-body .im-dialog-footer .im-handle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #e2e6e9;
  height: 5px;
  padding: 3px 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  cursor: row-resize;
}
.widget.instant-messaging .widget-body .im-dialog-footer .im-handle:hover {
  background: #e9edf0;
}
.widget.instant-messaging .widget-body .im-dialog-footer .im-handle div {
  width: 13px;
  height: 5px;
  overflow: hidden;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  background-position: -20px -390px;
  margin: 0 auto;
}
.widget.instant-messaging .widget-body .im-dialog-footer .im-dialog-input {
  position: absolute;
  top: 16px;
  bottom: 5px;
  left: 5px;
  right: 100px;
}
.widget.instant-messaging .widget-body .im-dialog-footer .im-dialog-input textarea {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  resize: none;
}
.widget.instant-messaging .widget-body .im-dialog-footer .im-dialog-buttons {
  position: absolute;
  top: 50%;
  right: 0;
  width: 94px;
  margin-top: -7px;
}
.widget.instant-messaging .widget-body .im-dialog-footer .btn-smileys {
  position: relative;
}
.widget.instant-messaging .widget-body .im-dialog-footer .btn-smileys i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  background-position: 0 -390px;
}
@media (min-width: 768px) {
  .widget.instant-messaging.span8 .widget-body .im-header-panel,
  .widget.instant-messaging.span8 .widget-body .im-contacts-panel,
  .widget.instant-messaging.span8 .widget-body .im-dialog-panel {
    min-width: 310px;
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -ms-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
    left: auto;
    right: 50%;
  }
  .widget.instant-messaging.span8 .widget-body .im-header-panel.show,
  .widget.instant-messaging.span8 .widget-body .im-contacts-panel.show,
  .widget.instant-messaging.span8 .widget-body .im-dialog-panel.show {
    right: 0;
  }
  .widget.instant-messaging.span8 .widget-body .im-header-panel.no-dialog,
  .widget.instant-messaging.span8 .widget-body .im-contacts-panel.no-dialog,
  .widget.instant-messaging.span8 .widget-body .im-dialog-panel.no-dialog {
    display: block;
  }
  .widget.instant-messaging.span8 .widget-body .im-header-panel .im-dialog-head .im-backbutton,
  .widget.instant-messaging.span8 .widget-body .im-contacts-panel .im-dialog-head .im-backbutton,
  .widget.instant-messaging.span8 .widget-body .im-dialog-panel .im-dialog-head .im-backbutton {
    display: none;
  }
}
.widget.popup .widget.instant-messaging.span8 .widget-body .im-header-panel,
.widget.popup .widget.instant-messaging.span8 .widget-body .im-contacts-panel,
.widget.popup .widget.instant-messaging.span8 .widget-body .im-dialog-panel {
  min-width: 310px;
  -webkit-transition: right 0.3s ease-out;
  -moz-transition: right 0.3s ease-out;
  -ms-transition: right 0.3s ease-out;
  -o-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
  left: auto;
  right: 50%;
}
.widget.popup .widget.instant-messaging.span8 .widget-body .im-header-panel.show,
.widget.popup .widget.instant-messaging.span8 .widget-body .im-contacts-panel.show,
.widget.popup .widget.instant-messaging.span8 .widget-body .im-dialog-panel.show {
  right: 0;
}
.widget.popup .widget.instant-messaging.span8 .widget-body .im-header-panel.no-dialog,
.widget.popup .widget.instant-messaging.span8 .widget-body .im-contacts-panel.no-dialog,
.widget.popup .widget.instant-messaging.span8 .widget-body .im-dialog-panel.no-dialog {
  display: block;
}
.widget.popup .widget.instant-messaging.span8 .widget-body .im-header-panel .im-dialog-head .im-backbutton,
.widget.popup .widget.instant-messaging.span8 .widget-body .im-contacts-panel .im-dialog-head .im-backbutton,
.widget.popup .widget.instant-messaging.span8 .widget-body .im-dialog-panel .im-dialog-head .im-backbutton {
  display: none;
}
/* userlist */
.im-userlist {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 -5px;
}
.im-userlist li {
  margin-bottom: 2px;
  position: relative;
}
.im-userlist li > a:first-child {
  display: block;
  background: #f2f2f2;
  padding: 3px 30px 3px 5px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1;
  color: #333;
  position: relative;
}
.im-userlist li > a:first-child:hover,
.im-userlist li > a:first-child:focus {
  background: #e5e5e5;
  text-decoration: none;
}
.im-userlist li:hover > a:first-child {
  background: #e5e5e5;
}
.im-userlist li.im-user-active > a,
.im-userlist li.im-user-active > a:first-child {
  cursor: default;
  background-color: #d0d7db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e9eb), to(#c6ced4));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e6e9eb, #c6ced4);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e6e9eb, #c6ced4);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e6e9eb, #c6ced4);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e6e9eb, #c6ced4);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.im-userlist .list-item {
  display: table;
  width: 100%;
}
.im-userlist .list-item > div {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.im-userlist .list-img {
  width: 30px;
  height: 26px;
}
.im-userlist .list-img > div {
  width: 26px;
  height: 26px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: url(../img/default_image_user.jpg) 0 0 no-repeat;
}
.im-userlist .list-img .im-group-chat {
  width: 26px;
  height: 26px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  background-position: -150px -320px;
}
.im-userlist .list-img img {
  display: block;
  width: 26px;
  height: 26px;
}
.im-userlist .list-status {
  width: 1px;
}
.im-userlist .list-status .online-status {
  display: block;
}
.im-userlist .list-name {
  font-size: 12px;
  line-height: 1.2;
  padding: 0 5px;
}
.im-userlist .list-name .already-added,
.im-userlist .list-name .email {
  font-size: 11px;
  color: #666;
}
.im-userlist .list-counter {
  width: 1px;
}
.im-userlist .list-counter > span {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 19px;
  height: 18px;
  min-width: 28px;
  display: inline-block;
  text-align: center;
  background: #7b7b7b;
  -webkit-border-radius: 20px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 20px;
  border-radius: 20px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.im-userlist .list-close {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
}
.im-userlist .list-close > span {
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -80px -410px;
}
.im-userlist .list-close:hover > span,
.im-userlist .list-close:focus > span {
  background-position: -80px -430px;
}
.im-userlist .im-remove {
  position: absolute;
  top: 9px;
  right: 5px;
  cursor: pointer;
}
.im-userlist .im-add {
  position: absolute;
  top: 9px;
  right: 5px;
  cursor: pointer;
}
.im-userlist .im-accept {
  position: absolute;
  top: 9px;
  right: 5px;
  cursor: pointer;
}
.im-userlist .im-decline {
  position: absolute;
  top: 9px;
  right: 29px;
  cursor: pointer;
}
.im-userlist li.ml-contact-unconfirmed .list-name {
  line-height: 13px;
}
.im-userlist li.ml-contact-unconfirmed .list-name small {
  display: block;
  font-size: 11px;
  color: #7f7f7f;
}
.my-contacts .im-userlist li,
.mask-add-contact .im-userlist li {
  border-top: 1px dotted #b2b2b2;
  padding: 1px 0;
  margin: 0;
}
.my-contacts .im-userlist li > a:first-child,
.mask-add-contact .im-userlist li > a:first-child {
  background: transparent;
  padding: 2px 30px 2px 5px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.my-contacts .im-userlist li > a:first-child:hover,
.mask-add-contact .im-userlist li > a:first-child:hover,
.my-contacts .im-userlist li > a:first-child:focus,
.mask-add-contact .im-userlist li > a:first-child:focus {
  background: #e5e5e5;
}
.my-contacts .im-userlist li:hover > a:first-child,
.mask-add-contact .im-userlist li:hover > a:first-child {
  background: #e5e5e5;
}
.my-contacts .im-userlist li.im-user-active > a,
.mask-add-contact .im-userlist li.im-user-active > a,
.my-contacts .im-userlist li.im-user-active > a:first-child,
.mask-add-contact .im-userlist li.im-user-active > a:first-child {
  cursor: default;
  background-color: #d0d7db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e9eb), to(#c6ced4));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e6e9eb, #c6ced4);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e6e9eb, #c6ced4);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e6e9eb, #c6ced4);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e6e9eb, #c6ced4);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
/* icons */
a.im-icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
a.im-icon.im-hidden {
  visibility: hidden;
}
a.im-icon > span {
  display: block;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
a.im-icon.im-add-contact > span {
  width: 16px;
  height: 16px;
  background-position: -60px -390px;
}
a.im-icon.im-add-contact:hover > span,
a.im-icon.im-add-contact:focus > span {
  background-position: -80px -390px;
}
a.im-icon.im-remove > span {
  width: 11px;
  height: 15px;
  background-position: -40px -390px;
  top: -1px;
}
a.im-icon.im-remove:hover > span,
a.im-icon.im-remove:focus > span {
  background-position: 0 -430px;
}
a.im-icon.im-new-dialog > span {
  width: 17px;
  height: 15px;
  background-position: -20px -410px;
}
a.im-icon.im-new-dialog:hover > span,
a.im-icon.im-new-dialog:focus > span {
  background-position: -20px -430px;
}
a.im-icon.im-add > span {
  width: 18px;
  height: 18px;
  background-position: -100px -390px;
  top: -2px;
}
a.im-icon.im-add:hover > span,
a.im-icon.im-add:focus > span {
  background-position: -100px -430px;
}
a.im-icon.im-accept > span {
  width: 18px;
  height: 18px;
  background-position: -2px -540px;
}
a.im-icon.im-accept > span:hover,
a.im-icon.im-accept > span:focus {
  background-position: -24px -540px;
}
a.im-icon.im-decline > span {
  width: 18px;
  height: 18px;
  background-position: -2px -520px;
}
a.im-icon.im-decline > span:hover,
a.im-icon.im-decline > span:focus {
  background-position: -24px -520px;
}
/* widget layer */
.widget.instant-messaging .widget-layer {
  background: #f2f2f2;
  right: auto;
  left: 0;
  width: 100%;
}
.widget.instant-messaging .widget-layer.show {
  top: 50px;
}
.widget.instant-messaging .widget-layer .widget-layer-content {
  height: 100%;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.instant-messaging .widget-layer.left {
  left: 0;
  right: auto;
}
.widget.instant-messaging .widget-layer.right {
  left: auto;
  right: 0;
}
.widget.instant-messaging .widget-layer.full {
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .widget.instant-messaging.span8 .widget-layer {
    width: 50%;
  }
}
/* mask: confirm */
.widget.instant-messaging .mask-confirm {
  padding: 20px 0;
}
.widget.instant-messaging .mask-confirm p {
  font-size: 13px;
}
.widget.instant-messaging .mask-confirm .buttons {
  position: absolute;
  bottom: 16px;
  right: 15px;
}
/* mask: add contact */
.widget.instant-messaging .mask-add-contact {
  padding: 20px 0;
}
.widget.instant-messaging .mask-add-contact .im-search-form .im-hint {
  font-size: 11px;
  color: #666;
}
.widget.instant-messaging .mask-add-contact .im-search-results {
  position: absolute;
  top: 90px;
  bottom: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.widget.instant-messaging .mask-add-contact .im-search-results-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px 0 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.instant-messaging .mask-add-contact .im-search-results .widget-loading-content {
  margin-top: 0;
}
.widget.instant-messaging .mask-add-contact h4 {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
}
.widget.instant-messaging .mask-add-contact p {
  font-size: 13px;
}
.widget.instant-messaging .mask-add-contact .im-contact-request-list {
  position: absolute;
  top: 45px;
  left: 0;
  bottom: 20px;
  right: 0;
}
.widget.instant-messaging .mask-add-contact .im-contact-request-list.scrollshadows:before {
  top: 0;
}
.widget.instant-messaging .mask-add-contact .im-contact-request-list.scrollshadows:after {
  bottom: 0;
}
.widget.instant-messaging .mask-add-contact .im-contact-request-list .im-userlist {
  padding-top: 5px;
}
.widget.instant-messaging .mask-add-contact .im-contact-request-list .im-userlist li:first-child {
  border-top: none;
}
.widget.instant-messaging .mask-add-contact .im-contact-request-list .im-userlist li a {
  padding-bottom: 6px;
  padding-top: 5px;
}
.widget.instant-messaging .mask-add-contact .im-contact-request-list .im-userlist li a .email {
  color: #676767;
}
/* notice */
.widget.instant-messaging .im-search-notice {
  /*
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    */

}
.widget.instant-messaging .im-search-notice p {
  text-align: center;
  color: #666666;
  font-size: 12px;
  padding-top: 55px;
}
.widget.instant-messaging .im-search-notice p.im-search-no-results {
  padding-top: 20px;
  line-height: 14px;
}
.widget.instant-messaging .im-search-notice p.im-search-no-results i.im-search-alert {
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 42px;
  height: 42px;
  background-position: -45px -500px;
}
.widget.instant-messaging .im-search-notice p.im-search-no-results strong {
  padding-top: 3px;
  display: inline-block;
}
.widget.instant-messaging .im-search-notice .loader {
  width: 64px;
  height: 64px;
  background: #ffffff url(../img/loader.gif) no-repeat center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -55px;
  margin-left: -32px;
  -webkit-border-radius: 64px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 64px;
  border-radius: 64px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* search form */
.search-form.im-search-form {
  position: relative;
  margin: 0 10px 0 -3px;
}
.search-form.im-search-form .search-query {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  font-size: 13px;
  height: 26px;
  line-height: 16px;
  padding-left: 15px;
}
.search-form.im-search-form .btn {
  top: -1px !important;
}
.search-form.im-search-form .btn div {
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  background-position: -120px -410px;
}
/* smartphone */
@media (max-width: 767px) {
  .widget .widget.instant-messaging .scrollshadows:after {
    bottom: 0;
  }
  .widget.instant-messaging .widget-body .im-contacts-panel > .im-content {
    bottom: 0;
  }
  .widget.instant-messaging .mask-add-contact .im-search-results {
    bottom: 0;
  }
  .widget.instant-messaging .mask-add-contact .im-search-results-content {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .widget.instant-messaging .widget-body .im-dialog-panel {
    width: 0;
    min-width: initial;
  }
  .widget.instant-messaging .widget-body .im-dialog-panel.show {
    width: 50%;
    min-width: 300px;
  }
}
.widget.instant-messaging.span4 .widget-body .im-dialog-panel {
  width: 0;
  min-width: initial;
}
.widget.instant-messaging.span4 .widget-body .im-dialog-panel.show {
  width: 50%;
  min-width: 300px;
}
/* context: popup */
body .widget.popup,
body .widget.popup .instant-messaging {
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 620px;
  max-width: 900px;
  min-height: 310px;
  max-height: 800px;
  -webkit-border-radius: 0px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0px;
  border-radius: 0px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
body .widget.popup .widget-layer,
body .widget.popup .instant-messaging .widget-layer {
  top: 800px;
  width: 50% !important;
}
body .widget.popup .widget-layer.show,
body .widget.popup .instant-messaging .widget-layer.show {
  top: 48px;
}
body .widget.popup .scrollshadows:after,
body .widget.popup .instant-messaging .scrollshadows:after {
  bottom: 20px;
}
body .widget.popup .widget-body .im-contacts-panel > .im-content,
body .widget.popup .instant-messaging .widget-body .im-contacts-panel > .im-content {
  bottom: 20px;
}
body .widget.popup .mask-add-contact .im-search-results,
body .widget.popup .instant-messaging .mask-add-contact .im-search-results {
  bottom: 20px;
}
/* -----------------------------------------------------------------------------
   widget: email
----------------------------------------------------------------------------- */
.widget .widget.email {
  background-color: #c5cdd3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e7ea), to(#c5cdd3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e4e7ea, #c5cdd3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.widget.email .widget-header {
  z-index: 1070;
}
.widget.email .widget-title .icon {
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  width: 26px;
  height: 17px;
  background-position: -150px -130px;
}
/* alerts */
.widget.email .alert {
  clear: both;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 5px 0;
  padding: 3px 5px 3px 10px;
}
/* scrollshadows */
.widget .widget.email:before,
.widget .widget.email:after {
  display: none !important;
}
.widget .widget.email .scrollshadows:before {
  top: 50px;
}
.widget .widget.email .scrollshadows:after {
  bottom: 20px;
}
.widget .widget.email .scrollshadows.ml-message-content-wrp:before {
  top: 0;
}
.widget .widget.email .scrollshadows.ml-message-content-wrp:after {
  bottom: 0;
}
/* follow up indicators */
.ml-followup {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 16px;
  overflow: hidden;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  background-position: -80px -130px;
}
.ml-followup.today {
  background-position: -190px -2px;
}
.ml-followup.tomorrow {
  background-position: -190px -20px;
}
.ml-followup.this-week {
  background-position: -190px -38px;
}
.ml-followup.next-week {
  background-position: -190px -56px;
}
.ml-followup.unflag {
  background-position: -190px -74px;
}
.ml-followup.completed {
  background-position: -190px -140px;
}
a.ml-followup {
  cursor: pointer;
}
a.ml-followup:hover,
a.ml-followup:focus {
  background-position: -190px -93px !important;
}
/* Additional Icons*/
.ml-attachement {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 14px;
  overflow: hidden;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  background-position: -190px -122px;
}
.widget.email .widget-header .widget-controls .widget-reload-icon {
  position: absolute;
  right: 24px;
}
.widget.email .widget-header .widget-controls .widget-open-app {
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -295px;
  vertical-align: top;
  margin: 2px 0 0 0;
}
.widget.email .widget-header .widget-controls .widget-open-app:hover,
.widget.email .widget-header .widget-controls .widget-open-app:focus {
  background-position: 0 -312px;
}
@media (min-width: 768px) {
  .widget.email.span8.seamless .widget-controls {
    right: 311px;
  }
}
/* body */
.widget.email .widget-body {
  /* postbox panel */

  /* icons */

  /* message panel */

}
.widget.email .widget-body .ml-postbox-panel {
  position: absolute;
  z-index: 1050;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  min-width: 300px;
  background-color: #c5cdd3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e7ea), to(#c5cdd3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e4e7ea, #c5cdd3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.widget.email .widget-body .ml-postbox-panel > .ml-content {
  position: absolute;
  top: 50px;
  bottom: 20px;
  left: 0;
  right: 5px;
  padding: 2px 10px 0 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.email .widget-body .ml-postbox-panel .ml-info {
  font-size: 12px;
  line-height: 15px;
  color: #666;
  padding: 15px 0;
}
.widget.email .widget-body .ml-postbox-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.email .widget-body .ml-postbox-panel li {
  display: block;
  margin: 0;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 15px;
}
.widget.email .widget-body .ml-postbox-panel li.ml-more-messages {
  border: none;
  text-align: center;
  padding-top: 10px;
}
.widget.email .widget-body .ml-postbox-panel li.ml-more-messages a {
  color: #e60f46;
  font-size: 12px;
}
.widget.email .widget-body .ml-postbox-panel li.ml-more-messages a:hover,
.widget.email .widget-body .ml-postbox-panel li.ml-more-messages a:focus {
  color: #000;
  text-decoration: none;
}
.widget.email .widget-body .ml-postbox-panel li + li {
  border-top: 1px dotted #acafb1;
  padding-top: 2px;
}
.widget.email .widget-body .ml-postbox-panel li > div {
  position: relative;
}
.widget.email .widget-body .ml-postbox-panel .ml-message {
  display: block;
  background: #edf0f2;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  padding: 5px 30px 5px 30px;
  color: #333;
  *zoom: 1;
}
.widget.email .widget-body .ml-postbox-panel .ml-message:before {
  content: "";
  display: table;
}
.widget.email .widget-body .ml-postbox-panel .ml-message:after {
  clear: both;
  content: "";
  display: table;
}
.widget.email .widget-body .ml-postbox-panel .ml-message .ml-timestamp {
  float: right;
  font-size: 11px;
  color: #666;
}
.widget.email .widget-body .ml-postbox-panel .ml-message .ml-user {
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 15px;
  overflow: hidden;
}
.widget.email .widget-body .ml-postbox-panel .ml-message .ml-user i {
  margin-left: 2px;
}
.widget.email .widget-body .ml-postbox-panel .ml-message .ml-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 15px;
  overflow: hidden;
}
.widget.email .widget-body .ml-postbox-panel li.active .ml-message,
.widget.email .widget-body .ml-postbox-panel li:hover .ml-message,
.widget.email .widget-body .ml-postbox-panel li:focus .ml-message,
.widget.email .widget-body .ml-postbox-panel .ml-message:hover,
.widget.email .widget-body .ml-postbox-panel .ml-message:focus {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  text-decoration: none;
  background: #fff;
}
.widget.email .widget-body .ml-postbox-panel li.unread .ml-message {
  border-left: 4px solid #000;
  padding-left: 26px;
  background: #fff;
}
.widget.email .widget-body .ml-postbox-panel li.unread .ml-message .ml-followup {
  left: 8px;
}
.widget.email .widget-body .ml-postbox-panel .ml-followup {
  position: absolute;
  top: 8px;
  left: 12px;
}
.widget.email .widget-body .ml-postbox-panel .ml-delete {
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -8px;
}
.widget.email .widget-body a.ml-icon {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.widget.email .widget-body a.ml-icon > span {
  display: block;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.widget.email .widget-body a.ml-icon.ml-delete > span {
  width: 13px;
  height: 15px;
  background-position: -130px -130px;
}
.widget.email .widget-body a.ml-icon.ml-delete:hover > span,
.widget.email .widget-body a.ml-icon.ml-delete:focus > span {
  background-position: -130px -170px;
}
.widget.email .widget-body .icon-ban-circle {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -550px -30px;
}
.widget.email .widget-body .ml-more-icon {
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 8px;
  height: 9px;
  background-position: -175px -192px;
}
.widget.email .widget-body .ml-more-icon:hover,
.widget.email .widget-body .ml-more-icon:focus,
.widget.email .widget-body a:hover .ml-more-icon,
.widget.email .widget-body a:focus .ml-more-icon {
  background-position: -175px -210px;
}
.widget.email .widget-body .ml-message-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  min-width: 300px;
  background: #fff;
  overflow: hidden;
  z-index: 1020;
  left: 100%;
  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -ms-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}
.widget.email .widget-body .ml-message-panel.active {
  z-index: 1080;
}
.widget.email .widget-body .ml-message-panel.show {
  left: 0;
}
.widget.email .widget-body .ml-message-panel .ml-message-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.email .widget-body .ml-message-panel .ml-message-content-wrp {
  position: absolute;
  top: 50px;
  bottom: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.widget.email .widget-body .ml-message-panel .ml-message-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 5px;
  padding: 5px 15px 0 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.email .widget-body .ml-message-panel.no-message,
.widget.email .widget-body .ml-message-panel.unread-messages {
  right: 0 !important;
}
.widget.email .widget-body .ml-message-panel.no-message > div,
.widget.email .widget-body .ml-message-panel.unread-messages > div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -80px 0 0 -93px;
  width: 186px;
  font-size: 13px;
  text-align: center;
}
.widget.email .widget-body .ml-message-panel.no-message > div > div,
.widget.email .widget-body .ml-message-panel.unread-messages > div > div {
  height: 125px;
  overflow: hidden;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-bottom: 10px;
  position: relative;
}
.widget.email .widget-body .ml-message-panel.unread-messages > div {
  margin-top: -55px;
}
.widget.email .widget-body .ml-message-panel.unread-messages > div > div {
  overflow: visible;
  width: 126px;
  height: 84px;
  background-position: 0 -190px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}
.widget.email .widget-body .ml-message-panel.unread-messages > div > div[data-unread]::after {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 38px;
  content: attr(data-unread);
  display: block;
  width: 60px;
  height: 60px;
  background-color: #000;
  color: #fff;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  -webkit-border-radius: 60px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 60px;
  border-radius: 60px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 7px solid #fff;
  position: absolute;
  right: -24px;
  top: -33px;
}
.widget.email .widget-body .ml-message-panel.unread-messages > div > div.thousands[data-unread]::after {
  font-size: 24px;
}
.widget.email .widget-body .ml-message-content .ml-msg-header {
  *zoom: 1;
  border-bottom: 1px dotted #7a7a7a;
  padding: 0 0 5px 21px;
  margin-bottom: 7px;
  font-size: 11px;
  line-height: 15px;
}
.widget.email .widget-body .ml-message-content .ml-msg-header:before {
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-header:after {
  clear: both;
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-avatar {
  position: absolute;
  margin: 3px 0 0 -21px;
}
.widget.email .widget-body .ml-message-content .ml-msg-avatar i {
  margin-left: 0;
  margin-top: 6px;
}
.widget.email .widget-body .ml-message-content .ml-msg-avatar img {
  display: block;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.email .widget-body .ml-message-content .ml-msg-timestamp {
  float: right;
  color: #666666;
  padding: 1px 0 0 3px;
}
.widget.email .widget-body .ml-message-content .ml-msg-timestamp .sep {
  padding: 0 2px;
}
.widget.email .widget-body .ml-message-content .ml-msg-sender {
  padding-left: 1px;
  padding-right: 3px;
  margin-left: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  left: -1px;
}
.widget.email .widget-body .ml-message-content .ml-msg-sender.with-attachement {
  padding-right: 20px;
}
.widget.email .widget-body .ml-message-content .ml-msg-sender i {
  position: absolute;
  right: 4px;
  top: 0;
}
.widget.email .widget-body .ml-message-content .ml-msg-title {
  clear: both;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 3px;
}
.widget.email .widget-body .ml-message-content .ml-msg-receipients {
  clear: both;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-style: italic;
  color: #999;
}
.widget.email .widget-body .ml-message-content .ml-msg-receipients ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}
.widget.email .widget-body .ml-message-content .ml-msg-receipients li {
  display: inline;
  margin: 0;
}
.widget.email .widget-body .ml-message-content .ml-msg-receipients li:after {
  content: '\002C\0020';
}
.widget.email .widget-body .ml-message-content .ml-msg-receipients li:last-child:after {
  content: '';
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments {
  *zoom: 1;
  border-bottom: 1px dotted #7a7a7a;
  padding: 2px 0 7px 0;
  margin-bottom: 7px;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments:before {
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments:after {
  clear: both;
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments a {
  font-size: 12px;
  color: #e60f46;
  cursor: pointer;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments a:hover,
.widget.email .widget-body .ml-message-content .ml-msg-attachments a:focus {
  color: #000;
  text-decoration: none;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-header {
  *zoom: 1;
  padding: 0 10px 0 0;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-header:before {
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-header:after {
  clear: both;
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-header h4 {
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  text-transform: none;
  float: left;
  max-width: 180px;
  margin: 0;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-header h4 i {
  margin-right: 8px;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-toggle {
  float: right;
  line-height: 1;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-toggle span {
  display: inline;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-toggle span + span {
  display: none;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments.toggle-on .ml-msg-at-toggle span {
  display: none;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments.toggle-on .ml-msg-at-toggle span + span {
  display: inline;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments.toggle-on .ml-msg-at-toggle i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments.toggle-on .ml-msg-at-content {
  display: block;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-content {
  display: none;
  padding: 8px 10px 0 20px;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-content a {
  display: block;
  position: relative;
  margin-bottom: 2px;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-content a i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-content a .ml-download {
  display: inline-block;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  background-position: -550px -50px;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-content a:hover .ml-download,
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-content a:focus .ml-download {
  background-position: -550px -70px;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-content .ml-msg-at-title {
  display: inline-block;
  vertical-align: top;
  max-width: 125px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-content .ml-msg-at-meta {
  display: inline-block;
  vertical-align: top;
}
.widget.email .widget-body .ml-message-content .ml-msg-attachments .ml-msg-at-content .ml-msg-at-download-all {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.widget.email .widget-body .ml-message-content .ml-msg-event {
  border-bottom: 1px dotted #7a7a7a;
  padding-bottom: 5px;
  margin-bottom: 7px;
  *zoom: 1;
}
.widget.email .widget-body .ml-message-content .ml-msg-event:before {
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-event:after {
  clear: both;
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-event .icon {
  float: left;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -550px -120px;
  position: relative;
  top: 1px;
}
.widget.email .widget-body .ml-message-content .ml-msg-event .buttons {
  float: right;
  margin-top: -2px;
}
.widget.email .widget-body .ml-message-content .ml-msg-content {
  padding: 5px;
  *zoom: 1;
}
.widget.email .widget-body .ml-message-content .ml-msg-content:before {
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-content:after {
  clear: both;
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-content .ml-msg-content p {
  font-size: 12px;
  line-height: 15px;
  color: #464646;
  margin-bottom: 5px;
}
.widget.email .widget-body .ml-message-head {
  *zoom: 1;
  padding: 15px 10px 0 20px;
  position: relative;
}
.widget.email .widget-body .ml-message-head:before {
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-head:after {
  clear: both;
  content: "";
  display: table;
}
.widget.email .widget-body .ml-message-head.disabled:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
}
.widget.email .widget-body .ml-message-head .ml-backbutton {
  float: left;
}
.widget.email .widget-body .ml-message-head .ml-backbutton .btn div {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 6px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -560px -5px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 5px 0 -5px;
  position: relative;
  top: -1px;
}
.widget.email .widget-body .ml-message-head .open-app {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -60px -410px;
  margin: 5px 5px 0 0;
}
.widget.email .widget-body .ml-message-head .open-app:hover,
.widget.email .widget-body .ml-message-head .open-app:focus {
  background-position: -60px -430px;
}
.widget.email .widget-body .ml-message-head .ml-delete-msg {
  display: inline-block;
  width: 13px;
  height: 15px;
  background-position: -130px -130px;
  vertical-align: top;
  margin: 4px 5px 0 0;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
}
.widget.email .widget-body .ml-message-head .ml-delete-msg:hover,
.widget.email .widget-body .ml-message-head .ml-delete-msg:focus {
  background-position: -130px -170px;
}
.widget.email .widget-body .ml-message-head .ml-message-action {
  float: right;
  padding-top: 2px;
  white-space: nowrap;
  padding-right: 7px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .open-app,
.widget.email .widget-body .ml-message-head .ml-message-action .ml-delete-msg {
  position: relative;
  top: -1px;
  left: 2px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .open-app {
  margin-left: 5px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons {
  display: inline-block;
  vertical-align: middle;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #b2b2b2;
  -webkit-border-radius: 20px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 20px;
  border-radius: 20px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li {
  float: left;
  padding: 3px 0;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li + li a {
  border-left: 1px dotted #777;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li a {
  float: left;
  cursor: pointer;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li a i {
  display: block;
  height: 16px;
  overflow: hidden;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply a {
  padding: 0 4px 0 8px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply i {
  width: 19px;
  background-position: 0 -150px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply:hover i,
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply:focus i {
  background-position: 0 -170px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply-all a {
  padding: 0 3px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply-all i {
  width: 24px;
  background-position: -30px -150px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply-all:hover i,
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply-all:focus i {
  background-position: -30px -170px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.forward a {
  padding: 0 5px 0 6px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.forward i {
  width: 15px;
  background-position: -60px -150px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.forward:hover i,
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.forward:focus i {
  background-position: -60px -170px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.move a {
  padding: 0 4px 0 5px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.move i {
  width: 19px;
  background-position: -80px -150px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.move:hover i,
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.move:focus i {
  background-position: -80px -170px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag a {
  padding: 0 6px 0 7px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag i {
  width: 11px;
  background-position: -110px -150px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag:hover i,
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag:focus i {
  background-position: -110px -170px !important;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.today i {
  background-position: 0 -128px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.tomorrow i {
  background-position: -20px -128px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.this-week i {
  background-position: -40px -128px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.next-week i {
  background-position: -60px -128px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.unflag i {
  background-position: -80px -128px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.delete a {
  padding: 0 12px 0 7px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.delete i {
  width: 11px;
  background-position: -130px -150px;
}
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.delete:hover i,
.widget.email .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.delete:focus i {
  background-position: -130px -170px;
}
@media (min-width: 768px) {
  .widget.email.span8 .widget-body .ml-header-panel,
  .widget.email.span8 .widget-body .ml-postbox-panel,
  .widget.email.span8 .widget-body .ml-message-panel {
    min-width: 310px;
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -ms-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
    left: auto;
    right: 50%;
  }
  .widget.email.span8 .widget-body .ml-header-panel.show,
  .widget.email.span8 .widget-body .ml-postbox-panel.show,
  .widget.email.span8 .widget-body .ml-message-panel.show {
    right: 0;
  }
  .widget.email.span8 .widget-body .ml-header-panel.no-message,
  .widget.email.span8 .widget-body .ml-postbox-panel.no-message,
  .widget.email.span8 .widget-body .ml-message-panel.no-message {
    display: block;
  }
  .widget.email.span8 .widget-body .ml-header-panel .ml-message-head .ml-backbutton,
  .widget.email.span8 .widget-body .ml-postbox-panel .ml-message-head .ml-backbutton,
  .widget.email.span8 .widget-body .ml-message-panel .ml-message-head .ml-backbutton {
    display: none;
  }
}
.widget.popup .widget.email.span8 .widget-body .ml-header-panel,
.widget.popup .widget.email.span8 .widget-body .ml-postbox-panel,
.widget.popup .widget.email.span8 .widget-body .ml-message-panel {
  min-width: 310px;
  -webkit-transition: right 0.3s ease-out;
  -moz-transition: right 0.3s ease-out;
  -ms-transition: right 0.3s ease-out;
  -o-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
  left: auto;
  right: 50%;
}
.widget.popup .widget.email.span8 .widget-body .ml-header-panel.show,
.widget.popup .widget.email.span8 .widget-body .ml-postbox-panel.show,
.widget.popup .widget.email.span8 .widget-body .ml-message-panel.show {
  right: 0;
}
.widget.popup .widget.email.span8 .widget-body .ml-header-panel.no-message,
.widget.popup .widget.email.span8 .widget-body .ml-postbox-panel.no-message,
.widget.popup .widget.email.span8 .widget-body .ml-message-panel.no-message {
  display: block;
}
.widget.popup .widget.email.span8 .widget-body .ml-header-panel .ml-message-head .ml-backbutton,
.widget.popup .widget.email.span8 .widget-body .ml-postbox-panel .ml-message-head .ml-backbutton,
.widget.popup .widget.email.span8 .widget-body .ml-message-panel .ml-message-head .ml-backbutton {
  display: none;
}
/* widget layer */
.widget.email .widget-layer {
  background: #f2f2f2;
  left: auto;
  right: 0;
  width: 100%;
}
.widget.email .widget-layer.show {
  top: 50px;
}
.widget.email .widget-layer .widget-layer-content {
  height: 255px;
}
.widget.email .widget-layer.left {
  left: 0;
  right: auto;
}
.widget.email .widget-layer.right {
  left: auto;
  right: 0;
}
.widget.email .widget-layer.full {
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .widget.email.span8 .widget-layer {
    width: 50%;
  }
  .widget.email.span8 .widget-layer.full {
    width: 100%;
  }
}
/* mask: confirm */
.widget.email .mask-confirm {
  padding: 20px 0;
}
.widget.email .mask-confirm p {
  font-size: 13px;
}
.widget.email .mask-confirm .buttons {
  position: absolute;
  bottom: 16px;
  right: 15px;
}
/* mask: follow up */
.widget.email .mask-follow-up {
  padding: 20px 0 17px;
}
.widget.email .mask-follow-up h4 {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  position: relative;
  top: -6px;
}
.widget.email .mask-follow-up p {
  font-size: 13px;
}
.widget.email .mask-follow-up ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -9px;
  margin-left: -5px;
}
.widget.email .mask-follow-up li {
  padding: 1px 0;
  font-size: 12px;
}
.widget.email .mask-follow-up li + li {
  border-top: 1px dotted #cdcecf;
}
.widget.email .mask-follow-up li a {
  display: block;
  padding: 5px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #e60f46;
}
.widget.email .mask-follow-up li a:hover,
.widget.email .mask-follow-up li a:focus {
  background: #e2e2e2;
  text-decoration: none;
}
.widget.email .mask-follow-up li .ml-followup {
  margin-right: 5px;
}
/* smartphone */
@media (max-width: 767px) {
  .widget .widget.email .scrollshadows:after {
    bottom: 0;
  }
  .widget.email .widget-body .ml-postbox-panel > .ml-content {
    bottom: 0;
    padding-bottom: 20px;
  }
  .widget.email .widget-body .ml-message-panel .ml-message-content-wrp {
    bottom: 0;
  }
  .widget.email .widget-body .ml-message-panel .ml-message-content {
    padding-bottom: 20px;
  }
}
/* context: popup */
body .widget.popup,
body .widget.popup .email {
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 620px;
  max-width: 900px;
  min-height: 310px;
  max-height: 800px;
  -webkit-border-radius: 0px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0px;
  border-radius: 0px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
body .widget.popup .widget-layer,
body .widget.popup .email .widget-layer {
  top: 800px;
  width: 50% !important;
}
body .widget.popup .widget-layer.show,
body .widget.popup .email .widget-layer.show {
  top: 48px;
}
body .widget.popup .scrollshadows:after,
body .widget.popup .email .scrollshadows:after {
  bottom: 20px;
}
body .widget.popup .widget-body .ml-postbox-panel > .ml-content,
body .widget.popup .email .widget-body .ml-postbox-panel > .ml-content {
  bottom: 20px;
  padding-bottom: 20px;
}
body .widget.popup .widget-body .ml-message-panel .ml-message-content-wrp,
body .widget.popup .email .widget-body .ml-message-panel .ml-message-content-wrp {
  bottom: 20px;
}
body .widget.popup .widget-body .ml-message-panel .ml-message-content,
body .widget.popup .email .widget-body .ml-message-panel .ml-message-content {
  padding-bottom: 20px;
}
/* -----------------------------------------------------------------------------
   widget: calendar
----------------------------------------------------------------------------- */
.widget .widget.calendar {
  background: #fff;
}
.widget.calendar .widget-header {
  z-index: 1070;
  padding-bottom: 0;
}
.widget.calendar .widget-title .icon {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 0 0;
  width: 22px;
  height: 20px;
}
.widget.calendar .widget-title .cl-header-actions {
  position: absolute;
  top: 15px;
  right: 50px;
}
.widget.calendar .widget-title .cl-header-actions .cl-today-link {
  font-size: 12px;
  color: #e60f46;
  margin-left: 4px;
}
.widget.calendar .widget-title .cl-header-actions label {
  display: none;
  font-size: 12px;
}
.widget.calendar .widget-title .cl-header-actions label input {
  position: relative;
  top: -3px;
  margin-right: 2px;
}
.widget.calendar .widget-title .cl-header-actions label + label {
  margin-left: 5px;
}
.widget.calendar .widget-title .cl-header-actions {
  right: 68px;
}
.span8 .widget.calendar .widget-title .cl-header-actions {
  right: 132px;
}
.span8 .widget.calendar .widget-title .cl-header-actions label {
  display: inline-block;
}
@media (max-width: 767px) {
  .span8 .widget.calendar .widget-title .cl-header-actions {
    right: 68px;
  }
  .span8 .widget.calendar .widget-title .cl-header-actions label {
    display: none;
  }
  /*
      .span8 .widget.calendar .widget-reload-icon {
      right: 24px;
    }
    */
}
/* scrollshadows */
.widget .widget.calendar:before,
.widget .widget.calendar:after {
  display: none !important;
}
.widget .widget.calendar .scrollshadows:before {
  background-position: 50% -5px;
  height: 6px;
  top: 48px;
}
.widget .widget.calendar .scrollshadows:after {
  background-position: 50% -5px;
  height: 6px;
  bottom: 20px;
}
.widget .widget.calendar .scrollshadows.cl-event-content-wrp:before {
  top: 0;
}
.widget .widget.calendar .scrollshadows.cl-event-content-wrp:after {
  bottom: 0;
}
/* body */
.widget.calendar .widget-body {
  /* list/day/week panels */

  /* event detail panel */

}
.widget.calendar .widget-body .cl-list-panel,
.widget.calendar .widget-body .cl-day-panel,
.widget.calendar .widget-body .cl-week-panel {
  position: absolute;
  z-index: 1050;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 300px;
  background: #fff;
  display: none;
}
.widget.calendar .widget-body .cl-list-panel > .cl-content,
.widget.calendar .widget-body .cl-day-panel > .cl-content,
.widget.calendar .widget-body .cl-week-panel > .cl-content {
  position: absolute;
  top: 50px;
  bottom: 16px;
  left: 0;
  right: 9px;
  padding: 0 10px 20px 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.calendar .widget-body .cl-event-detail-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  background: #fff;
  overflow: hidden;
  z-index: 1020;
  left: 100%;
  -webkit-transition: left 0.3s ease-out, width 0 ease-out 0.3s;
  -moz-transition: left 0.3s ease-out, width 0 ease-out 0.3s;
  -ms-transition: left 0.3s ease-out, width 0 ease-out 0.3s;
  -o-transition: left 0.3s ease-out, width 0 ease-out 0.3s;
  transition: left 0.3s ease-out, width 0 ease-out 0.3s;
}
.widget.calendar .widget-body .cl-event-detail-panel.active {
  z-index: 1080;
}
.widget.calendar .widget-body .cl-event-detail-panel.show {
  left: 0;
  width: 100%;
  -webkit-transition: left 0.3s ease-out, width 0;
  -moz-transition: left 0.3s ease-out, width 0;
  -ms-transition: left 0.3s ease-out, width 0;
  -o-transition: left 0.3s ease-out, width 0;
  transition: left 0.3s ease-out, width 0;
}
.widget.calendar .widget-body .cl-event-detail-panel .cl-event-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.calendar .widget-body .cl-event-detail-panel .cl-event-content-wrp {
  position: absolute;
  top: 50px;
  bottom: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.widget.calendar .widget-body .cl-event-detail-panel .cl-event-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 5px;
  padding: 10px 15px 20px 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.calendar .widget-body .cl-event-head {
  *zoom: 1;
  padding: 15px 10px 0 20px;
  position: relative;
}
.widget.calendar .widget-body .cl-event-head:before {
  content: "";
  display: table;
}
.widget.calendar .widget-body .cl-event-head:after {
  clear: both;
  content: "";
  display: table;
}
.widget.calendar .widget-body .cl-event-head.disabled:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
}
.widget.calendar .widget-body .cl-event-head .cl-backbutton {
  float: left;
}
.widget.calendar .widget-body .cl-event-head .cl-backbutton .btn div {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 6px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -560px -5px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 5px 0 -5px;
  position: relative;
  top: -2px;
}
.widget.calendar .widget-body .cl-event-head .cl-event-action {
  float: right;
  padding-right: 10px;
}
/* widget types (list, day, week) */
.widget.calendar.day .widget-body .cl-day-panel {
  display: block;
}
.widget.calendar.week .widget-body .cl-week-panel {
  display: block;
}
.widget.calendar.span4 .widget-body .cl-day-panel,
.widget.calendar.span4 .widget-body .cl-week-panel {
  display: none !important;
}
.widget.calendar.span4 .widget-body .cl-list-panel {
  display: block;
}
@media (max-width: 767px) {
  .widget.calendar .cl-day-panel,
  .widget.calendar .cl-week-panel {
    display: none !important;
  }
  .widget.calendar .cl-list-panel {
    display: block !important;
  }
  .widget.calendar .widget-body {
    /* list/day/week panels */
  
  }
  .widget.calendar .widget-body .cl-list-panel > .cl-content,
  .widget.calendar .widget-body .cl-day-panel > .cl-content,
  .widget.calendar .widget-body .cl-week-panel > .cl-content {
    bottom: 0;
  }
  .widget.calendar .widget-body .cl-event-detail-panel .cl-event-content-wrp {
    bottom: 0;
  }
}
/* controls */
.widget.calendar .widget-controls .widget-reload-icon {
  position: absolute;
  right: 24px;
}
.widget.calendar .widget-controls .widget-open-app {
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -295px;
  vertical-align: top;
  margin: 2px 0 0 0;
}
.widget.calendar .widget-controls .widget-open-app:hover,
.widget.calendar .widget-controls .widget-open-app:focus {
  background-position: 0 -312px;
}
.widget.calendar .widget-controls > .control {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
}
.widget.calendar .widget-controls > .control.day {
  background-position: 0px -30px;
}
.widget.calendar .widget-controls > .control.day.active {
  background-position: 0px -60px;
}
.widget.calendar .widget-controls > .control.week {
  background-position: -30px -30px;
}
.widget.calendar .widget-controls > .control.week.active {
  background-position: -30px -60px;
}
.widget.calendar.span8 .widget-controls .widget-reload-icon {
  right: 90px;
}
.widget.calendar.span8 .widget-controls .widget-open-app {
  right: 66px;
}
.widget.calendar.span4 .widget-controls > .control {
  display: none;
}
@media (max-width: 767px) {
  .widget.calendar .widget-controls > .control {
    display: none;
  }
  .widget.calendar.span8 .widget-controls .widget-reload-icon {
    right: 24px;
  }
  .widget.calendar.span8 .widget-controls .widget-open-app {
    right: 0px;
  }
}
/* widget layer */
.widget.calendar .widget-layer {
  background: #f2f2f2;
}
.widget.calendar .widget-layer.show {
  top: 50px;
}
.widget.calendar .widget-layer .widget-layer-content {
  height: 257px;
}
/* mask: confirm */
.widget.calendar .mask-daypicker {
  padding: 20px 0;
}
/* widget inner header */
.widget.calendar .widget-body a.prev,
.widget.calendar .widget-body a.next {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  width: 25px;
}
.widget.calendar .widget-body a.prev {
  background-position: -160px -180px;
}
.widget.calendar .widget-body a.prev:hover,
.widget.calendar .widget-body a.prev:focus {
  background-position: -190px -180px;
}
.widget.calendar .widget-body a.next {
  background-position: -160px -150px;
}
.widget.calendar .widget-body a.next:hover,
.widget.calendar .widget-body a.next:focus {
  background-position: -190px -150px;
}
.widget.calendar .widget-body .cl-red {
  color: #e60f46;
}
.widget.calendar .widget-body .cl-inner-head {
  border-top: 1px solid #d9d9d9;
}
.widget.calendar .widget-body .cl-inner-head .cl-control-row {
  height: 33px;
  position: relative;
  margin-right: -1px;
}
.widget.calendar .widget-body .cl-inner-head .cl-control-row .cl-control-content {
  text-align: center;
}
.widget.calendar .widget-body .cl-inner-head .cl-control-row .cl-prev-button,
.widget.calendar .widget-body .cl-inner-head .cl-control-row .cl-next-button {
  height: 100%;
  padding-top: 5px;
  position: absolute;
  top: 0;
  width: 25px;
}
.widget.calendar .widget-body .cl-inner-head .cl-control-row .cl-prev-button {
  left: 0;
}
.widget.calendar .widget-body .cl-inner-head .cl-control-row .cl-prev-button .cl-datepicker {
  position: absolute;
  left: 100%;
  top: 7px;
  margin-left: 8px;
}
.widget.calendar .widget-body .cl-inner-head .cl-control-row .cl-next-button {
  right: 0;
}
.widget.calendar .widget-body .cl-inner-content {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 20px;
  right: 9px;
}
.widget.calendar .widget-body .cl-inner-content.scrollshadows:before {
  top: 0;
}
.widget.calendar .widget-body .cl-inner-content.scrollshadows:after {
  bottom: 0;
}
.widget.calendar .widget-body .cl-week-panel,
.widget.calendar .widget-body .cl-day-panel {
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
  background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
  background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
}
.widget.calendar .widget-body .cl-week-panel .cl-content,
.widget.calendar .widget-body .cl-day-panel .cl-content {
  bottom: 21px;
  right: 0;
  padding-right: 19px;
}
.widget.calendar .widget-body .cl-week-panel::after,
.widget.calendar .widget-body .cl-day-panel::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 21px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(13%, #ffffff), color-stop(50%, #ffffff), color-stop(87%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* W3C */

}
.widget.calendar .widget-body .cl-week-panel .week-table,
.widget.calendar .widget-body .cl-day-panel .week-table {
  width: auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.widget.calendar .widget-body .cl-week-panel .week-table li,
.widget.calendar .widget-body .cl-day-panel .week-table li {
  padding: 0;
  margin: 0;
  min-height: 1px;
  height: 100%;
  width: 71px;
  float: left;
}
.widget.calendar .widget-body .cl-week-panel .week-table li:first-child,
.widget.calendar .widget-body .cl-day-panel .week-table li:first-child {
  width: 50px;
}
.widget.calendar .widget-body .cl-week-panel .week-table li:last-child,
.widget.calendar .widget-body .cl-day-panel .week-table li:last-child {
  width: 10px;
}
.widget.calendar .widget-body .cl-week-panel .week-table li + li,
.widget.calendar .widget-body .cl-day-panel .week-table li + li {
  border-left: 1px solid transparent;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-workdays li,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-workdays li {
  width: 100px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-workdays li:first-child,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-workdays li:first-child {
  width: 50px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-workdays li:first-child + li,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-workdays li:first-child + li {
  widows: 99px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-workdays li:last-child,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-workdays li:last-child {
  width: 10px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-single li,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-single li {
  width: 516px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-single li:first-child,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-single li:first-child {
  width: 50px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-single li:last-child,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-single li:last-child {
  width: 10px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head li .cl-week-table-head-item,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head li .cl-week-table-head-item {
  height: 33px;
  position: relative;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head li .cl-week-table-head-item h5,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head li .cl-week-table-head-item h5,
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head li .cl-week-table-head-item h6,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head li .cl-week-table-head-item h6 {
  font-family: arial, sans-serif;
  margin: 0;
  text-transform: none;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head li .cl-week-table-head-item h5,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head li .cl-week-table-head-item h5 {
  color: #000000;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 1px;
  padding-top: 5px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head li .cl-week-table-head-item h6,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head li .cl-week-table-head-item h6 {
  color: #666666;
  font-size: 10px;
  line-height: 1;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item {
  height: 29px;
  padding-top: 4px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item h5,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item h5,
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item h6,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item h6 {
  display: inline-block;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item h5,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item h5 {
  font-size: 16px;
  line-height: 1;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item h6,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item h6 {
  color: #7b7b7b;
  font-size: 13px;
  line-height: 1;
  font-weight: normal;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item .cl-datepicker,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head.week-table-single .cl-week-table-head-item .cl-datepicker {
  margin-left: 4px;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head li.cl-today .cl-week-table-head-item h5,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head li.cl-today .cl-week-table-head-item h5,
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head li.cl-today .cl-week-table-head-item h6,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head li.cl-today .cl-week-table-head-item h6 {
  color: #e90242;
}
.widget.calendar .widget-body .cl-week-panel .week-table.week-table-head li + li + li .cl-week-table-head-item::before,
.widget.calendar .widget-body .cl-day-panel .week-table.week-table-head li + li + li .cl-week-table-head-item::before {
  background-color: #d9d9d9;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: -1px;
  position: absolute;
  width: 1px;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-head,
.widget.calendar .widget-body .cl-day-panel .cl-inner-head {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(13%, #ffffff), color-stop(50%, #ffffff), color-stop(87%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 13%, #ffffff 50%, #ffffff 87%, rgba(255, 255, 255, 0) 100%);
  /* W3C */

}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper {
  height: 100%;
  width: 100%;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments {
  height: 0;
  position: relative;
  z-index: 10;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-full-day-appointments,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-full-day-appointments {
  height: 26px;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-full-day-appointments::after,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-full-day-appointments::after {
  background-color: #252525;
  content: "";
  display: block;
  position: absolute;
  left: 40px;
  right: 10px;
  bottom: -1px;
  height: 1px;
  z-index: 40;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-full-day-appointments + .day-appointments,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-full-day-appointments + .day-appointments {
  top: 27px;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-full-day-appointments + .day-appointments .week-view,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-full-day-appointments + .day-appointments .week-view {
  position: relative;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-multiple-full-day-appointments,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-multiple-full-day-appointments {
  height: 44px;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-multiple-full-day-appointments + .day-appointments,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-multiple-full-day-appointments + .day-appointments {
  top: 45px;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-multiple-full-day-appointments .cl-fda-list,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments.has-multiple-full-day-appointments .cl-fda-list {
  overflow-y: auto;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .week-table,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .week-table {
  height: 100%;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .week-table li + li,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .week-table li + li {
  border-left: 1px solid transparent;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .week-table li.cl-today,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .week-table li.cl-today {
  border-color: #fff;
  background-color: rgba(229, 2, 65, 0.15);
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .week-table li.cl-today + td,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .week-table li.cl-today + td {
  border-color: #fff;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  right: -4px;
  overflow: hidden;
  padding-top: 8px;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper {
  margin-bottom: 4px;
  padding-left: 51px;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry {
  position: relative;
  height: 13px;
  background-color: #888888;
  cursor: pointer;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry.cl-approved,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry.cl-approved {
  background-color: #e90242;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry.cl-entry-extend-into::before,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry.cl-entry-extend-into::before {
  background-color: #888888;
  background: -moz-linear-gradient(left, rgba(136, 136, 136, 0) 0%, #888888 80%, #888888 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(136, 136, 136, 0)), color-stop(80%, #888888), color-stop(100%, #888888));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(136, 136, 136, 0) 0%, #888888 80%, #888888 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(136, 136, 136, 0) 0%, #888888 80%, #888888 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(136, 136, 136, 0) 0%, #888888 80%, #888888 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(136, 136, 136, 0) 0%, #888888 80%, #888888 100%);
  /* W3C */

  content: "";
  height: 13px;
  width: 25px;
  position: absolute;
  left: -25px;
  top: 0;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry.cl-entry-overtower::after,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry.cl-entry-overtower::after {
  background-color: #888888;
  background: -moz-linear-gradient(left, #888888 0%, #888888 20%, rgba(136, 136, 136, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #888888), color-stop(20%, #888888), color-stop(100%, rgba(136, 136, 136, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #888888 0%, #888888 20%, rgba(136, 136, 136, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #888888 0%, #888888 20%, rgba(136, 136, 136, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #888888 0%, #888888 20%, rgba(136, 136, 136, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, #888888 0%, #888888 20%, rgba(136, 136, 136, 0) 100%);
  /* W3C */

  content: "";
  height: 13px;
  width: 25px;
  position: absolute;
  left: 100%;
  top: 0;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry p,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .full-day-appointments .cl-fda-list .cl-entry-wrapper .cl-entry p {
  font-family: arial, sans-serif;
  color: #fff;
  font-size: 11px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -4px;
  left: 4px;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments {
  bottom: 0;
  left: 0;
  position: absolute;
  right: -4px;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 20;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view {
  position: relative;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid {
  position: relative;
  z-index: 1;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div {
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div:nth-child(odd),
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div:nth-child(odd) {
  background: -moz-linear-gradient(left, rgba(223, 223, 223, 0) 0%, rgba(223, 223, 223, 0.08) 1%, #dfdfdf 13%, #dfdfdf 50%, #dfdfdf 87%, rgba(223, 223, 223, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(223, 223, 223, 0)), color-stop(1%, rgba(223, 223, 223, 0.08)), color-stop(13%, #dfdfdf), color-stop(50%, #dfdfdf), color-stop(87%, #dfdfdf), color-stop(100%, rgba(223, 223, 223, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(223, 223, 223, 0) 0%, rgba(223, 223, 223, 0.08) 1%, #dfdfdf 13%, #dfdfdf 50%, #dfdfdf 87%, rgba(223, 223, 223, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(223, 223, 223, 0) 0%, rgba(223, 223, 223, 0.08) 1%, #dfdfdf 13%, #dfdfdf 50%, #dfdfdf 87%, rgba(223, 223, 223, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(223, 223, 223, 0) 0%, rgba(223, 223, 223, 0.08) 1%, #dfdfdf 13%, #dfdfdf 50%, #dfdfdf 87%, rgba(223, 223, 223, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(223, 223, 223, 0) 0%, rgba(223, 223, 223, 0.08) 1%, #dfdfdf 13%, #dfdfdf 50%, #dfdfdf 87%, rgba(223, 223, 223, 0) 100%);
  /* W3C */

}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div:nth-child(even),
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div:nth-child(even) {
  background: -moz-linear-gradient(left, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.08) 1%, #f2f2f2 13%, #f2f2f2 50%, #f2f2f2 87%, rgba(242, 242, 242, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(242, 242, 242, 0)), color-stop(1%, rgba(242, 242, 242, 0.08)), color-stop(13%, #f2f2f2), color-stop(50%, #f2f2f2), color-stop(87%, #f2f2f2), color-stop(100%, rgba(242, 242, 242, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.08) 1%, #f2f2f2 13%, #f2f2f2 50%, #f2f2f2 87%, rgba(242, 242, 242, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.08) 1%, #f2f2f2 13%, #f2f2f2 50%, #f2f2f2 87%, rgba(242, 242, 242, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.08) 1%, #f2f2f2 13%, #f2f2f2 50%, #f2f2f2 87%, rgba(242, 242, 242, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.08) 1%, #f2f2f2 13%, #f2f2f2 50%, #f2f2f2 87%, rgba(242, 242, 242, 0) 100%);
  /* W3C */

}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div + div,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div + div {
  border-top: 1px dotted transparent;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div + div::after,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div + div::after {
  content: "";
  display: block;
  position: absolute;
  left: 40px;
  right: 6px;
  top: -2px;
  height: 0;
  border-top: 1px dotted #b0b0b0;
  z-index: 2;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div .cl-time-hour,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div .cl-time-hour {
  display: inline-block;
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #010101;
  vertical-align: middle;
  line-height: 40px;
  width: 40px;
  text-align: right;
  white-space: nowrap;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div .cl-time-hour small,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div .cl-time-hour small {
  font-size: 10px;
  color: #666666;
  position: relative;
  top: -8px;
  left: -3px;
  font-weight: normal;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid hr.cl-current-time,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid hr.cl-current-time {
  border: none;
  height: 1px;
  background-color: #e60f46;
  position: absolute;
  left: 40px;
  right: 6px;
  margin: 0;
  padding: 0;
  z-index: 50;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries {
  height: 100%;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li + li,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li + li {
  border-left: 1px solid #fff;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries.week-table-single li:last-child,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries.week-table-single li:last-child {
  border-color: transparent;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li {
  vertical-align: top;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li.cl-today,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li.cl-today {
  background-color: rgba(229, 2, 65, 0.15);
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter {
  margin: 0 5px;
  position: relative;
  height: 100%;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry {
  cursor: pointer;
  position: absolute;
  background-color: #888888;
  overflow: hidden;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry.cl-approved,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry.cl-approved {
  background-color: #e90242;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry::after,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px dashed #333333;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry.cl-approved::after,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry.cl-approved::after {
  display: none;
}
.widget.calendar .widget-body .cl-week-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry p,
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .day-entries .week-table-entries li .cl-grid-gutter .cl-entry p {
  color: #fff;
  font-family: arial, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 4px 3px;
  position: relative;
  line-height: 12px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 100%;
  max-width: 100%;
}
.widget.calendar .widget-body .cl-list-panel .cl-content {
  padding-right: 0;
  padding-left: 0;
  right: 0;
}
.widget.calendar .widget-body .cl-list-panel .cl-inner-head {
  border-top: 1px solid transparent;
  margin-right: 19px;
  margin-left: 20px;
  margin-top: -6px;
}
.widget.calendar .widget-body .cl-list-panel .cl-inner-head .cl-control-row .cl-control-content {
  text-align: center;
  padding-top: 6px;
}
.widget.calendar .widget-body .cl-list-panel .cl-inner-head .cl-control-row .cl-control-content h5 {
  color: #000;
  display: inline-block;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  margin: 0;
  text-transform: none;
}
.widget.calendar .widget-body .cl-list-panel .cl-inner-head .cl-control-row .cl-control-content h5 + a.cl-datepicker {
  margin-left: 3px;
}
.widget.calendar .widget-body .cl-list-panel .cl-info {
  font-size: 12px;
  line-height: 15px;
  color: #666;
  padding: 15px 0;
}
.widget.calendar .widget-body .cl-list-panel .cl-inner-content {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  padding-right: 0;
  padding-left: 0;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries {
  height: 100%;
  overflow-y: auto;
  padding-left: 20px;
  margin-right: 4px;
  padding-right: 8px;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li {
  margin: 0;
  padding: 1px 0 0;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li:first-child {
  margin-top: 7px;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li:last-child {
  margin-bottom: 2px;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li + li {
  margin-top: 1px;
  border-top: 1px dotted #c2c2c2;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a {
  background-color: #fff;
  color: #000;
  display: block;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: -5px;
  margin-right: -5px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  -webkit-transition: background-color 90ms;
  -moz-transition: background-color 90ms;
  -ms-transition: background-color 90ms;
  -o-transition: background-color 90ms;
  transition: background-color 90ms;
  *zoom: 1;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a:before {
  content: "";
  display: table;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a:after {
  clear: both;
  content: "";
  display: table;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a:hover {
  background-color: #e2e2e2;
  text-decoration: none;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a > div {
  padding-top: 7px;
  padding-bottom: 7px;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a > div p {
  margin: 0;
  padding: 0;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a .cl-entry-time {
  float: left;
  width: 69px;
  text-align: right;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a .cl-entry-time span {
  display: inline-block;
  margin-right: 7px;
  font-family: arial, sans-serif;
  font-style: 18px;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a .cl-entry-time span small {
  font-size: 11px;
  font-weight: normal;
  position: relative;
  top: -6px;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a .cl-entry-title {
  float: none;
  overflow: hidden;
  padding-right: 30px;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a .cl-entry-title p {
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  padding-left: 1px;
  font-size: 12px;
  margin: 0;
  padding-left: 3px;
  line-height: 15px;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a .cl-entry-state {
  position: absolute;
  top: 0;
  right: 5px;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a .cl-entry-state p {
  padding-right: 6px;
  padding-top: 1px;
}
.widget.calendar .widget-body .cl-list-panel .cl-entries ul li a .cl-entry-state p .icon-redtic {
  position: relative;
  left: 3px;
  top: -1px;
}
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div {
  height: 29px;
}
.widget.calendar .widget-body .cl-day-panel .cl-inner-content .cl-day-grid-wrapper .day-appointments .week-view .time-grid > div .cl-time-hour {
  line-height: 30px;
}
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-prev,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-prev.ui-state-hover,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-prev.ui-state-focus,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-next,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-next.ui-state-hover,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-next.ui-state-focus {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-prev span,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-prev.ui-state-hover span,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-prev.ui-state-focus span,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-next span,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-next.ui-state-hover span,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-next.ui-state-focus span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-prev {
  background-position: -160px -180px;
  float: left;
}
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-prev:hover,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-prev:focus {
  background-position: -190px -180px;
}
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-next {
  background-position: -160px -150px;
  float: right;
}
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-next:hover,
.widget.calendar .widget-layer .mask-daypicker .ui-datepicker-next:focus {
  background-position: -190px -150px;
}
.widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation {
  position: absolute;
}
.widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.cl-has-appointment a {
  position: relative;
}
.widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.cl-has-appointment a::after {
  content: "";
  display: block;
  height: 2px;
  width: 18px;
  background-color: #131212;
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -10px;
}
.widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  background-color: #cccccc;
}
.widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day.cl-has-appointment a::after {
  background-color: #fff;
}
.widget.calendar .widget-layer .mask-daypicker .buttons {
  position: absolute;
  bottom: 18px;
  right: 15px;
}
.span4 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation {
  left: 26px;
  right: 21px;
}
.span4 .widget.calendar .widget-layer .mask-daypicker .datepicker {
  margin-left: 7px;
  margin-right: 12px;
}
.span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation {
  left: 20px;
  right: 14px;
}
.span8 .widget.calendar .widget-layer .mask-daypicker .ui-datepicker-multi.ui-datepicker-inline {
  width: auto !important;
}
.span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation ~ .datepicker,
.span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group {
  float: left;
  width: 248px;
  margin-left: 30px;
}
.span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation ~ .datepicker + .datepicker,
.span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group + .datepicker,
.span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation ~ .datepicker + .ui-datepicker-group,
.span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group + .ui-datepicker-group {
  margin-left: 23px;
}
.span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation ~ .datepicker .ui-datepicker-header,
.span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group .ui-datepicker-header {
  position: relative;
}
.span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation ~ .datepicker .ui-datepicker-header .ui-datepicker-prev,
.span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev {
  position: absolute;
  float: none;
  left: -28px;
  top: 0;
}
.span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation ~ .datepicker .ui-datepicker-header .ui-datepicker-next,
.span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  float: none;
  right: -28px;
  top: 0;
}
@media (max-width: 767px) {
  .span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation {
    left: 29px;
    right: 28px;
  }
  .span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation ~ .datepicker {
    float: none;
    width: auto;
    margin-left: 7px;
    margin-right: 12px;
  }
  .span8 .widget.calendar .widget-layer .mask-daypicker .cl-datepicker-navigation ~ .datepicker + .datepicker {
    display: none;
  }
  .span8 .widget.calendar .widget-layer .mask-daypicker .ui-datepicker-multi {
    position: relative;
  }
  .span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group {
    width: auto;
    float: none;
    margin-left: 7px;
    margin-right: 12px;
    position: static;
  }
  .span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group + .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next {
    position: absolute;
    right: 12px;
    top: 0px;
  }
  .span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group + .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title {
    display: none;
  }
  .span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group + .ui-datepicker-group .ui-datepicker-calendar {
    display: none;
  }
  .span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group .ui-datepicker-header {
    position: static;
  }
  .span8 .widget.calendar .widget-layer .mask-daypicker .datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev {
    position: static;
    float: left;
  }
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li {
  margin: 0;
  padding: 1px 0 0;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li:first-child {
  margin-top: 7px;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li:last-child {
  margin-bottom: 2px;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li + li {
  margin-top: 1px;
  border-top: 1px dotted #c2c2c2;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li + li h5 {
  margin-top: 8px;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li h5 {
  font-family: arial, sans-serif;
  color: #666;
  font-size: 11px;
  line-height: 1;
  text-transform: none;
  font-weight: normal;
  margin-bottom: 3px;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li p {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  line-height: 16px;
  margin-bottom: 5px;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li p .cl-mail-link {
  color: #666666;
  font-size: 11px;
  font-weight: normal;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li dl {
  margin: 0 0 5px;
  padding: 3px 0 0;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li dl dt {
  float: left;
  width: 20px;
  height: 20px;
  text-align: center;
  margin: 0;
  padding: 0 5px 0 0;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li dl dt img {
  position: relative;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li dl dt img.dummy-photo {
  top: -2px;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li dl dt img.contact-photo {
  top: -22px;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li dl dd {
  white-space: nowrap;
  margin: 0 0 0 2px;
  padding: 0;
}
.widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li dl dd p {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 2px;
}
@media (min-width: 768px) {
  .widget.span8 .widget.calendar .cl-event-detail-panel {
    background-color: #ebebeb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
    background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
    background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
    background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
    background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
  }
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul {
    display: table;
    width: 100%;
  }
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li {
    display: table-row;
  }
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li > h5,
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li > p,
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li > dl {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li + li {
    border-top: none;
  }
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li + li > h5,
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li + li > p,
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li + li > dl {
    border-top: 1px dotted #c2c2c2;
  }
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li > h5,
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li > p {
    display: table-cell;
  }
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li > p {
    padding-left: 10px;
  }
  .widget.span8 .widget.calendar .cl-event-detail-panel .cl-event-content .cl-detail-items ul li dl {
    padding-left: 5px;
  }
}
/* icons */
.widget.calendar .icon-calendar {
  width: 16px;
  height: 16px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -470px 0;
  margin-right: 3px;
  line-height: 14px;
  vertical-align: text-top;
}
.widget.calendar .icon-calendar:before {
  display: none;
}
.widget.calendar .icon-wait {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 11px;
  height: 16px;
  background-position: 0 -95px;
}
.widget.calendar .icon-redtic {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 16px;
  height: 15px;
  background-position: -20px -95px;
}
.widget.calendar .icon-ban-circle {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  background-position: -70px -113px;
  width: 14px;
  height: 14px;
}
.widget.calendar .icon-organizer {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  background-position: -70px 0px;
  width: 14px;
  height: 14px;
}
.widget.calendar .icon-tentative {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  background-position: -70px -23px;
  width: 14px;
  height: 14px;
}
.widget.calendar .icon-accept {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  background-position: -70px -46px;
  width: 14px;
  height: 14px;
}
.widget.calendar .icon-decline {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  background-position: -70px -68px;
  width: 14px;
  height: 14px;
}
.widget.calendar .icon-unknown {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  background-position: -70px -90px;
  width: 14px;
  height: 14px;
}
/* -----------------------------------------------------------------------------
   widget: todo
----------------------------------------------------------------------------- */
.widget .widget.todo {
  background-color: #c5cdd3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e7ea), to(#c5cdd3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e4e7ea, #c5cdd3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.widget.todo .widget-header {
  z-index: 1070;
}
.widget.todo .widget-title .icon {
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  background-position: 0 -390px;
  position: relative;
  top: 1px;
}
/* alerts */
.widget.todo .alert {
  clear: both;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 5px 0;
  padding: 3px 5px 3px 10px;
}
/* scrollshadows */
.widget .widget.todo:before,
.widget .widget.todo:after {
  display: none !important;
}
.widget .widget.todo .scrollshadows:before {
  top: 83px;
}
.widget .widget.todo .scrollshadows:after {
  bottom: 20px;
}
.widget .widget.todo .scrollshadows.todo-item-content-wrp:before {
  top: 0;
}
.widget .widget.todo .scrollshadows.todo-item-content-wrp:after {
  bottom: 0;
}
.widget .widget.todo .icon-calendar {
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 15px;
  display: inline-block;
  background-position: 0 -395px;
}
.widget .widget.todo .todo-icon-calendar {
  display: block;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-position: -470px 0;
  margin: 0 2px 4px 2px;
  line-height: 14px;
  vertical-align: text-top;
}
.widget .widget.todo .todo-icon-calendar:before {
  display: none;
}
/* follow up indicators */
.ml-followup {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 16px;
  overflow: hidden;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  background-position: -80px -130px;
}
.ml-followup.today {
  background-position: -190px -2px;
}
.ml-followup.tomorrow {
  background-position: -190px -20px;
}
.ml-followup.this-week {
  background-position: -190px -38px;
}
.ml-followup.next-week {
  background-position: -190px -56px;
}
.ml-followup.unflag {
  background-position: -190px -74px;
}
.ml-followup.completed {
  background-position: -190px -140px;
}
a.ml-followup {
  cursor: pointer;
}
a.ml-followup:hover,
a.ml-followup:focus {
  background-position: -190px -93px !important;
}
/* Additional Icons*/
.ml-attachement {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 14px;
  overflow: hidden;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  background-position: -190px -122px;
}
.widget.todo .widget-header h2 {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget.todo .widget-header .widget-controls .widget-reload-icon {
  position: absolute;
  right: 24px;
}
.widget.todo .widget-header .widget-controls .widget-open-app {
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -295px;
  vertical-align: top;
  margin: 2px 0 0 0;
}
.widget.todo .widget-header .widget-controls .widget-open-app:hover,
.widget.todo .widget-header .widget-controls .widget-open-app:focus {
  background-position: 0 -312px;
}
@media (min-width: 768px) {
  .widget.todo.span8.seamless .widget-controls {
    right: 311px;
  }
}
.widget.todo i.icon-clock {
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 13px;
  background-position: -25px -370px;
}
.widget.todo .todo-add-wrapper {
  padding-top: 5px;
  padding-bottom: 7px;
}
.widget.todo .todo-add-wrapper a {
  color: #e60f46;
  font-size: 12px;
}
.widget.todo .todo-add-wrapper a:hover,
.widget.todo .todo-add-wrapper a:active {
  text-decoration: none;
}
.widget.todo .todo-add-wrapper a i.icon-add {
  position: relative;
  top: -2px;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  background-position: 0 -370px;
  margin-right: 4px;
}
/* body */
.widget.todo .widget-body {
  /* postbox panel */

  /* icons */

  /* message panel */

}
.widget.todo .widget-body .ml-postbox-panel {
  position: absolute;
  z-index: 1050;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  min-width: 300px;
  background-color: #c5cdd3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e7ea), to(#c5cdd3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e4e7ea, #c5cdd3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.widget.todo .widget-body .ml-postbox-panel > .todo-item-search {
  position: absolute;
  top: 50px;
  left: 23px;
  right: 10px;
  height: 32px;
}
.widget.todo .widget-body .ml-postbox-panel > .ml-content {
  position: absolute;
  top: 82px;
  bottom: 20px;
  left: 0;
  right: 5px;
  padding: 2px 7px 0 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.todo .widget-body .ml-postbox-panel .ml-info {
  font-size: 12px;
  line-height: 15px;
  color: #666;
  padding: 15px 0;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item-separator {
  border-top: 1px dotted #a7abae;
  margin-top: 1px;
  padding-top: 15px;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item-separator h4 {
  font-weight: bold;
  font-size: 13px;
  text-transform: none;
  margin-bottom: 6px;
  font-family: arial, sans-serif;
}
.widget.todo .widget-body .ml-postbox-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.todo .widget-body .ml-postbox-panel li {
  display: block;
  margin: 0;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 15px;
}
.widget.todo .widget-body .ml-postbox-panel li.ml-more-messages {
  border: none;
  text-align: center;
  padding-top: 10px;
}
.widget.todo .widget-body .ml-postbox-panel li.ml-more-messages a {
  color: #e60f46;
  font-size: 12px;
}
.widget.todo .widget-body .ml-postbox-panel li.ml-more-messages a:hover,
.widget.todo .widget-body .ml-postbox-panel li.ml-more-messages a:focus {
  color: #000;
  text-decoration: none;
}
.widget.todo .widget-body .ml-postbox-panel li + li {
  border-top: 1px dotted #a7abae;
  padding-top: 3px;
}
.widget.todo .widget-body .ml-postbox-panel li > div {
  position: relative;
  height: 47px;
}
.widget.todo .widget-body .ml-postbox-panel .ml-more-icon {
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 8px;
  height: 9px;
  background-position: -175px -192px;
}
.widget.todo .widget-body .ml-postbox-panel .ml-more-icon:hover,
.widget.todo .widget-body .ml-postbox-panel .ml-more-icon:focus,
.widget.todo .widget-body .ml-postbox-panel a:hover .ml-more-icon,
.widget.todo .widget-body .ml-postbox-panel a:focus .ml-more-icon {
  background-position: -175px -210px;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item-cb {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  vertical-align: middle;
  line-height: 43px;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item-cb input {
  margin-top: 0;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item {
  display: block;
  background: #fff;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  padding: 9px 60px 8px 30px;
  color: #333;
  *zoom: 1;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item:before {
  content: "";
  display: table;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item:after {
  clear: both;
  content: "";
  display: table;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item .todo-item-headline {
  color: #000;
  font-size: 12px;
  max-height: 31px;
  min-height: 31px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item .todo-item-headline .todo-timestamp {
  color: #6e6e6e;
  font-size: 11px;
  white-space: nowrap;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item .ml-timestamp {
  float: right;
  font-size: 11px;
  color: #666;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item .ml-user {
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 15px;
  overflow: hidden;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item .ml-user i {
  margin-left: 2px;
}
.widget.todo .widget-body .ml-postbox-panel .todo-item .ml-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 15px;
  overflow: hidden;
}
.widget.todo .widget-body .ml-postbox-panel li.active .todo-item,
.widget.todo .widget-body .ml-postbox-panel li:hover .todo-item,
.widget.todo .widget-body .ml-postbox-panel li:focus .todo-item,
.widget.todo .widget-body .ml-postbox-panel .todo-item:hover,
.widget.todo .widget-body .ml-postbox-panel .todo-item:focus {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  text-decoration: none;
  background: #fff;
}
.widget.todo .widget-body .ml-postbox-panel li.unread .todo-item {
  border-left: 4px solid #000;
  padding-left: 26px;
  background: #fff;
}
.widget.todo .widget-body .ml-postbox-panel li.unread .todo-item .ml-followup {
  left: 8px;
}
.widget.todo .widget-body .ml-postbox-panel .ml-followup {
  position: absolute;
  top: 8px;
  left: 12px;
}
.widget.todo .widget-body .ml-postbox-panel .ml-delete {
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -8px;
}
.widget.todo .widget-body .ml-postbox-panel .ml-edit {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -7px;
}
.widget.todo .widget-body li.todo-closed .todo-item {
  background: rgba(255, 255, 255, 0.6);
}
.widget.todo .widget-body li.todo-closed .todo-item .todo-item-headline {
  color: #666666;
}
.widget.todo .widget-body li.todo-closed .todo-item .todo-item-headline > span:first-child {
  text-decoration: line-through;
}
.widget.todo .widget-body a.ml-icon {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.widget.todo .widget-body a.ml-icon > span {
  display: block;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.widget.todo .widget-body a.ml-icon.ml-delete > span {
  width: 13px;
  height: 15px;
  background-position: -130px -130px;
}
.widget.todo .widget-body a.ml-icon.ml-delete:hover > span,
.widget.todo .widget-body a.ml-icon.ml-delete:focus > span {
  background-position: -130px -170px;
}
.widget.todo .widget-body a.ml-icon.ml-edit > span {
  width: 14px;
  height: 14px;
  background-position: -25px -330px;
}
.widget.todo .widget-body a.ml-icon.ml-edit:hover > span,
.widget.todo .widget-body a.ml-icon.ml-edit:focus > span {
  background-position: -25px -350px;
}
.widget.todo .widget-body .ml-message-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  min-width: 300px;
  background: #fff;
  overflow: hidden;
  z-index: 1020;
  left: 100%;
  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -ms-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}
.widget.todo .widget-body .ml-message-panel.disabled:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
}
.widget.todo .widget-body .ml-message-panel.active {
  z-index: 1080;
}
.widget.todo .widget-body .ml-message-panel.show {
  left: 0;
}
.widget.todo .widget-body .ml-message-panel .ml-message-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.todo .widget-body .ml-message-panel .ml-message-head.disabled .ml-backbutton .btn div {
  background-position: -560px -15px;
}
.widget.todo .widget-body .ml-message-panel .ml-message-content-wrp {
  position: absolute;
  top: 50px;
  bottom: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.widget.todo .widget-body .ml-message-panel .ml-message-content-wrp.scrollshadows::before {
  top: 0;
}
.widget.todo .widget-body .ml-message-panel .ml-message-content-wrp.scrollshadows::after {
  bottom: 0;
}
.widget.todo .widget-body .ml-message-panel .ml-message-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 5px;
  padding: 0 15px 20px 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.todo .widget-body .ml-message-panel.no-message,
.widget.todo .widget-body .ml-message-panel.unread-messages {
  right: 0 !important;
}
.widget.todo .widget-body .ml-message-panel.no-message > div,
.widget.todo .widget-body .ml-message-panel.unread-messages > div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -80px 0 0 -100px;
  width: 200px;
  font-size: 13px;
  text-align: center;
  padding: 0;
}
.widget.todo .widget-body .ml-message-panel.no-message > div > div,
.widget.todo .widget-body .ml-message-panel.unread-messages > div > div {
  height: 122px;
  width: 122px;
  overflow: hidden;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  background-position: -60px -330px;
  margin: 0 auto 10px;
  position: relative;
}
.widget.todo .widget-body .ml-message-panel.unread-messages > div {
  margin-top: -55px;
}
.widget.todo .widget-body .ml-message-panel.unread-messages > div > div {
  overflow: visible;
  width: 126px;
  height: 84px;
  background-position: 0 -190px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}
.widget.todo .widget-body .ml-message-panel.unread-messages > div > div[data-unread]::after {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 38px;
  content: attr(data-unread);
  display: block;
  width: 60px;
  height: 60px;
  background-color: #000;
  color: #fff;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  -webkit-border-radius: 60px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 60px;
  border-radius: 60px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 7px solid #fff;
  position: absolute;
  right: -24px;
  top: -33px;
}
.widget.todo .widget-body .ml-message-panel.unread-messages > div > div.thousands[data-unread]::after {
  font-size: 24px;
}
.widget.todo .widget-body .ml-message-content .todo-entry {
  padding-top: 11px;
}
.widget.todo .widget-body .ml-message-content .todo-entry h4 {
  font-size: 11px;
  font-weight: normal;
  font-family: arial, sans-serif;
  text-transform: none;
  color: #666666;
  margin-bottom: 1px;
}
.widget.todo .widget-body .ml-message-content .todo-entry h4 i {
  margin-right: 2px;
}
.widget.todo .widget-body .ml-message-content .todo-entry p {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 4px;
}
.widget.todo .widget-body .ml-message-content .todo-entry p + h4 {
  padding-top: 9px;
  border-top: 1px dotted #b2b2b2;
}
.widget.todo .widget-body .ml-message-head {
  *zoom: 1;
  padding: 15px 10px 0 20px;
  position: relative;
}
.widget.todo .widget-body .ml-message-head:before {
  content: "";
  display: table;
}
.widget.todo .widget-body .ml-message-head:after {
  clear: both;
  content: "";
  display: table;
}
.widget.todo .widget-body .ml-message-head.disabled:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
}
.widget.todo .widget-body .ml-message-head .ml-backbutton {
  float: left;
}
.widget.todo .widget-body .ml-message-head .ml-backbutton .btn div {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 6px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -560px -5px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 5px 0 -5px;
  position: relative;
  top: -1px;
}
.widget.todo .widget-body .ml-message-head .open-app {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -60px -410px;
  margin: 5px 5px 0 0;
}
.widget.todo .widget-body .ml-message-head .open-app:hover,
.widget.todo .widget-body .ml-message-head .open-app:focus {
  background-position: -60px -430px;
}
.widget.todo .widget-body .ml-message-head .ml-delete-msg {
  display: inline-block;
  width: 13px;
  height: 15px;
  background-position: -130px -130px;
  vertical-align: top;
  margin: 4px 5px 0 0;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
}
.widget.todo .widget-body .ml-message-head .ml-delete-msg:hover,
.widget.todo .widget-body .ml-message-head .ml-delete-msg:focus {
  background-position: -130px -170px;
}
.widget.todo .widget-body .ml-message-head .ml-edit-msg {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-position: -25px -330px;
  vertical-align: top;
  margin: 4px 5px 0 0;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
}
.widget.todo .widget-body .ml-message-head .ml-edit-msg:hover,
.widget.todo .widget-body .ml-message-head .ml-edit-msg:focus {
  background-position: -25px -350px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action {
  float: right;
  padding-top: 2px;
  white-space: nowrap;
  padding-right: 5px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .open-app,
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-delete-msg {
  position: relative;
  top: -1px;
  left: 2px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .open-app {
  margin-left: 5px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons {
  display: inline-block;
  vertical-align: middle;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #b2b2b2;
  -webkit-border-radius: 20px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 20px;
  border-radius: 20px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li {
  float: left;
  padding: 3px 0;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li + li a {
  border-left: 1px dotted #777;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li a {
  float: left;
  cursor: pointer;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li a i {
  display: block;
  height: 16px;
  overflow: hidden;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply a {
  padding: 0 4px 0 8px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply i {
  width: 19px;
  background-position: 0 -150px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply:hover i,
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply:focus i {
  background-position: 0 -170px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply-all a {
  padding: 0 3px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply-all i {
  width: 24px;
  background-position: -30px -150px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply-all:hover i,
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.reply-all:focus i {
  background-position: -30px -170px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.forward a {
  padding: 0 5px 0 6px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.forward i {
  width: 15px;
  background-position: -60px -150px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.forward:hover i,
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.forward:focus i {
  background-position: -60px -170px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.move a {
  padding: 0 4px 0 5px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.move i {
  width: 19px;
  background-position: -80px -150px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.move:hover i,
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.move:focus i {
  background-position: -80px -170px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag a {
  padding: 0 6px 0 7px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag i {
  width: 11px;
  background-position: -110px -150px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag:hover i,
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag:focus i {
  background-position: -110px -170px !important;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.today i {
  background-position: 0 -128px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.tomorrow i {
  background-position: -20px -128px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.this-week i {
  background-position: -40px -128px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.next-week i {
  background-position: -60px -128px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.flag.unflag i {
  background-position: -80px -128px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.delete a {
  padding: 0 12px 0 7px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.delete i {
  width: 11px;
  background-position: -130px -150px;
}
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.delete:hover i,
.widget.todo .widget-body .ml-message-head .ml-message-action .ml-message-buttons li.delete:focus i {
  background-position: -130px -170px;
}
@media (min-width: 768px) {
  .widget.todo.span8 .widget-body .ml-header-panel,
  .widget.todo.span8 .widget-body .ml-postbox-panel,
  .widget.todo.span8 .widget-body .ml-message-panel {
    min-width: 310px;
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -ms-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
    left: auto;
    right: 50%;
  }
  .widget.todo.span8 .widget-body .ml-header-panel.show,
  .widget.todo.span8 .widget-body .ml-postbox-panel.show,
  .widget.todo.span8 .widget-body .ml-message-panel.show {
    right: 0;
  }
  .widget.todo.span8 .widget-body .ml-header-panel.no-message,
  .widget.todo.span8 .widget-body .ml-postbox-panel.no-message,
  .widget.todo.span8 .widget-body .ml-message-panel.no-message {
    display: block;
  }
  .widget.todo.span8 .widget-body .ml-header-panel .todo-item-head .ml-backbutton,
  .widget.todo.span8 .widget-body .ml-postbox-panel .todo-item-head .ml-backbutton,
  .widget.todo.span8 .widget-body .ml-message-panel .todo-item-head .ml-backbutton {
    display: none;
  }
  .widget.todo.span8 .widget-body .ml-message-panel .ml-backbutton {
    display: none;
  }
  .widget.todo.span8 .widget-layer.show.todo-layer-editor {
    top: 0;
  }
  .widget.todo.span8 .widget-layer.show.todo-layer-editor .widget-layer-content {
    height: 305px;
  }
  .widget.todo.span8 .todo-layer-categories {
    left: 0;
  }
}
.widget.popup .widget.todo.span8 .widget-body .ml-header-panel,
.widget.popup .widget.todo.span8 .widget-body .ml-postbox-panel,
.widget.popup .widget.todo.span8 .widget-body .ml-message-panel {
  min-width: 310px;
  -webkit-transition: right 0.3s ease-out;
  -moz-transition: right 0.3s ease-out;
  -ms-transition: right 0.3s ease-out;
  -o-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
  left: auto;
  right: 50%;
}
.widget.popup .widget.todo.span8 .widget-body .ml-header-panel.show,
.widget.popup .widget.todo.span8 .widget-body .ml-postbox-panel.show,
.widget.popup .widget.todo.span8 .widget-body .ml-message-panel.show {
  right: 0;
}
.widget.popup .widget.todo.span8 .widget-body .ml-header-panel.no-message,
.widget.popup .widget.todo.span8 .widget-body .ml-postbox-panel.no-message,
.widget.popup .widget.todo.span8 .widget-body .ml-message-panel.no-message {
  display: block;
}
.widget.popup .widget.todo.span8 .widget-body .ml-header-panel .todo-item-head .ml-backbutton,
.widget.popup .widget.todo.span8 .widget-body .ml-postbox-panel .todo-item-head .ml-backbutton,
.widget.popup .widget.todo.span8 .widget-body .ml-message-panel .todo-item-head .ml-backbutton {
  display: none;
}
/* widget layer */
.widget.todo .widget-layer {
  background: #fff;
  left: auto;
  right: 0;
  width: 100%;
}
.widget.todo .widget-layer.show {
  top: 50px;
}
.widget.todo .widget-layer .widget-layer-content {
  height: 255px;
}
.widget.todo .widget-layer .widget-layer-content > div {
  padding-top: 15px;
  padding-left: 1px;
}
.widget.todo .widget-layer .widget-layer-content h4 {
  text-transform: none;
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper {
  position: absolute;
  top: 74px;
  bottom: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper.scrollshadows::before {
  top: 0px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper.scrollshadows::after {
  bottom: 0;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper > div {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  padding-left: 20px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-add-wrapper {
  padding-top: 7px;
  border-bottom: 1px dotted #c2c2c2;
  width: 260px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  white-space: nowrap;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-add-wrapper > a {
  margin-left: 5px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-add-wrapper > input {
  display: none;
  font-size: 12px;
  color: #666666;
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 0;
  width: 190px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-add-wrapper > button {
  display: none;
  vertical-align: top;
  margin-top: 3px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-add-wrapper.edit > a {
  display: none;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-add-wrapper.edit > input {
  display: inline-block;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-add-wrapper.edit > button {
  display: inline-block;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  margin-right: 7px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list + ul {
  border-top: 1px solid #c2c2c2;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li {
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 15px;
  position: relative;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li .item-icon {
  position: absolute;
  left: 6px;
  top: 0;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li .item-icon .icon-clock {
  position: relative;
  top: 8px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li .todo-cat-item {
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  background: #fff;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  padding-left: 26px;
  padding-top: 8px;
  color: #000;
  height: 29px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-transition: background 120ms;
  -moz-transition: background 120ms;
  -ms-transition: background 120ms;
  -o-transition: background 120ms;
  transition: background 120ms;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li .todo-cat-item small {
  font-size: 11px;
  color: #666666;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li .todo-cat-item .cat-editor {
  display: none;
  white-space: nowrap;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li .todo-cat-item .cat-editor > input {
  display: inline-block;
  font-size: 12px;
  color: #666666;
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 0;
  width: 173px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li .todo-cat-item .cat-editor > button {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li .ml-delete {
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -8px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li .ml-edit {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -7px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li a.ml-icon {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li a.ml-icon > span {
  display: block;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li a.ml-icon.ml-delete > span {
  width: 13px;
  height: 15px;
  background-position: -130px -130px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li a.ml-icon.ml-delete:hover > span,
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li a.ml-icon.ml-delete:focus > span {
  background-position: -130px -170px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li a.ml-icon.ml-edit > span {
  width: 14px;
  height: 14px;
  background-position: -25px -330px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li a.ml-icon.ml-edit:hover > span,
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li a.ml-icon.ml-edit:focus > span {
  background-position: -25px -350px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li:hover .todo-cat-item {
  background: #f2f2f2;
  text-decoration: none;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li + li {
  border-top: 1px dotted #c2c2c2;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li.edit .todo-cat-item {
  padding-top: 0;
  padding-left: 5px;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li.edit .todo-cat-item .todo-cat-headline {
  display: none;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li.edit .todo-cat-item .cat-editor {
  display: block;
}
.widget.todo .widget-layer .widget-layer-content .todo-layer-wrapper .todo-cat-list li.edit .ml-icon {
  display: none;
}
.widget.todo .widget-layer.todo-layer-editor {
  background: #f2f2f2;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper {
  top: 39px;
  bottom: 44px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper.scrollshadows::before {
  top: 0px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper.scrollshadows::after {
  bottom: 0;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper > div {
  padding-top: 7px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line {
  padding-right: 7px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line label {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  margin-bottom: 2px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line input[type=text],
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line textarea {
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  padding: 1px 8px;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line input[type=text] {
  height: 24px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line textarea {
  color: #333;
  height: 108px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .ui-autocomplete {
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: 100%;
  width: 260px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  padding: 5px 0;
  display: none;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .ui-autocomplete.active {
  display: block;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .ui-autocomplete li {
  position: relative;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .ui-autocomplete li:hover a {
  background: #f2f2f2;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .ui-autocomplete a {
  color: #000;
  font-size: 12px;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 5px 3px 31px;
  -webkit-border-radius: 0;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0;
  border-radius: 0;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .ui-autocomplete input[type=checkbox] {
  position: absolute;
  left: 10px;
  top: 2px;
  display: inline-block;
  width: auto !important;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-add-wrapper {
  width: 260px;
  border-bottom: none;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-add-wrapper input {
  width: 188px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-cb-group {
  margin-bottom: 10px;
  *zoom: 1;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-cb-group:before {
  content: "";
  display: table;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-cb-group:after {
  clear: both;
  content: "";
  display: table;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-cb-group label {
  display: block;
  float: left;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-cb-group input {
  display: inline-block;
  position: relative;
  top: -3px;
  margin-right: 6px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-radio-group {
  margin-right: -18px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-radio-group label {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 10px;
  white-space: nowrap;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-radio-group label input {
  position: relative;
  top: -3px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-radio-group input {
  display: inline-block;
  margin-right: 2px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-radio-group input[type=text] {
  width: 120px;
  position: relative;
  top: 5px;
  color: #333;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-radio-group input[type=text] + .btn {
  padding-left: 3px;
  padding-right: 3px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .todo-radio-group input[type=text] + .btn i {
  position: relative;
  top: 1px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .datepicker-result-wrapper {
  display: inline-block;
  white-space: nowrap;
  padding-bottom: 10px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .datepicker-result-wrapper select {
  margin-bottom: 0;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .datepicker-result-wrapper .c-day {
  width: 55px;
  margin-right: 0;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .datepicker-result-wrapper .c-month {
  width: 90px;
  margin-right: 0;
}
.widget.todo .widget-layer.todo-layer-editor .todo-layer-wrapper .todo-line .datepicker-result-wrapper .c-year {
  width: 75px;
}
.widget.todo .widget-layer.todo-layer-editor .todo-actions {
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.widget.todo .widget-layer.left {
  left: 0;
  right: auto;
}
.widget.todo .widget-layer.right {
  left: auto;
  right: 0;
}
.widget.todo .widget-layer.full {
  left: 0;
  right: 0;
}
/* datepicker */
.widget .widget.todo .datepicker {
  width: 235px;
  background: #fff;
  padding: 10px;
  margin-top: 10px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent, 0 0 0 0 transparent;
  position: relative;
}
.widget .widget.todo .datepicker .datepicker-clip {
  width: 33px;
  height: 17px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -410px -60px;
  position: absolute;
  top: -17px;
  left: 143px;
}
@media (min-width: 768px) {
  .widget.todo.span8 .widget-layer {
    width: 50%;
  }
  .widget.todo.span8 .widget-layer.full {
    width: 100%;
  }
}
/* mask: confirm */
.widget.todo .mask-confirm {
  padding: 20px 0;
}
.widget.todo .mask-confirm p {
  font-size: 13px;
}
.widget.todo .mask-confirm .buttons {
  position: absolute;
  bottom: 16px;
  right: 15px;
}
/* mask: follow up */
.widget.todo .mask-follow-up {
  padding: 20px 0 17px;
}
.widget.todo .mask-follow-up h4 {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  position: relative;
  top: -6px;
}
.widget.todo .mask-follow-up p {
  font-size: 13px;
}
.widget.todo .mask-follow-up ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -9px;
  margin-left: -5px;
}
.widget.todo .mask-follow-up li {
  padding: 1px 0;
  font-size: 12px;
}
.widget.todo .mask-follow-up li + li {
  border-top: 1px dotted #cdcecf;
}
.widget.todo .mask-follow-up li a {
  display: block;
  padding: 5px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #e60f46;
}
.widget.todo .mask-follow-up li a:hover,
.widget.todo .mask-follow-up li a:focus {
  background: #e2e2e2;
  text-decoration: none;
}
.widget.todo .mask-follow-up li .ml-followup {
  margin-right: 5px;
}
/* smartphone */
@media (max-width: 767px) {
  .widget .widget.todo .scrollshadows:after {
    bottom: 0;
  }
  .widget.todo .widget-body .ml-postbox-panel > .ml-content {
    bottom: 0;
    padding-bottom: 20px;
  }
  .widget.todo .widget-body .ml-message-panel .todo-item-content-wrp {
    bottom: 0;
  }
}
/* context: popup */
body .widget.popup,
body .widget.popup .todo {
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 620px;
  max-width: 900px;
  min-height: 310px;
  max-height: 800px;
  -webkit-border-radius: 0px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0px;
  border-radius: 0px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
body .widget.popup .widget-layer,
body .widget.popup .todo .widget-layer {
  top: 800px;
  width: 50% !important;
}
body .widget.popup .widget-layer.show,
body .widget.popup .todo .widget-layer.show {
  top: 48px;
}
body .widget.popup .scrollshadows:after,
body .widget.popup .todo .scrollshadows:after {
  bottom: 20px;
}
body .widget.popup .widget-body .ml-postbox-panel > .ml-content,
body .widget.popup .todo .widget-body .ml-postbox-panel > .ml-content {
  bottom: 20px;
  padding-bottom: 20px;
}
body .widget.popup .widget-body .ml-message-panel .todo-item-content-wrp,
body .widget.popup .todo .widget-body .ml-message-panel .todo-item-content-wrp {
  bottom: 20px;
}
/* -----------------------------------------------------------------------------
   widget: calendar
----------------------------------------------------------------------------- */
.widget .widget.contacts {
  background-color: #c5cdd3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e7ea), to(#c5cdd3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e4e7ea, #c5cdd3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.widget .widget.contacts .widget-header {
  z-index: 1070;
  padding-bottom: 0;
}
.widget .widget.contacts .widget-header .widget-controls {
  z-index: 1070;
}
.widget .widget.contacts .widget-header .widget-controls .widget-reload-icon {
  position: absolute;
  right: 24px;
}
.widget .widget.contacts .widget-header .widget-controls .widget-open-app {
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -295px;
  vertical-align: top;
  margin: 2px 0 0 0;
}
.widget .widget.contacts .widget-header .widget-controls .widget-open-app:hover,
.widget .widget.contacts .widget-header .widget-controls .widget-open-app:focus {
  background-position: 0 -312px;
}
.widget .widget.contacts .widget-title {
  position: relative;
  top: -5px;
}
.widget .widget.contacts .widget-title .icon {
  background-image: url(../img/calendar-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 0 -230px;
  width: 29px;
  height: 25px;
  position: relative;
  top: 4px;
  left: -2px;
}
/* scrollshadows */
.widget .widget.contacts:before,
.widget .widget.contacts:after {
  display: none !important;
}
.widget .widget.contacts .scrollshadows:before {
  top: 81px;
}
.widget .widget.contacts .scrollshadows:after {
  bottom: 20px;
}
/* search */
.widget.contacts .contacts-search {
  position: absolute;
  top: 50px;
  left: 23px;
  right: 10px;
  height: 32px;
  z-index: 20;
}
/* body */
.widget.contacts {
  /* search results mode */

  /* anchor bar (A-Z) */

  /* base styles */

}
.widget.contacts .contacts-search-results .contacts-anchorbar {
  display: none;
}
.widget.contacts .contacts-search-results .contacts-content > div {
  padding-left: 15px;
}
.widget.contacts .contacts-search-results .contacts-content .contacts-section .contacts-section-header {
  display: none !important;
}
.widget.contacts .contacts-search-results .contacts-content .contacts-section .contact-item.contacts-new-section {
  margin-top: 0 !important;
  clear: none !important;
}
.widget.contacts .contacts-anchorbar {
  position: absolute;
  left: 17px;
  top: 84px;
  z-index: 500;
}
.widget.contacts .contacts-anchorbar a {
  display: block;
  cursor: pointer;
  color: #666;
  width: 1em;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 2px 0;
}
.widget.contacts .contacts-anchorbar a:hover,
.widget.contacts .contacts-anchorbar a:focus {
  color: #e60f46;
  text-decoration: none;
}
.widget.contacts .contacts-list-panel {
  position: absolute;
  z-index: 1050;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.widget.contacts .contacts-content {
  position: absolute;
  top: 82px;
  bottom: 20px;
  left: 5px;
  right: 5px;
  padding: 2px 7px 0 0;
  overflow: hidden;
  overflow-y: auto;
}
.widget.contacts .contacts-content > div {
  padding-right: 10px;
  padding-left: 40px;
  overflow: hidden;
}
.widget.contacts .contacts-section {
  position: relative;
}
.widget.contacts .contacts-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
.widget.contacts .contacts-section ul:before {
  content: "";
  display: table;
}
.widget.contacts .contacts-section ul:after {
  clear: both;
  content: "";
  display: table;
}
.widget.contacts .contacts-section + .contacts-section {
  padding-top: 10px;
}
.widget.contacts .contacts-section-header {
  font-size: 20px;
  color: #e60f46;
  border-bottom: 1px dotted #909598;
  margin: 0 0 7px 0;
  display: none;
}
.widget.contacts .contacts-new-section {
  clear: both;
}
.widget.contacts .contacts-new-section .contacts-section-header {
  display: block;
  padding-top: 7px;
}
.widget.contacts .contact-item {
  position: relative;
}
.widget.contacts .contact-item:first-child .contacts-section-header {
  padding-top: 2px;
}
.widget.contacts .contact-item a {
  color: #e60f46;
}
.widget.contacts .contact-item a:hover,
.widget.contacts .contact-item a:focus {
  text-decoration: underline;
}
.widget.contacts .contact-item .contact-thumbnail {
  display: block;
  height: 68px;
  width: 68px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.contacts .contact-item .contact-thumbnail img {
  max-width: 100%;
  border: none;
}
.widget.contacts .contact-item .contact-thumbnail:hover ~ .contact-name,
.widget.contacts .contact-item .contact-thumbnail:focus ~ .contact-name {
  text-decoration: underline;
}
.widget.contacts .contact-item .contact-snippet {
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget.contacts .contact-item .contact-name {
  display: block;
  font-size: 11px;
  line-height: 1.3em;
  height: 2.6em;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  padding: 5px 5px 0 0;
  color: #333;
}
.widget.contacts .contacts-list-show-more {
  clear: both;
  padding: 5px 0;
  display: none;
}
.widget.contacts .contacts-list-show-more.show {
  display: block;
}
.widget.contacts .contacts-list-show-more a {
  color: #e60f46;
  font-size: 12px;
}
.widget.contacts .contacts-list-show-more a:hover,
.widget.contacts .contacts-list-show-more a:focus {
  color: #000;
  text-decoration: none;
}
.widget.contacts .contacts-list-show-more .more-icon {
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 8px;
  height: 9px;
  background-position: -175px -192px;
}
.widget.contacts .contacts-list-show-more a:hover .more-icon,
.widget.contacts .contacts-list-show-more a:focus .more-icon {
  background-position: -175px -210px;
}
.widget.contacts .contacts-content .contact-item {
  width: auto !important;
  float: none;
  margin-top: 0 !important;
  margin-bottom: 5px;
  *zoom: 1;
}
.widget.contacts .contacts-content .contact-item:before {
  content: "";
  display: table;
}
.widget.contacts .contacts-content .contact-item:after {
  clear: both;
  content: "";
  display: table;
}
.widget.contacts .contacts-content .contact-item .contact-thumbnail {
  width: 25px;
  height: 25px;
  position: absolute;
}
.widget.contacts .contacts-content .contact-item .online-status {
  position: absolute;
  top: auto;
  left: auto;
  margin: 6px 0 0 30px;
  border: none;
}
.widget.contacts .contacts-content .contact-item .contact-snippet {
  width: 32%;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 20px;
  height: auto;
  line-height: 25px;
}
.widget.contacts .contacts-content .contact-item .contact-name {
  width: 36%;
  padding-left: 48px;
  white-space: nowrap;
}
.widget.contacts .widget-message {
  left: -13px;
}
.widget.contacts .contacts-search-results .widget-message {
  left: 0px;
}
.widget.contacts .contact-search-notice .loader {
  width: 64px;
  height: 64px;
  background: #ffffff url(../img/loader.gif) no-repeat center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -72px;
  margin-left: -32px;
  -webkit-border-radius: 64px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 64px;
  border-radius: 64px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.contacts .contact-search-notice p {
  font-size: 12px;
  color: #666666;
  text-align: center;
  width: 224px;
  margin: 0 auto;
  padding-top: 20px;
}
.widget.contacts .contact-search-notice i.contact-search-alert {
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 41px;
  height: 41px;
  background-position: -45px -500px;
}
.widget.contacts .widget-body .contacts-detail-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  min-width: 300px;
  background: #fff;
  overflow: hidden;
  z-index: 1080;
  left: 100%;

  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -ms-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}
.widget.contacts .widget-body .contacts-detail-panel.disabled:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
}
.widget.contacts .widget-body .contacts-detail-panel.show {
  left: 0;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-head {
  *zoom: 1;
  padding: 15px 10px 0 20px;
  position: relative;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-head:before {
  content: "";
  display: table;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-head:after {
  clear: both;
  content: "";
  display: table;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-head.disabled:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-head .ml-backbutton {
  float: left;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-head .ml-backbutton .btn div {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 6px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -560px -5px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 5px 0 -5px;
  position: relative;
  top: -1px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content-wrp {
  position: absolute;
  top: 50px;
  bottom: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content-wrp.scrollshadows::before {
  top: 0;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content-wrp.scrollshadows::after {
  bottom: 0;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 6px;
  padding: 12px 5px 0 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-summ {
  *zoom: 1;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-summ:before {
  content: "";
  display: table;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-summ:after {
  clear: both;
  content: "";
  display: table;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-summ .contact-thumbnail {
  width: 68px;
  height: 68px;
  float: left;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-summ .contact-thumbnail img {
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  max-width: 100%;
  max-height: 100%;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-summ .contact-name {
  overflow: hidden;
  color: #000000;
  padding-left: 10px;
  line-height: 16px;
  position: relative;
  top: -2px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-summ .contact-name strong {
  font-size: 14px;
  display: block;
  margin-bottom: 3px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-summ .contact-name p {
  font-size: 12px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-summ .contact-name .btn {
  margin: -5px 0 5px 0;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote {
  background: #f2f2f2;
  padding: 11px 10px 10px 9px;
  margin-top: 3px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 90%;
  float: left;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote h4 {
  font-family: arial, sans-serif;
  text-transform: none;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 12px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li {
  color: #000000;
  font-size: 12px;
  position: relative;
  padding-left: 28px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li i {
  display: inline-block;
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li i.mail {
  background-position: -90px 0;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li i.phone {
  background-position: -90px -20px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li i.mobile {
  background-position: -90px -40px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li i.fax {
  background-position: -90px -60px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li i.loc {
  background-position: -90px -80px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li a {
  color: #e60f46;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li p {
  margin: 0;
  line-height: 18px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li + li {
  border-top: 1px dotted #c8caca;
  margin-top: 3px;
  padding-top: 5px;
}
.widget.contacts .widget-body .contacts-detail-panel .ml-message-content .contact-kojote ul li + li i {
  top: 5px;
}
/* widget modes */
.widget.contacts.span4 .contacts-content .contacts-section .contact-item .contact-snippet {
  display: none;
}
.widget.contacts.span4 .contacts-content .contacts-section .contact-item .contact-name {
  display: inline-block;
  width: 100%;
}
@media (max-width: 767px) {
  .widget.contacts .contacts-detail-panel .ml-message-content {
    padding-bottom: 20px;
  }
  .widget.contacts .contacts-content {
    padding-bottom: 20px;
  }
  .widget.contacts .contacts-content .contacts-section .contact-item .contact-snippet {
    display: none;
  }
  .widget.contacts .contacts-content .contacts-section .contact-item .contact-name {
    display: inline-block;
    width: 100%;
  }
}
/* widget layer */
.widget.contacts .widget-layer {
  background: #f2f2f2;
}
.widget.contacts .widget-layer.show {
  top: 50px;
}
.widget.contacts .widget-layer .widget-layer-content {

  height: 257px;
}
/* mask: confirm */
.widget.contacts .mask-daypicker {
  padding: 20px 0;
}
/* widget inner header */
@media (max-width: 767px) {
  .widget .widget.contacts .scrollshadows:after {
    bottom: 0;
  }
  .widget.contacts .contacts-list-panel .contacts-content {
    bottom: 0;
  }
}
@media (min-width: 768px) {
  /* double column widget */
  .widget.contacts.span8 .scrollshadows:before {
    top: 52px;
  }
  .widget.contacts.span8 .contacts-search {
    top: 15px;
    right: 60px;
    left: 260px;
  }
  .widget.contacts.span8 .contacts-content {
    top: 52px;
  }
  .widget.contacts.span8 .contacts-anchorbar {
    top: 54px;
  }
  .widget.contacts.span8 .contacts-anchorbar a {
    line-height: 1.2;
  }
  .widget.contacts.span8 .contacts-detail-panel {
    width: 100%;
  }
  .widget.contacts.span8 .contacts-detail-panel .ml-message-content .contact-summ {
    margin-bottom: 20px;
  }
  .widget.contacts.span8 .contacts-detail-panel .ml-message-content .contact-summ .contact-thumbnail {
    margin-right: 15px;
  }
  .widget.contacts.span8 .contacts-detail-panel .ml-message-content .contact-summ .contact-name {
    width: auto;
    padding-left: 0;
    padding-top: 10px;
  }
  .widget.contacts.span8 .contacts-detail-panel .ml-message-content .contact-kojote {
    overflow: hidden;
    position: relative;
    top: -3px;
    width: 260px;
    min-height: 100px;
  }
  .widget.contacts.span8 .contacts-detail-panel .ml-message-content .contact-kojote + .contact-kojote {
    left: 15px;
  }
}
/* -----------------------------------------------------------------------------
   widget: google search
----------------------------------------------------------------------------- */
.widget .widget.google-search {
  background: #fff;
  padding: 20px 5px;
}
.widget .widget.google-search .widget-body {
  display: table;
  width: 100%;
  height: 100%;
}
.widget .widget.google-search .widget-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.widget .widget.google-search .widget-content img {
  width: auto;
  height: 60px;
  margin-bottom: 10px;
}
.widget .widget.google-search .widget-content input {
  width: 220px;
}
/* -----------------------------------------------------------------------------
   widget: lunch
----------------------------------------------------------------------------- */
.widget.lunch {
  padding: 0;
  background-color: #c5cdd3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e7ea), to(#c5cdd3));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e4e7ea, #c5cdd3);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e4e7ea, #c5cdd3);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.widget.lunch .widget-header {
  position: relative;
  padding: 20px 20px 10px 20px;
  overflow: hidden;
  z-index: 1070;
}
.widget.lunch .widget-header .widget-title .icon {
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -90px 0;
  width: 24px;
  height: 20px;
  margin-top: 1px;
  vertical-align: top;
}
.widget.lunch .widget-header .widget-controls .widget-reload-icon {
  position: absolute;
  right: 24px;
}
.widget.lunch .widget-header .widget-controls .lunch-open-app {
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -295px;
  vertical-align: top;
  margin: 2px 0 0 0;
}
.widget.lunch .widget-header .widget-controls .lunch-open-app:hover,
.widget.lunch .widget-header .widget-controls .lunch-open-app:focus {
  background-position: 0 -312px;
}
.widget.lunch .widget-header .lunch-control-row {
  position: relative;
  height: 33px;
  padding: 0 5px;
}
.widget.lunch .widget-header .lunch-control-row a.prev,
.widget.lunch .widget-header .lunch-control-row a.next {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  width: 25px;
  vertical-align: middle;
}
.widget.lunch .widget-header .lunch-control-row .lunch-prev-button {
  float: left;
  margin: 8px 0 0 10px;
}
.widget.lunch .widget-header .lunch-control-row .lunch-prev-button a.prev {
  background-position: -160px -180px;
}
.widget.lunch .widget-header .lunch-control-row .lunch-prev-button a.prev:hover,
.widget.lunch .widget-header .lunch-control-row .lunch-prev-button a.prev:focus {
  background-position: -190px -180px;
}
.widget.lunch .widget-header .lunch-control-row .lunch-next-button {
  float: right;
  margin: 8px 10px 0 0;
}
.widget.lunch .widget-header .lunch-control-row .lunch-next-button a.next {
  background-position: -160px -150px;
}
.widget.lunch .widget-header .lunch-control-row .lunch-next-button a.next:hover,
.widget.lunch .widget-header .lunch-control-row .lunch-next-button a.next:focus {
  background-position: -190px -150px;
}
.widget.lunch .widget-header .lunch-control-row .lunch-control-content {
  position: absolute;
  left: 50px;
  width: 160px;
}
.widget.lunch .widget-header .lunch-control-row .lunch-control-content h5 {
  display: inline-block;
}
.widget.lunch .widget-header .lunch-control-row .lunch-control-content h5 span {
  font-weight: normal;
}
.widget.lunch .widget-header .lunch-control-row .lunch-control-content .lunch-datepicker {
  position: absolute;
  right: 5px;
  top: 9px;
}
.widget.lunch .widget-header .lunch-control-row .lunch-control-content .lunch-datepicker .icon-calendar {
  width: 20px;
  height: 16px;
  margin-left: 10px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -470px 0;
  line-height: 14px;
  vertical-align: text-top;
}
.widget.lunch .widget-header .lunch-control-row .lunch-control-content .lunch-datepicker .icon-calendar:before {
  display: none;
}
.widget.lunch .widget-header .lunch-control-row .lunch-control-content .lunch-datepicker:hover i,
.widget.lunch .widget-header .lunch-control-row .lunch-control-content .lunch-datepicker:focus i {
  background-position: -550px -120px;
}
.widget.lunch .widget-body {
  height: 210px;
  padding: 0;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.lunch .widget-body .widget-content {
  position: relative;
  width: 280px;
  margin: 0 6px 0 20px;
  overflow: visible;
}
.widget.lunch .widget-body .widget-content.scrollshadows {
  position: absolute;
}
.widget.lunch .widget-body .widget-content.scrollshadows.scroll-up:before {
  width: 100%;
  left: 0;
  top: 0;
}
.widget.lunch .widget-body .widget-content.scrollshadows.scroll-down:after {
  width: 100%;
  left: 0;
  bottom: 10px;
}
.widget.lunch .widget-body .widget-content .lunch-content {
  position: relative;
  width: 274px;
  height: 200px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner {
  width: 260px;
  min-height: 200px;
  margin-right: 6px;
  padding: 10px;
  background: white;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-control-select select {
  width: 100%;
  font-weight: bold;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-actions {
  height: 22px;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-actions .lunch-actions-reserve {
  display: inline-block;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-actions .lunch-actions-reserve a {
  color: #e60f46;
  font-size: 12px;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-actions .lunch-actions-reserve a i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px 2px 0;
  vertical-align: middle;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -260px -260px;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-actions .lunch-actions-my-reservations {
  float: right;
  display: inline-block;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-actions .lunch-actions-my-reservations a {
  color: #e60f46;
  font-size: 12px;
  text-align: right;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-actions .lunch-actions-my-reservations a i {
  display: inline-block;
  width: 16px;
  height: 18px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 0 -332px;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-menu-types ul {
  list-style: none;
  margin: 0;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-menu-types ul li {
  padding: 5px 0;
  border-bottom: 1px dotted #999;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-menu-types ul li:last-child {
  border: none;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-menu-types ul li .lunch-menu-type-title {
  display: block;
  font-size: 12px;
  font-weight: bold;
}
.widget.lunch .widget-body .widget-content .lunch-content .lunch-content-inner .lunch-menu-types ul li .lunch-menu-type-content {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.widget.lunch .widget-message {
  left: -5px;
}
.widget.lunch .lunch-notice p {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  text-align: center;
  width: 224px;
  margin: 0 auto;
  padding-top: 24px;
}
.widget.lunch .lunch-notice i.lunch-alert {
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 41px;
  height: 41px;
  background-position: -45px -500px;
}
.widget.lunch .widget-layer {
  padding: 10px 0;
}
.widget.lunch .widget-layer.lunch-my-reservations h4 {
  margin: 5px 0 15px 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  font-family: arial, sans-serif;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content {
  padding: 0 5px 5px 20px;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content {
  position: relative;
  overflow: hidden;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content.scrollshadows {
  position: absolute;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content.scrollshadows.scroll-up:before {
  left: 0;
  top: 0;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content.scrollshadows.scroll-down:after {
  left: 0;
  bottom: 0;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner {
  position: relative;
  width: 270px;
  height: 200px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul {
  list-style: none;
  margin: 0 10px 0 0;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li {
  position: relative;
  margin-top: 4px;
  padding: 10px;
  font-size: 12px;
  line-height: 14px;
  background: white;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li:first-child {
  margin-top: 0;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li.lunch-my-reservations-more {
  background: none;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li.lunch-my-reservations-more a {
  display: block;
  width: 100%;
  color: #e60f46;
  text-align: center;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li.lunch-my-reservations-more a .lunch-my-reservations-more-icon {
  display: inline-block;
  width: 9px;
  height: 9px;
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -120px 0;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li.lunch-my-reservations-more a:hover,
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li.lunch-my-reservations-more a:focus {
  color: #000;
  text-decoration: none;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li.lunch-my-reservations-more a:hover .lunch-my-reservations-more-icon,
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li.lunch-my-reservations-more a:focus .lunch-my-reservations-more-icon {
  background-position: -120px -18px;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li h5 {
  margin: 0 0 5px 0;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row {
  padding: 0 0 10px 0;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row:first-child {
  border: none;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-date {
  display: inline-block;
  width: 35px;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-location {
  display: inline-block;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-actions {
  position: absolute;
  right: 10px;
  top: 20px;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-actions .lunch-my-reservations-edit {
  display: inline-block;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-actions .lunch-my-reservations-edit i {
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 0 -121px;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-actions .lunch-my-reservations-edit:hover i,
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-actions .lunch-my-reservations-edit:focus i {
  background-position: 0 -141px;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-actions .lunch-my-reservations-delete {
  display: inline-block;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-actions .lunch-my-reservations-delete i {
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -20px -120px;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-actions .lunch-my-reservations-delete:hover i,
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row .lunch-my-reservations-actions .lunch-my-reservations-delete:focus i {
  background-position: -20px -140px;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row p {
  margin: 0;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row p + p {
  margin-top: 5px;
}
.widget.lunch .widget-layer.lunch-my-reservations .widget-layer-content .lunch-my-reservations-content .lunch-my-reservations-content-inner ul li .lunch-my-reservations-row + .lunch-my-reservations-row {
  padding-bottom: 0;
}
.widget.lunch .widget-layer.lunch-my-reservations .close-button {
  top: 0;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker {
  margin: 0;
  padding: 0 5px 5px 5px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-prev,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-prev.ui-state-hover,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-prev.ui-state-focus,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-next,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-next.ui-state-hover,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-next.ui-state-focus {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-prev span,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-prev.ui-state-hover span,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-prev.ui-state-focus span,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-next span,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-next.ui-state-hover span,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-next.ui-state-focus span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-prev {
  background-position: -160px -180px;
  float: left;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-prev:hover,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-prev:focus {
  background-position: -190px -180px;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-next {
  background-position: -160px -150px;
  float: right;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-next:hover,
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .ui-datepicker-next:focus {
  background-position: -190px -150px;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.lunch-has-appointment a {
  position: relative;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.lunch-has-appointment a::after {
  content: "";
  display: block;
  height: 2px;
  width: 18px;
  background-color: #131212;
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -10px;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  background-color: #cccccc;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day.cl-has-appointment a::after {
  background-color: #fff;
}
.widget.lunch .widget-layer.lunch-calendar .mask-daypicker .buttons {
  position: absolute;
  bottom: 18px;
  right: 15px;
}
/* -----------------------------------------------------------------------------
   widget: bi-reports
----------------------------------------------------------------------------- */
.bi-icon-report {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 14px;
  height: 17px;
  background-position: -30px -40px;
}
.bi-icon-report:hover {
  background-position: -30px 0;
}
.bi-icon-bookmark {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 14px;
  height: 17px;
  background-position: -50px -40px;
}
.bi-icon-bookmark:hover {
  background-position: -50px 0;
}
.bi-icon-edit {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-position: -70px -20px;
}
.bi-icon-edit:hover {
  background-position: -70px 0;
  cursor: pointer;
}
.bi-icon-delete {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-position: -90px -20px;
}
.bi-icon-delete:hover {
  background-position: -90px 0;
  cursor: pointer;
}
.bi-icon-favorite {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-position: -110px -20px;
}
.bi-icon-favorite:hover {
  background-position: -110px 0;
  cursor: pointer;
}
.bi-reports-list__item_is-favorite .bi-icon-favorite {
  background-position: -110px 0;
}
.bi-icon-up {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-position: -130px -40px;
}
.bi-icon-up:hover {
  background-position: -130px 0;
  cursor: pointer;
}
.bi-icon-down {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-position: -130px -40px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bi-icon-down:hover {
  background-position: -130px 0;
  cursor: pointer;
}
.bi-icon-options {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-position: -150px -40px;
}
.bi-icon-options:hover {
  background-position: -150px 0;
  cursor: pointer;
}
.bi-icon-folder {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 18px;
  height: 13px;
  background-position: -170px -20px;
}
.bi-icon-folder:hover {
  background-position: -170px 0;
  cursor: pointer;
}
.bi-icon-move-folder {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 19px;
  height: 14px;
  background-position: -190px -40px;
}
.bi-icon-move-folder:hover {
  background-position: -190px 0;
  cursor: pointer;
}
.bi-icon-desktop {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-position: 0 -30px;
}
.bi-icon-mobile {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 10px;
  height: 16px;
  background-position: 0 -50px;
}
.bi-reports-folders__item-content .bi-icon-edit,
.bi-reports-folders__item-content .bi-icon-edit:hover {
  background-position: -70px -40px;
}
.bi-reports-folders__item-content .bi-icon-delete,
.bi-reports-folders__item-content .bi-icon-delete:hover {
  background-position: -90px -40px;
}
.bi-reports__flyout-options .bi-icon-edit {
  background-position: -70px -40px;
}
.bi-reports__flyout-options .bi-icon-delete {
  background-position: -90px -40px;
}
.bi-reports__flyout-options .bi-icon-folder {
  background-position: -170px -40px;
}
.bi-reports__flyout-options a:hover > .bi-icon-report,
.bi-reports__flyout-options a:focus > .bi-icon-report {
  background-position: -30px 0;
}
.bi-reports__flyout-options a:hover > .bi-icon-folder,
.bi-reports__flyout-options a:focus > .bi-icon-folder {
  background-position: -170px 0;
}
.bi-reports__flyout-options a:hover > .bi-icon-move-folder,
.bi-reports__flyout-options a:focus > .bi-icon-move-folder {
  background-position: -190px 0;
}
.bi-reports__flyout-options a:hover > .bi-icon-edit,
.bi-reports__flyout-options a:focus > .bi-icon-edit {
  background-position: -70px 0;
}
.bi-reports__flyout-options a:hover > .bi-icon-delete,
.bi-reports__flyout-options a:focus > .bi-icon-delete {
  background-position: -90px 0;
}
.btn .bi-icon-report {
  background-position: -30px -40px;
}
.btn .bi-icon-bookmark {
  background-position: -50px -40px;
}
.btn .bi-icon-folder {
  background-position: -170px -40px;
}
.widget .widget.bi-reports {
  background: #fff;
}
.widget.bi-reports .widget-title .icon {
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 0 0;
  width: 23px;
  height: 21px;
  position: relative;
  top: 1px;
}
.widget.bi-reports .widget-controls .widget-reload-icon {
  position: absolute;
  right: 24px;
}
.widget.bi-reports .widget-controls .widget-open-app {
  background-image: url(../img/lunch-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -295px;
  vertical-align: top;
  margin: 2px 0 0 0;
}
.widget.bi-reports .widget-controls .widget-open-app:hover,
.widget.bi-reports .widget-controls .widget-open-app:focus {
  background-position: 0 -312px;
}
/* scrollshadows */
.widget .widget.bi-reports:before,
.widget .widget.bi-reports:after {
  display: none !important;
}
.widget .widget.bi-reports .scrollshadows:before {
  background-position: 50% -5px;
  height: 6px;
  top: 110px;
}
.widget .widget.bi-reports .scrollshadows:after {
  background-position: 50% -5px;
  height: 6px;
  bottom: 20px;
}
/* body */
.widget.bi-reports .widget-body .bi-list-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.widget.bi-reports .widget-body .bi-list {
  position: absolute;
  top: 110px;
  bottom: 20px;
  left: 0;
  right: 5px;
  padding: 2px 10px 0 20px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.bi-reports .widget-body .bi-reports__add-report {
  color: #e60f46;
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 3px;
}
.widget.bi-reports .widget-body .bi-reports__add-report:hover,
.widget.bi-reports .widget-body .bi-reports__add-report:active {
  text-decoration: none;
  color: #000;
}
.widget.bi-reports .widget-body .bi-reports__add-report:hover .icon-add,
.widget.bi-reports .widget-body .bi-reports__add-report:active .icon-add {
  background-position: -280px -260px;
}
.widget.bi-reports .widget-body .bi-reports__add-report .icon-add {
  position: relative;
  top: -1px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 16px;
  background-position: -260px -260px;
  margin-right: 1px;
}
.widget.bi-reports .widget-body .bi-list-notice .loader {
  width: 64px;
  height: 64px;
  background: #ffffff url(../img/loader.gif) no-repeat center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -72px;
  margin-left: -32px;
  -webkit-border-radius: 64px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 64px;
  border-radius: 64px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.bi-reports .widget-body .bi-list-notice p {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  text-align: center;
  width: 224px;
  margin: 0 auto;
  padding-top: 24px;
}
.widget.bi-reports .widget-body .bi-list-notice i.bi-list-alert {
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 41px;
  height: 41px;
  background-position: -45px -500px;
}
/* widget layer */
.widget.bi-reports .widget-layer {
  background: #f2f2f2;
}
.widget.bi-reports .widget-layer.show {
  top: 50px;
}
.widget.bi-reports .widget-layer .widget-layer-content {
  height: 257px;
}
.widget.bi-reports .widget-layer .edit-bookmark {
  padding: 16px 0 0 0;
}
.widget.bi-reports .widget-layer .edit-bookmark h4 {
  font-family: arial, sans-serif;
  font-size: 14px;
  text-transform: none;
  font-weight: bold;
  margin-bottom: 16px;
}
.widget.bi-reports .widget-layer .edit-bookmark label {
  font-size: 11px;
  color: #666;
  margin: 0;
}
.widget.bi-reports .widget-layer .edit-bookmark input.reset-button {
  width: 223px;
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 8px;
}
.widget.bi-reports .widget-layer .edit-bookmark a.reset-button {
  margin-top: 4px;
}
.widget.bi-reports .widget-layer .edit-bookmark .buttons {
  position: absolute;
  bottom: 20px;
  right: 15px;
}
.widget.bi-reports .widget-layer .edit-bookmark input[type=radio] + label,
.widget.bi-reports .widget-layer .edit-bookmark input[type=checkbox] + label {
  display: inline-block;
  margin-right: 6px;
}
.ie9 .widget.bi-reports .widget-layer .edit-bookmark input[type=radio] + label,
.ie9 .widget.bi-reports .widget-layer .edit-bookmark input[type=checkbox] + label {
  margin-left: -4px;
}
/* search */
.bi-reports-search {
  position: absolute;
  top: 50px;
  left: 23px;
  right: 10px;
  height: 32px;
}
/* filter */
.bi-reports-filter {
  position: absolute;
  top: 82px;
  left: 21px;
  right: 15px;
  height: 25px;
}
.bi-reports-filter a {
  display: inline-block;
  vertical-align: middle;
  background: #999;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 4px 10px;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-transition: background-color 150ms;
  -moz-transition: background-color 150ms;
  -ms-transition: background-color 150ms;
  -o-transition: background-color 150ms;
  transition: background-color 150ms;
}
.bi-reports-filter a:hover,
.bi-reports-filter a:focus {
  text-decoration: none;
  background-color: #777;
}
.bi-reports-filter a.active {
  background-color: #000;
  cursor: default;
}
/* folders list */
.bi-reports-folders {
  margin: 0 5px 0 0;
}
.bi-reports-folders > .bi-reports-folders__list {
  padding-left: 0;
  display: block;
}
.bi-reports-folders__list {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 18px;
  overflow: hidden;
  display: none;
  margin-bottom: 0 !important;
}
.bi-reports-folders__item.is-open > .bi-reports-folders__list {
  display: block;
}
.bi-reports-folders__item.is-open > .bi-reports-folders__item-link:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bi-reports-selection .bi-reports-folders__list {
  display: block;
}
.bi-reports-folders__item {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  z-index: 1;
  margin: 0 !important;
  *zoom: 1;
}
.bi-reports-folders__item:before {
  content: "";
  display: table;
}
.bi-reports-folders__item:after {
  clear: both;
  content: "";
  display: table;
}
.bi-reports-folders__item > .bi-reports-list__item-action {
  right: 13px;
}
.bi-reports-folders__item:first-child > .bi-reports-list__item-action .bi-icon-up,
.bi-reports-folders__item:last-child > .bi-reports-list__item-action .bi-icon-down {
  background-position: -130px -20px;
  cursor: default;
}
.bi-reports-folders__item .bi-icon-up,
.bi-reports-folders__item .bi-icon-down,
.bi-reports-folders__item .bi-icon-options {
  display: none;
}
.bi-reports-folders__item .bi-reports-folders__item:last-child:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  height: 50000px;
  margin: -49985px 0 0 -10px;
  border-left: 1px dotted #bbb;
}
.bi-reports-folders__item .bi-reports-folders__item a.bi-reports-folders__item-link:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  width: 10px;
  border-top: 1px dotted #bbb;
}
.bi-reports__location-bar {
  display: none;
  margin: 0 0 15px 0;
}
.bi-reports__location-back {
  color: #e60f46;
}
.bi-reports__location-back:hover {
  color: #000;
  text-decoration: none;
}
.bi-reports__location-back:after {
  content: '';
  border-right: 1px solid #ccc;
  margin-right: 5px;
  padding-left: 8px;
}
@media (max-width: 767px) {
  .bi-reports-folders__item .bi-reports-folders__item-link,
  .bi-reports-folders__item .bi-reports-list__item-action,
  .bi-reports-folders__item .bi-reports-folders__item-content {
    display: none;
  }
  .current-level > .bi-reports-folders__list > .bi-reports-folders__item > .bi-reports-folders__item-link,
  .current-level > .bi-reports-folders__list > .bi-reports-folders__item > .bi-reports-list__item-action {
    display: block;
  }
  .current-level > .bi-reports__location-bar {
    display: block;
  }
  .current-level > .bi-reports-folders__item-content {
    display: block;
  }
  .current-level > .bi-reports-folders__item-content .bi-reports-list__item-action {
    display: block;
  }
}
@media (min-width: 768px) {
  .bi-reports-folders__item.bi-is-editable > .bi-reports-list__item-action .bi-icon-up,
  .bi-reports-folders__item.bi-is-editable > .bi-reports-folders__item-content .bi-icon-up,
  .bi-reports-folders__item.bi-is-editable > .bi-reports-list__item-action .bi-icon-down,
  .bi-reports-folders__item.bi-is-editable > .bi-reports-folders__item-content .bi-icon-down,
  .bi-reports-folders__item.bi-is-editable > .bi-reports-list__item-action .bi-icon-options,
  .bi-reports-folders__item.bi-is-editable > .bi-reports-folders__item-content .bi-icon-options {
    display: inline-block;
  }
  .bi-reports-folders > .bi-reports-folders__list > .bi-reports-folders__item.bi-is-editable > .bi-reports-list__item-action .bi-icon-up,
  .bi-reports-folders > .bi-reports-folders__list > .bi-reports-folders__item.bi-is-editable > .bi-reports-list__item-action .bi-icon-down {
    display: none;
  }
}
a.bi-reports-folders__item-link {
  display: block;
  background: #f2f2f2;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 7px 25px 7px 30px;
  margin: 1px 0;
  color: #000;
  -webkit-transition: background-color 150ms;
  -moz-transition: background-color 150ms;
  -ms-transition: background-color 150ms;
  -o-transition: background-color 150ms;
  transition: background-color 150ms;
  cursor: default;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
a.bi-reports-folders__item-link:hover,
a.bi-reports-folders__item-link:focus {
  text-decoration: none;
}
a.bi-reports-folders__item-link:after {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  left: 13px;
  background-image: url(../img/bi-reports-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 7px;
  height: 13px;
  margin-top: -7px;
  background-position: -30px -60px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 140ms ease-in-out;
  -moz-transition: all 140ms ease-in-out;
  -ms-transition: all 140ms ease-in-out;
  -o-transition: all 140ms ease-in-out;
  transition: all 140ms ease-in-out;
  border: 1px solid transparent;
}
.bi-reports-folders .bi-has-children > .bi-reports-folders__item-link:hover,
.bi-reports-selection a.bi-reports-folders__item-link:hover,
.bi-reports-folders .bi-has-children > .bi-reports-folders__item-link:focus,
.bi-reports-selection a.bi-reports-folders__item-link:focus {
  background: #e5e5e5;
  cursor: pointer;
}
.bi-reports-folders .bi-has-children > .bi-reports-folders__item-link:after,
.bi-reports-selection a.bi-reports-folders__item-link:after {
  display: block;
}
.is-selected > a.bi-reports-folders__item-link {
  background: #e60f46 !important;
  color: #fff !important;
  cursor: default !important;
}
.is-selected > a.bi-reports-folders__item-link:after {
  background-position: -50px -60px;
}
@media (min-width: 768px) {
  .bi-reports-folders__item-content {
    background: #f2f2f2;
    margin: -4px 0 1px 0;
    padding: 3px 10px 10px 10px;
    -webkit-border-radius: 0 0 4px 4px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .bi-reports-folders__item-content .bi-reports-list {
    margin: 0;
    padding: 5px 15px;
    background: #fff;
    -webkit-border-radius: 3px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
@media (min-width: 768px) {
  .bi-reports-folders__item-content {
    display: none;
  }
  .is-open > a.bi-reports-folders__item-link,
  .is-open > .bi-reports-folders__item-content {
    background: #e5e5e5;
  }
  .is-open > .bi-reports-folders__item-content {
    display: block;
  }
}
@media (max-width: 767px) {
  .bi-reports-folders {
    margin-left: -10px;
    margin-right: -10px;
  }
  .bi-reports-folders__list {
    padding-left: 0;
  }
  .bi-reports-folders__item:last-child:before,
  a.bi-reports-folders__item-link:before {
    display: none;
  }
  a.bi-reports-folders__item-link {
    padding-left: 13px;
    padding-right: 30px;
  }
  a.bi-reports-folders__item-link:after {
    left: auto;
    right: 13px;
    width: 9px;
    background-position: -40px -60px;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
  }
}
/* reports list */
.bi-reports-list {
  margin: 0 5px 0 0;
}
.bi-reports-list > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 !important;
}
.bi-reports-list__item {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  margin: 0 !important;
}
.bi-reports-list__item + .bi-reports-list__item {
  border-top: 1px dotted #c2c2c2;
}
.bi-reports-list__item:first-child > .bi-reports-list__item-action .bi-icon-up,
.bi-reports-list__item:last-child > .bi-reports-list__item-action .bi-icon-down {
  background-position: -130px -20px;
  cursor: default;
}
a.bi-reports-list__item-link {
  display: block;
  background: transparent;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 25px 5px 23px;
  margin: 1px -4px;
  color: #000;
  -webkit-transition: background-color 150ms;
  -moz-transition: background-color 150ms;
  -ms-transition: background-color 150ms;
  -o-transition: background-color 150ms;
  transition: background-color 150ms;
  cursor: pointer;
}
a.bi-reports-list__item-link:hover,
a.bi-reports-list__item-link:focus {
  background: #e5e5e5;
  text-decoration: none;
}
a.bi-reports-list__item-link > .bi-reports-list__item-icon {
  position: absolute;
  margin-left: -18px;
}
.widget.bi-reports .bi-reports-list__item_is-bookmark a.bi-reports-list__item-link {
  padding-right: 65px;
}
.bi-reports-folders a.bi-reports-list__item-link {
  color: #e60f46;
}
@media (min-width: 768px) {
  .bi-reports-folders a.bi-reports-list__item-link {
    padding-left: 27px;
  }
  .bi-reports-folders a.bi-reports-list__item-link > .bi-reports-list__item-icon {
    margin-left: -22px;
  }
  .bi-reports-folders__item.bi-is-editable > .bi-reports-folders__item-content .bi-reports-list__item-link {
    padding-right: 95px;
  }
}
.bi-reports-list__item-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bi-reports-folders .bi-reports-list__item-title {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  display: inline;
}
.bi-reports-list__item-action {
  position: absolute;
  top: 6px;
  right: 0;
  text-align: right;
  white-space: nowrap;
}
.bi-reports-list__item-action > .bi-reports-list__item-icon {
  margin-left: 2px;
}
.bi-reports-folders .bi-reports-list__item > .bi-reports-list__item-action {
  right: 3px;
}
/* device infos */
.bi-reports-list__item-device-info-desktop,
.bi-reports-list__item-device-info-mobile {
  display: none;
  color: #b2b2b2;
  white-space: nowrap;
}
.bi-reports-list__item-device-info-desktop .bi-reports-list__item-icon,
.bi-reports-list__item-device-info-mobile .bi-reports-list__item-icon {
  margin-left: 3px;
}
@media (max-width: 767px) {
  .bi-reports-folders__item > .bi-reports-folders__item-content .bi-reports-list__item_device-desktop-only .bi-reports-list__item-link {
    cursor: default !important;
    background: transparent !important;
  }
  .bi-reports-folders__item > .bi-reports-folders__item-content .bi-reports-list__item_device-desktop-only .bi-icon-report {
    background-position: -30px 0;
    opacity: 0.3;
  }
  .bi-reports-folders__item > .bi-reports-folders__item-content .bi-reports-list__item_device-desktop-only .bi-icon-bookmark {
    background-position: -50px 0;
    opacity: 0.3;
  }
  .bi-reports-folders__item > .bi-reports-folders__item-content .bi-reports-list__item_device-desktop-only .bi-reports-list__item-title {
    color: #b2b2b2;
  }
  .bi-reports-list__item_device-desktop-only .bi-reports-list__item-device-info-desktop {
    display: block;
  }
}
@media (min-width: 768px) {
  .widget.bi-reports .bi-reports-list__item_device-mobile-only .bi-reports-list__item-link,
  .bi-reports-folders__item.bi-is-not-editable > .bi-reports-folders__item-content .bi-reports-list__item_device-mobile-only .bi-reports-list__item-link {
    cursor: default !important;
    background: transparent !important;
  }
  .widget.bi-reports .bi-reports-list__item_device-mobile-only .bi-icon-report,
  .bi-reports-folders__item.bi-is-not-editable > .bi-reports-folders__item-content .bi-reports-list__item_device-mobile-only .bi-icon-report {
    background-position: -30px 0;
    opacity: 0.3;
  }
  .widget.bi-reports .bi-reports-list__item_device-mobile-only .bi-icon-bookmark,
  .bi-reports-folders__item.bi-is-not-editable > .bi-reports-folders__item-content .bi-reports-list__item_device-mobile-only .bi-icon-bookmark {
    background-position: -50px 0;
    opacity: 0.3;
  }
  .widget.bi-reports .bi-reports-list__item_device-mobile-only .bi-reports-list__item-title,
  .bi-reports-folders__item.bi-is-not-editable > .bi-reports-folders__item-content .bi-reports-list__item_device-mobile-only .bi-reports-list__item-title {
    color: #b2b2b2;
  }
  .bi-reports-folders__item.bi-is-editable > .bi-reports-folders__item-content .bi-reports-list__item_device-desktop-only .bi-reports-list__item-device-info-desktop {
    display: inline;
  }
  .bi-reports-list__item_device-mobile-only .bi-reports-list__item-device-info-mobile {
    display: inline;
  }
}
@media (max-width: 767px) {
  .widget .widget.bi-reports .scrollshadows:after {
    bottom: 0;
  }
  .widget .widget.bi-reports .bi-list {
    bottom: 0;
  }
  .widget .widget.bi-reports .bi-reports-list {
    margin-bottom: 5px;
  }
}
.flyout-layer.bi-reports__flyout .flyout-wrapper {
  width: 124px;
  padding: 15px;
}
.flyout-layer.bi-reports__flyout .flyout-header {
  border-bottom: none;
  min-height: 0;
}
.flyout-layer.bi-reports__flyout .flyout-header h3 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  margin: 0 !important;
}
.flyout-layer.bi-reports__flyout .flyout-header .close-button {
  top: 17px;
  width: 16px;
  height: 16px;
  background-position: -300px -240px;
}
.flyout-layer.bi-reports__flyout .flyout-header .close-button:hover {
  background-position: -300px -260px;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 !important;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li {
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: bold;
  margin: 0 !important;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li a {
  display: block;
  padding: 5px 0 5px 27px;
  color: #e60f46;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li a:hover,
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li a:focus {
  color: #000;
  text-decoration: none;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li a > i {
  position: absolute;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li a .bi-icon-report {
  margin-left: -24px;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li a .bi-icon-folder {
  margin-left: -26px;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li a .bi-icon-move-folder {
  margin-left: -27px;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li a .bi-icon-edit {
  margin-left: -25px;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li a .bi-icon-delete {
  margin-left: -26px;
}
.flyout-layer.bi-reports__flyout .bi-reports__flyout-options li + li {
  border-top: 1px dotted #ccc;
}
/* ---------------------------------------------------------------------------------
   section template specific styles
   ---------------------------------------------------------------------------------
*/
/* headline */
.bi-section-headline {
  margin: 0 0 20px 0;
}
@media (max-width: 767px) {
  .bi-section-headline {
    margin-bottom: 10px;
  }
}
/* action bar (buttons) */
.bi-section-action {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .bi-section-action {
    display: none;
  }
}
/* search */
.bi-section-search {
  position: relative;
  z-index: 1000;
  float: right;
  width: 350px;
  max-width: 100%;
  margin: -10px 0 5px 0;
}
.bi-section-search .search-query {
  width: 100%;
  height: 30px;
  padding: 0 55px 0 14px;
  border-radius: 28px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  z-index: 1;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border-color: #b2b2b2;
  filter: none;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.bi-section-search .bi-section-search__reset {
  position: absolute;
  right: 34px;
  top: 6px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/css-sprite_01.png) -410px 0 no-repeat;
}
.bi-section-search .bi-section-search__reset:hover,
.bi-section-search .bi-section-search__reset:focus {
  background-position: -430px 0;
}
.bi-section-search:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 15px;
  width: 14px;
  height: 16px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -504px -181px;
}
@media (max-width: 767px) {
  .bi-section-search {
    margin: 0 0 -10px 0;
    float: none;
  }
}
.bi-reports-selection {
  max-height: 192px;
  overflow: hidden;
  overflow-y: auto;
  padding: 5px 15px 5px 0;
}
.bi-reports-selection > .bi-reports-folders__list {
  padding-left: 0;
}
.bi-report-modal .modal-row {
  *zoom: 1;
}
.bi-report-modal .modal-row:before {
  content: "";
  display: table;
}
.bi-report-modal .modal-row:after {
  clear: both;
  content: "";
  display: table;
}
.bi-report-modal .modal-row + .modal-row {
  border-top: 1px dotted #ccc;
  margin-top: 10px;
  padding-top: 10px;
}
.bi-report-modal .modal-row label {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.bi-report-modal .modal-row-horizontal label {
  display: inline-block;
  vertical-align: middle;
  max-width: 150px;
  min-width: 100px;
  margin-right: 5px;
}
.bi-report-modal .modal-row-horizontal input + label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 3px;
  font-weight: normal;
  min-width: 0;
  max-width: auto;
}
.bi-report-modal .modal-row-horizontal input[type=text],
.bi-report-modal .modal-row-horizontal input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.bi-report-modal .modal-row-horizontal input[type=text] {
  width: 380px;
}
.bi-reports-alert {
  padding: 50px 0;
  text-align: center;
}
.bi-reports-alert p {
  width: auto !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #666666;
  text-align: center;
  margin: 0 auto;
}
.bi-reports-alert__icon {
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 41px;
  height: 41px;
  background-position: -45px -500px;
}
.bi-reports-loading {
  padding: 50px 0;
  text-align: center;
}
.bi-reports-loading__loader {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: #ffffff url(../img/loader.gif) no-repeat center;
  -webkit-border-radius: 64px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 64px;
  border-radius: 64px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.bi-reports-loading__text {
  width: auto !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #666666;
  text-align: center;
  margin: 0 auto;
}
/* -----------------------------------------------------------------------------
   widget: vte
----------------------------------------------------------------------------- */
/* css classes */
.widget.vte {
  padding: 0;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.widget.vte .widget-header {
  position: relative;
  padding: 17px 20px 0 20px;
  overflow: hidden;
  z-index: 1070;
}
.widget.vte .widget-header .vte-control-select select {
  height: 24px;
  font-size: 12px;
  width: 100%;
  font-weight: bold;
}
.widget.vte .widget-header .widget-title .icon {
  background-image: url(../img/widget_vte-icon.png);
  background-repeat: no-repeat;
  overflow: hidden;
  /*background-position: -90px 0;*/

  width: 23px;
  height: 20px;
  /*margin-top: 1px;*/

  vertical-align: top;
}
.widget.vte .widget-header .widget-controls .widget-reload-icon {
  position: absolute;
  right: 24px;
}
.widget.vte .widget-header .widget-controls .vte-open-app {
  background-image: url(../img/vte-widget.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -295px;
  vertical-align: top;
  margin: 2px 0 0 0;
}
.widget.vte .widget-header .widget-controls .vte-open-app:hover,
.widget.vte .widget-header .widget-controls .vte-open-app:focus {
  background-position: 0 -312px;
}
.widget.vte .widget-header .vte-control-row {
  position: relative;
  height: 33px;
  padding: 0 5px;
}
.widget.vte .widget-header .vte-control-row a.prev,
.widget.vte .widget-header .vte-control-row a.next {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  width: 25px;
  vertical-align: middle;
}
.widget.vte .widget-header .vte-control-row .vte-prev-button {
  float: left;
  margin: 8px 0 0 10px;
}
.widget.vte .widget-header .vte-control-row .vte-prev-button a.prev {
  background-position: -160px -180px;
}
.widget.vte .widget-header .vte-control-row .vte-prev-button a.prev:hover,
.widget.vte .widget-header .vte-control-row .vte-prev-button a.prev:focus {
  background-position: -190px -180px;
}
.widget.vte .widget-header .vte-control-row .vte-next-button {
  float: right;
  margin: 8px 10px 0 0;
}
.widget.vte .widget-header .vte-control-row .vte-next-button a.next {
  background-position: -160px -150px;
}
.widget.vte .widget-header .vte-control-row .vte-next-button a.next:hover,
.widget.vte .widget-header .vte-control-row .vte-next-button a.next:focus {
  background-position: -190px -150px;
}
.widget.vte .widget-header .vte-control-row .vte-control-content {
  position: absolute;
  left: 50px;
  width: 160px;
}
.widget.vte .widget-header .vte-control-row .vte-control-content h5 {
  display: inline-block;
}
.widget.vte .widget-header .vte-control-row .vte-control-content h5 span {
  font-weight: normal;
}
.widget.vte .widget-header .vte-control-row .vte-control-content .btn {
  font-size: 14px;
  font-weight: bold;
  width: 88%;
}
.widget.vte .widget-header .vte-control-row .vte-control-content .vte-datepicker {
  position: absolute;
  right: 5px;
  top: 9px;
}
.widget.vte .widget-header .vte-control-row .vte-control-content .vte-datepicker:hover i,
.widget.vte .widget-header .vte-control-row .vte-control-content .vte-datepicker:focus i {
  background-position: -550px -120px;
}
.widget.vte .widget-body {
  height: 210px;
  padding: 0;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.vte .widget-body .widget-content {
  position: relative;
  width: 280px;
  margin: 0 6px 0 20px;
  overflow: visible;
}
.widget.vte .widget-body .widget-content.scrollshadows {
  position: absolute;
}
.widget.vte .widget-body .widget-content.scrollshadows.scroll-up:before {
  width: 100%;
  left: 0;
  top: 0;
}
.widget.vte .widget-body .widget-content.scrollshadows.scroll-down:after {
  width: 100%;
  left: 0;
  bottom: -10px;
}
.widget.vte .widget-body .widget-content .vte-create-link {
  margin-top: 13px;
}
.widget.vte .widget-body .widget-content .vte-create-link a {
  font-size: 12px;
  /*font-weight: bold;*/

  color: #e60f46;
  margin-left: 17px;
}
.widget.vte .widget-body .widget-content .vte-create-link a i.vte-icon-add {
  position: relative;
  top: 3px;
  background-image: url(../img/email-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 17px;
  width: 17px;
  background-position: 0 -370px;
  margin-right: 4px;
}
.widget.vte .widget-body .widget-content .vte-create-link a i.vte-icon-plane {
  background-image: url(../img/vte-main.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  top: 3px;
  display: inline-block;
  height: 17px;
  width: 17px;
  background-position: -191px -284px;
  margin-right: 4px;
}
.widget.vte .widget-body .widget-content .vte-content {
  position: relative;
  width: 274px;
  height: 140px;
  overflow: hidden;
  overflow-y: auto;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner {
  margin-right: 6px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-error {
  margin: 15px 15px 0px 15px;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul {
  list-style: none;
  margin: 0;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li {
  padding: 2px;
  border-bottom: 1px dotted #999;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div {
  display: block;
  background: #fff;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  color: #333;
  *zoom: 1;
  height: 55px;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div:before {
  content: "";
  display: table;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div:after {
  clear: both;
  content: "";
  display: table;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div a.inactive {
  cursor: default;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div img {
  padding: 5px 0 0 5px;
  height: 45px;
  width: 45px;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div > span {
  left: 60px;
  position: absolute;
  font-size: 12px;
  color: #333;
  font-weight: bold;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div .vte-item-name {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 195px;
  color: #e60f46;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div .vte-item-reason {
  top: 14px;
  width: 180px;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div .vte-item-type {
  top: 14px;
  text-transform: capitalize;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div .vte-item-type .vte-item-type-payroll {
  text-transform: none;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div .vte-item-date {
  top: 30px;
  color: #999;
  font-weight: normal;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div .vte-item-new {
  top: 30px;
  left: 200px;
  color: #e60f46;
  font-weight: bold;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div:hover,
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li div:focus {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  text-decoration: none;
  color: #333;
}
.widget.vte .widget-body .widget-content .vte-content .vte-content-inner .vte-absences ul li:last-child {
  border: none;
}
.widget.vte .vte-notice p {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  text-align: center;
  width: 224px;
  margin: 0 auto;
  padding-top: 50px;
}
.widget.vte .vte-notice i.vte-alert {
  background-image: url(../img/im-widget.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 41px;
  height: 41px;
  background-position: -45px -500px;
}
.widget.vte .widget-layer {
  padding: 10px 0;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker {
  margin: 0;
  padding: 0 5px 5px 5px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  /* Cancel btn */

}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-prev,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-prev.ui-state-hover,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-prev.ui-state-focus,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-next,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-next.ui-state-hover,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-next.ui-state-focus {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-prev span,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-prev.ui-state-hover span,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-prev.ui-state-focus span,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-next span,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-next.ui-state-hover span,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-next.ui-state-focus span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-prev {
  background-position: -160px -180px;
  float: left;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-prev:hover,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-prev:focus {
  background-position: -190px -180px;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-next {
  background-position: -160px -150px;
  float: right;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-next:hover,
.widget.vte .widget-layer.vte-calendar .mask-daypicker .ui-datepicker-next:focus {
  background-position: -190px -150px;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.vte-has-appointment a {
  position: relative;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.vte-has-appointment a::after {
  content: "";
  display: block;
  height: 2px;
  width: 18px;
  background-color: #131212;
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -10px;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  background-color: #cccccc;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day.cl-has-appointment a::after {
  background-color: #fff;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .buttons {
  position: absolute;
  bottom: 18px;
  right: 15px;
}
.widget.vte .widget-layer.vte-calendar .mask-daypicker .buttons button {
  margin-bottom: 10px;
}
/* buttons for datepicker */
.widget.vte .icon-calendar {
  width: 16px;
  height: 16px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -470px 0;
  margin-right: 3px;
  line-height: 14px;
  vertical-align: text-top;
}
.widget.vte .icon-calendar:before {
  display: none;
}
.widget.vte .widget-header .prev,
.widget.vte .widget-header .next,
.widget.vte .widget-header .edit,
.widget.vte .widget-header .delete {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.widget.vte .widget-header .prev span,
.widget.vte .widget-header .next span,
.widget.vte .widget-header .edit span,
.widget.vte .widget-header .delete span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.widget.vte .widget-header .prev {
  background-position: -160px -180px;
}
.widget.vte .widget-header .prev:hover,
.widget.vte .widget-header .prev:focus {
  background-position: -190px -180px;
}
.widget.vte .widget-header .next {
  background-position: -160px -150px;
}
.widget.vte .widget-header .next:hover,
.widget.vte .widget-header .next:focus {
  background-position: -190px -150px;
}
.widget.vte .widget-header .edit {
  background-position: -160px -210px;
}
.widget.vte .widget-header .edit:hover,
.widget.vte .widget-header .edit:focus {
  background-position: -190px -210px;
}
.widget.vte .widget-header .delete {
  background-position: -410px -120px;
}
.widget.vte .widget-header .delete:hover,
.widget.vte .widget-header .delete:focus {
  background-position: -440px -120px;
}
/* date selector */
.widget.vte .date-selector {
  height: 35px;
  padding-top: 10px;
  margin-left: -15px;
}
.widget.vte .date-selector > div {
  display: table;
  width: 256px;
  margin-left: 15px;
}
.widget.vte .date-selector .col-1,
.widget.vte .date-selector .col-2,
.widget.vte .date-selector .col-3 {
  display: table-cell;
  vertical-align: middle;
}
.widget.vte .date-selector .col-2 {
  width: 100%;
  text-align: center;
}
.widget.vte .date-selector .btn {
  font-size: 14px;
  font-weight: bold;
  width: 88%;
}
/* datepicker: extras */
.widget.vte .datepicker {
  padding: 10px 0;
  margin-left: 7px;
  margin-right: 12px;
}
.widget.vte .datepicker-back {
  left: 20px;
  bottom: 11px;
  color: #e60f46;
}
.widget.vte .datepicker-back div {
  display: inline-block;
  width: 12px;
  height: 8px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -60px -140px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: 5px;
}
/* Adjustment for message */
.widget.vte .widget-message {
  padding: 8px 0;
}
/* -----------------------------------------------------------------------------
   global strap
----------------------------------------------------------------------------- */
.globalstrap-wrp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4003;
}
body.content .globalstrap-wrp {
  position: absolute;
}
/* cover
   overlays the workbench or content page
   only visible when strap is pulled down by strap handle
*/
.globalstrap .strap-cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 185px;
  background: url(../img/globalstrap-cover.png) 0 0 repeat-x;
  display: none;
}
.globalstrap.show-cover .strap-cover {
  display: block;
}
.globalstrap.strap-toggle.toggle-on .strap-cover {
  display: block;
}
/* body
   container for strap contents
*/
.globalstrap .strap-body {
  position: relative;
  margin: 0 -20px;
  height: 52px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.globalstrap.strap-big .strap-body {
  height: 84px;
}
.globalstrap.strap-toggle .strap-body {
  margin-top: -48px;
}
.globalstrap.strap-big.strap-toggle .strap-body {
  margin-top: -80px;
}
.globalstrap.strap-toggle.toggle-on .strap-body {
  margin-top: 0;
}
/* handle
   used for toggle up and down the strap
*/
.globalstrap .strap-handle {
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -27px;
  width: 55px;
  height: 26px;
  cursor: pointer;
  display: none;
}
.globalstrap .strap-handle div {
  position: relative;
  width: 55px;
  height: 26px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -200px -90px;
}
.globalstrap .strap-handle:before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: 53px;
  height: 53px;
  -webkit-border-radius: 30px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 30px;
  border-radius: 30px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.globalstrap .strap-handle div:hover {
  background-position: -260px -90px;
}
.globalstrap.strap-toggle .strap-handle {
  display: block;
}
.globalstrap.strap-toggle.toggle-on .strap-handle div {
  background-position: -200px -120px;
}
.globalstrap.strap-toggle.toggle-on .strap-handle div:hover {
  background-position: -260px -120px;
}
/* bgr
   overlays the download wrapper
*/
.globalstrap .strap-bgr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff 30%), to(#e5e5e4 100%));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #ffffff 30%, #e5e5e4 100%);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #ffffff 30%, #e5e5e4 100%);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff 30%, #e5e5e4 100%);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff 30%, #e5e5e4 100%);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}
.ie9 .globalstrap .strap-bgr {
  background: #f2f2f2 url(../img/bg_globalstrap_ie.png) 0 0 repeat-x;
}
.ie9 .globalstrap.strap-big .strap-bgr {
  background: #f2f2f2 url(../img/bg_globalstrap_ie_big.png) 0 0 repeat-x;
}
.globalstrap.strap-toggle .strap-bgr {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
/* logo */
.globalstrap .logo {
  position: absolute;
  top: 11px;
  left: 21px;
  width: 75px;
  height: 28px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -200px -50px;
}
.globalstrap.strap-big .logo {
  top: 20px;
  left: 20px;
  width: 111px;
  height: 42px;
  background-position: -200px 0;
}
.globalstrap .logo > span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* title
   used in smartphone view only
*/
.globalstrap .title {
  display: none;
}
/* download wrapper
   wraps up all contents for dropdown in smartphone view
   without function in tablet view and desktop view
*/
/* -----------------------------------------------------------------------------
   navigation
----------------------------------------------------------------------------- */
.globalstrap .navi {
  position: absolute;
  top: 8px;
  left: 112px;
}
.globalstrap.strap-big .navi {
  top: 24px;
  left: 155px;
}
.globalstrap .navi a[href=''] {
  cursor: default;
}
.globalstrap .navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.globalstrap .navi > ul > li {
  float: left;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  margin-right: 2px;
}
.globalstrap .navi > ul > li > a {
  display: block;
  line-height: 36px;
  text-decoration: none !important;
}
.globalstrap .navi > ul > li > a > div {
  padding: 0 14px;
  color: #e60f46;
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  z-index: 2000;
}
.globalstrap .navi > ul > li:hover > a > div {
  background: #e60f46;
  color: #fff;
}
.globalstrap .navi > ul > li.has-children > a > div {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.globalstrap .navi > ul > li.current.has-children > a > div {
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.globalstrap .navi > ul > li.current.has-children:hover > a > div {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #e60f46;
}
.globalstrap .navi > ul > li.has-children > a > div:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 8px;
  vertical-align: middle;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -60px -140px;
  margin: -3px -5px 0 6px;
}
.globalstrap .navi > ul > li.current.has-children > a > div:after,
.globalstrap .navi > ul > li.has-children:hover > a > div:after {
  background-position: -60px -150px;
}
.globalstrap .navi > ul > li.current > a > div {
  background: #333;
  color: #fff;
}
.globalstrap .navi > ul > li li {
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: none;
  padding: 2px 0;
}
.globalstrap .navi > ul > li li + li {
  border-top: 1px dotted #950a2d;
}
.globalstrap .navi > ul > li li > a {
  display: block;
  text-decoration: none !important;
}
.globalstrap .navi > ul > li li > a > div {
  padding: 5px 5px;
  color: #fff;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.globalstrap .navi > ul > li li > a:hover > div,
.globalstrap .navi > ul > li li > a:focus > div {
  background: #fff;
  color: #000;
}
/* flyout */
.globalstrap .navi .flyout {
  position: absolute;
  z-index: 1900;
  top: 36;
  left: -30px;
  width: 230px;
  padding: 0 30px 30px 30px;
  display: none;
}
.globalstrap .navi li:hover .flyout {
  display: block;
}
.globalstrap .navi .flyout-helper {
  *zoom: 1;
  width: 200px;
  padding: 9px 10px;
  background: #e60f46;
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 2px 2px 13px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 2px 2px 13px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.globalstrap .navi .flyout-helper:before {
  content: "";
  display: table;
}
.globalstrap .navi .flyout-helper:after {
  clear: both;
  content: "";
  display: table;
}
/* -----------------------------------------------------------------------------
   user profile
----------------------------------------------------------------------------- */
.globalstrap .userprofile {
  position: absolute;
  top: 10px;
  right: 20px;
}
.globalstrap .userprofile .user-profile-item {
  display: block;
  overflow: hidden;
  cursor: pointer;
  width: 51px;
}
.globalstrap .userprofile .user-profile-item:hover .icon {
  background-color: #e60f46;
}
.globalstrap .userprofile .user-profile-item:hover .icon div {
  background-position: -60px -170px;
}
.globalstrap .userprofile .user-profile-item img {
  width: 30px;
  height: 30px;
  float: left;
}
.globalstrap .userprofile .user-profile-item .icon {
  width: 20px;
  height: 30px;
  background: #d3d5d7;
  float: left;
  margin-left: 1px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.globalstrap .userprofile .user-profile-item .icon div {
  margin: 12px 0 0 5px;
  width: 10px;
  height: 6px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -60px -160px;
}
.globalstrap .userprofile .user-nav-item {
  display: none;
}
.globalstrap.strap-big .userprofile {
  top: 27px;
  right: 20px;
}
/* -----------------------------------------------------------------------------
   search form
----------------------------------------------------------------------------- */
.search-form {
  position: relative;
}
.search-form form {
  margin: 0;
}
.search-form input {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.search-form input:focus,
.search-form input:active {
  border-color: #b2b2b2;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(136, 136, 136, 0.7), 0 0 0 0 transparent;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(136, 136, 136, 0.7), 0 0 0 0 transparent;
}
.search-form .search-query {
  width: 177px;
  padding-right: 35px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  border-color: #b2b2b2;
  filter: none;
}
.search-form .btn {
  position: absolute;
  top: 1px;
  right: 0;
}
.search-form .btn div {
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -30px -200px;
}
.search-form .btn span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* context: global strap
*/
.globalstrap .search-form {
  position: absolute;
  top: 10px;
  right: 85px;
}
.globalstrap.strap-big .search-form {
  top: 27px;
}
/* context: flyout layer
   used in tablet view
*/
.flyout-layer.flyout-search .flyout-header {
  border-bottom: 0;
  margin-bottom: 0;
}
.flyout-layer.flyout-search .flyout-header h3 {
  display: none;
}
.flyout-layer .search-form {
  float: left;
  margin: -33px 0 17px 0;
}
.flyout-layer .search-form .search-query {
  width: 240px;
}
/* seach toggle (global strap only) */
.globalstrap .search-toggle {
  position: absolute;
  top: 16px;
  right: 97px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -50px -200px;
  cursor: pointer;
  display: none;
}
.globalstrap .search-toggle div {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.globalstrap .search-toggle:hover {
  background-position: -30px -200px;
}
.globalstrap.strap-big .search-toggle {
  top: 33px;
}
/* -----------------------------------------------------------------------------
   responsive
----------------------------------------------------------------------------- */
/* <768 */
@media (max-width: 767px) {
  .globalstrap-wrp {
    position: absolute;
    width: auto;
    min-width: 320px;
    padding: 0;
  }
  .globalstrap-wrp > .container {
    width: auto;
  }
  .globalstrap .strap-body,
  .globalstrap.strap-big .strap-body {
    height: 56px;
    margin: 0;
  }
  .globalstrap.strap-toggle .strap-body {
    margin-top: -52px;
  }
  /*
    body.content .globalstrap .strap-body {
      width: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    */
  .globalstrap .strap-bgr {
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
    -webkit-border-radius: 0;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  
    -moz-border-radius: 0;
    border-radius: 0;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 3005;
  }
  /*
    body.content .globalstrap .strap-bgr {
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
    }
    */
  .globalstrap .logo,
  .globalstrap.strap-big .logo {
    z-index: 3010;
    top: 13px;
    left: 8px;
    width: 75px;
    height: 28px;
    background-position: -200px -50px;
  }
  .globalstrap .navigation-toggle {
    position: absolute;
    z-index: 3010;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    background-image: url(../img/css-sprite_01.png);
    background-repeat: no-repeat;
    background-position: -410px -230px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .globalstrap .navigation-toggle span {
    border: 0;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }
  .globalstrap .navigation-toggle:hover {
    background-position: -450px -230px;
  }
  .globalstrap .navigation-toggle.toggle-on {
    background-position: -410px -270px;
  }
  .globalstrap .navigation-toggle.toggle-on:hover {
    background-position: -450px -270px;
  }
  .globalstrap .navigation-toggle.toggle-on + .dropdown-wrapper {
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
    max-height: 2000px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }
  .globalstrap .title {
    display: block;
    position: absolute;
    z-index: 3010;
    top: 10px;
    left: 80px;
    right: 80px;
    text-align: center;
    overflow: hidden;
  }
  .globalstrap .title h1 {
    font-size: 20px;
    line-height: 36px;
    white-space: nowrap;
  }
  .globalstrap .dropdown-wrapper {
    position: absolute;
    z-index: 3001;
    top: 56px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff 50%), to(#dddddd 100%));
    /* Chrome, Safari 4+ */
  
    background-image: -webkit-linear-gradient(top, #ffffff 50%, #dddddd 100%);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  
    background-image: -moz-linear-gradient(top, #ffffff 50%, #dddddd 100%);
    /* Firefox 3.6-15 */
  
    background-image: -o-linear-gradient(top, #ffffff 50%, #dddddd 100%);
    /* Opera 11.10-12.00 */
  
    background-image: linear-gradient(to bottom, #ffffff 50%, #dddddd 100%);
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  
    -webkit-box-shadow: 0 20px 40px 0 #000000, 0 0 0 0 transparent, 0 0 0 0 transparent;
    box-shadow: 0 20px 40px 0 #000000, 0 0 0 0 transparent, 0 0 0 0 transparent;
    -webkit-transition: max-height 0.1s ease-in-out;
    -moz-transition: max-height 0.1s ease-in-out;
    -o-transition: max-height 0.1s ease-in-out;
    transition: max-height 0.1s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    *zoom: 1;
    max-height: 0;
    overflow: hidden;
  }
  .globalstrap .dropdown-wrapper:before {
    content: "";
    display: table;
  }
  .globalstrap .dropdown-wrapper:after {
    clear: both;
    content: "";
    display: table;
  }
  .globalstrap .navi {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    padding: 15px 10px 0 10px;
  }
  .globalstrap .navi > ul > li {
    float: none;
    display: block;
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px dotted #999;
    overflow: hidden;
    font-size: 20px
      position: relative;
  }
  .globalstrap .navi ul li a {
    overflow: hidden;
  }
  .globalstrap .navi ul li a > div {
    float: left;
  }
  .globalstrap .navi ul li.has-children > a {
    cursor: pointer;
  }
  .globalstrap .navi ul li.has-children > a > div {
    background: transparent !important;
    color: #e60f46 !important;
  }
  .globalstrap .navi ul li a:hover > div {
    background: #e60f46;
    color: #fff;
  }
  .globalstrap .navi ul li.has-children > a:after {
    content: '';
    display: block;
    width: 12px;
    height: 8px;
    background-image: url(../img/css-sprite_01.png);
    background-repeat: no-repeat;
    background-position: -60px -140px;
    position: absolute;
    top: 17px;
    right: 13px;
  }
  .globalstrap .navi ul li.has-children.toggle-on > a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .globalstrap .navi ul li.has-children > a > div:after {
    display: none;
  }
  .globalstrap .navi > ul > li li + li {
    border-color: #999;
  }
  .globalstrap .navi > ul > li li > a > div {
    color: #e60f46;
  }
  .globalstrap .navi > ul > li li > a:hover > div,
  .globalstrap .navi > ul > li li > a:focus > div {
    background: #e60f46;
    color: #fff;
  }
  .globalstrap .navi .flyout {
    clear: both;
    position: static;
    padding: 0 0 0 33px;
    width: auto;
    -webkit-transition: max-height 0.2s ease-in-out;
    -moz-transition: max-height 0.2s ease-in-out;
    -o-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    display: block;
    overflow: hidden;
    max-height: 0;
  }
  .globalstrap .navi li:hover .flyout {
    max-height: 0;
  }
  .globalstrap .navi > ul > li.toggle-on .flyout {
    max-height: 500px;
  }
  .globalstrap .navi .flyout-helper
    {
        width: auto;
        padding: 0;
        background: transparent;
        -webkit-border-radius: 0; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
        -moz-border-radius: 0;
        border-radius: 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
        margin-bottom: 20px;
        margin-top: -7px; /*hitendra*/
    }
  .globalstrap .userprofile {
    position: static;
  }
  .globalstrap .userprofile .user-profile-item {
    display: none;
  }
  .globalstrap .userprofile .navi {
    padding: 0;
    margin: 0 10px;
  }
  .globalstrap .userprofile .user-nav-item {
    display: block;
    /*
        .corporate-font;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 36px;
        text-decoration: none !important;
        position: relative;
        overflow: hidden;
        margin: 0 10px 0 0;
        > div {
          float: left;
          padding: 0 14px;
          color: @red;
          .border-radius(5px) !important;
        }
        &:hover > div {
          background: @red;
          color: #fff;
        }
  */
  
  }
  .globalstrap .userprofile .user-nav-item img {
    width: 30px;
    height: 30px;
    float: left;
    margin: 3px 8px 0 0;
  }
  .globalstrap .search-form {
    position: relative;
    top: 0 !important;
    right: 0 !important;
    margin: 15px 15px 25px 15px;
  }
  .globalstrap .search-form .search-query {
    width: 100%;
    height: 30px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
}
/* 768-1020 */
@media (min-width: 768px) and (max-width: 1019px) {
 .globalstrap-wrp > .container {
    width: 700px;
  }
  .globalstrap .navi {
    left: 112px;
  }
  .globalstrap.strap-big .navi {
    left: 135px;
  }
  .globalstrap .search-form {
    display: none;
  }
  .globalstrap .search-toggle {
    display: block;
  }
}
/* >1360 */
@media (min-width: 1360px) {
  .globalstrap-wrp > .container {
    width: 1260px;
  }
}
/* -----------------------------------------------------------------------------
   profile
----------------------------------------------------------------------------- */
.container.profile {
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  *zoom: 1;
  /* layout */

  /* buttons */

  /* icons */

  /* tabs */

  /* user images */

  /* add user image */

  /* contact blocks */

  /* contact elements */

  /* editmode */

  /* tags */

  /* contact address (table) */

}
.container.profile:before {
  content: "";
  display: table;
}
.container.profile:after {
  clear: both;
  content: "";
  display: table;
}
.container.profile .row {
  margin-right: -20px;
}
.container.profile .row .col-sidebar {
  *zoom: 1;
  width: 280px;
  padding: 13px 17px 0 40px;
  float: left;
}
.container.profile .row .col-sidebar:before {
  content: "";
  display: table;
}
.container.profile .row .col-sidebar:after {
  clear: both;
  content: "";
  display: table;
}
.container.profile .row .col-sidebar .contact-block.mobile {
  display: none;
}
.container.profile .row .col-sidebar .bl-content-new {
  padding: 10px 0;
  border-top: 1px dotted #dedede;
  border-bottom: 1px dotted #dedede;
}
.container.profile .row .col-sidebar .bl-content-new input {
  margin: 0 !important;
  height: 26px !important;
  width: 143px !important;
}
.container.profile .row .col-sidebar .bl-content-new button {
  float: right;
  height: 26px !important;
}
.container.profile .row .col-sidebar .bl-content .buttons {
  padding-top: 10px !important;
}
.container.profile .row .col-main {
  *zoom: 1;
  width: 575px;
  min-height: 380px;
  padding: 20px;
  float: left;
}
.container.profile .row .col-main:before {
  content: "";
  display: table;
}
.container.profile .row .col-main:after {
  clear: both;
  content: "";
  display: table;
}
.container.profile .row .col-full {
  *zoom: 1;
  margin: 0 20px;
}
.container.profile .row .col-full:before {
  content: "";
  display: table;
}
.container.profile .row .col-full:after {
  clear: both;
  content: "";
  display: table;
}
.container.profile .edit-button,
.container.profile .setprimary-button,
.container.profile .delete-button,
.container.profile .switch-button {
  float: left;
  width: 25px;
  height: 25px;
  overflow: hidden;
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
}
.container.profile .edit-button span,
.container.profile .setprimary-button span,
.container.profile .delete-button span,
.container.profile .switch-button span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.container.profile .edit-button {
  background-position: 0 -60px;
}
.container.profile .edit-button:hover,
.container.profile .edit-button:focus {
  background-position: -30px -60px;
}
.container.profile .setprimary-button {
  background-position: 0 0;
}
.container.profile .setprimary-button:hover,
.container.profile .setprimary-button:focus {
  background-position: -30px 0;
}
.container.profile .delete-button {
  background-position: 0 -30px;
}
.container.profile .delete-button:hover,
.container.profile .delete-button:focus {
  background-position: -30px -30px;
}
.container.profile .switch-button {
  width: 24px;
  height: 24px;
  background-position: 0 -200px;
}
.container.profile .switch-button:hover,
.container.profile .switch-button:focus {
  background-position: -30px -200px;
}
.container.profile .btn-primary {
  filter: none;
}
.container.profile .btn-primary .icon-plus-sign {
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-position: -30px -90px;
  position: relative;
  top: -2px;
  left: -2px;
}
.container.profile .add-button {
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}
.container.profile .add-button .icon-plus-sign {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -160px -120px;
  margin: -1px 1px 0 0;
}
.container.profile .star {
  display: inline-block;
  width: 19px;
  height: 19px;
  overflow: hidden;
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  background-position: -40px -120px;
  cursor: pointer;
}
.container.profile .star.active {
  background-position: -20px -120px;
}
.container.profile .star:hover {
  background-position: 0 -120px;
}
.container.profile .nav-tabs {
  margin: 0;
  position: relative;
  border: 0;
  padding: 7px 7px 0 7px;
  margin-left: -7px;
  overflow: hidden;
}
.container.profile .nav-tabs li {
  font-weight: bold;
  font-size: 14px;
}
.container.profile .nav-tabs li a {
  border: 0;
  background: #999;
  color: #fff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent, 0 0 0 0 transparent;
  margin-right: 4px;
  padding-left: 17px;
  padding-right: 17px;
}
.container.profile .nav-tabs li.active > a {
  background: #333;
}
.container.profile .tab-content {
  width: 555px;
  min-height: 56px;
  padding: 20px 20px;
  margin: -7px 0 0 -6px;
  background: url(../img/bg_profile_tabbody.png) 0 0 no-repeat;
}
.container.profile .tab-content.mobile {
  display: none;
}
.container.profile .user-images {
  margin-bottom: 30px;
}
.container.profile .user-images .image {
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.container.profile .user-images .image img {
  display: block;
  width: 280px;
  height: 190px;
}
.container.profile .user-images .image .buttons {
  position: absolute;
  top: 10px;
  right: 10px;
}
.container.profile .user-images .image .buttons a {
  margin-left: 5px;
}
.container.profile .user-images .image.favorite:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 42px;
  overflow: hidden;
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  background-position: -60px -200px;
}
.container.profile .user-images .image.favorite .setprimary-button {
  display: none;
}
.container.profile .user-images .thumbs {
  *zoom: 1;
}
.container.profile .user-images .thumbs:before {
  content: "";
  display: table;
}
.container.profile .user-images .thumbs:after {
  clear: both;
  content: "";
  display: table;
}
.container.profile .user-images .thumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 -13px 0 -3px;
}
.container.profile .user-images .thumbs li {
  float: left;
  margin: 0 2px 6px 0;
}
.container.profile .user-images .thumbs a {
  display: block;
  padding: 3px;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
}
.container.profile .user-images .thumbs a:hover,
.container.profile .user-images .thumbs a:focus {
  background: #e60f46;
}
.container.profile .user-images .thumbs img {
  display: block;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  width: 64px;
  height: 43px;
}
.container.profile .user-images .thumbs a.favorite:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 22px;
  overflow: hidden;
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  background-position: -80px -160px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.container.profile .user-images .thumbs a.upload {
  margin: 3px;
  border: 2px dashed #d9d9d9;
  padding: 0;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 60px;
  height: 39px;
  background: transparent !important;
  text-align: center;
}
.container.profile .user-images .thumbs a.upload .btn {
  margin-top: 4px;
  padding: 5px;
}
.container.profile .user-images .thumbs a.upload .btn .icon {
  display: block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  background-position: -30px -90px;
}
.container.profile .add-user-image {
  background: #f9f9f9 url(../img/bg_profile_adduserimage.png) 50% 50% no-repeat;
  border: 2px dashed #d4d4d4;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  height: 190px;
  position: relative;
  margin-bottom: 30px;
}
.container.profile .add-user-image div {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: 50px;
  text-align: center;
}
.container.profile .contact-block {
  margin-bottom: 25px;
  *zoom: 1;
}
.container.profile .contact-block:before {
  content: "";
  display: table;
}
.container.profile .contact-block:after {
  clear: both;
  content: "";
  display: table;
}
.container.profile .contact-block .bl-header {
  padding-bottom: 5px;
  border-bottom: 1px dotted #d0d1d2;
  *zoom: 1;
}
.container.profile .contact-block .bl-header:before {
  content: "";
  display: table;
}
.container.profile .contact-block .bl-header:after {
  clear: both;
  content: "";
  display: table;
}
.container.profile .contact-block .bl-header h1 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 34px;
  text-transform: uppercase;
  margin: 0 0 0 0;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.container.profile .contact-block .bl-header h2 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0 0 0 0;
  line-height: 1;
}
.container.profile .contact-block .bl-header h3 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 0 0 0;
  line-height: 1;
}
.container.profile .contact-block .bl-header a.online-status {
  position: relative;
  top: -2px;
}
.container.profile .contact-block .bl-header .btn {
  float: right;
  margin-top: 3px;
}
.container.profile .contact-block .bl-content {
  padding: 15px 0 0 0;
}
.container.profile .contact-block.box {
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #f8f8f8, #f0f0f0);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #f8f8f8, #f0f0f0);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #f8f8f8, #f0f0f0);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  padding: 15px 20px;
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.container.profile .contact-block.box .bl-header h2 {
  padding: 0;
  border: 0;
  margin: 0;
  display: inline-block;
}
.container.profile .contact-block.box .bl-header .edit-button {
  float: none;
  position: absolute;
  margin: -3px 0 0 15px;
}
.container.profile .contact-block.toggleable {
  padding: 0;
}
.container.profile .contact-block.toggleable + .toggleable {
  margin-top: -20px;
}
.container.profile .contact-block.toggleable .bl-header {
  padding: 15px 20px;
}
.container.profile .contact-block.toggleable .bl-header h2,
.container.profile .contact-block.toggleable .bl-header h3 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 0 0 0;
  line-height: 1;
  padding-left: 20px;
  display: inline-block;
}
.container.profile .contact-block.toggleable .bl-header h2:before,
.container.profile .contact-block.toggleable .bl-header h3:before {
  content: '';
  position: absolute;
  margin: 2px 0 0 -20px;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  background-position: 0 -140px;
}
.container.profile .contact-block.toggleable .bl-header:hover {
  cursor: pointer;
}
.container.profile .contact-block.toggleable .bl-header:hover h2,
.container.profile .contact-block.toggleable .bl-header:hover h3 {
  color: #e60f46;
}
.container.profile .contact-block.toggleable .bl-content {
  padding: 0 20px 15px 20px;
  display: none;
}
.container.profile .contact-block.toggleable.on .bl-header h2:before,
.container.profile .contact-block.toggleable.on .bl-header h3:before {
  background-position: -20px -140px;
}
.container.profile .contact-block.toggleable.on .bl-content {
  display: block;
}
.container.profile .col-full.about {
  background: #f2f2f2;
  padding: 20px 0;
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.profile .col-full.about .contact-block {
  display: table-cell;
  width: 253px;
  padding: 0 30px;
}
.container.profile .col-full.about .contact-block:first-child {
  border-left: none;
}
.container.profile .col-full.about .contact-block .bl-header h2 {
  padding: 0;
  border: 0;
  margin: 0;
  display: inline-block;
}
.container.profile .col-full.about .contact-block .bl-header .edit-button {
  float: none;
  position: absolute;
  margin: -3px 0 0 15px;
}
.container.profile .col-full.about .contact-block .bl-content p {
  font-size: 13px;
  line-height: 1.5;
}
.container.profile .col-full.about .contact-block .bl-content textarea {
  height: 150px;
  font-size: 13px;
  line-height: 1.5;
}
.container.profile .bl-content a {
  color: #e60f46;
}
.container.profile .bl-content .item {
  padding: 15px 0;
  *zoom: 1;
}
.container.profile .bl-content .item:before {
  content: "";
  display: table;
}
.container.profile .bl-content .item:after {
  clear: both;
  content: "";
  display: table;
}
.container.profile .bl-content .item + .item {
  border-top: 1px dotted #d0d1d2;
}
.container.profile .bl-content .item .key {
  width: 120px;
  float: left;
  font-weight: bold;
}
.container.profile .bl-content .item .data {
  overflow: hidden;
  padding-right: 30px;
  position: relative;
}
.container.profile .bl-content .item .star {
  position: absolute;
  top: 0;
  right: 0;
}
.container.profile .contact-block.editmode .bl-header .edit-button {
  display: none;
}
.container.profile .contact-block.editmode .bl-content textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  height: 200px;
}
.container.profile .contact-block.editmode .bl-content .buttons {
  padding-top: 5px;
  text-align: right;
}
.container.profile .contact-block.editmode .bl-content .data {
  position: relative;
  top: -4px;
  left: 3px;
  padding-right: 0;
  margin-bottom: -15px;
}
.container.profile .contact-block.editmode .bl-content input[type],
.container.profile .contact-block.editmode .bl-content select,
.container.profile .contact-block.editmode .bl-content textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  margin: 0 0 5px 0;
}
.container.profile .contact-block.editmode .bl-content input[type] {
  height: 28px;
}
.container.profile .contact-block.editmode .bl-content .f-col {
  float: left;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.profile .contact-block.editmode .bl-content .f-col .hint {
  display: block;
  font-size: 12px;
  margin-top: -5px;
  color: #999;
}
.container.profile .contact-block.editmode .bl-content .col-1-1 {
  width: 100%;
}
.container.profile .contact-block.editmode .bl-content .col-1-2,
.container.profile .contact-block.editmode .bl-content .col-2-2 {
  width: 50%;
}
.container.profile .contact-block.editmode .bl-content .col-1-3,
.container.profile .contact-block.editmode .bl-content .col-2-3,
.container.profile .contact-block.editmode .bl-content .col-3-3 {
  width: 33%;
}
.container.profile .contact-block.editmode .bl-content .col-2-3 {
  width: 34%;
}
.container.profile .contact-infos li input[type],
.container.profile .contact-infos li select {
  margin: 0 10px 0 0;
}
.container.profile .contact-infos li .show {
  display: inline-block;
}
.container.profile .contact-infos li .edit {
  display: none;
}
.container.profile .contact-infos li.editmode .show {
  display: none;
}
.container.profile .contact-infos li.editmode .edit {
  display: inline-block;
}
.container.profile .about .contact-block .bl-content > p {
  display: block;
}
.container.profile .about .contact-block .bl-content textarea,
.container.profile .about .contact-block .bl-content .buttons {
  display: none;
}
.container.profile .about .contact-block.editmode .bl-content > p {
  display: none;
}
.container.profile .about .contact-block.editmode .bl-content textarea,
.container.profile .about .contact-block.editmode .bl-content .buttons {
  display: block;
}
.container.profile .my-tags .bl-header {
  border-bottom: 1px dotted #d0d1d2;
}
.container.profile .my-tags .bl-header > h2 {
  border: 0;
  display: inline-block;
}
.container.profile .my-tags .bl-header .edit-button {
  float: none;
  position: absolute;
  margin: -3px 0 0 15px;
}
.container.profile .my-tags .bl-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.container.profile .my-tags .bl-content ul li {
  font-size: 13px;
  display: inline-block;
  margin: 0 5px 10px 0;
}
.container.profile .my-tags .bl-content ul li a,
.container.profile .my-tags .bl-content ul li span {
  display: block;
  background: #ddd;
  padding: 1px 15px;
  -webkit-border-radius: 20px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 20px;
  border-radius: 20px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #000;
  text-decoration: none !important;
  cursor: default;
  white-space: nowrap;
}
.container.profile .my-tags .bl-content ul li a[href]:hover,
.container.profile .my-tags .bl-content ul li a[href]:focus {
  background: #666;
  color: #fff;
  cursor: pointer;
}
.container.profile .my-tags.editmode {
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #f8f8f8, #f0f0f0);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #f8f8f8, #f0f0f0);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #f8f8f8, #f0f0f0);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 20px;
}
.container.profile .my-tags.editmode .bl-content ul li span {
  position: relative;
  padding-right: 25px;
  border: 1px solid #d0d1d2;
  background: #fff;
}
.container.profile .my-tags.editmode .bl-content ul li span a {
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url(../img/css-sprite_01.png) -450px 0;
}
.container.profile .my-tags.editmode .bl-content ul li span a:hover,
.container.profile .my-tags.editmode .bl-content ul li span a:focus {
  background: url(../img/css-sprite_01.png) -430px 0;
}
.container.profile .my-tags.editmode .bl-content textarea {
  height: auto;
}
.container.profile .contact-address {
  position: relative;
  *zoom: 1;
}
.container.profile .contact-address:before {
  content: "";
  display: table;
}
.container.profile .contact-address:after {
  clear: both;
  content: "";
  display: table;
}
.container.profile .contact-address .edit-button {
  position: absolute;
  top: 0;
  right: 10px;
}
.container.profile .contact-address a {
  color: #e60f46;
}
.container.profile .contact-address table {
  width: 100%;
}
.container.profile .contact-address th,
.container.profile .contact-address td {
  text-align: left;
  vertical-align: top;
  padding: 6px 0;
  font-size: 14px;
}
.container.profile .contact-address tr + tr td {
  border-top: 1px dotted #d0d1d2;
}
.container.profile .contact-address .primary,
.container.profile .contact-address .secondary {
  width: 41%;
}
.container.profile .contact-address .spacer {
  min-height: 100px;
}
.container.profile .contact-address .key {
  width: 1%;
  padding-right: 10px;
}
.container.profile .contact-address .switch {
  width: 4%;
}
.container.profile .contact-address .key div {
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.container.profile .contact-address .c-mail .key div {
  background-position: -90px 0;
}
.container.profile .contact-address .c-tel .key div {
  background-position: -90px -20px;
}
.container.profile .contact-address .c-mobile .key div {
  background-position: -90px -40px;
}
.container.profile .contact-address .c-fax .key div {
  background-position: -90px -60px;
}
.container.profile .contact-address .c-address .key div {
  background-position: -90px -80px;
}
.container.profile .contact-address .switch {
  text-align: center;
  padding: 8px 0 0 0;
}
.container.profile .contact-address .switch .switch-button {
  float: none;
  display: inline-block;
}
.container.profile .contact-address.editmode {
  margin: -5px;
  padding: 15px;
  background-color: #f4f4f4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #f8f8f8, #f0f0f0);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #f8f8f8, #f0f0f0);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #f8f8f8, #f0f0f0);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.profile .contact-address.editmode td {
  border-top: 1px dotted #d0d1d2;
}
.container.profile .contact-address.editmode .buttons td {
  padding: 10px 0 0 0;
  text-align: right;
}
.container.profile .contact-address.editmode .hint {
  display: block;
  font-size: 11px;
  color: #666;
}
.container.profile .contact-address.editmode textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  height: 200px;
}
.container.profile .contact-address.editmode .buttons {
  padding-top: 5px;
  text-align: right;
}
.container.profile .contact-address.editmode input[type],
.container.profile .contact-address.editmode select,
.container.profile .contact-address.editmode textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  margin: 0 0 5px 0;
}
.container.profile .contact-address.editmode input[type] {
  height: 28px;
}
.container.profile .contact-address.editmode .f-col {
  float: left;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.profile .contact-address.editmode .f-col .hint {
  margin: -5px 0 10px 0;
}
.container.profile .contact-address.editmode .col-1-1 {
  width: 100%;
}
.container.profile .contact-address.editmode .col-1-2,
.container.profile .contact-address.editmode .col-2-2 {
  width: 50%;
}
.container.profile .contact-address.editmode .col-1-3,
.container.profile .contact-address.editmode .col-2-3,
.container.profile .contact-address.editmode .col-3-3 {
  width: 33%;
}
.container.profile .contact-address.editmode .col-2-3 {
  width: 34%;
}
.container.profile .row > .alert {
  left: 0;
  margin: 0 40px 10px 40px;
}
@media screen and (max-width: 767px) {
  .container.profile .row > .alert {
    margin-left: 0;
    margin-right: 0;
  }
}
.container.profile .alert-special {
  margin-left: 40px;
  margin-right: 40px;
  left: 0;
}
@media screen and (max-width: 1019px) {
  .container.profile .alert-special {
    width: 660px;
  }
  .container.profile .alert-special p {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .container.profile .alert-special {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
  }
  .container.profile .alert-special p {
    margin: 0;
  }
}
/* contact infos
   global styles due to usage in profile layer (global strap) too!
*/
.contact-infos {
  list-style: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
.contact-infos:before {
  content: "";
  display: table;
}
.contact-infos:after {
  clear: both;
  content: "";
  display: table;
}
.contact-infos li {
  clear: both;
  float: left;
  margin: 0 0 12px 0;
  padding: 0 45px 0 35px;
  position: relative;
}
.contact-infos li:before {
  content: '';
  position: absolute;
  margin: 0 0 0 -32px;
  background-image: url(../img/css-sprite_03.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  overflow: hidden;
  display: none;
}
.contact-infos li.c-mail:before {
  background-position: -90px 0;
  display: block;
}
.contact-infos li.c-tel:before {
  background-position: -90px -20px;
  display: block;
}
.contact-infos li.c-mobile:before {
  background-position: -90px -40px;
  display: block;
}
.contact-infos li.c-fax:before {
  background-position: -90px -60px;
  display: block;
}
.contact-infos li.c-address:before {
  background-position: -90px -80px;
  display: block;
}
.contact-infos li.c-position:before {
  background-position: -90px -100px;
  display: block;
}
.contact-infos li .edit-button {
  position: absolute;
  top: -2px;
  right: 0;
}
.col-main .contact-infos .c-position,
.col-main .contact-infos .c-employee-since {
  padding-left: 0;
}
.col-main .contact-infos .c-position:before,
.col-main .contact-infos .c-employee-since:before {
  display: none;
}
.col-main .contact-infos .c-position {
  font-size: 18px;
  margin-bottom: 0;
}
.col-main .contact-infos .c-position em {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  font-style: normal;
}
.col-main .contact-infos .c-position.editmode .show {
  display: none;
}
.col-main .contact-infos .c-position.editmode .edit {
  display: block !important;
  padding-bottom: 5px;
}
.col-main .contact-infos .c-employee-since {
  font-size: 14px;
}
.flyout-layer .contact-infos {
  padding-bottom: 10px;
}
.flyout-layer .contact-infos li {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 6px;
  padding-top: 1px;
  padding-left: 28px;
}
.flyout-layer .contact-infos li:before {
  margin-top: -1px;
  margin-left: -28px;
}
.flyout-layer .contact-infos a {
  color: #e60f46;
}
/* -----------------------------------------------------------------------------
   responsive
----------------------------------------------------------------------------- */
/* <768 */
@media (max-width: 767px) {
  .nav-tabs li a span {
    display: none;
  }
  .container.profile {
    width: auto;
    width: 320px;
    padding: 20px 0;
  }
  .container.profile .row {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
  .container.profile .row .col-sidebar {
    float: none;
    width: 300px;
    padding: 20px 0;
  }
  .container.profile .row .col-sidebar .contact-block.mobile {
    display: block;
  }
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-position,
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-employee-since {
    padding-left: 0;
    font-size: 18px;
    margin: 0;
  }
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-position:before,
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-employee-since:before {
    display: none;
  }
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos em {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    font-style: normal;
  }
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-employee-since {
    font-size: 14px;
  }
  .container.profile .row .col-sidebar .image img {
    width: 300px;
  }
  .container.profile .row .col-sidebar .my-tags .bl-content-new input {
    width: 155px !important;
  }
  .container.profile .row .col-main {
    position: static;
    width: auto;
    float: none;
    margin: 0;
    padding: 20px 0;
    background: none;
    min-height: 0;
  }
  .container.profile .row .col-main .contact-block {
    display: none;
  }
  .container.profile .row .col-main .tab-content {
    width: 280px;
    display: none;
  }
  .container.profile .row .col-main .tab-content.mobile {
    display: block;
  }
  .container.profile .row .col-main .tab-content.mobile table {
    width: 280px;
  }
  .container.profile .tab-content .contact-address.editmode {
    margin-left: -13px !important;
    padding: 10px;
  }
  .container.profile .bl-content .item .key {
    width: auto;
    float: none;
    margin-bottom: 5px;
  }
  .container.profile .bl-content .item .data {
    top: 0 !important;
    margin-bottom: 0 !important;
  }
  .container.profile .col-full.about {
    width: auto;
    padding: 20px;
    margin: 0 0 10px 0;
  }
  .container.profile .col-full.about .contact-block {
    display: block;
    width: auto;
    border: none;
    border-top: 1px dotted #dedede;
    padding: 40px 0 0 0;
  }
  .container.profile .col-full.about .contact-block:first-child {
    border: none;
    padding: 0;
  }
}
/* 768-1020 */
@media (min-width: 768px) and (max-width: 1019px) {
  .container.profile {
    width: 700px;
  }
  .container.profile .row .col-sidebar {
    float: none;
    width: 670px !important;
    overflow: hidden;
  }
  .container.profile .row .col-sidebar .contact-block.mobile {
    display: block;
  }
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-position,
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-employee-since {
    padding-left: 0;
    font-size: 18px;
    margin: 0;
  }
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-position:before,
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-employee-since:before {
    display: none;
  }
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos em {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    font-style: normal;
  }
  .container.profile .row .col-sidebar .contact-block.mobile .contact-infos .c-employee-since {
    font-size: 14px;
  }
  .container.profile .row .col-sidebar .user-images {
    float: left;
    margin-right: 50px;
  }
  .container.profile .row .col-sidebar .user-images .image {
    width: 300px;
  }
  .container.profile .row .col-sidebar .user-images .image img {
    width: 300px;
  }
  .container.profile .row .col-sidebar .my-tags {
    float: left;
    width: 300px;
    margin-left: -20px;
  }
  .container.profile .row .col-sidebar .my-tags .bl-content-new input {
    width: 195px !important;
  }
  .container.profile .col-main {
    width: 700px !important;
  }
  .container.profile .col-main .contact-block {
    display: none;
  }
  .container.profile .col-main .tab-content {
    display: block;
    width: 670px;
    background-size: 710px auto;
  }
  .container.profile .col-main .tab-content.mobile {
    display: none;
  }
  .container.profile .col-full.about {
    width: 670px;
    padding: 20px;
    margin-left: 13px;
  }
  .container.profile .col-full.about .contact-block {
    display: block;
    width: auto;
    border: none;
    padding: 40px 0 0 0;
  }
  .container.profile .col-full.about .contact-block:first-child {
    border: none;
    padding: 0;
  }
}
/* >1360 */
@media (min-width: 1360px) {
  .container.profile {
    padding-left: 170px;
    padding-right: 190px;
  }
}
/* -----------------------------------------------------------------------------
   photo-editor
----------------------------------------------------------------------------- */
/* change profile photo (modal layer) */
.change-profile-photo {
  position: absolute;
  left: 50%;
  width: 710px;
  margin-left: -355px;
  z-index: 8100;
  background: transparent;
  border: 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  overflow: hidden;
}
.change-profile-photo .modal-header {
  position: relative;
  background-color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#3e3e3e));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #545454, #3e3e3e);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #545454, #3e3e3e);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #545454, #3e3e3e);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #545454, #3e3e3e);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  *zoom: 1;
}
.change-profile-photo .modal-header:before {
  content: "";
  display: table;
}
.change-profile-photo .modal-header:after {
  clear: both;
  content: "";
  display: table;
}
.change-profile-photo .modal-header .close-modal {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -430px 0;
  border: 0;
  z-index: 1;
}
.change-profile-photo .modal-header .close-modal:hover,
.change-profile-photo .modal-header .close-modal:focus {
  background-position: -450px 0 !important;
}
.change-profile-photo .modal-header .close-modal > span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.change-profile-photo .modal-header h3 {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-transform: none;
  color: #fff;
}
.change-profile-photo .modal-body {
  padding: 20px;
  background: #fff;
}
.change-profile-photo .modal-footer {
  padding: 10px 20px;
  background: #f2f2f2;
  border: 0;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.change-profile-photo .profile-photo-container {
  background-color: #94908d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#94908d), to(#8f8c87));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #94908d, #8f8c87);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #94908d, #8f8c87);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #94908d, #8f8c87);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #94908d, #8f8c87);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
  text-align: center;
  *zoom: 1;
}
.change-profile-photo .profile-photo-container:before {
  content: "";
  display: table;
}
.change-profile-photo .profile-photo-container:after {
  clear: both;
  content: "";
  display: table;
}
.change-profile-photo .profile-photo-container img {
  max-width: 100%;
  max-height: 350px;
  height: auto;
}
.change-profile-photo #preview-pane {
  background: #d0d1d2;
  padding: 5px;
}
.change-profile-photo #preview-pane .preview-container {
  margin: 0 auto;
}
.change-profile-photo .profile-photo-upload {
  background: #f2f2f2;
  border: 2px dashed #d4d4d4;
  padding: 40px 20px;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
  text-align: center;
  *zoom: 1;
}
.change-profile-photo .profile-photo-upload:before {
  content: "";
  display: table;
}
.change-profile-photo .profile-photo-upload:after {
  clear: both;
  content: "";
  display: table;
}
.change-profile-photo .profile-photo-upload > div {
  margin: 0 auto 10px auto;
}
.change-profile-photo .profile-photo-upload .ln-1 {
  width: 60px;
  height: 50px;
  background: url(../img/bg_profile_upload.png) 0 0 no-repeat;
}
.change-profile-photo .profile-photo-upload .ln-2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.change-profile-photo .profile-photo-upload .ln-4 .btn {
  position: relative;
  overflow: hidden;
}
.change-profile-photo .profile-photo-upload .ln-4 input {
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 100px;
  height: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
#profilePhotoEditor .modal-description {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 18px;
}
#profilePhotoEditor table {
  width: 100%;
}
#profilePhotoEditor table #editor-pane,
#profilePhotoEditor table #editor-pane2 {
  width: 312px;
}
#profilePhotoEditor table #editor-pane .ln-1,
#profilePhotoEditor table #editor-pane2 .ln-1 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-size: 28px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  font-weight: normal;
  font-size: 20px;
}
#profilePhotoEditor table #editor-pane .jcrop-holder,
#profilePhotoEditor table #editor-pane2 .jcrop-holder {
  overflow: hidden;
  margin: 0 0 20px 0;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#profilePhotoEditor table #editor-pane .jcrop-vline,
#profilePhotoEditor table #editor-pane2 .jcrop-vline {
  width: 0 !important;
  border-left: 2px dashed #e60f46;
  background: none;
  opacity: 1 !important;
}
#profilePhotoEditor table #editor-pane .jcrop-hline,
#profilePhotoEditor table #editor-pane2 .jcrop-hline {
  height: 0 !important;
  border-top: 2px dashed #e60f46;
  background: none;
  opacity: 1 !important;
}
#profilePhotoEditor table #editor-pane .jcrop-handle,
#profilePhotoEditor table #editor-pane2 .jcrop-handle {
  background: #000;
  border-color: #fff;
  opacity: 1 !important;
}
#profilePhotoEditor table .modal-description {
  font-size: 12px;
  line-height: 16px;
  padding-right: 10px;
  min-height: 50px;
}
#profilePhotoEditor table .modal-description .image {
  float: left;
  overflow: hidden;
  width: 38px;
  height: 38px;
  margin: 3px 10px 10px 0;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: url(../img/bg_profile_dummy.png) -9px 0 no-repeat;
  background-size: auto 38px;
}
#profilePhotoEditor table .modal-description .image.large {
  width: 56px;
  background-position: 0 0;
}
@media screen and (max-width: 767px) {
  .modal-body {
    overflow: visible;
  }
  .change-profile-photo {
    width: 300px;
    left: 50%;
    margin-left: -150px;
  }
  .change-profile-photo table #editor-pane,
  .change-profile-photo table #editor-pane2 {
    width: 120px !important;
  }
  .change-profile-photo table #editor-pane .ln-1,
  .change-profile-photo table #editor-pane2 .ln-1 {
    height: 30px;
  }
  .change-profile-photo table .modal-description {
    min-height: 100px !important;
  }
}
/* -----------------------------------------------------------------------------
   content pages
----------------------------------------------------------------------------- */
body.content {
  background: #ffffff url(../img/contentpages/bg_contentpage_header.png) center top repeat-x !important;
  background-size: auto;
  padding: 0;
}
@media (max-width: 767px) {
  body.content {
    background-image: none !important;
  }
}
/* Breadcrumbs */
.breadcrumbs {
  margin: -25px 0 17px 0;
}
.breadcrumbs ul {
  overflow: hidden;
  margin: 0;
  list-style: none;
}
.breadcrumbs ul li {
  position: relative;
  float: left;
  margin: 0 6px 0 0;
  padding: 0 13px 0 0;
  color: #888;
  font-size: 11px;
}
.breadcrumbs ul li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  height: 20px;
  background: url(../img/contentpages/arrow_breadcrumbs.png) 0 center no-repeat;
}
.breadcrumbs ul li:last-child {
  color: #999;
}
.breadcrumbs ul li:last-child:after {
  background: none;
}
.breadcrumbs ul li a {
  color: #888;
}
.breadcrumbs ul li a:hover,
.breadcrumbs ul li a:focus {
  color: #e60f46;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .breadcrumbs {
    display: none;
  }
}
/* Socialbar */
.content-social {
  position: absolute;
  top: 3px;
  right: 20px;
  list-style: none;
  height: 30px;
}
.content-social li {
  float: left;
  height: 30px;
  border-left: 1px dotted #7f7f7f;
}
.content-social li:first-child {
  border: none;
}
.content-social li a {
  display: block;
  font-size: 14px;
  color: #333;
  vertical-align: center;
  padding: 0 10px;
}
.content-social li a i {
  display: inline-block;
  width: 23px;
  height: 23px;
}
.content-social li a u {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  padding: 3px 0 0 0;
}
.content-social li a.like i {
  background: url(../img/contentpages/icon_like.png) 0 0 no-repeat;
}
.content-social li a.comment i {
  background: url(../img/contentpages/icon_comment.png) 0 0 no-repeat;
}
.content-social li a.bookmark i {
  background: url(../img/contentpages/icon_bookmark.png) 0 0 no-repeat;
}
.content-social li a.forward i {
  background: url(../img/contentpages/icon_forward.png) 0 0 no-repeat;
}
.content-social li a:hover.like i,
.content-social li a:focus.like i {
  background: url(../img/contentpages/icon_like_hover.png) 0 0 no-repeat;
}
.content-social li a:hover.comment i,
.content-social li a:focus.comment i {
  background: url(../img/contentpages/icon_comment_hover.png) 0 0 no-repeat;
}
.content-social li a:hover.bookmark i,
.content-social li a:focus.bookmark i {
  background: url(../img/contentpages/icon_bookmark_hover.png) 0 0 no-repeat;
}
.content-social li a:hover.forward i,
.content-social li a:focus.forward i {
  background: url(../img/contentpages/icon_forward_hover.png) 0 0 no-repeat;
}
@media (max-width: 767px) {
  .content-social {
    top: 28px !important;
  }
}
/* Comments */
.comments {
  position: relative;
  width: 700px;
  margin: 20px 0;
  overflow: hidden;
}
.comments .add {
  margin: 0 20px 0 0;
}
.comments .add a {
  filter: none;
}
.comments .add a i {
  display: inline-block;
  vertical-align: bottom;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../img/contentpages/icon_comment_inv.png) 0 0 no-repeat;
}
.comments .comments-add {
  background: #f2f2f2;
  margin: 0 0 20px 0;
  padding: 20px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.comments .comments-add h3 {
  margin-top: 0 !important;
}
.comments .comments-add form textarea {
  width: 660px;
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.comments .comments-add form .add-buttons a {
  filter: none;
  margin: 0 0 0 10px;
}
.comments .comment {
  position: relative;
  background: #f2f2f2;
  margin: 12px 0 0 0;
  padding: 20px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.comments .comment .comment-image {
  float: left;
  width: 60px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.comments .comment .comment-image img {
  width: 44px;
}
.comments .comment .comment-wrapper {
  float: left;
  overflow: hidden;
}
.comments .comment .comment-wrapper .comment-author {
  font-size: 12px;
  height: 16px;
  margin: -5px 0 11px 0;
}
.comments .comment .comment-wrapper .comment-author a {
  color: #e60f46;
}
.comments .comment .comment-wrapper .comment-author span {
  color: #000;
}
.comments .comment .comment-wrapper .comment-title {
  font-size: 16px;
  font-weight: bold;
}
.comments .comment .comment-wrapper .comment-text {
  margin: 8px 0 0 0;
  font-size: 14px;
}
.comments .comment .comment-wrapper .comment-text p {
  width: 600px;
  line-height: 18px;
}
.comments .comment .comment-wrapper .comment-social {
  margin-top: -6px;
}
.comments .comment .comment-wrapper .comment-social a {
  display: inline-block;
  height: 12px;
  margin: 0 6px;
  padding: 0;
  color: #e60f46;
  font-size: 12px;
  line-height: 12px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.comments .comment .comment-wrapper .comment-social a:first-child {
  margin: 0 6px 0 0;
}
.comments .comments-footer {
  position: relative;
  height: 70px;
  margin: 30px 0 0 0;
  padding: 20px 0;
  overflow: hidden;
}
.comments .comments-footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 700px;
  background: url(../img/contentpages/bg_comments_shadow_bottom.png) 0 0 no-repeat;
}
.comments .comments-footer .all {
  position: absolute;
  top: 30px;
  left: 250px;
}
.comments .comments-footer .all a {
  display: block;
  color: #e60f46;
  font-weight: bold;
  height: 50px;
}
.comments .comments-footer .all a i {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  background: url(../img/contentpages/icon_show_more.png) 0 0 no-repeat;
}
.comments .comments-footer .all a:hover,
.comments .comments-footer .all a:focus {
  text-decoration: none;
  color: #333;
}
.comments .comments-footer .all a:hover i,
.comments .comments-footer .all a:focus i {
  background: url(../img/contentpages/icon_show_more_hover.png) 0 0 no-repeat;
}
.comments .comments-footer .add {
  background: none;
}
.comments .comments-footer .add a {
  filter: none;
}
.comments .comments-footer .add a i {
  display: inline-block;
  vertical-align: bottom;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../img/contentpages/icon_comment_inv.png) 0 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .comments {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
  }
  .comments .comments-add {
    padding: 10px;
  }
  .comments .comments-add textarea {
    width: 280px !important;
  }
  .comments .comment {
    padding: 10px 10px 20px 10px;
  }
  .comments .comment .comment-wrapper {
    width: 220px;
  }
  .comments .comment .comment-wrapper p {
    width: 220px !important;
  }
  .comments .comment .comment-wrapper .comment-social a {
    margin: 0 5px !important;
  }
  .comments .comments-footer {
    height: 140px;
    margin-top: 20px;
    padding: 0;
  }
  .comments .comments-footer:before {
    top: 60px;
    width: 300px;
    background: url(../img/contentpages/bg_tab_shadow_bottom_mobile.png) 0 0 no-repeat;
  }
  .comments .comments-footer .all {
    top: 90px;
    left: 75px;
  }
  .comments .comments-footer .add {
    margin-right: 0;
  }
}
/* Navbar */
.container.navbar {
  position: relative;
  padding: 24px 0 0 0;
  height: 100px;
  /* >1360 */

  /* >1680 */

}
.container.navbar .navbar-inner {
  padding: 0;
  border: none;
  background: transparent;
  filter: none;
}
.container.navbar .navbar-inner .brand {
  position: absolute;
  padding: 0 16px 0 20px;
  z-index: 1;
}
.container.navbar .navbar-inner .brand a {
  position: relative;
  display: block;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.navbar .navbar-inner .title {
  position: relative;
  display: block;
  overflow: hidden;
  height: 65px;
  margin: -3px 20px 0 116px;
  color: #fff;
}
.container.navbar .navbar-inner .title h1 {
  margin: 2px 0 0 0;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
}
.container.navbar .navbar-inner .title .app-action {
  position: absolute;
  left: 0;
  height: 30px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}
.container.navbar .navbar-inner .title .app-action a {
  filter: none;
  font-weight: bold;
}
.container.navbar .navbar-inner .title .app-action .app-already-added {
  position: relative;
  display: inline;
  width: 50px;
  margin: 0 0 0 12px;
  padding: 0 0 0 24px;
  font-size: 11px;
  font-weight: bold;
}
.container.navbar .navbar-inner .title .app-action .app-already-added:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 16px;
  height: 16px;
  border-radius: 17px;
  background: url(../img/css-sprite_01.png) -531px -182px no-repeat;
}
.container.navbar .navbar-inner ul {
  width: 980px;
  height: 48px;
  margin: 8px -20px 0 -20px;
  background-color: #c50e3d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9144b), to(#c50e3d));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e9144b, #c50e3d);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e9144b, #c50e3d);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e9144b, #c50e3d);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e9144b, #c50e3d);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.navbar .navbar-inner ul li {
  height: 42px;
  margin: 6px 2px 0 0;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.navbar .navbar-inner ul li ul {
  display: none;
}
.container.navbar .navbar-inner ul li a {
  display: block;
  height: 42px;
  padding: 10px 12px 18px 12px;
  font-size: 20px;
  line-height: 18px;
  text-transform: uppercase;
  text-shadow: #333333 0px -1px;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.container.navbar .navbar-inner ul li:first-child {
  margin-left: 136px;
}
.container.navbar .navbar-inner ul li:hover a,
.container.navbar .navbar-inner ul li:focus a {
  background-color: #ae0b35;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c60d3c), to(#ae0b35));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #c60d3c, #ae0b35);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #c60d3c, #ae0b35);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #c60d3c, #ae0b35);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #c60d3c, #ae0b35);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  height: 36px;
}
.container.navbar .navbar-inner ul li.active {
  background: #fff;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.navbar .navbar-inner ul li.active a {
  height: 46px;
  background: #fff;
  color: #000;
  text-shadow: none;
  box-shadow: none;
}
.container.navbar .navbar-inner ul li.active a:hover,
.container.navbar .navbar-inner ul li.active a:focus {
  background: #fff;
}
.container.navbar .navbar-inner ul li.more {
  position: relative;
}
.container.navbar .navbar-inner ul li.more a {
  display: block;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  width: 92px;
  height: 20px;
}
.container.navbar .navbar-inner ul li.more a i {
  position: absolute;
  right: 5px;
  top: 6px;
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #95142c;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #c50e3d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9144b), to(#c50e3d));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e9144b, #c50e3d);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e9144b, #c50e3d);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e9144b, #c50e3d);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e9144b, #c50e3d);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.container.navbar .navbar-inner ul li.more a i:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 5px;
  width: 18px;
  height: 18px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -450px -40px;
}
.container.navbar .navbar-inner ul li.more:hover,
.container.navbar .navbar-inner ul li.more:focus {
  background-image: none;
}
.container.navbar .navbar-inner ul li.more:hover i:after,
.container.navbar .navbar-inner ul li.more:focus i:after {
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  top: 3px;
  background-position: -470px -40px !important;
}
.container.navbar .navbar-inner ul li.more:hover a,
.container.navbar .navbar-inner ul li.more:focus a {
  display: block;
  border-left: 1px solid #95142c;
  border-top: 1px solid #95142c;
  border-right: 1px solid #95142c;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #c50e3d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c50e3d), to(#e9144b));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #c50e3d, #e9144b);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #c50e3d, #e9144b);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #c50e3d, #e9144b);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #c50e3d, #e9144b);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  height: 32px;
}
.container.navbar .navbar-inner ul li.more:hover ul,
.container.navbar .navbar-inner ul li.more:focus ul {
  position: absolute;
  display: block;
  overflow: hidden;
  right: 20px;
  top: 32px;
  width: auto;
  min-width: 150px;
  height: auto;
  margin-top: 0;
  padding: 12px 12px 12px 12px;
  background-color: #c50e3d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9144b), to(#c50e3d));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e9144b, #c50e3d);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e9144b, #c50e3d);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e9144b, #c50e3d);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e9144b, #c50e3d);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  border-top-right-radius: 0;
  z-index: 1;
}
.container.navbar .navbar-inner ul li.more:hover ul li,
.container.navbar .navbar-inner ul li.more:focus ul li {
  display: block;
  background: none !important;
  border-top: 1px dotted #95142c;
  padding: 2px 0;
  margin: 0;
  height: auto;
}
.container.navbar .navbar-inner ul li.more:hover ul li:first-child,
.container.navbar .navbar-inner ul li.more:focus ul li:first-child {
  margin: 0;
  border: none;
}
.container.navbar .navbar-inner ul li.more:hover ul li a,
.container.navbar .navbar-inner ul li.more:focus ul li a {
  display: block;
  width: 100%;
  height: 26px;
  margin: 0;
  padding: 5px;
  background: none;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  border: none;
  overflow: hidden;
}
.container.navbar .navbar-inner ul li.more:hover ul li:hover a,
.container.navbar .navbar-inner ul li.more:focus ul li:hover a,
.container.navbar .navbar-inner ul li.more:hover ul li:focus a,
.container.navbar .navbar-inner ul li.more:focus ul li:focus a {
  text-shadow: none;
  color: #000;
  background: #fff;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.navbar .navbar-inner ul li.more:hover:after,
.container.navbar .navbar-inner ul li.more:focus:after {
  background-position: -468px -40px;
}
@media (max-width: 767px) {
  .container.navbar {
    width: auto;
    height: 60px;
    background-color: #193059;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#253d6c), to(#0d2246));
    /* Chrome, Safari 4+ */
  
    background-image: -webkit-linear-gradient(top, #253d6c, #0d2246);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  
    background-image: -moz-linear-gradient(top, #253d6c, #0d2246);
    /* Firefox 3.6-15 */
  
    background-image: -o-linear-gradient(top, #253d6c, #0d2246);
    /* Opera 11.10-12.00 */
  
    background-image: linear-gradient(to bottom, #253d6c, #0d2246);
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  
    margin-bottom: 0;
  }
  .container.navbar .navbar-inner {
    width: 300px;
    margin: 0 auto;
  }
  .container.navbar .navbar-inner .brand img {
    width: 50px;
    height: 50px;
  }
  .container.navbar .navbar-inner .title {
    margin-left: 60px;
  }
  .container.navbar .navbar-inner .title h1 {
    margin: 4px 0 0 0;
    font-size: 24px;
    line-height: 20px;
  }
  .container.navbar .navbar-inner .title .app-action {
    top: 22px;
  }
  .container.navbar .navbar-inner .nav-wrapper {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1019px) {
  .container.navbar {
    width: 740px;
  }
  .container.navbar .navbar-inner {
    margin-left: 20px;
  }
  .container.navbar .navbar-inner ul {
    width: 740px;
  }
}
@media (min-width: 1360px) {
  .container.navbar {
    width: 1260px;
  }
  .container.navbar .navbar-inner ul {
    width: 1300px;
  }
}
/* Navigation-Sidebar */
.navigation-sidebar {
  display: inline-block;
  position: relative;
  width: 200px;
  min-height: 750px;
  margin: 0 0 20px 0;
  background: url(../img/contentpages/bg_navigation.png) right top no-repeat;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 2;
  /* >1360 */

}
.navigation-sidebar .btn-back {
  padding-left: 22px;
}
.navigation-sidebar .btn-back:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 6px;
  width: 8px;
  height: 12px;
  background: url(../img/contentpages/icon_back.png) 0 0 no-repeat;
}
.navigation-sidebar ul {
  width: 180px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation-sidebar ul li {
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px dotted #b2b2b2;
}
.navigation-sidebar ul li a {
  display: block;
  padding: 13px 8px;
  color: #11388d;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
.navigation-sidebar ul li a:hover,
.navigation-sidebar ul li a:focus {
  text-decoration: none;
  color: #e60f46;
}
.navigation-sidebar ul li:last-child {
  border: none;
}
.navigation-sidebar ul li.current a {
  font-weight: bold;
  color: #e60f46;
}
.navigation-sidebar ul li.opened {
  position: relative;
  width: 180px;
  background: #efefef;
  border: none;
  padding-bottom: 8px;
  margin: 2px 0;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.navigation-sidebar ul li.opened a {
  padding-bottom: 8px;
}
.navigation-sidebar ul li.opened ul {
  width: 148px;
  margin: 0 16px;
  padding: 0;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.navigation-sidebar ul li.opened ul li a {
  padding: 5px 0;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #10327d;
}
.navigation-sidebar ul li.opened ul li a:hover,
.navigation-sidebar ul li.opened ul li a:focus {
  color: #e60f46;
}
.navigation-sidebar ul li.opened ul li.current a {
  font-weight: bold;
  color: #e60f46;
}
.navigation-sidebar ul li.opened:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px dotted #b2b2b2;
}
.navigation-sidebar .navigation-sidebar-toggle {
  display: none;
  position: absolute;
  top: 12px;
  right: -33px;
  width: 34px;
  height: 518px;
  cursor: pointer;
  z-index: 1;
}
@media screen and (max-width: 1019px) {
  .navigation-sidebar {
    width: 200px;
    margin-right: 10px;
  }
  .navigation-sidebar .navigation-sidebar-toggle {
    margin-left: 20px;
    display: block;
    background: url(../img/contentpages/bg_navigation_closed.png) 0 0 no-repeat;
  }
  .scroll-right .navigation-sidebar {
    width: 200px;
    margin-right: 20px;
  }
  .scroll-right .navigation-sidebar .navigation-sidebar-toggle {
    display: block;
    background: url(../img/contentpages/bg_navigation_opened.png) 0 0 no-repeat;
  }
}
@media (min-width: 1360px) {
  .navigation-sidebar {
    width: 240px;
  }
  .navigation-sidebar ul {
    width: 220px;
  }
  .navigation-sidebar ul li.opened {
    width: 220px;
  }
}
/* Filter-sidebar */
.filter-sidebar {
  display: inline-block;
  position: relative;
  width: 200px;
  min-height: 750px;
  margin: 0 0 20px 0;
  padding: 0 22px 0 0;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  background: url(../img/contentpages/bg_navigation.png) right top no-repeat;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 2;
  /* >1360 */

}
.filter-sidebar .filter-sidebar-label {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}
.filter-sidebar .filter-sidebar-label p {
  color: #b2b2b2;
  font-size: 13px;
}
.filter-sidebar .filter-sidebar-label p:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 16px;
  left: 0;
  top: 1px;
  background: url(../img/css-sprite_01.png) -504px -181px no-repeat;
}
.filter-sidebar .filter-sidebar-category {
  height: 100%;
  overflow: hidden;
  margin: 0 0 20px 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.filter-sidebar .filter-sidebar-category h3 {
  position: relative;
  margin: 0;
  padding: 10px 0;
  font-size: 14px;
  font-family: arial, sans-serif;
  color: #11388d;
  border-top: 1px dotted #b2b2b2;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
}
.filter-sidebar .filter-sidebar-category h3:after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 16px;
  height: 16px;
  background: url(../img/contentpages/arrow_category_up.png) 0 0 no-repeat;
}
.filter-sidebar .filter-sidebar-category h3:hover,
.filter-sidebar .filter-sidebar-category h3:focus {
  text-decoration: none;
  color: #e60f46;
}
.filter-sidebar .filter-sidebar-category h3:hover:after,
.filter-sidebar .filter-sidebar-category h3:focus:after {
  background: url(../img/contentpages/arrow_category_up_hover.png) 0 0 no-repeat;
}
.filter-sidebar .filter-sidebar-category.collapsed {
  height: 30px;
}
.filter-sidebar .filter-sidebar-category.collapsed h3:after {
  background: url(../img/contentpages/arrow_category_down.png) 0 0 no-repeat;
}
.filter-sidebar .filter-sidebar-category.collapsed h3:hover:after,
.filter-sidebar .filter-sidebar-category.collapsed h3:focus:after {
  background: url(../img/contentpages/arrow_category_down_hover.png) 0 0 no-repeat;
}
.filter-sidebar .filter-sidebar-category ul {
  width: 180px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 0 8px 0;
}
.filter-sidebar .filter-sidebar-category ul li {
  margin: 0 0 0 8px;
  line-height: 20px;
}
.filter-sidebar .filter-sidebar-category ul li a {
  position: relative;
  display: block;
  padding: 3px 0 2px 20px;
  color: #11388d;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}
.filter-sidebar .filter-sidebar-category ul li a:hover,
.filter-sidebar .filter-sidebar-category ul li a:focus {
  text-decoration: none;
  color: #e60f46;
}
.filter-sidebar .filter-sidebar-category ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  background: url(../img/contentpages/checkbox.png) 0 0 no-repeat;
}
.filter-sidebar .filter-sidebar-category ul li a.active {
  color: #e60f46;
}
.filter-sidebar .filter-sidebar-category ul li a.active:before {
  background-position: 0 -19px;
}
.filter-sidebar .filter-sidebar-category .filter-sidebar-more {
  margin: 8px 0 8px 10px;
  position: relative;
  display: block;
  padding: 2px 0 2px 18px;
  color: #11388d;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #e60f46;
  cursor: pointer;
}
.filter-sidebar .filter-sidebar-category .filter-sidebar-more:hover,
.filter-sidebar .filter-sidebar-category .filter-sidebar-more:focus {
  text-decoration: none;
}
.filter-sidebar .filter-sidebar-category .filter-sidebar-more:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  border: none;
  background: url(../img/contentpages/arrow_more.png) 0 0 no-repeat;
}
.filter-sidebar .filter-sidebar-category .filter-sidebar-search {
  position: relative;
  width: 154px;
  height: 26px;
  margin: 0;
  padding: 0 30px 0 14px;
  font-size: 12px;
  border-radius: 26px;
  border: 1px solid #d0d1d1;
  background: #fcfcfc url(../img/contentpages/icon_search_magnify.png) right 10px top 3px no-repeat;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  z-index: 1;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.filter-sidebar .filter-sidebar-category .filter-sidebar-search:focus,
.filter-sidebar .filter-sidebar-category .filter-sidebar-search:active {
  border-color: #e60f46;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(230, 15, 70, 0.6), 0 0 0 0 transparent;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(230, 15, 70, 0.6), 0 0 0 0 transparent;
}
.filter-sidebar .filter-sidebar-toggle {
  display: none;
  position: absolute;
  top: 12px;
  right: -33px;
  width: 34px;
  height: 518px;
  cursor: pointer;
  z-index: 1;
}
@media screen and (max-width: 1019px) {
  .filter-sidebar {
    width: 200px;
    margin-right: 10px;
  }
  .filter-sidebar .filter-sidebar-toggle {
    margin-left: 20px;
    display: block;
    background: url(../img/contentpages/bg_navigation_closed.png) 0 0 no-repeat;
  }
  .scroll-right .filter-sidebar {
    width: 200px;
    margin-right: 20px;
  }
  .scroll-right .filter-sidebar .filter-sidebar-toggle {
    display: block;
    background: url(../img/contentpages/bg_navigation_opened.png) 0 0 no-repeat;
  }
}
@media (min-width: 1360px) {
  .filter-sidebar {
    width: 240px;
  }
  .filter-sidebar .filter-sidebar-category .filter-sidebar-search {
    width: 194px;
  }
}
/* Quicklinks-Sidebar */
.quicklinks {
  margin-left: 20px;
}
.quicklinks ul {
  background: #f2f2f2;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.quicklinks ul li {
  border-top: 1px dotted #bababa;
}
.quicklinks ul li:first-child {
  border: none;
}
.quicklinks ul li a {
  display: block;
  padding: 15px 10px 12px 10px;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
}
.quicklinks ul li a i {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  vertical-align: top;
  background: url(../img/contentpages/icon_link_right.png) 0 0 no-repeat;
}
.quicklinks ul li a:hover,
.quicklinks ul li a:focus {
  text-decoration: none;
  color: #e60f46;
}
@media screen and (max-width: 1019px) {
  .quicklinks {
    width: 220px;
    margin-left: 0;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .quicklinks {
    float: none;
    width: 300px;
  }
}
/* Teaser-Sidebar */
.teaser {
  margin-left: 20px;
  overflow: hidden;
}
.teaser .teaser-item {
  margin: 20px 0;
  padding: 10px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f2f2f2;
}
.teaser .teaser-item a h4 {
  color: #000;
  font-size: 16px;
  margin: 0 0 5px 0;
}
.teaser .teaser-item a p {
  margin: 0;
  font-size: 11px;
  line-height: 14px;
  color: #999;
}
.teaser .teaser-item a p .fake-link {
  color: #e60f46;
}
.teaser .teaser-item a:hover,
.teaser .teaser-item a:focus {
  text-decoration: none;
}
.teaser .teaser-item a:hover h4,
.teaser .teaser-item a:focus h4 {
  color: #e60f46;
}
.teaser .teaser-item a:hover .fake-link,
.teaser .teaser-item a:focus .fake-link {
  text-decoration: underline;
}
@media screen and (max-width: 1019px) {
  .teaser {
    overflow: hidden;
    margin: 15px 0 20px 0;
  }
  .teaser .teaser-item {
    width: 200px;
    margin: 20px 0 0 20px;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .teaser {
    float: none;
    width: 300px;
    margin-top: 40px;
  }
  .teaser .teaser-item {
    width: 300px;
    margin: 0 0 20px 0;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
}
/* Alerts */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.alert-block {
  position: fixed;
  width: 100%;
  width: 940px;
  margin-left: -470px;
  bottom: 20px;
  left: 50%;
  padding: 14px 16px;
  border: none;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  background: #e60f46;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  text-shadow: none;
  z-index: 999;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
.alert-block.alert-static {
  position: relative;
  bottom: 0;
  width: auto;
}
.alert-block .app-icon {
  float: left;
  display: block;
  position: relative;
  margin: 0 16px 0 0;
}
.alert-block .app-icon img {
  width: 50px !important;
  height: 50px !important;
  -webkit-border-radius: 8px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 8px;
  border-radius: 8px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.alert-block .app-icon:before {
  content: "";
  position: absolute;
  display: block;
  right: -8px;
  top: -8px;
  width: 24px;
  height: 24px;
  background: url(../img/contentpages/icons_alerts.png) -48px 0 no-repeat;
  -webkit-border-radius: 12px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 12px;
  border-radius: 12px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.alert-block p {
  width: 90%;
  margin: 10px 0;
  color: #fff;
}
.alert-block p strong {
  display: block;
}
.alert-block button.close {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 8px;
  right: 8px;
  padding: 0 0 4px 0;
  margin: 0;
  font-size: 16px;
  line-height: 12px;
  border-radius: 16px;
  background: url(../img/contentpages/icons_alerts.png) -113px 0 no-repeat;
  color: #fff;
  opacity: 1;
  text-shadow: none;
  text-indent: -9999px;
}
.alert-block button.close:hover,
.alert-block button.close:focus {
  background-position: -113px -18px;
}
.alert-block.alert-success {
  color: #fff;
  background: #309b19;
}
.alert-block.alert-success .app-icon:before {
  background: url(../img/contentpages/icons_alerts.png) -24px 0 no-repeat;
}
.alert-block.alert-success button.close {
  background: url(../img/contentpages/icons_alerts.png) -77px 0 no-repeat;
}
.alert-block.alert-success button.close:hover,
.alert-block.alert-success button.close:focus {
  background-position: -113px -18px;
}
.alert-block.alert-special {
  color: #333;
  background: #e6e9f2;
  border: 1px solid #9faacb;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  padding-left: 60px;
}
.alert-block.alert-special:before {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  top: 20px;
  width: 24px;
  height: 24px;
  background: url(../img/contentpages/icons_alerts.png) 0 -24px no-repeat;
}
.alert-block.alert-special p {
  color: #333;
}
.alert-block.alert-special button.close {
  background: url(../img/contentpages/icons_alerts.png) -132px 0 no-repeat;
}
.alert-block.alert-special button.close:hover,
.alert-block.alert-special button.close:focus {
  background-position: -132px -18px;
}
.alert-block.alert-info {
  color: #805600;
  background: #ffbe04;
}
.alert-block.alert-info .app-icon:before {
  background: url(../img/contentpages/icons_alerts.png) 0 0 no-repeat;
}
.alert-block.alert-info strong {
  color: #805600;
}
.alert-block.alert-info button.close {
  background: url(../img/contentpages/icons_alerts.png) -95px 0 no-repeat;
}
.alert-block.alert-info button.close:hover,
.alert-block.alert-info button.close:focus {
  background-position: -95px -18px;
}
@media screen and (max-width: 1019px) {
  .alert-block {
    width: 660px;
    margin-left: -330px;
  }
  .alert-block p {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .alert-block {
    width: 340px;
    margin-left: -170px;
  }
  .alert-block p {
    margin: 0;
  }
}
/* -----------------------------------------------------------------------------
   thumbnail list (content)
----------------------------------------------------------------------------- */
body ul.thumbnails {
  position: relative;
  margin: 20px 0;
}
body ul.thumbnails .thumbnail {
  width: 233px;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  overflow: hidden;
}
body ul.thumbnails .thumbnail h1,
body ul.thumbnails .thumbnail h2,
body ul.thumbnails .thumbnail h3,
body ul.thumbnails .thumbnail h4,
body ul.thumbnails .thumbnail h5,
body ul.thumbnails .thumbnail h6,
body ul.thumbnails .thumbnail p {
  width: auto;
}
body ul.thumbnails .thumbnail a {
  width: 100%;
  min-height: 303px;
  display: block;
  margin: 0;
  padding: 10px;
  border: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
}
body ul.thumbnails .thumbnail a img {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
body ul.thumbnails .thumbnail a .caption {
  padding: 10px 0 0 0;
}
body ul.thumbnails .thumbnail a .caption h3 {
  margin: 0;
  color: #000;
  height: 40px;
  overflow: hidden;
}
body ul.thumbnails .thumbnail a .caption .date {
  font-size: 11px;
  color: #b2b2b2;
}
body ul.thumbnails .thumbnail a .caption p {
  font-size: 12px;
  line-height: 16px;
  color: #000;
  max-height: 48px;
  overflow: hidden;
}
body ul.thumbnails .thumbnail a:hover {
  text-decoration: none;
  background: #f2f2f2;
}
body ul.thumbnails .thumbnail a:hover h3 {
  color: #e60f46;
}
@media screen and (max-width: 767px) {
  body ul.thumbnails {
    position: relative;
    margin: 40px 0;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  body ul.thumbnails .thumbnail {
    overflow: hidden;
    width: 300px;
    float: none;
  }
  body ul.thumbnails .thumbnail a {
    min-height: 0;
    display: block;
    padding: 0;
    margin-bottom: 30px;
    *zoom: 1;
  }
  body ul.thumbnails .thumbnail a:before {
    content: "";
    display: table;
  }
  body ul.thumbnails .thumbnail a:after {
    clear: both;
    content: "";
    display: table;
  }
  body ul.thumbnails .thumbnail a img {
    float: left;
    width: 95px;
    margin: 0 10px 0 0;
  }
  body ul.thumbnails .thumbnail a .caption {
    overflow: hidden;
    padding: 2px 0 0 0;
  }
  body ul.thumbnails .thumbnail a .caption h3 {
    height: auto;
    font-size: 16px;
  }
  body ul.thumbnails .thumbnail a .caption p {
    display: none;
  }
  body ul.thumbnails .thumbnail a:hover {
    background: none;
  }
  body ul.thumbnails:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    height: 20px;
    width: 300px;
    background: url(../img/contentpages/bg_tab_shadow_bottom_mobile.png) 0 0 no-repeat;
  }
  body ul.thumbnails:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    height: 20px;
    width: 300px;
    background: url(../img/contentpages/bg_tab_shadow_bottom_mobile.png) 0 0 no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
/* -----------------------------------------------------------------------------
   teaser list (content)
----------------------------------------------------------------------------- */
body ul.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
body ul.list li {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 0 10px 0;
  overflow: hidden;
}
body ul.list li a {
  display: block;
  overflow: hidden;
  padding: 20px 40px 20px 20px;
  background: #f2f2f2;
}
body ul.list li a img {
  width: 200px;
  float: left;
  margin: 0 20px 0 0;
}
body ul.list li a .caption {
  overflow: hidden;
}
body ul.list li a .caption h3 {
  margin: 0;
  color: #000;
}
body ul.list li a .caption .date {
  font-size: 11px;
  color: #b2b2b2;
}
body ul.list li a .caption p {
  font-size: 12px;
  line-height: 16px;
  color: #000;
}
body ul.list li a .caption p .fake-link {
  color: #e60f46;
}
body ul.list li a:hover,
body ul.list li a:focus {
  text-decoration: none;
  background: #eaeaea;
}
body ul.list li a:hover h3,
body ul.list li a:focus h3 {
  color: #e60f46;
}
body ul.list li a:hover .fake-link,
body ul.list li a:focus .fake-link {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  body ul.list {
    width: 300px;
  }
  body ul.list li {
    float: none;
    width: 300px;
  }
  body ul.list li a {
    display: block;
    padding: 10px;
    background: #f2f2f2;
    -webkit-border-radius: 3px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  body ul.list li a img {
    float: left;
    width: 95px;
    margin: 0 10px 0 0;
  }
  body ul.list li a .caption {
    padding: 2px 0 0 0;
  }
  body ul.list li a .caption h3 {
    height: auto;
    width: auto;
    font-size: 16px;
  }
  body ul.list li a .caption p {
    display: none;
  }
  body ul.list li a:hover,
  body ul.list li a:focus {
    background: #eaeaea;
  }
}
/* Department */
.container.department {
  padding: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  *zoom: 1;
  /* >1360 */

}
.container.department:before {
  content: "";
  display: table;
}
.container.department:after {
  clear: both;
  content: "";
  display: table;
}
.container.department .content-header {
  position: relative;
  height: 32px;
  margin: 9px 20px 0 20px;
}
.container.department .content-header h1 {
  float: left;
  margin: 0;
}
.container.department .content-header .btn {
  filter: none;
  margin: 3px 12px;
}
.container.department .content-header p.app-already-added {
  position: relative;
  display: inline;
  width: 50px;
  margin: 0;
  padding: 0 0 0 24px;
  font-size: 11px;
  font-weight: bold;
}
.container.department .content-header p.app-already-added:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 18px;
  height: 18px;
  background: url(../img/css-sprite_01.png) -530px -181px no-repeat;
}
.container.department .content-header .content-social {
  right: 0 !important;
}
.container.department .breadcrumbs {
  margin: 0 0 10px 20px ;
}
.container.department .content-main .description {
  width: 700px;
}
.container.department .content-main .description p {
  margin: 20px 0;
  font-size: 14px;
}
.container.department .content-main .stage {
  margin: 20px 0;
  *zoom: 1;
}
.container.department .content-main .stage:before {
  content: "";
  display: table;
}
.container.department .content-main .stage:after {
  clear: both;
  content: "";
  display: table;
}
.container.department .content-main .stage .stage-carousel {
  float: left;
  position: relative;
  width: 300px;
  height: 310px;
}
.container.department .content-main .stage .stage-carousel .carousel-slide {
  position: relative;
  margin: 0 0 18px 0;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner {
  position: relative;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner img {
  max-width: none;
  height: 310px;
  margin-left: -35%;
  top: 0;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .carousel-caption {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: 10px;
  right: 10px;
  width: 460px;
  bottom: 10px;
  padding: car;
  background: rgba(0, 0, 0, 0.5);
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .carousel-caption h4 {
  margin: 0 !important;
  font-size: 24px;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .carousel-caption p {
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .carousel-caption:hover,
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .carousel-caption:focus {
  background: #e60f46;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-control {
  position: absolute;
  top: 50%;
  border: none;
  -webkit-border-radius: 0;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0;
  border-radius: 0;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: none;
  text-indent: -10000px;
  opacity: 1;
  filter: none;
  height: 76px;
  width: 36px;
  margin: -38px 0 0 0;
  padding: 0;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-control.left {
  left: 0;
  background: url(../img/contentpages/bg_pager_left.png) 0 0 no-repeat;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-control.left:hover {
  background: url(../img/contentpages/bg_pager_left_hover.png) 0 0 no-repeat;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-control.right {
  right: 0;
  background: url(../img/contentpages/bg_pager_right.png) 0 0 no-repeat;
}
.container.department .content-main .stage .stage-carousel .carousel-slide .carousel-control.right:hover {
  background: url(../img/contentpages/bg_pager_right_hover.png) 0 0 no-repeat;
}
.container.department .content-main .stage .stage-carousel.span4 {
  margin: 0;
  width: 300px;
}
.container.department .content-main .stage .stage-carousel.span4 .carousel-caption {
  width: 250px !important;
}
.container.department .content-main .stage .stage-carousel.span8 {
  width: 620px;
  margin: 0;
}
.container.department .content-main .stage .stage-carousel.span8 .carousel-slide .item {
  width: 620px;
}
.container.department .content-main .stage .stage-carousel.span8 .carousel-slide .item img {
  width: 620px;
  margin-left: 0;
}
.container.department .content-main .stage .stage-carousel.span8 .carousel-slide .item .carousel-caption {
  width: 570px !important;
}
.container.department .content-main .stage .stage-widget {
  float: right;
  margin: 0;
  margin-left: 20px;
  border-radius: none;
}
.container.department .content-main .stage .stage-widget .widget {
  width: 620px;
  border-radius: none;
}
.container.department .content-main .stage .stage-widget .widget .widget-content {
  width: 580px;
  background: none;
}
.container.department .content-main .stage .stage-widget .widget.grid {
  padding-left: 0;
  padding-right: 0;
}
.container.department .content-main .stage .stage-widget .widget.grid .widget-content {
  width: 620px;
}
.container.department .content-main .stage .stage-widget .widget.scroll-up:before {
  content: "";
  position: absolute;
  top: 60px;
  left: 0;
  width: 600px;
  height: 20px;
  background: url(../img/widget_feed_span4_shadow.png) 0 0 no-repeat;
  background-size: 600px 20px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.container.department .content-main .stage .stage-widget .widget.scroll-down:after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 600px;
  height: 20px;
  background: url(../img/widget_feed_span4_shadow.png) 0 0 no-repeat;
  background-size: 600px 20px;
}
.container.department .content-main .stage .stage-widget .widget.span4 {
  width: 300px !important;
}
.container.department .content-main .stage .stage-widget .widget.span4 .widget-content {
  width: 260px !important;
}
.container.department .content-main .stage .stage-widget .widget.span4.grid .widget-content {
  width: 300px !important;
}
.container.department .content-main .stage .stage-widget .widget.span4.scroll-up:before {
  left: -300px;
  background-size: 300px 20px;
}
.container.department .content-main .stage .stage-widget .widget.span4.scroll-down:after {
  background-size: 300px 20px;
}
.container.department .content-main .quicklinks {
  float: left;
  width: 220px;
  min-height: 434px;
  margin: 0 20px 0 0;
  background: #f2f2f2;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.department .content-main .quicklinks h3 {
  margin: 25px 10px 0 10px;
  font-size: 20px;
}
.container.department .content-main .quicklinks ul li {
  position: relative;
}
.container.department .content-main .quicklinks ul li a {
  padding-left: 40px;
}
.container.department .content-main .quicklinks ul li a i {
  position: absolute;
  left: 10px;
  top: 35%;
}
.container.department .content-main .content-right {
  overflow: hidden;
}
.container.department .content-main .content-right .app-widget {
  overflow: hidden;
  padding: 20px;
  background: #f2f2f2;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 40px;
}
.container.department .content-main .content-right .app-widget h3 {
  display: inline-block;
  margin-top: 5px;
  font-size: 20px;
}
.container.department .content-main .content-right .app-widget .app-search {
  float: right;
  position: relative;
  z-index: 1;
}
.container.department .content-main .content-right .app-widget .app-search .search-query {
  width: 265px;
  height: 28px;
  padding: 0 50px 0 14px;
  border-radius: 28px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  z-index: 1;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border-color: #b2b2b2;
  filter: none;
}
.container.department .content-main .content-right .app-widget .app-search .app-search-reset {
  position: absolute;
  right: 30px;
  top: 6px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/css-sprite_01.png) -410px 0 no-repeat;
}
.container.department .content-main .content-right .app-widget .app-search .app-search-reset:hover,
.container.department .content-main .content-right .app-widget .app-search .app-search-reset:focus {
  background-position: -430px 0;
}
.container.department .content-main .content-right .app-widget .app-search:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 12px;
  width: 14px;
  height: 16px;
  background: url(../img/css-sprite_01.png) -504px -181px no-repeat;
}
.container.department .content-main .content-right .app-widget .widget-controls {
  position: relative;
  float: right;
  margin-left: 10px;
  z-index: 1;
}
.container.department .content-main .content-right .app-widget .app-category {
  clear: both;
  position: relative;
  margin: 26px 0 0 0;
  padding: 26px 0 0 0;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.department .content-main .content-right .app-widget .app-category:before {
  content: "";
  position: absolute;
  left: 0;
  top: -58px;
  width: 100%;
  height: 84px;
  background: url(../img/contentpages/shadow_grey_bottom.png) 0 0 no-repeat;
  background-size: 100% 84px;
  z-index: 0;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper {
  position: relative;
  overflow: hidden;
  padding: 10px 0 0 2px;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser {
  float: left;
  position: relative;
  width: 329px;
  height: 90px;
  margin: 0 0 16px 0;
  border-bottom: 1px dotted #aaa;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  z-index: 1;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-icon {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 16px 0 0;
  -webkit-border-radius: 8px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 8px;
  border-radius: 8px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a img {
  position: absolute;
  display: block;
  width: 72px;
  height: 72px;
  -webkit-border-radius: 8px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 8px;
  border-radius: 8px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a strong {
  display: none;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:hover,
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:focus {
  text-decoration: none;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:hover img,
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:focus img {
  top: 1px;
  -webkit-box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-description {
  position: absolute;
  left: 88px;
  top: 0;
  width: 226px;
  font-size: 11px;
  line-height: 13px;
  white-space: normal;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-description .app-description-title {
  float: none;
  margin: 0 0 1px 0;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  text-transform: none;
  font-family: arial, sans-serif;
  width: auto;
  max-height: 13px;
  overflow: hidden;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-description .app-description-text {
  overflow: hidden;
  height: 28px;
  margin: 0 0 18px 0;
  font-size: 11px;
  line-height: 13px;
  width: auto;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-action {
  position: absolute;
  left: 88px;
  bottom: 18px;
  height: 26px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-action a {
  filter: none;
  font-weight: bold;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-action .app-already-added {
  position: relative;
  display: inline;
  width: 50px;
  margin: 0 0 0 12px;
  padding: 0 0 0 24px;
  font-size: 11px;
  font-weight: bold;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-action .app-already-added:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 18px;
  height: 18px;
  background: url(../img/css-sprite_01.png) -530px -181px no-repeat;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser.restricted .app-icon a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  height: 27px;
  background: url(../img/contentpages/icon_restricted.png) 0 0 no-repeat;
  z-index: 1000;
  border-top-right-radius: 6px;
}
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser.restricted .app-icon a:hover:before,
.container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser.restricted .app-icon a:focus:before {
  top: 1px;
}
.container.department .content-main .content-right .app-widget .app-category:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 84px;
  background: url(../img/contentpages/shadow_grey_top.png) 0 0 no-repeat;
  background-size: 100% 84px;
  z-index: 1;
}
.container.department .content-main .content-right .app-widget .app-category-more {
  position: relative;
  height: 50px;
  z-index: 10;
}
.container.department .content-main .content-right .app-widget .app-category-more a {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 40px;
  left: 45%;
  top: 20px;
  margin-top: 10px;
  display: block;
  color: #e60f46;
  font-weight: bold;
}
.container.department .content-main .content-right .app-widget .app-category-more a i {
  content: "";
  position: absolute;
  left: -30px;
  top: -2px;
  width: 24px;
  height: 24px;
  background: url(../img/contentpages/icon_show_more.png) 0 0 no-repeat;
}
.container.department .content-main .content-right .app-widget .app-category-more a:hover,
.container.department .content-main .content-right .app-widget .app-category-more a:focus {
  text-decoration: none;
  color: #333;
}
.container.department .content-main .content-right .app-widget .app-category-more a:hover i,
.container.department .content-main .content-right .app-widget .app-category-more a:focus i {
  background: url(../img/contentpages/icon_show_more_hover.png) 0 0 no-repeat;
}
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper {
  margin-left: 65px;
  padding-left: 2px;
  width: 548px;
}
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser {
  position: relative;
  display: inline-block;
  margin: 0 25px 30px 0 !important;
  width: 112px !important;
  height: 115px !important;
  overflow: hidden;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  border: none !important;
}
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser a {
  width: 112px !important;
  height: 115px !important;
}
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser a img {
  width: 112px !important;
  height: 115px !important;
}
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser a strong {
  position: absolute;
  bottom: 0;
  display: table;
  width: 112px;
  height: 40px;
  padding: 4px 10px 0 10px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  background-color: #2c2c2c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#2c2c2c));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #515151, #2c2c2c);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #515151, #2c2c2c);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #515151, #2c2c2c);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #515151, #2c2c2c);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  color: #fff;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  white-space: normal;
}
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser:hover,
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser:focus {
  top: 1px;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser:hover strong,
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser:focus strong {
  background-color: #1c1c1c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#414141), to(#1c1c1c));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #414141, #1c1c1c);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #414141, #1c1c1c);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #414141, #1c1c1c);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #414141, #1c1c1c);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser .app-description {
  display: none;
}
.container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper .app-teaser .app-action {
  display: none;
}
.container.department .content-main .content-right .group {
  overflow: hidden;
  *zoom: 1;
}
.container.department .content-main .content-right .group:before {
  content: "";
  display: table;
}
.container.department .content-main .content-right .group:after {
  clear: both;
  content: "";
  display: table;
}
.container.department .content-main .content-right .group hr {
  background: none;
  border-top: 1px dotted #d0d1d2;
  margin-bottom: 8px;
}
.container.department .content-main .content-right .group .nav-tabs {
  display: none;
}
.container.department .content-main .content-right .group .group-left {
  float: left;
  width: 200px;
  padding: 20px 20px 0 0;
  min-height: 740px;
  background: url(../img/contentpages/bg_navigation.png) right top no-repeat;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.department .content-main .content-right .group .group-left .group-overview h3 {
  border-bottom: 1px dotted #d0d1d2;
  padding-bottom: 10px;
}
.container.department .content-main .content-right .group .group-left .group-overview .group-name {
  color: #8b8b8b;
  margin: 0;
}
.container.department .content-main .content-right .group .group-left .group-overview .subgroup {
  font-size: 12px;
  margin: 10px 0;
}
.container.department .content-main .content-right .group .group-left .group-overview .subgroup .subgroup-name {
  color: #000;
}
.container.department .content-main .content-right .group .group-left .group-overview .subgroup .subgroup-content {
  color: #8b8b8b;
}
.container.department .content-main .content-right .group .group-left .group-overview .subgroup .subgroup-content a {
  color: #12388d;
}
.container.department .content-main .content-right .group .group-left .group-overview .subgroup .subgroup-content a.tag {
  font-size: 11px;
  color: #fff;
  padding: 3px 10px;
  -webkit-border-radius: 15px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 15px;
  border-radius: 15px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #b2b2b2;
}
.container.department .content-main .content-right .group .group-left .group-joined h4 {
  margin: 40px 0 0 0;
  font-size: 16px;
  padding-bottom: 10px;
}
.container.department .content-main .content-right .group .group-left .group-joined ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.container.department .content-main .content-right .group .group-left .group-joined ul li {
  border-top: 1px dotted #d0d1d2;
  padding: 10px 0;
}
.container.department .content-main .content-right .group .group-left .group-joined ul li a {
  text-decoration: none;
}
.container.department .content-main .content-right .group .group-left .group-joined ul li a .group-joined-img img {
  float: left;
  width: 24px;
  margin: 2px 10px 10px 0;
}
.container.department .content-main .content-right .group .group-left .group-joined ul li a .group-joined-content {
  color: #333;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
}
.container.department .content-main .content-right .group .group-left .group-joined ul li a .group-joined-content .fake-link {
  margin: 0;
  display: block;
  color: #12388d;
}
.container.department .content-main .content-right .group .group-left .group-joined ul li a:hover .fake-link,
.container.department .content-main .content-right .group .group-left .group-joined ul li a:focus .fake-link {
  text-decoration: underline;
}
.container.department .content-main .content-right .group .group-right {
  display: block;
  float: left;
  width: 700px;
  margin: 0 0 0 40px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.department .content-main .content-right .group .group-right h3 {
  border-bottom: 1px dotted #d0d1d2;
  padding-bottom: 10px;
}
.container.department .content-main .content-right .group .group-right .group-timeline .group-timeline-refresh {
  display: block;
  width: 25px;
  height: 25px;
  background: url(../img/contentpages/icon_refresh.png) 0 0 no-repeat;
}
.container.department .content-main .content-right .group .group-right .group-timeline .group-timeline-refresh:hover,
.container.department .content-main .content-right .group .group-right .group-timeline .group-timeline-refresh:focus {
  background: url(../img/contentpages/icon_refresh_hover.png) 0 0 no-repeat;
}
.container.department .content-main .content-right .group .group-right .group-timeline hr {
  margin-bottom: 0;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li {
  padding: 16px 0;
  border-top: 1px dotted #d0d1d2;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li:first-child {
  border: none;
  padding-top: 0;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-left {
  float: left;
  width: 67px;
  margin-top: 4px;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-left img {
  width: 47px;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right {
  overflow: hidden;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right h3 {
  border: none;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-headline {
  font-size: 12px;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-headline a {
  color: #e60f46;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-headline .author {
  color: #000;
  font-weight: bold;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right h3 {
  margin: 10px 0 5px 0;
  font-size: 16px;
  text-transform: none;
  font-family: arial, sans-serif;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right p {
  font-size: 12px;
  line-height: 14px;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-social {
  font-size: 12px;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-social a {
  margin: 0 5px;
  color: #e60f46;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-social a:first-child {
  margin: 0 5px 0 0;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-comments {
  background: #f2f2f2;
  margin: 10px 0;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-comments .group-timeline-comments-header {
  padding: 5px 10px;
  font-size: 12px;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-comments .group-timeline-comments-header strong {
  color: #7f7f7f;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-comments .group-timeline-comments-header a {
  color: #e60f46;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-comments ul li {
  border-top: 1px solid #fff;
  padding: 5px 10px 10px 10px;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-comments ul li .group-timeline-left {
  width: 42px;
  margin-top: 5px;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-comments ul li .group-timeline-left img {
  width: 32px;
}
.container.department .content-main .content-right .group .group-right .group-timeline ul li .group-timeline-right .group-timeline-comments ul li .group-timeline-right p {
  margin: 3px 0;
}
@media screen and (max-width: 1019px) {
  .container.department {
    width: 740px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.department .row {
    margin: 0;
  }
  .container.department .span12 {
    width: 700px;
    margin: 0;
  }
  .container.department .breadcrumbs {
    margin: 0 0 20px 0;
  }
  .container.department .content-header:before {
    top: -28px;
    right: -24px;
  }
  .container.department .content-main .stage {
    position: relative;
    height: 310px;
  }
  .container.department .content-main .stage .stage-carousel {
    width: 380px !important;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide {
    width: 380px;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner {
    width: 380px;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .item {
    width: 380px;
    height: 310px;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .item img {
    width: auto;
    height: 310px;
    margin-left: -20%;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .item .carousel-caption {
    width: 330px !important;
  }
  .container.department .content-main .stage .stage-widget {
    width: 300px;
  }
  .container.department .content-main .stage .stage-widget .widget {
    width: 300px !important;
  }
  .container.department .content-main .stage .stage-widget .widget .widget-content {
    width: 260px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.department .content-main .stage .stage-widget .widget.grid .widget-content {
    width: 300px;
  }
  .container.department .content-main .stage .stage-widget.scroll-up:before {
    content: "";
    position: absolute;
    top: 60px;
    left: -300px;
    width: 600px;
    height: 20px;
    background: url(../img/widget_feed_span4_shadow.png) 0 0 no-repeat;
    background-size: 300px 20px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .container.department .content-main .stage .stage-widget.scroll-down:after {
    background-size: 300px 20px;
  }
  .container.department .content-main .quicklinks {
    width: 220px;
  }
  .container.department .content-main .content-right .app-widget .app-search {
    float: none;
    margin: 10px 0;
  }
  .container.department .content-main .content-right .app-widget .app-search .search-query {
    width: 355px;
  }
  .container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser {
    width: 425px;
  }
  .container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper {
    margin-left: 14px;
    padding-left: 2px;
    width: 412px;
  }
  .container.department .content-main .content-right .group {
    position: relative;
    width: 700px;
    margin: 0 0 20px 0;
    overflow: visible;
  }
  .container.department .content-main .content-right .group .group-left {
    *zoom: 1;
    background: none;
    width: 700px;
    padding: 0;
    min-height: auto;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.department .content-main .content-right .group .group-left:before {
    content: "";
    display: table;
  }
  .container.department .content-main .content-right .group .group-left:after {
    clear: both;
    content: "";
    display: table;
  }
  .container.department .content-main .content-right .group .group-left .group-overview {
    float: left;
    width: 345px;
  }
  .container.department .content-main .content-right .group .group-left .group-overview h3 {
    border-bottom: 1px dotted #d0d1d2;
    padding-bottom: 10px;
  }
  .container.department .content-main .content-right .group .group-left .group-overview hr {
    display: none;
  }
  .container.department .content-main .content-right .group .group-left .group-joined {
    float: left;
    width: 345px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.department .content-main .content-right .group .group-left .group-joined h4 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 20px;
  }
  .container.department .content-main .content-right .group .group-right {
    *zoom: 1;
    margin: 0;
  }
  .container.department .content-main .content-right .group .group-right:before {
    content: "";
    display: table;
  }
  .container.department .content-main .content-right .group .group-right:after {
    clear: both;
    content: "";
    display: table;
  }
  .container.department .content-main .content-right .group .group-right h3 {
    border-bottom: 1px dotted #d0d1d2;
    padding-bottom: 10px;
  }
  .container.department .content-main .content-right .group .group-right hr {
    display: none;
  }
  .container.department .content-main .content-right .group:after {
    background: none;
  }
}
@media screen and (max-width: 767px) {
  .container.department {
    width: 320px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.department .span12 {
    width: 300px;
    margin: 0;
  }
  .container.department .content-header {
    position: relative;
    height: auto;
  }
  .container.department .content-header h1,
  .container.department .content-header h2,
  .container.department .content-header h3 {
    float: none;
    margin-top: 70px;
  }
  .container.department .content-header .btn {
    margin: 10px 0 0 0;
  }
  .container.department .content-header:before {
    top: -12px;
    right: -12px;
  }
  .container.department .content-header .content-social {
    right: 5px;
  }
  .container.department .content-main .description {
    width: 300px;
  }
  .container.department .content-main .stage {
    position: relative;
    width: 300px;
    height: auto;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.department .content-main .stage .stage-carousel {
    float: none;
    width: 300px;
    margin: 20px 0 0 0;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide {
    width: 300px;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner {
    width: 300px;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .item {
    width: 300px;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .item img {
    margin-left: -40%;
  }
  .container.department .content-main .stage .stage-carousel .carousel-slide .carousel-inner .item .carousel-caption {
    width: 250px !important;
  }
  .container.department .content-main .stage .stage-widget {
    float: none;
    overflow: hidden;
    width: 300px;
    height: 300px;
    margin: 20px 0 0 0;
    padding: 0;
  }
  .container.department .content-main .stage .stage-widget .widget .widget-content {
    width: 260px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.department .content-main .stage .stage-widget .widget.grid .widget-content {
    width: 300px;
  }
  .container.department .content-main .quicklinks {
    width: 300px;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    min-height: 0;
  }
  .container.department .content-main .quicklinks ul {
    margin: 0;
  }
  .container.department .content-main .content-right {
    overflow: visible;
    clear: both;
  }
  .container.department .content-main .content-right .app-widget {
    padding: 10px;
  }
  .container.department .content-main .content-right .app-widget .app-search {
    float: none;
    width: 100%;
    margin: 10px 0;
  }
  .container.department .content-main .content-right .app-widget .app-search .search-query {
    width: 215px;
  }
  .container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser {
    float: none;
    width: 280px;
  }
  .container.department .content-main .content-right .app-widget .app-category .app-category-wrapper .app-teaser .app-description {
    width: 190px;
  }
  .container.department .content-main .content-right .app-widget .app-category-more a {
    left: 40%;
  }
  .container.department .content-main .content-right .app-widget.grid .app-category .app-category-wrapper {
    margin-left: 12px;
    padding-left: 2px;
    width: 280px;
  }
  .container.department .content-main .content-right .group {
    width: 300px;
  }
  .container.department .content-main .content-right .group .group-left {
    float: none;
    width: 300px;
    min-height: auto;
  }
  .container.department .content-main .content-right .group .group-left .group-overview {
    width: 300px;
    margin-top: 20px;
  }
  .container.department .content-main .content-right .group .group-left .group-joined {
    width: 300px;
    margin-top: 20px;
    padding: 0;
  }
  .container.department .content-main .content-right .group .group-right {
    float: none;
    width: 300px;
  }
  .container.department .content-main .content-right .group .group-right .group-timeline {
    width: 300px;
  }
  .container.department .content-main .content-right .group .group-right .group-timeline .group-timeline-left {
    width: 34px !important;
  }
  .container.department .content-main .content-right .group .group-right .group-timeline .group-timeline-left img {
    width: 24px !important;
  }
}
@media (min-width: 1360px) {
  .container.department {
    width: 1260px;
  }
  .container.department .span12 {
    width: 1260px;
  }
  .container.department .span12 .stage .stage-carousel {
    width: 620px;
  }
  .container.department .span12 .stage .stage-carousel .carousel-slide .carousel-inner img {
    width: 640px;
    margin-left: 0;
  }
  .container.department .span12 .stage .stage-carousel .carousel-slide .carousel-inner .carousel-caption {
    width: 890px;
  }
  .container.department .span12 .stage .stage-carousel.span4 {
    width: 620px;
  }
  .container.department .span12 .stage .stage-carousel.span4 .carousel-slide .item img {
    width: 620px;
  }
  .container.department .span12 .stage .stage-carousel.span4 .carousel-slide .carousel-caption {
    width: 570px !important;
  }
  .container.department .span12 .stage .stage-carousel.span8 {
    width: 940px;
  }
  .container.department .span12 .stage .stage-carousel.span8 .carousel-slide .item {
    height: 310px;
  }
  .container.department .span12 .stage .stage-carousel.span8 .carousel-slide .item img {
    position: absolute;
    top: -33%;
    width: 940px;
    height: auto;
  }
  .container.department .span12 .stage .stage-carousel.span8 .carousel-slide .item .carousel-caption {
    width: 890px !important;
  }
  .container.department .span12 .quicklinks {
    width: 220px;
  }
  .container.department .span12 .content-right .app-widget .app-category .app-category-wrapper .app-teaser {
    width: 325px;
  }
  .container.department .span12 .content-right .app-widget.grid .app-category .app-category-wrapper {
    margin-left: 22px;
    padding-left: 2px;
    width: 960px;
  }
}
/* Topics-Page */
.container.topics {
  padding: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: visible;
  background: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  *zoom: 1;
  /* >1360 */

}
.container.topics:before {
  content: "";
  display: table;
}
.container.topics:after {
  clear: both;
  content: "";
  display: table;
}
.container.topics .row {
  width: 940px;
  margin: 0;
  padding: 0;
}
.container.topics .breadcrumbs {
  margin: 0 0 20px 00px ;
}
.container.topics h1 {
  float: left;
  margin: 0 0 10px 0;
}
.container.topics .content-header {
  margin: 0;
}
.container.topics .content-main {
  margin: 0;
}
.container.topics .content-main .app-scroller {
  position: relative;
  background: #ececec;
  margin-bottom: 20px;
  padding: 20px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  *zoom: 1;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.topics .content-main .app-scroller:before {
  content: "";
  display: table;
}
.container.topics .content-main .app-scroller:after {
  clear: both;
  content: "";
  display: table;
}
.container.topics .content-main .app-scroller h2 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 28px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  color: #000;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
  margin-bottom: 10px;
}
.container.topics .content-main .app-scroller .app-scroller-viewport {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 190px;
  margin: 20px 0 0 0;
}
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  min-width: 860px;
  white-space: nowrap;
  margin: 0;
  padding: 10px 0;
}
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser {
  position: relative;
  display: inline-block;
  margin: 0 0 0 10px;
  width: 135px;
  height: 140px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser:first-child {
  margin: 0;
}
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser a {
  text-decoration: none;
}
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser a img {
  width: 135px;
  height: 95px;
}
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser a strong {
  display: table;
  width: 135px;
  height: 45px;
  padding: 8px 10px 0 10px;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  background-color: #2c2c2c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#2c2c2c));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #515151, #2c2c2c);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #515151, #2c2c2c);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #515151, #2c2c2c);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #515151, #2c2c2c);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  color: #fff;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  white-space: normal;
}
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser:hover,
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser:focus {
  top: 1px;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser:hover strong,
.container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser:focus strong {
  background-color: #1c1c1c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#414141), to(#1c1c1c));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #414141, #1c1c1c);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #414141, #1c1c1c);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #414141, #1c1c1c);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #414141, #1c1c1c);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.container.topics .content-main .app-scroller.scroll-left {
  position: relative;
}
.container.topics .content-main .app-scroller.scroll-left:before {
  position: absolute;
  content: "";
  top: 55px;
  left: 18px;
  width: 25px;
  height: 170px;
  background: url(../img/contentpages/bg_department_scroll_shadow_left.png) 0 0 no-repeat;
  z-index: 1;
}
.container.topics .content-main .app-scroller.scroll-right {
  position: relative;
}
.container.topics .content-main .app-scroller.scroll-right:after {
  position: absolute;
  content: "";
  top: 55px;
  right: 18px;
  width: 25px;
  height: 170px;
  background: url(../img/contentpages/bg_department_scroll_shadow_right.png) 0 0 no-repeat;
}
@media screen and (max-width: 1019px) {
  .container.topics {
    width: 740px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.topics .row {
    width: 700px;
  }
  .container.topics .span12 {
    width: 700px;
  }
  .container.topics .content-main .app-scroller {
    width: 700px;
  }
}
@media screen and (max-width: 767px) {
  .container.topics {
    width: 300px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.topics .row {
    width: 280px;
  }
  .container.topics .span12 {
    width: 280px;
  }
  .container.topics .content-main .app-scroller {
    width: 280px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.topics .content-main .app-scroller .app-scroller-viewport {
    margin-top: 10px;
    height: 120px;
  }
  .container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser {
    width: 82px ;
    height: 82px;
  }
  .container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser a {
    display: block;
  }
  .container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser a img {
    width: 82px;
    height: 47px;
  }
  .container.topics .content-main .app-scroller .app-scroller-viewport .app-scroller-inner .app-teaser a strong {
    width: 82px;
    height: 35px;
    padding: 7px 5px 0 7px;
    font-size: 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.topics .content-main .app-scroller.scroll-left {
    position: relative;
  }
  .container.topics .content-main .app-scroller.scroll-left:before {
    top: 45px;
    left: 8px;
    width: 10px;
    height: 110px;
    background-size: 10px 110px;
  }
  .container.topics .content-main .app-scroller.scroll-right:after {
    top: 45px;
    right: 8px;
    width: 10px;
    height: 110px;
    background-size: 10px 110px;
  }
}
@media (min-width: 1360px) {
  .container.topics {
    width: 1260px;
  }
  .container.topics .span12 {
    width: 1260px;
  }
}
/* Appfinder */
.container.appfinder {
  padding: 30px 20px 20px 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  *zoom: 1;
  /* >1360 */

}
.container.appfinder:before {
  content: "";
  display: table;
}
.container.appfinder:after {
  clear: both;
  content: "";
  display: table;
}
.container.appfinder .breadcrumbs {
  margin: -10px 0 20px 20px;
}
.container.appfinder h1 {
  position: relative;
  width: 50%;
  margin: 30px 0 0 0;
  color: #000;
}
.container.appfinder h2 {
  float: left;
  position: relative;
  width: 50%;
  height: 28px;
  margin: 0;
  color: #000;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 28px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
  font-size: 20px;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
  z-index: 1;
  padding: 0;
  margin: 16px 0 0 0;
}
.container.appfinder .app-widget h3 {
  float: left;
  font-size: 28px;
  position: relative;
  margin: 30px 0;
}
.container.appfinder .app-widget .widget-controls {
  display: none;
}
.container.appfinder .app-widget .app-search {
  float: right;
  position: relative;
  margin: 30px 0;
  z-index: 1;
}
.container.appfinder .app-widget .app-search .search-query {
  width: 265px;
  height: 28px;
  padding: 0 50px 0 14px;
  border-radius: 28px;
  border: 1px solid #f0f0f0;
  background: #fff;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  z-index: 1;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border-color: #b2b2b2;
  filter: none;
}
.container.appfinder .app-widget .app-search .app-search-reset {
  position: absolute;
  right: 30px;
  top: 6px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/css-sprite_01.png) -410px 0 no-repeat;
}
.container.appfinder .app-widget .app-search .app-search-reset:hover,
.container.appfinder .app-widget .app-search .app-search-reset:focus {
  background-position: -430px 0;
}
.container.appfinder .app-widget .app-search:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 7px;
  right: 12px;
  width: 14px;
  height: 16px;
  background: url(../img/css-sprite_01.png) -504px -181px no-repeat;
}
.container.appfinder .app-widget .app-category {
  clear: both;
  float: none;
  position: relative;
  margin: 16px 0 0 0;
  padding: 16px 0 0 0;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.appfinder .app-widget .app-category:before {
  content: "";
  position: absolute;
  left: 0;
  top: -58px;
  width: 100%;
  height: 84px;
  background: url(../img/contentpages/shadow_white_bottom.png) 0 0 no-repeat;
  background-size: 100% 84px;
  z-index: 0;
}
.container.appfinder .app-widget .app-category .app-category-wrapper {
  position: relative;
  overflow: hidden;
  padding: 10px 0 20px 3px;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser {
  float: left;
  position: relative;
  width: 348px;
  height: 90px;
  margin: 0 0 16px 0;
  border-bottom: 1px dotted #aaa;
  z-index: 1;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-icon {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 16px 0 0;
  -webkit-border-radius: 8px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 8px;
  border-radius: 8px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a img {
  position: absolute;
  display: block;
  width: 72px;
  height: 72px;
  -webkit-border-radius: 8px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 8px;
  border-radius: 8px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a strong {
  display: none;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:hover,
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:focus {
  text-decoration: none;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:hover img,
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:focus img {
  top: 1px;
  -webkit-box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-description {
  position: absolute;
  left: 88px;
  top: 0;
  width: 244px;
  font-size: 11px;
  line-height: 13px;
  white-space: normal;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-description .app-description-title {
  float: none;
  margin: 0 0 1px 0;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  text-transform: none;
  font-family: arial, sans-serif;
  width: auto;
  max-height: 13px;
  overflow: hidden;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-description .app-description-text {
  overflow: hidden;
  height: 28px;
  margin: 0 0 18px 0;
  font-size: 11px;
  line-height: 13px;
  width: auto;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-action {
  position: absolute;
  left: 88px;
  bottom: 17px;
  height: 26px;
  text-align: center;
  white-space: nowrap;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-action a {
  filter: none;
  font-weight: bold;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-action a.disabled {
  margin-top: -1px;
  height: 21px;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-action .app-already-added {
  position: relative;
  display: inline;
  width: 50px;
  margin: 0 0 0 12px;
  padding: 0 0 0 24px;
  font-size: 11px;
  font-weight: bold;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser .app-action .app-already-added:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 18px;
  height: 18px;
  background: url(../img/css-sprite_01.png) -530px -181px no-repeat;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser.restricted .app-icon a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  height: 27px;
  background: url(../img/contentpages/icon_restricted.png) 0 0 no-repeat;
  z-index: 1000;
  border-top-right-radius: 6px;
}
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser.restricted .app-icon a:hover:before,
.container.appfinder .app-widget .app-category .app-category-wrapper .app-teaser.restricted .app-icon a:focus:before {
  top: 1px;
}
.container.appfinder .app-widget .app-category .app-category-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -32px;
  width: 100%;
  height: 84px;
  background: url(../img/contentpages/shadow_white_top.png) 0 0 no-repeat;
  background-size: 100% 84px;
  z-index: 1;
}
.container.appfinder .app-widget .app-category .app-category-more {
  position: relative;
  height: 50px;
  z-index: 10;
}
.container.appfinder .app-widget .app-category .app-category-more a {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 40px;
  left: 45%;
  top: 0px;
  margin-top: 10px;
  display: block;
  color: #e60f46;
  font-weight: bold;
}
.container.appfinder .app-widget .app-category .app-category-more a i {
  content: "";
  position: absolute;
  left: -30px;
  top: -2px;
  width: 24px;
  height: 24px;
  background: url(../img/contentpages/icon_show_more.png) 0 0 no-repeat;
}
.container.appfinder .app-widget .app-category .app-category-more a:hover,
.container.appfinder .app-widget .app-category .app-category-more a:focus {
  text-decoration: none;
  color: #333;
}
.container.appfinder .app-widget .app-category .app-category-more a:hover i,
.container.appfinder .app-widget .app-category .app-category-more a:focus i {
  background: url(../img/contentpages/icon_show_more_hover.png) 0 0 no-repeat;
}
@media screen and (max-width: 1019px) {
  .container.appfinder {
    padding: 32px 20px 20px 0;
    width: 740px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.appfinder .row {
    margin: 0;
  }
  .container.appfinder .content-viewport {
    position: relative;
    overflow: hidden;
    width: 720px;
  }
  .container.appfinder .content-viewport .content-wrapper {
    width: 960px;
    overflow: hidden;
    margin-left: -200px;
    -webkit-transition: margin 0.2s ease-in-out;
    -moz-transition: margin 0.2s ease-in-out;
    -o-transition: margin 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out;
  }
  .container.appfinder .content-viewport .content-wrapper .span3 {
    margin: 0;
  }
  .container.appfinder .content-viewport .content-wrapper .span9 {
    float: left;
    margin: 0;
    width: 700px;
  }
  .container.appfinder .content-viewport.scroll-right .content-wrapper {
    margin-left: 20px;
  }
  .container.appfinder .content-viewport.scroll-right .content-wrapper-shadow {
    display: block;
    position: absolute;
    top: 28px;
    right: 0;
    width: 16px;
    height: 99%;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_middle.png) right top repeat-y;
    z-index: 100;
  }
  .container.appfinder .content-viewport.scroll-right .content-wrapper-shadow:before {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_top.png) right top no-repeat;
  }
  .container.appfinder .content-viewport.scroll-right .content-wrapper-shadow:after {
    content: "";
    position: absolute;
    bottom: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_bottom.png) right top no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .container.appfinder {
    width: 320px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.appfinder .content-viewport {
    width: 300px;
    overflow: visible;
  }
  .container.appfinder .content-viewport .content-wrapper {
    margin: 0;
    width: 300px;
    overflow: visible;
  }
  .container.appfinder .content-viewport .content-wrapper .span3 {
    display: none;
  }
  .container.appfinder .content-viewport .content-wrapper .span3 .navigation-sidebar {
    display: none;
  }
  .container.appfinder .content-viewport .content-wrapper .span9 {
    width: 300px;
    margin: 0;
    overflow: visible;
  }
  .container.appfinder .content-viewport .content-wrapper h1,
  .container.appfinder .content-viewport .content-wrapper h2,
  .container.appfinder .content-viewport .content-wrapper h3 {
    float: none;
    width: 100%;
  }
  .container.appfinder .content-viewport .content-wrapper .app-search {
    float: none;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .container.appfinder .content-viewport .content-wrapper .app-search input {
    width: 235px;
  }
  .container.appfinder .content-viewport .content-wrapper .app-category .app-category-wrapper .app-teaser {
    width: 300px;
  }
  .container.appfinder .content-viewport .content-wrapper .app-category .app-category-wrapper .app-teaser .app-description {
    width: 210px;
  }
}
@media (min-width: 1360px) {
  .container.appfinder {
    width: 1260px;
  }
  .container.appfinder .span3 {
    width: 280px;
  }
  .container.appfinder .span9 {
    width: 960px;
  }
  .container.appfinder .app-category .app-category-wrapper .app-teaser {
    width: 319px !important;
  }
  .container.appfinder .app-category .app-category-wrapper .app-teaser .app-description {
    width: 216px !important;
  }
}
/* News */
.container.news {
  padding: 20px;
  margin-bottom: 20px;
  overflow: visible;
  background: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  *zoom: 1;
  /* >1360 */

}
.container.news:before {
  content: "";
  display: table;
}
.container.news:after {
  clear: both;
  content: "";
  display: table;
}
.container.news .breadcrumbs {
  margin: 0 0 20px 0 ;
}
.container.news .row,
.container.news .span3,
.container.news .span9 {
  margin: 0;
}
.container.news .span9 {
  width: 720px;
}
.container.news h2,
.container.news h3,
.container.news h4,
.container.news h5,
.container.news h6 {
  margin-top: 40px;
}
.container.news p {
  font-size: 14px;
  line-height: 18px;
  font-family: arial, sans-serif;
}
.container.news .content-top {
  position: relative;
  margin: 30px 0 10px 0;
}
.container.news .content-top:before {
  content: "";
  position: absolute;
  top: -28px;
  right: -5px;
  width: 554px;
  height: 182px;
  background: url(../img/contentpages/bg_contentpage.png) 0 0 no-repeat;
}
.container.news .content-top h1 {
  width: 460px;
  margin: 0;
  line-height: 38px;
}
.container.news .content-top .lastmodified {
  margin: 3px 0 32px 0;
  font-size: 13px;
  color: #666;
}
.container.news .content-top .lastmodified a {
  font-weight: bold;
  color: #e60f46;
}
.container.news .content-main {
  width: 700px;
  margin-bottom: 20px;
}
.container.news .content-main .teaser {
  margin: 40px 0;
}
.container.news .content-main .teaser a {
  display: block;
  overflow: hidden;
}
.container.news .content-main .teaser a img {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.news .content-main .teaser a h2 {
  color: #000;
}
.container.news .content-main .teaser a p {
  color: #000;
}
.container.news .content-main .teaser a p .fake-link {
  color: #e60f46;
}
.container.news .content-main .teaser a:hover,
.container.news .content-main .teaser a:focus {
  text-decoration: none;
}
.container.news .content-main .teaser a:hover h2,
.container.news .content-main .teaser a:focus h2 {
  color: #e60f46;
}
.container.news .content-main .teaser a:hover .fake-link,
.container.news .content-main .teaser a:focus .fake-link {
  text-decoration: underline;
}
.container.news .content-main .list {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.container.news .content-main .list li {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 2px 0;
  overflow: hidden;
  border-top: 1px dotted #b2b2b2;
}
.container.news .content-main .list li a {
  display: block;
  overflow: hidden;
  padding: 20px;
}
.container.news .content-main .list li a img {
  width: 200px;
  float: left;
  margin: 0 20px 0 0;
}
.container.news .content-main .list li a .caption {
  overflow: hidden;
}
.container.news .content-main .list li a .caption h3 {
  margin: 0;
  color: #000;
  font-size: 28px;
}
.container.news .content-main .list li a .caption .date {
  font-size: 12px;
  color: #b2b2b2;
}
.container.news .content-main .list li a .caption p {
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.container.news .content-main .list li a .caption p .fake-link {
  color: #e60f46;
}
.container.news .content-main .list li a:hover,
.container.news .content-main .list li a:focus {
  text-decoration: none;
  background: #f2f2f2 !important;
}
.container.news .content-main .list li a:hover h3,
.container.news .content-main .list li a:focus h3 {
  color: #e60f46;
}
.container.news .content-main .list li a:hover .fake-link,
.container.news .content-main .list li a:focus .fake-link {
  text-decoration: underline;
}
.container.news .content-main .list li:first-child {
  border: none;
}
@media screen and (max-width: 1019px) {
  .container.news {
    width: 740px;
    padding: 20px 0 0 0;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.news .breadcrumbs {
    margin-left: 20px;
  }
  .container.news .content-viewport {
    position: relative;
    overflow: hidden;
    width: 720px;
  }
  .container.news .content-viewport .content-wrapper {
    width: 960px;
    margin-left: -200px;
    -webkit-transition: margin 0.2s ease-in-out;
    -moz-transition: margin 0.2s ease-in-out;
    -o-transition: margin 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out;
  }
  .container.news .content-viewport .content-wrapper .span9 {
    width: 700px;
  }
  .container.news .content-viewport.scroll-right .content-wrapper {
    margin-left: 20px;
  }
  .container.news .content-viewport.scroll-right .content-wrapper-shadow {
    display: block;
    position: absolute;
    top: 28px;
    right: 0;
    width: 16px;
    height: 99%;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_middle.png) right top repeat-y;
    z-index: 100;
  }
  .container.news .content-viewport.scroll-right .content-wrapper-shadow:before {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_top.png) right top no-repeat;
  }
  .container.news .content-viewport.scroll-right .content-wrapper-shadow:after {
    content: "";
    position: absolute;
    bottom: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_bottom.png) right top no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .container.news {
    width: 320px;
    overflow: visible;
    padding: 9px 10px 10px 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.news .content-viewport {
    width: 300px;
    overflow: visible;
  }
  .container.news .content-viewport .content-wrapper {
    margin: 0;
    width: 300px;
  }
  .container.news .content-viewport .content-wrapper h1,
  .container.news .content-viewport .content-wrapper h2,
  .container.news .content-viewport .content-wrapper h3,
  .container.news .content-viewport .content-wrapper h4,
  .container.news .content-viewport .content-wrapper h5,
  .container.news .content-viewport .content-wrapper h6,
  .container.news .content-viewport .content-wrapper p {
    width: 300px;
  }
  .container.news .content-viewport .content-wrapper iframe {
    width: 300px;
    height: 225px;
  }
  .container.news .content-viewport .content-wrapper .span3 .navigation-sidebar {
    display: none;
  }
  .container.news .content-viewport .content-wrapper .span9 {
    width: 300px;
  }
  .container.news .content-viewport .content-wrapper .content-top {
    width: 300px;
    margin-top: 0;
    padding-top: 60px;
  }
  .container.news .content-viewport .content-wrapper .content-top:before {
    top: 0;
  }
  .container.news .content-viewport .content-wrapper .content-top .content-social {
    top: 20px;
    right: 10px;
  }
  .container.news .content-viewport .content-wrapper .content-top h1 {
    margin-top: 20px;
    position: relative;
    z-index: 1;
  }
  .container.news .content-viewport .content-wrapper .content-top .lastmodified {
    position: relative;
    z-index: 1;
  }
  .container.news .content-viewport .content-wrapper .content-main {
    width: 300px;
  }
  .container.news .content-viewport .content-wrapper .content-main .teaser {
    width: 300px;
  }
  .container.news .content-viewport .content-wrapper .content-main .list {
    width: 300px;
  }
  .container.news .content-viewport .content-wrapper .content-main .list li {
    float: none;
    width: 300px;
  }
  .container.news .content-viewport .content-wrapper .content-main .list li a {
    display: block;
    padding: 10px;
    -webkit-border-radius: 3px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .container.news .content-viewport .content-wrapper .content-main .list li a img {
    float: left;
    width: 95px;
    margin: 0 10px 0 0;
  }
  .container.news .content-viewport .content-wrapper .content-main .list li a .caption {
    padding: 2px 0 0 0;
  }
  .container.news .content-viewport .content-wrapper .content-main .list li a .caption h3 {
    height: auto;
    width: auto;
    font-size: 16px;
  }
  .container.news .content-viewport .content-wrapper .content-main .list li a .caption p {
    display: none;
  }
  .container.news .content-wrapper-shadow {
    display: none;
  }
}
@media (min-width: 1360px) {
  .container.news {
    width: 1260px;
  }
  .container.news .span3 {
    width: 280px;
  }
  .container.news .span9 {
    width: 980px;
  }
  .container.news .span9 .content-main {
    width: 900px;
  }
  .container.news .span9 h1 {
    width: 700px;
  }
}
/* News */
.container.newsdetails {
  padding: 20px;
  margin-bottom: 20px;
  overflow: visible;
  background: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  *zoom: 1;
  /* >1360 */

}
.container.newsdetails:before {
  content: "";
  display: table;
}
.container.newsdetails:after {
  clear: both;
  content: "";
  display: table;
}
.container.newsdetails .breadcrumbs {
  margin: 0 0 20px 0 ;
}
.container.newsdetails .row,
.container.newsdetails .span3,
.container.newsdetails .span9 {
  margin: 0;
}
.container.newsdetails .span9 {
  width: 720px;
}
.container.newsdetails h2,
.container.newsdetails h3,
.container.newsdetails h4,
.container.newsdetails h5,
.container.newsdetails h6 {
  margin-top: 40px;
}
.container.newsdetails p {
  font-size: 14px;
  line-height: 18px;
  font-family: arial, sans-serif;
}
.container.newsdetails .content-top {
  position: relative;
  margin: 30px 0 10px 0;
}
.container.newsdetails .content-top:before {
  content: "";
  position: absolute;
  top: -28px;
  right: -5px;
  width: 554px;
  height: 182px;
  background: url(../img/contentpages/bg_contentpage.png) 0 0 no-repeat;
}
.container.newsdetails .content-top h1 {
  width: 460px;
  margin: 0;
  line-height: 38px;
}
.container.newsdetails .content-top .lastmodified {
  margin: 3px 0 32px 0;
  font-size: 13px;
  color: #666;
}
.container.newsdetails .content-top .lastmodified a {
  font-weight: bold;
  color: #e60f46;
}
.container.newsdetails .content-main {
  width: 700px;
  margin-bottom: 20px;
}
.container.newsdetails .content-main .image {
  background: #e5e5e5;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 20px;
  overflow: hidden;
}
.container.newsdetails .content-main .image a {
  display: block;
  position: relative;
}
.container.newsdetails .content-main .image a:after {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 32px;
  height: 32px;
  background: url(../img/contentpages/icon_magnify.png) 0 0 no-repeat;
}
.container.newsdetails .content-main .image a:hover:after {
  background: url(../img/contentpages/icon_magnify_hover.png) 0 0 no-repeat;
}
.container.newsdetails .content-main .image .caption {
  padding: 12px 12px 16px 12px;
  font-size: 12px;
  line-height: 16px;
}
.container.newsdetails .content-main .image.image-float {
  float: left;
}
.container.newsdetails .content-main .image.image-float-text-left {
  float: left;
  margin: 5px 20px 10px 0;
}
.container.newsdetails .content-main .image.image-float-text-right {
  float: right;
  margin: 5px 0 10px 20px;
}
.container.newsdetails .content-main .image-small {
  float: left;
  margin: 5px 20px 10px 0;
  width: 218px;
}
.container.newsdetails .content-main .image-small img {
  width: 218px;
}
@media screen and (max-width: 1019px) {
  .container.newsdetails {
    width: 740px;
    padding: 20px 0 0 0;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.newsdetails .breadcrumbs {
    margin-left: 20px;
  }
  .container.newsdetails .content-viewport {
    position: relative;
    overflow: hidden;
    width: 720px;
  }
  .container.newsdetails .content-viewport .content-wrapper {
    width: 960px;
    margin-left: -200px;
    -webkit-transition: margin 0.2s ease-in-out;
    -moz-transition: margin 0.2s ease-in-out;
    -o-transition: margin 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out;
  }
  .container.newsdetails .content-viewport .content-wrapper .span9 {
    width: 700px;
  }
  .container.newsdetails .content-viewport.scroll-right .content-wrapper {
    margin-left: 20px;
  }
  .container.newsdetails .content-viewport.scroll-right .content-wrapper-shadow {
    display: block;
    position: absolute;
    top: 28px;
    right: 0;
    width: 16px;
    height: 99%;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_middle.png) right top repeat-y;
    z-index: 100;
  }
  .container.newsdetails .content-viewport.scroll-right .content-wrapper-shadow:before {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_top.png) right top no-repeat;
  }
  .container.newsdetails .content-viewport.scroll-right .content-wrapper-shadow:after {
    content: "";
    position: absolute;
    bottom: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_bottom.png) right top no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .container.newsdetails {
    width: 320px;
    overflow: visible;
    padding: 9px 10px 10px 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.newsdetails .content-viewport {
    width: 300px;
    overflow: visible;
  }
  .container.newsdetails .content-viewport .content-wrapper {
    margin: 0;
    width: 300px;
  }
  .container.newsdetails .content-viewport .content-wrapper h1,
  .container.newsdetails .content-viewport .content-wrapper h2,
  .container.newsdetails .content-viewport .content-wrapper h3,
  .container.newsdetails .content-viewport .content-wrapper h4,
  .container.newsdetails .content-viewport .content-wrapper h5,
  .container.newsdetails .content-viewport .content-wrapper h6,
  .container.newsdetails .content-viewport .content-wrapper p {
    width: 300px;
  }
  .container.newsdetails .content-viewport .content-wrapper iframe {
    width: 300px;
    height: 225px;
  }
  .container.newsdetails .content-viewport .content-wrapper .span3 .navigation-sidebar {
    display: none;
  }
  .container.newsdetails .content-viewport .content-wrapper .span9 {
    width: 300px;
  }
  .container.newsdetails .content-viewport .content-wrapper .content-top {
    width: 300px;
    margin-top: 0;
    padding-top: 60px;
  }
  .container.newsdetails .content-viewport .content-wrapper .content-top:before {
    top: 0;
  }
  .container.newsdetails .content-viewport .content-wrapper .content-top .content-social {
    top: 20px;
    right: 10px;
  }
  .container.newsdetails .content-viewport .content-wrapper .content-top h1 {
    margin-top: 20px;
    position: relative;
    z-index: 1;
  }
  .container.newsdetails .content-viewport .content-wrapper .content-top .lastmodified {
    position: relative;
    z-index: 1;
  }
  .container.newsdetails .content-viewport .content-wrapper .content-main {
    width: 300px;
  }
  .container.newsdetails .content-viewport .content-wrapper .content-main .image {
    width: 300px;
  }
  .container.newsdetails .content-viewport .content-wrapper .content-main .image.image-small {
    width: 150px;
  }
  .container.newsdetails .content-viewport .content-wrapper .content-main .image.image-small img {
    width: 150px;
  }
  .container.newsdetails .content-wrapper-shadow {
    display: none;
  }
}
@media (min-width: 1360px) {
  .container.newsdetails {
    width: 1260px;
  }
  .container.newsdetails .span3 {
    width: 280px;
  }
  .container.newsdetails .span9 {
    width: 980px;
  }
  .container.newsdetails .span9 h1 {
    width: 700px;
  }
}
/* Appdetail */
.container.appdetail {
  padding: 20px;
  margin-bottom: 20px;
  overflow: visible;
  background: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  *zoom: 1;
  /* >1360 */

}
.container.appdetail:before {
  content: "";
  display: table;
}
.container.appdetail:after {
  clear: both;
  content: "";
  display: table;
}
.container.appdetail .breadcrumbs {
  margin: 0 0 20px 20px ;
}
.container.appdetail .content-main {
  position: relative;
}
.container.appdetail .content-main:before {
  content: "";
  position: absolute;
  top: -8px;
  right: -5px;
  width: 554px;
  height: 182px;
  background: url(../img/contentpages/bg_contentpage.png) 0 0 no-repeat;
  z-index: 1;
}
.container.appdetail .teaser-box {
  position: relative;
  z-index: 1;
  min-height: 574px;
  margin: 0 0 40px 0;
  padding: 20px;
  background: #f2f2f2;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.appdetail .teaser-box .content-social {
  position: absolute;
  top: 20px;
  right: 20px;
}
.container.appdetail .teaser-box .teaser-box-header {
  display: inline-block;
  margin-top: 20px;
}
.container.appdetail .teaser-box .teaser-box-header .teaser-box-image {
  float: left;
  width: 160px;
  margin-right: 40px;
}
.container.appdetail .teaser-box .teaser-box-header .teaser-box-image img {
  display: table;
  width: 100px;
  height: 100px;
  margin: 20px auto;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.appdetail .teaser-box .teaser-box-header .teaser-box-title {
  width: 660px;
}
.container.appdetail .teaser-box .teaser-box-header .teaser-box-title h1 {
  margin: 16px 0 10px 0;
}
.container.appdetail .teaser-box .teaser-box-header .teaser-box-title .btn {
  filter: none;
  margin-bottom: 24px;
}
.container.appdetail .teaser-box .teaser-box-content {
  width: 660px;
  *zoom: 1;
}
.container.appdetail .teaser-box .teaser-box-content:before {
  content: "";
  display: table;
}
.container.appdetail .teaser-box .teaser-box-content:after {
  clear: both;
  content: "";
  display: table;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description {
  float: right;
  overflow: hidden;
  width: 456px;
  border-top: 1px dotted #cacbcc;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description h3 {
  margin: 20px 0 10px 0;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description h3.spacer {
  margin-top: 40px;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description p {
  line-height: 18px;
  font-size: 14px;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description .contact {
  overflow: hidden;
  font-size: 12px;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description .contact .contact-left img {
  float: left;
  margin: 0 20px 0 0;
  width: 40px;
  height: 40px;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description .contact .contact-right {
  overflow: hidden;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description .contact .contact-right h4 {
  margin: 0;
  font-size: 14px;
  font-family: arial, sans-serif;
  text-transform: none;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description .contact .contact-right p {
  margin: 4px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description .contact .contact-right p .thin {
  color: #7f7f7f;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-description .contact .contact-right a {
  color: #e60f46;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta {
  width: 160px;
  border-top: 1px dotted #cacbcc;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta h3 {
  display: none;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta p {
  line-height: 14px;
  font-size: 11px;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta p.spacer {
  margin-top: 20px;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta p .grey {
  color: #666;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta p i {
  display: inline-block;
  height: 28px;
  margin: 10px 10px 0 0;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta p i.desktop {
  width: 33px;
  background: url(../img/contentpages/icon_desktop.png) 0 0 no-repeat;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta p i.tablet {
  width: 21px;
  background: url(../img/contentpages/icon_tablet.png) 0 0 no-repeat;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta p i.mobile {
  width: 14px;
  background: url(../img/contentpages/icon_mobile.png) 0 0 no-repeat;
}
.container.appdetail .teaser-box .teaser-box-content .teaser-box-meta hr {
  background: none;
  margin: 10px 0;
  border-bottom: 1px dotted #cacbcc;
}
@media screen and (max-width: 1019px) {
  .container.appdetail {
    width: 740px;
    padding: 20px 20px 20px 0;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.appdetail .row {
    margin: 0;
  }
  .container.appdetail .content-viewport {
    position: relative;
    overflow: hidden;
    width: 720px;
  }
  .container.appdetail .content-viewport .content-wrapper {
    width: 960px;
    overflow: visible;
    margin-left: -200px;
    -webkit-transition: margin 0.2s ease-in-out;
    -moz-transition: margin 0.2s ease-in-out;
    -o-transition: margin 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out;
  }
  .container.appdetail .content-viewport .content-wrapper .span3 {
    margin: 0;
  }
  .container.appdetail .content-viewport .content-wrapper .span9 {
    float: left;
    width: 698px;
    margin: 5px 5px 0 0;
  }
  .container.appdetail .content-viewport.scroll-right .content-wrapper {
    margin-left: 20px;
  }
  .container.appdetail .content-viewport.scroll-right .content-wrapper-shadow {
    display: block;
    position: absolute;
    top: 28px;
    right: 0;
    width: 16px;
    height: 99%;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_middle.png) right top repeat-y;
    z-index: 100;
  }
  .container.appdetail .content-viewport.scroll-right .content-wrapper-shadow:before {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_top.png) right top no-repeat;
  }
  .container.appdetail .content-viewport.scroll-right .content-wrapper-shadow:after {
    content: "";
    position: absolute;
    bottom: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_bottom.png) right top no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .container.appdetail {
    width: 320px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.appdetail .content-viewport {
    width: 300px;
  }
  .container.appdetail .content-viewport .content-wrapper {
    margin: 0;
    width: 300px;
  }
  .container.appdetail .content-viewport .content-wrapper .span3 {
    display: none;
  }
  .container.appdetail .content-viewport .content-wrapper .span3 .navigation-sidebar {
    display: none;
  }
  .container.appdetail .content-viewport .content-wrapper .span9 {
    width: 300px;
    margin: 0;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box {
    width: 300px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-header {
    margin-top: 50px;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-header .teaser-box-image {
    width: 82px;
    margin: 20px 10px 10px 0;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-header .teaser-box-image img {
    margin: 0;
    width: 82px;
    height: 82px;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-header .teaser-box-title {
    float: left;
    overflow: hidden;
    width: 160px;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-header .teaser-box-title h1 {
    font-size: 24px;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-content .teaser-box-description {
    float: none;
    width: 280px;
    border: none;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-content .teaser-box-meta {
    width: 280px;
    margin: 40px 0 00;
    border: none;
    *zoom: 1;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-content .teaser-box-meta:before {
    content: "";
    display: table;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-content .teaser-box-meta:after {
    clear: both;
    content: "";
    display: table;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-content .teaser-box-meta h3 {
    display: block;
    margin-bottom: 10px;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main .teaser-box .teaser-box-content .teaser-box-meta .spacer {
    margin-top: 0;
  }
  .container.appdetail .content-viewport .content-wrapper .content-main:before {
    top: 0;
    right: 0;
  }
}
@media (min-width: 1360px) {
  .container.appdetail {
    width: 1260px;
  }
  .container.appdetail .span3 {
    width: 280px;
  }
  .container.appdetail .span9 {
    width: 960px;
  }
}
/* Appstartpage */
.container.appstart {
  padding: 40px 20px 0 20px;
  margin-bottom: 20px;
  overflow: visible;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* >1360 */

}
.container.appstart .row,
.container.appstart .span3,
.container.appstart .span9 {
  margin: 0;
}
.container.appstart .span3 {
  width: 240px;
}
.container.appstart .content-main {
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.appstart .content-main .carousel .carousel-slide {
  position: relative;
  margin: 0 0 18px 0;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-inner {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-inner a {
  display: block;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-inner a .carousel-caption {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
}
.container.appstart .content-main .carousel .carousel-slide .carousel-inner a .carousel-caption h4 {
  margin: 0 !important;
  font-size: 24px;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-inner a .carousel-caption p {
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-inner a:hover .carousel-caption,
.container.appstart .content-main .carousel .carousel-slide .carousel-inner a:focus .carousel-caption {
  background: #e60f46;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-control {
  position: absolute;
  top: 50%;
  border: none;
  -webkit-border-radius: 0;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0;
  border-radius: 0;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: none;
  text-indent: -10000px;
  opacity: 1;
  filter: none;
  height: 76px;
  width: 36px;
  margin: -38px 0 0 0;
  padding: 0;
  outline: none;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-control.left {
  left: 0;
  background: url(../img/contentpages/bg_pager_left.png) 0 0 no-repeat;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-control.left:hover {
  background: url(../img/contentpages/bg_pager_left_hover.png) 0 0 no-repeat;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-control.right {
  right: 0;
  background: url(../img/contentpages/bg_pager_right.png) 0 0 no-repeat;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-control.right:hover {
  background: url(../img/contentpages/bg_pager_right_hover.png) 0 0 no-repeat;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll {
  padding: 20px 20px 10px 20px;
  background: #e5e5e5;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll.scroll-left {
  position: relative;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll.scroll-left:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 20px;
  width: 19px;
  height: 104px;
  background: url(../img/contentpages/bg_carousel_shadow_left.png) right top no-repeat;
  z-index: 1;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll.scroll-right {
  position: relative;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll.scroll-right:after {
  position: absolute;
  content: "";
  top: 12px;
  right: 20px;
  width: 19px;
  height: 104px;
  background: url(../img/contentpages/bg_carousel_shadow_right.png) left top no-repeat;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll .carousel-viewport {
  position: relative;
  height: 110px;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  background: transparent;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll .carousel-viewport .carousel-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1234567px;
  min-width: 660px;
  white-space: nowrap;
  box-shadow: none;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll .carousel-viewport .carousel-inner a {
  float: left;
  border: 4px solid transparent;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll .carousel-viewport .carousel-inner a img {
  width: auto;
  height: 79px;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll .carousel-viewport .carousel-inner a.active {
  border: 4px solid #e60f46;
}
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll .carousel-viewport .carousel-inner a:hover,
.container.appstart .content-main .carousel .carousel-slide .carousel-scroll .carousel-viewport .carousel-inner a:focus {
  border: 4px solid #000;
}
@media screen and (max-width: 1019px) {
  .container.appstart {
    width: 700px;
    margin: 20px auto;
  }
  .container.appstart .span3,
  .container.appstart .span9 {
    width: 700px;
  }
}
@media screen and (max-width: 767px) {
  .container.appstart {
    width: 320px;
    overflow: visible;
    margin: 0 auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.appstart .span9 {
    width: 300px;
  }
  .container.appstart .content-main {
    width: 300px;
  }
  .container.appstart .content-main .carousel .carousel-slide .carousel-inner a .carousel-caption p {
    display: none;
  }
  .container.appstart .content-main .carousel .carousel-scroll {
    position: relative;
    height: 107px;
    padding: 15px 10px 10px 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.appstart .content-main .carousel .carousel-scroll .carousel-viewport {
    height: 80px !important;
  }
  .container.appstart .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner {
    height: 80px;
    min-width: 280px;
  }
  .container.appstart .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner a img {
    height: 48px !important;
  }
  .container.appstart .content-main .carousel .carousel-scroll.scroll-left:before {
    top: 10px;
    left: 15px !important;
    width: 15px;
    height: 75px;
    background: url(../img/contentpages/bg_carousel_shadow_left_mobile.png) 0 0 no-repeat;
    background-size: auto 75px !important;
  }
  .container.appstart .content-main .carousel .carousel-scroll.scroll-right:after {
    top: 10px;
    right: 15px !important;
    width: 15px;
    height: 75px;
    background: url(../img/contentpages/bg_carousel_shadow_right_mobile.png) 0 0 no-repeat;
    background-size: auto 75px !important;
  }
  .container.appstart .span3 {
    width: 300px;
  }
}
@media (min-width: 1360px) {
  .container.appstart {
    width: 1260px;
  }
  .container.appstart .span3 {
    width: 300px;
  }
  .container.appstart .span9 {
    width: 960px;
  }
  .container.appstart .span9 .content-main {
    width: 960px;
    margin: 0 auto;
  }
  .container.appstart .span9 .content-main .carousel {
    width: 930px;
  }
  .container.appstart .span9 .content-main .carousel img {
    width: 930px;
  }
}
/* Appoverview */
.container.appoverview {
  padding: 40px 0 0 0;
  margin-bottom: 20px;
  overflow: visible;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* >1360 */

}
.container.appoverview .row,
.container.appoverview .span3,
.container.appoverview .span9 {
  margin: 0;
}
.container.appoverview .span9 {
  width: 720px;
}
.container.appoverview h2,
.container.appoverview h3,
.container.appoverview h4,
.container.appoverview h5,
.container.appoverview h6 {
  margin-top: 40px;
}
.container.appoverview p {
  font-size: 14px;
  line-height: 18px;
  font-family: arial, sans-serif;
}
.container.appoverview .content-top {
  position: relative;
  margin: 30px 0 10px 0;
}
.container.appoverview .content-top:before {
  content: "";
  position: absolute;
  top: -28px;
  right: -5px;
  width: 554px;
  height: 182px;
  background: url(../img/contentpages/bg_contentpage.png) 0 0 no-repeat;
}
.container.appoverview .content-top h1 {
  width: 512px;
  margin: 0;
  line-height: 38px;
}
.container.appoverview .content-top .lastmodified {
  margin: 3px 0 32px 0;
  font-size: 13px;
  color: #666;
}
.container.appoverview .content-top .lastmodified a {
  font-weight: bold;
  color: #e60f46;
}
.container.appoverview .content-main {
  width: 700px;
  margin-bottom: 20px;
}
.container.appoverview .content-main .teaser {
  margin: 40px 0;
}
.container.appoverview .content-main .teaser a {
  display: block;
  overflow: hidden;
}
.container.appoverview .content-main .teaser a img {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.appoverview .content-main .teaser a h2 {
  color: #000;
}
.container.appoverview .content-main .teaser a p {
  color: #000;
}
.container.appoverview .content-main .teaser a p .fake-link {
  color: #e60f46;
}
.container.appoverview .content-main .teaser a:hover,
.container.appoverview .content-main .teaser a:focus {
  text-decoration: none;
}
.container.appoverview .content-main .teaser a:hover h2,
.container.appoverview .content-main .teaser a:focus h2 {
  color: #e60f46;
}
.container.appoverview .content-main .teaser a:hover .fake-link,
.container.appoverview .content-main .teaser a:focus .fake-link {
  text-decoration: underline;
}
@media screen and (max-width: 1019px) {
  .container.appoverview {
    width: 740px;
    padding: 40px 0 0 0;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.appoverview .breadcrumbs {
    margin-left: 20px;
  }
  .container.appoverview .content-viewport {
    position: relative;
    overflow: hidden;
    width: 740px;
  }
  .container.appoverview .content-viewport .content-wrapper {
    width: 960px;
    margin-left: -200px;
    -webkit-transition: margin 0.2s ease-in-out;
    -moz-transition: margin 0.2s ease-in-out;
    -o-transition: margin 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out;
  }
  .container.appoverview .content-viewport .content-wrapper .span9 {
    width: 700px;
  }
  .container.appoverview .content-viewport.scroll-right .content-wrapper {
    margin-left: 20px;
  }
  .container.appoverview .content-viewport.scroll-right .content-wrapper-shadow {
    display: block;
    position: absolute;
    top: 28px;
    right: 0;
    width: 16px;
    height: 99%;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_middle.png) right top repeat-y;
    z-index: 100;
  }
  .container.appoverview .content-viewport.scroll-right .content-wrapper-shadow:before {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_top.png) right top no-repeat;
  }
  .container.appoverview .content-viewport.scroll-right .content-wrapper-shadow:after {
    content: "";
    position: absolute;
    bottom: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_bottom.png) right top no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .container.appoverview {
    width: 320px;
    overflow: visible;
    padding: 9px 10px 10px 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.appoverview .content-viewport {
    width: 300px;
    overflow: visible;
  }
  .container.appoverview .content-viewport .content-wrapper {
    margin: 0;
    width: 300px;
  }
  .container.appoverview .content-viewport .content-wrapper h1,
  .container.appoverview .content-viewport .content-wrapper h2,
  .container.appoverview .content-viewport .content-wrapper h3,
  .container.appoverview .content-viewport .content-wrapper h4,
  .container.appoverview .content-viewport .content-wrapper h5,
  .container.appoverview .content-viewport .content-wrapper h6,
  .container.appoverview .content-viewport .content-wrapper p {
    width: 300px;
  }
  .container.appoverview .content-viewport .content-wrapper iframe {
    width: 300px;
    height: 225px;
  }
  .container.appoverview .content-viewport .content-wrapper .span3 .navigation-sidebar {
    display: none;
  }
  .container.appoverview .content-viewport .content-wrapper .span9 {
    width: 300px;
  }
  .container.appoverview .content-viewport .content-wrapper .content-top {
    width: 300px;
    margin-top: 0;
    padding-top: 60px;
  }
  .container.appoverview .content-viewport .content-wrapper .content-top:before {
    top: 0;
  }
  .container.appoverview .content-viewport .content-wrapper .content-top .content-social {
    top: 20px;
    right: 10px;
  }
  .container.appoverview .content-viewport .content-wrapper .content-top h1 {
    position: relative;
    z-index: 1;
  }
  .container.appoverview .content-viewport .content-wrapper .content-top .lastmodified {
    position: relative;
    z-index: 1;
  }
  .container.appoverview .content-viewport .content-wrapper .content-main {
    width: 300px;
  }
  .container.appoverview .content-viewport .content-wrapper .content-main .teaser {
    width: 300px;
  }
  .container.appoverview .content-wrapper-shadow {
    display: none;
  }
}
@media (min-width: 1360px) {
  .container.appoverview {
    width: 1260px;
  }
  .container.appoverview .span3 {
    width: 280px;
  }
  .container.appoverview .span9 {
    width: 980px;
  }
}
/* Contentpage */
.container.content {
  padding: 40px 20px 0 20px;
  margin-bottom: 20px;
  overflow: visible;
  *zoom: 1;
  /* >1360 */

}
.container.content:before {
  content: "";
  display: table;
}
.container.content:after {
  clear: both;
  content: "";
  display: table;
}
.container.content h1,
.container.content h2,
.container.content h3,
.container.content h4,
.container.content h5,
.container.content h6,
.container.content p {
  width: 640px;
}
.container.content h2,
.container.content h3,
.container.content h4,
.container.content h5,
.container.content h6 {
  margin-top: 40px;
}
.container.content p {
  font-size: 14px;
  line-height: 18px;
  font-family: arial, sans-serif;
}
.container.content .row {
  width: auto !important;
}
.container.content .row,
.container.content .span3,
.container.content .span9 {
  margin: 0;
}
.container.content .span9 {
  width: 720px;
}
.container.content .content-top {
  position: relative;
  margin: 30px 0 10px 0;
}
.container.content .content-top:before {
  content: "";
  position: absolute;
  top: -28px;
  right: -5px;
  width: 554px;
  height: 182px;
  background: url(../img/contentpages/bg_contentpage.png) 0 0 no-repeat;
}
.container.content .content-top h1 {
  width: 512px;
  margin: 0;
  line-height: 38px;
}
.container.content .content-top .lastmodified {
  margin: 3px 0 32px 0;
  font-size: 13px;
  color: #666;
}
.container.content .content-top .lastmodified a {
  font-weight: bold;
  color: #e60f46;
}
.container.content .content-main {
  width: 700px;
}
.container.content .content-main li {
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 18px;
}
.container.content .content-main .app-widget {
  overflow: hidden;
  padding: 20px;
  background: #f2f2f2;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 40px;
}
.container.content .content-main .app-widget h3 {
  display: inline-block;
  margin-top: 5px;
  font-size: 20px;
}
.container.content .content-main .app-widget .app-search {
  position: relative;
  z-index: 1;
  margin: 10px 0;
}
.container.content .content-main .app-widget .app-search .search-query {
  width: 355px;
  height: 28px;
  padding: 0 50px 0 14px;
  border-radius: 28px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3), 0 0 0 0 transparent;
  z-index: 1;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border-color: #b2b2b2;
  filter: none;
}
.container.content .content-main .app-widget .app-search .app-search-reset {
  position: absolute;
  left: 370px;
  top: 6px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/css-sprite_01.png) -410px 0 no-repeat;
}
.container.content .content-main .app-widget .app-search .app-search-reset:hover,
.container.content .content-main .app-widget .app-search .app-search-reset:focus {
  background-position: -430px 0;
}
.container.content .content-main .app-widget .app-search:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 395px;
  width: 14px;
  height: 16px;
  background: url(../img/css-sprite_01.png) -504px -181px no-repeat;
}
.container.content .content-main .app-widget .widget-controls {
  position: relative;
  float: right;
  margin-top: 12px;
  z-index: 2;
}
.container.content .content-main .app-widget .app-category {
  clear: both;
  position: relative;
  margin: 26px 0 0 0;
  padding: 26px 0 0 0;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.content .content-main .app-widget .app-category:before {
  content: "";
  position: absolute;
  left: 0;
  top: -58px;
  width: 100%;
  height: 84px;
  background: url(../img/contentpages/shadow_grey_bottom.png) 0 0 no-repeat;
  background-size: 100% 84px;
  z-index: 0;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper {
  position: relative;
  overflow: hidden;
  padding: 10px 0 0 2px;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser {
  float: left;
  position: relative;
  width: 329px;
  height: 90px;
  margin: 0 0 16px 0;
  border-bottom: 1px dotted #aaa;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  z-index: 1;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-icon {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 16px 0 0;
  -webkit-border-radius: 8px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 8px;
  border-radius: 8px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a img {
  position: absolute;
  display: block;
  width: 72px;
  height: 72px;
  -webkit-border-radius: 8px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 8px;
  border-radius: 8px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a strong {
  display: none;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:hover,
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:focus {
  text-decoration: none;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:hover img,
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-icon a:focus img {
  top: 1px;
  -webkit-box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-description {
  position: absolute;
  left: 88px;
  top: 0;
  width: 226px;
  font-size: 11px;
  line-height: 13px;
  white-space: normal;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-description .app-description-title {
  float: none;
  margin: 0 0 1px 0;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  text-transform: none;
  font-family: arial, sans-serif;
  width: auto;
  max-height: 13px;
  overflow: hidden;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-description .app-description-text {
  overflow: hidden;
  height: 28px;
  margin: 0 0 18px 0;
  font-size: 11px;
  line-height: 13px;
  width: auto;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-action {
  position: absolute;
  left: 88px;
  bottom: 18px;
  height: 26px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-action a {
  filter: none;
  font-weight: bold;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-action .app-already-added {
  position: relative;
  display: inline;
  width: 50px;
  margin: 0 0 0 12px;
  padding: 0 0 0 24px;
  font-size: 11px;
  font-weight: bold;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-action .app-already-added:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 18px;
  height: 18px;
  background: url(../img/css-sprite_01.png) -530px -181px no-repeat;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser.restricted .app-icon a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  height: 27px;
  background: url(../img/contentpages/icon_restricted.png) 0 0 no-repeat;
  z-index: 1000;
  border-top-right-radius: 6px;
}
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser.restricted .app-icon a:hover:before,
.container.content .content-main .app-widget .app-category .app-category-wrapper .app-teaser.restricted .app-icon a:focus:before {
  top: 1px;
}
.container.content .content-main .app-widget .app-category:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 84px;
  background: url(../img/contentpages/shadow_grey_top.png) 0 0 no-repeat;
  background-size: 100% 84px;
  z-index: 1;
}
.container.content .content-main .app-widget .app-category-more {
  position: relative;
  height: 50px;
  z-index: 10;
}
.container.content .content-main .app-widget .app-category-more a {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 40px;
  left: 45%;
  top: 20px;
  margin-top: 10px;
  display: block;
  color: #e60f46;
  font-weight: bold;
}
.container.content .content-main .app-widget .app-category-more a i {
  content: "";
  position: absolute;
  left: -30px;
  top: -2px;
  width: 24px;
  height: 24px;
  background: url(../img/contentpages/icon_show_more.png) 0 0 no-repeat;
}
.container.content .content-main .app-widget .app-category-more a:hover,
.container.content .content-main .app-widget .app-category-more a:focus {
  text-decoration: none;
  color: #333;
}
.container.content .content-main .app-widget .app-category-more a:hover i,
.container.content .content-main .app-widget .app-category-more a:focus i {
  background: url(../img/contentpages/icon_show_more_hover.png) 0 0 no-repeat;
}
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper {
  margin-left: 65px;
  padding-left: 2px;
  width: 548px;
}
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser {
  position: relative;
  display: inline-block;
  margin: 0 25px 30px 0 !important;
  width: 112px !important;
  height: 115px !important;
  overflow: hidden;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  border: none !important;
}
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser a {
  width: 112px !important;
  height: 115px !important;
}
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser a img {
  width: 112px !important;
  height: 115px !important;
}
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser a strong {
  position: absolute;
  bottom: 0;
  display: block;
  width: 114px;
  height: 40px;
  padding: 4px 10px 0 10px;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

  background-color: #2c2c2c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#2c2c2c));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #515151, #2c2c2c);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #515151, #2c2c2c);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #515151, #2c2c2c);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #515151, #2c2c2c);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  color: #fff;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  white-space: normal;
}
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser:hover,
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser:focus {
  top: 1px;
  -webkit-border-radius: 10px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 10px;
  border-radius: 10px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.75), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser:hover strong,
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser:focus strong {
  background-color: #1c1c1c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#414141), to(#1c1c1c));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #414141, #1c1c1c);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #414141, #1c1c1c);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #414141, #1c1c1c);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #414141, #1c1c1c);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser .app-description {
  display: none;
}
.container.content .content-main .app-widget.grid .app-category .app-category-wrapper .app-teaser .app-action {
  display: none;
}
.container.content .content-main .carousel .carousel-slide {
  position: relative;
  margin: 0 0 18px 0;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.content .content-main .carousel .carousel-slide .carousel-inner {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.container.content .content-main .carousel .carousel-slide .carousel-inner .carousel-caption {
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
}
.container.content .content-main .carousel .carousel-slide .carousel-inner .carousel-caption h4 {
  margin: 0 !important;
  font-size: 24px;
}
.container.content .content-main .carousel .carousel-slide .carousel-inner .carousel-caption p {
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
.container.content .content-main .carousel .carousel-slide .carousel-control {
  position: absolute;
  top: 50%;
  border: none;
  -webkit-border-radius: 0;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0;
  border-radius: 0;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: none;
  text-indent: -10000px;
  opacity: 1;
  filter: none;
  height: 76px;
  width: 36px;
  margin: -38px 0 0 0;
  padding: 0;
}
.container.content .content-main .carousel .carousel-slide .carousel-control.left {
  left: 0;
  background: url(../img/contentpages/bg_pager_left.png) 0 0 no-repeat;
}
.container.content .content-main .carousel .carousel-slide .carousel-control.left:hover {
  background: url(../img/contentpages/bg_pager_left_hover.png) 0 0 no-repeat;
}
.container.content .content-main .carousel .carousel-slide .carousel-control.right {
  right: 0;
  background: url(../img/contentpages/bg_pager_right.png) 0 0 no-repeat;
}
.container.content .content-main .carousel .carousel-slide .carousel-control.right:hover {
  background: url(../img/contentpages/bg_pager_right_hover.png) 0 0 no-repeat;
}
.container.content .content-main .carousel .carousel-scroll {
  padding: 20px 20px 10px 20px;
  background: #e5e5e5;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.content .content-main .carousel .carousel-scroll.scroll-left {
  position: relative;
}
.container.content .content-main .carousel .carousel-scroll.scroll-left:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 20px;
  width: 19px;
  height: 104px;
  background: url(../img/contentpages/bg_carousel_shadow_left.png) right top no-repeat;
  z-index: 1;
}
.container.content .content-main .carousel .carousel-scroll.scroll-right {
  position: relative;
}
.container.content .content-main .carousel .carousel-scroll.scroll-right:after {
  position: absolute;
  content: "";
  top: 12px;
  right: 20px;
  width: 19px;
  height: 104px;
  background: url(../img/contentpages/bg_carousel_shadow_right.png) left top no-repeat;
}
.container.content .content-main .carousel .carousel-scroll .carousel-viewport {
  position: relative;
  height: 110px;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  background: transparent;
}
.container.content .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1234567px;
  min-width: 660px;
  white-space: nowrap;
  box-shadow: none;
}
.container.content .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner a {
  float: left;
  border: 4px solid #e5e5e5;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.content .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner a img {
  height: 79px;
}
.container.content .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner a.active {
  border: 4px solid #e60f46;
}
.container.content .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner a:hover,
.container.content .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner a:focus {
  border: 4px solid #000;
}
.container.content .content-main .image {
  background: #e5e5e5;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 20px;
  overflow: hidden;
}
.container.content .content-main .image a {
  display: block;
  position: relative;
}
.container.content .content-main .image a span {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 32px;
  height: 32px;
  background: url(../img/contentpages/icon_magnify.png) 0 0 no-repeat;
}
.container.content .content-main .image a span:hover {
  background-image: url(../img/contentpages/icon_magnify_hover.png);
}
.container.content .content-main .image .caption {
  padding: 12px 12px 16px 12px;
  font-size: 12px;
  line-height: 16px;
}
.container.content .content-main .image.image-float {
  float: left;
}
.container.content .content-main .image.image-float-text-left {
  float: left;
  margin: 5px 20px 10px 0;
}
.container.content .content-main .image.image-float-text-right {
  float: right;
  margin: 5px 0 10px 20px;
}
.container.content .content-main .image-small {
  float: left;
  margin: 5px 20px 10px 0;
  width: 218px;
}
.container.content .content-main .image-small img {
  width: 218px;
}
.container.content .content-main .table tr {
  background: url(../img/contentpages/bg_line.png) 0 0 repeat-x;
}
.container.content .content-main .table tr th,
.container.content .content-main .table tr td {
  border: none;
  font-size: 12px;
  padding: 6px 12px;
}
.container.content .content-main .table tr th a,
.container.content .content-main .table tr td a {
  display: block;
  color: #e60f46;
}
.container.content .content-main .table tr th a i.icon-pdf,
.container.content .content-main .table tr td a i.icon-pdf {
  width: 20px;
  height: 20px;
  background: url(../img/contentpages/icon_pdf.png) 0 0 no-repeat;
  margin: -4px 8px 0 0;
}
.container.content .content-main .table tr th a i.icon-download,
.container.content .content-main .table tr td a i.icon-download {
  width: 24px;
  height: 24px;
  background: url(../img/contentpages/icon_download.png) 0 0 no-repeat;
  margin: -5px 5px 0 5px;
}
.container.content .content-main .table tr th a:hover i.icon-download,
.container.content .content-main .table tr td a:hover i.icon-download {
  background: url(../img/contentpages/icon_download_hover.png) 0 0 no-repeat;
}
.container.content .content-main .table thead tr {
  background: none;
}
.container.content .content-main .table.documents thead tr {
  border: none;
}
.container.content .content-main .table.documents thead tr th {
  background: #f2f2f2;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 6px 12px;
}
.container.content .content-main .table.documents tr:first-child {
  background: none;
}
.container.content .content-main .tabbable {
  position: relative;
  width: 700px;
}
.container.content .content-main .tabbable:before {
  content: "";
  position: absolute;
  top: 32px;
  left: -9px;
  width: 720px;
  height: 100px;
  background: url(../img/contentpages/bg_tab_shadow_top.png) 0 0 no-repeat;
  z-index: 1;
}
.container.content .content-main .tabbable ul.nav-tabs {
  display: block;
  position: relative;
  margin: 0;
  border: none;
  z-index: 2;
}
.container.content .content-main .tabbable ul.nav-tabs li {
  padding: 0;
}
.container.content .content-main .tabbable ul.nav-tabs li a {
  display: block;
  -webkit-box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  padding: 5px 12px;
  font-weight: bold;
  color: #fff;
  background: #999;
}
.container.content .content-main .tabbable ul.nav-tabs li:focus a,
.container.content .content-main .tabbable ul.nav-tabs li:hover a,
.container.content .content-main .tabbable ul.nav-tabs li.active a {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.container.content .content-main .tabbable select.nav-tabs {
  display: none;
  position: relative;
  margin: 0 10px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e9e9e9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e9e9e9));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #f2f2f2, #e9e9e9);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #f2f2f2, #e9e9e9);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #f2f2f2, #e9e9e9);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #f2f2f2, #e9e9e9);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  z-index: 2;
}
.container.content .content-main .tabbable .tab-content {
  position: relative;
  height: auto;
  overflow: visible;
  padding: 21px 24px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.container.content .content-main .tabbable .tab-content p {
  margin: 0;
}
.container.content .content-main .tabbable .tab-content:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../img/contentpages/bg_tab_shadow_bottom.png) 0 0 no-repeat;
}
.container.content .content-main .contact {
  position: relative;
  background: #f2f2f2;
  overflow: hidden;
  padding: 20px;
  font-size: 12px;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.container.content .content-main .contact .contact-left {
  float: left;
}
.container.content .content-main .contact .contact-left img {
  width: 100px;
  margin: 0 20px 0 0;
}
.container.content .content-main .contact .contact-right {
  overflow: hidden;
}
.container.content .content-main .contact .contact-right h4 {
  margin: 0 0 8px 0;
  font-size: 20px;
  font-weight: normal;
  font-family: arial, sans-serif;
  text-transform: none;
}
.container.content .content-main .contact .contact-right p {
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
.container.content .content-main .contact .contact-right p .thin {
  color: #7f7f7f;
}
.container.content .content-main .contact .contact-right a {
  color: #e60f46;
}
.container.content .content-main .contact .contact-right .buttons {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media screen and (max-width: 1019px) {
  .container.content {
    padding: 40px 0 0 0;
    width: 740px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.content .row {
    width: 740px;
  }
  .container.content .span9 {
    width: 698px;
  }
  .container.content .breadcrumbs {
    margin-left: 20px;
  }
  .container.content .content-viewport {
    position: relative;
    overflow: hidden;
    width: 720px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.content .content-viewport .content-wrapper {
    width: 940px;
    margin-left: -200px;
    -webkit-transition: margin 0.2s ease-in-out;
    -moz-transition: margin 0.2s ease-in-out;
    -o-transition: margin 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out;
  }
  .container.content .content-viewport.scroll-right .content-wrapper {
    margin-left: 20px;
  }
  .container.content .content-viewport.scroll-right .content-wrapper-shadow {
    display: block;
    position: absolute;
    top: 28px;
    right: 0;
    width: 16px;
    height: 99%;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_middle.png) right top repeat-y;
    z-index: 100;
  }
  .container.content .content-viewport.scroll-right .content-wrapper-shadow:before {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_top.png) right top no-repeat;
  }
  .container.content .content-viewport.scroll-right .content-wrapper-shadow:after {
    content: "";
    position: absolute;
    bottom: -28px;
    right: 0;
    width: 16px;
    height: 28px;
    background: url(../img/contentpages/bg_contentpage_scroll_shadow_bottom.png) right top no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .container.content {
    width: 320px;
    overflow: visible;
    padding: 9px 10px 10px 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.content .content-viewport {
    width: 300px;
    overflow: visible;
  }
  .container.content .content-viewport .content-wrapper {
    width: 300px;
    margin: 0;
  }
  .container.content .content-viewport .content-wrapper h1,
  .container.content .content-viewport .content-wrapper h2,
  .container.content .content-viewport .content-wrapper h3,
  .container.content .content-viewport .content-wrapper h4,
  .container.content .content-viewport .content-wrapper h5,
  .container.content .content-viewport .content-wrapper h6,
  .container.content .content-viewport .content-wrapper p {
    width: 300px;
  }
  .container.content .content-viewport .content-wrapper iframe {
    width: 300px;
    height: 225px;
  }
  .container.content .content-viewport .content-wrapper .span3 .navigation-sidebar {
    display: none;
  }
  .container.content .content-viewport .content-wrapper .span9 {
    width: 300px;
  }
  .container.content .content-viewport .content-wrapper .content-top {
    width: 300px;
    padding-top: 60px;
  }
  .container.content .content-viewport .content-wrapper .content-top:before {
    top: 0;
  }
  .container.content .content-viewport .content-wrapper .content-top .content-social {
    top: 20px;
    right: 10px;
  }
  .container.content .content-viewport .content-wrapper .content-top h1 {
    position: relative;
    z-index: 1;
  }
  .container.content .content-viewport .content-wrapper .content-top .lastmodified {
    position: relative;
    z-index: 1;
  }
  .container.content .content-viewport .content-wrapper .content-main {
    width: 300px;
  }
  .container.content .content-viewport .content-wrapper .content-main .app-widget {
    position: relative;
    padding: 10px;
  }
  .container.content .content-viewport .content-wrapper .content-main .app-widget h3 {
    display: inline-block;
  }
  .container.content .content-viewport .content-wrapper .content-main .app-widget .widget-controls {
    position: absolute;
    top: 12px;
    right: 10px;
  }
  .container.content .content-viewport .content-wrapper .content-main .app-widget .app-search {
    float: none;
    width: 100%;
    margin: 10px 0;
  }
  .container.content .content-viewport .content-wrapper .content-main .app-widget .app-search .search-query {
    width: 215px;
  }
  .container.content .content-viewport .content-wrapper .content-main .app-widget .app-category .app-category-wrapper .app-teaser {
    float: none;
    width: 280px;
  }
  .container.content .content-viewport .content-wrapper .content-main .app-widget .app-category .app-category-wrapper .app-teaser .app-description {
    width: 190px;
  }
  .container.content .content-viewport .content-wrapper .content-main .app-widget .app-category-more a {
    left: 40%;
  }
  .container.content .content-viewport .content-wrapper .content-main .app-widget.grid .app-category .app-category-wrapper {
    margin-left: 12px;
    padding-left: 2px;
    width: 280px;
  }
  .container.content .content-viewport .content-wrapper .content-main .carousel {
    width: 300px;
  }
  .container.content .content-viewport .content-wrapper .content-main .carousel .carousel-inner .carousel-caption {
    padding: 10px;
  }
  .container.content .content-viewport .content-wrapper .content-main .carousel .carousel-inner .carousel-caption h4 {
    font-size: 18px;
  }
  .container.content .content-viewport .content-wrapper .content-main .carousel .carousel-scroll {
    position: relative;
    height: 107px;
    padding: 15px 10px 10px 10px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.content .content-viewport .content-wrapper .content-main .carousel .carousel-scroll .carousel-viewport {
    height: 80px;
  }
  .container.content .content-viewport .content-wrapper .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner {
    height: 80px;
    min-width: 280px;
  }
  .container.content .content-viewport .content-wrapper .content-main .carousel .carousel-scroll .carousel-viewport .carousel-inner a img {
    width: auto !important;
    height: 48px;
  }
  .container.content .content-viewport .content-wrapper .content-main .carousel .carousel-scroll.scroll-left:before {
    top: 10px;
    left: 10px;
    width: 15px;
    height: 70px;
    background: url(../img/contentpages/bg_carousel_shadow_left_mobile.png) 0 0 no-repeat;
  }
  .container.content .content-viewport .content-wrapper .content-main .carousel .carousel-scroll.scroll-right:after {
    top: 10px;
    right: 10px;
    width: 15px;
    height: 70px;
    background: url(../img/contentpages/bg_carousel_shadow_right_mobile.png) 0 0 no-repeat;
  }
  .container.content .content-viewport .content-wrapper .content-main .image {
    width: 300px;
  }
  .container.content .content-viewport .content-wrapper .content-main .image.image-small {
    width: 150px;
  }
  .container.content .content-viewport .content-wrapper .content-main .image.image-small img {
    width: 150px;
  }
  .container.content .content-viewport .content-wrapper .content-main .table th {
    display: none;
  }
  .container.content .content-viewport .content-wrapper .content-main .table th:first-child {
    display: block;
  }
  .container.content .content-viewport .content-wrapper .content-main .table tr {
    float: left;
    width: 100%;
  }
  .container.content .content-viewport .content-wrapper .content-main .table tr td {
    float: left;
    display: block;
    width: 75px;
    -webkit-box-sizing: border-box;
    /* <=iOS4, <= Android  2.3 */
  
    -moz-box-sizing: border-box;
    /* Firefox 1+ */
  
    box-sizing: border-box;
    /* Chrome, IE8+, Opera, Safari 5.1*/
  
  }
  .container.content .content-viewport .content-wrapper .content-main .table tr td:first-child {
    width: 300px;
  }
  .container.content .content-viewport .content-wrapper .content-main .contact {
    padding: 10px;
    font-size: 12px;
    position: relative;
  }
  .container.content .content-viewport .content-wrapper .content-main .contact .contact-left img {
    width: 76px;
    margin-right: 10px;
  }
  .container.content .content-viewport .content-wrapper .content-main .contact .contact-right .buttons {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 0 10px 0;
    text-align: right;
  }
  .container.content .content-viewport .content-wrapper .content-main .contact .contact-right .buttons .btn {
    margin-bottom: 5px;
  }
  .container.content .content-viewport .content-wrapper .content-main .tabbable {
    width: 300px;
    margin-top: 30px;
  }
  .container.content .content-viewport .content-wrapper .content-main .tabbable:before {
    width: 310px;
    top: -20px;
    background: url(../img/contentpages/bg_tab_shadow_top_mobile.png) 0 0 no-repeat;
  }
  .container.content .content-viewport .content-wrapper .content-main .tabbable ul.nav-tabs {
    display: none;
  }
  .container.content .content-viewport .content-wrapper .content-main .tabbable select.nav-tabs {
    display: block;
    width: 280px;
  }
  .container.content .content-viewport .content-wrapper .content-main .tabbable .tab-content {
    width: 280px;
    padding: 10px;
  }
  .container.content .content-viewport .content-wrapper .content-main .tabbable .tab-content p {
    width: 280px;
  }
  .container.content .content-viewport .content-wrapper .content-main .tabbable .tab-content:after {
    width: 300px;
    background: url(../img/contentpages/bg_tab_shadow_bottom_mobile.png) 0 0 no-repeat;
  }
  .container.content .content-viewport .content-wrapper-shadow {
    display: none;
  }
}
@media (min-width: 1360px) {
  .container.content {
    width: 1260px;
  }
  .container.content .span3 {
    width: 280px;
  }
  .container.content .span9 {
    width: 980px;
  }
}
/* -----------------------------------------------------------------------------
   flyout layer
----------------------------------------------------------------------------- */
.flyout-layer {
  position: absolute;
  z-index: 10000;
  display: none;
}
@media (max-width: 767px) {
  .flyout-layer#temp-bookmark,
  .flyout-layer#temp-sharing {
    left: 50% !important;
    margin-left: -150px;
  }
  .flyout-layer#temp-bookmark .flyout-wrapper,
  .flyout-layer#temp-sharing .flyout-wrapper {
    width: 260px;
  }
  .flyout-layer#temp-bookmark .jv-share-dialog .share-with,
  .flyout-layer#temp-sharing .jv-share-dialog .share-with,
  .flyout-layer#temp-bookmark .jv-share-dialog .share-message,
  .flyout-layer#temp-sharing .jv-share-dialog .share-message {
    width: 246px;
  }
  .flyout-layer#temp-bookmark .jv-share-dialog .jv-share-receipients,
  .flyout-layer#temp-sharing .jv-share-dialog .jv-share-receipients {
    max-height: 47px;
  }
  .flyout-layer#temp-bookmark .add-to-bookmark input.reset-button,
  .flyout-layer#temp-sharing .add-to-bookmark input.reset-button {
    width: 223px;
  }
  .flyout-layer#temp-bookmark .buttons button,
  .flyout-layer#temp-sharing .buttons button {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
}
@media (max-width: 767px) {
  .flyout-layer#temp-bookmark#temp-bookmark .flyout-clip,
  .flyout-layer#temp-sharing#temp-bookmark .flyout-clip {
    right: 60px;
  }
}
.flyout-layer .flyout-clip {
  width: 33px;
  height: 17px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -410px -60px;
  position: absolute;
  top: -17px;
  right: 15px;
}
.flyout-layer .flyout-wrapper {
  width: 330px;
  padding: 20px 20px 0 20px;
  overflow: hidden;
  background: #fff;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.64), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.64), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.flyout-layer .flyout-header {
  *zoom: 1;
  min-height: 30px;
  padding-right: 30px;
  border-bottom: 1px dotted #999;
  margin-bottom: 15px;
}
.flyout-layer .flyout-header:before {
  content: "";
  display: table;
}
.flyout-layer .flyout-header:after {
  clear: both;
  content: "";
  display: table;
}
.flyout-layer .flyout-header h3 {
  padding-top: 3px;
  margin-bottom: 3px;
}
.flyout-layer .close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -160px -240px;
  border: 0;
}
.flyout-layer .close-button:hover {
  background-position: -190px -240px;
}
.flyout-layer .close-button > span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* -----------------------------------------------------------------------------
   online status
----------------------------------------------------------------------------- */
.online-status {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.online-status.big {
  width: 26px;
  height: 26px;
}
.online-status.big.available {
  background-position: 0 -320px;
}
.online-status.big.away {
  background-position: -30px -320px;
}
.online-status.big.dnd {
  background-position: -60px -320px;
}
.online-status.big.offline {
  background-position: -90px -320px;
}
.online-status.big.custom {
  background-position: -120px -320px;
}
.online-status.normal {
  width: 18px;
  height: 18px;
}
.online-status.normal.available {
  background-position: 0 -350px;
}
.online-status.normal.away {
  background-position: -30px -350px;
}
.online-status.normal.dnd {
  background-position: -60px -350px;
}
.online-status.normal.offline {
  background-position: -90px -350px;
}
.online-status.normal.custom {
  background-position: -120px -350px;
}
.online-status.small {
  width: 14px;
  height: 14px;
}
.online-status.small.available {
  background-position: 0 -370px;
}
.online-status.small.away {
  background-position: -30px -370px;
}
.online-status.small.dnd {
  background-position: -60px -370px;
}
.online-status.small.offline {
  background-position: -90px -370px;
}
.online-status.small.custom {
  background-position: -120px -370px;
}
a.online-status {
  cursor: pointer;
}
.btn .online-status {
  position: relative;
  top: -1px;
}
/* list (flyout) */
.online-status-list {
  padding-bottom: 15px;
}
.online-status-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 -3px;
}
.online-status-list li {
  font-size: 12px;
  line-height: 1.2;
  padding: 1px 0;
}
.online-status-list li + li {
  border-top: 1px dotted #999;
}
.online-status-list li a {
  display: block;
  padding: 5px 3px;
  color: #e60f46;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.online-status-list li a:hover,
.online-status-list li a:focus {
  background-color: #f2f2f2;
}
.online-status-list li .online-status {
  position: relative;
  top: -1px;
  margin-right: 3px;
}
/* flyout */
#online-status {
  width: 172px;
}
#online-status .flyout-header {
  border: 0;
  margin-bottom: 0;
}
#online-status .flyout-header h3 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
}
#online-status .flyout-wrapper {
  width: auto;
}
#online-status .close-button {
  width: 18px;
  height: 18px;
  background-position: -450px 0;
}
#online-status .close-button:hover {
  background-position: -430px 0;
}
#online-status .flyout-clip {
  right: auto;
  left: 10px;
}
/* -----------------------------------------------------------------------------
   IM smileys
----------------------------------------------------------------------------- */
.smileys-list {
  *zoom: 1;
}
.smileys-list:before {
  content: "";
  display: table;
}
.smileys-list:after {
  clear: both;
  content: "";
  display: table;
}
.smileys-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.smileys-list li {
  float: left;
}
.smileys-list li a {
  display: block;
  cursor: pointer;
  -webkit-border-radius: 20px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 20px;
  border-radius: 20px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.smileys-list li a:hover {
  position: relative;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
/* flyout */
#im-smileys {
  width: 180px;
}
#im-smileys .flyout-header {
  border: 0;
  margin-bottom: 0;
}
#im-smileys .flyout-header h3 {
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  line-height: 1;
}
#im-smileys .flyout-wrapper {
  width: auto;
  padding: 5px;
}
#im-smileys .flyout-body {
  overflow: hidden;
  overflow-y: auto;
  max-height: 152px;
}
#im-smileys .close-button {
  width: 18px;
  height: 18px;
  background-position: -450px 0;
  top: 5px;
  right: 5px;
}
#im-smileys .close-button:hover {
  background-position: -430px 0;
}
#im-smileys .flyout-clip {
  right: 10px;
  top: auto;
  bottom: -17px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* -----------------------------------------------------------------------------
   user profile (flyout)
----------------------------------------------------------------------------- */
.user-profile-detail {
  *zoom: 1;
  padding-bottom: 20px;
}
.user-profile-detail:before {
  content: "";
  display: table;
}
.user-profile-detail:after {
  clear: both;
  content: "";
  display: table;
}
.user-profile-detail .image {
  width: 100px;
  float: left;
  margin-bottom: 10px;
}
.user-profile-detail .image img {
  display: block;
  width: 80px;
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.user-profile-detail .content {
  overflow: hidden;
  margin-bottom: 10px;
}
.user-profile-detail .data {
  min-height: 60px;
  padding-bottom: 4px;
}
.user-profile-detail .data .ur-title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 4px;
}
.user-profile-detail .data .ur-position,
.user-profile-detail .data .ur-mail {
  font-size: 12px;
  line-height: 1.2;
}
.user-profile-detail .data a {
  color: #e60f46;
}
.user-profile-detail .buttons {
  clear: both;
  text-align: right;
}
/* -----------------------------------------------------------------------------
   add to bookmark (flyout)
----------------------------------------------------------------------------- */
.add-to-bookmark form {
  margin: 0;
}
.add-to-bookmark label {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.add-to-bookmark input.reset-button {
  width: 286px;
  font-size: 12px;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 10px;
}
.add-to-bookmark select {
  width: 330px;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  margin: 0;
}
.add-to-bookmark a.reset-button {
  margin-top: 4px;
}
.add-to-bookmark .buttons {
  background: #f2f2f2;
  padding: 10px 20px;
  margin: 15px -20px 0 -20px;
  text-align: right;
}
/* -----------------------------------------------------------------------------
   navigation topbar (mobile)
----------------------------------------------------------------------------- */
.navigation-topbar {
  display: none;
  clear: both;
  background: #e60f46;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent, 0 0 0 0 transparent;
  *zoom: 1;
  margin-bottom: 20px;
}
.navigation-topbar:before {
  content: "";
  display: table;
}
.navigation-topbar:after {
  clear: both;
  content: "";
  display: table;
}
.navigation-topbar .navi-menu {
  display: block;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 44px;
  text-transform: uppercase;
  padding: 0 10px;
  color: #fff;
  border: 1px solid #b60c37;
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #b60c37;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e60f46), to(#b60c37));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #e60f46, #b60c37);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #e60f46, #b60c37);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e60f46, #b60c37);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e60f46, #b60c37);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent, 0 0 0 0 transparent;
  text-decoration: none !important;
  cursor: pointer !important;
  position: relative;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.navigation-topbar .navi-menu > div {
  position: absolute;
  top: 0;
  bottom: -1px;
  right: 0;
  width: 36px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.navigation-topbar .navi-menu > div div {
  margin: 16px auto;
  width: 16px;
  height: 10px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -450px -40px !important;
}
.navigation-topbar .navi-menu.toggle-on > div div {
  background-position: -470px -40px;
}
.navigation-topbar .navi-menu:hover {
  background-color: #c60d3c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c60d3c), to(#c60d3c));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #c60d3c, #c60d3c);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #c60d3c, #c60d3c);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #c60d3c, #c60d3c);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #c60d3c, #c60d3c);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.navigation-topbar .navi-dropdown,
.navigation-topbar .has-children > div {
  position: relative;
  -webkit-transition: max-height 0.1s ease-in-out;
  -moz-transition: max-height 0.1s ease-in-out;
  -o-transition: max-height 0.1s ease-in-out;
  transition: max-height 0.1s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  max-height: 0;
  overflow: hidden;
}
.navigation-topbar .navi-menu.toggle-on + .navi-dropdown,
.navigation-topbar .has-children.toggle-on > div {
  -webkit-transition: max-height 0.8s ease-in-out;
  -moz-transition: max-height 0.8s ease-in-out;
  -o-transition: max-height 0.8s ease-in-out;
  transition: max-height 0.8s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  max-height: 3000px;
}
.navigation-topbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 10px 10px;
}
.navigation-topbar li {
  display: block;
  font-family: 'FuturaBT-BoldCondensed', arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
}
.navigation-topbar li a {
  display: block;
  margin-right: 50px;
  padding: 3px 0;
  color: #fff;
  text-decoration: none !important;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.navigation-topbar li a > div {
  float: left;
  padding: 9px 10px;
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.navigation-topbar li a:hover > div {
  background: #fff;
  color: #000;
}
.navigation-topbar li + li {
  border-top: 1px dotted rgba(255, 255, 255, 0.6);
}
.navigation-topbar ul ul {
  padding: 0;
  margin-left: 15px;
}
.navigation-topbar li li {
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
}
.navigation-topbar li li a > div {
  padding: 5px 10px;
}
.navigation-topbar li li + li {
  border-color: #950a2d;
}
.navigation-topbar .has-children {
  position: relative;
}
.navigation-topbar .has-children:after {
  content: '';
  display: block;
  width: 12px;
  height: 8px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -60px -150px;
  position: absolute;
  top: 17px;
  right: 13px;
}
.navigation-topbar .has-children.toggle-on:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-topbar li li.has-children:after {
  top: 12px;
}
.navigation-topbar li.search > a > div:before {
  content: '';
  display: inline-block;
  vertical-align: baseline;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -450px -60px;
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.navigation-topbar li.search > a:hover > div:before {
  background-position: -470px -60px;
}
@media (max-width: 767px) {
  .navigation-topbar {
    display: block;
  }
}
/* -----------------------------------------------------------------------------
   datepicker
----------------------------------------------------------------------------- */
body > .ui-datepicker {
  display: none;
}
.datepicker {
  font-size: 12px;
}
.datepicker .ui-widget-content {
  background: transparent;
  border: none;
  color: #333;
}
.datepicker .ui-datepicker-header {
  margin-bottom: 5px;
}
.datepicker .ui-datepicker-prev,
.datepicker .ui-datepicker-prev.ui-state-hover,
.datepicker .ui-datepicker-prev.ui-state-focus,
.datepicker .ui-datepicker-next,
.datepicker .ui-datepicker-next.ui-state-hover,
.datepicker .ui-datepicker-next.ui-state-focus {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
.datepicker .ui-datepicker-prev span,
.datepicker .ui-datepicker-prev.ui-state-hover span,
.datepicker .ui-datepicker-prev.ui-state-focus span,
.datepicker .ui-datepicker-next span,
.datepicker .ui-datepicker-next.ui-state-hover span,
.datepicker .ui-datepicker-next.ui-state-focus span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.datepicker .ui-datepicker-prev {
  background-position: -160px -180px;
  float: left;
}
.datepicker .ui-datepicker-prev:hover,
.datepicker .ui-datepicker-prev:focus {
  background-position: -190px -180px;
}
.datepicker .ui-datepicker-next {
  background-position: -160px -150px;
  float: right;
}
.datepicker .ui-datepicker-next:hover,
.datepicker .ui-datepicker-next:focus {
  background-position: -190px -150px;
}
.datepicker .ui-datepicker-title {
  margin: 0 30px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}
.datepicker .ui-datepicker-calendar {
  width: 100%;
  table-layout: fixed;
}
.datepicker .ui-datepicker-calendar thead th {
  font-size: 10px;
  font-weight: normal;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}
.datepicker .ui-datepicker-calendar tbody {
  outline: 1px solid #ccc;
  /*
      td:first-child {
        border-left-color: #ccc;
      }
      td:last-child {
        border-right-color: #ccc;
      }
      tr:first-child td {
        border-top-color: #ccc;
      }
      tr:last-child td {
        border-bottom-color: #ccc;
      }
      */

}
.datepicker .ui-datepicker-calendar tbody td {
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  line-height: 1;
  font-weight: normal;
  background-color: #e7e7e7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  border: 1px solid #f2f2f2;
  padding: 0;
}
.datepicker .ui-datepicker-calendar tbody td a {
  display: block;
  padding: 6px 0;
  color: #333;
  overflow: hidden;
  text-decoration: none !important;
  border: 0;
  background-color: transparent;
}
.datepicker .ui-datepicker-calendar .ui-state-default {
  cursor: pointer;
}
.datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
  background-color: #d7d7d7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d7d7d7));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #eeeeee, #d7d7d7);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #eeeeee, #d7d7d7);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #eeeeee, #d7d7d7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #eeeeee, #d7d7d7);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}
.datepicker .ui-datepicker-calendar .ui-state-hover,
.datepicker .ui-datepicker-calendar .ui-state-active {
  background-color: #3c3c3c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#3c3c3c));
  /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #6a6a6a, #3c3c3c);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image: -moz-linear-gradient(top, #6a6a6a, #3c3c3c);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #6a6a6a, #3c3c3c);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #6a6a6a, #3c3c3c);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

  color: #fff;
  outline: 1px solid #222;
}
.datepicker .ui-datepicker-calendar .ui-datepicker-unselectable {
  cursor: default;
}
/* -----------------------------------------------------------------------------
   autocomplete (jQuery UI)
----------------------------------------------------------------------------- */
body .ui-autocomplete {
  font-family: arial, sans-serif;
  font-size: 12px;
  border-color: transparent;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
body .ui-menu .ui-menu-item a {
  cursor: pointer;
}
body .ui-menu .ui-menu-item a:hover {
  color: #e60f46;
}
/* -----------------------------------------------------------------------------
   google chrome frame hint
----------------------------------------------------------------------------- */
.chromeframe {
  position: fixed;
  z-index: 3000;
  right: 0;
  bottom: 0;
  font-size: 11px;
  line-height: 1;
  background: #999;
  color: #ddd;
  padding: 3px 10px 3px 5px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
.chromeframe a {
  color: #fff;
}
/* -----------------------------------------------------------------------------
   toggle on/off (iOS like)
----------------------------------------------------------------------------- */
.toggle-onoff {
  display: inline-block;
  width: 51px;
  height: 21px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -500px -210px;
}
.toggle-onoff:hover label i {
  background-position: -500px -290px;
}
.toggle-onoff input {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.toggle-onoff input:checked + label i {
  left: 7px;
}
.toggle-onoff label {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.toggle-onoff label i {
  position: absolute;
  top: 0;
  left: -24px;
  width: 63px;
  height: 20px;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: -500px -240px;
  -webkit-transition: left 100ms ease-out;
  -moz-transition: left 100ms ease-out;
  -o-transition: left 100ms ease-out;
  transition: left 100ms ease-out;
}
.toggle-onoff label span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* -----------------------------------------------------------------------------
   TEMP/DEV
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
   workbench toolbar

   TODO: obsolete!
----------------------------------------------------------------------------- */
.workbench-toolbar {
  margin-top: -5px;
}
.workbench-toolbar-row {
  margin: 0 -20px;
  *zoom: 1;
}
.workbench-toolbar-row:before {
  content: "";
  display: table;
}
.workbench-toolbar-row:after {
  clear: both;
  content: "";
  display: table;
}
.workbench-toolbar-links,
.workbench-toolbar-edit {
  margin: 0;
  *zoom: 1;
}
.workbench-toolbar-links:before,
.workbench-toolbar-edit:before {
  content: "";
  display: table;
}
.workbench-toolbar-links:after,
.workbench-toolbar-edit:after {
  clear: both;
  content: "";
  display: table;
}
.workbench-toolbar-links ul,
.workbench-toolbar-edit ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 -1px;
}
.workbench-toolbar-links li,
.workbench-toolbar-edit li {
  float: left;
  margin: 0 1px 2px 1px;
}
/* news widget TEMP */
.widget.news-temp .widget-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.news-temp .widget-content li {
  font-size: 14px;
  margin-bottom: 10px;
}
.widget.news-temp .widget-content li + li {
  border-top: 1px dotted #999;
  padding-top: 10px;
}
.widget.news-temp .widget-content li a {
  color: #333;
}
.widget.news-temp .widget-content li .date {
  font-size: 12px;
}
/*
// show profile layer
#temp-profile {
  display: block;
  position: fixed;
  top: 100px; right: 10px;
}
// show search layer
@media (min-width: 768px) and (max-width: 1019px) {
  #temp-search {
    display: block;
    position: fixed;
    top: 100px; right: 10px;
  }
}
*/
/*! jQuery UI - v1.10.1 - 2013-02-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-autocomplete {
  font-family: arial, sans-serif;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  z-index: 40000;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */

  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* Component containers
----------------------------------*/
.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../lib/jquery/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}
.ui-widget-content a {
  color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(../lib/jquery/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
.m-facetted-search {
  display: none;
}
@media (max-width: 767px) {
  .m-facetted-search {
    display: block;
  }
  .m-facetted-search .filter-groups {
    padding-bottom: 20px;
  }
  .m-facetted-search .filter-groups .info {
    padding-left: 28px;
    position: relative;
    font-size: 12px;
    line-height: 14px;
  }
  .m-facetted-search .filter-groups .info .icon.icon-filter {
    background-image: url(../img/css-sprite_01.png);
    background-repeat: no-repeat;
    background-position: -504px -181px;
    width: 14px;
    height: 16px;
    margin-right: 4px;
    left: 7px;
    top: -2px;
    position: absolute;
  }
  .m-facetted-search .filter-groups ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .m-facetted-search .filter-groups ul li {
    margin: 0 0 2px;
    padding: 0;
  }
  .m-facetted-search .filter-groups ul li > div {
    overflow: hidden;
    min-height: 42px;
    background: #e8e6e7;
    -webkit-border-radius: 5px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #d8d8d8;
  }
  .m-facetted-search .filter-groups ul li > div > a {
    display: block;
    position: relative;
    z-index: 2;
    background-color: #e8e6e7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e6e7));
    /* Chrome, Safari 4+ */
  
    background-image: -webkit-linear-gradient(top, #fefefe, #e8e6e7);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  
    background-image: -moz-linear-gradient(top, #fefefe, #e8e6e7);
    /* Firefox 3.6-15 */
  
    background-image: -o-linear-gradient(top, #fefefe, #e8e6e7);
    /* Opera 11.10-12.00 */
  
    background-image: linear-gradient(to bottom, #fefefe, #e8e6e7);
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  
    -webkit-transition: all 200ms linear 140ms;
    -moz-transition: all 200ms linear 140ms;
    -o-transition: all 200ms linear 140ms;
    transition: all 200ms linear 140ms;
  }
  .m-facetted-search .filter-groups ul li > div > a:hover {
    text-decoration: none;
  }
  .m-facetted-search .filter-groups ul li > div > a .icon.icon-triangle {
    background-image: url(../img/css-sprite_03.png);
    background-repeat: no-repeat;
    background-position: -3px -140px;
    width: 7px;
    height: 11px;
    position: relative;
    top: 5px;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 110ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: -moz-transform 110ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: -o-transform 110ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 110ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-right: 5px;
  }
  .m-facetted-search .filter-groups ul li > div > a h4 {
    color: #333333;
    margin: 0;
    line-height: 42px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 15px;
    font-size: 21px;
  }
  .m-facetted-search .filter-groups ul li > div > a + div {
    background: #fff;
    -webkit-transition: margin-top 540ms;
    -moz-transition: margin-top 540ms;
    -o-transition: margin-top 540ms;
    transition: margin-top 540ms;
    -webkit-border-radius: 5px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: -1200px 5px 5px 5px;
    position: relative;
    z-index: 1;
  }
  .m-facetted-search .filter-groups ul li > div > a + div .available-filters {
    padding: 15px;
    -webkit-transition: -webkit-transform 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, opacity 350ms linear;
    -moz-transition: -moz-transform 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, opacity 350ms linear;
    -o-transition: -o-transform 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, opacity 350ms linear;
    transition: transform 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, opacity 350ms linear;
    -moz-transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  .m-facetted-search .filter-groups ul li > div > a + div .available-filters ul li {
    margin-bottom: 7px;
  }
  .m-facetted-search .filter-groups ul li > div > a + div .available-filters ul li a {
    cursor: pointer;
    position: relative;
    display: block;
    padding: 0 0 0 32px;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    vertical-align: middle;
  }
  .m-facetted-search .filter-groups ul li > div > a + div .available-filters ul li a:hover,
  .m-facetted-search .filter-groups ul li > div > a + div .available-filters ul li a:focus {
    text-decoration: none;
    color: #333333;
  }
  .m-facetted-search .filter-groups ul li > div > a + div .available-filters ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 21px;
    height: 21px;
    background: url(../img/contentpages/checkbox-large.png) 0 0 no-repeat;
  }
  .m-facetted-search .filter-groups ul li > div > a + div .available-filters ul li a.active {
    color: #333333;
  }
  .m-facetted-search .filter-groups ul li > div > a + div .available-filters ul li a.active:before {
    background-position: 0 -29px;
  }
  .m-facetted-search .filter-groups ul li.active > div > a {
    background-color: #e8e6e7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e6e7), to(#e8e6e7));
    /* Chrome, Safari 4+ */
  
    background-image: -webkit-linear-gradient(top, #e8e6e7, #e8e6e7);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  
    background-image: -moz-linear-gradient(top, #e8e6e7, #e8e6e7);
    /* Firefox 3.6-15 */
  
    background-image: -o-linear-gradient(top, #e8e6e7, #e8e6e7);
    /* Opera 11.10-12.00 */
  
    background-image: linear-gradient(to bottom, #e8e6e7, #e8e6e7);
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  .m-facetted-search .filter-groups ul li.active > div > a .icon.icon-triangle {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .m-facetted-search .filter-groups ul li.active > div > a + div {
    -webkit-transition: margin-top 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: margin-top 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: margin-top 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: margin-top 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-top: 0;
  }
  .m-facetted-search .filter-groups ul li.active > div > a + div .available-filters {
    -webkit-transition: -webkit-transform 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 90ms, opacity 350ms linear 80ms;
    -moz-transition: -moz-transform 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 90ms, opacity 350ms linear 80ms;
    -o-transition: -o-transform 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 90ms, opacity 350ms linear 80ms;
    transition: transform 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 90ms, opacity 350ms linear 80ms;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/* -----------------------------------------------------------------------------
   overlay - button
----------------------------------------------------------------------------- */
.help {
  position: relative;
  z-index: 5000;
}
.help .edit-button {
  position: fixed;
  right: 20px;
  bottom: 60px;
  width: 32px;
  height: 32px;
}
.help .edit-button a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  background: url(../img/css-sprite_guided-tour.png) -130px -48px no-repeat;
}
.help .edit-button a:hover,
.help .edit-button a:focus {
  background-position: -130px -80px;
}
.help .help-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 32px;
  height: 32px;
}
.help .help-button a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 transparent, 0 0 0 0 transparent;
  background: url(../img/css-sprite_guided-tour.png) 0 -48px no-repeat;
}
.help .help-button a:hover,
.help .help-button a:focus {
  background-position: 0 -80px;
}
.help .help-flyout {
  position: fixed;
  bottom: 72px;
  right: 7px;
  width: 100;
}
.help .help-flyout .flyout-clip {
  width: 33px;
  height: 17px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -410px -60px;
  position: absolute;
  bottom: -17px;
  right: 15px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.help .help-flyout .flyout-wrapper {
  width: 200px;
  padding: 20px 20px 0 20px;
  overflow: hidden;
  background: #fff;
  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.64), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.64), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.help .help-flyout .flyout-wrapper .flyout-header {
  *zoom: 1;
  min-height: 30px;
  padding-right: 30px;
  margin-bottom: 15px;
}
.help .help-flyout .flyout-wrapper .flyout-header:before {
  content: "";
  display: table;
}
.help .help-flyout .flyout-wrapper .flyout-header:after {
  clear: both;
  content: "";
  display: table;
}
.help .help-flyout .flyout-wrapper .flyout-header h3 {
  padding-top: 3px;
  margin-bottom: 3px;
}
.help .help-flyout .flyout-wrapper .flyout-body ul {
  margin: 10px 0 20px 0;
  list-style: none;
}
.help .help-flyout .flyout-wrapper .flyout-body ul li {
  padding: 1px 0;
  border-top: 1px dotted #999;
}
.help .help-flyout .flyout-wrapper .flyout-body ul li a {
  display: block;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #e60f46;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.help .help-flyout .flyout-wrapper .flyout-body ul li a:hover,
.help .help-flyout .flyout-wrapper .flyout-body ul li a:focus {
  text-decoration: none;
  background: #eaeaea;
}
.help .help-flyout .flyout-wrapper .flyout-body ul li:first-child {
  border: none;
}
.help .help-flyout .close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url(../img/css-sprite_01.png);
  background-repeat: no-repeat;
  background-position: -160px -240px;
  border: 0;
}
.help .help-flyout .close-button:hover {
  background-position: -190px -240px;
}
.help .help-flyout .close-button > span {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .help {
    display: none !important;
  }
}
/* -----------------------------------------------------------------------------
   overlay - chardinjs
----------------------------------------------------------------------------- */
.chardinjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.chardinjs-helper-layer {
  position: absolute;
  z-index: 9999998;
  color: white;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.chardinjs-helper-layer.chardinjs-left {
  margin-left: -10px;
}
.chardinjs-helper-layer.chardinjs-right {
  padding-right: 10px;
}
.chardinjs-helper-layer.chardinjs-bottom {
  padding-bottom: 10px;
}
.chardinjs-helper-layer.chardinjs-top {
  padding-top: 10px;
}
.chardinjs-tooltip {
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  max-width: 200px;
}
.chardinjs-tooltip.chardinjs-left {
  margin-left: -135px;
  padding-right: 10px;
}
.chardinjs-tooltip.chardinjs-right {
  margin-right: -135px;
  padding-left: 10px;
}
.chardinjs-tooltip.chardinjs-bottom {
  margin-bottom: -50px;
  padding-top: 10px;
}
.chardinjs-tooltip.chardinjs-top {
  margin-top: -50px;
  padding-bottom: 10px;
}
.chardinjs-tooltip.chardinjs-right:before,
.chardinjs-tooltip.chardinjs-left:after {
  width: 100px;
  top: 50%;
}
.chardinjs-tooltip.chardinjs-bottom:before,
.chardinjs-tooltip.chardinjs-top:after {
  width: 1px;
  height: 50px;
  left: 50%;
}
.chardinjs-tooltip.chardinjs-bottom:before {
  top: -50px;
}
.chardinjs-tooltip.chardinjs-top:after {
  bottom: -50px;
}
.chardinjs-tooltip.chardinjs-right:before {
  left: -100px;
}
.chardinjs-tooltip.chardinjs-left:after {
  right: -100px;
}
.chardinjs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 4000;
}
.chardinjs-helper-layer {
  position: absolute;
  padding: 20px;
  z-index: 4002;
  border: none !important;
}
.chardinjs-helper-layer.chardinjs-top {
  border: none;
}
.chardinjs-helper-layer.chardinjs-top .chardinjs-tooltiptext:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  right: 50%;
  bottom: -48px;
  border: none;
  background: url(../img/css-sprite_guided-tour.png) -48px 0 no-repeat;
}
.chardinjs-helper-layer.chardinjs-bottom {
  border: none;
}
.chardinjs-helper-layer.chardinjs-bottom .chardinjs-tooltiptext:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  right: 50%;
  top: -48px;
  border: none;
  background: url(../img/css-sprite_guided-tour.png) 0 0 no-repeat;
}
.chardinjs-helper-layer.chardinjs-left {
  border: none;
}
.chardinjs-helper-layer.chardinjs-left .chardinjs-tooltiptext:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  right: -48px;
  top: 30%;
  border: none;
  background: url(../img/css-sprite_guided-tour.png) -144px 0 no-repeat;
}
.chardinjs-helper-layer.chardinjs-right {
  border: none;
}
.chardinjs-helper-layer.chardinjs-right .chardinjs-tooltiptext:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  left: -48px;
  top: 30%;
  border: none;
  background: url(../img/css-sprite_guided-tour.png) -96px 0 no-repeat;
}
.chardinjs-helper-layer.chardinjs-left-top {
  border: none;
}
.chardinjs-helper-layer.chardinjs-left-top .chardinjs-tooltiptext:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  right: -48px;
  top: 50%;
  border: none;
  background: url(../img/css-sprite_guided-tour.png) -338px 0 no-repeat;
}
.chardinjs-helper-layer.chardinjs-left-bottom {
  border: none;
}
.chardinjs-helper-layer.chardinjs-left-bottom .chardinjs-tooltiptext:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  right: -48px;
  bottom: 50%;
  border: none;
  background: url(../img/css-sprite_guided-tour.png) -244px 0 no-repeat;
}
.chardinjs-helper-layer.chardinjs-right-top {
  border: none;
}
.chardinjs-helper-layer.chardinjs-right-top .chardinjs-tooltiptext:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  left: -48px;
  top: 50%;
  border: none;
  background: url(../img/css-sprite_guided-tour.png) -290px 0 no-repeat;
}
.chardinjs-helper-layer.chardinjs-right-bottom {
  border: none;
}
.chardinjs-helper-layer.chardinjs-right-bottom .chardinjs-tooltiptext:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  left: -48px;
  bottom: 50%;
  border: none;
  background: url(../img/css-sprite_guided-tour.png) -194px 0 no-repeat;
}
.chardinjs-helper-layer .chardinjs-tooltiptext {
  font-size: 18px;
  font-family: 'Gloria Hallelujah', cursive;
  line-height: 24px;
  color: #fff;
}
.chardinjs-helper-layer .chardinjs-tooltiptext h3 {
  font-size: 28px;
  font-family: 'Gloria Hallelujah', cursive;
  line-height: 28px;
}
.chardinjs-show-element {
  z-index: 4001 !important;
}
.chardinjs-relative-position {
  position: relative;
}
.chardinjs-show-element-fixed {
  z-index: 4003;
}
.chardinjs-fixed-position {
  position: fixed;
  z-index: 4004;
}
/* -----------------------------------------------------------------------------
   overlay - carousel
----------------------------------------------------------------------------- */
.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 4000;
}
.carousel-helper-layer {
  position: fixed;
  width: 800px;
  left: 50%;
  top: 15%;
  margin-left: -400px;
}
.carousel-helper-layer .carousel-close {
  position: absolute;
  top: -40px;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(../img/css-sprite_guided-tour.png) -90px -48px no-repeat;
  z-index: 1;
}
.carousel-helper-layer .carousel-close a {
  position: absolute;
  display: block;
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  background: url(../img/css-sprite_guided-tour.png) -32px -48px no-repeat;
}
.carousel-helper-layer .carousel-close a:hover,
.carousel-helper-layer .carousel-close a:focus {
  background-position: -32px -72px;
}
.carousel-helper-layer .carousel {
  width: 100%;
}
.carousel-helper-layer .carousel .carousel-slide {
  position: relative;
  width: 100%;
  margin: 0 0 18px 0;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6), 0 0 0 0 transparent, 0 0 0 0 transparent;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6), 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-inner {
  width: 100%;
  display: block;
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-inner img {
  width: 800px;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-inner .carousel-caption {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  color: #000;
  background: #fff;
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */

  -moz-box-sizing: border-box;
  /* Firefox 1+ */

  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/

}
.carousel-helper-layer .carousel .carousel-slide .carousel-inner .carousel-caption h4 {
  margin: 0 !important;
  font-size: 24px;
  color: #000;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-inner .carousel-caption p {
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #000;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-inner .carousel-caption p.item-count {
  margin-top: 20px;
  text-align: right !important;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-indicators {
  position: absolute;
  left: 40%;
  bottom: 10px;
  list-style: none;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  background: #ccc;
  border-radius: 5px;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-indicators li:hover,
.carousel-helper-layer .carousel .carousel-slide .carousel-indicators li:focus,
.carousel-helper-layer .carousel .carousel-slide .carousel-indicators li.active {
  background: #333;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-control {
  position: absolute;
  top: 280px;
  border: none;
  -webkit-border-radius: 0;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 0;
  border-radius: 0;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: none;
  text-indent: -10000px;
  opacity: 1;
  filter: none;
  height: 76px;
  width: 36px;
  margin: -38px 0 0 0;
  padding: 0;
  outline: none;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-control.left {
  left: 0;
  background: url(../img/contentpages/bg_pager_left.png) 0 0 no-repeat;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-control.left:hover {
  background: url(../img/contentpages/bg_pager_left_hover.png) 0 0 no-repeat;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-control.right
{
    right: 0;
    background: url(../img/contentpages/bg_pager_right.png) 0 0 no-repeat;
}
.carousel-helper-layer .carousel .carousel-slide .carousel-control.right:hover {
  background: url(../img/contentpages/bg_pager_right_hover.png) 0 0 no-repeat;
}
@media screen and (max-width: 1019px) {
  .carousel-helper-layer {
    width: 700px;
    margin-left: -350px;
  }
  .carousel-helper-layer .carousel-indicators {
    left: 30% !important;
  }
}
@media screen and (max-width: 767px) {
  .carousel-helper-layer {
    width: 300px;
    margin-left: -150px;
  }
}
   .rgview td 
    { 
        border: 0.10px solid #ccc;        
    }