@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans Regular'), local('DroidSans-Regular'), url(https://fonts.gstatic.com/s/droidsans/v10/SlGVmQWMvZQIdix7AFxXkHNSaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://fonts.gstatic.com/s/droidsans/v10/SlGWmQWMvZQIdix7AFxXmMh3eDs1Yg.ttf) format('truetype');
}
@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  src: local('Handlee Regular'), local('Handlee-Regular'), url(https://fonts.gstatic.com/s/handlee/v8/-F6xfjBsISg9aMakPm3wpg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdr.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdr.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdr.ttf) format('truetype');
}

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-xs {
  font-size: 0.75em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}

/*
        Project: Shift Planning V2
        Date: October 2010
        Description: HTML5 and CSS3 goodness.
        Version: 1.0
        Developer: ShiftPlanning Inc.
*/

/* RESET ALL */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/* Fonts */
@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('/layout/fonts/ColabThi-webfont.eot');
    src: local('�?�'), url('/layout/fonts/ColabThi-webfont.woff') format('woff'), url('/layout/fonts/ColabThi-webfont.ttf') format('truetype'), url('/layout/fonts/ColabThi-webfont.svg#webfontSEfQG68S') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('/layout/fonts/ColabLig-webfont.eot');
    src: local('�?�'), url('/layout/fonts/ColabLig-webfont.woff') format('woff'), url('/layout/fonts/ColabLig-webfont.ttf') format('truetype'), url('/layout/fonts/ColabLig-webfont.svg#webfontgciz0ufw') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('/layout/fonts/ColabReg-webfont.eot');
    src: local('�?�'), url('/layout/fonts/ColabReg-webfont.woff') format('woff'), url('/layout/fonts/ColabReg-webfont.ttf') format('truetype'), url('/layout/fonts/ColabReg-webfont.svg#webfontWdaHmihC') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
        font-family: 'ColaborateMediumRegular';
        src: url('/layout/fonts/ColabMed-webfont.eot');
        src: local('�?�'), url('/layout/fonts/ColabMed-webfont.woff') format('woff'), url('/layout/fonts/ColabMed-webfont.ttf') format('truetype'), url('/layout/fonts/ColabMed-webfont.svg#webfont1novJQcj') format('svg');
        font-weight: normal;
        font-style: normal;
}
*/
@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('/layout/fonts/ColabBol-webfont.eot');
    src: local('�?�'), url('/layout/fonts/ColabBol-webfont.woff') format('woff'), url('/layout/fonts/ColabBol-webfont.ttf') format('truetype'), url('/layout/fonts/ColabBol-webfont.svg#webfontoJN3msoP') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('/layout/fonts/DroidSerif-BoldItalic-webfont.eot');
    src: local('�?�'), url('/layout/fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'), url('/layout/fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'), url('/layout/fonts/DroidSerif-BoldItalic-webfont.svg#webfont8zI8rTdy') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****** Global ******/
/* Body */
body{
    background:#FFF;
    color:#000;
    font-family: 'Arial', sans-serif;
    font-size:13px;
    margin:0;
    padding:0;
    text-align:left;
}


/* Headings */
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6, #iphone-content-main h2 {
    font:normal 1em 'ColaborateBoldRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#5d5d5d;
    border-bottom:solid 1px var(--light-grey-stroke);
    padding:0 0 8px 0;
    margin:0 0 10px;
    text-transform:uppercase;
    text-shadow:0 1px 1px #fff;
} /* 14px */
h2.home {
    /*
    font:normal 1em 'ColaborateBoldRegular', Arial, sans-serif;
    text-transform:uppercase;
    */
    font-family: 'Arial';
    text-transform: none;
    font-size: 15px;

    text-align:left;
    text-decoration:none;
    color:#5d5d5d;
    border-bottom:solid 1px var(--light-grey-stroke);
    padding:0 0 8px 0;
    text-shadow:0 1px 1px #fff;
}
h6.loader {
    font:normal 1em 'ColaborateBoldRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#5d5d5d;
    border-bottom:solid 1px var(--light-grey-stroke);
    padding:0 0 8px 0;
    text-transform:uppercase;
    text-shadow:0 1px 1px #fff;
    /*background:url(/app/layout/images/general/loader_03.png) right 1px no-repeat;*/
} /* 14px */

h2, h3, h4, h5, h6{
    line-height: 1.1;
}

/* Anchors */
a { outline:0;}
a img{border:0; text-decoration:none;}
a:link, a:visited{
    /*font-family: 'Droid Serif', arial, serif;
    text-align:left;*/
    text-decoration:none;
    color:var(--blue-text-0);
    /*font-style:italic;*/
}

a:hover, a:active{
    text-decoration:underline;
}

/* paragraphs */
p{
    font:normal 1em/1.6em Arial, Helvetica, sans-serif;
    text-decoration:none;
    color:#5d5d5d;
    margin-bottom:0.8em;
}

p span{
    font:bold 1em/1.1em Arial, Helvetica, sans-serif;
    text-decoration:none;
    color:#900;
}
* p:last-child{margin-bottom:0;}

strong, b{ font-weight:bold;}

em, i{ font-style:italic;}

/*::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}*/

/* Lists */
ul{
    list-style:outside disc;
    margin:0;
    padding:0;
}

ol{
    list-style:outside decimal;
    margin:0;
    padding:0;
}

dl{margin:0 0 1.5em 0;}
dt{font-weight:bold;}
dd{margin-left:1.5em;}

/* Spacer */
.spacer{
    clear:both;
    font-size:0;
    line-height:0;
}


/* Quotes */
blockquote{font-style:italic;}
cite{}

q{}

/* table */
table{
    width:100%;
}


/* HTML5 Tags */
header, section, footer, nav, article, figure{display:block;}

/****** Layout ******/
.body{margin:0 auto; width:960px; clear:both;}
img.right, figure.right{float:right; margin:0 0 2em 2em;}
img.left, figure.left{ float:left; margin:0 0 2em 2em;}
img.logo{
    float:left;
}

/*******************
       Header
         *******************/
#header-section{
    width:100%;
    height:82px;
    background:url(/app/layout/images/general/header_bg_02.png) top left repeat-x;
}

/*******************
       Upper Navigation
          *******************/
#upper-navigation{
    /*width:400px;*/
    float:right;
    height:36px;
}

/****** Group1 ******/

#upper-navigation ul.group1{
    /*width:125px;*/
    height:35px;
    float:left;
    list-style:none;
    background:#e3e2d3;
    border:solid 1px #f3f2e6;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; /* future proofing */
    -khtml-border-radius: 0 0 5px 5px; /* for old Konqueror browsers */
}

#upper-navigation ul.group1 li{
    display:block;
    float:left;
}

#upper-navigation ul.group1 li a{
    display:block;
    float:left;
    font:bold 1em/2.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align:center;
    text-decoration:none;
    color:#72726a;
    padding:0 8px;
    text-shadow:0 1px 1px #FFF;
    cursor:pointer;
}

#upper-navigation ul.group1 li a b {
    float:left;
    display:block;
    padding:0 3px;
}

#upper-navigation ul.group1 li a:hover,#upper-navigation ul.group1 li a.cur {
    display:block;
    float:left;
    font:bold 1em/2.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align:center;
    text-decoration:none;
    color:#9e2521;
    padding:0 8px;
    text-shadow:0 1px 1px #FFF;
}

#upper-navigation ul.group1 li a em {
    display:block;
    float:left;
    width:16px;
    height:34px;
}

/* ICON ELEMENTS */

#upper-navigation ul.group1 li a em.blog {
    background-image:url(/app/layout/images/general/top_nav_icons.png);
    background-repeat: no-repeat;
    background-position: 0 9px;
    width:14px;
}
#upper-navigation ul.group1 li a em.api {
    background-image:url(/app/layout/images/general/top_nav_icons.png);
    background-repeat: no-repeat;
    background-position: -14px 9px;
    width:14px;
}

/****** Group2 ******/

#upper-navigation ul.group2{
    /*width:180px;*/
    height:35px;
    float:left;
    margin:0 5px;
    list-style:none;
    background:#dcdbc2;
    border:solid 1px #f3f2e6;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; /* future proofing */
    -khtml-border-radius: 0 0 5px 5px; /* for old Konqueror browsers */
}

#upper-navigation ul.group2 li{
    display:block;
    float:left;
}

#upper-navigation ul.group2 li a{
    display:block;
    float:left;
    font:bold 1em/2.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align:center;
    text-decoration:none;
    color:#72726a;
    padding:0 6px;
    text-shadow:0 1px 1px #FFF;
    cursor:pointer;
}

#upper-navigation ul.group2 li a b {
    float:left;
    display:block;
    padding:0 3px;
}

#upper-navigation ul.group2 li a:hover,#upper-navigation ul.group2 li a.cur {
    display:block;
    float:left;
    font:bold 1em/2.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align:center;
    text-decoration:none;
    color:#9e2521;
    padding:0 6px;
    text-shadow:0 1px 1px #FFF;
}

#upper-navigation ul.group2 li a em {
    display:block;
    float:left;
    width:16px;
    height:34px;
}

/* ICON ELEMENTS */

#upper-navigation ul.group2 li a em.support {
    background-image:url(/app/layout/images/general/top_nav_icons.png);
    background-repeat: no-repeat;
    background-position: -28px 9px;
    width:15px;
}
#upper-navigation ul.group2 li a em.livechat {
    background-image:url(/app/layout/images/general/top_nav_icons.png);
    background-repeat: no-repeat;
    background-position: -43px 9px;
    width:16px;
}

#upper-navigation ul.group2 li a em.application {
    background-image:url(/app/layout/images/general/top_nav_icons.png);
    background-repeat: no-repeat;
    background-position: -14px 9px;
    width:14px;
}
/****** Group3 ******/

#upper-navigation ul.group3{
    /*width:79px;*/
    height:35px;
    float:left;
    list-style:none;
    background:#dcdbc2;
    border:solid 1px #f3f2e6;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; /* future proofing */
    -khtml-border-radius: 0 0 5px 5px; /* for old Konqueror browsers */
}

#upper-navigation ul.group3 li{
    display:block;
    float:left;
}

#upper-navigation ul.group3 li a{
    display:block;
    float:left;
    font:bold 1em/2.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align:center;
    text-decoration:none;
    color:#72726a;
    padding:0 11px;
    text-shadow:0 1px 1px #FFF;
    cursor:pointer;
}

#upper-navigation ul.group3 li a b {
    float:left;
    display:block;
    padding:0 3px;
}

#upper-navigation ul.group3 li a:hover {
    display:block;
    float:left;
    font:bold 1em/2.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align:center;
    text-decoration:none;
    color:#9e2521;
    padding:0 11px;
    text-shadow:0 1px 1px #FFF;
}

#upper-navigation ul.group3 li a em {
    display:block;
    float:left;
    width:16px;
    height:34px;
}

/* ICON ELEMENTS */

#upper-navigation ul.group3 li a em.login {
    background-image:url(/app/layout/images/general/top_nav_icons.png);
    background-repeat: no-repeat;
    background-position: -59px 9px;
    width:16px;
    margin-top: -1px;
}

/*******************
       Main Navigation
          *******************/
#main-nav{
    clear: right;
    width:750px;
    float:right;
    height:44px;
    white-space: nowrap;
}

#main-nav ul.menu{
    width:750px;
    float:right;
    height:44px;
    white-space: nowrap;
    padding:0 0 0 12px;
}

#main-nav ul.menu li{
    display:block;
    height:44px;
    float:right;
    list-style:none;
    padding:0 0 0 46px;
}

#main-nav ul.menu li.noMar{
    padding-right:15px;

}

#main-nav ul.menu li a{
    display:block;
    font:normal 1.4em/2.6em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    height:44px;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
}

#main-nav ul.menu li a:hover, #main-nav ul.menu li a.cur{
    color:#870000;
    background:url(/app/layout/images/general/menu_hover_09.png) bottom center no-repeat;
}

#main-nav ul.menu li a:active{
    color:#870000;
    background:url(/app/layout/images/general/menu_hover_09.png) bottom center no-repeat;
}

/*******************
      banner Section
          *******************/
#banner-section{
    width:100%;
    height:324px;
    background:url(/app/layout/images/general/home_banner_bg_11.png) top left repeat-x;
}

/*******************
     Left Side
          *******************/
#left-side{
    width:480px;
    float:left;
    height:324px;
}

#left-side h1{
    font:normal 2.8em/1.4em 'ColaborateThinRegular', sans-serif;
    text-align:left;
    height:44px;
    float:left;
    text-decoration:none;
    color:#edecdb;
    margin:35px 0 45px 0;
    text-shadow:0 1px 1px #621415;
    white-space: nowrap;
}

#left-side h2{
    display:block;
    font:italic 1.3em/1.6em 'Droid Serif', arial, serif;
    text-align:left;
    height:44px;
    float:left;
    text-decoration:none;
    color:#edecdb;
    margin:40px 0;
    text-shadow:0 1px 1px #621415;
}

#buttons{
    width:480px;
    height:38px;
    padding:8px 0;
    float:left;
    margin:20px 0 0 0;
}

#buttons p{
    font:normal 1.2em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:center;
    float:left;
    text-decoration:none;
    color:#edecdb;
    text-shadow:0 1px 1px #70191a;
    letter-spacing:0.01em;
    margin:14px 10px;
}

#buttons a{
    display:block;
    float:left;
    padding:0 15px;
    height:38px;
    font:normal 1.2em/2.8em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:center;
    text-decoration:none;
    color:#691816;
    text-shadow:0 1px 1px #FFF;
    letter-spacing:0.03em;
    background:#e2e0c5;
    border:solid 1px #5b0d10;
    -moz-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#buttons a:hover{
    color:#4f4f4f;
}

/*******************
     Right Side
          *******************/

#right-side{
    width:480px;
    height:324px;
    float:left;
}

#right-side img.video{
    float:right;
    margin:22px 0 0 0;
    display:block;
    border:0;
}

/*******************
    Content Section1
          *******************/
#content-section1{
    background:transparent url(/app/layout/images/general/content_section_bg_15.png) scroll repeat 0 0;
    border-bottom:solid 1px #EEE;
    overflow:hidden;
}

/*******************
    Content Left
          *******************/
#content-left{
    width:470px;
    float:left;
    padding:30px 0;
}

#content-center{
    clear:both;
    padding:0 0 30px;
}

#content-right{
    width:470px;
    float:right;
    padding:30px 0;
}

#content-left img, #content-right img, #content-center img {box-shadow:0 0 8px rgba(0,0,0,0.4);}
.body.last #content-left img, .body.last #content-right img, .body.last #content-center img, #content-center table img {box-shadow:none;}
.body.last #content-center {text-align:center;}


#content-center table {background-color:#FFF; font-family: Arial, sans-serif; font-size:13px; text-shadow:0 1px 1px #FFF; border-bottom:solid 1px #EEE;}
#content-center table th {vertical-align:middle; padding:9px 12px 9px 45px; line-height:24px; border:solid 1px #e4e4cf; border-left:none; text-align:center; font-size:14px; color:#656565; background-color:#f2f2e5; background-repeat:no-repeat; background-position:9px 50%;}
#content-center table th:first-child {border-left:solid 1px #e4e4cf; text-align:left;}
#content-center table thead:first-child th {padding:9px 12px;}
#content-center table td {vertical-align:middle; padding:12px; line-height:15px; border-right:solid 1px #EEE; border-top:solid 1px #EEE; text-align:center; color:#9f9f9f;}
#content-center table td:first-child {border-left:solid 1px #EEE; text-align:left;}
#content-center table td.legend {background-color:#f8f8f8;}
#content-center table tbody tr:first-child td {border-top:none;}

#content-center span.avail {padding:0 0 0 25px; line-height:30px; display:block; background: url('/app/layout/images/general/tour/yes.png') scroll no-repeat 0 50%;}
#content-center span.notAvail {padding:0 0 0 25px; line-height:30px; display:block; background: url('/app/layout/images/general/tour/no.png') scroll no-repeat 0 50%;}

#content-center .try, #content-center .readmore, #content-center .readless, #content-center .continue, .tour-headings .try {
    background-image: url(/app/layout/images/general/tour/try_readmore_sprite.png);
    border-radius: 3px;
    display:inline-block;
    font-family: 'Open Sans',sans-serif,tahoma;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    line-height:40px; padding:0 15px;;
}

#content-center .try, .tour-headings .try {
    border: 1px solid #6C732C;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    color: #FFFFFF;
    text-shadow: 0 1px 1px #687028 !important;
     margin:0 10px 0 0
}
.tour-headings .try {margin-top:15px;}

#content-center .readmore, #content-center .readless, #content-center .continue {
    border: 1px solid #b5b5b5;
    box-shadow: 0 0 2px #cecece;
    color: #808080;

    text-shadow: 0 1px 0px #fff !important;
     margin:0 0 0 10px;
}

#content-center .readmore {
    padding-left:38px;
    padding-right:0;
    width:140px;
    background: url(/app/layout/images/general/tour/try_readmore_sprite.png) no-repeat scroll 10px -194px , url(/app/layout/images/general/tour/try_readmore_sprite.png) repeat scroll left -61px transparent;
}

#content-center .continue {
    padding-right:45px;
    padding-left:15px;
    background: url(/app/layout/images/general/tour/try_readmore_sprite.png) no-repeat scroll 100% -248px , url(/app/layout/images/general/tour/try_readmore_sprite.png) repeat scroll left -61px transparent;
}

#content-center .readless{
    padding-left:38px;
    padding-right:0;
    width:140px;
    background: url(/app/layout/images/general/tour/try_readmore_sprite.png) no-repeat scroll 10px -142px , url(/app/layout/images/general/tour/try_readmore_sprite.png) repeat scroll left -61px transparent;
}

#content-center .try:hover, .tour-headings .try:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#content-center .readmore:hover, #content-center .readless:hover, #content-center .continue:hover {
    box-shadow: 0 0 5px #cecece;
}
ul.overview-brief {overflow:hidden; padding:10px 0 0;}
ul.overview-brief li {text-align:left; list-style:none; float:left; padding:0 26px 0 0; width:220px;text-shadow:0 1px 0 rgba(0,0,0,0.5);}
ul.overview-brief li img {box-shadow:0 0 8px rgba(0, 0, 0, 0.4);}
ul.overview-brief li.last {padding:0;}
ul.overview-brief li p {font-size:14px; color:#FFF;}
ul.overview-brief li span {font-size:16px; display:block; color:#D9D8B5; font-family:'Open Sans',sans-serif,tahoma;  padding:10px 0;}

ul.learnmore {font-size:14px;}
ul.learnmore > li {list-style:none; border-bottom:solid 1px #EEE; padding:20px 0 30px; position:relative; min-width:100%;}
ul.learnmore ul {overflow:hidden;}
ul.learnmore > ul > li {list-style:none; float:left; width:300px; padding:0 30px 0 0;}
ul.learnmore.studMore > ul > li {width:auto; padding:10px 0;}
ul.learnmore > ul > li:last-child {padding:0;}
ul.learnmore p {line-height:20px; font-size:13px;}
ul.learnmore span, ul.learnmore h2 {display:block; text-align:left !important; font-weight:normal !important; line-height:20px !important; font-size:15px !important; color:#5D5D5D; font-family:'Open Sans',sans-serif,tahoma; margin:0 0 10px !important;}
#content-section1 .mask {position:absolute; width:100%; height:75%; bottom:0; left:0; background:transparent url(/app/layout/images/general/tour/mask1.png) repeat-x scroll 0 100%;}
#content-listings2 .mask {position:absolute; width:100%; height:75%; bottom:0; left:0; background:transparent url(/app/layout/images/general/tour/mask.png) repeat-x scroll 0 100%;}

ul.moreUl {font-size:13px;}
ul.moreUl li {list-style-type:circle; float:none; padding:0 0 0 10px; line-height:25px; list-style:circle inside none; color:#555;}

/****** Compare award *****/

.award {margin:65px 0 0; font-size:14px;}
.award img {float:left;}
.award .awardT {margin:0 0 0 90px;}

/****** Business *****/
ul.business{
    overflow:hidden;
    font-size:14px; text-shadow:0 1px 1px #FFF;
}
ul.business li{
    padding:20px 0;
    text-align:left;

}
ul.business li.first {
    padding-top:0;
    border:none;
    border-bottom:solid 1px #EEE;
}
ul.business h2 {
    font-family:'Open Sans',sans-serif,tahoma;
    font-weight:300;
    font-size:26px;
    margin:0 0 10px;
    color:#9A1C1C;
}
ul.business li p span {
    display:block; padding:10px 0;
    color:var(--grey-text-0);
    font-weight:normal;
    font-style:italic;
}

ul.business-type{
    width:462px;
    height:132px;
    list-style:none;
    float:left;
    background:url(/app/layout/images/general/business_list_bg_08.png) top right no-repeat;
}

ul.business-type li{
    display:block;
    float:left;
    width:154px;
    height:132px;
}

ul.business-type li a{
    display:block;
    float:left;
    width:154px;
    font: normal 14px Arial, sans-serif;
    text-align:center;
    text-decoration:none;
    color:#9a1c1c;
    /*text-transform:uppercase;*/
    text-shadow:0 1px 1px #fff;
    margin:11px 0 0 0;
}

ul.business-type li a:hover{
    color:#5d5d5d;
    text-shadow:0 1px 1px #fff;
}

ul.business-type li img{
    display:block;
    float:left;
    border:0;
}

ul.business-type li img.smallB{
    width:63px;
    height:88px;
    background:url(/app/layout/images/general/business_icons.png) 0 0 no-repeat;
    margin:2px 0 0 48px;
}

ul.business-type li img.mediumB{
    width:68px;
    height:88px;
    background:url(/app/layout/images/general/business_icons.png) -63px 0 no-repeat;
    margin:2px 0 0 40px;
}

ul.business-type li img.largeB{
    width:85px;
    height:88px;
    background:url(/app/layout/images/general/business_icons.png) -131px 0 no-repeat;
    margin:2px 0 0 38px;
}

/*******************
    Content Section2
          *******************/
#content-section2{
    width:100%;
    margin:0;
    padding:30px 0;
    overflow: hidden;
}
#content-section2 .sitemap .pd5 a {display:inline-block; padding:0 0 5px;}


/****** Testimonials *****/
#testimonials{
    width:460px;
    float:left;
    padding:0 20px 0 0;
}

#testimonials p.openion{
    font:italic 1em/1.8em 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#525252;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    background-image:url(/app/layout/images/general/quotes_16.png);
    background-position:center center;
    background-color:#FFF;
    border:solid 1px #efefef;
    background-repeat:no-repeat;
    padding: 15px 55px;
    -moz-border-radius: 5px;
    border-radius: 5px /* future proofing */
        -khtml-border-radius: 5px /* for old Konqueror browsers */
}

#testimonials p.openion a{
    font-family: 'Droid Serif', arial, serif;
    color:#9a1c1c;
    font-style:italic;
}

/****** who is using *****/

#who-using{
    width:460px;
    float:right;
    padding:0 0 0 20px;
}

ul.users{
    width:458px;
    list-style:none;
    margin:0 0 20px 0;
    float:right;
    height:140px;
    border:solid 1px #efefef;
    -moz-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

ul.users li{
    width:223px;
    height:130px;
    float:left;
    background:url(/app/layout/images/general/using_planning_sep_09.png) right no-repeat;
    padding:0 5px 0 0;
}

ul.users li.noImg{
    width:223px;
    height:130px;
    float:left;
    background:none;
    padding:0 5px 0 0;
}

ul.users li img.user-img{
    display: block;
    font-size:0;
    line-height:0;
    border:0;
    margin:20px auto;
}

/*******************
    Content Section3
          *******************/
#content-section3{
    width:100%;
    padding:15px 0 10px 0;
    overflow:hidden;
}

/****** features*****/
ul.features{
    width:960px;
    height:140px;
    float:left;
    list-style:none;
}

ul.features li{
    float:left;
    display:block;
    width:300px;
    height:30px;
    margin:0 13px 0 0;
    padding:105px 5px 5px 5px;
}

.overlay-txt{
    width:300px;
    background:#FFF;
    filter:alpha(opacity=90);/* for IE */
    opacity:0.9;  /* CSS3 standard */
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px /* future proofing */
        -khtml-border-radius: 0 0 5px 5px /* for old Konqueror browsers */
}

p.redUpperTxt{
    font:normal 1.143em/2.2em 'ColaborateRegular', Arial, sans-serif;
    text-align:center;
    text-decoration:none;
    color:#9a1c1c;
    text-transform:uppercase;
    text-shadow:0 1px 1px #fff;
    margin:0;

}

ul.features li.party{
    background:url(/app/layout/images/general/features_img.png) 0 0 repeat;
}

ul.features li.always-open{
    background:url(/app/layout/images/general/features_img.png) -310px 0 repeat;
}

ul.features li.setup{
    background:url(/app/layout/images/general/features_img.png) -620px 0 repeat;
    margin:0 0 0 1px;
}


/*******************
    Content Section3
          *******************/

#content-section4{
    width:100%;
    padding:30px 0 20px 0;
    overflow:hidden;
}

#content-section4 h5 {
    font:bold 1em/1.8em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#900;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#content-section4 .answer {
    font:normal 1em/1.8em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#5d5d5d;
    padding:0 0 10px 0;
}

/****** Fronm the Blog ******/
#from-the-blog{
    width:460px;
    float:left;
    padding:0 20px 0 0;
}

.borderBox{
    width:438px;
    float:left;
    border:solid 1px #efefef;
    padding:10px;
    -moz-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.borderBox img{
    float:left;
    margin:0 10px 10px 0;
    border:solid 1px var(--light-grey-stroke);
}

ol.posts-list {
    list-style: none;
    margin: 0;
    width:438px;
}

ol.posts-list {
    float:left;
    width:438px;
    margin:5px 0 10px 0;
    border-bottom:solid 1px var(--light-grey-stroke);
}

ol.posts-list li{
    display:block;
    float:left;
    width:438px;
    padding:0 0 10px 0;
}

.post-date{
    float:left;
    width:120px;
}

.entry-content{
    float:right;
    width:318px;
}


.redTxt{
    font:bold 1em/1.8em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#900;
}

.redTxtNormal{
    font:normal 1em/2em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#900;
}

abbr.date{
    font:bold 0.9em/2em 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#b2b2b2;
    font-style:italic;
}

.borderTxt{
    font:normal 1em/1.8em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#5d5d5d;
    border-bottom:solid 1px var(--light-grey-stroke);
    margin-bottom:0.8em;
    padding:0 0 0.8em 0;
}

a.news-more{
    display:block;
    font:normal 1.1em/1.4em 'Droid Serif', arial, serif;
    text-align:center;
    text-decoration:none;
    color:#9a1c1c;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
}

a.download-sports{
    display:block;
    font:normal 1.1em/1.4em 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#9a1c1c;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    background-image:url(/app/layout/images/general/download_icon_13.png);
    background-repeat:no-repeat;
    padding:0 0 0 20px;
    float:left;
    margin:0 0 0 105px;
}

.bottom-link{
    float:left;
    width:438px;
}
/****** Case Studies ******/

#case-studies{
    width:460px;
    float:right;
    padding:0 0 0 20px;
}

/*******************
        Footer
          *******************/
#footer-main{
    clear: both;
    width:100%;
    font-size:12px;
    overflow:hidden;
    padding:30px 0;
    background:url(/app/layout/images/general/footer_bg_13.png) top left repeat-x;
}


/******	 shift-planning-footer ******/
ul.footer-logo{
    width:178px;
    list-style:none;
    height:190px;
    float:left;
    background:url(/app/layout/images/general/footer_menu_sep_19.png) right no-repeat;
    padding:0 2px 0 0;
}

ul.footer-logo ii{
    float:left;
}

ul.footer-logo li img.footerLogo{
    display:block;
    float:left;
    margin:70px 0 0 0;
}

/******	 shift-planning-footer ******/
ul.shift-planning-footer{
    width:179px;
    list-style:none;
    height:190px;
    float:left;
    background:url(/app/layout/images/general/footer_menu_sep_19.png) right no-repeat;
    padding:0 2px 0 15px;
}

ul.shift-planning-footer li h3{
    font:normal 1.4em 'ColaborateLightRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#6c6743;
    text-shadow:0 2px 2px #f7f7f1;
    text-transform:uppercase;
}

ul.shift-planning-footer li{
    float:left;
    width:175px;
    display:block;
}

ul.shift-planning-footer li a{
    font:normal 1.1em / normal 'ColaborateLightRegular', sans-serif;
    text-align:left;
    padding:6px 0;
    display:block;
    text-decoration:none;
    color:#898670;
    text-shadow:0 2px 2px #f7f7f1;
    text-transform:uppercase;
}
ul.shift-planning-footer li a:hover{
    color:#5F5D4D;
}
ul.shift-planning-footer li img.iphone{
    display:block;
    float:left;
    margin:10px 0 0 0;
}

/******	 extras ******/
ul.extras{
    width:177px;
    list-style:none;
    height:190px;
    float:right;
    padding:0 2px 0 13px;
}

/******	 social-connectios ******/

ul.social-connects{
    float:left;
    height:32px;
    width:177px;
    list-style:none;
    margin:8px 0 0 0;
}

ul.social-connects li{
    float:left;
    width:32px;
    height:32px;
    margin:0 4px 0 0;
}

ul.social-connects li.noMar{
    float:left;
    width:32px;
    height:32px;
    margin:0;
}

/******	 terms ******/

ul.terms{
    float:left;
    width:177px;
    list-style:none;
    margin:8px 0 0 0;
}

ul.terms li{
    float:left;
    font:normal 0.9em /2.3em 'ColaborateLightRegular', sans-serif;
    margin:0 15px 0 0;
    color:#898670;
}

ul.terms li.noMar{
    margin:0;
}

ul.terms li a{
    font:normal 1.2em /2.3em 'ColaborateLightRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#898670;
    text-shadow:0 2px 2px #f7f7f1;
    padding:0 15px 0 0;
}

ul.terms li a.noPad{
    padding:0;
}

ul.rights{
    float:left;
    width:177px;
    list-style:none;
    margin:8px 0 0 0;
}

ul.rights li{
    font-family:'Droid Serif', arial, serif;
    font-size:0.9em;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    color:#6c6743;
    text-shadow:0 2px 2px #f7f7f1;
    font-style:italic;
}


/***********************************************************************
                                       Prices
         ****************************************************************************************/



/*******************
      banner Section
          *******************/
#banner-section-prices{
    width:100%;
    height:463px;
    background:url(/app/layout/images/general/prices_banner_bg_03.png) top left repeat-x;
}

/*******************
     Left Side prices banner
          *******************/
#left-side-prices{
    width:630px;
    float:left;
    height:463px;
}

#prices-captions{
    width:630px;
    height:210px;
    float:left;
    background:url(/app/layout/images/general/arrow_img_06.png) right bottom no-repeat;
}

#prices-captions h1{
    font:normal 4em 'ColaborateThinRegular', sans-serif;
    text-align:left;
    float:left;
    text-decoration:none;
    color:#edecdb;
    text-shadow:0 1px 1px #621618;
    margin:35px 0 0 0;
    text-transform:uppercase;
}

#prices-captions h2{
    display:block;
    font:normal 1.6em/1.6em 'ColaborateThinRegular', sans-serif;
    text-align:left;
    float:left;
    text-decoration:none;
    color:#edecdb;
    text-shadow:0 1px 1px #621415;
    text-transform:uppercase;
    margin:20px 0 0 0;
}

#prices-captions-without-arrow{
    width:630px;
    height:210px;
    float:left;
}

#prices-captions-without-arrow h1{
    font:normal 4em 'ColaborateThinRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#edecdb;
    text-shadow:0 2px 2px #621618;
    margin:35px 0 0 0;
    text-transform:uppercase;
}

#prices-captions-without-arrow h2{
    display:block;
    font:normal 1.9em/1.6em 'ColaborateThinRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#edecdb;
    text-shadow:0 1px 1px #621415;
    text-transform:uppercase;
    margin:20px 0 0 0;
}

#prices-captions-without-arrow h2 a{
    font:normal 1em 'ColaborateRegular', sans-serif;
    text-align:left;
    text-decoration:underline;
    color:#edecdb;
    text-shadow:0 1px 1px #621415;
    text-transform:uppercase;
}

#prices-for-employees{
    width:630px;
    height:173px;
    float:left;
    padding:30px 0 0 0;
}

ul.employees{
    width:630px;
    float:left;
    list-style:none;
}

ul.employees li{
    float:left;
    width:152px;
    height:172px;
    background:url(/app/layout/images/general/prices_tab_12.png) top right no-repeat;
    margin:0 7px 0 0;
}

ul.employees li p{
    display:block;
    font:normal 1em/2.7em 'ColaborateRegular', sans-serif;
    text-align:center;
    height:30px;
    text-decoration:none;
    color:#e2e1c7;
    text-shadow:0 1px 1px #50150e;
    text-transform:uppercase;
    margin:0;
}

ul.employees li p span{
    color:#FFF;
}

ul.employees li p.include_pack{
    display:block;
    font:normal 1em/1.4em 'ColaborateRegular', sans-serif;
    text-align:center;
    text-decoration:none;
    color:#8a2418;
    text-shadow:0 1px 1px #FFF;
    text-transform:uppercase;
    margin:7px 0 0 0;
}

ul.employees li img.employee_price{
    display:block;
    font-size:0;
    line-height:0;
    margin:0 auto;
    padding:26px 0 14px 0;
}

ul.employees li.noMar{
    margin:0;
}

.employee_bottom_text{
    height:45px;
    float:left;
    width:630px;
}

.employee_bottom_text p{
    font-family: 'Droid Serif', arial, serif;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    color:#9a1c1c;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:0.9em;
    padding:15px;
}

.employees div.price {
    width: 127px;
    height: 75px;
}
.employees div.price p {
    margin-top: 15px;
    margin-left: 20%;
    width: 100px;
    margin-right: 20%;
}
div.price span.num {
    font-size: 36px;
    font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
    color: #8a2418 !important;
}
div.price span.mo {
    font-size: 16px;
    font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
    color: #8a2418 !important;
}
div.price div.annual {
    font-size: 10px;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    color: var(--grey-text-0);
    margin-top: 20px;
    margin-left: 20%;
    width: 100px;
    margin-right: 20%;
}

/*******************
    Right Side Ring Form
          *******************/
#right-side-prices{
    width:318px;
    float:left;
    padding:22px 0 0 12px;
}

.ring-form{
    width:318px;
    height:392px;
    float:right;
}

.ring-form-left{
    width:6px;
    height:392px;
    float:left;
    background:url(/app/layout/images/general/ring_form_left.png) top left no-repeat;
}

.ring-form-middle{
    width:297px;
    height:387px;
    float:left;
    background:url(/app/layout/images/general/ring_form_middle.png) top left repeat-x;
    padding:5px 0 0 10px;
}

.ring-form-right{
    width:5px;
    height:392px;
    float:left;
    background:url(/app/layout/images/general/ring_form_right.png) top left no-repeat;
}

.ring-form-middle label.fieldName{
    display:block;
    font:normal 1em/2.3em 'ColaborateRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#6c6743;
    text-shadow:0 1px 1px #FFF;
    text-transform:uppercase;
}

.ring-form-middle input.input-large{
    width:285px;
    float:left;
    height:30px;
    padding: 3px 0 0 3px;
    border:0;
    font: 13px Arial;
    background:url(/app/layout/images/general/input_bg_03.png) top left no-repeat;
}

.ring-form-middle input.input-small{
    width:168px;
    float:left;
    height:30px;
    padding: 3px 0 0 3px;
    background:url(/app/layout/images/general/input_bg_small.png) top left no-repeat;
    font: 13px Arial;
    margin:0 10px 0 0;
    border:0;
}

.ring-form-middle textarea.txtArea{
    width:286px;
    height:115px;
    float:left;
    border:0;
    padding: 3px;
    background:url(/app/layout/images/general/txtArea_bg_03.png) top left no-repeat;
}

p.domain-text{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:0.8em;
    line-height:3.5em;
}


.ring-form-middle label.terms_label{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:0.9em;
}

.ring-form-middle label.terms_label span{
    color:#8a2418;
}

.ring-form-middle .button{
    display:block;
    width:287px;
    height:32px;
    float:left;
    font:bold 1.1em/2.5em 'ColaborateRegular', sans-serif;
    text-align:center;
    text-decoration:none;
    color:#e2e1c7;
    text-shadow:0 1px 1px #721b11;
    text-transform:uppercase;
    background:url(/app/layout/images/general/button_bg_long_09.png) top left no-repeat;
    margin:10px 0 0 0;
}

/*******************
    Left Section Main
          *******************/
#main-content-section-left{
    width:462px;
    float:left;
    margin:0;
    padding:15px 18px 20px 0;
    overflow: hidden;
}

/****** content-leftsection-prices *****/
#content-leftsection-prices{
    width:462px;
    float:left;
    padding:0 0 20px 0;
}

/****** left- form *****/
#left-form{
    width:462px;
    float:left;
}

.left-form-top{
    width:462px;
    height:7px;
    float:left;
    background:url(/app/layout/images/general/left_form_top_03.png) top left no-repeat;
}

.left-form-middle{
    width:436px;
    float:left;
    background:url(/app/layout/images/general/left_form_middle_05.png) top left repeat-y;
    padding:5px 13px 0 13px;
}

.left-form-bottom{
    width:462px;
    height:7px;
    float:left;
    background:url(/app/layout/images/general/left_form_bottom_07.png) top left no-repeat;
}

.left-form-middle ul.form-list{
    width:436px;
    list-style:none;
    float:left;
    background:url(/app/layout/images/general/left-form-bottor-bottom_11.png) bottom left repeat-x;
}

.left-form-middle ul.form-list li{
    float:left;
    width:436px;
    margin-bottom:10px;
}

.left-form-middle ul.form-list li input{
    width:102px;
    height:27px;
    border:0;
    margin:0 10px 0 0;
    padding-left: 5px;
    float:left;
    font: 13px Arial;
    background:url(/app/layout/images/general/input_left_form_07.png) top left no-repeat;
}

.left-form-middle ul.form-list li label{
    display:block;
    font:normal 1em/2.5em 'ColaborateRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#6c6743;
    text-shadow:0 1px 1px #FFF;
    text-transform:uppercase;
}

.form-left-bottom {
    width:436px;
    float:left;
    padding:10px 0 0 0;
}

.form-left-bottom a{
    display:block;
    width:100px;
    float:left;
    height:30px;
    border:solid 1px #cdcdb4;
    background:#e8e7d2;
    font:bold 1em/2.5em 'ColaborateRegular', sans-serif;
    text-align:center;
    text-decoration:none;
    color:#8d2519;
    text-shadow:0 1px 1px #fff;
    text-transform:uppercase;
    -moz-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
    margin:0 15px 0 0;
}

.form-left-bottom p{
    font-family: 'DroidSerifBoldItalic';
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#8d2519;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1em;
    margin-top:0px;
}

/****** logos *****/
.borderBox2{
    width:440px;
    float:left;
    border:solid 1px #efefef;
    padding:10px 10px;
    -moz-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

/****** FORUM SECTION *****/
.forum-section{
    width:960px;
    float:left;
    padding:0 0 15px 0;
}

.forum-section p{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#6d6d6d;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1em;
    line-height:1.8em;
    margin-right: 5px;
    margin-top: 8px;
}

.forum-image{
    width:302px;
    height:35px;
    float:left;
    background:url(/app/layout/images/general/forums_bg_03.png) top left no-repeat;
    padding:47px 5px 0 5px;
}

.overlay-txt-forum{
    width:292px;
    background:#FFF;
    filter:alpha(opacity=90);/* for IE */
    opacity:0.9;  /* CSS3 standard */
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px /* future proofing */
        -khtml-border-radius: 0 0 5px 5px /* for old Konqueror browsers */
}

p.redUpperTxt-forum{
    font:normal 1.143em/2.2em 'ColaborateRegular', Arial, sans-serif;
    text-align:center;
    text-decoration:none;
    color:#9a1c1c;
    text-transform:uppercase;
    text-shadow:0 1px 1px #fff;
    margin:0;

}


/*******************
    Right Section Main
          *******************/
#main-content-section-right{
    width:462px;
    margin:0;
    padding:15px 0 0 18px;
    overflow: hidden;
}

/****** content-rightsection-prices *****/
#content-rightsection-prices{
    width:462px;
    float:left;
    padding:0 0 20px 0;
}

.borderBox2 p.droidTxt{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1em;
    padding:0 0 10px 0;
    margin:0;
    line-height:2em;
    border-bottom:solid 1px var(--light-grey-stroke);
}

.borderBox2 p.droidTxtCenter{
    font-family: 'Droid Serif', arial, serif;
    text-align:center;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:0.9em;
    line-height:2em;
    margin:10px 0 0 0;
}

/*******************
     Menu Combo
 *******************/

#combo-menus{
    width:960px;
}

/*******************
     menu new
          *******************/

#menu-new{
    /*width:820px;*/
    padding:10px 0;
    overflow:hidden;
}

#menu-new ul.menu{
    /*width:820px;*/
    list-style:none;
}

#menu-new ul.menu li{
    float:left;
    margin:0 0 0 9px;
}

#menu-new ul.menu li.sep{
    background:url(/app/layout/images/general/new_menu_sep_03.png) right no-repeat;
    /*margin:0;*/
    padding:0 9px 0 0;
}

#menu-new ul.menu li:first-child{
    margin:0;
}

#menu-new ul.menu li a{
    display:block;
    font:bold 11px/30px 'Arial',sans-serif;
    text-decoration:none;
    text-shadow:0 1px 0 #460100;
    color:#d9d8b5;
    font-weight:bold;
    text-transform:uppercase;
    padding:0 8px;
}


#menu-new ul.menu li a:hover, #menu-new ul.menu li a.active{
    background-color:#dddcbe;
    color:#742c2b;
    box-shadow:0 0 2px #222;
    text-shadow:0 1px 0 #FFF;
    -moz-border-radius: 1px;
    border-radius: 1px; /* future proofing */
    -khtml-border-radius:1px; /* for old Konqueror browsers */
}

#menu-new ul.menu li.get a {
    display:none;
    background-color:#909844;;
    color:#FFF;
    box-shadow:0 0 2px #222;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    -moz-border-radius: 1px;
    border-radius: 1px; /* future proofing */
    -khtml-border-radius:1px; /* for old Konqueror browsers */
}
.sticky #menu-new ul.menu li.get a {
    display:block;
}



.menu_schedulers{
    width:145px;
    float:left;
    background:url(/app/layout/images/general/schedulder_bg.png) top center no-repeat;
    padding:85px 0 0 0;
}

.menu_schedulers h3{
    font:normal 2.2em 'ColaborateLightRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#f5f4eb;
    text-shadow:0 1px 1px #50150e;
    text-transform:uppercase;
    margin:0 0 5px 0;
}

.menu_schedulers ul.schedule{
    list-style:none;
    width:145px;
    float:left;
}

.menu_schedulers ul.schedule li{
    float:left;
    width:145px;
    text-align:right;
}

.menu_schedulers ul.schedule li a{
    font:normal 1em/2.8em 'ColaborateRegular', sans-serif;
    text-align:right;
    text-decoration:none;
    color:#c9c790;
    text-shadow:0 1px 1px #4c0c0e;
    text-transform:uppercase;
}

/*******************
       banner image
          *******************/
.banner_tour_overview{
    width:595px;
    float:left;
    margin: 0 33px 0 41px;
}


.banner_tour_img{
    width:575px;
    height:30px;
    float:left;
    margin:38px 0 0 0;
    padding:145px 10px 10px 10px;
}

.overlay-txt-red{
    background:#5b0e0c;
    filter:alpha(opacity=90);/* for IE */
    opacity:0.9;  /* CSS3 standard */
}

p.white-overlay-txt{
    font:normal 1.143em/2.2em 'ColaborateRegular', Arial, sans-serif;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    text-shadow:0 1px 1px #6d151a;
    margin:0;

}

/*******************
      employees menu
          *******************/
.menu_employees{
    width:145px;
    float:left;
    background:url(Tour-Overview_09.png) top center no-repeat;
    padding:85px 0 0 0;
}

.menu_employees h3{
    font:normal 2.2em 'ColaborateLightRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#f5f4eb;
    text-shadow:0 1px 1px #50150e;
    text-transform:uppercase;
    margin:0 0 5px 0;
}

.menu_employees ul.employeeTask{
    list-style:none;
    width:145px;
    float:left;
}

.menu_employees ul.employeeTask li{
    float:left;
    width:145px;
    text-align:left;
}

.menu_employees ul.employeeTask li a{
    font:normal 1em/2.8em 'ColaborateRegular', sans-serif;
    text-align:right;
    text-decoration:none;
    color:#c9c790;
    text-shadow:0 1px 1px #4c0c0e;
    text-transform:uppercase;
}

/****** communicate menu ******/

.communicate_menu{
    width:415px;
    margin: 0 auto;
}

.communicate_menu ul.menu{
    width:415px;
    height:56px;
    float:left;
    list-style:none;
}

.communicate_menu ul.menu li{
    float:left;
    width:138px;
    text-align:center;
    margin-top: 10px;
}

.communicate_menu ul.menu li a{
    width:138px;
    font:normal 1em/2.8em 'ColaborateRegular', sans-serif;
    text-align:center;
    text-decoration:none;
    color:#c9c790;
    text-shadow:0 1px 1px #4c0c0e;
    text-transform:uppercase;
    cursor:pointer;
    margin:0;
}

.communicate_menu ul.menu li a b {
    display:block;
    margin:0;
}

.communicate_menu ul.menu li a em {
    display:block;
    width:34px;
    height:34px;
    margin:0 auto;
}

/* ICON ELEMENTS */

.communicate_menu ul.menu li a em.communicate {
    background-image:url(/app/layout/images/general/communicate_menu_ietms.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:34px;
}
.communicate_menu ul.menu li a em.sharefiles {
    background-image:url(/app/layout/images/general/communicate_menu_ietms.png);
    background-repeat: no-repeat;
    background-position: -34px 0px;
    width:33px;
}

.communicate_menu ul.menu li a em.notifications {
    background-image:url(/app/layout/images/general/communicate_menu_ietms.png);
    background-repeat: no-repeat;
    background-position: -67px 0px;
    width:30px;
}

/***********************************************************************
                                       Tour
         ****************************************************************************************/
#content-listings2{
    overflow:hidden;
    border-bottom:solid 1px #EEE;
    background-color:#fcfcfc;
}

.tour-headings{
    width:460px;
    float:left;
    padding:30px 0 0 0;
}

.tour-headings-overview, .tour-headings-compare {
    padding:30px 0;
    text-align:center;
}

#combo-menus h1 {
    font-size:32px;
    line-height:40px;
    font-family: 'Open Sans', sans-serif, tahoma;
    font-weight:300;
    text-decoration:none;
    color:#e2e1c7;
    text-shadow:0 1px 1px #50150e;
    margin:0 0 25px;
}
.tour-headings-compare h1 {
    font-size:34px;
    line-height:40px;
    font-family: 'Open Sans', sans-serif, tahoma;
    font-weight:400;
    text-decoration:none;
    color:#e2e1c7;
    text-shadow:0 1px 1px #50150e;
    margin:70px 0 10px;
}
.tour-headings-compare h2 {
    font-size:26px;
    line-height:30px;
    font-family: 'Open Sans', sans-serif, tahoma;
    font-weight:300;
    text-decoration:none;
    color:#e2e1c7;
    text-shadow:0 1px 1px #50150e;
    margin:0 0 10px;
}
.tour-headings p, .tour-headings-compare p {
    font-family: "Arial", sans-serif;
    color:#ECEBD9;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
    font-size:17px;
    line-height:20px;
}

.tour-calendar{
    width:480px;
    float:right;
}

.tour-calendar img{
    float:right;
}

.load-seeker{
    float:left;
    padding:0px 0;
    width:500px;
}
.load-seeker img{
    display:block;
    float:left;
    margin:0 0 0 230px;
}

/***********************************************************************
                                       Api Page
         ****************************************************************************************/

#inner-main-content{
    width:100%;
    overflow:hidden;
    font-size:12px;
    background:url(/app/layout/images/general/innerpage_content_humanity_blue.png) top left repeat-x;
}

/*******************
     inner menu
          *******************/

.inner-menu{
    width:960px;
    float:left;
}

.inner-menu ul.menu{
    list-style:none;
    overflow:hidden;
}

.inner-menu ul.menu li{
    float:left;
    color:#fff;
    margin:0 10px 0 0;
    text-shadow:none;
}

.inner-menu ul.menu li a{
    font:normal 12px/40px Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#fff;
    padding:0 10px 0 0;
    text-shadow:none;
}

/*******************
   left menus
          *******************/

.left-menus{
    width:224px;
    float:left;
    border-right:solid 1px #ededed;
    border-left:solid 1px #ededed;
    padding-bottom:30px;
}

.left-menus h3{
    font:normal 1.7em 'ColaborateLightRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    text-transform:uppercase;
    margin:0 0 10px 0;
    padding:30px 0 0 15px;
}

.left-menus ul.menu{
    width:224px;
    float:left;
    list-style:none;
}

.left-menus ul.menu li{
    float:left;
    width:224px;
    height:30px;
    border-bottom:solid 1px #ededed;
    background:url(/app/layout/images/general/left_menu_bg_07.png) left repeat-x;
}

.left-menus ul.menu li.borderTop{
    border-top:solid 1px #ededed;
}

.left-menus ul.menu li a{
    display:block;
    font:normal 1.1em/2.2em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    text-shadow:none;
    padding:0 0 0 15px;
}

/*******************
       inner content
          *******************/
#inner-content{
    width:710px;
    float:left;
    padding:30px 0 0 20px;
}

#inner-content h1{
    font:normal 2.5em 'ColaborateLightRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    text-transform:uppercase;
    line-height:1EM;
    margin:0 0 10px 0;
}

#inner-content h4{
    font:normal 1.8em 'ColaborateLightRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    text-transform:uppercase;
    line-height:1EM;
    margin:0 0 10px 0;
}

h6.quick-links{
    font:bold 1em 'ColaborateLightRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#a12325;
    text-transform:uppercase;
    margin:0 0 10px 0;
    border:0;
}

h6.api-blue { color: var(--blue-text-0); }

#inner-content p{
    font:normal 1.1em/1.5em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    margin:0 0 10px 0;
}

#inner-content p b{
    color:#333333;
}

.grey-box{
    background:#f4f3e8;
    padding:5px 10px;
    margin:0 0 10px 0;
}

.grey-box p.grey-box-txt{
    font:normal 1.1em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    border:0;
    line-height:0;

}

.grey-box p.grey-box-txt a{
    color:#4f4f4f;
}

/***********************************************************************
                                       FAQ
         ****************************************************************************************/

/****** faq *****/
.faq2{
    width:462px;
    float:left;
}

.faq2 p.question{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#8a2418;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:0.9em;
    margin:0;
}

.faq2 p.answer{
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-size:1em;
    padding:0 0 10px 0;
    margin:3px 0 10px 0;
    line-height:1.7em;
    border-bottom:solid 1px var(--light-grey-stroke);
}

.faq2 p.answerLastchild{
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-size:1em;
    margin:3px 0 10px 0;
    line-height:1.7em;
}

/****** contact icon menu *****/

#contact-icon-menus{
    width:630px;
    float:left;
    padding:30px 0 0 0;
}

#contact-icon-menus ul.menu1{
    width:210px;
    float:left;
    list-style:none;
    padding:15px 0 0 0;
}

#contact-icon-menus ul.menu1 li{
    width:210px;
    height:36px;
    float:left;
    margin:0 0 35px 0;
}

#contact-icon-menus ul.menu1 li.noMar{
    margin:0;
}

#contact-icon-menus ul.menu1 li p.icon-name{
    font:normal 1.2em 'ColaborateRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    margin:5px 0 0 0;
    line-height:0;
    text-transform:uppercase;
}

#contact-icon-menus ul.menu1 li p.icon-caption{
    font:normal 1.2em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#922420;
    text-shadow:0 1px 1px #FFF;
    margin:20px 0 0 0;
    line-height:0;
}

.icon{
    width:45px;
    height:36px;
    float:left;
    margin-right:10px;
}

.icon img.phone{
    float:left;
    margin:2px 0 0 10px;
}

.icon img.email{
    float:left;
    margin:5px 0 0 7px;
}

.icon img.community{
    float:left;
    margin:0 0 0 4px;
}

.icon img.onlinechat{
    float:left;
    margin:0 0 0 7px;
}

.icon img.facebook-icon{
    float:left;
    margin:0 0 0 7px;
}

.icon img.mail-icon2{
    float:left;
    display:block;
    padding:0 0 100px 7px;
}

/***********************************************************************
                                        search menu
         ****************************************************************************************/

.search-box{
    width:940px;
    height:50px;
    float:left;
    padding:15px 10px 0 10px;
    margin:0 0 10PX 0;
    background:url(/app/layout/images/general/forum_input_bg_03.png) top left repeat-x;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; /* future proofing */
    -khtml-border-radius: 0 0 5px 5px; /* for old Konqueror browsers */
}

.search-menu{
    width:280px;
    float:left;
}

.search-menu ul.menu{
    list-style:none;
    width:280px;
    float:left;
}

.search-menu ul.menu li{
    float:left;
    margin:0 10px 0 10px;
}
.search-menu ul.menu li a{
    font:bold 1em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#a62726;
    text-shadow:0 1px 1px #FFF;
    margin:5px 0 0 0;
    text-transform:uppercase;
}

p.log-status{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:var(--grey-text-0);
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:0.9em;
    margin:5px 0 0 10px;
}

p.total-posts-topics{
    font-family: 'Droid Serif', arial, serif;
    text-align:right;
    font-weight:bold;
    text-decoration:none;
    color:var(--grey-text-0);
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1em;
    line-height:1.2em;
    margin:5px 0 0 0;
}

p.total-posts-topics span{
    color:#2f2f2f;
}

.rss-link{
    float:right;
    width:528px;
    height:42px;
}

.rss-link p.rss_icon{
    font:bold 1em/2em 'ColaborateRegular', Arial, sans-serif;
    text-align:left;
    float:left;
    text-decoration:none;
    color:#ef8a13;
    text-shadow:0 1px 1px #FFF;
    margin:8px 0 0 8px;
    text-transform:uppercase;
    background:url(/app/layout/images/general/rss-feed-icon_03.png) left center no-repeat;
    padding:0 0 0 18px;
}

.search-input{
    float:left;
    display:block;
    background:url(/app/layout/images/general/search_input_bg_06.png) top left no-repeat;
    width:467px;
    height:32px;
    padding:5px 0 0 10px;
}

.search-input input{
    float:left;
    height:27px;
    width:427px;
    border:0;
    padding:0 10px 0 0;
}

/***********************************************************************
                                        tab list
         ****************************************************************************************/

.tab-list{
    width:960px;
    height:42px;
    float:left;
}

.tab-list-left{
    width:5px;
    height:42px;
    float:left;
    background:url(/app/layout/images/general/forum_landing_tab_left_03.png) top left no-repeat;
}

/****** tabs *****/

.tab-list-right{
    width:5px;
    height:42px;
    float:left;
    background:url(/app/layout/images/general/forum_landing_tabs-right_05.png) top left no-repeat;
}

.tab-list-middle{
    width:950px;
    height:42px;
    float:left;
    background:url(/app/layout/images/general/forum_landing_tabs_middle_05.png) top left repeat-x;
}

ul.tabs{
    width:930px;
    height:42px;
    float:left;
    list-style:none;
    padding:0 10px;
}

ul.tabs li{
    float:left;
    height:42px;
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#787757;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1em;
    line-height:3.5em;
}

ul.tabs li.shiftplanning-tab{
    width:460px;
}

ul.tabs li.topics-tab{
    width:90px;
}

ul.tabs li.posts-tab{
    width:130px;
}

ul.tabs li.rss-feed-tab{
    float:right;
}

ul.tabs li.rss-feed-tab p.rss-icon-txt{
    font:normal 1em/1.6em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#8a1b1a;
    background-image:url(/app/layout/images/general/rss-feed-icon_03.png);
    background-position:left;
    padding:0 0 0 20px;
    background-repeat:no-repeat;
    margin:11px 0 0 0;
}

/***********************************************************************
                                       tab list posts
         ****************************************************************************************/

ul.tabs-posts{
    display:block;
    width:930px;
    height:42px;
    float:left;
    list-style:none;
    padding:10px 15px;
    border-bottom:solid 1px #f0f0f0;
}

ul.tabs-posts li{
    float:left;
    height:42px;
}

ul.tabs-posts li.shiftplanning-tab-post{
    width:460px;
}

ul.tabs-posts li.shiftplanning-tab-post p.arrow-txt{
    font:normal 1.2em/1.6em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#8a1b1a;
    background-image:url(/app/layout/images/general/arrow_forum_post_03.png);
    background-position:left;
    padding:0 0 0 20px;
    background-repeat:no-repeat;
    margin:0;
}

ul.tabs-posts li.shiftplanning-tab-post p.arrow-txt-caption{
    font:normal 0.9em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#626060;
    padding:0 0 0 20px;
    margin:0;
}

ul.tabs-posts li.topics-tab-post{
    width:90px;
}

ul.tabs-posts li.topics-tab-post p.topics-txt{
    font:normal 1.2em/3em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#626060;
    margin:0;
    padding:0 0 0 13px;
}

ul.tabs-posts li.posts-tab-post{
    width:130px;
}

ul.tabs-posts li.posts-tab-post p.posts-txt{
    font:normal 1.2em/3em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#626060;
    margin:0;
    padding:0 0 0 13px;
}

ul.tabs-posts li.lastpost-tab-post{
    width:200px;
}

ul.tabs-posts li.lastpost-tab-post p.lastpost-txt{
    font:normal 0.9em/1.7em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#8a1b1a;
    margin:0;
}

ul.tabs-posts li.lastpost-tab-post p.lastpost-txt span{
    font:normal 0.9em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#626060;
    margin:0;
}

/***********************************************************************
                                       forum post table
         ****************************************************************************************/

.forum-post-table{
    width:960px;
    float:left;
    overflow:hidden;
    margin:15px 0 0 0;
}

.forum-post-table-head{
    width:960px;
    height:32px;
    float:left;
    background:url(/app/layout/images/general/Forum-Post-table-head-bg_03.png) top left no-repeat;
}

.forum-post-table-middle{
    width:960px;
    height:300px;
    float:left;
    background:url(/app/layout/images/general/Forum-Post-table-middle_09.png) top left repeat-y;
}

.forum-post-table-bottom{
    width:960px;
    height:5px;
    float:left;
    background:url(/app/layout/images/general/Forum-Post-table-bottom_08.png) top left no-repeat;
}

/***********************************************************************
                                       forum posts
         ****************************************************************************************/

.forum-post-table-head ul.head-titles{
    width:930px;
    float:left;
    height:32px;
    list-style:none;
    padding:0 15px;
}

.forum-post-table-head ul.head-titles li.title1{
    width:187px;
    float:left;
    font:normal 1.2em/2em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#8a1b1a;
    text-shadow:0 1px 1px #fff;
}

.forum-post-table-head ul.head-titles li.title2{
    float:left;
    font:normal 1em/2.4em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#82805e;
    text-shadow:0 1px 1px #fff;
}

.forum-post-table-head ul.head-titles li.title3{
    float:right;
    font:normal 1em/2.4em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#82805e;
    text-shadow:0 1px 1px #fff;
}

/***********************************************************************
                                       admin info
         ****************************************************************************************/

.admin-info{
    width:170px;
    float:left;
    padding:0 0 0 15px;
}

.admin-info img{
    padding:5px;
    border:solid 1px #d5d4b6;
    background:#FFF;
}

.admin-info p.admin-txt{
    font:normal 1em/2em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#626060;
}

.admin-info p.admin-txt span{
    font:normal 0.8em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#626060;
}

.admin-post-info{
    width:760px;
    float:left;
    padding:15px 0 0 15px;
}

.search-red-input{
    width:300px;
    height:30px;
    float:left;
    background:#9e2020;
    padding:5px;
    border:solid 5px #ebebeb;
}

.search-red-input input{
    width:250px;
    float:left;
    height:25px;
    border:0;
}

/***********************************************************************
                                       product comparison
         ****************************************************************************************/

#inner-main-content h1.whychoose{
    width:960px;
    font:normal 1.8em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#a32525;
    text-shadow:0 1px 1px #FFF;
    text-transform:uppercase;
    background:url(/app/layout/images/general/line_03.png) right no-repeat;
    float:left;
    margin:30px 0 0 0;
}

#inner-main-content h2.compare{
    width:960px;
    font:normal 1.8em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#a32525;
    text-shadow:0 1px 1px #FFF;
    text-transform:uppercase;
    float:left;
    margin:10px 0 0 0;
}

.product-comp-desc{
    width:960px;
    float:left;
    margin:15px 0 0 0;
}

.product-comp-desc img{
    display:block;
    float:left;
    border:0;
    margin:0 15px 15px 0;
}

.product-comp-desc p{
    font:normal 1em/1.6em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
}

/*************product-comp-table**************/

.product-comp-table{
    float:left;
    width:960px;
}

/*************product-comp-table-head**************/

.product-comp-table ul.product-comp-table-head{
    width:936px;
    height:30px;
    float:left;
    background:url(/app/layout/images/general/Product-Comparasion-tahble-head-bg_03.png) top left repeat-x;
    list-style:none;
    padding:0 12px;
    border-top:solid 1px #fff;
}

.product-comp-table ul.product-comp-table-head li{
    width:156px;
    height:30px;
    float:left;
}

.product-comp-table ul.product-comp-table-head li.rank{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#9e2020;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1.1em;
    line-height:2em;
    width:149px;
}

.product-comp-table ul.product-comp-table-head li.rank-number{
    font-family: 'Droid Serif', arial, serif;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    color:#6a6952;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1.1em;
    line-height:2em;
    width:157px;
}

.product-comp-table ul.product-comp-table-head li img{
    margin:10px auto;
}

/*************rank items **************/

.product-comp-table ul.rank-items{
    float:left;
    width:960px;
    height:122px;
    list-style:none;
    background:url(/app/layout/images/general/Product-Comparasion-ul-bg_03.png) top left repeat-y #000;
}

.product-comp-table ul.rank-items li{
    width:140px;
    float:left;
    height:112px;
    padding:10px 10px 0 10px;
}

.product-comp-table ul.rank-items li p.product-heading{
    font:bold 1.2em/1.6em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:center;
    text-decoration:none;
    color:#a32525;
    text-shadow:0 1px 1px #FFF;
    text-transform:uppercase;
}

.product-comp-table ul.rank-items li img{
    display:block;
    font-size:0;
    line-height:0;
    margin:10px auto 0 auto;
}

.product-comp-table ul.rank-items li p.excellent{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1.1em;
    background:url(/app/layout/images/general/excellent_icon.png) left no-repeat;
    padding:0 0 0 60px;
    line-height:10px;
    margin:9px 0 0 0;
}

.product-comp-table ul.rank-items li p.verygood{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1.1em;
    background:url(/app/layout/images/general/verygood_icon.png) left no-repeat;
    padding:0 0 0 60px;
    line-height:10px;
    margin:9px 0 0 0;
}

.product-comp-table ul.rank-items li p.good{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1.1em;
    background:url(/app/layout/images/general/good_icon.png) left no-repeat;
    padding:0 0 0 60px;
    line-height:10px;
    margin:9px 0 0 0;
}

.product-comp-table ul.rank-items li p.fair{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1.1em;
    background:url(/app/layout/images/general/fair_icon.png) left no-repeat;
    padding:0 0 0 60px;
    line-height:10px;
    margin:9px 0 0 0;
}

.product-comp-table ul.rank-items li p.poor{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#4f4f4f;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1.1em;
    line-height:10px;
    margin:9px 0 0 0;
    background:url(/app/layout/images/general/poor_icon.png) left no-repeat;
    padding:0 0 0 60px;
}

/*************features **************/

.product-comp-table ul.features2{
    background:url(/app/layout/images/general/Product-Comparasion-ul-bg_03.png) top left repeat-y #000;
    width:936px;
    height:30px;
    float:left;
    list-style:none;
    padding:0 12px;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #e8e7d1;
}

.product-comp-table ul.features2 li{
    width:157px;
    height:30px;
    float:left;
}

.product-comp-table ul.features2 li img{
    display:block;
    margin:10px auto;
}

.product-comp-table ul.features2 li.feature-name{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:0.9em;
    line-height:2.5em;
    width:149px;
}

/***********************************************************************
                                       support
         ****************************************************************************************/
#banner-section-support{
    width:100%;
    height:333px;
    background:url(/app/layout/images/general/support-banner-bg_03.png) top left repeat-x;
}


#support-banner-left-side{
    width:475px;
    float:left;
}

#support-banner-left-side h1{
    font:normal 3em 'ColaborateThinRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#eae9d5;
    text-shadow:0 2px 2px #50150e;
    text-transform:uppercase;
    margin:30px 0 5px 0;
}

#support-banner-left-side h2{
    font:normal 1.6em 'ColaborateLightRegular', sans-serif;
    text-align:left;
    text-decoration:none;
    color:#eae9d5;
    text-shadow:0 1px 1px #7b1618;
    text-transform:uppercase;
    margin:10px 0 45px 0;
}

#support-banner-left-side h3{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#eae9d5;
    text-shadow:0 1px 1px #7b1618;
    font-style:italic;
    font-size:1.3em;
    line-height:1.5em;
}

#support-bannner-right-side{
    float:left;
    height:234px;
    margin:24px 0 0 0;
}

/****************** buttons2 *********************/
.buttons-support{
    width:960px;
    height:57px;
    float:left;
    padding:18px 0 0 0;
}


#buttons2{
    height:57px;
    float:left;
}

#buttons2 a.live-chat{
    display:block;
    padding:0 15px;
    float:left;
    height:38px;
    background:#e2e0c5;
    border:solid 1px #c9c89e;
    -moz-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#buttons2 a.live-chat b{
    font:bold 1.2em/2.6em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    float:left;
    text-decoration:none;
    color:#615f30;
    text-shadow:0 1px 1px #FFF;
    letter-spacing:0.03em;
}

#buttons2 a.live-chat em{
    float:left;
    width:22px;
    height:22px;
    background:url(/app/layout/images/general/live-chat-icon_06.png) left no-repeat;
    margin:8px 5px 0 0;
}

#buttons2 a.visit-forum{
    font:bold 1.2em/2.6em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#d9d8b5;
    text-shadow:0 1px 1px #7b1a1b;
    letter-spacing:0.03em;
    display:block;
    padding:0 15px;
    float:left;
    height:38px;
    background:#931d23;
    border:solid 1px #7c1517;
    -moz-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#buttons2 p{
    font:normal 1.2em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:center;
    float:left;
    text-decoration:none;
    color:#615f30;
    text-shadow:0 1px 1px #fff;
    margin:13px 10px;
}



/**************** SUPPORT LIST *******************/
ul.support-list{
    width:960px;
    float:left;
    margin:0 0 20px 0;
    list-style:none;
}

ul.support-list li{
    width:300px;
    float:left;
    margin-right:30px;
}

ul.support-list li.noMar{
    margin-right:0;
}

ul.support-list li h4{
    font:bold 1em 'ColaborateRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#5d5d5d;
    padding:0;
    text-transform:uppercase;
    text-shadow:0 1px 1px #fff;
}

.support-list-border-box{
    width:278px;
    padding:10px;
    border:solid 1px #efefef;
    -moz-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.support-list-border-box p.support-list-txt{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#8d2021;
    text-shadow:0 1px 1px #fff;
    font-style:italic;
    font-size:1em;
    line-height:1.1em;
    margin:0 0 8px 0;
}
.support-list-border-box a.view-all{
    display:block;
    font-family: 'Droid Serif', arial, serif;
    text-align:center;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #fff;
    font-style:italic;
    font-size:1em;
    line-height:1em;
    padding-top:10px;
    border-top:solid 1px var(--light-grey-stroke);
    margin:8px 0 0 0;
}

/***********************************************************************
                                       CASE STUDY
         ****************************************************************************************/

#casestudy-sub-menu{
    width:100%;
    height:45px;
    background:url(/app/layout/images/general/tour_overview_banner_bg_03.png) top left repeat-x;
}

#casestudy-content-main{
    width:100%;
    background:url(/app/layout/images/general/contentlistings2_bg_03.png) top left repeat-x;
    padding:25px 0 0 0;
}

.casestudy-content-left{
    width:600px;
    float:left;
    padding:0 10px 0 0;
}

.casestudy-content-left img{
    display:block;
    margin:0 auto;
    font-size:0;
    line-height:0;
}

.casestudy-content-left h2, #casestudy-content-main h2.title{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1.6em;
    line-height:1.4em;
}

.casestudy-content-left h1{
    font:normal 'ColaborateLightRegular', Arial, sans-serif;
    text-align:center;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    font-size:2.7em;
    line-height:1.4em;
    text-transform:uppercase;
    margin:40px 0;
}
.casestudy-content-left p.openion-iphone{
    font:italic 1em/1.8em 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#525252;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    background-image:url(/app/layout/images/general/quotes_16.png);
    background-position: 15px center;
    background-color:#FFF;
    border:solid 1px #efefef;
    background-repeat:no-repeat;
    padding: 10px 55px;
}
/*************** IPHONE CONTENT RIGHT ***********************/

.casestudy-content-right{
    width:320px;
    padding:0 0 0 20px;
    float:left;
}

.casestudy-content-right h1{
    font:normal 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    font-size:2.7em;
    line-height:1.2em;
    text-transform:uppercase;
    margin:0 0 32px 0;
}

.casestudy-content-right ul.iphone-images{
    width:460px;
    float:left;
    list-style:none;
}

.casestudy-content-right ul.iphone-images li{
    width:146px;
    height:148px;
    float:left;
    margin:0 11px 5px 0;
}

.casestudy-content-right ul.iphone-images li.noMar{
    margin:0 0 5px 0;
}

.casestudy-content-right ul.iphone-images li img{
    display:block;
    line-height:0;
    font-size:0;
    padding:3px;
    border:solid 1px var(--light-grey-stroke);
}

.casestudy-content-right img.widget{
    float:left;
    display:block;
    font-size:0;
    line-height:0;
    margin:0 10px 10px 0;
}

.casestudy-content-right p.widget-txt{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:0.9em;
    line-height:1.6em;
}

.casestudy-content-right p.widget-txt span{
    color:#90201f;
}

.casestudy-content-right p.openion-iphone{
    font:italic 1em/1.8em 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#525252;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    background-image:url(/app/layout/images/general/quotes_16.png);
    background-position: 15px center;
    background-color:#FFF;
    border:solid 1px #efefef;
    background-repeat:no-repeat;
    padding: 10px 55px;
}



/***********************************************************************
                                       Iphone
         ****************************************************************************************/

#iphone-sub-menu{
    width:100%;
    height:45px;
    background:url(/app/layout/images/general/tour_overview_banner_bg_03.png) top left repeat-x;
}

#iphone-content-main{
    width:100%;
    background:url(/app/layout/images/general/contentlistings2_bg_03.png) top left repeat-x;
    padding:25px 0 0 0;
}

.iphone-content-left{
    width:460px;
    float:left;
    padding:0 10px 0 0;
}

.iphone-content-left img{
    display:block;
    margin:0 auto;
    font-size:0;
    line-height:0;
}

.iphone-content-left h2, #iphone-content-main h2.title{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:1.6em;
    line-height:1.4em;
}

.iphone-content-left h1{
    font:normal 'ColaborateLightRegular', Arial, sans-serif;
    text-align:center;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    font-size:2.7em;
    line-height:1.4em;
    text-transform:uppercase;
    margin:40px 0;
}

/*************** IPHONE CONTENT RIGHT ***********************/

.iphone-content-right{
    width:460px;
    padding:0 0 0 20px;
    float:left;
}

.iphone-content-right h1{
    font:normal 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    font-size:2.7em;
    line-height:1.2em;
    text-transform:uppercase;
    margin:0 0 32px 0;
}

.iphone-content-right ul.iphone-images{
    width:460px;
    float:left;
    list-style:none;
}

.iphone-content-right ul.iphone-images li{
    width:146px;
    height:148px;
    float:left;
    margin:0 11px 5px 0;
}

.iphone-content-right ul.iphone-images li.noMar{
    margin:0 0 5px 0;
}

.iphone-content-right ul.iphone-images li img{
    display:block;
    line-height:0;
    font-size:0;
    padding:3px;
    border:solid 1px var(--light-grey-stroke);
}

.iphone-content-right img.widget{
    float:left;
    display:block;
    font-size:0;
    line-height:0;
    margin:0 10px 10px 0;
}

.iphone-content-right p.widget-txt{
    font-family: 'Droid Serif', arial, serif;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    font-size:0.9em;
    line-height:1.6em;
}

.iphone-content-right p.widget-txt span{
    color:#90201f;
}

.iphone-content-right p.openion-iphone, p.openion-iphone{
    font:italic 1em/1.8em 'Droid Serif', arial, serif;
    text-align:left;
    text-decoration:none;
    color:#525252;
    text-shadow:0 1px 1px #FFF;
    font-style:italic;
    background-image:url(/app/layout/images/general/quotes_16.png);
    background-position:center center;
    background-color:#FFF;
    border:solid 1px #efefef;
    background-repeat:no-repeat;
    padding: 10px 55px;
}


/***********************************************************************
                                       BLOG POSTS
****************************************************************************************/


ul.blogFeatured {padding:10px 0; height:360px;}
ul.blogFeatured.single {height:180px;}
ul.blogFeatured li {float:left; margin:10px 0 10px 20px; position:relative; list-style:none; box-shadow:0 0 8px rgba(0, 0, 0, 0.4);}
ul.blogFeatured li:first-child {margin:10px 0 0;}
ul.blogFeatured li .brief {position:absolute; bottom:0; left:0; width:430px; overflow:hidden; text-shadow:0 0 1px #FFF; padding:15px 20px; background:rgba(220,217,202,0.90);}
ul.blogFeatured li .brief .bDate {float:left; width:80px; font-size:16px; font-weight:bold; color:#444;}
ul.blogFeatured li .brief .bDate span {font-size:13px; font-weight:normal; display:block;}
ul.blogFeatured li .brief .bTitle {margin:0 0 0 90px;}
ul.blogFeatured li .brief .bTitle h3 {font-family:'Open Sans',sans-serif,tahoma; font-size:16px; color:#9A1C1C;}
ul.blogFeatured li a:hover {text-decoration: none;}

ul.blogPosts {font-size:14px; padding:20px 0 0;}
ul.blogPosts > li { list-style:none; }
ul.blogPosts > li .blog-post-summary{overflow:hidden; background-color:#FFF; padding:0; margin:0 0 20px; width:800px; position:relative;}
ul.blogPosts > li .blog-post-summary .blog-post-title{ position:relative; height: 230px;}
ul.blogPosts > li .blog-post-summary .blog-post-cat { padding-bottom: 5px; }
ul.blogPosts > li .blog-post-summary .blog-post-cat a{ font: 700 14px 'Droid Sans', sans-serif; color: #a6a8aa; }
ul.blogPosts > li .blog-post-summary .blog-post-title .shadow-box{ position:absolute; bottom:0; left:0;}
ul.blogPosts > li .blog-post-summary .blog-post-title a{ color:white; font:100 20px 'Lato', sans-serif;}
ul.blogPosts > li .blog-post-summary .blog-post-title a:hover{ text-decoration:none;}
ul.blogPosts > li .blog-post-summary .blog-post-content{ padding:18px 20px; border-bottom: 1px solid #dfdfdf; }
ul.blogPosts > li .blog-post-summary .pBrief{ padding:0; position: relative; }
ul.blogPosts > li .blog-post-summary .pBrief.single-post{ padding: 30px 30px 50px; }
ul.blogPosts > li .blog-post-summary .pBrief .post-author { position: absolute; bottom: 30px; right: 30px; font: 14px 'Droid Sans', sans-serif;
color: var(--grey-text-0); }
ul.blogPosts > li .blog-post-comments {overflow:hidden; padding:0; margin:0 0 20px; width:800px; position:relative; float:right;}
ul.blogPosts li .date {background: #2f2f2f; color: white; text-align: center; padding: 12px 0; width: 113px; margin-right: 47px;}
ul.blogPosts li .date .day {font: 41px 'Lato', sans-serif;}
ul.blogPosts li .date div {font: 700 12px 'Droid Sans', sans-serif; text-transform: uppercase; }
ul.blogPosts li .date a {font: 700 12px 'Droid Sans', sans-serif; text-transform: uppercase; color: #adadad; display: block; margin-top: 10px; padding-bottom: 2px;}
ul.blogPosts li .date a:hover {text-decoration:none;}
ul.blogPosts > li > img {float:left; margin:0 20px 0 0;}
ul.blogPosts li .pBrief {margin:0;}
ul.blogPosts li .pBrief img{max-width:746px;}
ul.blogPosts li.noImg .pBrief{margin:0;}
ul.blogPosts li h2 {color:#9A1C1C; font-family:'Open Sans',sans-serif,tahoma; font-size:24px; font-weight:300;}
ul.blogPosts li h3 {color:#555; font-family:'Open Sans',sans-serif,tahoma; font-size:22px; font-weight:300;}
ul.blogPosts li .details {margin:15px 0; font-size:12px;}
ul.blogPosts li .meta {padding:0 0 5px; font:14px 'Droid Sans', sans-serif;}
ul.blogPosts li p {color:var(--grey-text-0); font: 100 14px/25px 'Droid Sans', sans-serif;}

.blogSearch {padding:20px 0; position:relative;}
.blogSearch .trsSearch {margin:0 130px 0 0;}
.blogSearch .trsSearch input[type=text] {width:770px;}

ul.blogSocial {position:absolute; overflow:hidden; top:20px; right:0; padding:9px 9px 8px 0; background-color:#fafafa; border:solid 1px #d4d4d4; border-radius:3px;}
ul.blogSocial li {list-style:none; float:left; margin:0 0 0 9px;}

.socfb, .soctw, .socrss {width:24px; height:0; padding:24px 0 0; display:block; overflow:hidden; background-image:url(/app/layout/images/general/blogSoc.png);}
.socfb {background-position:0 0;}
.socfb:hover {background-position:0 -24px;}
.soctw {background-position:-24px 0;}
.soctw:hover {background-position:-24px -24px;}
.socrss {background-position:-48px 0;}
.socrss:hover {background-position:-48px -24px;}

.blogComments {margin:15px 0 0; padding:10px 0 0;}
.blogComments .form {padding:30px; margin:25px 0 10px; border-bottom:solid 1px var(--light-grey-stroke); background:#fff;}
.blogComments .form textarea {font:14px 'Droid Sans',sans-serif; color: #535353; padding: 20px; width: 588px; resize: none; border: solid 1px #dfdfdf; background-color: #f3f3f3!important;}
.blogComments .form textarea:focus {color:#555;}
.blogComments .comment {overflow: hidden;}
.blogComments .comment span {font-size:13px; color:var(--grey-text-0);}
.blogComments .comment span.uname {color:var(--grey-text-0); font:18px 'Lato', sans-serif; padding-right:20px;}
.blogComments .comment .meta div {font-size:13px; color:var(--grey-text-0); float:right;}
.blogComments li {list-style:none; padding:30px; border-bottom:solid 1px var(--light-grey-stroke); background:#fff; margin-bottom:30px; overflow: hidden;}
.blogComments li:last-child {margin-bottom:20px;}

.blogPagin {text-align:center; padding:20px 15px; margin:0 0 20px; font-size:14px; overflow:hidden; background-color:#FFF; /*box-shadow:0 0 8px rgba(0, 0, 0, 0.4);*/}
.blogPagin a {color:#5D5D5D; padding:0 5px;}

/** OLD BLOG STUFF**/
.blog-left{
    width:714px;
    float:left;
    font-size:12px;
}

.blog-left p{
    font:normal 12px Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#4f4f4f;
}

.blog-left h2{
    font:normal 1.8em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#a32525;
    text-shadow:0 1px 1px #FFF;
    text-transform:uppercase;
    margin:20px 0;
}

.blog-left h4{
    font:normal 1em 'ColaborateLightRegular', Arial, sans-serif;
    text-align:left;
    width:700px;
    text-decoration:none;
    color:#626060;
    text-shadow:0 1px 1px #FFF;
    background:url(/app/layout/images/general/line2_03.png) right no-repeat;
    margin:30px 0 0 0;
}

.blog-left h4 span{
    color:#a42722;
}

.blog-left img.google{
    display:block;
    margin:10px auto;
}

.blog-left p span{
    font:normal 12px Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#a42722;
}

.blue-box{
    width:692px;
    float:left;
    background-color:#e8f0f9;
    border:1px solid #abd2e9;
    padding:10px;
}

.like{
    float:left;
    width:51px;
    height:24px;
    margin:0 10px 0 0;
}

.like img{
    display:block;
    font-size:0;
    line-height:0;
    border:0;
}

.face-small{
    float:left;
}

.face-small p{
    font:normal 12px Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:£626060;
    background:url(/app/layout/images/general/face-book-icon_07.png) left center no-repeat;
    padding:0 0 0 15px;
    margin:4px 0 0 0;
}

.blue-box h2{
    font:bold 1.4em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#3a5796;
    margin:0 0 10px 0;
}

/***************** BLOG RIGHT *******************/

.blog-right{
    width:226px;
    float:left;
    font-size:12px;
    padding:0 0 0 20px;
}

/***** RCEN BLOGS ******/

.recent-blogs{
    width:225px;
    float:left;
    padding:0 0 15px 0;
    border-bottom:solid 1px var(--light-grey-stroke);
}

.recent-blogs p.date-blog{
    font:normal 1em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#a7a7a7;
}

.recent-blogs p.blog-posting{
    font:normal 1em/1.2em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#9e2327;
    margin-bottom:15px;
}

/***** TWITTER ******/

.twitter{
    width:225px;
    float:left;
    padding:0 0 15px 0;
    border-bottom:solid 1px var(--light-grey-stroke);
    margin:25px 0 0 0;
}

.twitter img.smaill-img{
    display:block;
    font-size:0;
    float:left;
    line-height:0;
    border:solid 1px #ededed;
    padding:3px;
    margin:0 8px 8px 0;
}

.twitter p.date-blog{
    font:normal 1em/0.9em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#a7a7a7;
    margin:0 0 8px 0;;
}

.twitter p.blog-posting{
    font:normal 1em/1.2em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#9e2327;
    margin-bottom:15px;
}

ul.tli {
    margin: 10px 0 10px 8px;
    list-style-type:circle;
}
ul.tli li {
    font:normal 1em/1.6em Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:none;
    color:#5d5d5d;
    margin-left: 10px;
	margin-bottom: 4px;
}
ul.tli ul li {list-style:none;}

/* POSTS */
.greyC { border-top: 1px solid var(--light-grey-stroke); border-bottom: 1px solid var(--light-grey-stroke); margin-top: 5px; padding-top: 5px; margin-bottom: 5px; padding-bottom: 5px; line-height: 20px; }
.greyC a { color: #880003; text-decoration: none; }
.greyC a:hover{ text-decoration: underline; }

.Post img {	vertical-align: text-top; margin-left: 10px; padding: 1px; border: 1px solid #e2e3e7; max-width: 600px; }

.quotebox,.codebox { border-left: 1px solid #e2e3e7;}
blockquote {padding:0px; margin:0px;}
.codebox,.quotebox { margin-left: 20px; padding-left: 10px;}

/* Pagination */
.Pages { padding: 4px; font-weight: bold; font-size: 11px;}
.Pages a:link,.Pages a:visited { padding: 3px 5px 3px 5px; background-color: #F7F7F1; text-decoration: none; color: #880003; }
.Pages a:hover { background-color: #E3E1D7;}
.Pages .curr-page {padding: 4px; margin: 1px; color: var(--grey-text-1);}

/* POSTS */
#SocialFloat-wrapper {
    position: relative;
}

#SocialFloatWrapper { /* required to avoid jumping */
    left: -85px;
    position: absolute;
    width: 50px;
    margin-top: 20px;
}

#SocialFloat {
    position: absolute;
    top: 0;
    border: 1px solid var(--light-grey-stroke);
    padding: 3px;
}
#SocialFloat #BuzzThis {
    border: none;
    margin-left: 0px;
}

#SocialFloat.fixed {
    position: fixed;
    top: 0;
    margin-top: 20px;
}
#SocialFloat.moveright {
    margin-left: 662px;
    background: white;
}
#SocialFloat-wrapper.smallwidth {

}
/* Comments BOXES */
.shoutauthor { padding: 4px; }
.shoutimage { border: 1px solid var(--light-grey-stroke); padding: 1px; width: 45px; height: 45; }
.shoutbox { border: 1px solid #CFCFCF; padding: 5px; font-size: 11px; margin: 10px 0 20px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #3F3B3B; }
.shoutbox .tick { float: left; margin-left: -10px; }
.shoutbox p {margin: 5px; padding:0px;}
.shoutstreamtitle{ margin-bottom: -3px; margin-left: 13px; font-size: 11px; color: #3F3F3F; }



/* SHORT STYLES */
.fright { float: right; }
.fleft { float: left; }

#pd2{ padding: 2px; }
.pd5 { padding: 5px 0; }
.hide { display: none; }

.b { font-weight: bold; }
.black, a.black { color: var(--grey-text-1); }
.white, a.white { color: #FFFFFF; }
.grey, a.grey { color: #4C4C4C; }

.Notice { color: var(--red-text-0); }

.trans90 { opacity: 0.90; -moz-opacity:0.90; filter: alpha(opacity=90); }

hr { border:0; border-top:1px solid #e7e7e7; margin: 10px 0 10px 0px; }


/* FANCY BOX */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: https://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   www.opensource.org/licenses/mit-license.php
 *   https://www.gnu.org/licenses/gpl.html
*/

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

* html #fancybox-loading {	/* IE6 */
    position: absolute;
    margin-top: 0;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('/layout/js/fancybox/fancybox.png');
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}

* html #fancybox-overlay {	/* IE6 */
    position: absolute;
    width: 100%;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
}

#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url('/layout/js/fancybox/fancybox.png');
    background-position: -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}

#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: var(--grey-text-1);
}

.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.fancybox-title-over {
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('/layout/js/fancybox/fancy_title_over.png');
    display: block;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
    height: 32px;
    float: left;
}

#fancybox-title-left {
    padding-left: 15px;
    background-image: url('/layout/js/fancybox/fancybox.png');
    background-position: -40px -90px;
    background-repeat: no-repeat;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url('/layout/js/fancybox/fancybox-x.png');
    background-position: 0px -40px;
    color: #FFF;
}

#fancybox-title-right {
    padding-left: 15px;
    background-image: url('/layout/js/fancybox/fancybox.png');
    background-position: -55px -90px;
    background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background-image: url('/layout/js/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('/layout/js/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('/layout/js/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('/layout/js/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('/layout/js/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('/layout/js/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('/layout/js/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('/layout/js/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('/layout/js/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('/layout/js/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('/layout/js/fancybox/fancybox.png');
    background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

.h1ninety {font-size: 32px !important; margin-bottom: 38px !important; }
.h2home { margin-bottom: 45px !important; }

.langSug {font-family:"Arial", Tahoma, sans-serif; padding:5px 0; text-align:center; background-color:#353535; font-size:14px; color:#eee3d1; line-height:40px; text-shadow:0 1px 1px #000;}
.langSug a {color:#abb16e; text-decoration:none; padding:0 5px; text-shadow:0 1px 1px #000 !important;}
.langSug a:hover {text-decoration:underline;}
.api_code {background-color: #FBFBFB; border: 1px dashed #EDEDED;padding: 10px;color: #4F4F4F;margin-bottom: 10px;}
.bspace li {margin-bottom: 10px;}
/* watermark dependent css */
.watermarkify-wrap{
	position:relative;
	overflow:hidden;
}

.watermarkify-watermark{
	position:absolute;
	left:36px;
        line-height:21px;
	font-size:14px;
	display:block;
	color:var(--grey-text-0);
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    overflow:hidden;
}

.watermarkify-watermark-blurred{
	opacity:0.5;
	filter: alpha(opacity = 50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/* --- GLOBAL --- */

body { margin: 0px; padding: 0px; }

/*.sp2011 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}*/

.sp2011 a img { border: none; }

.sp2011 div.nav { background: #e8e8e8; height: 101px; background-size: cover; box-shadow: 0 0; }
.sp2011 div.atf { background: url('/app/layout/images/general/2011/reddottedbg_homepage.jpg') repeat-x; height: 417px;  }
.sp2011 div.atfa { background: url('/app/layout/images/general/2011/reddottedbg_homepage.jpg') repeat-x; height: 315px;  }
.sp2011 div.tra { background: url('/app/layout/images/general/2011/reddottedbg_homepage.jpg') repeat-x; height: 370px;  }
.sp2011 div.body_e { background: url('/app/layout/images/general/2011/dottedbg.png'); border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 30px 0 30px 0; }
.sp2011 div.body_o { background: url('/app/layout/images/general/2011/dottedbg_light.png'); padding: 30px 0 30px 0; }
.sp2011 div.body_o.translate {padding:0;}
.sp2011 .posrel {position:relative;}

.sp2011 div.in { width: 960px; margin: 0 auto 0 auto;}

.sp2011 div.in h1 { font-family: 'Open Sans', sans-serif, tahoma; color: #4f4f4f; font-size: 26px; font-weight: 300; margin: 0px 0px 20px 0; padding: 0px; }
.sp2011 div.in h2 { font-family: 'Open Sans', sans-serif, tahoma; color: #4f4f4f; font-size: 26px; font-weight: 300; margin: 0px 0px 20px 0; padding: 0px; }
.sp2011 div.in h3 { font-family: Arial, tahoma; color: #700100; font-size: 17px; font-weight: 400; margin: 0px; padding: 0px; }
.sp2011 div.in h4 { font-family: 'Handlee', cursive, Arial; color: #4b4b4b; font-size: 19px; font-weight: 300; margin: 0px; padding: 0px; }
.sp2011 div.in a { text-decoration: none; color: #6d6d6d; }
.sp2011 div.in a.red { color: #830302; }
.sp2011 div.in a:hover { color: var(--grey-text-1); }
.sp2011 div.in .signup-top-menu { float: right; padding: 40px 0 0 0 }
.sp2011 div.in .signup-top-menu a { font-size: 16px; color: #5e5e5e }
.sp2011 div.in .signup-top-menu a:hover { text-decoration: underline }

.sp2011 div.in table { border-collapse: collapse; width:100%;}
.sp2011 div.in table td { vertical-align: top; font-family: Arial, tahoma; color: #6d6d6d; font-size: 15px; font-weight: 400; margin: 0px 0px 0px 0; padding: 0px; line-height: 22px; }
.sp2011 div.in table td.pl { padding-left: 40px;}
.sp2011 div.in table td.pr { padding:0 40px 15px 0;}

.sp2011 div.nav img.logo { margin-top: 25px; float: left; }
.sp2011 div.nav img.api-logo { width: 250px; }
.sp2011 div.nav div.navlinks { float: right; margin-top: 29px; color: #870000; text-shadow:0 1px 1px #FFF; font-family: Arial, tahoma; font-weight: 400; font-size: 16px; }
.sp2011 div.nav div.navlinks a { margin-right: 30px; padding:0 0 22px; line-height:22px; text-shadow: 0 0;}
.sp2011 div.nav div.navlinks a:hover, .sp2011 div.nav div.navlinks a.active {color:#000;}

.sp2011 div.nav div.navlinks a.try { color:#FFFFFF; text-shadow: none; background: #89B346; border: 1px solid var(--green-text-0); border-radius: 2px; display: inline-block; margin:-10px 0 0; line-height:35px; padding: 0 15px; text-align: center; text-decoration: none; }
.sp2011 div.nav div.navlinks a.try:hover { box-shadow: 0px 0px 5px #888;}

.sp2011 div.footer { background-color: #e8e8e8; padding: 30px 0 60px 0;clear: both;}
.sp2011 div.footer * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sp2011 div.footer div.in {font-family:Arial, tahoma; color:#666; font-size:12px; text-shadow:0 0; background:transparent; padding: 0; overflow:hidden;}

.sp2011 div.footer .social { margin-bottom: 30px; }
.sp2011 div.footer .list-inline { margin-left: -5px; padding-left: 0; list-style: none; margin: 16px 0; text-align: center;}
.sp2011 div.footer .list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px; margin-bottom: 5px; line-height: 24px;}
.sp2011 div.footer .footer-nav li:after { content: '•'; margin-left: 10px; font-size: 14px; }
.sp2011 div.footer .footer-nav li:last-child:after {content: '';margin-left: 0;}
.sp2011 div.footer .list-inline li a:hover {text-decoration: underline;}
.sp2011 div.footer .footer-nav li a { font-size: 14px; font-weight: 300; padding-bottom: 1px; }
.sp2011 div.footer .copyright { font-size: 14px; font-weight: 300; color: #909090; margin: 0 0 24px; text-align: center;}
.sp2011 div.footer .copyright a {color: var(--blue-text-0);}
.sp2011 div.footer .copyright a:hover {text-decoration: underline;}
.sp2011 div.footer .social-icon {height: 46px;width: 45px;color: #fff;display: inline-block;font-size: 20px;line-height: 20px;padding: 14px;background: url("/app/layout/images/general/2011/social-sprite.png?ver=1");text-align: center;}
.sp2011 div.footer .social-icon:hover {color: #fff;opacity: 0.8;}
.sp2011 div.footer .social-icon.fb {background-position: 0 0;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-facebook:before {content: "\f09a";}
.fa-twitter:before {content: "\f099";}
.fa-linkedin:before {content: "\f0e1";}
.fa-youtube:before {content: "\f167";}
.sp2011 div.footer .social-icon.tw {background-position: 180px 0;}
.sp2011 div.footer .social-icon.lin {background-position: 135px 0;}
.sp2011 div.footer .social-icon.yt {background-position: 90px 0;}

.sp2011 div.footer ul.footerLinks {float:left; overflow:hidden; list-style:none; border-left:solid 1px #d8d6c9; margin:0; padding:0; }
.sp2011 div.footer ul.footerLinks > li {float:left; width:185px; border-left:solid 1px #f3f2ea; border-right:solid 1px #d8d6c9;}
.sp2011 div.footer ul.footerLinks > li.last {border-right:none;}
.sp2011 div.footer ul.footerLinks > li span {font-size:14px; line-height:15px; font-weight:bold; display:block; padding:0 20px 10px;}
.sp2011 div.footer ul.footerLinks ul {padding:0; margin:0;}
.sp2011 div.footer ul.footerLinks ul li {list-style:none; padding:0 20px;}
.sp2011 div.footer ul.footerLinks ul li a {line-height:23px;}

.sp2011 div.footer ul.platforms {float:left; overflow:hidden; margin:0; padding:0; border:solid 1px #d8d6c9; border-radius:3px; box-shadow:0 1px 0 #FFF;}
.sp2011 div.footer ul.platforms li {list-style:none; border-top:solid 1px #d8d6c9;}
.sp2011 div.footer ul.platforms li:first-child {border-top:none;}
.sp2011 div.footer ul.platforms li a {height:0; padding:60px 0 0; overflow:hidden; display:block; width:200px; background-image:url('/app/layout/images/general/2011/devices-sprite.png');}


ul.platforms a.iOS {background-position:-200px 0;}
ul.platforms a.iOS:hover {background-position:0 0;}
ul.platforms a.android {background-position:-200px -60px;}
ul.platforms a.android:hover {background-position:0 -60px;}
ul.platforms a.blackberry {background-position:-200px -120px;}
ul.platforms a.blackberry:hover {background-position:0 -120px;}

.sp2011 div.footer ul.footer_cta {float:left; margin:0 0 0 20px; padding:0;}
.sp2011 div.footer ul.footer_cta > li {list-style:none; margin:20px 0 0;}
.sp2011 div.footer ul.footer_cta > li:first-child {margin:0;}
.sp2011 div.footer ul.footer_cta ul {padding:0 0 1px; margin:0; overflow:hidden;}
.sp2011 div.footer ul.footer_cta ul li {float:left; margin:0 0 0 10px; list-style:none;}
.sp2011 div.footer ul.footer_cta ul li:first-child {margin:0;}
.sp2011 div.footer ul.footer_cta ul li a {display:block; box-shadow:0 1px 0 #FFF; width:35px; height:0; overflow:hidden; padding:35px 0 0; background-image:url('/app/layout/images/general/2011/socialicons-sprite.png');}

ul.footer_cta a.footfb {background-position:0 0;}
ul.footer_cta a.footfb:hover {background-position:0 -35px;}
ul.footer_cta a.foottw {background-position:-35px 0;}
ul.footer_cta a.foottw:hover {background-position:-35px -35px;}
ul.footer_cta a.footrss {background-position:-70px 0;}
ul.footer_cta a.footrss:hover {background-position:-70px -35px;}
ul.footer_cta a.footyt {background-position:-105px 0;}
ul.footer_cta a.footyt:hover {background-position:-105px -35px;}

.sp2011 div.footer .tryFree {width:176px; text-align:center; box-shadow:0 0 10px rgba(0, 0, 0, 0.6); display:inline-block; border-radius:3px; line-height:22px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.4); color:#FFF; text-transform:uppercase; font-family:'Open Sans',sans-serif,tahoma; font-size:24px; font-weight:700; padding:20px 15px; background:url('/app/layout/images/general/2011/footer_tryitfree.png') scroll no-repeat 0 0;}
.sp2011 div.footer .tryFree span {font-size:10px; line-height:15px; display:block; color:#e0e0c4; text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);}
.sp2011 div.footer .tryFree:hover {box-shadow:0 0 15px rgba(0, 0, 0, 0.8); color:#FFF;}

/* --- SMOOTH FADE IN --- */

.sp2011 .sfadein { opacity:0.4; filter:alpha(opacity=40); }


/* --- HOMEPAGE --- */

/*.sp2011 div.home * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}*/

.sp2011 div.home img._wizard { margin: 7px 20px 0 37px; float: left; margin-left: 0px; margin-top: 10px !important;}
.sp2011 div.home img._alternate { margin: 27px 20px 0 6px!important; float: left;}

.sp2011 img._schedule { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 0 no-repeat; }
.sp2011 img._timeclock { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -40px no-repeat; }
.sp2011 img._payroll { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -80px no-repeat; }
.sp2011 img._reports { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -120px no-repeat; }
.sp2011 img._communication { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -160px no-repeat; }
.sp2011 img._secure { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -200px no-repeat; }
.sp2011 img._easytouse { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -240px no-repeat; }
.sp2011 img._freesetup { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -280px no-repeat; }
.sp2011 img._freetraining { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -320px no-repeat; }

.sp2011 div.home img._staff { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -360px no-repeat; }
.sp2011 div.home img._save { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -400px no-repeat; }
.sp2011 div.home img._heart { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -440px no-repeat; }
.sp2011 div.home img._integrate { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -480px no-repeat; }
.sp2011 div.home img._export { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -520px no-repeat; }
.sp2011 div.home img._cost { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -560px no-repeat; }

.sp2011 div.home img._hospitality { width: 65px; height: 65px; background: url('/app/layout/images/general/2011/industries_sizes.png') 0 0 no-repeat; }
.sp2011 div.home img._healthcare { width: 65px; height: 65px; background: url('/app/layout/images/general/2011/industries_sizes.png') 0 -65px no-repeat; }
.sp2011 div.home img._restaurant { width: 65px; height: 65px; background: url('/app/layout/images/general/2011/industries_sizes.png') 0 -130px no-repeat; }
.sp2011 div.home img._retail { width: 65px; height: 65px; background: url('/app/layout/images/general/2011/industries_sizes.png') 0 -195px no-repeat; }
.sp2011 div.home img._security { width: 65px; height: 65px; background: url('/app/layout/images/general/2011/industries_sizes.png') 0 -260px no-repeat; }
.sp2011 div.home img._small { width: 65px; height: 65px; background: url('/app/layout/images/general/2011/industries_sizes.png') 0 -325px no-repeat; }
.sp2011 div.home img._large { width: 65px; height: 65px; background: url('/app/layout/images/general/2011/industries_sizes.png') 0 -390px no-repeat; }

.sp2011 div.home div.atf div.wrapper { position: relative; width: 960px; margin: 0 auto 0 auto; }
.sp2011 div.home div.atf div.effects { position: absolute; top:0; left: 0; z-index: 2; height: 417px; width: 960px; display: none; }
.sp2011 div.home div.atf div.in { position: absolute; top:0; left: 0; z-index: 3; }

.sp2011 div.studies h1 { font-family: 'Open Sans', sans-serif, tahoma; color:#FFF; font-size:54px; text-align:center; line-height:60px; font-weight:300; margin:85px 0 0; padding:0px; text-shadow:0 0 5px #111;}
.sp2011 div.studies h2 { font-family: 'Open Sans', sans-serif, tahoma; color: #4f4f4f; text-align:center; font-size:36px; font-weight: 300; margin:30px 0; padding: 0px; }
.sp2011 div.studies h3 { font-family: Arial, tahoma; color: #9A1C1C; font-size: 17px; font-weight: 400; margin: 0px; padding: 0px; }
.sp2011 div.studies h3.red {text-align:center; display:block; line-height:70px;}
.sp2011 div.studies ul.zenLists {overflow:hidden; padding:10px 0 30px;}
.sp2011 div.studies ul.zenLists > li {float:left; list-style:none; width:279px; padding:0 30px; margin:0; border-left:solid 1px #E8E8E8; text-align:center;}
.sp2011 div.studies ul.zenLists > li.first {padding-left:0; border:none;}
.sp2011 div.studies ul.zenLists > li.last {padding-right:0;}
.sp2011 div.studies ul.zenLists li.title {background-color:#FFF; padding:20px; border:solid 1px #E8E8E8; border-radius:3px;}
.sp2011 div.studies ul.zenLists ul li {list-style:none; padding:10px;}
.sp2011 div.studies ul.zenLists li p {font-size:14px; line-height:normal;}

.sp2011 div.studies ul.logos {background-color:#FFF; padding:20px 0; margin:30px 0; border:solid 1px var(--light-grey-stroke); border-radius:3px; overflow:hidden;}
.sp2011 div.studies ul.logos li {list-style: none; float: left; text-align: center; border-left: 1px solid var(--light-grey-stroke); padding: 0 3px; box-sizing: border-box;}
.sp2011 div.studies ul.logos li:first-child {border: none;}

.sp2011 div.studies ul.logosAbout {font-size:14px; overflow:hidden;}
.sp2011 div.studies ul.logosAbout li {padding:15px 0; float:left; width:50%; list-style:none;}

.sp2011 div.studies ul.quotes li {overflow:hidden;}
.sp2011 div.studies ul.quotes li img {vertical-align:middle; box-shadow:none !important;}
.sp2011 div.studies ul.quotes ul li {float:left; padding:15px 0 15px 30px;}
.sp2011 div.studies ul.quotes ul li:first-child {padding-left:0;}
.sp2011 div.studies ul.quotes ul li div {font-size:14px; border:solid 1px var(--light-grey-stroke); background-color:#FFF; border-radius:3px; padding:5px; position:relative;}
.sp2011 div.studies .topA, .sp2011 div.studies .leftA {padding:15px 20px !important; background:url(/app/layout/images/general/2011/cases/quotes_sprite.png) no-repeat -85px 10px, url(/app/layout/images/general/2011/cases/quotes_sprite.png) no-repeat 100% 100% #FFF;}
.sp2011 div.studies ul.quotes ul li div p {padding:10px 0; margin:0;}

.sp2011 div.studies .topA {width:423px; min-height:135px;}
.sp2011 div.studies .topA:after, .sp2011 div.studies .topA:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.sp2011 div.studies .topA:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; left: 10%; margin-left: -6px; }
.sp2011 div.studies .topA:before { border-color: rgba(228, 228, 228, 0); border-bottom-color: var(--light-grey-stroke); border-width: 7px; left: 10%; margin-left: -7px; }

.sp2011 div.studies .leftA {width:786px;  min-height:90px;}
.sp2011 div.studies .leftA:after, .sp2011 div.studies .leftA:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.sp2011 div.studies .leftA:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; top: 30%; margin-top: -6px; }
.sp2011 div.studies .leftA:before { border-color: rgba(244, 244, 244, 0); border-right-color: var(--light-grey-stroke); border-width: 7px; top: 30%; margin-top: -7px; }

.sp2011 div.home div.atf h1 { padding-top: 40px; font-size: 48px; color: #ecebd9; margin-bottom: 33px; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; white-space: nowrap; overflow:hidden; }
.sp2011 div.home div.atf p { font-family:'Arial', sans-serif, tahoma; font-weight: 300; padding:0px; color: #ecebd9; font-size: 17px; margin-bottom: 35px; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; line-height: 25px; }
.sp2011 div.home div.atf a.take_tour {line-height:70px; font-family: Arial, tahoma; color: #ecebd9; font-size: 18px; margin-left: 35px; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;}
.sp2011 div.home div.atf .cta {float:left; box-shadow:0 0 10px rgba(0, 0, 0, 0.6); display:inline-block; border-radius:3px; line-height:25px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.4); color:#FFF; text-transform:uppercase; font-family:'Open Sans',sans-serif,tahoma; font-size:24px; font-weight:700; padding:15px 65px 15px 15px; background:url('/app/layout/images/general/2011/button_homepage.png') scroll no-repeat 100% -70px, url('/app/layout/images/general/2011/button_homepage.png') scroll no-repeat 100% 0;}
.sp2011 div.home div.atf .cta span {font-size:11px; line-height:15px; display:block; color:#4b5214; text-shadow:0 1px 0 rgba(255, 255, 255, 0.2);}
.sp2011 div.home div.atf .cta:hover {box-shadow:0 0 15px rgba(0, 0, 0, 0.8);}

.sp2011 div.home div.tra div.wrapper { position: relative; width: 960px; margin: 0 auto 0 auto; }
.sp2011 div.home div.tra div.effects { position: absolute; top:0; left: 0; z-index: 2; height: 370px; width: 960px; display: none; }
.sp2011 div.home div.tra div.in { position: absolute; top:0; left: 0; z-index: 3; }
.sp2011 div.home div.tra h1 { padding-top: 110px; line-height:30px; font-size: 30px; color: #ecebd9; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; white-space: nowrap; }
.sp2011 div.home div.tra p { font-family:'Arial', sans-serif, tahoma; font-weight: 300; padding:0px; color: #ecebd9; font-size: 17px; margin-bottom: 35px; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; line-height: 20px; }

.sp2011 div.action div.in {text-align:right; position:fixed; top:0; left:50%; margin:0 0 0 -480px; z-index:9999;}
.sp2011 div.action div.in a {display:none; position:absolute; top:0; right:0; z-index:9999; border-radius:0 0 3px 3px; line-height:40px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.4); box-shadow:0 0 5px rgba(0,0,0,0.3); color:#FFF; text-transform:uppercase; font-family:'Open Sans',sans-serif,tahoma; font-size:16px; font-weight:700; padding:0 35px 0 15px; background:url("/app/layout/images/general/tour/try_readmore_sprite.png") scroll no-repeat 100% -310px, url("/app/layout/images/general/tour/try_readmore_sprite.png") scroll repeat-x 0 0;}
.sp2011 div.action div.in a:hover {color:#FFF; padding-top:5px; background:url("/app/layout/images/general/tour/try_readmore_sprite.png") scroll no-repeat 100% -305px, url("/app/layout/images/general/tour/try_readmore_sprite.png") scroll repeat-x 0 0;}

.sp2011 div.home div.wfm h2 { margin: 0px 0 30px 0; }
.sp2011 div.home div.wfm h2 sup {font-size:14px;}
.sp2011 div.home div.wfm h3 { margin: 5px 0 5px 0; }
.sp2011 div.home div.wfm img.pr { margin-right: 10px; }
.sp2011 div.home div.wfm table td.pr { padding-right: 15px; padding-bottom: 30px; }

.sp2011 div.home div.available h2 { margin: 0px 0 30px 0; }
.sp2011 div.home div.available h3 { margin-bottom: 5px; }

.sp2011 div.home div.love h3 { margin-bottom: 10px; }
.sp2011 div.home div.love h3 img { margin: 0 5px -13px 0; }
.sp2011 div.home div.love td { text-align: justify; }

.sp2011 div.home div.what h2 { margin: 0px 0 30px 0; }
.sp2011 div.home div.what img.dropshadow { -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 5px #888; }
.sp2011 div.home div.what div.clientlogos { background: white; border: 1px solid #F0F0F0; padding: 20px; }
.sp2011 div.home div.what div.clientlogos td.left { padding-right: 20px; border-right: 1px solid #F0F0F0; }
.sp2011 div.home div.what div.clientlogos td.right { padding-left: 20px; }
.sp2011 div.home div.what div.clientlogos #LogoLeft { width:180px; height: 90px; }
.sp2011 div.home div.what div.clientlogos #LogoRight { width:180px; height: 90px; }
.sp2011 div.home div.what div.clientlogos * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; }

.sp2011 div.home div.forall h2 { margin-bottom: 30px; }
.sp2011 div.home div.forall table td { text-align: center; line-height: 28px; }

.sp2011 div.home div.faq h3 { margin-bottom: 10px; }
.sp2011 div.home div.faq img.pr { margin: 0px 10px 0; }
.sp2011 div.home div.faq table td { text-align: justify; }
.sp2011 div.home div.faq table td.pr { padding-right: 20px; padding-bottom: 30px; }

/* --- OLYMPICS --- */

.sp2011 div.olympics h2 {margin:0 0 5px;}
.sp2011 div.olympics > p {font-family:Arial, tahoma; color:#6D6D6D; font-size:16px; margin:0; padding:0px;}
.sp2011 div.olympics > p a {float:right; color:#700100; padding:0 0 0 25px; background:transparent url('/app/layout/images/general/olympics/study.png') scroll no-repeat 0 50%;}

ul.days {overflow:hidden; list-style:none; font-family:Arial, tahoma; margin:15px 0 0; padding:0;}
ul.days li:first-child {margin:0;}
ul.days li.opacity {opacity:0.5;}
ul.days li img {display:block;}
ul.days li {float:left; margin:0 0 0 18px; width:90px; text-align:center; color:#6d6d6d;}
ul.days li > span {font-size:13px; display:block; line-height:25px; background-color:#F3F3F3; text-shadow:0 0 1px #FFF;}
ul.days li p {font-size:14px; padding:0; margin:0;}
ul.days li p span {font-size:11px; display:block; padding:5px 0 0;}
ul.days li p a {font-size:11px; display:block; color:#700100 !important; padding:5px 0 0;}


/* --- SIGNUP --- */
#JoinContainer {width:280px;}

.sp2011 div.signup * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sp2011 div.signup div.atf { height:420px;}
.sp2011 div.signup div.atf h1 { color:#e5e3d1; text-shadow: 0 1px 1px #000000; font-size:45px; text-align:center; margin:0; padding:35px 0 0; line-height:60px;}
.sp2011 div.signup div.atfa h1 { color:#e5e3d1; text-shadow: 0 1px 1px #000000; font-size:42px; margin:0; padding:35px 0 0; line-height:50px;}
.sp2011 div.signup div.atf h3 { color:#e5e3d1; text-shadow: 0 1px 1px #000000; font-size:17px; text-align:center; line-height:20px;}

.sp2011 div.signup div.welcome {height:235px; text-align:left; padding:80px 0 0 140px; width:650px; text-shadow:0 0 1px #222; background:transparent url('/app/layout/images/general/2011/wizard_landing.png') scroll no-repeat -15px 50%;}
.sp2011 div.signup div.welcome h2 {font-family:'Open Sans',sans-serif,tahoma; color:#e6e4cd; font-size:30px; line-height:30px;}
.sp2011 div.signup div.welcome p {font-family:'Open Sans',sans-serif,tahoma; font-size:16px; color:#e6e4cd; padding:0; margin:0;}

.sp2011 div.signup img._billing { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -400px no-repeat; }
.sp2011 div.signup img._reactivate { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -680px no-repeat; }
.sp2011 div.signup img._paypal { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -560px no-repeat; }
.sp2011 div.signup img._aftertrial { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -684px no-repeat; }
.sp2011 div.signup img._download { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -200px no-repeat; }
.sp2011 div.signup img._like { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -448px no-repeat; }

.sp2011 div.signup div.faq h1 { margin: 0px 0 30px 0; }
.sp2011 div.signup div.faq h2 { margin: 5px 0 5px 0; }
.sp2011 div.signup div.faq p {font-size:13px; margin:0; padding:5px 0 0;}

.sp2011 div.signup div.clients h1 { margin: 0px 0 30px 0; }
.sp2011 div.signup div.clients img.dropshadow {float:left; padding:5px; border:solid 1px #F0F0F0; background-color:#FFF;}
.sp2011 div.signup div.clients div.clientlogos { background-color:#FFF; border: 1px solid #F0F0F0; padding:20px 0;}
.sp2011 div.signup div.clients div.clientlogos td.left { padding:0 28px; border-right:1px solid #F0F0F0; }
.sp2011 div.signup div.clients div.clientlogos td.right { padding:0 28px;}
.sp2011 div.signup div.clients div.clientlogos #LogoLeft { width:180px; height: 90px; }
.sp2011 div.signup div.clients div.clientlogos #LogoLeft2 { width:180px; height: 90px; }
.sp2011 div.signup div.clients div.clientlogos #LogoRight { width:180px; height: 90px; }
.sp2011 div.signup div.clients div.clientlogos #LogoRight2 { width:180px; height: 90px; }
.sp2011 div.signup div.clients div.clientlogos * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; }

.sp2011 div.signup div.clients .quote {background-color:#FFF; border:solid 1px #F0F0F0; padding:10px 10px 10px 15px; margin:0 0 0 90px; position:relative; background:#FFF url('/app/layout/images/general/customers/quotes_sprite.png') scroll no-repeat -85px 10px;}
.sp2011 div.signup div.clients .quote span {color:#700100;}
.sp2011 div.signup div.clients .quote p {font-size:13px; margin:0; padding:0 5px 0 0; background:transparent url('/app/layout/images/general/customers/quotes_sprite.png') scroll no-repeat 100% 100%;}
.sp2011 div.signup div.clients .quote i {width:11px; height:20px; position:absolute; top:10px; left:-11px; background:transparent url('/app/layout/images/general/customers/quotes_sprite.png') scroll no-repeat 0 0;}

.sp2011 div.signup ul.top10 {overflow:hidden;}
.sp2011 div.signup ul.top10 > li {float:left; list-style:none; width:50%; color:#6d6d6d; font-size:14px; }
.sp2011 div.signup ul.top10 ul li {padding:15px 15px 15px 40px; line-height:15px; list-style:none; background-image: url('/app/layout/images/general/2011/top10.png'); background-repeat:no-repeat;}

.sp2011 div.signup div.atfa ul.caseFeat {margin:40px 0 0;}
.sp2011 div.signup div.atfa ul.caseFeat li {float:left; list-style:none; width:340px; padding:0 0 0 45px; margin:0 0 20px; font-size:24px; color:#E5E3D1; text-shadow:0 1px 1px #000; font-family: 'Source Sans Pro', Arial , sans-serif; font-weight:300; background:transparent url("/app/layout/images/general/2011/overlay-cases.png") scroll no-repeat 0 50%;}

.sp2011 div.signup .panel {float:right; text-align:center; margin:35px 0 0; border-radius:4px; box-shadow:0 0 5px #333; width:240px; height:240px; background:#E0DDCD url("/app/layout/images/general/2011/overlay-hover.png") scroll no-repeat 0 100%;}
.sp2011 div.signup .panel .price { color:#930d0c; text-shadow: 0 1px 1px #FFF; font-size:100px; line-height:145px; font-family: 'Source Sans Pro', Arial , sans-serif; font-weight:300; }
.sp2011 div.signup .panel .month { color:#444; text-shadow: 0 1px 1px #FFF; font-size: 12px; }
.sp2011 div.signup .panel a {-webkit-transition: all 0.23s ease; -moz-transition: all 0.23s ease; -o-transition: all 0.23s ease; transition: all 0.23s ease; display:inline-block; font-family:'Open Sans', sans-serif, Arial; font-weight:400; font-size:14px; padding:0 30px; margin:20px 0 0; background-color:#8d9442; border:solid 1px #6c732c; border-radius:3px; box-shadow:0 0 1px #FFF; text-shadow:0 1px 1px rgba(0,0,0,0.3); color:#FFF; line-height:40px;}

.sp2011 div.signup div.atf ul.plans {margin:25px 0 0;}
.sp2011 div.signup div.atf ul.plans li {-webkit-transition: all 0.23s ease; -moz-transition: all 0.23s ease; -o-transition: all 0.23s ease; transition: all 0.23s ease; float:left; list-style:none; height:260px; margin:20px 0 0; text-align:center; background-color:#e0ddcd; background-image: url('/app/layout/images/general/2011/overlay-hover.png'); background-position:0 100%;}
.sp2011 div.signup div.atf ul.plans li.first {border-radius:3px 0 0 0;}
.sp2011 div.signup div.atf ul.plans li.last {border-radius:0 3px 0 0;}
.sp2011 div.signup div.atf ul.plans li:hover {margin:0; height:280px; border-radius:3px 3px 0 0; background-color:#eae6db;}
.sp2011 div.signup div.atf ul.plans li:hover > a {margin:45px 0 0;}
.sp2011 div.signup div.atf ul.plans li > a {-webkit-transition: all 0.23s ease; -moz-transition: all 0.23s ease; -o-transition: all 0.23s ease; transition: all 0.23s ease; display:inline-block; font-family:'Open Sans', sans-serif, Arial; font-weight:400; font-size:14px; padding:0 15px; margin:25px 0 0; background-color:#8d9442; border:solid 1px #6c732c; border-radius:3px; box-shadow:0 0 1px #FFF; text-shadow:0 1px 1px rgba(0,0,0,0.3); color:#FFF; line-height:33px;}
.sp2011 div.signup div.atf div.size { color:#444; text-shadow: 0 1px 1px #FFF; font-size: 15px; margin: 15px 0 0; }
.sp2011 div.signup div.atf div.price { color:#930d0c; text-shadow: 0 1px 1px #FFF; font-size:70px; line-height:100px; font-family: 'Source Sans Pro', Arial , sans-serif; font-weight:300; height: 100px }
.sp2011 div.signup div.atf div.price span { color: #444; text-shadow: 0 1px 1px #FFF; font-size: 12px }
.sp2011 div.signup div.atf div.year { color:#444; text-shadow: 0 1px 1px #FFF; font-size: 12px; margin:10px 0 0;}
.sp2011 div.signup div.atf div.month { color:#444; text-shadow: 0 1px 1px #FFF; font-size: 12px; }
.sp2011 div.signup div.atf div.month span,
.sp2011 div.signup .brief span { color:#930d0c }

.sp2011 div.signup div.atf div.sublinks,.sp2011 div.signup div.atf div.sublinks a,.sp2011 div.signup div.atf div.sublinks a:link { color: #dcdbc2; text-shadow: 1px 1px 1px #000000; font-size: 13px; }

.sp2011 div.signup div.atf div.getstarted { position: relative; background: url('/app/layout/images/general/2011/signup_signupbox.png') repeat; width: 320px; margin: -45px 0 0; z-index: 2; padding: 5px 0 20px 20px; -moz-box-shadow: 0px 0px 10px #beb980; -webkit-box-shadow: 0px 0px 10px #beb980; box-shadow: 0px 0px 10px #beb980;}
.sp2011 div.signup div.atf div.getstarted h1 { color: #72793c; font-weight:700; text-transform:uppercase; text-shadow: 1px 1px 1px #fff; font-family:'Open Sans',sans-serif,tahoma; font-size: 20px; margin: 7px 0px 0px 45px; height: 17px; }
.sp2011 div.signup div.atf div.getstarted h3 { font-style: normal; font-family: Arial; font-size: 14px; margin: 10px 0 2px 0; color: #67584a; text-shadow: 1px 1px 1px #fff; }
.sp2011 div.signup div.atf div.getstarted ul { margin: 3px 0 -5px 15px; padding: 0; }
.sp2011 div.signup div.atf div.getstarted input[type=text] { font-family: Arial; font-size: 14px; padding: 6px; background-color: white; border: 1px solid #dfdeca; width: 280px; color: #67584a; }
.sp2011 div.signup div.atf #submit { font-family: Arial; font-size: 14px; padding: 18px 0 18px 0; background: url('/app/layout/images/general/2011/signup_button.png') top no-repeat; border: 1px solid #6c732c; width: 280px; color: #fff; font-weight: bold; cursor: pointer; border-radius: 3px; text-align: center; }
.sp2011 div.signup div.atf div.getstarted div.terms { margin: 10px 0 10px 0; font-size: 12px; }
.sp2011 div.signup div.atf .Notice { color: var(--red-text-0); }
.sp2011 div.signup div.atf div.getstarted p {font-family:'Open Sans',sans-serif,tahoma; font-style:italic; color:#72793c; text-align:center; font-size:16px; text-shadow:0 1px 1px #FFF;}


/* --- WHY SHIFTPLANNING --- */
.sp2011 div.why div.atf p { text-align: right; color: #ecebd9; font-size: 17px; margin-bottom: 35px; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; line-height: 25px; font-style: italic; }

.sp2011 div.why div.why h3 { color: #698030; text-shadow: #b9b9b9 1px 1px 1px; line-height: 40px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.sp2011 div.why div.why h3:hover {color:#4F4F4F;}

.sp2011 div.why div.why #why_scroller { height: 700px; width: 760px; overflow: hidden; }

.sp2011 div.why div.why div.why_content { width: 760px; }

.sp2011 div.why img._bullet_1 { width: 41px; height: 41px; background: url('/app/layout/images/general/2011/sprite-homepage.png') -39px -279px no-repeat; margin: 0px 8px 5px 0; }
.sp2011 div.why img._bullet_2 { width: 41px; height: 41px; background: url('/app/layout/images/general/2011/sprite-homepage.png') -39px -359px no-repeat; margin: 0px 8px 5px 0; }
.sp2011 div.why img._bullet_3 { width: 41px; height: 41px; background: url('/app/layout/images/general/2011/sprite-homepage.png') -39px -439px no-repeat; margin: 0px 8px 5px 0; }
.sp2011 div.why img._ssl { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') -40px 0px no-repeat; }
.sp2011 div.why img._backup { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') -40px -120px no-repeat; }
.sp2011 div.why img._userpassword { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') -40px -80px no-repeat; }
.sp2011 div.why img._datacenter { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') -40px -160px no-repeat; }
.sp2011 div.why img._atimeout { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') -40px -120px no-repeat; }
.sp2011 div.why img._downloaddata { width: 40px; height: 40px; background: url('/app/layout/images/general/2011/sprite-homepage.png') -40px -200px no-repeat; }

.sp2011 div.why table._security td img.pr { margin-right: 10px; }
.sp2011 div.why table._security td.pr { padding-right: 15px; padding-bottom: 30px; }
.sp2011 div.why table._security td h2 { font-family: Arial, tahoma; color: #700100; font-size: 17px; font-weight: 400; margin: 0px; padding: 0px; border-bottom: none; }

/* HEADER SOC AND LANG */

ul.toolbox {float:right; text-shadow:0 1px 1px #FFF; font-size:12px;}
ul.toolbox li {list-style:none; box-shadow: 0 1px 0 #FFF, 0 0 1px #d8d1b0 inset; float:left; padding:5px 10px; margin:0 0 0 10px; background:#e7e5d9; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
ul.toolbox li a {display:block; line-height:20px;}
ul.toolbox li a.langChooser { background:url('/app/layout/images/general/2011/locations.png') no-repeat 0 0; background-size: 30%; height: 18px; padding: 0 0 0 24px;}
ul.toolbox li a.reqDemo { background:url('/app/layout/images/general/2011/calendar.png') no-repeat 0 0; background-size: 18%; height: 18px; padding: 0 0 0 24px;}
ul.toolbox li a.access {background:url('/app/layout/images/general/2011/lock.png') no-repeat 0 0; background-size: contain; height: 18px; padding: 0 0 0 25px;}
ul.toolbox li a.partner {padding:0 20px 0 0; background-position:100% -105px;}
.sp2011 div.nav ul.toolbox li {padding: 5px 10px 8px 10px; text-shadow: 0 0; box-shadow: 0 0; background: var(--light-grey-stroke);  -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}

/* DEMO POPUP */
.pop_demo {position:fixed; top:0; left:0; width:100%; height:100%; background-image:url('/app/layout/images/general/2011/mask.png'); z-index:999; display:none;}
.pop_demo .demo_req {box-shadow:0 0 10px rgba(0,0,0,0.2); background-color:#f5f3ea; border-radius:3px; font-family:"Arial", Tahoma, sans-serif; font-size:12px; position:absolute; width:380px; top:85px; left:50%; margin:0 0 0 -190px;display:none;}
.pop_demo .demo_req .demo_head {position:relative; padding:20px; border-radius:3px 3px 0 0; border-bottom:solid 1px #5a0000; text-shadow:0 1px 0 #5a0000; background-image:url('/app/layout/images/general/2011/background-seamless.png'); background-position:-5px 0;}
.pop_demo .demo_req .demo_head a {width:16px; height:0; padding:17px 0 0; overflow:hidden; display:block; background-image:url('/app/layout/images/general/2011/popClose1.png'); position:absolute; top:10px; right:10px;}
.pop_demo .demo_req .demo_head a:hover {background-position:-16px 0;}
.pop_demo .demo_req .demo_head h2 {font-family:'Open Sans',sans-serif,tahoma; font-size:25px; font-weight:300; line-height:30px; color:#f5f3ea; margin:0; padding:0;}
.pop_demo .demo_req .demo_head p {padding:0; margin:0; font-size:14px; color:#f5f3ea;}
.pop_demo .demo_req .demo_intro {padding:0 20px 20px; overflow:hidden;}
.pop_demo .demo_req .demo_intro a {font-family:'Open Sans',sans-serif,tahoma; margin:0 0 20px; color:#FFF; width:160px; text-shadow:0 1px 1px rgba(0,0,0,0.3); font-size:14px; display:block; text-align:center; line-height:48px; border-radius:3px; border:solid 1px #6c732c; text-decoration:none; font-weight:700; background-image:url('/app/layout/images/general/2011/try_readmore_sprite.png');}
.pop_demo .demo_req .demo_intro .intro_txt {position:relative; clear:both; background-color:#FFF; color:#626262; font-size:14px; padding:10px; border:solid 1px #d2d0c2; border-radius:3px; box-shadow:0 2px 1px #EEE inset;}
.pop_demo .demo_req .demo_intro .intro_txt span {position:absolute; top:-8px; width:14px; height:12px; background-image:url('/app/layout/images/general/2011/tip1.png');}
.pop_demo .demo_req .demo_body {padding:10px 20px; border-top:solid 1px #fff;}
.pop_demo .demo_req > p {font-size:13px; padding:0 20px; margin:0;}
.pop_demo .demo_req > p a {text-decoration:none; color:#700100;}
.pop_demo .demo_req .demo_body table td {padding:10px 0; margin:0;}
.pop_demo .demo_req .demo_body table input[type=text] {font-family:"Arial", Tahoma, sans-serif; color:#626262; font-size:14px; width:293px; padding:10px 10px 10px 35px; border:solid 1px #d2d0c2; border-radius:3px; box-shadow:0 2px 1px #EEE inset;}
.pop_demo .demo_req .demo_body table select {font-family:"Arial", Tahoma, sans-serif; color:#626262; font-size:14px; padding:10px 10px 10px 35px; width:340px; border:solid 1px #d2d0c2; border-radius:3px; box-shadow:0 2px 1px #EEE inset; height: 38px; }
.pop_demo .demo_req .demo_body label {font-size:14px; background-image:url('/app/layout/images/general/2011/background-seamless.png'); width:230px; border-radius:0 3px 3px 0; position:absolute; left:375px; line-height:39px; padding:0 20px; color:#f5f3ea; text-shadow:0 1px 0 #5a0000;display:none;}
.pop_demo .demo_req .demo_foot {padding:20px; overflow:hidden;}
.pop_demo .demo_req .demo_foot a {font-family:'Open Sans',sans-serif,tahoma; color:#FFF; text-shadow:0 1px 1px rgba(0,0,0,0.3); font-size:16px; display:block; text-align:center; line-height:58px; border-radius:3px; border:solid 1px #6c732c; text-decoration:none; font-weight:700; background-image:url('/app/layout/images/general/2011/try_readmore_sprite.png');}
.pop_demo .demo_req .demo_foot a:hover, .pop_demo .demo_req .demo_intro a:hover {box-shadow:0 0 5px rgba(0,0,0,0.5);}
._left {left:75px;}
._right {right:75px;}
.demoName, .demoEmail, .demoPhone, .demoBusiness, .demoIndustry, .demoEmployees, .demoBusName, .regName, .regEmail {background-image:url('/app/layout/images/general/2011/sprite-demo.png'); background-repeat:no-repeat; padding:0 0 0 30px;}
.demoName {background-position:3px 3px;}
.demoEmail {background-position:3px -25px;}
.demoPhone {background-position:3px -56px;}
.demoBusiness {background-position:3px -86px;}
.demoBusName {background-position:3px -176px;}
.demoIndustry {background-position:3px -116px; -webkit-appearance: none;}
.demoEmployees {background-position:3px -146px; -webkit-appearance: none;}
.regName {background-position:3px 6px;}
.regEmail {background-position:3px -23px;}



/* POPUP */
.popClose {float:right; width:15px; height:15px; display:block; background: url('/app/layout/images/general/2011/popClose.png') scroll 0 0 no-repeat;}
.popClose:hover {background-position:-15px 0;}

.pop_cont {font-family:"Arial", Tahoma, sans-serif; font-size:12px; position:fixed; top:130px; left:50%; margin:0 0 0 -340px; background:rgba(0,0,0,0.4) none scroll repeat 0 0; border-radius:5px; padding:10px; z-index:9999;}
.pop_cont .pop {background-color:#FFF; border:solid 1px #666; width:660px;}
.pop_cont .pop .title {overflow:hidden; text-shadow:0 1px 0 #FFF; background-color:#f6f6ed; border-bottom:solid 1px #e3e2c9; padding:15px 20px; font-size:15px; line-height:15px; color:#870d0c;}
.pop_cont .pop .content {padding:0 20px; color: var(--grey-text-0);}
.pop_cont .pop .foot {overflow:hidden; padding:10px 0; line-height:25px;}
.pop_cont .pop .foot a {float:right; color:#870d0c; text-decoration:none;}
.pop_cont .pop .foot a:hover {color:#555;}
.robot {padding:5px 0 5px 25px; background: url('/app/layout/images/general/2011/robot.png') scroll 0 50% no-repeat;}
.human {padding:5px 0 5px 25px; margin:0 0 0 20px; background: url('/app/layout/images/general/2011/human.png') scroll 0 50% no-repeat;}
.humanPlus {padding:5px 0 5px 25px; margin:0 0 0 20px; background: url('/app/layout/images/general/plus.png') scroll 0 50% no-repeat;}

ul.languages {overflow:hidden; padding:15px 0; margin:0; border-bottom:solid 1px #EEE;}
ul.languages > li {float:left; width:25%; padding:0; margin:0; list-style:none;}
ul.languages ul {padding:0; margin:0;}
ul.languages ul li {padding:0; margin:0; list-style:none;}
ul.languages ul li a {color:#555; text-decoration:none; line-height:24px; position:relative;}
ul.languages ul li a:hover {color:#870d0c;}
ul.languages ul li a:hover span {display:block;}
ul.languages ul li a span {display:none; z-index:999; width:62px; height:24px; padding:4px 0 4px 10px;  position:absolute; top:-5px; right:-65px; background: url('/app/layout/images/general/2011/tip.png') scroll 0 50% no-repeat;}
ul.languages ul li a span img {padding:0 2px;}
ul.languages ul li a span img:first-child {padding:0 3px 2px 5px;}

/* TRANSLATION UI */

.trsSearch .trsBut, ul.addTra li span, a.voteUp, a.voteDown {background-image: url('/app/layout/images/general/2011/transUI.png'); background-repeat:no-repeat;}


.userStats {overflow:hidden;}
.userStats img {float:left;}
.userStats .traStats {margin:5px 0 0 60px; line-height:20px; font-size:14px; color: var(--grey-text-0);}
.userStats .traStats span {font-weight:bold; color:#444;}

.trsSearch {padding:10px; background-color:#FaFaFa; border:solid 1px #d4d4d4; border-radius:3px; position:relative;}
.trsSearch input[type=text] {border:none; font-size:15px; font-family:"Arial", Tahoma, sans-serif; color: var(--grey-text-0); width:900px; background-color:transparent;}
.trsSearch input[type=text]:focus {color:#333;}
.trsSearch .trsBut {position:absolute; top:14px; right:14px; width:15px; height:0; padding:15px 0 0; display:block; overflow:hidden; background-position:0 0;}
.trsSearch .trsBut:hover {background-position:-15px 0;}



.sp2011 div.home div.available {overflow:hidden; }
.trsSidebar {font-family:"Arial", Tahoma, sans-serif; color: var(--grey-text-0); font-size:12px; background-color:#f8f8f8; padding:10px; margin:0 0 20px; width:240px; float:left; border-bottom:solid 1px #ededed;}
.trsSidebar .title {font-size:15px; color:#555; line-height:50px;}
.trsSidebar .box {background-color:#FFF; border-radius:3px; padding:10px;}
.trsSidebar ul {margin:0; padding:0;}
.trsSidebar ul li {list-style:none; padding:2px 0;}
.trsSidebar select {border:none; width:200px; font-family:"Arial", Tahoma, sans-serif; font-size:13px; color:#8d0908;}
.trsSidebar ul li span {display:block; margin:0 !important;}
.trsContent {font-family:"Arial", Tahoma, sans-serif; color: var(--grey-text-0); width:700px; float:right; margin:20px 0 0px; padding:0 0 20px; }
.lineTrans {background-color:#f8f8f8; padding:15px 10px; display:block; width:100%; font-size:17px; color:#8d0908; border-top:solid 1px var(--light-grey-stroke); border-bottom:solid 1px #ededed;}
.lineTrans span {font-size:12px; color: var(--grey-text-0);}

ul.genTra {overflow:hidden; margin:0; padding:0;}
ul.genTra > li {list-style:none; padding:15px 100px 15px 10px; font-size:15px; border-bottom:solid 1px #ededed; position:relative;}
ul.genTra > li > a, ul.genTra > li > span {margin:0;}

ul.votes {position:absolute; top:50%; right:0; margin:-13px 0 0;}
ul.votes li {float:left; list-style:none; line-height:26px;}
ul.votes li span {padding:0 5px; display:block;}

a.voteUp {width:28px; height:26px; display:block; background-position:0 -15px;}
a.voteUp:hover {background-position:0 -41px;}
a.voteUp.sel {background-position:0 -93px;}
a.voteDown {width:27px; height:26px; display:block; background-position:-28px -15px;}
a.voteDown:hover {background-position:-28px -41px;}
a.voteDown.sel {background-position:-28px -67px;}

ul.addTra {overflow:hidden; margin:0; padding:5px 0;}
ul.addTra li {list-style:none; padding:5px 0; overflow:hidden;}
ul.addTra li .tags {padding:10px 5px; background-color:#f8f8f8; border:solid 1px #ededed; float:left; width:490px;}
ul.addTra li .tags a {font-size:13px; line-height:20px; padding:0 5px; color:#8d0908;}
ul.addTra li textarea {max-width:100%; min-width:100%; padding:10px; border:solid 1px #8e8e8e; font-family:"Arial", Tahoma, sans-serif; font-size:13px; color:#333;}
ul.addTra li textarea:focus {border-color:#8d0908;}
ul.addTra li span {display:block; line-height:20px; font-size:12px; color: var(--grey-text-0); background-position:-60px 2px; padding:0 0 0 15px;}
ul.addTra li a.addT {width:100px; text-align: center; float:right; display:block; font-size:14px; font-weight:bold; color:#FFF; background:#8B9240 url(/app/layout/images/general/2011/signup_button.png) scroll repeat-x 50% 50%; border: 1px solid #687028; padding: 0 15px 0; line-height:40px; border-radius:4px; text-shadow: 0 1px 1px #687028;}
ul.addTra li a.addT:hover {color:#FFF; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 5px #888; }
ul.addTra li a.cancelT {text-align: center; background: none repeat scroll 0 0 #EB6C65; border: 1px solid #C43535; width:80px; margin-right:10px; border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: block; float: right; font-size: 14px; font-weight: bold; line-height: 40px; padding: 0 15px; text-shadow: 0 1px 1px #687028; }
ul.addTra li a.cancelT:hover { box-shadow: 0 0 5px var(--grey-text-0); color: #FFFFFF; }

#pagination{ clear: both; text-align: center; float:right; width: 700px; margin-bottom:10px; }
.divPag{ float:left; width: 29px; height:28px; }

.divPag:hover{ float:left; width: 29px; height:28px; background-color: #fff; }
.divCenterPag{ border-left:1px solid #a3a5a8;border-right:1px solid #a3a5a8;float:left; width: 132px; height:28px; color:#6D6D6D; padding-top:5px; font-family:"Arial", Tahoma, sans-serif; }
.divPagination{
	height:30px; width:192px;
	background-color:#fff; border:1px solid #9C9A9A; border-radius:4px; margin:0 auto;
background-image: linear-gradient(bottom, rgb(226,227,229) 41%, rgb(254,254,254) 100%);
background-image: -o-linear-gradient(bottom, rgb(226,227,229) 41%, rgb(254,254,254) 100%);
background-image: -moz-linear-gradient(bottom, rgb(226,227,229) 41%, rgb(254,254,254) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(226,227,229) 41%, rgb(254,254,254) 100%);
background-image: -ms-linear-gradient(bottom, rgb(226,227,229) 41%, rgb(254,254,254) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.41, rgb(226,227,229)),
	color-stop(1, rgb(254,254,254))
);
border: 1px solid #a3a5a8;
border-radius: 3px;
box-shadow: inset 0px 0px 1px #fff;

}

#pagination input{ text-align:right; border: 1px solid #a3a5a8; border-radius: 3px; box-shadow: inset 0px 0px 1px #fff; }
#pagPrevious{ float:right; margin-right:5px; margin-top:7px; text-align:center; width:20px; height:15px; background: url(/app/layout/images/general/control_next.png) scroll repeat-x 50% 50%;}
#pagNext{ float:left; margin-left:5px; margin-top:7px; text-align:center; width:20px; height:15px; background: url(/app/layout/images/general/control_previous.png) scroll repeat-x 50% 50%;}
#pagPage{ margin-left:auto; margin-right:auto; }

.langSug {font-family:"Arial", Tahoma, sans-serif; padding:5px 0; text-align:center; background-color:#353535; font-size:14px; color:#eee3d1; line-height:40px; text-shadow:0 1px 1px #000;}
.langSug a {color:#abb16e; text-decoration:none; padding:0 5px; text-shadow:0 1px 1px #000 !important;}
.langSug a:hover {text-decoration:underline;}

/* TERMS CSS */

.sp2011 div.terms div.in p, .sp2011 div.terms div.in ol li { font-family: Arial, tahoma; color: #6d6d6d; font-size: 15px; font-weight: 400; margin: 0px 0px 20px 0px; padding: 0px; line-height: 22px; }
.sp2011 div.terms img._wizard { margin: 40px 40px 0 0px; float: left; }
.sp2011 .terms  div.atf { height: 285px !important;  }
.sp2011 div.terms div.atf div.wrapper { position: relative; width: 960px; margin: 0 auto 0 auto; }
.sp2011 div.terms div.atf div.effects { position: absolute; top:0; left: 0; z-index: 2; height: 285px !important; width: 960px; }
.sp2011 div.terms div.atf div.in { position: absolute; top:0; left: 0; z-index: 3; }
.sp2011 div.terms div.atf h1 { padding-top: 50px; line-height:30px; font-size: 30px; color: #ecebd9; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; white-space: nowrap; }
.sp2011 div.terms div.atf p, .sp2011 div.terms div.atf p a:link, .sp2011 div.terms div.atf p a { font-family:'Arial', sans-serif, tahoma; font-weight: 300; padding:0px; color: #ecebd9; font-size: 17px; margin-bottom: 35px; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; line-height: 20px; }

.sp2011 div.terms div.in div.in_left { width: 500px; }
.sp2011 div.terms div.in div.in_right { float: right; width: 385px; }

/* CUSTOMERS */

ul.customersMenu { width:160px; float:left;}
ul.customersMenu ul {border-top:solid 1px #EBEBEB; border-bottom:solid 1px #EBEBEB;}
ul.customersMenu li {list-style:none;}
ul.customersMenu li a {padding:10px 20px; line-height:20px; display:block; font-size:11px; font-weight:bold; text-transform:uppercase; color:#7d7d7d !important; text-shadow:0 1px 1px #FFF;}
ul.customersMenu li a:hover, ul.customersMenu li a.active {color:#8a914f !important; background-color:#f3f3f3;}

ul.customersRelated {margin:20px 0; padding:20px 0 0; border-top:solid 1px #EBEBEB;}
ul.customersRelated > li {list-style:none;}
ul.customersRelated ul {overflow:hidden;}
ul.customersRelated ul li {list-style:none; float:left; width:230px; margin:0 0 0 40px; padding:0 0 5px;}
ul.customersRelated ul li:first-child {margin:0;}
ul.customersRelated p {font-size:13px; margin:10px 0 5px; line-height:17px;}
ul.customersRelated a {font-size:13px; border-bottom:solid 1px #777;}

.customersContent {width:770px; float:right;}
.customersContent h2 {color:#700100 !important;}
.customersContent p {color:#6D6D6D; font-size:15px; line-height:22px;}
a.learnMore {font-size:14px; color:#700100 !important; position:absolute; bottom:50px; left:380px;}


/* DEMO PAGE */
.redpart.demoTop {height:auto; overflow:hidden; padding:30px 0;}
.demoTop iframe {border-radius:3px; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); margin:20px 0 0;}
.demoTop h1 {font-size:32px; line-height:40px; font-family: 'Open Sans', sans-serif, tahoma; font-weight:300; text-decoration:none; color:#E2E1C7; text-shadow:0 1px 1px #50150e;}
.demoTop h2 {font-size:24px; padding:0 0 8px; font-family: 'Open Sans', sans-serif, tahoma; font-weight:300; text-decoration:none; color:#830302; text-shadow:0 1px 1px #FFF;}
.demoTop .demoL p {color:#FFF; font-size:14px; text-shadow:0 1px 1px #50150e;}
.demoL {float:left; width:640px;}
.demoR {float:right; width:290px;}
.demoR > p {padding:5px 0; margin:0;}
.demoForm {background-color:#F5F3EA; border-radius:3px; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); font-family: "Arial",Tahoma,sans-serif; font-size: 12px; padding:20px;}
.demoForm table td {padding:5px 0;}
.demoForm table input[type=text] {font-family:"Arial", Tahoma, sans-serif; color:#626262; font-size:13px; width:203px; padding:10px 10px 10px 35px; border:solid 1px #d2d0c2; border-radius:3px; box-shadow:0 2px 1px #EEE inset;}
.demoForm table select {font-family:"Arial", Tahoma, sans-serif; color:#626262; font-size:13px; padding:10px 10px 10px 35px; width:250px; border:solid 1px #d2d0c2; border-radius:3px; box-shadow:0 2px 1px #EEE inset; height: 38px; }
.demoForm .demoFormFoot {padding:7px 0 0;}
.demoForm .demoFormFoot a {background-image: url("/app/layout/images/general/2011/try_readmore_sprite.png"); border:1px solid #6C732C; border-radius:3px 3px 3px 3px; color:#FFFFFF; display:block; font-family: 'Open Sans',sans-serif,tahoma; font-size:14px; font-weight:700; line-height:38px; text-align:center; text-decoration:none; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);}
.demoForm .demoFormFoot a:hover {box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}

ul.demoVids {overflow:hidden;}
ul.demoVids li {float:left; list-style:none; margin:0 13px 0 0;}
ul.demoVids li img {border:solid 1px var(--light-grey-stroke);}
ul.demoVids li span {display:block; font-size:14px; color:#666; text-align:center;}

/* CUSTOMERS MAPS */

.custQ, .custQ span {background-image:url(/app/layout/images/general/customers/quotes_sprite.png); background-repeat:no-repeat;}
.redpart {height:380px;	background:url(/app/layout/images/general/customers/reddottedbg_homepage.jpg) scroll repeat 50% 50%;}

.wrapper960 {margin:0 auto; width:960px; position:relative;}
.custQ {border:solid 1px #620906; background-position:-80px 7px; padding:10px; background-color:#e7e6ce;}
.custQ span {background-position:100% 100%; font-style:italic; color:#620906; padding:5px; display:block;}

div.wizard_holder { text-align:center; margin:70px 0;}
a.signup_wizard {
    position:relative;
    display:inline-block;
    padding: 10px 40px 15px 40px;
    background-color: #868d4c;
    margin:0 0 0 115px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    letter-spacing: -1px;
    text-align: center;
    text-decoration: none;
    border: 1px solid rgba(122, 129, 66, 1);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    /* CSS3 Button Shadow + Inset line */

    -moz-box-shadow: inset -0px 1px rgba(255, 255, 255, 0.3), 0px 0px 10px rgba(0,0,0, .4);
    -webkit-box-shadow: inset -0px 1px rgba(255, 255, 255, 0.3), 0px 0px 10px rgba(0,0,0, .4);
    box-shadow: inset -0px 2px rgba(255, 255, 255, 0.1), 0px 0px 5px rgba(0,0,0, .1);

    /* CSS3 Button Gradients */
    background-color: #8b924f;


    -webkit-transition:all 0.214s ease-in;
    -moz-transition:all 0.214s ease-in;
    -o-transition:all 0.214s ease-in;
    transition:all 0.214s ease-in;
}
a.signup_wizard .wiz {background:url("/app/layout/images/general/wizard_holder.png") no-repeat; position:absolute; left:-116px; top:-65px; width:115px; height:230px;}
span.no_cc {
    color: #444a11 !important;
    font-size: 16px;
    display: block;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 25px;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, .1);
}

a.signup_wizard:hover {
    background-color: #7e8647;
    box-shadow: inset -0px 2px rgba(255, 255, 255, 0.1), 0px 0px 5px rgba(0,0,0, .5);
}


/* autocomplete textarea list for autocompleteTextArea jquery plugin */
ul.auto-list{display:none;position:absolute;top:0px;left:0px;border:1px solid #ebebeb;background-color:white;padding:0;margin:0;list-style:none;}
ul.auto-list>li:hover,ul.auto-list>li[data-selected=true]{background-color:#ebebeb;}
ul.auto-list>li{border-top: 1px solid #ebebeb;cursor:default;padding:2px;}
mark{font-weight:bold;}

/* watermark dependent css */
.watermarkify-wrap{
	position:relative;
	overflow:hidden;
}

.watermarkify-watermark{
	position:absolute;
	left:36px;
        line-height:21px;
	font-size:14px;
	display:block;
	color:var(--grey-text-0);
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    overflow:hidden;
}

.watermarkify-watermark-blurred{
	opacity:0.5;
	filter: alpha(opacity = 50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* LIVECHAT */
#launch_lc { position: fixed; top: 190px; left: 0px; background: url('/app/layout/images/general/homepage/live-chat.png') no-repeat -1px 0; width: 32px !important; height: 87px; cursor: pointer; z-index: 99999; border-radius: 0 2px 2px 0; }
#launch_lc:hover { opacity: 0.9; }
#launch_loc_cl { bottom: 0px; float: right; margin-top: 184px; margin-right: 44px; width: 25px; height: 25px; }

.nav {
    width:100%;
    height:100px;
    background-color:gray;
    background-image:url('../images/nav_bg.png');
    box-shadow:0px 1px 5px rgba(0,0,0,0.15);
}

/* Structure */
div.wrapper960 {
    width:960px;
    margin:0 auto;
}

section.atf-dark-noise {
    background-color:black;
    background-image:url('../images/dark-noise.png');
    width:100%;
}

section.atf-dark-noise.spgirl {
    height:610px;
}

section.atf-dark-noise.spdesktop, section.atf-dark-noise.spphone  {
    height:550px;
}


section.atf-scene {
    width:100%;
    background-repeat: no-repeat;
    background-position:50% 50%;
}

section.atf-scene {
    width:100%;
}

/* TYPO ATF */
section.atf-scene .wrapper960 h1 {

	color:#333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
    width:500px;
    font-family:open sans, arial, sans-serif;
    font-size:42px;
    padding:90px 0px 35px 0px;
    line-height:50px;
    font-weight:700;
    margin-left:50%;
}

section.spdesktop section.atf-scene .wrapper960 h1, section.spphone section.atf-scene .wrapper960 h1  {
    margin-left:0%;
    padding: 70px 0px 30px 0px;
}

section.atf-scene .wrapper960 ul {
	list-style: none!important;
}

section.atf-scene .wrapper960 ul li {
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    color:#333;
    margin-left:50%;
    font-family:open sans, arial, sans-serif;
    font-size:29px;
    line-height:60px;
    font-weight:400;
    padding-left:35px;
    background: transparent url('../images/check-mark.png') scroll no-repeat 7px 50%;

}
section.spdesktop section.atf-scene .wrapper960 h1.regList {margin-left:0%; padding: 55px 0px 15px 0px;}
section.atf-scene .wrapper960 ul.regList li {line-height:40px; font-size:24px;}

section.spdesktop section.atf-scene .wrapper960 ul li, section.spphone section.atf-scene .wrapper960 ul li  {
    margin-left:0%;
}

section.atf-scene .wrapper960 ul.top-additional-nav { float: right }
section.atf-scene .wrapper960 ul.top-additional-nav li { float: left; background: none; padding: 0; font-size: 16px; line-height: 2.5 }
section.atf-scene .wrapper960 ul.top-additional-nav li.mid { padding: 0 30px 0 }
section.atf-scene .wrapper960 ul.top-additional-nav a { color: #5e5e5e }

/* Buttons */
.cta-button,
.cta-button:visited {
    font-family:open sans, arial, sans-serif;
    font-size:30px;
    font-weight:600;
    text-transform: uppercase;
    text-align:center;
    margin-top:40px;
    margin-bottom:30px;
    margin-left:50%;
    padding: 24px 60px 27px 60px;
    background: #8aa913 url('../images/transparency-noise.png');
    display: inline-block;
    color: #ffffff!important;
    text-decoration: none!important;
    border-radius: 4px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #5a7108;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5), inset 0px -3px 0px rgba(0, 0, 0, 0.08);

    -webkit-animation-name: greenPulse;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
}

.cta-button:hover {
    background: #94b417 url('../images/transparency-noise.png');
}
.cta-button:active { top: 1px; }
.cta-button span {
    text-transform: none;
    font-weight:300;}


section.spdesktop .cta-button, section.spphone .cta-button  {
    margin-left:0%;
    margin-bottom: 15px;
}
/* Take the tour button */
.cta-tour-link, .cta-tour-link:visited {
    width:450px;
    display: inline-block;
    font-family:open sans, arial, sans-serif;
    font-size:20px;
    font-weight:300;
    color:#485614!important;
    margin-left:50%;
    text-decoration: none!important;
    text-align:center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;

}
.cta-tour-link:hover {
    color:#F8F8F5!important;
}

section.spdesktop .cta-tour-link, section.spphone .cta-tour-link  {
    margin-left:0%; margin-right:50%;
}
section.spdesktop .cta-tour-link:hover, section.spphone .cta-tour-link:hover {
	color:#333!important;
}

/* Animation for Webkit */
@-webkit-keyframes greenPulse {
    from { background-color: #85a20f; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5), inset 0px -3px 0px rgba(0, 0, 0, 0.08); }
    50% { background-color: #9bb921;  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6), inset 0px -3px 0px rgba(0, 0, 0, 0.08); }
    to { background-color: #85a20f; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5), inset 0px -3px 0px rgba(0, 0, 0, 0.08); }
}

.inLogin {padding:35px; margin:30px 0 0; border-radius:5px; background-color:rgba(0,0,0,0.1); width:350px;}
.inLogin label {font-size:14px; background-image:url('/app/layout/images/general/2011/background-seamless.png'); background-position:0 3px; width:230px; border-radius:0 3px 3px 0; position:absolute; left:400px; line-height:44px; padding:0 20px; color:#f5f3ea; text-shadow:0 1px 0 #5a0000; display: none;}
.inLogin input {font-family:"Arial", Tahoma, sans-serif; color: var(--grey-text-0); font-size:15px; width:300px; padding:12px 15px 12px 35px; margin:0 0 10px; border:solid 1px var(--light-grey-stroke); border-radius:6px; box-shadow:0 2px 1px #EEE inset;}
.inLogin a {font-family:'Open Sans',sans-serif,tahoma; color:#FFF; text-shadow:0 1px 1px rgba(0,0,0,0.3); font-size:16px; display:block; text-align:center; line-height:48px; border-radius:3px; border:solid 1px #6c732c; text-decoration:none; font-weight:700; background-image:url('/app/layout/images/general/2011/try_readmore_sprite.png');}

/* customer spot redesigned */
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.oh{overflow:hidden;}
.sp2011 div.body_o { background:white!important; padding: 30px 0 30px 0; }
.sp2011 ul.logos,
.sp2011 ul.testimonials{vertical-align:top; font-family:Arial, tahoma; color:#6d6d6d; font-size:15px; font-weight:400; margin:0px 0px 0px 0; padding:0px; line-height:22px;}
.sp2011 ul.testimonials{margin:30px 0;}
.sp2011 ul.testimonials li .content{width:296px; float:left; margin:0 10px 0 25px;}
.sp2011 ul.testimonials li .content p{font-size:16px; color:#7a7a7a;}
.sp2011 ul.testimonials li .content p.sig,
.sp2011 ul.testimonials li .content p.sig a{font-size:13px; color:#adadad;}
.sp2011 ul.logos li{float:left; list-style-type:none;}
.sp2011 ul.testimonials li{float:left; width:50%; list-style-type:none;}

/* ABOUT PAGES */
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}
.oh{overflow:hidden;}
.pd50 { padding: 50px 0; }
.pd40 { padding: 40px 0!important; }
.text-center{ text-align: center; }

.content-section1 {background: transparent url(/app/layout/images/general/content_section_bg_15.png) scroll repeat 0 0; border-bottom: solid 1px #EEE;}
.content-section2 {border-bottom: solid 1px #EEE; background-color: #fff;}

#banner-image h1{text-align: center; color: #fff; padding: 240px 0 0 0; font-size: 60px; font-family: 'Lato', sans-serif; font-weight: 300;}

#menu-new ul.menu { text-align:center; }
#menu-new ul.menu li { display: inline-block; float: none; margin-left: 11px; *display: inline; zoom: 1 }
#menu-new ul.menu li a { display: block; font: bold 12px/30px 'Droid Sans',sans-serif; padding: 0 5px;}

ul.ceo_wrapper { float: left; margin-bottom: 40px; }
ul.ceo_wrapper li.second .tip{ left: 218px; }
ul.ceo_wrapper li.third .tip{ left: 216px; }
ul.ceo_wrapper li.fourth .tip{ left: 218px; }
ul.ceo_wrapper li.last .tip{ left: 424px; }
ul.ceo_wrapper li{float:left; list-style-type:none; padding-right:47px; position:relative;}
ul.ceo_wrapper li.last{padding-right:0;}
ul.ceo_wrapper li img{opacity:0.8;}
ul.ceo_wrapper li:hover {z-index:99;}
ul.ceo_wrapper li:hover img{opacity:1; cursor:pointer;}
ul.ceo_wrapper li .ceo_info{padding:14px; color:#797979; font-size:15px; line-height:1.5; position: absolute; bottom: 184px; width: 480px; background: #f8f8f8; -moz-box-shadow: 0 0 5px rgba(189, 189, 189, 0.62); -webkit-box-shadow: 0 0 5px rgba(189, 189, 189, 0.62); box-shadow: 0 0 5px rgba(189, 189, 189, 0.62); border: 1px solid #cacaca; display:none;}
ul.ceo_wrapper li .ceo_info h2{font-weight:400; color:#880000; padding-bottom:15px;}
ul.ceo_wrapper li.first .ceo_info{left:0}
ul.ceo_wrapper li.second .ceo_info{left:-150px;}
ul.ceo_wrapper li.second .ceo_info{left:-150px;}
ul.ceo_wrapper li.third .ceo_info{left:-150px}
ul.ceo_wrapper li.fourth .ceo_info{right:-150px}
ul.ceo_wrapper li.last .ceo_info{right:0}

.inner-content {width: 960px; padding: 0; margin: 0 auto; float: none; position:relative;}
.inner-content h2.about { font-family: 'Lato', sans-serif; font-size: 36px; padding: 0 0 35px 0; color: #393939; font-weight: 300; }
.inner-content ul.functionality {}
.inner-content ul.functionality li.first { background-position: 0 5px; }
.inner-content ul.functionality li.second { background-position: 0 -181px; }
.inner-content ul.functionality li.third { background-position: 0 -360px; }
.inner-content p { font-size: 14px; color: #797979; font-family: 'Droid Sans', sans-serif; }
.inner-content div.bio { font-weight: bold; font-size: 14px; color: #797979 !important; font-family: arial; margin-top: 16px; margin-bottom: 10px; }

.about-intro { width: 65%; float: left; }
.about-intro p{ margin-bottom: 20px; }
.about-intro p.intro{ font-size: 28px; color: black; font-family: 'Lato', sans-serif; margin-bottom: 38px; line-height: 1.5; }
.about-intro p.intro.light{ font-weight: 300; margin-bottom: 0; }

.timeline {float: right;}
.timeline li span { font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; }
.timeline .first { background-position: 0 0; }
.timeline .second { background-position: 0 -262px; }
.timeline .third { background-position: 0 -503px; }
.timeline .fourth { background-position: 0 -749px; }

ul.investors { float: right; border: 1px solid var(--light-grey-stroke); background: white; margin:39px 0; padding:20px 32px; }
ul.investors li { list-style-type: none; float: left; }

/* BRAND ASSETS */

.main-menu-placeholder { position: absolute; width: 100%; margin: 0 auto; bottom: 0; left: 0; }
.main-menu-placeholder #combo-menus { height: auto; position: relative; margin: 0 auto; width: 960px; height: auto!important;}

.brand-assets { }
#banner-section-tour-overview.brand-assets { background-position: 0 -130px; height: 300px; position: relative; }
.brand-assets #banner-image { background: none; height: auto; position: relative; margin: 0 auto; width: 960px; padding-top: 59px; text-align: center; }
.brand-assets #banner-image p { color: #e5e3d1; font-size: 15px; font-family: 'Droid Sans', sans-serif; }
.brand-assets #banner-image h1{ padding: 0 0 15px 0; line-height: 1; color: #e5e3d1; text-shadow: 0 1px 1px #000; }

ul.brand li { list-style-type: none; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5em; }
p.loud { font-size: 18px; color: #393939; font-family: 'Lato', sans-serif; font-weight: 400; }

h2.brand-standard { font-size: 42px; padding-bottom: 15px; font-family: 'Lato', sans-serif; font-weight: 100; }

.trademark-guidelines { padding: 64px 194px 100px 269px; }
.trademark-guidelines h2 { font-size: 42px; padding-bottom: 15px; font-family: 'Lato'; font-weight: 100; }
.trademark-guidelines p { font-size: 18px; font-family: 'Lato', sans-serif; color: #000; }
.trademark-guidelines strong { color: #000; }
.trademark-guidelines ul { margin-left: 23px; padding-left: 0; list-style-type: none; text-indent: -1.2em; list-style-position: inside; font-family: 'Lato', sans-serif; }
.trademark-guidelines ul li { font-size: 18px; line-height: 1.4em; font-weight: 100;}
.trademark-guidelines ul li:before { content: "• "; color: #9b2d2d; }

/* JOBS */
#banner-section-tour-overview.careers-jobs { background-position: 0 -130px; height: 300px; position: relative; }
.careers-jobs #banner-image { background: none; height: auto; position: relative; margin: 0 auto; width: 960px; padding-top: 62px; }
.careers-jobs #banner-image p { color: #e5e3d1; font-size: 15px; font-family: 'Droid Sans', sans-serif; }
.careers-jobs #banner-image h1 {padding: 0 0 16px 0; line-height: 1; color: #e5e3d1; text-shadow: 0 1px 1px #000;}
ul.sp-benefits { }
ul.sp-benefits li { float: left; width: 285px; padding-left: 49px; }
ul.sp-benefits li.first { padding-left: 0;}
ul.sp-benefits li h3 { font-weight: 400; padding:20px 0 15px 0;}

ul.intro-lines li div { padding: 13px 0 0 37px; }
ul.intro-lines li div h3 { padding: 0 0 15px 0; font-weight: 400; }
ul.intro-lines li div.middle { padding: 13px 37px 0 0; }

a.job-board {-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; background: url("/app/layout/images/general/jobs/button-sprite.png") scroll repeat-x 0 -38px; opacity: 0.5; color: white; border-radius: 3px; padding: 0 60px; width: 136px; font: 100 16px/37px 'Lato'; display: block; margin: 0 auto;}
a.job-board:hover {opacity: 1; text-decoration: none;}

.inner-content ul.functionality li{ list-style-type: none; font-size: 14px; padding-bottom: 25px; color: #797979; background: url('/app/layout/images/general/2011/about-us-sprite.png') no-repeat; padding-left: 72px; line-height: 20px; }
.red-title { font-size: 26px; color: #880000; line-height: 1.0em; padding-bottom: 15px; }
.red-title span{ font-size: 16px; color: #393939; font-weight: 400; }

/* NEWS */

ul.media { overflow: hidden; margin: 40px 0 15px 0; }
ul.media li { width: 33%; font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 35px; }
ul.media li h3{font-size: 18px; font-family: 'Open Sans', sans-serif; }
ul.media li.tel { background-position: 62px 3px }
ul.media li.mail { background-position: 18px -85px; }
ul.media li.twitter { background-position: 41px -172px; border: 0; padding: 0; margin: 0; }

ul.front { overflow: hidden; }
ul.front li { float: left; width: 25%; font-family: 'Lato', sans-serif; font-weight: 100; }
ul.front li h3{ font-family: 'Open Sans', sans-serif; font-size: 18px; }
ul.front li a{ display: block; font-family: 'Lato', sans-serif; font-size: 16px; }

ul.sp-news { overflow: hidden; }
ul.sp-news li { float: left; width: 50%; padding-bottom: 40px; }
ul.sp-news li h3,
ul.sp-news li p { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 100; }
ul.sp-news li h3 { color: #393939; font-weight: 400; }
ul.sp-news li p { color: #848484; }

ul.news-list { margin: 0 0 0 -40px; }
ul.news-list li { float: left; width: 455px; margin: 0 0 40px 40px; border: 1px solid var(--light-grey-stroke); box-sizing: border-box; background: white; min-height: 275px; padding: 30px; }
ul.news-list li .news-date { color: white; background: #333; width: 68px; height: 59px; margin-right: 11px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 700; padding: 10px 0 0 0; }
ul.news-list li .news-date span { font-weight: 400; font-family: 'Droid Sans', sans-serif; display:block; font-size: 12px; text-transform: uppercase; }
ul.news-list li .news-title { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 100; }
ul.news-list li .news-top{ padding-bottom: 10px; }

.newsletter-form { padding: 20px 0; }
.newsletter-form input[type="text"] { width: 423px; height: 46px; padding: 0 0 0 19px; margin: 0; border: 1px solid #d6d6d6; border-radius: 4px 0 0 4px; font-family: 'Lato', sans-serif; font-weight: 100; font-size: 20px; color: #a8a8a8; }
.newsletter-form input[type="submit"] { border: 1px solid #6C732C; color: #FFFFFF; text-shadow: 0 1px 1px #687028 !important; border-radius: 0 3px 3px 0; display: inline-block; margin: 0 0 0 -5px; line-height: 47px; padding: 0 15px; text-align: center; text-decoration: none; font-family: 'Lato', sans-serif; font-size: 20px; text-decoration: none; }
.newsletter-form input[type="submit"]:hover { cursor: pointer; }

/* JOB BOARD */

ul.job-board-marketing { }
ul.job-board-marketing li { float: left; width: 25%; text-align: center; }
ul.job-board-marketing li h3 { font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 100; padding: 20px 0 10px 0; }
ul.job-board-marketing li p { font-family: 'Droid Sans', sans-serif; font-size: 14px; font-weight: 100; color: #797979; }

ul.job-list { }
ul.job-list li { margin-bottom: 40px; overflow: hidden; width: 100%; }
ul.job-list li a { font-family: 'Lato'; font-size: 16px; }
ul.job-list li .location { font-family: 'Droid Sans', sans-serif; font-size: 14px; line-height: 16px; padding-right: 22px; color: #797979;}

h1.jl-h { font-family: 'Lato', sans-serif; font-weight: 100; font-size: 40px; line-height: 52px; }

ul#filterOptions li { float: left; }
ul#filterOptions li a { display: block; background: none; color: #393939; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 100; padding: 15px 10px; border: 1px solid #dedede; }
ul#filterOptions li a:hover { text-decoration: none; background: rgba(157, 179, 69, 0.19); }
ul#filterOptions li.active a { display: block; background: #9db345; color: white; border: 1px solid #778c62; text-shadow: 0 1px 1px #727272; }
ul#filterOptions li.first a { border-radius: 3px 0 0 3px; }
ul#filterOptions li.second a { border-radius: 0; border-left: 1px solid white ; border-right: 1px solid white ; }
ul#filterOptions li.second a:hover { border-left: 1px solid rgba(157, 179, 69, 0.19) ; border-right: 1px solid rgba(157, 179, 69, 0.19) ; }
ul#filterOptions li.second.active a { border-radius: 0; border-left: 1px solid #778c62 ; border-right: 1px solid #778c62; }
ul#filterOptions li.third a { border-radius: 0 3px 3px 0; }


/* TEAM PAGE */

.image-grid { float:left; height: auto!important; overflow: hidden; }
.image-grid:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }

.animate { float: left; margin-left: 30px; margin-bottom: 30px; overflow: hidden; position: relative; height:200px ; width: 200px; }
.animate .infobox { display: none; position: absolute; top: 0; left: 0; width: 200px; height: 125px; text-align: center; padding-top: 75px; color: white; background: rgba(0, 0, 0, 0.73); }
.animate .infobox strong { display: block; width:100%; font: 100 22px 'Lato';}
.animate .infobox .position { color: var(--grey-text-0); font: 300 12px 'Droid Sans'; padding-top: 3px;}
.animate .infobox span { display: none; }
.animate:hover .infobox { display: block; cursor: pointer; }

.fun .animate > img { margin-top: -200px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.animate > img { margin-top: 0;   -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

/* PROFILE PAGE */

a.open-source { font-family: 'Lato', sans-sarif; font-size: 16px; color: white!important; background: #cdd8a1; border-radius: 3px 3px 3px 3px; display: inline-block; margin: 20px 0 0; line-height: 41px; padding: 0 30px; text-align: center; border: 1px solid #abb89b; }
a.open-source:hover { text-decoration: none; }

.avatar-bg img { border-radius: 50%; }
.avatar-bg { background: url(/app/layout/images/general/content_section_bg_15.png) scroll repeat; margin-top: -185px; padding: 10px 10px 0 10px; border-radius: 50%;}

ul.profile-lists { box-sizing: border-box; }
ul.profile-lists > li { width: 30%; border-right: 1px solid #ebebeb; padding-left: 40px; }
ul.profile-lists > li.first { padding: 0; }
ul.profile-lists > li.last { border: 0; }
ul.profile-lists li { font:100 14px 'Lato', sans-serif; }
ul.profile-lists li.title { font-size: 24px; }

.profile-content h1 { font:100 41px 'Lato', sans-serif; }
.profile-content h2 { font:100 20px 'Lato', sans-serif; line-height: 38px;}
.profile-content h3 { font:100 14px 'Lato', sans-serif; opacity: 0.5; }

/* BLOG PAGES */

ul.menu-blog-cat { margin: 44px 0 0 0; width: 190px; }
ul.menu-blog-cat li { list-style-type: none; margin-bottom: 17px; }
ul.menu-blog-cat li div{ float: right; font: 700 14px 'Droid Sans', sans-serif; color: #e5e3d1; text-align: center; background: #560707; padding: 2px 5px; border-radius: 4px; min-width: 16px; }
ul.menu-blog-cat li a { font: 14px 'Droid Sans', sans-serif; color: #e5e3d1; }
ul.menu-blog-cat li a.active:before { content: '» ' ; }
ul.menu-blog-cat li a:hover { text-decoration: underline; }

#banner-section-tour-overview.blogSingle,
#banner-section-tour-overview.blog { height: 366px; }

a.full-article { display: block; width: 100px; background-color: #9db345; color: white; padding: 10px 20px; border-radius: 5px; border: 1px solid #778c62; opacity: 0.5; }
a.full-article:hover { opacity: 1; text-decoration: none; }

#slider-code { height: 285px; overflow: hidden; margin-top: 44px; float: right; }
#slider-code .viewport { float: right; width: 720px; height: 285px; overflow: hidden; position: relative; background: #131313; }
#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .next { margin: 30px 0 0 10px; }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 0; height: 285px; width: 722px; position: relative; }
#slider-code .overview li img { width: 720px; height: 285px; margin: 0; }
#slider-code .pager { overflow: hidden; list-style: none; clear: both; margin: -60px 13px 0 0; position: relative; }
#slider-code .pager li { float: left; }
#slider-code .pagenum { background-color: #686c6f; text-decoration: none; text-align: center; width: 12px; height: 12px; color: transparent; font-size: 0; font-weight: bold; display: block; border-radius: 50%; margin-left: 7px; }
#slider-code .pagenum.first { margin-left: 0; }
#slider-code .active { color: transparent; background-color: #d4d5d5; }

ul.blogPosts > li .blog-post-summary .blog-post-title h2 {color: white; }
ul.blogPosts > li .blog-post-summary .blog-post-title .shadow-box {color: #a6a8aa;}
ul.blogPosts > li .blog-post-summary .blog-post-title .shadow-box a{font: 700 14px 'Droid Sans', sans-serif; color: #a6a8aa;}
.bDate { font: 700 14px 'Droid Sans', sans-serif; float: left; color:#a6a8aa; margin-top: 7px; }
.bTitle { width: 600px; float: left; }
.bTitle h3 { font: 100 20px 'Lato', sans-serif; color: white; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (https://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (https://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: var(--blue-text-0); outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: var(--blue-text-0); text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; z-index: 1000; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.brslider.ui-widget-content { border: 1px solid #A42727;}
.brslider .ui-widget-header { background: #A42727 url(/app/layout/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100a.png) 50% 50% repeat-x}
.brslider .ui-state-default { background: #e0bdbd url(/app/layout/css/redmond/images/ui-bg_glass_85_dfeffc_1x400a.png) 50% 50% repeat-x}
.brslider a.ui-state-default { border: 1px solid #A42727; height: 12px;}
.brslider .ui-state-hover, .brslider .ui-state-focus { border: 1px solid #A42727; background: #e0bdbd}
.brslider .ui-state-active { border: 1px solid #A42727;}
.brslider.ui-corner-all, .brslider .ui-corner-all { border-radius: 2px!important;}