/**
 * Imports all of the .less files used to generate app_portal_all.css
 */
/* Variables.less
 * Variables to customize the look and feel of Bootstrap
 * ----------------------------------------------------- */
/**
 * Settings and values to customize the look and feel of Bootstrap and the
 * App Portal.
 * 
 * Note that this file contains *global* settings only. Additional variables
 * are defined/used within other less files, when those variables apply only
 * to the settings in those other files.
 * 
 * 
 * See /docs/css-less for coding standards,
 * and ../README.txt for compilation.
 */
/*
 * Size variables for the affiliate bookmark icons.
 */
/*
 * This is a bunch of misc css overrides, moved verbatim from inline <style>s
 * that were originally placed in gadget views.
 * 
 * These should be migrated into our 'real' .less files, consolidating and
 * removing as much as we can, formatted properly to match the rest of the code,
 * and updated to use Less variables and features.
 */
/* from Noaa/conditions */
.app-noaa-current .location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: -3px;
  padding-bottom: 3px;
  font-weight: bold;
}
.app-noaa-current img.skies {
  height: 58px;
  width: 55px;
  margin: 0;
  padding: 0;
  float: left;
  border: 1px solid #808080;
  border-radius: 5px;
}
.app-noaa-current .temperature {
  font-size: 24px;
  text-align: center;
  margin-top: 16px;
  font-weight: bold;
}
.app-noaa-current .feels-like {
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.app-noaa-current .misc {
  font-size: 10px;
  line-height: 12px;
  clear: both;
  padding-top: 3px;
}
.app-noaa-detail table th {
  text-align: right;
}
/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* Mixins.less
 * Snippets of reusable CSS to develop faster and keep code readable
 * ----------------------------------------------------------------- */
/*
 * Scaffolding
 * Basic and global styles for generating a grid system, structural layout, and page templates
 * ------------------------------------------------------------------------------------------- */
body {
  background-color: #ffffff;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #404040;
}
.container {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  zoom: 1;
}
.container:after {
  clear: both;
}
.container-fluid {
  position: relative;
  min-width: 940px;
  padding-left: 20px;
  padding-right: 20px;
  zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  zoom: 1;
}
.container-fluid:after {
  clear: both;
}
.container-fluid > .sidebar {
  position: absolute;
  top: 0;
  left: 20px;
  width: 220px;
}
.container-fluid > .content {
  margin-left: 240px;
}
a {
  color: #0069d6;
  text-decoration: none;
  line-height: inherit;
  font-weight: inherit;
}
a:hover {
  color: #00438a;
  text-decoration: underline;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.row {
  zoom: 1;
  margin-left: -20px;
}
.row:before,
.row:after {
  display: table;
  content: "";
  zoom: 1;
}
.row:after {
  clear: both;
}
.row > [class*="span"] {
  display: inline;
  float: left;
  margin-left: 20px;
}
.span1 {
  width: 40px;
}
.span2 {
  width: 100px;
}
.span3 {
  width: 160px;
}
.span4 {
  width: 220px;
}
.span5 {
  width: 280px;
}
.span6 {
  width: 340px;
}
.span7 {
  width: 400px;
}
.span8 {
  width: 460px;
}
.span9 {
  width: 520px;
}
.span10 {
  width: 580px;
}
.span11 {
  width: 640px;
}
.span12 {
  width: 700px;
}
.span13 {
  width: 760px;
}
.span14 {
  width: 820px;
}
.span15 {
  width: 880px;
}
.span16 {
  width: 940px;
}
.span17 {
  width: 1000px;
}
.span18 {
  width: 1060px;
}
.span19 {
  width: 1120px;
}
.span20 {
  width: 1180px;
}
.span21 {
  width: 1240px;
}
.span22 {
  width: 1300px;
}
.span23 {
  width: 1360px;
}
.span24 {
  width: 1420px;
}
.row > .offset1 {
  margin-left: 80px;
}
.row > .offset2 {
  margin-left: 140px;
}
.row > .offset3 {
  margin-left: 200px;
}
.row > .offset4 {
  margin-left: 260px;
}
.row > .offset5 {
  margin-left: 320px;
}
.row > .offset6 {
  margin-left: 380px;
}
.row > .offset7 {
  margin-left: 440px;
}
.row > .offset8 {
  margin-left: 500px;
}
.row > .offset9 {
  margin-left: 560px;
}
.row > .offset10 {
  margin-left: 620px;
}
.row > .offset11 {
  margin-left: 680px;
}
.row > .offset12 {
  margin-left: 740px;
}
.span-one-third {
  width: 300px;
}
.span-two-thirds {
  width: 620px;
}
.row > .offset-one-third {
  margin-left: 340px;
}
.row > .offset-two-thirds {
  margin-left: 660px;
}
/* Typography.less
 * Headings, body text, lists, code, and more for a versatile and durable typography system
 * ---------------------------------------------------------------------------------------- */
p {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 9px;
}
p small {
  font-size: 11px;
  color: #bfbfbf;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #404040;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #bfbfbf;
}
h1 {
  margin-bottom: 18px;
  font-size: 30px;
  line-height: 36px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 36px;
}
h2 small {
  font-size: 14px;
}
h3,
h4,
h5,
h6 {
  line-height: 36px;
}
h3 {
  font-size: 18px;
}
h3 small {
  font-size: 14px;
}
h4 {
  font-size: 16px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 13px;
  color: #bfbfbf;
  text-transform: uppercase;
}
ul,
ol {
  margin: 0 0 18px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 18px;
  color: #808080;
}
ul.unstyled {
  list-style: none;
  margin-left: 0;
}
dl {
  margin-bottom: 18px;
}
dl dt,
dl dd {
  line-height: 18px;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 9px;
}
hr {
  margin: 20px 0 19px;
  border: 0;
  border-bottom: 1px solid #eee;
}
strong {
  font-style: inherit;
  font-weight: bold;
}
em {
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
}
.muted {
  color: #bfbfbf;
}
blockquote {
  margin-bottom: 18px;
  border-left: 5px solid #eee;
  padding-left: 15px;
}
blockquote p {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 0;
}
blockquote small {
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: #bfbfbf;
}
blockquote small:before {
  content: '\2014 \00A0';
}
address {
  display: block;
  line-height: 18px;
  margin-bottom: 18px;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Andale Mono, Courier New, monospace;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  background-color: #fee9cc;
  color: rgba(0, 0, 0, 0.75);
  padding: 1px 3px;
}
pre {
  background-color: #f5f5f5;
  display: block;
  padding: 8.5px;
  margin: 0 0 18px;
  line-height: 18px;
  font-size: 12px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* Forms.less
 * Base styles for various input types, form layouts, and states
 * ------------------------------------------------------------- */
form {
  margin-bottom: 18px;
}
fieldset {
  margin-bottom: 18px;
  padding-top: 18px;
}
fieldset legend {
  display: block;
  padding-left: 150px;
  font-size: 19.5px;
  line-height: 1;
  color: #404040;
  *padding: 0 0 5px 145px;
  /* IE6-7 */
  *line-height: 1.5;
  /* IE6-7 */
}
form .clearfix {
  margin-bottom: 18px;
  zoom: 1;
}
form .clearfix:before,
form .clearfix:after {
  display: table;
  content: "";
  zoom: 1;
}
form .clearfix:after {
  clear: both;
}
label,
input,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}
label {
  padding-top: 6px;
  font-size: 13px;
  line-height: 18px;
  float: left;
  width: 130px;
  text-align: right;
  color: #404040;
}
form .input {
  margin-left: 150px;
}
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: 18px;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
select {
  padding: initial;
}
input[type=checkbox],
input[type=radio] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE6-7 */
  line-height: normal;
  border: none;
}
input[type=file] {
  background-color: #ffffff;
  padding: initial;
  border: initial;
  line-height: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type=button],
input[type=reset],
input[type=submit] {
  width: auto;
  height: auto;
}
select,
input[type=file] {
  height: 27px;
  *height: auto;
  line-height: 27px;
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
}
select[multiple] {
  height: inherit;
  background-color: #ffffff;
}
textarea {
  height: auto;
}
.uneditable-input {
  background-color: #ffffff;
  display: block;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
:-moz-placeholder {
  color: #bfbfbf;
}
::-webkit-input-placeholder {
  color: #bfbfbf;
}
input,
textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus,
input[type=checkbox]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}
form .clearfix.error > label,
form .clearfix.error .help-block,
form .clearfix.error .help-inline {
  color: #b94a48;
}
form .clearfix.error input,
form .clearfix.error textarea {
  color: #b94a48;
  border-color: #ee5f5b;
}
form .clearfix.error input:focus,
form .clearfix.error textarea:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
form .clearfix.error .input-prepend .add-on,
form .clearfix.error .input-append .add-on {
  color: #b94a48;
  background-color: #fce6e6;
  border-color: #b94a48;
}
form .clearfix.warning > label,
form .clearfix.warning .help-block,
form .clearfix.warning .help-inline {
  color: #c09853;
}
form .clearfix.warning input,
form .clearfix.warning textarea {
  color: #c09853;
  border-color: #ccae64;
}
form .clearfix.warning input:focus,
form .clearfix.warning textarea:focus {
  border-color: #be9a3f;
  -webkit-box-shadow: 0 0 6px #e5d6b1;
  -moz-box-shadow: 0 0 6px #e5d6b1;
  box-shadow: 0 0 6px #e5d6b1;
}
form .clearfix.warning .input-prepend .add-on,
form .clearfix.warning .input-append .add-on {
  color: #c09853;
  background-color: #d2b877;
  border-color: #c09853;
}
form .clearfix.success > label,
form .clearfix.success .help-block,
form .clearfix.success .help-inline {
  color: #468847;
}
form .clearfix.success input,
form .clearfix.success textarea {
  color: #468847;
  border-color: #57a957;
}
form .clearfix.success input:focus,
form .clearfix.success textarea:focus {
  border-color: #458845;
  -webkit-box-shadow: 0 0 6px #9acc9a;
  -moz-box-shadow: 0 0 6px #9acc9a;
  box-shadow: 0 0 6px #9acc9a;
}
form .clearfix.success .input-prepend .add-on,
form .clearfix.success .input-append .add-on {
  color: #468847;
  background-color: #bcddbc;
  border-color: #468847;
}
.input-mini,
input.mini,
textarea.mini,
select.mini {
  width: 60px;
}
.input-small,
input.small,
textarea.small,
select.small {
  width: 90px;
}
.input-medium,
input.medium,
textarea.medium,
select.medium {
  width: 150px;
}
.input-large,
input.large,
textarea.large,
select.large {
  width: 210px;
}
.input-xlarge,
input.xlarge,
textarea.xlarge,
select.xlarge {
  width: 270px;
}
.input-xxlarge,
input.xxlarge,
textarea.xxlarge,
select.xxlarge {
  width: 530px;
}
textarea.xxlarge {
  overflow-y: auto;
}
input.span1,
textarea.span1 {
  display: inline-block;
  float: none;
  width: 30px;
  margin-left: 0;
}
input.span2,
textarea.span2 {
  display: inline-block;
  float: none;
  width: 90px;
  margin-left: 0;
}
input.span3,
textarea.span3 {
  display: inline-block;
  float: none;
  width: 150px;
  margin-left: 0;
}
input.span4,
textarea.span4 {
  display: inline-block;
  float: none;
  width: 210px;
  margin-left: 0;
}
input.span5,
textarea.span5 {
  display: inline-block;
  float: none;
  width: 270px;
  margin-left: 0;
}
input.span6,
textarea.span6 {
  display: inline-block;
  float: none;
  width: 330px;
  margin-left: 0;
}
input.span7,
textarea.span7 {
  display: inline-block;
  float: none;
  width: 390px;
  margin-left: 0;
}
input.span8,
textarea.span8 {
  display: inline-block;
  float: none;
  width: 450px;
  margin-left: 0;
}
input.span9,
textarea.span9 {
  display: inline-block;
  float: none;
  width: 510px;
  margin-left: 0;
}
input.span10,
textarea.span10 {
  display: inline-block;
  float: none;
  width: 570px;
  margin-left: 0;
}
input.span11,
textarea.span11 {
  display: inline-block;
  float: none;
  width: 630px;
  margin-left: 0;
}
input.span12,
textarea.span12 {
  display: inline-block;
  float: none;
  width: 690px;
  margin-left: 0;
}
input.span13,
textarea.span13 {
  display: inline-block;
  float: none;
  width: 750px;
  margin-left: 0;
}
input.span14,
textarea.span14 {
  display: inline-block;
  float: none;
  width: 810px;
  margin-left: 0;
}
input.span15,
textarea.span15 {
  display: inline-block;
  float: none;
  width: 870px;
  margin-left: 0;
}
input.span16,
textarea.span16 {
  display: inline-block;
  float: none;
  width: 930px;
  margin-left: 0;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}
.actions {
  background: #f5f5f5;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 17px 20px 18px 150px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.actions .secondary-action {
  float: right;
}
.actions .secondary-action a {
  line-height: 30px;
}
.actions .secondary-action a:hover {
  text-decoration: underline;
}
.help-inline,
.help-block {
  font-size: 13px;
  line-height: 18px;
  color: #bfbfbf;
}
.help-inline {
  padding-left: 5px;
  *position: relative;
  /* IE6-7 */
  *top: -5px;
  /* IE6-7 */
}
.help-block {
  display: block;
  max-width: 600px;
}
.inline-inputs {
  color: #808080;
}
.inline-inputs span {
  padding: 0 2px 0 1px;
}
.input-prepend input,
.input-append input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend .add-on,
.input-append .add-on {
  position: relative;
  background: #f5f5f5;
  border: 1px solid #ccc;
  z-index: 2;
  float: left;
  display: block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 4px 4px 5px;
  margin-right: -1px;
  font-weight: normal;
  line-height: 18px;
  color: #bfbfbf;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .active,
.input-append .active {
  background: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on {
  *margin-top: 1px;
  /* IE6-7 */
}
.input-append input {
  float: left;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .add-on {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin-right: 0;
  margin-left: -1px;
}
.inputs-list {
  margin: 0 0 5px;
  width: 100%;
}
.inputs-list li {
  display: block;
  padding: 0;
  width: 100%;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  margin-left: 20px;
  line-height: 18px;
  text-align: left;
  white-space: normal;
}
.inputs-list label strong {
  color: #808080;
}
.inputs-list label small {
  font-size: 11px;
  font-weight: normal;
}
.inputs-list .inputs-list {
  margin-left: 25px;
  margin-bottom: 10px;
  padding-top: 0;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list li + li {
  padding-top: 2px;
}
.inputs-list input[type=radio],
.inputs-list input[type=checkbox] {
  margin-bottom: 0;
  margin-left: -20px;
  float: left;
}
.form-stacked {
  padding-left: 20px;
}
.form-stacked fieldset {
  padding-top: 9px;
}
.form-stacked legend {
  padding-left: 0;
}
.form-stacked label {
  display: block;
  float: none;
  width: auto;
  font-weight: bold;
  text-align: left;
  line-height: 20px;
  padding-top: 0;
}
.form-stacked .clearfix {
  margin-bottom: 9px;
}
.form-stacked .clearfix div.input {
  margin-left: 0;
}
.form-stacked .inputs-list {
  margin-bottom: 0;
}
.form-stacked .inputs-list li {
  padding-top: 0;
}
.form-stacked .inputs-list li label {
  font-weight: normal;
  padding-top: 0;
}
.form-stacked div.clearfix.error {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 0;
  margin-left: -10px;
}
.form-stacked .actions {
  margin-left: -20px;
  padding-left: 20px;
}
/*
 * Tables.less
 * Tables for, you guessed it, tabular data
 * ---------------------------------------- */
table {
  width: 100%;
  margin-bottom: 18px;
  padding: 0;
  font-size: 13px;
  border-collapse: collapse;
}
table th,
table td {
  padding: 10px 10px 9px;
  line-height: 18px;
  text-align: left;
}
table th {
  padding-top: 9px;
  font-weight: bold;
  vertical-align: middle;
}
table td {
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table tbody th {
  border-top: 1px solid #ddd;
  vertical-align: top;
}
.condensed-table th,
.condensed-table td {
  padding: 5px 5px 4px;
}
.bordered-table {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  /* IE7, collapse table to remove spacing */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bordered-table th + th,
.bordered-table td + td,
.bordered-table th + td {
  border-left: 1px solid #ddd;
}
.bordered-table thead tr:first-child th:first-child,
.bordered-table tbody tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.bordered-table thead tr:first-child th:last-child,
.bordered-table tbody tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.bordered-table tbody tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.bordered-table tbody tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
table .span1 {
  width: 20px;
}
table .span2 {
  width: 60px;
}
table .span3 {
  width: 100px;
}
table .span4 {
  width: 140px;
}
table .span5 {
  width: 180px;
}
table .span6 {
  width: 220px;
}
table .span7 {
  width: 260px;
}
table .span8 {
  width: 300px;
}
table .span9 {
  width: 340px;
}
table .span10 {
  width: 380px;
}
table .span11 {
  width: 420px;
}
table .span12 {
  width: 460px;
}
table .span13 {
  width: 500px;
}
table .span14 {
  width: 540px;
}
table .span15 {
  width: 580px;
}
table .span16 {
  width: 620px;
}
.zebra-striped tbody tr:nth-child(odd) td,
.zebra-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.zebra-striped tbody tr:hover td,
.zebra-striped tbody tr:hover th {
  background-color: #f5f5f5;
}
table .header {
  cursor: pointer;
}
table .header:after {
  content: "";
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: hidden;
}
table .headerSortUp,
table .headerSortDown {
  background-color: rgba(141, 192, 219, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table .header:hover:after {
  visibility: visible;
}
table .headerSortDown:after,
table .headerSortDown:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table .headerSortUp:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table .blue {
  color: #049cdb;
  border-bottom-color: #049cdb;
}
table .headerSortUp.blue,
table .headerSortDown.blue {
  background-color: #ade6fe;
}
table .green {
  color: #46a546;
  border-bottom-color: #46a546;
}
table .headerSortUp.green,
table .headerSortDown.green {
  background-color: #cdeacd;
}
table .red {
  color: #9d261d;
  border-bottom-color: #9d261d;
}
table .headerSortUp.red,
table .headerSortDown.red {
  background-color: #f4c8c5;
}
table .yellow {
  color: #ffc40d;
  border-bottom-color: #ffc40d;
}
table .headerSortUp.yellow,
table .headerSortDown.yellow {
  background-color: #fff6d9;
}
table .orange {
  color: #f89406;
  border-bottom-color: #f89406;
}
table .headerSortUp.orange,
table .headerSortDown.orange {
  background-color: #fee9cc;
}
table .purple {
  color: #7a43b6;
  border-bottom-color: #7a43b6;
}
table .headerSortUp.purple,
table .headerSortDown.purple {
  background-color: #e2d5f0;
}
/* Patterns.less
 * Repeatable UI elements outside the base styles provided from the scaffolding
 * ---------------------------------------------------------------------------- */
.topbar {
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  overflow: visible;
}
.topbar a {
  color: #bfbfbf;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.topbar h3 a:hover,
.topbar .brand:hover,
.topbar ul .active > a {
  background-color: #333;
  background-color: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  text-decoration: none;
}
.topbar h3 {
  position: relative;
}
.topbar h3 a,
.topbar .brand {
  float: left;
  display: block;
  padding: 8px 20px 12px;
  margin-left: -20px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
}
.topbar p {
  margin: 0;
  line-height: 40px;
}
.topbar p a:hover {
  background-color: transparent;
  color: #ffffff;
}
.topbar form {
  float: left;
  margin: 5px 0 0 0;
  position: relative;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.topbar form.pull-right {
  float: right;
}
.topbar input {
  background-color: #444;
  background-color: rgba(255, 255, 255, 0.3);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: normal;
  font-weight: 13px;
  line-height: 1;
  padding: 4px 9px;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid #111;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.topbar input:-moz-placeholder {
  color: #e6e6e6;
}
.topbar input::-webkit-input-placeholder {
  color: #e6e6e6;
}
.topbar input:hover {
  background-color: #bfbfbf;
  background-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.topbar input:focus,
.topbar input.focused {
  outline: 0;
  background-color: #ffffff;
  color: #404040;
  text-shadow: 0 1px 0 #ffffff;
  border: 0;
  padding: 5px 10px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.topbar-inner,
.topbar .fill {
  background-color: #222;
  background-color: #222222;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.topbar div > ul,
.nav {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  left: 0;
}
.topbar div > ul > li,
.nav > li {
  display: block;
  float: left;
}
.topbar div > ul a,
.nav a {
  display: block;
  float: none;
  padding: 10px 10px 11px;
  line-height: 19px;
  text-decoration: none;
}
.topbar div > ul a:hover,
.nav a:hover {
  color: #ffffff;
  text-decoration: none;
}
.topbar div > ul .active > a,
.nav .active > a {
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.5);
}
.topbar div > ul.secondary-nav,
.nav.secondary-nav {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.topbar div > ul.secondary-nav .menu-dropdown,
.nav.secondary-nav .menu-dropdown,
.topbar div > ul.secondary-nav .dropdown-menu,
.nav.secondary-nav .dropdown-menu {
  right: 0;
  border: 0;
}
.topbar div > ul a.menu:hover,
.nav a.menu:hover,
.topbar div > ul li.open .menu,
.nav li.open .menu,
.topbar div > ul .dropdown-toggle:hover,
.nav .dropdown-toggle:hover,
.topbar div > ul .dropdown.open .dropdown-toggle,
.nav .dropdown.open .dropdown-toggle {
  background: #444;
  background: rgba(255, 255, 255, 0.05);
}
.topbar div > ul .menu-dropdown,
.nav .menu-dropdown,
.topbar div > ul .dropdown-menu,
.nav .dropdown-menu {
  background-color: #333;
}
.topbar div > ul .menu-dropdown a.menu,
.nav .menu-dropdown a.menu,
.topbar div > ul .dropdown-menu a.menu,
.nav .dropdown-menu a.menu,
.topbar div > ul .menu-dropdown .dropdown-toggle,
.nav .menu-dropdown .dropdown-toggle,
.topbar div > ul .dropdown-menu .dropdown-toggle,
.nav .dropdown-menu .dropdown-toggle {
  color: #ffffff;
}
.topbar div > ul .menu-dropdown a.menu.open,
.nav .menu-dropdown a.menu.open,
.topbar div > ul .dropdown-menu a.menu.open,
.nav .dropdown-menu a.menu.open,
.topbar div > ul .menu-dropdown .dropdown-toggle.open,
.nav .menu-dropdown .dropdown-toggle.open,
.topbar div > ul .dropdown-menu .dropdown-toggle.open,
.nav .dropdown-menu .dropdown-toggle.open {
  background: #444;
  background: rgba(255, 255, 255, 0.05);
}
.topbar div > ul .menu-dropdown li a,
.nav .menu-dropdown li a,
.topbar div > ul .dropdown-menu li a,
.nav .dropdown-menu li a {
  color: #999;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.topbar div > ul .menu-dropdown li a:hover,
.nav .menu-dropdown li a:hover,
.topbar div > ul .dropdown-menu li a:hover,
.nav .dropdown-menu li a:hover {
  background-color: #191919;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
  background-image: -moz-linear-gradient(top, #292929, #191919);
  background-image: -ms-linear-gradient(top, #292929, #191919);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
  background-image: -webkit-linear-gradient(top, #292929, #191919);
  background-image: -o-linear-gradient(top, #292929, #191919);
  background-image: linear-gradient(top, #292929, #191919);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
  color: #ffffff;
}
.topbar div > ul .menu-dropdown .active a,
.nav .menu-dropdown .active a,
.topbar div > ul .dropdown-menu .active a,
.nav .dropdown-menu .active a {
  color: #ffffff;
}
.topbar div > ul .menu-dropdown .divider,
.nav .menu-dropdown .divider,
.topbar div > ul .dropdown-menu .divider,
.nav .dropdown-menu .divider {
  background-color: #222;
  border-color: #444;
}
.topbar ul .menu-dropdown li a,
.topbar ul .dropdown-menu li a {
  padding: 4px 15px;
}
li.menu,
.dropdown {
  position: relative;
}
a.menu:after,
.dropdown-toggle:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: "&darr;";
  text-indent: -99999px;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ffffff;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.menu-dropdown,
.dropdown-menu {
  background-color: #ffffff;
  float: left;
  display: none;
  position: absolute;
  top: 40px;
  z-index: 900;
  min-width: 160px;
  max-width: 220px;
  _width: 160px;
  margin-left: 0;
  margin-right: 0;
  padding: 6px 0;
  zoom: 1;
  border-color: #999;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 0 1px 1px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.menu-dropdown li,
.dropdown-menu li {
  float: none;
  display: block;
  background-color: none;
}
.menu-dropdown .divider,
.dropdown-menu .divider {
  height: 1px;
  margin: 5px 0;
  overflow: hidden;
  background-color: #eee;
  border-bottom: 1px solid #ffffff;
}
.topbar .dropdown-menu a,
.dropdown-menu a {
  display: block;
  padding: 4px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #808080;
  text-shadow: 0 1px 0 #ffffff;
}
.topbar .dropdown-menu a:hover,
.dropdown-menu a:hover,
.topbar .dropdown-menu a.hover,
.dropdown-menu a.hover {
  background-color: #dddddd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(top, #eeeeee, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
  color: #404040;
  text-decoration: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
}
.open .menu,
.dropdown.open .menu,
.open .dropdown-toggle,
.dropdown.open .dropdown-toggle {
  color: #ffffff;
  background: #ccc;
  background: rgba(0, 0, 0, 0.3);
}
.open .menu-dropdown,
.dropdown.open .menu-dropdown,
.open .dropdown-menu,
.dropdown.open .dropdown-menu {
  display: block;
}
.tabs,
.pills {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  zoom: 1;
}
.tabs:before,
.pills:before,
.tabs:after,
.pills:after {
  display: table;
  content: "";
  zoom: 1;
}
.tabs:after,
.pills:after {
  clear: both;
}
.tabs > li,
.pills > li {
  float: left;
}
.tabs > li > a,
.pills > li > a {
  display: block;
}
.tabs {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
}
.tabs > li {
  position: relative;
  margin-bottom: -1px;
}
.tabs > li > a {
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.tabs > li > a:hover {
  text-decoration: none;
  background-color: #eee;
  border-color: #eee #eee #ddd;
}
.tabs .active > a,
.tabs .active > a:hover {
  color: #808080;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .menu-dropdown,
.tabs .dropdown-menu {
  top: 35px;
  border-width: 1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.tabs a.menu:after,
.tabs .dropdown-toggle:after {
  border-top-color: #999;
  margin-top: 15px;
  margin-left: 5px;
}
.tabs li.open.menu .menu,
.tabs .open.dropdown .dropdown-toggle {
  border-color: #999;
}
.tabs li.open a.menu:after,
.tabs .dropdown.open .dropdown-toggle:after {
  border-top-color: #555;
}
.pills a {
  margin: 5px 3px 5px 0;
  padding: 0 15px;
  line-height: 30px;
  text-shadow: 0 1px 1px #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pills a:hover {
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #00438a;
}
.pills .active a {
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #0069d6;
}
.pills-vertical > li {
  float: none;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane,
.tab-content > div,
.pill-content > div {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.breadcrumb li {
  display: inline;
  text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #bfbfbf;
}
.breadcrumb .active a {
  color: #404040;
}
.hero-unit {
  background-color: #f5f5f5;
  margin-bottom: 30px;
  padding: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
}
.hero-unit p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
}
footer {
  margin-top: 17px;
  padding-top: 17px;
  border-top: 1px solid #eee;
}
.page-header {
  margin-bottom: 17px;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.page-header h1 {
  margin-bottom: 8px;
}
.btn.danger,
.alert-message.danger,
.btn.danger:hover,
.alert-message.danger:hover,
.btn.error,
.alert-message.error,
.btn.error:hover,
.alert-message.error:hover,
.btn.success,
.alert-message.success,
.btn.success:hover,
.alert-message.success:hover,
.btn.info,
.alert-message.info,
.btn.info:hover,
.alert-message.info:hover {
  color: #ffffff;
}
.btn .close,
.alert-message .close {
  font-family: Arial, sans-serif;
  line-height: 18px;
}
.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success,
.alert-message.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.info,
.alert-message.info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
.btn:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
.btn:focus {
  outline: 1px dotted #666;
}
.btn.primary {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.active,
.btn:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn[disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.rightbtn {
  margin-left: 30px;
}
.btn.large {
  font-size: 15px;
  line-height: normal;
  padding: 9px 14px 9px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn.small {
  padding: 7px 9px 7px;
  font-size: 11px;
}
:root .alert-message,
:root .btn {
  border-radius: 0 \0;
}
button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.close {
  float: right;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.close:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.alert-message {
  position: relative;
  padding: 7px 15px;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message .close {
  margin-top: 1px;
  *margin-top: 0;
}
.alert-message a {
  font-weight: bold;
  color: #404040;
}
.alert-message.danger p a,
.alert-message.error p a,
.alert-message.success p a,
.alert-message.info p a {
  color: #ffffff;
}
.alert-message h5 {
  line-height: 18px;
}
.alert-message p {
  margin-bottom: 0;
}
.alert-message div {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 28px;
}
.alert-message .btn {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message.block-message {
  background-image: none;
  background-color: #fdf5d9;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  padding: 14px;
  border-color: #fceec1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.alert-message.block-message ul,
.alert-message.block-message p {
  margin-right: 30px;
}
.alert-message.block-message ul {
  margin-bottom: 0;
}
.alert-message.block-message li {
  color: #404040;
}
.alert-message.block-message .alert-actions {
  margin-top: 5px;
}
.alert-message.block-message.error,
.alert-message.block-message.success,
.alert-message.block-message.info {
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-message.block-message.error {
  background-color: #fddfde;
  border-color: #fbc7c6;
}
.alert-message.block-message.success {
  background-color: #d1eed1;
  border-color: #bfe7bf;
}
.alert-message.block-message.info {
  background-color: #ddf4fb;
  border-color: #c6edf9;
}
.alert-message.block-message.danger p a,
.alert-message.block-message.error p a,
.alert-message.block-message.success p a,
.alert-message.block-message.info p a {
  color: #404040;
}
.pagination {
  height: 36px;
  margin: 18px 0;
}
.pagination ul {
  float: left;
  margin: 0;
  border: 1px solid #ddd;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  border-right: 1px solid;
  border-right-color: #ddd;
  border-right-color: rgba(0, 0, 0, 0.15);
  *border-right-color: #ddd;
  /* IE6-7 */
  text-decoration: none;
}
.pagination a:hover,
.pagination .active a {
  background-color: #c7eefe;
}
.pagination .disabled a,
.pagination .disabled a:hover {
  background-color: transparent;
  color: #bfbfbf;
}
.pagination .next a {
  border: 0;
}
.well {
  background-color: #f5f5f5;
  margin-bottom: 20px;
  padding: 19px;
  min-height: 20px;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.modal-backdrop {
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11000;
  max-height: 500px;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal .close {
  margin-top: 7px;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  border-bottom: 1px solid #eee;
  padding: 5px 15px;
}
.modal-body {
  padding: 15px;
}
.modal-body form {
  margin-bottom: 0;
}
.modal-footer {
  background-color: #f5f5f5;
  padding: 14px 15px 15px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  zoom: 1;
  margin-bottom: 0;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  zoom: 1;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  float: right;
  margin-left: 5px;
}
.modal .popover,
.modal .twipsy {
  z-index: 12000;
}
.twipsy {
  display: block;
  position: absolute;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  z-index: 1000;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.twipsy.fade.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.twipsy.above .twipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.twipsy.left .twipsy-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.twipsy.below .twipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.twipsy.right .twipsy-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.twipsy-inner {
  padding: 3px 8px;
  background-color: #000000;
  color: white;
  text-align: center;
  max-width: 200px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.twipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 5px;
  display: none;
}
.popover.above .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.popover.below .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover .inner {
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  padding: 3px;
  overflow: hidden;
  width: 280px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover .title {
  background-color: #f5f5f5;
  padding: 9px 15px;
  line-height: 1;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #eee;
}
.popover .content {
  background-color: #ffffff;
  padding: 14px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover .content p,
.popover .content ul,
.popover .content ol {
  margin-bottom: 0;
}
.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
.label {
  padding: 1px 3px 2px;
  font-size: 9.75px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #bfbfbf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: none;
}
.label.important {
  background-color: #c43c35;
}
.label.warning {
  background-color: #f89406;
}
.label.success {
  background-color: #46a546;
}
.label.notice {
  background-color: #62cffc;
}
.media-grid {
  margin-left: -20px;
  margin-bottom: 0;
  zoom: 1;
}
.media-grid:before,
.media-grid:after {
  display: table;
  content: "";
  zoom: 1;
}
.media-grid:after {
  clear: both;
}
.media-grid li {
  display: inline;
}
.media-grid a {
  float: left;
  padding: 4px;
  margin: 0 0 18px 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.media-grid a img {
  display: block;
}
.media-grid a:hover {
  border-color: #0069d6;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 999;
}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaa;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 8px;
  color: #444;
  text-decoration: none;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 8px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(chosen-sprite.png) right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single .chzn-single div {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
  border-left: 1px solid #aaa;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('chosen-sprite.png') no-repeat 0 1px;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #ffffff url('chosen-sprite.png') no-repeat 100% -22px;
  background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
  background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(bottom, #ffffff 85%, #eeeeee 99%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* @end */
.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
  background-image: -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
  background-image: -o-linear-gradient(bottom, #ffffff 85%, #eeeeee 99%);
  background-image: -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eeeeee 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #e4e4e4 0%, #eeeeee 70%);
  color: #333;
  border: 1px solid #b4b4b4;
  line-height: 13px;
  padding: 3px 19px 3px 6px;
  margin: 3px 0 3px 5px;
  position: relative;
}
.chzn-container-multi .chzn-choices .search-choice span {
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(chosen-sprite.png) right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 190px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 80%;
  padding: 7px 7px 8px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background: #3875d7;
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 20px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
/* @end */
/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  -o-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @group Right to Left */
.chzn-rtl {
  direction: rtl;
  text-align: right;
}
.chzn-rtl .chzn-single {
  padding-left: 0;
  padding-right: 8px;
}
.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
}
.chzn-rtl .chzn-single div {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaaaaa;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices li {
  float: right;
}
.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 6px 3px 19px;
  margin: 3px 5px 3px 0;
}
.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 5px;
  right: auto;
  background-position: right top;
}
.chzn-rtl.chzn-container-single .chzn-results {
  margin-left: 4px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 4px;
}
.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 20px;
}
.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none;
}
.chzn-rtl .chzn-search input {
  background: url('chosen-sprite.png') no-repeat -38px -22px, #ffffff;
  background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
  background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(bottom, #ffffff 85%, #eeeeee 99%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  padding: 4px 5px 4px 20px;
}
/* @end */
/**
 * Some general, globally-used mixins for the App Portal.
 * 
 * 
 * See /docs/css-less for coding standards,
 * and ../README.txt for compilation.
 */
/*
 * The css-image classes are used for images which are applied as backgrounds
 * on non-img elements. This *ought to* be standard for all non-content images --
 * icons, logos, etc -- but at this time most of those are created as <img>.
 * 
 * Sample usage:
 *  A single image (no text shown), with placeholder text used as a title
 *      <div|a|button class="css-image-wrapper image-foo">
 *          <span class="css-image"></span>
 *          <span|div class="css-image-placeholder">Text for Accessibility</span>
 *      </div>
 *  An image placed to the left [or right] of a text label
 *      <div|a|button class="css-image-wrapper image-foo">
 *          <span class="css-image [pull-right]"></span>
 *          My Label
 *      </div>
 * 
 * Role of each class:
 *  .css-image-wrapper      Not strictly required, but nice background gradients can be attached here (e.g., for buttons).
 *  .image-foo              Indicates which image file should be displayed for .css-image. Must be attached to the wrapper.
 *  .css-image              Identifies the specific dom element which receives/displays the actual icon or image.
 *  .css-image-placeholder  Optional text for screen-readers, also used as a title on the wrapper. Not shown.
 * 
 * 
 * See /docs/css-less for coding standards,
 * and ../README.txt for compilation.
 */
.css-image-wrapper {
  outline: 0 none;
  -moz-outline: 0 none;
}
.css-image-wrapper:focus {
  outline: 0 none;
  -moz-outline: 0 none;
}
.css-image {
  outline: 0 none;
  -moz-outline: 0 none;
  background-position: 0 50%;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  margin: 0;
}
.css-image:focus {
  outline: 0 none;
  -moz-outline: 0 none;
}
.css-image.pull-right {
  float: right;
}
.css-image-placeholder {
  display: inherit;
  height: 0;
  margin-left: -9999px;
  overflow: hidden;
  position: relative;
}
.menu .css-image-placeholder {
  float: left;
}
/*
 * Specific image/icon files are set here, *except* for app-specific icons.
 * (See apps.less for those.)
 * 
 * Note: Only the image url is set here. You still need to set width/height
 * for the .css-image element for the context where it's actually rendered.
 * This is generally done in separate files depending on that context
 * (e.g., navigation.less has all the dimensions for menu icons.)
 */
.image-add .css-image {
  background-image: url("/images/add.png?r10149");
}
.image-arrow-left .css-image {
  background-image: url("/images/arrow-left.png?r10149");
}
.image-arrow-right .css-image {
  background-image: url("/images/arrow-right.png?r10149");
}
.image-dashboard .css-image {
  background-image: url("/images/menu/dashboard.png?r10149");
}
.image-gear .css-image {
  background-image: url("/images/gear.png?r10149");
}
.image-grid .css-image {
  background-image: url("/images/menu/app-grid.png?r10149");
}
.image-home .css-image {
  background-image: url("/images/home_20x20.png?r10149");
}
.image-information .css-image {
  background-image: url("/images/information.png?r10149");
}
.image-key .css-image {
  background-image: url("/images/menu/key.png?r10149");
}
.image-move .css-image {
  background-image: url("/images/transform_move.png?r10149");
}
.image-user .css-image {
  background-image: url("/images/menu/user-silhouette.png?r10149");
}
/*
 * This file contains styles for the topbar, left nav menu, and any other
 * navigation links or menus.
 * 
 * 
 * See /docs/css-less for coding standards,
 * and ../README.txt for compilation.
 */
/*
 * Topbar
 */
.topbar {
  z-index: 2000;
}
.topbar .topbar-inner {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
  width: 980px;
}
.topbar .topbar-inner:before,
.topbar .topbar-inner:after {
  display: table;
  content: "";
  zoom: 1;
}
.topbar .topbar-inner:after {
  clear: both;
}
.topbar .topbar-inner .nav {
  margin-right: 0;
}
.topbar .topbar-inner .menu.css-image-wrapper {
  width: 32px;
}
.topbar .topbar-inner .css-image-placeholder {
  display: inline;
}
.topbar .topbar-inner .css-image {
  height: 20px;
  width: 20px;
}
.topbar .topbar-inner .image-home {
  width: 20px;
}
.topbar .topbar-inner .topbar-error {
  text-align: center;
  font-weight: bold;
  color: #808080;
  font-size: 15px;
  margin-top: 10px;
}
.topbar .topbar-inner #ap-element-topbar-username {
  max-width: 156px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topbar .topbar-inner #ap-element-topbar-notifications .dropdown-menu {
  color: #778899;
  cursor: pointer;
  max-width: 350px;
  min-width: 350px;
  box-shadow: 2px 2px 3px #000;
  background-color: #FFF;
  padding: 0;
}
.topbar .topbar-inner #ap-element-topbar-notifications .dropdown-menu li {
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  padding: 20px 30px;
  padding-right: 0px;
}
.topbar .topbar-inner #ap-element-topbar-notifications .dropdown-menu li:hover {
  background-color: #E5EECC;
}
.topbar .topbar-inner #ap-element-topbar-notifications .dropdown-toggle span {
  font-size: 12px;
  padding: 5px 8px;
  font-weight: bold;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: none;
}
.topbar .topbar-inner #ap-element-topbar-notifications .css-image {
  width: 25px;
}
.topbar .topbar-inner #ap-element-topbar-notifications #full-note-msg {
  color: #000;
  cursor: default;
  padding-right: 30px;
}
.topbar .topbar-inner #ap-element-topbar-notifications #full-note-msg:hover {
  background-color: #FFF;
}
.topbar .topbar-inner #ap-element-topbar-notifications #notifications-back {
  background-color: #FFF;
  padding: 5px;
  border-style: solid;
  color: #000;
  cursor: pointer;
}
.topbar .topbar-inner #ap-element-topbar-notifications #notifications-back:hover {
  background-color: #E5EECC;
}
.topbar .topbar-inner #ap-element-topbar-notifications .unread-summary {
  font-weight: bold;
  color: #000;
}
.topbar .topbar-inner #ap-element-topbar-notifications .unread-notes {
  background-color: #DD4B39;
  color: #FFF;
}
.topbar .topbar-inner #ap-element-topbar-notifications .all-notes-read {
  background-color: #BFBFBF;
  color: #000;
}
.topbar .topbar-inner #ap-element-topbar-notifications .summary-width {
  width: 90%;
}
body.js-disabled .dropdown:hover ul,
body.js-error .dropdown:hover ul {
  display: block;
}
/*
 * Left nav menu
 */
#ap-navmenu-logo {
  height: 75px;
  text-align: center;
}
#ap-navmenu-logo img {
  max-height: 70px;
  max-width: 220px;
}
.ap-navmenu {
  border: 1px solid #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.15);
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
}
.ap-navmenu h5 {
  background-color: #eeeeee;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(top, #ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  padding-left: 8px;
  color: #737373;
  border-top: 1px solid #eeeeee;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #eeeeee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.ap-navmenu h5:first-of-type {
  border-top: none;
}
.ap-navmenu h5 .css-image {
  background-position: 2px 10px;
}
.ap-navmenu ul {
  list-style: none;
  margin: 4px 0;
}

.ap-navmenu li {
    display: table;
}

.ap-navmenu ul li {
  line-height: 36px;
  padding-left: 8px;
}
.ap-navmenu ul li.active {
  background-color: #f0f0f0;
  font-weight: bold;
}
.ap-navmenu ul li .css-image {
  background-position: 2px 8px;
}
.ap-navmenu .css-image {
  height: 36px;
  width: 26px;
}
.ap-navmenu li.active .css-image {
  background-image: url("/images/arrow-right.png?r10149");
}
/*
 * Navbuttons: A slight variation, currently used to navigate among different
 * Communication Center items. These styles *should* work okay if/when we need
 * additional carousels or other arrow-appropriate navigation.
 */
.ap-navbuttons {
  margin: 5px auto 0;
  width: 82px;
}
.ap-navbuttons button {
  width: 36px;
}
.ap-navbuttons .css-image-wrapper {
  margin: 0;
}
.ap-navbuttons .css-image {
  height: 16px;
  width: 16px;
}
.ap-navbuttons .css-image-wrapper + .css-image-wrapper {
  margin-left: 10px;
}
/*
 * "Contact Support" popup modal window
 */
#ap-element-contact-support dt {
  margin-top: 14px;
}
#ap-element-contact-support dt:first-child {
  margin-top: 0;
}
#ap-element-contact-support dd {
  margin-left: 15px;
}
/*
 * Until we figure out a better way to display the top-left nav menu:
 */
#ap-element-topbar-left-nav {
  float: left;
  margin-left: 0px;
}
#ap-element-topbar-support {
  white-space: nowrap;
}
/* ----------------------------------------------------------------- *
        DASHBOARD - Application Launcher
 * ----------------------------------------------------------------- */
#tab-my-apps ul.applications-grid,
#tab-new-apps ul.applications-grid {
  height: 380px;
  margin-right: -19.6px;
}
ul.applications-grid {
  zoom: 1;
  list-style-type: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
ul.applications-grid:before,
ul.applications-grid:after {
  display: table;
  content: "";
  zoom: 1;
}
ul.applications-grid:after {
  clear: both;
}
ul.applications-grid.application-info-display {
  overflow: visible;
  width: 119px;
}
ul.applications-grid.application-info-display li.app-tile .wrapper {
  /*
     * This is the background style used for ".btn". Bootstrap doesn't offer
     * any variables or mixins for it, so we (for now) copy/paste it directly
     * from patterns.less.
     */
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #bfbfbf;
}
ul.applications-grid.application-info-display li.app-tile .wrapper .header ul {
  display: none;
}
ul.applications-grid.application-tile-preview {
  overflow: visible;
  padding: 30px 12px 12px;
}
ul.applications-grid.application-tile-preview li.app-tile {
  padding: 0;
}
ul.applications-grid li.app-tile {
  float: left;
  height: 107px;
  list-style-type: none;
  padding: 0 12px 12px 0;
  width: 107px;
}
ul.applications-grid li.app-tile .wrapper {
  border: 1px solid #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: width 100ms;
  -moz-transition: width 100ms;
  -o-transition: width 100ms;
  -webkit-transition: width 100ms;
  border-color: rgba(51, 51, 51, 0.15);
  height: inherit;
  overflow: hidden;
  width: inherit;
}
ul.applications-grid li.app-tile .wrapper .header {
  height: 17px;
  visibility: hidden;
  width: 107px;
}
ul.applications-grid li.app-tile .wrapper .header ul {
  float: right;
  list-style-type: none;
  margin: 1px 1px 0;
}
ul.applications-grid li.app-tile .wrapper .header ul.pull-left {
  float: left;
}
ul.applications-grid li.app-tile .wrapper .header li {
  float: left;
  list-style-type: none;
  margin: 0 1px;
}
ul.applications-grid li.app-tile .wrapper .header li a {
  display: block;
  opacity: 0.5;
  width: 16px;
  height: 16px;
}
ul.applications-grid li.app-tile .wrapper .header li a:hover {
  opacity: 1;
}
ul.applications-grid li.app-tile .wrapper .header li a.sortable-handle {
  cursor: move;
}
ul.applications-grid li.app-tile .wrapper .header li .css-image {
  width: 16px;
  height: 16px;
}
ul.applications-grid li.app-tile .wrapper .launcher {
  float: left;
  text-align: center;
  width: 107px;
}
ul.applications-grid li.app-tile .wrapper .launcher .css-image-wrapper {
  height: 65px;
}
ul.applications-grid li.app-tile .wrapper .launcher .title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.applications-grid li.app-tile .wrapper .launcher .title a,
ul.applications-grid li.app-tile .wrapper .launcher .title span {
  line-height: 25px;
  padding: 2px;
}
ul.applications-grid li.app-tile .wrapper .description {
  color: #404040;
  display: none;
  margin-left: 107px;
  width: 94px;
}
ul.applications-grid li.app-tile .wrapper:hover {
  /*
     * This is the background style used for ".btn". Bootstrap doesn't offer
     * any variables or mixins for it, so we (for now) copy/paste it directly
     * from patterns.less.
     */
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #bfbfbf;
}
ul.applications-grid li.app-tile .wrapper:hover .header {
  visibility: visible;
}
ul.applications-grid li.app-tile.app-detail .wrapper {
  /*
     * This is the background style used for ".btn". Bootstrap doesn't offer
     * any variables or mixins for it, so we (for now) copy/paste it directly
     * from patterns.less.
     */
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  transition: width 150ms;
  -moz-transition: width 150ms;
  -o-transition: width 150ms;
  -webkit-transition: width 150ms;
  border-color: #bfbfbf;
  position: absolute;
  width: 202px;
  z-index: 100;
}
ul.applications-grid li.app-tile.app-detail .wrapper .header {
  visibility: visible;
}
ul.applications-grid li.app-tile.app-detail .wrapper .description {
  display: block;
}
ul.applications-grid li.app-tile:last-child:nth-child(3n+1) {
  padding-right: 238px;
}
ul.applications-grid li.app-tile:last-child:nth-child(3n+2) {
  padding-right: 119px;
}
ul.applications-grid li.app-tile:last-child.app-detail,
ul.applications-grid li.app-tile:last-child.app-detail-pending {
  padding-right: 12px;
}
ul.applications-grid li.ui-sortable-helper,
ul.applications-grid li.ui-sortable-helper a {
  cursor: move !important;
}
ul.applications-grid li.sortable-placeholder {
  float: left;
  height: 107px;
  list-style-type: none;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 0;
  position: relative;
  width: 107px;
}
ul.applications-grid li.sortable-placeholder:before {
  border: 1px dashed #bfbfbf;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.empty-element-highlight {
  background: transparent url(/images/droptemplate.png) no-repeat;
}
/*
 * General and app-specific styles for the gadgets at the bottom of the Home page.
 *
 *
 * See /docs/css-less for coding standards,
 * and ../README.txt for compilation.
 */
.ap-element-gadgetbox-header {
  padding: 0 0 2px 11px;
}
.ap-element-gadgetbox-header h3 {
  float: left;
}
.ap-element-gadgetbox-header a.image-gear {
  float: left;
  display: block;
  margin-left: 8px;
  width: 20px;
}
.ap-element-gadgetbox-header a.image-gear .css-image {
  height: 36px;
  width: 20px;
}
.ap-gadget {
  margin-bottom: 20px;
}
.ap-gadget > .ap-gadget-inner {
  background-color: #f5f5f5;
  margin-bottom: 20px;
  padding: 19px;
  min-height: 20px;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.15);
  height: 160px;
  padding: 0 10px 5px;
}
.ap-gadget > .ap-gadget-inner blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.ap-gadget .ap-gadget-header .css-image {
  float: right;
  height: 35px;
  width: 22px;
}
.ap-gadget .ap-gadget-subheader {
  font-size: 13px;
  line-height: 18px;
  margin: -3px 0 3px;
}
.ap-gadget .ap-gadget-entry-error {
  color: #9d261d;
}
.ap-gadget ul.ap-gadget-entries {
  list-style: none;
  margin: 0;
}
.ap-gadget ul.ap-gadget-entries li {
  color: #404040;
}
.ap-gadget ul.ap-gadget-entries li .ap-gadget-entry {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2px;
}
.ap-gadget ul.ap-gadget-entries li .ap-gadget-entry-note {
  float: right;
  color: #808080;
}
.ap-gadget ul.ap-gadget-entries li .ap-gadget-entry-right {
  float: right;
}
.ap-gadget ul.ap-gadget-entries li a.ap-gadget-entry-note:hover {
  color: #00438a;
}
.ap-gadget .ap-gadget-aside {
  text-align: right;
  font-style: italic;
  font-size: 85%;
}
.ap-gadget.ap-app-googlecalendar .ap-gadget-header .css-image,
.ap-gadget.ap-app-events .ap-gadget-header .css-image {
  background-image: url("/app/googlecalendar/images/googlecalendar-20x20.png?r10149");
}
.ap-gadget.ap-app-googledocs .ap-gadget-header .css-image,
.ap-gadget.ap-app-recentdocs .ap-gadget-header .css-image {
  background-image: url("/app/googledocs/images/googledocs-20x20.png?r10149");
}
.ap-gadget.ap-app-googlemail .ap-gadget-header .css-image,
.ap-gadget.ap-app-inbox .ap-gadget-header .css-image {
  background-image: url("/app/googlemail/images/googlemail-20x20.png?r10149");
}
.ap-gadget.ap-app-googlereader .ap-gadget-header .css-image {
  background-image: url("/app/googlereader/images/googlereader-20x20.png?r10149");
}
.ap-gadget.ap-app-googlesites .ap-gadget-header .css-image {
  background-image: url("/app/googlesites/images/googlesites-20x20.png?r10149");
}
.ap-gadget.ap-app-keepit .ap-gadget-header .css-image {
  background-image: url("/app/keepit/images/keepit-20x20.png?r10149");
}
.ap-gadget.ap-app-noaa .ap-gadget-header .css-image {
  background-image: url("/app/noaa/images/noaa-20x20.png?r10149");
}
.ap-gadget.ap-app-postini .ap-gadget-header .css-image {
  background-image: url("/app/postini/images/postini-20x20.png?r10149");
}
.ap-gadget.ap-app-bandwidthusage .ap-gadget-header .css-image {
  background-image: url("/app/bandwidthusage/images/bandwidthusage-20x20.png?r10149");
}
.ap-gadget.ap-app-keepit .ap-gadget-header .css-image {
  background-image: url("/app/keepit/images/keepit-20x20.png?r10149");
}
.ap-gadget.ap-app-prontocalendar .ap-gadget-header .css-image {
  background-image: url("/app/pronto/images/prontocalendar-20x20.png?r10149");
}
.ap-gadget.ap-app-prontomail .ap-gadget-header .css-image {
  background-image: url("/app/pronto/images/prontomail-20x20.png?r10149");
}
.ap-gadget.ap-app-weather a,
.ap-gadget.ap-app-weather a:hover {
  color: #404040;
  text-decoration: none;
}
.ap-gadget.ap-app-weather .ap-gadget-header .weather-title {
  width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ap-gadget.ap-app-weather .ap-app-weather-content {
  padding-top: 5px;
  height: 101px;
}
.ap-gadget.ap-app-weather .ap-app-weather-content .weather-column {
  width: 33%;
  float: left;
  padding: 0;
  margin: 5px 0 0 0;
}
.ap-gadget.ap-app-weather .ap-app-weather-content .weather-column-wide {
  width: 67%;
  float: left;
  padding: 0;
  margin: 5px 0 0 0;
}
.ap-gadget.ap-app-weather .ap-app-weather-content .weather-icon {
  margin: 0;
  padding: 0;
  border: 1px solid #a0a0a0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ap-gadget.ap-app-weather .weather-temperature {
  font-size: 32px;
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}
.ap-gadget.ap-app-weather .weather-feels-like {
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
  padding: 2px;
}
.ap-gadget.ap-app-weather .weather-credit {
  height: 24px;
  background-image: url("/app/weather/images/wunderground-small.png?r10149");
  background-repeat: no-repeat;
  background-position: right;
}
.ap-gadget.ap-app-weather .weather-observation-time {
  font-size: 10px;
  line-height: 12px;
  clear: both;
  padding-top: 3px;
}
.ap-gadget.ap-app-weather .weather-wind-dir {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
}
.ap-gadget.ap-app-weather .weather-wind-calm {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}
.ap-gadget.ap-app-weather .weather-wind-speed {
  text-align: center;
  white-space: nowrap;
}
.ap-gadget.ap-app-zimbracalendar .ap-gadget-header .css-image {
  background-image: url("/app/zimbra/images/zimbra-calendar-20x20.png?r10149");
}
.ap-gadget.ap-app-zimbratasks .ap-gadget-header .css-image {
  background-image: url("/app/zimbra/images/zimbra-tasks-20x20.png?r10149");
}
.ap-gadget.ap-app-zimbramail .ap-gadget-header .css-image {
  background-image: url("/app/zimbra/images/zimbra-mail-20x20.png?r10149");
}
.ap-app-weather-info .weather-temperature {
  text-align: center;
  line-height: 54px;
  font-size: 48px;
  font-weight: bold;
}
.ap-app-weather-info .weather-feels-like {
  text-align: center;
}
.ap-app-weather-info .weather-icon {
  margin: 0;
  padding: 0;
  height: 75px;
  width: 75px;
  border: 1px solid #a0a0a0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ap-app-weather-info .weather-conditions-text {
  font-size: 10px;
  line-height: 11px;
}
.ap-app-weather-info .weather-wind {
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}
.ap-app-weather-info .weather-wind-gust {
  font-size: 12px;
}
.ap-app-weather-info .weather-wind-calm {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
}
.ap-app-weather-info .weather-wind-speed {
  text-align: center;
  white-space: nowrap;
}
.ap-app-weather-info .weather-datum .weather-datum-label {
  display: inline-block;
  width: 64px;
}
.ap-app-weather-forecast .weather-forecast-entry {
  padding: 5px;
  clear: both;
}
.ap-app-weather-forecast .weather-forecast-entry h5 {
  line-height: 24px;
}
.ap-app-weather-forecast .weather-forecast-entry p {
  margin-bottom: 0;
}
.ap-app-weather-forecast .weather-forecast-entry .weather-forecast-entry-icon {
  float: left;
  border: 1px solid #a0a0a0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ap-app-weather-forecast .weather-forecast-entry .weather-forecast-entry-text {
  margin-left: 64px;
}
.ap-app-weather-forecast .weather-detail {
  margin-top: 10px;
}
.ap-app-weather .weather-observation-time {
  text-align: right;
  font-size: 11px;
  font-style: italic;
}
.ap-app-weather .weather-detail {
  text-align: right;
  font-size: 12px;
}
.ap-app-prontocalendar-active {
  font-weight: bold;
}
.ap-app-prontocalendar-expired {
  text-decoration: line-through;
}
.ap-pronto-info .well {
  padding: 5px;
}
.ap-pronto-info h3.pronto-section {
  line-height: 24px;
  margin-bottom: 5px;
  margin-top: 20px;
}
.ap-pronto-info .ap-pronto-mail td,
.ap-pronto-info .ap-pronto-calendar td {
  padding: 3px;
}
.ap-pronto-info .ap-pronto-mail th,
.ap-pronto-info .ap-pronto-calendar th {
  padding: 3px;
  font-size: 110%;
}
.ap-pronto-info .ap-pronto-calendar th {
  border-top: none;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
}
.ap-pronto-info .ap-pronto-calendar td {
  border-top: none;
}
.ap-pronto-info .ap-pronto-quotas {
  margin-top: 10px;
  width: 40%;
  float: right;
}
.ap-pronto-info .ap-pronto-quotas th {
  border-top: none;
  padding: 3px;
  text-align: right;
}
.ap-pronto-info .ap-pronto-quotas td {
  padding: 3px;
  text-align: right;
}
.ap-pronto-info tr td {
  vertical-align: top;
}
.ap-pronto-info tr.unseen td {
  font-weight: bold;
}
.ap-pronto-info tr:hover {
  background-color: #f0f0f0;
}
.ap-pronto-info tr.flagged td:first-child {
  font-weight: bold;
  color: #dd0000;
}
.ap-pronto-info .sender-column {
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ap-pronto-info .subject-column {
  white-space: nowrap;
  width: 380px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ap-pronto-info .date-column {
  white-space: nowrap;
  text-align: right;
  padding-left: 10px;
  width: 75px;
}
.ap-pronto-info .time-range-column {
  width: 90px;
  text-align: right;
}
.ap-pronto-info .event-active {
  font-weight: bold;
}
.ap-pronto-info .event-expired {
  color: #909090;
}
.ap-pronto-info .event-all-day {
  font-style: italic;
}
.ap-pronto-info .event-none {
  text-align: center;
  font-weight: bold;
}
.ap-pronto-info .mail-none {
  text-align: center;
  font-weight: bold;
}
.easyPieChart {
  position: relative;
  text-align: center;
}
.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.chart-container {
  float: left;
  width: 25%;
}
.chart {
  padding: 0px;
  margin: 10px auto;
  position: relative;
  height: 80px;
  width: 80px;
}
.chart-caption {
  text-align: center;
  font-weight: bold;
}
.percentage,
.percentage-value {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
}
.percentage-value {
  line-height: 80px;
  text-align: center;
  width: 80px;
  font-size: 20px;
  font-weight: bold;
}
.percentage-value.unlimited {
  font-size: 14px;
}
.pronto-gadget-entry {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2px;
  width: 195px;
}
.ap-bandwidthchart-minilegend {
  margin-top: 0px;
  height: auto;
}
.ap-bandwidthchart-minilegend table {
  width: auto;
  margin: 0 auto 0 auto;
}
.ap-bandwidthchart-minilegend td {
  font-size: 85%;
  padding: 3px;
  line-height: 9px;
  border: none;
  color: #404040;
}
.ap-bandwidthchart-minilegend td.chart-axis-label {
  padding-left: 10px;
}
.ap-bandwidthchart-minilegend td.chart-value-down {
  text-align: right;
  color: #a86500;
}
.ap-bandwidthchart-minilegend td.chart-value-up {
  text-align: right;
  color: #0055ad;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart-legend {
  margin-top: 10px;
  height: auto;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart-legend table {
  width: auto;
  margin: 0 auto 0 auto;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart-legend td {
  padding: 3px;
  line-height: 10px;
  border: none;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart-legend td.chart-axis-label {
  padding-left: 10px;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart-legend td.chart-value-down {
  text-align: right;
  color: #a86500;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart-legend td.chart-value-up {
  text-align: right;
  color: #0055ad;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart-legend td.chart-value-combined {
  text-align: right;
  color: #404040;
  border-top: 1px dotted #777;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart {
  width: 600px;
  height: 225px;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart .ap-bandwidthchart-nodata {
  position: absolute;
  text-align: center;
}
.ap-bandwidth-chart-wrapper .ap-bandwidthchart .ap-bandwidthchart-nodata span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-weight: bold;
  padding: 0.2em 1em;
  border: 1px solid #404040;
  border-radius: 5px;
  background-color: #fff;
}
.ap-bandwidthchart-title {
  line-height: normal;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
}
table.ap-bandwidth-summary {
  float: right;
  width: auto;
  margin: 0 0 10px 10px;
  border: 1px solid #777;
  border-radius: 5px;
  background-color: #f7f7f7;
}
table.ap-bandwidth-summary td {
  color: #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 13px;
  border: none;
  padding: 3px;
}
table.ap-bandwidth-summary td.ap-bandwidth-summary-value {
  font-weight: bold;
  text-align: right;
}
table.ap-bandwidth-summary td.separator {
  border-top: 1px solid #aaa;
}
#flotTip {
  font-size: 12px;
  font-color: #333;
  background-color: #ffffee;
  z-index: 9999999999;
  padding: 4px 6px;
  border-radius: 5px;
  border: 1px solid #111;
  display: none;
  white-space: nowrap;
}
#flotTip b {
  font-weight: bold;
}
.pbar-container {
  height: 16px;
  padding: 0;
  line-height: 16px;
}
.pbar-container .pbar-bar {
  display: inline-block;
  background-color: #0055ad;
  height: 16px;
  border-radius: 2px;
  line-height: 16px;
  overflow: hidden;
}
.pbar-container .pbar-bar .pbar-label {
  text-align: right;
  color: #f0f0f0;
  font-size: 10px;
  padding: 0px 4px 0px 0px;
  line-height: 16px;
  font-weight: bold;
}
.pbar-container .pbar-outer-label {
  vertical-align: top;
  padding: 0px 0px 0px 4px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
}
.ap-summary-tasks th {
  border-top: none;
  border-bottom: 1px solid #ddd;
  padding: 3px;
  font-size: 110%;
}
.ap-summary-tasks td {
  border-top: none;
  padding: 3px;
}
.ap-summary-tasks td.task-priority-high {
  color: #dd0000;
  text-align: center;
}
.ap-summary-tasks td.task-priority-low {
  color: #0055ad;
  text-align: center;
}
.task-overdue {
  color: #dd0000;
}
.task-today {
  color: #0055ad;
  font-weight: bold;
}
.chart-aside {
  width: 20%;
  float: right;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 4px;
  margin: 0 0 8px 8px;
}
.chart-aside .header {
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.chart-aside span.fw35 {
  display: inline-block;
  width: 35px;
}
/* ----------------------------------------------------------------- *
        DASHBOARD - Affiliate Bookmarks
 * ----------------------------------------------------------------- */
/* The affiliate bookmarks are all exactly 32x32. */
#ap-element-bookmarks .media-grid {
  list-style-type: none;
  margin-left: -10px;
}
#ap-element-bookmarks .media-grid .thumbnail {
  height: 32px;
  width: 32px;
}
#ap-element-bookmarks .media-grid li {
  float: left;
  width: 46px;
  height: 46px;
}
#ap-element-bookmarks .media-grid a {
  margin: 0 0 5px 8px;
  padding: 2px;
}
#ap-element-bookmarks .ap-element-affiliatebookmark:hover {
  /*
     * This is the background style used for ".btn". Bootstrap doesn't offer
     * any variables or mixins for it, so we (for now) copy/paste it directly
     * from patterns.less.
     */
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
}
/* ----------------------------------------------------------------- *
        DASHBOARD - Bookmarks
 * ----------------------------------------------------------------- */
ul.ap-user-bookmark-entries {
  list-style: none;
  margin: 0;
}
ul.ap-user-bookmark-entries li {
  display: block;
  height: 18px;
  line-height: 18px;
  padding: 1px;
}
ul.ap-user-bookmark-entries li .ap-element-userbookmark-delete {
  float: right;
  height: 16px;
  width: 16px;
}
ul.ap-user-bookmark-entries li .ap-element-userbookmark-delete img {
  border: 0;
}
ul.ap-user-bookmark-entries li .ap-element-userbookmark {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.ap-user-bookmark-entries li .ap-element-userbookmark a img {
  float: left;
  margin-right: 4px;
  height: 16px;
  width: 16px;
}
ul.ap-user-bookmark-entries .empty-user-bookmark-highlight {
  border: 1px dashed rgba(0, 0, 0, 0.15);
  padding: 0;
}
/*
 * See /docs/css-less for coding standards,
 * and ../README.txt for compilation.
 */
/*
 * Chosen: A plugin that gives us more attractive select dropdowns, with autocomplete
 *         and UI niceties for multiple and blank selections.
 */
.chzn-container-single .chzn-single {
  border-color: #CCC;
  width: 210px;
}
.chzn-container-single .chzn-single span {
  color: #808080;
}
/*
 * This file was originally created by Modus Create, as part of the App Portal
 * Prototype. It grew into a catch-all place for various styles used throughout
 * the site, and is now (slowly) becoming the place for overall global rules,
 * with context- and element-specific rules living in more appropriate files.
 * 
 * 
 * See /docs/css-less for coding standards,
 * and ../README.txt for compilation.
 */
a {
  cursor: pointer;
}
body {
  background: url("../images/white-sand.png?r10149") repeat;
  padding-top: 40px;
  /* 40px to make the container go all the way to the bottom of the topbar */
}
body.no-chrome {
  background: none;
  padding: 0;
}
/* The white background content wrapper */
.container > .content {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin: 0 -20px;
  background-color: #ffffff;
  width: 940px;
}
.container > .content-error {
  padding: 100px 20px;
  text-align: center;
}
.container > .content-error h3 {
  color: #9d261d;
}
.block-message-trailer {
  padding-left: 14px;
}
.alert-message.error {
  background: #d94e48;
}
.alert-message.info {
  background: #47aecc;
}
.alert-message.success {
  background: #5db75d;
}
.ap-loadmask {
  position: relative;
}
.ap-loadmask > * {
  opacity: 0.5;
}
.ap-loadmask .ap-loadmask-element {
  background-color: #dddddd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(top, #eeeeee, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.ap-loadmask .ap-loadmask-spinner {
  background-image: url("../images/ajax-loading.gif?r10149");
  background-repeat: no-repeat;
  height: 32px;
  left: 50%;
  margin: -16px 0 0 -16px;
  opacity: 1.0;
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 110;
}
.centered {
  text-align: center;
}
.danger-on-hover {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#exception-dump {
  background-color: #F8F8FF;
  border: 1px solid #F0F0FF;
  margin-top: 40px;
  padding: 20px;
}
.readOnlyFieldValue {
  font-size: 13px;
  line-height: 18px;
  padding-top: 6px;
}
hr {
  border-color: rgba(0, 0, 0, 0.15);
}
.with-js-disabled,
.with-js-enabled,
.with-js-error {
  display: none;
}
body.js-disabled .with-js-disabled {
  display: block;
}
body.js-enabled .with-js-enabled {
  display: block;
}
body.js-error .with-js-error {
  display: block;
}
.span-column {
  display: inline;
  float: left;
  margin-left: 20px;
}
table td,
table th {
  vertical-align: middle;
}
/* ----------------------------------------------------------------- *
        DASHBOARD - General
 * ----------------------------------------------------------------- */
#ap-page-home .well {
  border: 1px solid #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: none;
  height: 443px;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 0;
}
#ap-page-home .ap-navmenu {
  height: 379px;
}
.ap-element-guestad-banner {
  margin-top: 15px;
}
/* ----------------------------------------------------------------- *
        DASHBOARD - Styles in Launcher and Affiliate Bookmarks
 * ----------------------------------------------------------------- */
.element-icon-hover {
  /*
     * This is the background style used for ".btn". Bootstrap doesn't offer
     * any variables or mixins for it, so we (for now) copy/paste it directly
     * from patterns.less.
     */
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
}
/* ----------------------------------------------------------------- *
        DASHBOARD - Home page tabs
 * ----------------------------------------------------------------- */
#ap-tabs {
  display: inline-block;
  float: none;
}
#ap-tabs li {
  background-color: #F5F5F5;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  border-top: none;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  width: 98px;
}
#ap-tabs li:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
#ap-tabs li:last-child {
  border-left: none;
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
#ap-tabs li a {
  background: none;
  color: #404040;
  line-height: 13px;
  outline: none;
  padding: 2px;
}
#ap-tabs li a:hover {
  color: black;
}
#ap-tabs li.active {
  background-color: white;
}
#ap-tabs li.active a {
  background: none;
  color: black;
}
/* ----------------------------------------------------------------- *
        DASHBOARD - Communication Center
 * ----------------------------------------------------------------- */
#ap-element-communications-carousel,
#ap-element-communications-carousel ul,
#ap-element-communications-carousel li,
#ap-element-communications-carousel iframe {
  border: 0 none;
  height: 360px;
  overflow: hidden;
  width: 240px;
}
/* ----------------------------------------------------------------- *
        DASHBOARD - Login Form Tweaks
 * ----------------------------------------------------------------- */
#ap-element-login label,
#ap-form-login label {
  width: 60px;
}
#ap-element-login .input,
#ap-form-login .input {
  margin-left: 85px;
}
#ap-element-login legend,
#ap-form-login legend,
#ap-element-login .actions,
#ap-form-login .actions {
  margin: 0 -19px;
  padding-left: 104px;
}
/* ----------------------------------------------------------------- *
        SETTINGS - General
 * ----------------------------------------------------------------- */
.input-append .add-on,
.input-prepend .add-on {
  color: #808080;
}
.input-append + .help-block {
  clear: left;
}
.ap-form-emailaliascreate,
.ap-form-emailaliasdelete {
  margin: 0;
}
.well form,
.well fieldset,
.well .actions {
  margin: 0;
}
/* ----------------------------------------------------------------- *
        SETTINGS - Widget Management
 * ----------------------------------------------------------------- */
#avail-widgets-list,
#active-widgets-list {
  overflow: hidden;
  margin: 0;
}
#avail-widgets-list li,
#active-widgets-list li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  list-style: none;
  margin: 5px;
  background: #e6e6e6;
  border: 1px solid #bfbfbf;
  width: 100px;
  height: 75px;
}
#avail-widgets-list li p,
#active-widgets-list li p {
  font-weight: bold;
  text-shadow: 0 1px 0 #ffffff;
  font-size: 15px;
  text-align: center;
}
#avail-widgets-list li p.input,
#active-widgets-list li p.input {
  padding: 5px;
  margin: 0;
  font-size: 30px;
}
#avail-widgets-list li p.active,
#active-widgets-list li p.active {
  line-height: 75px;
  text-align: center;
  cursor: move;
}
#avail-widgets-list li.active-widget,
#active-widgets-list li.active-widget {
  background: #cdeacd;
}
#avail-widgets-list li.placeholder-widget,
#active-widgets-list li.placeholder-widget {
  background: #d9d9d9;
  border: 2px dashed #b3b3b3;
}
/* ----------------------------------------------------------------- *
        SETTINGS - Modal Overrides: makes modal fixed height and scrollable;
 * ----------------------------------------------------------------- */
.modal {
  margin-top: 0;
  max-height: none;
  position: absolute;
}
.modal .modal-header,
.modal form,
.modal fieldset {
  margin-bottom: 0;
  padding-bottom: 0;
}
.modal .modal-header.well,
.modal form.well,
.modal fieldset.well {
  padding-bottom: 19px;
}
.modal .actions {
  margin: 0 0 -15px;
  padding-bottom: 15px;
}
.modal#ap-modal-simple {
  width: 640px;
  margin-left: -320px;
  top: 81px;
}
.modal#ap-modal-simple .actions {
  margin-left: -15px;
  margin-right: -15px;
}
.modal#ap-modal-full {
  margin-left: -470px;
  top: 81px;
  width: 940px;
}
.modal#ap-modal-full .actions {
  margin-right: -45px;
}
.modal#ap-modal-full .well .actions {
  margin: 0;
}
.ajaxModal-active .container > .content {
  position: fixed;
  width: 940px;
}
.modal .hidden-in-modal,
.visible-in-modal {
  display: none;
}
.modal .visible-in-modal {
  display: block;
}
/* ----------------------------------------------------------------- *
        COMM CENTER - Admin
 * ----------------------------------------------------------------- */
.templates-list {
  padding: 0;
}
.templates-list li {
  list-style: none;
  float: left;
  margin: 0 8px;
}
.externalauth-list {
  zoom: 1;
  margin: 0;
  padding: 0;
}
.externalauth-list:before,
.externalauth-list:after {
  display: table;
  content: "";
  zoom: 1;
}
.externalauth-list:after {
  clear: both;
}
.externalauth-list div.provider-facebook {
  width: 50%;
  float: left;
}
.externalauth-list div.provider-facebook div.provider-link {
  height: 48px;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.externalauth-list div.provider-facebook div.provider-link a {
  display: inline-block;
  height: 48px;
  width: 200px;
  border: none;
}
.externalauth-list div.provider-facebook div.provider-link a span {
  width: 200px;
  height: 48px;
  display: inline-block;
  background-image: url("../images/externalauth/facebook_48px_200px.png");
  background-position: 0px 0px;
}
.externalauth-list div.provider-facebook div.provider-link a span:hover {
  background-position: 0px 96px;
}
.externalauth-list div.provider-facebook div.provider-link a span:active {
  background-position: 0px 48px;
}
.externalauth-list div.provider-facebook.small {
  width: 50%;
  float: left;
}
.externalauth-list div.provider-facebook.small div.provider-link {
  height: 36px;
  width: 150px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.externalauth-list div.provider-facebook.small div.provider-link a {
  display: inline-block;
  height: 36px;
  width: 150px;
  border: none;
}
.externalauth-list div.provider-facebook.small div.provider-link a span {
  width: 150px;
  height: 36px;
  display: inline-block;
  background-image: url("../images/externalauth/facebook_36px_150px.png");
  background-position: 0px 0px;
}
.externalauth-list div.provider-facebook.small div.provider-link a span:hover {
  background-position: 0px 72px;
}
.externalauth-list div.provider-facebook.small div.provider-link a span:active {
  background-position: 0px 36px;
}
.externalauth-list div.provider-google {
  width: 50%;
  float: left;
}
.externalauth-list div.provider-google div.provider-link {
  height: 48px;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.externalauth-list div.provider-google div.provider-link a {
  display: inline-block;
  height: 48px;
  width: 200px;
  border: none;
}
.externalauth-list div.provider-google div.provider-link a span {
  width: 200px;
  height: 48px;
  display: inline-block;
  background-image: url("../images/externalauth/google_48px_200px.png");
  background-position: 0px 0px;
}
.externalauth-list div.provider-google div.provider-link a span:hover {
  background-position: 0px 96px;
}
.externalauth-list div.provider-google div.provider-link a span:active {
  background-position: 0px 48px;
}
.externalauth-list div.provider-google.small {
  width: 50%;
  float: left;
}
.externalauth-list div.provider-google.small div.provider-link {
  height: 36px;
  width: 150px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.externalauth-list div.provider-google.small div.provider-link a {
  display: inline-block;
  height: 36px;
  width: 150px;
  border: none;
}
.externalauth-list div.provider-google.small div.provider-link a span {
  width: 150px;
  height: 36px;
  display: inline-block;
  background-image: url("../images/externalauth/google_36px_150px.png");
  background-position: 0px 0px;
}
.externalauth-list div.provider-google.small div.provider-link a span:hover {
  background-position: 0px 72px;
}
.externalauth-list div.provider-google.small div.provider-link a span:active {
  background-position: 0px 36px;
}
.externalauth-list div.provider-live {
  width: 50%;
  float: left;
}
.externalauth-list div.provider-live div.provider-link {
  height: 48px;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.externalauth-list div.provider-live div.provider-link a {
  display: inline-block;
  height: 48px;
  width: 200px;
  border: none;
}
.externalauth-list div.provider-live div.provider-link a span {
  width: 200px;
  height: 48px;
  display: inline-block;
  background-image: url("../images/externalauth/live_48px_200px.png");
  background-position: 0px 0px;
}
.externalauth-list div.provider-live div.provider-link a span:hover {
  background-position: 0px 96px;
}
.externalauth-list div.provider-live div.provider-link a span:active {
  background-position: 0px 48px;
}
.externalauth-list div.provider-live.small {
  width: 50%;
  float: left;
}
.externalauth-list div.provider-live.small div.provider-link {
  height: 36px;
  width: 150px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.externalauth-list div.provider-live.small div.provider-link a {
  display: inline-block;
  height: 36px;
  width: 150px;
  border: none;
}
.externalauth-list div.provider-live.small div.provider-link a span {
  width: 150px;
  height: 36px;
  display: inline-block;
  background-image: url("../images/externalauth/live_36px_150px.png");
  background-position: 0px 0px;
}
.externalauth-list div.provider-live.small div.provider-link a span:hover {
  background-position: 0px 72px;
}
.externalauth-list div.provider-live.small div.provider-link a span:active {
  background-position: 0px 36px;
}
.externalauth-disconnect {
  margin: 10px 0 0 10px;
}
.whats-this {
  font-size: 85%;
  margin-top: 5px;
}
.whats-this a {
  cursor: help;
}
.id-card-container.pull-left {
  float: left;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.id-card-container.pull-right {
  float: right;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.id-card-container.spaced {
  margin-top: 10px;
  margin-bottom: 10px;
}
.three-quarters {
  zoom: 0.75;
}
div.id-card {
  zoom: 1;
  display: inline-block;
  min-width: 250px;
  padding: 5px;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px 0 10px;
}
div.id-card:before,
div.id-card:after {
  display: table;
  content: "";
  zoom: 1;
}
div.id-card:after {
  clear: both;
}
div.id-card img.id-image {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  float: left;
  min-width: 50px;
  max-width: 75px;
  height: auto;
  line-height: 100%;
  margin-right: 10px;
}
div.id-card .id-name {
  padding-top: 5px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
div.id-card .id-email {
  font-size: 13px;
  line-height: 18px;
  padding: 0;
  margin: 0;
}