You are here

bootstrap.css in Sassy 7.3

/*!
 * Bootstrap v1.3.0
 *
 * Copyright 2011 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 * Date: Mon Oct 10 14:31:07 CDT 2011
 */
/* 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;
}
/* Variables.less
 * Variables to customize the look and feel of Bootstrap
 * ----------------------------------------------------- */
/* 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
 * ------------------------------------------------------------------------------------------- */
html, body {
  background-color: #ffffff;
}
body {
  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;
  *display: inline;
}
.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;
  *display: inline;
}
.container-fluid:after {
  clear: both;
}
.container-fluid > .sidebar {
  float: left;
  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;
  *display: inline;
}
.row:after {
  clear: both;
}
[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;
}
.offset1 {
  margin-left: 80px;
}
.offset2 {
  margin-left: 140px;
}
.offset3 {
  margin-left: 200px;
}
.offset4 {
  margin-left: 260px;
}
.offset5 {
  margin-left: 320px;
}
.offset6 {
  margin-left: 380px;
}
.offset7 {
  margin-left: 440px;
}
.offset8 {
  margin-left: 500px;
}
.offset9 {
  margin-left: 560px;
}
.offset10 {
  margin-left: 620px;
}
.offset11 {
  margin-left: 680px;
}
.offset12 {
  margin-left: 740px;
}
.span-one-third {
  width: 300px;
}
.span-two-thirds {
  width: 620px;
}
.offset-one-third {
  margin-left: 340px;
}
.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;
  *display: inline;
}
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;
}
/* mini reset for non-html5 file types */
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;
  line-height: 27px;
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

}
select[multiple] {
  height: inherit;
}
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 div.clearfix.error {
  background: #fae5e3;
  padding: 10px 0;
  margin: -10px 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
form div.clearfix.error > label, form div.clearfix.error span.help-inline, form div.clearfix.error span.help-block {
  color: #9d261d;
}
form div.clearfix.error input, form div.clearfix.error textarea {
  border-color: #c87872;
  -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
}
form div.clearfix.error input:focus, form div.clearfix.error textarea:focus {
  border-color: #b9554d;
  -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
}
form div.clearfix.error .input-prepend span.add-on, form div.clearfix.error .input-append span.add-on {
  background: #f4c8c5;
  border-color: #c87872;
  color: #b9554d;
}
.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, select.span1 {
  display: inline-block;
  float: none;
  width: 30px;
  margin-left: 0;
}
input.span2, textarea.span2, select.span2 {
  display: inline-block;
  float: none;
  width: 90px;
  margin-left: 0;
}
input.span3, textarea.span3, select.span3 {
  display: inline-block;
  float: none;
  width: 150px;
  margin-left: 0;
}
input.span4, textarea.span4, select.span4 {
  display: inline-block;
  float: none;
  width: 210px;
  margin-left: 0;
}
input.span5, textarea.span5, select.span5 {
  display: inline-block;
  float: none;
  width: 270px;
  margin-left: 0;
}
input.span6, textarea.span6, select.span6 {
  display: inline-block;
  float: none;
  width: 330px;
  margin-left: 0;
}
input.span7, textarea.span7, select.span7 {
  display: inline-block;
  float: none;
  width: 390px;
  margin-left: 0;
}
input.span8, textarea.span8, select.span8 {
  display: inline-block;
  float: none;
  width: 450px;
  margin-left: 0;
}
input.span9, textarea.span9, select.span9 {
  display: inline-block;
  float: none;
  width: 510px;
  margin-left: 0;
}
input.span10, textarea.span10, select.span10 {
  display: inline-block;
  float: none;
  width: 570px;
  margin-left: 0;
}
input.span11, textarea.span11, select.span11 {
  display: inline-block;
  float: none;
  width: 630px;
  margin-left: 0;
}
input.span12, textarea.span12, select.span12 {
  display: inline-block;
  float: none;
  width: 690px;
  margin-left: 0;
}
input.span13, textarea.span13, select.span13 {
  display: inline-block;
  float: none;
  width: 750px;
  margin-left: 0;
}
input.span14, textarea.span14, select.span14 {
  display: inline-block;
  float: none;
  width: 810px;
  margin-left: 0;
}
input.span15, textarea.span15, select.span15 {
  display: inline-block;
  float: none;
  width: 870px;
  margin-left: 0;
}
input.span16, textarea.span16, select.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: 11px;
  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, .inline-inputs input {
  display: inline-block;
}
.inline-inputs input.mini {
  width: 60px;
}
.inline-inputs input.small {
  width: 90px;
}
.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;
  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;
}
.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;
  border-collapse: separate;
  *border-collapse: collapse;
  /* IE7, collapse table to remove spacing */

  font-size: 13px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
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;
  border-bottom: 1px solid #ddd;
}
table td {
  vertical-align: top;
}
table th + th, table td + td {
  border-left: 1px solid #ddd;
}
table tr + tr td {
  border-top: 1px solid #ddd;
}
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;
}
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;
}
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;
}
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;
}
.zebra-striped tbody tr:nth-child(odd) td {
  background-color: #f9f9f9;
}
.zebra-striped tbody tr:hover td {
  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 a: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: "↓";
  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 {
  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 20px;
  padding: 0;
  list-style: none;
  zoom: 1;
}
.tabs:before,
.pills:before,
.tabs:after,
.pills:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.tabs:after, .pills:after {
  clear: both;
}
.tabs > li, .pills > li {
  float: left;
}
.tabs > li > a, .pills > li > a {
  display: block;
}
.tabs {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.tabs > li {
  position: relative;
  top: 1px;
}
.tabs > li > a {
  padding: 0 15px;
  margin-right: 2px;
  line-height: 36px;
  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 > li.active > a {
  color: #808080;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.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;
}
.tab-content {
  clear: both;
}
.pills a {
  margin: 5px 3px 5px 0;
  padding: 0 15px;
  text-shadow: 0 1px 1px #ffffff;
  line-height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pills a:hover {
  background: #00438a;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.pills .active a {
  background: #0069d6;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.tab-content > *, .pill-content > * {
  display: none;
}
.tab-content > .active, .pill-content > .active {
  display: block;
}
.breadcrumb {
  margin: 0 0 18px;
  padding: 7px 14px;
  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.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 {
  -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;
}
.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=20);
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.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: 3px;
  /* IE7 spacing */

}
.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;
}
.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;
  width: 560px;
  margin: -250px 0 0 -250px;
  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-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;
  *display: inline;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  float: right;
  margin-left: 5px;
}
.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-color: #000000;
  background-color: 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;
  background-color: #bfbfbf;
  font-size: 9.75px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.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;
  *display: inline;
}
.media-grid:after {
  clear: both;
}
.media-grid li {
  display: inline;
}
.media-grid a {
  float: left;
  padding: 4px;
  margin: 0 0 20px 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);
}

File

sassy_bootstrap/bootstrap/bootstrap.css
View source
  1. /*!
  2. * Bootstrap v1.3.0
  3. *
  4. * Copyright 2011 Twitter, Inc
  5. * Licensed under the Apache License v2.0
  6. * http://www.apache.org/licenses/LICENSE-2.0
  7. *
  8. * Designed and built with all the love in the world @twitter by @mdo and @fat.
  9. * Date: Mon Oct 10 14:31:07 CDT 2011
  10. */
  11. /* Reset.less
  12. * 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).
  13. * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
  14. html, body {
  15. margin: 0;
  16. padding: 0;
  17. }
  18. h1,
  19. h2,
  20. h3,
  21. h4,
  22. h5,
  23. h6,
  24. p,
  25. blockquote,
  26. pre,
  27. a,
  28. abbr,
  29. acronym,
  30. address,
  31. cite,
  32. code,
  33. del,
  34. dfn,
  35. em,
  36. img,
  37. q,
  38. s,
  39. samp,
  40. small,
  41. strike,
  42. strong,
  43. sub,
  44. sup,
  45. tt,
  46. var,
  47. dd,
  48. dl,
  49. dt,
  50. li,
  51. ol,
  52. ul,
  53. fieldset,
  54. form,
  55. label,
  56. legend,
  57. button,
  58. table,
  59. caption,
  60. tbody,
  61. tfoot,
  62. thead,
  63. tr,
  64. th,
  65. td {
  66. margin: 0;
  67. padding: 0;
  68. border: 0;
  69. font-weight: normal;
  70. font-style: normal;
  71. font-size: 100%;
  72. line-height: 1;
  73. font-family: inherit;
  74. }
  75. table {
  76. border-collapse: collapse;
  77. border-spacing: 0;
  78. }
  79. ol, ul {
  80. list-style: none;
  81. }
  82. q:before,
  83. q:after,
  84. blockquote:before,
  85. blockquote:after {
  86. content: "";
  87. }
  88. html {
  89. overflow-y: scroll;
  90. font-size: 100%;
  91. -webkit-text-size-adjust: 100%;
  92. -ms-text-size-adjust: 100%;
  93. }
  94. a:focus {
  95. outline: thin dotted;
  96. }
  97. a:hover, a:active {
  98. outline: 0;
  99. }
  100. article,
  101. aside,
  102. details,
  103. figcaption,
  104. figure,
  105. footer,
  106. header,
  107. hgroup,
  108. nav,
  109. section {
  110. display: block;
  111. }
  112. audio, canvas, video {
  113. display: inline-block;
  114. *display: inline;
  115. *zoom: 1;
  116. }
  117. audio:not([controls]) {
  118. display: none;
  119. }
  120. sub, sup {
  121. font-size: 75%;
  122. line-height: 0;
  123. position: relative;
  124. vertical-align: baseline;
  125. }
  126. sup {
  127. top: -0.5em;
  128. }
  129. sub {
  130. bottom: -0.25em;
  131. }
  132. img {
  133. border: 0;
  134. -ms-interpolation-mode: bicubic;
  135. }
  136. button,
  137. input,
  138. select,
  139. textarea {
  140. font-size: 100%;
  141. margin: 0;
  142. vertical-align: baseline;
  143. *vertical-align: middle;
  144. }
  145. button, input {
  146. line-height: normal;
  147. *overflow: visible;
  148. }
  149. button::-moz-focus-inner, input::-moz-focus-inner {
  150. border: 0;
  151. padding: 0;
  152. }
  153. button,
  154. input[type="button"],
  155. input[type="reset"],
  156. input[type="submit"] {
  157. cursor: pointer;
  158. -webkit-appearance: button;
  159. }
  160. input[type="search"] {
  161. -webkit-appearance: textfield;
  162. -webkit-box-sizing: content-box;
  163. -moz-box-sizing: content-box;
  164. box-sizing: content-box;
  165. }
  166. input[type="search"]::-webkit-search-decoration {
  167. -webkit-appearance: none;
  168. }
  169. textarea {
  170. overflow: auto;
  171. vertical-align: top;
  172. }
  173. /* Variables.less
  174. * Variables to customize the look and feel of Bootstrap
  175. * ----------------------------------------------------- */
  176. /* Mixins.less
  177. * Snippets of reusable CSS to develop faster and keep code readable
  178. * ----------------------------------------------------------------- */
  179. /*
  180. * Scaffolding
  181. * Basic and global styles for generating a grid system, structural layout, and page templates
  182. * ------------------------------------------------------------------------------------------- */
  183. html, body {
  184. background-color: #ffffff;
  185. }
  186. body {
  187. margin: 0;
  188. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  189. font-size: 13px;
  190. font-weight: normal;
  191. line-height: 18px;
  192. color: #404040;
  193. }
  194. .container {
  195. width: 940px;
  196. margin-left: auto;
  197. margin-right: auto;
  198. zoom: 1;
  199. }
  200. .container:before, .container:after {
  201. display: table;
  202. content: "";
  203. zoom: 1;
  204. *display: inline;
  205. }
  206. .container:after {
  207. clear: both;
  208. }
  209. .container-fluid {
  210. position: relative;
  211. min-width: 940px;
  212. padding-left: 20px;
  213. padding-right: 20px;
  214. zoom: 1;
  215. }
  216. .container-fluid:before, .container-fluid:after {
  217. display: table;
  218. content: "";
  219. zoom: 1;
  220. *display: inline;
  221. }
  222. .container-fluid:after {
  223. clear: both;
  224. }
  225. .container-fluid > .sidebar {
  226. float: left;
  227. width: 220px;
  228. }
  229. .container-fluid > .content {
  230. margin-left: 240px;
  231. }
  232. a {
  233. color: #0069d6;
  234. text-decoration: none;
  235. line-height: inherit;
  236. font-weight: inherit;
  237. }
  238. a:hover {
  239. color: #00438a;
  240. text-decoration: underline;
  241. }
  242. .pull-right {
  243. float: right;
  244. }
  245. .pull-left {
  246. float: left;
  247. }
  248. .hide {
  249. display: none;
  250. }
  251. .show {
  252. display: block;
  253. }
  254. .row {
  255. zoom: 1;
  256. margin-left: -20px;
  257. }
  258. .row:before, .row:after {
  259. display: table;
  260. content: "";
  261. zoom: 1;
  262. *display: inline;
  263. }
  264. .row:after {
  265. clear: both;
  266. }
  267. [class*="span"] {
  268. display: inline;
  269. float: left;
  270. margin-left: 20px;
  271. }
  272. .span1 {
  273. width: 40px;
  274. }
  275. .span2 {
  276. width: 100px;
  277. }
  278. .span3 {
  279. width: 160px;
  280. }
  281. .span4 {
  282. width: 220px;
  283. }
  284. .span5 {
  285. width: 280px;
  286. }
  287. .span6 {
  288. width: 340px;
  289. }
  290. .span7 {
  291. width: 400px;
  292. }
  293. .span8 {
  294. width: 460px;
  295. }
  296. .span9 {
  297. width: 520px;
  298. }
  299. .span10 {
  300. width: 580px;
  301. }
  302. .span11 {
  303. width: 640px;
  304. }
  305. .span12 {
  306. width: 700px;
  307. }
  308. .span13 {
  309. width: 760px;
  310. }
  311. .span14 {
  312. width: 820px;
  313. }
  314. .span15 {
  315. width: 880px;
  316. }
  317. .span16 {
  318. width: 940px;
  319. }
  320. .span17 {
  321. width: 1000px;
  322. }
  323. .span18 {
  324. width: 1060px;
  325. }
  326. .span19 {
  327. width: 1120px;
  328. }
  329. .span20 {
  330. width: 1180px;
  331. }
  332. .span21 {
  333. width: 1240px;
  334. }
  335. .span22 {
  336. width: 1300px;
  337. }
  338. .span23 {
  339. width: 1360px;
  340. }
  341. .span24 {
  342. width: 1420px;
  343. }
  344. .offset1 {
  345. margin-left: 80px;
  346. }
  347. .offset2 {
  348. margin-left: 140px;
  349. }
  350. .offset3 {
  351. margin-left: 200px;
  352. }
  353. .offset4 {
  354. margin-left: 260px;
  355. }
  356. .offset5 {
  357. margin-left: 320px;
  358. }
  359. .offset6 {
  360. margin-left: 380px;
  361. }
  362. .offset7 {
  363. margin-left: 440px;
  364. }
  365. .offset8 {
  366. margin-left: 500px;
  367. }
  368. .offset9 {
  369. margin-left: 560px;
  370. }
  371. .offset10 {
  372. margin-left: 620px;
  373. }
  374. .offset11 {
  375. margin-left: 680px;
  376. }
  377. .offset12 {
  378. margin-left: 740px;
  379. }
  380. .span-one-third {
  381. width: 300px;
  382. }
  383. .span-two-thirds {
  384. width: 620px;
  385. }
  386. .offset-one-third {
  387. margin-left: 340px;
  388. }
  389. .offset-two-thirds {
  390. margin-left: 660px;
  391. }
  392. /* Typography.less
  393. * Headings, body text, lists, code, and more for a versatile and durable typography system
  394. * ---------------------------------------------------------------------------------------- */
  395. p {
  396. font-size: 13px;
  397. font-weight: normal;
  398. line-height: 18px;
  399. margin-bottom: 9px;
  400. }
  401. p small {
  402. font-size: 11px;
  403. color: #bfbfbf;
  404. }
  405. h1,
  406. h2,
  407. h3,
  408. h4,
  409. h5,
  410. h6 {
  411. font-weight: bold;
  412. color: #404040;
  413. }
  414. h1 small,
  415. h2 small,
  416. h3 small,
  417. h4 small,
  418. h5 small,
  419. h6 small {
  420. color: #bfbfbf;
  421. }
  422. h1 {
  423. margin-bottom: 18px;
  424. font-size: 30px;
  425. line-height: 36px;
  426. }
  427. h1 small {
  428. font-size: 18px;
  429. }
  430. h2 {
  431. font-size: 24px;
  432. line-height: 36px;
  433. }
  434. h2 small {
  435. font-size: 14px;
  436. }
  437. h3,
  438. h4,
  439. h5,
  440. h6 {
  441. line-height: 36px;
  442. }
  443. h3 {
  444. font-size: 18px;
  445. }
  446. h3 small {
  447. font-size: 14px;
  448. }
  449. h4 {
  450. font-size: 16px;
  451. }
  452. h4 small {
  453. font-size: 12px;
  454. }
  455. h5 {
  456. font-size: 14px;
  457. }
  458. h6 {
  459. font-size: 13px;
  460. color: #bfbfbf;
  461. text-transform: uppercase;
  462. }
  463. ul, ol {
  464. margin: 0 0 18px 25px;
  465. }
  466. ul ul,
  467. ul ol,
  468. ol ol,
  469. ol ul {
  470. margin-bottom: 0;
  471. }
  472. ul {
  473. list-style: disc;
  474. }
  475. ol {
  476. list-style: decimal;
  477. }
  478. li {
  479. line-height: 18px;
  480. color: #808080;
  481. }
  482. ul.unstyled {
  483. list-style: none;
  484. margin-left: 0;
  485. }
  486. dl {
  487. margin-bottom: 18px;
  488. }
  489. dl dt, dl dd {
  490. line-height: 18px;
  491. }
  492. dl dt {
  493. font-weight: bold;
  494. }
  495. dl dd {
  496. margin-left: 9px;
  497. }
  498. hr {
  499. margin: 20px 0 19px;
  500. border: 0;
  501. border-bottom: 1px solid #eee;
  502. }
  503. strong {
  504. font-style: inherit;
  505. font-weight: bold;
  506. }
  507. em {
  508. font-style: italic;
  509. font-weight: inherit;
  510. line-height: inherit;
  511. }
  512. .muted {
  513. color: #bfbfbf;
  514. }
  515. blockquote {
  516. margin-bottom: 18px;
  517. border-left: 5px solid #eee;
  518. padding-left: 15px;
  519. }
  520. blockquote p {
  521. font-size: 14px;
  522. font-weight: 300;
  523. line-height: 18px;
  524. margin-bottom: 0;
  525. }
  526. blockquote small {
  527. display: block;
  528. font-size: 12px;
  529. font-weight: 300;
  530. line-height: 18px;
  531. color: #bfbfbf;
  532. }
  533. blockquote small:before {
  534. content: '\2014 \00A0';
  535. }
  536. address {
  537. display: block;
  538. line-height: 18px;
  539. margin-bottom: 18px;
  540. }
  541. code, pre {
  542. padding: 0 3px 2px;
  543. font-family: Monaco, Andale Mono, Courier New, monospace;
  544. font-size: 12px;
  545. -webkit-border-radius: 3px;
  546. -moz-border-radius: 3px;
  547. border-radius: 3px;
  548. }
  549. code {
  550. background-color: #fee9cc;
  551. color: rgba(0, 0, 0, 0.75);
  552. padding: 1px 3px;
  553. }
  554. pre {
  555. background-color: #f5f5f5;
  556. display: block;
  557. padding: 8.5px;
  558. margin: 0 0 18px;
  559. line-height: 18px;
  560. font-size: 12px;
  561. border: 1px solid #ccc;
  562. border: 1px solid rgba(0, 0, 0, 0.15);
  563. -webkit-border-radius: 3px;
  564. -moz-border-radius: 3px;
  565. border-radius: 3px;
  566. white-space: pre;
  567. white-space: pre-wrap;
  568. word-wrap: break-word;
  569. }
  570. /* Forms.less
  571. * Base styles for various input types, form layouts, and states
  572. * ------------------------------------------------------------- */
  573. form {
  574. margin-bottom: 18px;
  575. }
  576. fieldset {
  577. margin-bottom: 18px;
  578. padding-top: 18px;
  579. }
  580. fieldset legend {
  581. display: block;
  582. padding-left: 150px;
  583. font-size: 19.5px;
  584. line-height: 1;
  585. color: #404040;
  586. *padding: 0 0 5px 145px;
  587. /* IE6-7 */
  588. *line-height: 1.5;
  589. /* IE6-7 */
  590. }
  591. form .clearfix {
  592. margin-bottom: 18px;
  593. zoom: 1;
  594. }
  595. form .clearfix:before, form .clearfix:after {
  596. display: table;
  597. content: "";
  598. zoom: 1;
  599. *display: inline;
  600. }
  601. form .clearfix:after {
  602. clear: both;
  603. }
  604. label,
  605. input,
  606. select,
  607. textarea {
  608. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  609. font-size: 13px;
  610. font-weight: normal;
  611. line-height: normal;
  612. }
  613. label {
  614. padding-top: 6px;
  615. font-size: 13px;
  616. line-height: 18px;
  617. float: left;
  618. width: 130px;
  619. text-align: right;
  620. color: #404040;
  621. }
  622. form .input {
  623. margin-left: 150px;
  624. }
  625. input[type=checkbox], input[type=radio] {
  626. cursor: pointer;
  627. }
  628. input,
  629. textarea,
  630. select,
  631. .uneditable-input {
  632. display: inline-block;
  633. width: 210px;
  634. height: 18px;
  635. padding: 4px;
  636. font-size: 13px;
  637. line-height: 18px;
  638. color: #808080;
  639. border: 1px solid #ccc;
  640. -webkit-border-radius: 3px;
  641. -moz-border-radius: 3px;
  642. border-radius: 3px;
  643. }
  644. /* mini reset for non-html5 file types */
  645. input[type=checkbox], input[type=radio] {
  646. width: auto;
  647. height: auto;
  648. padding: 0;
  649. margin: 3px 0;
  650. *margin-top: 0;
  651. /* IE6-7 */
  652. line-height: normal;
  653. border: none;
  654. }
  655. input[type=file] {
  656. background-color: #ffffff;
  657. padding: initial;
  658. border: initial;
  659. line-height: initial;
  660. -webkit-box-shadow: none;
  661. -moz-box-shadow: none;
  662. box-shadow: none;
  663. }
  664. input[type=button], input[type=reset], input[type=submit] {
  665. width: auto;
  666. height: auto;
  667. }
  668. select, input[type=file] {
  669. height: 27px;
  670. line-height: 27px;
  671. *margin-top: 4px;
  672. /* For IE7, add top margin to align select with labels */
  673. }
  674. select[multiple] {
  675. height: inherit;
  676. }
  677. textarea {
  678. height: auto;
  679. }
  680. .uneditable-input {
  681. background-color: #ffffff;
  682. display: block;
  683. border-color: #eee;
  684. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  685. -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  686. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  687. cursor: not-allowed;
  688. }
  689. :-moz-placeholder {
  690. color: #bfbfbf;
  691. }
  692. ::-webkit-input-placeholder {
  693. color: #bfbfbf;
  694. }
  695. input, textarea {
  696. -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  697. -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  698. -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  699. -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  700. transition: border linear 0.2s, box-shadow linear 0.2s;
  701. -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  702. -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  703. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  704. }
  705. input:focus, textarea:focus {
  706. outline: 0;
  707. border-color: rgba(82, 168, 236, 0.8);
  708. -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  709. -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  710. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  711. }
  712. input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  713. -webkit-box-shadow: none;
  714. -moz-box-shadow: none;
  715. box-shadow: none;
  716. outline: 1px dotted #666;
  717. }
  718. form div.clearfix.error {
  719. background: #fae5e3;
  720. padding: 10px 0;
  721. margin: -10px 0 10px;
  722. -webkit-border-radius: 4px;
  723. -moz-border-radius: 4px;
  724. border-radius: 4px;
  725. }
  726. form div.clearfix.error > label, form div.clearfix.error span.help-inline, form div.clearfix.error span.help-block {
  727. color: #9d261d;
  728. }
  729. form div.clearfix.error input, form div.clearfix.error textarea {
  730. border-color: #c87872;
  731. -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  732. -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  733. box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  734. }
  735. form div.clearfix.error input:focus, form div.clearfix.error textarea:focus {
  736. border-color: #b9554d;
  737. -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  738. -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  739. box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  740. }
  741. form div.clearfix.error .input-prepend span.add-on, form div.clearfix.error .input-append span.add-on {
  742. background: #f4c8c5;
  743. border-color: #c87872;
  744. color: #b9554d;
  745. }
  746. .input-mini,
  747. input.mini,
  748. textarea.mini,
  749. select.mini {
  750. width: 60px;
  751. }
  752. .input-small,
  753. input.small,
  754. textarea.small,
  755. select.small {
  756. width: 90px;
  757. }
  758. .input-medium,
  759. input.medium,
  760. textarea.medium,
  761. select.medium {
  762. width: 150px;
  763. }
  764. .input-large,
  765. input.large,
  766. textarea.large,
  767. select.large {
  768. width: 210px;
  769. }
  770. .input-xlarge,
  771. input.xlarge,
  772. textarea.xlarge,
  773. select.xlarge {
  774. width: 270px;
  775. }
  776. .input-xxlarge,
  777. input.xxlarge,
  778. textarea.xxlarge,
  779. select.xxlarge {
  780. width: 530px;
  781. }
  782. textarea.xxlarge {
  783. overflow-y: auto;
  784. }
  785. input.span1, textarea.span1, select.span1 {
  786. display: inline-block;
  787. float: none;
  788. width: 30px;
  789. margin-left: 0;
  790. }
  791. input.span2, textarea.span2, select.span2 {
  792. display: inline-block;
  793. float: none;
  794. width: 90px;
  795. margin-left: 0;
  796. }
  797. input.span3, textarea.span3, select.span3 {
  798. display: inline-block;
  799. float: none;
  800. width: 150px;
  801. margin-left: 0;
  802. }
  803. input.span4, textarea.span4, select.span4 {
  804. display: inline-block;
  805. float: none;
  806. width: 210px;
  807. margin-left: 0;
  808. }
  809. input.span5, textarea.span5, select.span5 {
  810. display: inline-block;
  811. float: none;
  812. width: 270px;
  813. margin-left: 0;
  814. }
  815. input.span6, textarea.span6, select.span6 {
  816. display: inline-block;
  817. float: none;
  818. width: 330px;
  819. margin-left: 0;
  820. }
  821. input.span7, textarea.span7, select.span7 {
  822. display: inline-block;
  823. float: none;
  824. width: 390px;
  825. margin-left: 0;
  826. }
  827. input.span8, textarea.span8, select.span8 {
  828. display: inline-block;
  829. float: none;
  830. width: 450px;
  831. margin-left: 0;
  832. }
  833. input.span9, textarea.span9, select.span9 {
  834. display: inline-block;
  835. float: none;
  836. width: 510px;
  837. margin-left: 0;
  838. }
  839. input.span10, textarea.span10, select.span10 {
  840. display: inline-block;
  841. float: none;
  842. width: 570px;
  843. margin-left: 0;
  844. }
  845. input.span11, textarea.span11, select.span11 {
  846. display: inline-block;
  847. float: none;
  848. width: 630px;
  849. margin-left: 0;
  850. }
  851. input.span12, textarea.span12, select.span12 {
  852. display: inline-block;
  853. float: none;
  854. width: 690px;
  855. margin-left: 0;
  856. }
  857. input.span13, textarea.span13, select.span13 {
  858. display: inline-block;
  859. float: none;
  860. width: 750px;
  861. margin-left: 0;
  862. }
  863. input.span14, textarea.span14, select.span14 {
  864. display: inline-block;
  865. float: none;
  866. width: 810px;
  867. margin-left: 0;
  868. }
  869. input.span15, textarea.span15, select.span15 {
  870. display: inline-block;
  871. float: none;
  872. width: 870px;
  873. margin-left: 0;
  874. }
  875. input.span16, textarea.span16, select.span16 {
  876. display: inline-block;
  877. float: none;
  878. width: 930px;
  879. margin-left: 0;
  880. }
  881. input[disabled],
  882. select[disabled],
  883. textarea[disabled],
  884. input[readonly],
  885. select[readonly],
  886. textarea[readonly] {
  887. background-color: #f5f5f5;
  888. border-color: #ddd;
  889. cursor: not-allowed;
  890. }
  891. .actions {
  892. background: #f5f5f5;
  893. margin-top: 18px;
  894. margin-bottom: 18px;
  895. padding: 17px 20px 18px 150px;
  896. border-top: 1px solid #ddd;
  897. -webkit-border-radius: 0 0 3px 3px;
  898. -moz-border-radius: 0 0 3px 3px;
  899. border-radius: 0 0 3px 3px;
  900. }
  901. .actions .secondary-action {
  902. float: right;
  903. }
  904. .actions .secondary-action a {
  905. line-height: 30px;
  906. }
  907. .actions .secondary-action a:hover {
  908. text-decoration: underline;
  909. }
  910. .help-inline, .help-block {
  911. font-size: 11px;
  912. line-height: 18px;
  913. color: #bfbfbf;
  914. }
  915. .help-inline {
  916. padding-left: 5px;
  917. *position: relative;
  918. /* IE6-7 */
  919. *top: -5px;
  920. /* IE6-7 */
  921. }
  922. .help-block {
  923. display: block;
  924. max-width: 600px;
  925. }
  926. .inline-inputs {
  927. color: #808080;
  928. }
  929. .inline-inputs span, .inline-inputs input {
  930. display: inline-block;
  931. }
  932. .inline-inputs input.mini {
  933. width: 60px;
  934. }
  935. .inline-inputs input.small {
  936. width: 90px;
  937. }
  938. .inline-inputs span {
  939. padding: 0 2px 0 1px;
  940. }
  941. .input-prepend input, .input-append input {
  942. -webkit-border-radius: 0 3px 3px 0;
  943. -moz-border-radius: 0 3px 3px 0;
  944. border-radius: 0 3px 3px 0;
  945. }
  946. .input-prepend .add-on, .input-append .add-on {
  947. position: relative;
  948. background: #f5f5f5;
  949. border: 1px solid #ccc;
  950. z-index: 2;
  951. float: left;
  952. display: block;
  953. width: auto;
  954. min-width: 16px;
  955. height: 18px;
  956. padding: 4px 4px 4px 5px;
  957. margin-right: -1px;
  958. font-weight: normal;
  959. line-height: 18px;
  960. color: #bfbfbf;
  961. text-align: center;
  962. text-shadow: 0 1px 0 #ffffff;
  963. -webkit-border-radius: 3px 0 0 3px;
  964. -moz-border-radius: 3px 0 0 3px;
  965. border-radius: 3px 0 0 3px;
  966. }
  967. .input-prepend .active, .input-append .active {
  968. background: #a9dba9;
  969. border-color: #46a546;
  970. }
  971. .input-prepend .add-on {
  972. *margin-top: 1px;
  973. /* IE6-7 */
  974. }
  975. .input-append input {
  976. float: left;
  977. -webkit-border-radius: 3px 0 0 3px;
  978. -moz-border-radius: 3px 0 0 3px;
  979. border-radius: 3px 0 0 3px;
  980. }
  981. .input-append .add-on {
  982. -webkit-border-radius: 0 3px 3px 0;
  983. -moz-border-radius: 0 3px 3px 0;
  984. border-radius: 0 3px 3px 0;
  985. margin-right: 0;
  986. margin-left: -1px;
  987. }
  988. .inputs-list {
  989. margin: 0 0 5px;
  990. width: 100%;
  991. }
  992. .inputs-list li {
  993. display: block;
  994. padding: 0;
  995. width: 100%;
  996. }
  997. .inputs-list label {
  998. display: block;
  999. float: none;
  1000. width: auto;
  1001. padding: 0;
  1002. line-height: 18px;
  1003. text-align: left;
  1004. white-space: normal;
  1005. }
  1006. .inputs-list label strong {
  1007. color: #808080;
  1008. }
  1009. .inputs-list label small {
  1010. font-size: 11px;
  1011. font-weight: normal;
  1012. }
  1013. .inputs-list .inputs-list {
  1014. margin-left: 25px;
  1015. margin-bottom: 10px;
  1016. padding-top: 0;
  1017. }
  1018. .inputs-list:first-child {
  1019. padding-top: 6px;
  1020. }
  1021. .inputs-list li + li {
  1022. padding-top: 2px;
  1023. }
  1024. .inputs-list input[type=radio], .inputs-list input[type=checkbox] {
  1025. margin-bottom: 0;
  1026. }
  1027. .form-stacked {
  1028. padding-left: 20px;
  1029. }
  1030. .form-stacked fieldset {
  1031. padding-top: 9px;
  1032. }
  1033. .form-stacked legend {
  1034. padding-left: 0;
  1035. }
  1036. .form-stacked label {
  1037. display: block;
  1038. float: none;
  1039. width: auto;
  1040. font-weight: bold;
  1041. text-align: left;
  1042. line-height: 20px;
  1043. padding-top: 0;
  1044. }
  1045. .form-stacked .clearfix {
  1046. margin-bottom: 9px;
  1047. }
  1048. .form-stacked .clearfix div.input {
  1049. margin-left: 0;
  1050. }
  1051. .form-stacked .inputs-list {
  1052. margin-bottom: 0;
  1053. }
  1054. .form-stacked .inputs-list li {
  1055. padding-top: 0;
  1056. }
  1057. .form-stacked .inputs-list li label {
  1058. font-weight: normal;
  1059. padding-top: 0;
  1060. }
  1061. .form-stacked div.clearfix.error {
  1062. padding-top: 10px;
  1063. padding-bottom: 10px;
  1064. padding-left: 10px;
  1065. margin-top: 0;
  1066. margin-left: -10px;
  1067. }
  1068. .form-stacked .actions {
  1069. margin-left: -20px;
  1070. padding-left: 20px;
  1071. }
  1072. /*
  1073. * Tables.less
  1074. * Tables for, you guessed it, tabular data
  1075. * ---------------------------------------- */
  1076. table {
  1077. width: 100%;
  1078. margin-bottom: 18px;
  1079. padding: 0;
  1080. border-collapse: separate;
  1081. *border-collapse: collapse;
  1082. /* IE7, collapse table to remove spacing */
  1083. font-size: 13px;
  1084. border: 1px solid #ddd;
  1085. -webkit-border-radius: 4px;
  1086. -moz-border-radius: 4px;
  1087. border-radius: 4px;
  1088. }
  1089. table th, table td {
  1090. padding: 10px 10px 9px;
  1091. line-height: 18px;
  1092. text-align: left;
  1093. }
  1094. table th {
  1095. padding-top: 9px;
  1096. font-weight: bold;
  1097. vertical-align: middle;
  1098. border-bottom: 1px solid #ddd;
  1099. }
  1100. table td {
  1101. vertical-align: top;
  1102. }
  1103. table th + th, table td + td {
  1104. border-left: 1px solid #ddd;
  1105. }
  1106. table tr + tr td {
  1107. border-top: 1px solid #ddd;
  1108. }
  1109. table tbody tr:first-child td:first-child {
  1110. -webkit-border-radius: 4px 0 0 0;
  1111. -moz-border-radius: 4px 0 0 0;
  1112. border-radius: 4px 0 0 0;
  1113. }
  1114. table tbody tr:first-child td:last-child {
  1115. -webkit-border-radius: 0 4px 0 0;
  1116. -moz-border-radius: 0 4px 0 0;
  1117. border-radius: 0 4px 0 0;
  1118. }
  1119. table tbody tr:last-child td:first-child {
  1120. -webkit-border-radius: 0 0 0 4px;
  1121. -moz-border-radius: 0 0 0 4px;
  1122. border-radius: 0 0 0 4px;
  1123. }
  1124. table tbody tr:last-child td:last-child {
  1125. -webkit-border-radius: 0 0 4px 0;
  1126. -moz-border-radius: 0 0 4px 0;
  1127. border-radius: 0 0 4px 0;
  1128. }
  1129. .zebra-striped tbody tr:nth-child(odd) td {
  1130. background-color: #f9f9f9;
  1131. }
  1132. .zebra-striped tbody tr:hover td {
  1133. background-color: #f5f5f5;
  1134. }
  1135. table .header {
  1136. cursor: pointer;
  1137. }
  1138. table .header:after {
  1139. content: "";
  1140. float: right;
  1141. margin-top: 7px;
  1142. border-width: 0 4px 4px;
  1143. border-style: solid;
  1144. border-color: #000 transparent;
  1145. visibility: hidden;
  1146. }
  1147. table .headerSortUp, table .headerSortDown {
  1148. background-color: rgba(141, 192, 219, 0.25);
  1149. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1150. }
  1151. table .header:hover:after {
  1152. visibility: visible;
  1153. }
  1154. table .headerSortDown:after, table .headerSortDown:hover:after {
  1155. visibility: visible;
  1156. filter: alpha(opacity=60);
  1157. -khtml-opacity: 0.6;
  1158. -moz-opacity: 0.6;
  1159. opacity: 0.6;
  1160. }
  1161. table .headerSortUp:after {
  1162. border-bottom: none;
  1163. border-left: 4px solid transparent;
  1164. border-right: 4px solid transparent;
  1165. border-top: 4px solid #000;
  1166. visibility: visible;
  1167. -webkit-box-shadow: none;
  1168. -moz-box-shadow: none;
  1169. box-shadow: none;
  1170. filter: alpha(opacity=60);
  1171. -khtml-opacity: 0.6;
  1172. -moz-opacity: 0.6;
  1173. opacity: 0.6;
  1174. }
  1175. table .blue {
  1176. color: #049cdb;
  1177. border-bottom-color: #049cdb;
  1178. }
  1179. table .headerSortUp.blue, table .headerSortDown.blue {
  1180. background-color: #ade6fe;
  1181. }
  1182. table .green {
  1183. color: #46a546;
  1184. border-bottom-color: #46a546;
  1185. }
  1186. table .headerSortUp.green, table .headerSortDown.green {
  1187. background-color: #cdeacd;
  1188. }
  1189. table .red {
  1190. color: #9d261d;
  1191. border-bottom-color: #9d261d;
  1192. }
  1193. table .headerSortUp.red, table .headerSortDown.red {
  1194. background-color: #f4c8c5;
  1195. }
  1196. table .yellow {
  1197. color: #ffc40d;
  1198. border-bottom-color: #ffc40d;
  1199. }
  1200. table .headerSortUp.yellow, table .headerSortDown.yellow {
  1201. background-color: #fff6d9;
  1202. }
  1203. table .orange {
  1204. color: #f89406;
  1205. border-bottom-color: #f89406;
  1206. }
  1207. table .headerSortUp.orange, table .headerSortDown.orange {
  1208. background-color: #fee9cc;
  1209. }
  1210. table .purple {
  1211. color: #7a43b6;
  1212. border-bottom-color: #7a43b6;
  1213. }
  1214. table .headerSortUp.purple, table .headerSortDown.purple {
  1215. background-color: #e2d5f0;
  1216. }
  1217. /* Patterns.less
  1218. * Repeatable UI elements outside the base styles provided from the scaffolding
  1219. * ---------------------------------------------------------------------------- */
  1220. .topbar {
  1221. height: 40px;
  1222. position: fixed;
  1223. top: 0;
  1224. left: 0;
  1225. right: 0;
  1226. z-index: 10000;
  1227. overflow: visible;
  1228. }
  1229. .topbar a {
  1230. color: #bfbfbf;
  1231. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1232. }
  1233. .topbar h3 a:hover, .topbar .brand a:hover, .topbar ul .active > a {
  1234. background-color: #333;
  1235. background-color: rgba(255, 255, 255, 0.05);
  1236. color: #ffffff;
  1237. text-decoration: none;
  1238. }
  1239. .topbar h3 {
  1240. position: relative;
  1241. }
  1242. .topbar h3 a, .topbar .brand {
  1243. float: left;
  1244. display: block;
  1245. padding: 8px 20px 12px;
  1246. margin-left: -20px;
  1247. color: #ffffff;
  1248. font-size: 20px;
  1249. font-weight: 200;
  1250. line-height: 1;
  1251. }
  1252. .topbar p {
  1253. margin: 0;
  1254. line-height: 40px;
  1255. }
  1256. .topbar p a:hover {
  1257. background-color: transparent;
  1258. color: #ffffff;
  1259. }
  1260. .topbar form {
  1261. float: left;
  1262. margin: 5px 0 0 0;
  1263. position: relative;
  1264. filter: alpha(opacity=100);
  1265. -khtml-opacity: 1;
  1266. -moz-opacity: 1;
  1267. opacity: 1;
  1268. }
  1269. .topbar form.pull-right {
  1270. float: right;
  1271. }
  1272. .topbar input {
  1273. background-color: #444;
  1274. background-color: rgba(255, 255, 255, 0.3);
  1275. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1276. font-size: normal;
  1277. font-weight: 13px;
  1278. line-height: 1;
  1279. padding: 4px 9px;
  1280. color: #ffffff;
  1281. color: rgba(255, 255, 255, 0.75);
  1282. border: 1px solid #111;
  1283. -webkit-border-radius: 4px;
  1284. -moz-border-radius: 4px;
  1285. border-radius: 4px;
  1286. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
  1287. -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
  1288. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
  1289. -webkit-transition: none;
  1290. -moz-transition: none;
  1291. -ms-transition: none;
  1292. -o-transition: none;
  1293. transition: none;
  1294. }
  1295. .topbar input:-moz-placeholder {
  1296. color: #e6e6e6;
  1297. }
  1298. .topbar input::-webkit-input-placeholder {
  1299. color: #e6e6e6;
  1300. }
  1301. .topbar input:hover {
  1302. background-color: #bfbfbf;
  1303. background-color: rgba(255, 255, 255, 0.5);
  1304. color: #ffffff;
  1305. }
  1306. .topbar input:focus, .topbar input.focused {
  1307. outline: 0;
  1308. background-color: #ffffff;
  1309. color: #404040;
  1310. text-shadow: 0 1px 0 #ffffff;
  1311. border: 0;
  1312. padding: 5px 10px;
  1313. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  1314. -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  1315. box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  1316. }
  1317. .topbar-inner, .topbar .fill {
  1318. background-color: #222;
  1319. background-color: #222222;
  1320. background-repeat: repeat-x;
  1321. background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
  1322. background-image: -moz-linear-gradient(top, #333333, #222222);
  1323. background-image: -ms-linear-gradient(top, #333333, #222222);
  1324. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  1325. background-image: -webkit-linear-gradient(top, #333333, #222222);
  1326. background-image: -o-linear-gradient(top, #333333, #222222);
  1327. background-image: linear-gradient(top, #333333, #222222);
  1328. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  1329. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1330. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1331. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1332. }
  1333. .topbar div > ul, .nav {
  1334. display: block;
  1335. float: left;
  1336. margin: 0 10px 0 0;
  1337. position: relative;
  1338. left: 0;
  1339. }
  1340. .topbar div > ul > li, .nav > li {
  1341. display: block;
  1342. float: left;
  1343. }
  1344. .topbar div > ul a, .nav a {
  1345. display: block;
  1346. float: none;
  1347. padding: 10px 10px 11px;
  1348. line-height: 19px;
  1349. text-decoration: none;
  1350. }
  1351. .topbar div > ul a:hover, .nav a:hover {
  1352. color: #ffffff;
  1353. text-decoration: none;
  1354. }
  1355. .topbar div > ul .active > a, .nav .active > a {
  1356. background-color: #222;
  1357. background-color: rgba(0, 0, 0, 0.5);
  1358. }
  1359. .topbar div > ul.secondary-nav, .nav.secondary-nav {
  1360. float: right;
  1361. margin-left: 10px;
  1362. margin-right: 0;
  1363. }
  1364. .topbar div > ul.secondary-nav .menu-dropdown,
  1365. .nav.secondary-nav .menu-dropdown,
  1366. .topbar div > ul.secondary-nav .dropdown-menu,
  1367. .nav.secondary-nav .dropdown-menu {
  1368. right: 0;
  1369. border: 0;
  1370. }
  1371. .topbar div > ul a.menu:hover,
  1372. .nav a.menu:hover,
  1373. .topbar div > ul li.open .menu,
  1374. .nav li.open .menu,
  1375. .topbar div > ul .dropdown-toggle:hover,
  1376. .nav .dropdown-toggle:hover,
  1377. .topbar div > ul .dropdown.open .dropdown-toggle,
  1378. .nav .dropdown.open .dropdown-toggle {
  1379. background: #444;
  1380. background: rgba(255, 255, 255, 0.05);
  1381. }
  1382. .topbar div > ul .menu-dropdown,
  1383. .nav .menu-dropdown,
  1384. .topbar div > ul .dropdown-menu,
  1385. .nav .dropdown-menu {
  1386. background-color: #333;
  1387. }
  1388. .topbar div > ul .menu-dropdown a.menu,
  1389. .nav .menu-dropdown a.menu,
  1390. .topbar div > ul .dropdown-menu a.menu,
  1391. .nav .dropdown-menu a.menu,
  1392. .topbar div > ul .menu-dropdown .dropdown-toggle,
  1393. .nav .menu-dropdown .dropdown-toggle,
  1394. .topbar div > ul .dropdown-menu .dropdown-toggle,
  1395. .nav .dropdown-menu .dropdown-toggle {
  1396. color: #ffffff;
  1397. }
  1398. .topbar div > ul .menu-dropdown a.menu.open,
  1399. .nav .menu-dropdown a.menu.open,
  1400. .topbar div > ul .dropdown-menu a.menu.open,
  1401. .nav .dropdown-menu a.menu.open,
  1402. .topbar div > ul .menu-dropdown .dropdown-toggle.open,
  1403. .nav .menu-dropdown .dropdown-toggle.open,
  1404. .topbar div > ul .dropdown-menu .dropdown-toggle.open,
  1405. .nav .dropdown-menu .dropdown-toggle.open {
  1406. background: #444;
  1407. background: rgba(255, 255, 255, 0.05);
  1408. }
  1409. .topbar div > ul .menu-dropdown li a,
  1410. .nav .menu-dropdown li a,
  1411. .topbar div > ul .dropdown-menu li a,
  1412. .nav .dropdown-menu li a {
  1413. color: #999;
  1414. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  1415. }
  1416. .topbar div > ul .menu-dropdown li a:hover,
  1417. .nav .menu-dropdown li a:hover,
  1418. .topbar div > ul .dropdown-menu li a:hover,
  1419. .nav .dropdown-menu li a:hover {
  1420. background-color: #191919;
  1421. background-repeat: repeat-x;
  1422. background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
  1423. background-image: -moz-linear-gradient(top, #292929, #191919);
  1424. background-image: -ms-linear-gradient(top, #292929, #191919);
  1425. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
  1426. background-image: -webkit-linear-gradient(top, #292929, #191919);
  1427. background-image: -o-linear-gradient(top, #292929, #191919);
  1428. background-image: linear-gradient(top, #292929, #191919);
  1429. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
  1430. color: #ffffff;
  1431. }
  1432. .topbar div > ul .menu-dropdown .active a,
  1433. .nav .menu-dropdown .active a,
  1434. .topbar div > ul .dropdown-menu .active a,
  1435. .nav .dropdown-menu .active a {
  1436. color: #ffffff;
  1437. }
  1438. .topbar div > ul .menu-dropdown .divider,
  1439. .nav .menu-dropdown .divider,
  1440. .topbar div > ul .dropdown-menu .divider,
  1441. .nav .dropdown-menu .divider {
  1442. background-color: #222;
  1443. border-color: #444;
  1444. }
  1445. .topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {
  1446. padding: 4px 15px;
  1447. }
  1448. li.menu, .dropdown {
  1449. position: relative;
  1450. }
  1451. a.menu:after, .dropdown-toggle:after {
  1452. width: 0;
  1453. height: 0;
  1454. display: inline-block;
  1455. content: "↓";
  1456. text-indent: -99999px;
  1457. vertical-align: top;
  1458. margin-top: 8px;
  1459. margin-left: 4px;
  1460. border-left: 4px solid transparent;
  1461. border-right: 4px solid transparent;
  1462. border-top: 4px solid #ffffff;
  1463. filter: alpha(opacity=50);
  1464. -khtml-opacity: 0.5;
  1465. -moz-opacity: 0.5;
  1466. opacity: 0.5;
  1467. }
  1468. .menu-dropdown, .dropdown-menu {
  1469. background-color: #ffffff;
  1470. float: left;
  1471. display: none;
  1472. position: absolute;
  1473. top: 40px;
  1474. z-index: 900;
  1475. min-width: 160px;
  1476. max-width: 220px;
  1477. _width: 160px;
  1478. margin-left: 0;
  1479. margin-right: 0;
  1480. padding: 6px 0;
  1481. zoom: 1;
  1482. border-color: #999;
  1483. border-color: rgba(0, 0, 0, 0.2);
  1484. border-style: solid;
  1485. border-width: 0 1px 1px;
  1486. -webkit-border-radius: 0 0 6px 6px;
  1487. -moz-border-radius: 0 0 6px 6px;
  1488. border-radius: 0 0 6px 6px;
  1489. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  1490. -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  1491. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  1492. -webkit-background-clip: padding-box;
  1493. -moz-background-clip: padding-box;
  1494. background-clip: padding-box;
  1495. }
  1496. .menu-dropdown li, .dropdown-menu li {
  1497. float: none;
  1498. display: block;
  1499. background-color: none;
  1500. }
  1501. .menu-dropdown .divider, .dropdown-menu .divider {
  1502. height: 1px;
  1503. margin: 5px 0;
  1504. overflow: hidden;
  1505. background-color: #eee;
  1506. border-bottom: 1px solid #ffffff;
  1507. }
  1508. .topbar .dropdown-menu a, .dropdown-menu a {
  1509. display: block;
  1510. padding: 4px 15px;
  1511. clear: both;
  1512. font-weight: normal;
  1513. line-height: 18px;
  1514. color: #808080;
  1515. text-shadow: 0 1px 0 #ffffff;
  1516. }
  1517. .topbar .dropdown-menu a:hover, .dropdown-menu a:hover {
  1518. background-color: #dddddd;
  1519. background-repeat: repeat-x;
  1520. background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
  1521. background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  1522. background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
  1523. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  1524. background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  1525. background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  1526. background-image: linear-gradient(top, #eeeeee, #dddddd);
  1527. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
  1528. color: #404040;
  1529. text-decoration: none;
  1530. -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  1531. -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  1532. box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  1533. }
  1534. .open .menu,
  1535. .dropdown.open .menu,
  1536. .open .dropdown-toggle,
  1537. .dropdown.open .dropdown-toggle {
  1538. color: #ffffff;
  1539. background: #ccc;
  1540. background: rgba(0, 0, 0, 0.3);
  1541. }
  1542. .open .menu-dropdown,
  1543. .dropdown.open .menu-dropdown,
  1544. .open .dropdown-menu,
  1545. .dropdown.open .dropdown-menu {
  1546. display: block;
  1547. }
  1548. .tabs, .pills {
  1549. margin: 0 0 20px;
  1550. padding: 0;
  1551. list-style: none;
  1552. zoom: 1;
  1553. }
  1554. .tabs:before,
  1555. .pills:before,
  1556. .tabs:after,
  1557. .pills:after {
  1558. display: table;
  1559. content: "";
  1560. zoom: 1;
  1561. *display: inline;
  1562. }
  1563. .tabs:after, .pills:after {
  1564. clear: both;
  1565. }
  1566. .tabs > li, .pills > li {
  1567. float: left;
  1568. }
  1569. .tabs > li > a, .pills > li > a {
  1570. display: block;
  1571. }
  1572. .tabs {
  1573. float: left;
  1574. width: 100%;
  1575. border-bottom: 1px solid #ddd;
  1576. }
  1577. .tabs > li {
  1578. position: relative;
  1579. top: 1px;
  1580. }
  1581. .tabs > li > a {
  1582. padding: 0 15px;
  1583. margin-right: 2px;
  1584. line-height: 36px;
  1585. border: 1px solid transparent;
  1586. -webkit-border-radius: 4px 4px 0 0;
  1587. -moz-border-radius: 4px 4px 0 0;
  1588. border-radius: 4px 4px 0 0;
  1589. }
  1590. .tabs > li > a:hover {
  1591. text-decoration: none;
  1592. background-color: #eee;
  1593. border-color: #eee #eee #ddd;
  1594. }
  1595. .tabs > li.active > a {
  1596. color: #808080;
  1597. background-color: #ffffff;
  1598. border: 1px solid #ddd;
  1599. border-bottom-color: transparent;
  1600. }
  1601. .tabs .menu-dropdown, .tabs .dropdown-menu {
  1602. top: 35px;
  1603. border-width: 1px;
  1604. -webkit-border-radius: 0 6px 6px 6px;
  1605. -moz-border-radius: 0 6px 6px 6px;
  1606. border-radius: 0 6px 6px 6px;
  1607. }
  1608. .tabs a.menu:after, .tabs .dropdown-toggle:after {
  1609. border-top-color: #999;
  1610. margin-top: 15px;
  1611. margin-left: 5px;
  1612. }
  1613. .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
  1614. border-color: #999;
  1615. }
  1616. .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
  1617. border-top-color: #555;
  1618. }
  1619. .tab-content {
  1620. clear: both;
  1621. }
  1622. .pills a {
  1623. margin: 5px 3px 5px 0;
  1624. padding: 0 15px;
  1625. text-shadow: 0 1px 1px #ffffff;
  1626. line-height: 30px;
  1627. -webkit-border-radius: 15px;
  1628. -moz-border-radius: 15px;
  1629. border-radius: 15px;
  1630. }
  1631. .pills a:hover {
  1632. background: #00438a;
  1633. color: #ffffff;
  1634. text-decoration: none;
  1635. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  1636. }
  1637. .pills .active a {
  1638. background: #0069d6;
  1639. color: #ffffff;
  1640. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  1641. }
  1642. .tab-content > *, .pill-content > * {
  1643. display: none;
  1644. }
  1645. .tab-content > .active, .pill-content > .active {
  1646. display: block;
  1647. }
  1648. .breadcrumb {
  1649. margin: 0 0 18px;
  1650. padding: 7px 14px;
  1651. background-color: #f5f5f5;
  1652. background-repeat: repeat-x;
  1653. background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  1654. background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  1655. background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  1656. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  1657. background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  1658. background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  1659. background-image: linear-gradient(top, #ffffff, #f5f5f5);
  1660. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  1661. border: 1px solid #ddd;
  1662. -webkit-border-radius: 3px;
  1663. -moz-border-radius: 3px;
  1664. border-radius: 3px;
  1665. -webkit-box-shadow: inset 0 1px 0 #ffffff;
  1666. -moz-box-shadow: inset 0 1px 0 #ffffff;
  1667. box-shadow: inset 0 1px 0 #ffffff;
  1668. }
  1669. .breadcrumb li {
  1670. display: inline;
  1671. text-shadow: 0 1px 0 #ffffff;
  1672. }
  1673. .breadcrumb .divider {
  1674. padding: 0 5px;
  1675. color: #bfbfbf;
  1676. }
  1677. .breadcrumb .active a {
  1678. color: #404040;
  1679. }
  1680. .hero-unit {
  1681. background-color: #f5f5f5;
  1682. margin-bottom: 30px;
  1683. padding: 60px;
  1684. -webkit-border-radius: 6px;
  1685. -moz-border-radius: 6px;
  1686. border-radius: 6px;
  1687. }
  1688. .hero-unit h1 {
  1689. margin-bottom: 0;
  1690. font-size: 60px;
  1691. line-height: 1;
  1692. letter-spacing: -1px;
  1693. }
  1694. .hero-unit p {
  1695. font-size: 18px;
  1696. font-weight: 200;
  1697. line-height: 27px;
  1698. }
  1699. footer {
  1700. margin-top: 17px;
  1701. padding-top: 17px;
  1702. border-top: 1px solid #eee;
  1703. }
  1704. .page-header {
  1705. margin-bottom: 17px;
  1706. border-bottom: 1px solid #ddd;
  1707. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1708. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1709. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1710. }
  1711. .page-header h1 {
  1712. margin-bottom: 8px;
  1713. }
  1714. .btn.danger,
  1715. .alert-message.danger,
  1716. .btn.danger:hover,
  1717. .alert-message.danger:hover,
  1718. .btn.error,
  1719. .alert-message.error,
  1720. .btn.error:hover,
  1721. .alert-message.error:hover,
  1722. .btn.success,
  1723. .alert-message.success,
  1724. .btn.success:hover,
  1725. .alert-message.success:hover,
  1726. .btn.info,
  1727. .alert-message.info,
  1728. .btn.info:hover,
  1729. .alert-message.info:hover {
  1730. color: #ffffff;
  1731. }
  1732. .btn.danger,
  1733. .alert-message.danger,
  1734. .btn.error,
  1735. .alert-message.error {
  1736. background-color: #c43c35;
  1737. background-repeat: repeat-x;
  1738. background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  1739. background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  1740. background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  1741. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  1742. background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  1743. background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  1744. background-image: linear-gradient(top, #ee5f5b, #c43c35);
  1745. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  1746. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1747. border-color: #c43c35 #c43c35 #882a25;
  1748. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1749. }
  1750. .btn.success, .alert-message.success {
  1751. background-color: #57a957;
  1752. background-repeat: repeat-x;
  1753. background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  1754. background-image: -moz-linear-gradient(top, #62c462, #57a957);
  1755. background-image: -ms-linear-gradient(top, #62c462, #57a957);
  1756. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  1757. background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  1758. background-image: -o-linear-gradient(top, #62c462, #57a957);
  1759. background-image: linear-gradient(top, #62c462, #57a957);
  1760. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  1761. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1762. border-color: #57a957 #57a957 #3d773d;
  1763. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1764. }
  1765. .btn.info, .alert-message.info {
  1766. background-color: #339bb9;
  1767. background-repeat: repeat-x;
  1768. background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  1769. background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  1770. background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  1771. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  1772. background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  1773. background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  1774. background-image: linear-gradient(top, #5bc0de, #339bb9);
  1775. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  1776. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1777. border-color: #339bb9 #339bb9 #22697d;
  1778. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1779. }
  1780. .btn {
  1781. cursor: pointer;
  1782. display: inline-block;
  1783. background-color: #e6e6e6;
  1784. background-repeat: no-repeat;
  1785. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  1786. background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1787. background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  1788. background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1789. background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1790. background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1791. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  1792. padding: 5px 14px 6px;
  1793. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1794. color: #333;
  1795. font-size: 13px;
  1796. line-height: normal;
  1797. border: 1px solid #ccc;
  1798. border-bottom-color: #bbb;
  1799. -webkit-border-radius: 4px;
  1800. -moz-border-radius: 4px;
  1801. border-radius: 4px;
  1802. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  1803. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  1804. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  1805. -webkit-transition: 0.1s linear all;
  1806. -moz-transition: 0.1s linear all;
  1807. -ms-transition: 0.1s linear all;
  1808. -o-transition: 0.1s linear all;
  1809. transition: 0.1s linear all;
  1810. }
  1811. .btn:hover {
  1812. background-position: 0 -15px;
  1813. color: #333;
  1814. text-decoration: none;
  1815. }
  1816. .btn:focus {
  1817. outline: 1px dotted #666;
  1818. }
  1819. .btn.primary {
  1820. color: #ffffff;
  1821. background-color: #0064cd;
  1822. background-repeat: repeat-x;
  1823. background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  1824. background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  1825. background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  1826. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  1827. background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  1828. background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  1829. background-image: linear-gradient(top, #049cdb, #0064cd);
  1830. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  1831. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1832. border-color: #0064cd #0064cd #003f81;
  1833. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1834. }
  1835. .btn:active {
  1836. -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  1837. -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  1838. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  1839. }
  1840. .btn.disabled {
  1841. cursor: default;
  1842. background-image: none;
  1843. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1844. filter: alpha(opacity=65);
  1845. -khtml-opacity: 0.65;
  1846. -moz-opacity: 0.65;
  1847. opacity: 0.65;
  1848. -webkit-box-shadow: none;
  1849. -moz-box-shadow: none;
  1850. box-shadow: none;
  1851. }
  1852. .btn[disabled] {
  1853. cursor: default;
  1854. background-image: none;
  1855. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1856. filter: alpha(opacity=65);
  1857. -khtml-opacity: 0.65;
  1858. -moz-opacity: 0.65;
  1859. opacity: 0.65;
  1860. -webkit-box-shadow: none;
  1861. -moz-box-shadow: none;
  1862. box-shadow: none;
  1863. }
  1864. .btn.large {
  1865. font-size: 15px;
  1866. line-height: normal;
  1867. padding: 9px 14px 9px;
  1868. -webkit-border-radius: 6px;
  1869. -moz-border-radius: 6px;
  1870. border-radius: 6px;
  1871. }
  1872. .btn.small {
  1873. padding: 7px 9px 7px;
  1874. font-size: 11px;
  1875. }
  1876. :root .alert-message, :root .btn {
  1877. border-radius: 0 \0;
  1878. }
  1879. button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
  1880. padding: 0;
  1881. border: 0;
  1882. }
  1883. .close {
  1884. float: right;
  1885. color: #000000;
  1886. font-size: 20px;
  1887. font-weight: bold;
  1888. line-height: 13.5px;
  1889. text-shadow: 0 1px 0 #ffffff;
  1890. filter: alpha(opacity=20);
  1891. -khtml-opacity: 0.2;
  1892. -moz-opacity: 0.2;
  1893. opacity: 0.2;
  1894. }
  1895. .close:hover {
  1896. color: #000000;
  1897. text-decoration: none;
  1898. filter: alpha(opacity=40);
  1899. -khtml-opacity: 0.4;
  1900. -moz-opacity: 0.4;
  1901. opacity: 0.4;
  1902. }
  1903. .alert-message {
  1904. position: relative;
  1905. padding: 7px 15px;
  1906. margin-bottom: 18px;
  1907. color: #404040;
  1908. background-color: #eedc94;
  1909. background-repeat: repeat-x;
  1910. background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  1911. background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  1912. background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  1913. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  1914. background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  1915. background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  1916. background-image: linear-gradient(top, #fceec1, #eedc94);
  1917. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  1918. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1919. border-color: #eedc94 #eedc94 #e4c652;
  1920. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1921. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1922. border-width: 1px;
  1923. border-style: solid;
  1924. -webkit-border-radius: 4px;
  1925. -moz-border-radius: 4px;
  1926. border-radius: 4px;
  1927. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  1928. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  1929. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  1930. }
  1931. .alert-message .close {
  1932. *margin-top: 3px;
  1933. /* IE7 spacing */
  1934. }
  1935. .alert-message h5 {
  1936. line-height: 18px;
  1937. }
  1938. .alert-message p {
  1939. margin-bottom: 0;
  1940. }
  1941. .alert-message div {
  1942. margin-top: 5px;
  1943. margin-bottom: 2px;
  1944. line-height: 28px;
  1945. }
  1946. .alert-message .btn {
  1947. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  1948. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  1949. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  1950. }
  1951. .alert-message.block-message {
  1952. background-image: none;
  1953. background-color: #fdf5d9;
  1954. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1955. padding: 14px;
  1956. border-color: #fceec1;
  1957. -webkit-box-shadow: none;
  1958. -moz-box-shadow: none;
  1959. box-shadow: none;
  1960. }
  1961. .alert-message.block-message ul, .alert-message.block-message p {
  1962. margin-right: 30px;
  1963. }
  1964. .alert-message.block-message ul {
  1965. margin-bottom: 0;
  1966. }
  1967. .alert-message.block-message li {
  1968. color: #404040;
  1969. }
  1970. .alert-message.block-message .alert-actions {
  1971. margin-top: 5px;
  1972. }
  1973. .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {
  1974. color: #404040;
  1975. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1976. }
  1977. .alert-message.block-message.error {
  1978. background-color: #fddfde;
  1979. border-color: #fbc7c6;
  1980. }
  1981. .alert-message.block-message.success {
  1982. background-color: #d1eed1;
  1983. border-color: #bfe7bf;
  1984. }
  1985. .alert-message.block-message.info {
  1986. background-color: #ddf4fb;
  1987. border-color: #c6edf9;
  1988. }
  1989. .pagination {
  1990. height: 36px;
  1991. margin: 18px 0;
  1992. }
  1993. .pagination ul {
  1994. float: left;
  1995. margin: 0;
  1996. border: 1px solid #ddd;
  1997. border: 1px solid rgba(0, 0, 0, 0.15);
  1998. -webkit-border-radius: 3px;
  1999. -moz-border-radius: 3px;
  2000. border-radius: 3px;
  2001. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  2002. -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  2003. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  2004. }
  2005. .pagination li {
  2006. display: inline;
  2007. }
  2008. .pagination a {
  2009. float: left;
  2010. padding: 0 14px;
  2011. line-height: 34px;
  2012. border-right: 1px solid;
  2013. border-right-color: #ddd;
  2014. border-right-color: rgba(0, 0, 0, 0.15);
  2015. *border-right-color: #ddd;
  2016. /* IE6-7 */
  2017. text-decoration: none;
  2018. }
  2019. .pagination a:hover, .pagination .active a {
  2020. background-color: #c7eefe;
  2021. }
  2022. .pagination .disabled a, .pagination .disabled a:hover {
  2023. background-color: transparent;
  2024. color: #bfbfbf;
  2025. }
  2026. .pagination .next a {
  2027. border: 0;
  2028. }
  2029. .well {
  2030. background-color: #f5f5f5;
  2031. margin-bottom: 20px;
  2032. padding: 19px;
  2033. min-height: 20px;
  2034. border: 1px solid #eee;
  2035. border: 1px solid rgba(0, 0, 0, 0.05);
  2036. -webkit-border-radius: 4px;
  2037. -moz-border-radius: 4px;
  2038. border-radius: 4px;
  2039. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  2040. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  2041. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  2042. }
  2043. .well blockquote {
  2044. border-color: #ddd;
  2045. border-color: rgba(0, 0, 0, 0.15);
  2046. }
  2047. .modal-backdrop {
  2048. background-color: #000000;
  2049. position: fixed;
  2050. top: 0;
  2051. left: 0;
  2052. right: 0;
  2053. bottom: 0;
  2054. z-index: 10000;
  2055. }
  2056. .modal-backdrop.fade {
  2057. opacity: 0;
  2058. }
  2059. .modal-backdrop, .modal-backdrop.fade.in {
  2060. filter: alpha(opacity=80);
  2061. -khtml-opacity: 0.8;
  2062. -moz-opacity: 0.8;
  2063. opacity: 0.8;
  2064. }
  2065. .modal {
  2066. position: fixed;
  2067. top: 50%;
  2068. left: 50%;
  2069. z-index: 11000;
  2070. width: 560px;
  2071. margin: -250px 0 0 -250px;
  2072. background-color: #ffffff;
  2073. border: 1px solid #999;
  2074. border: 1px solid rgba(0, 0, 0, 0.3);
  2075. *border: 1px solid #999;
  2076. /* IE6-7 */
  2077. -webkit-border-radius: 6px;
  2078. -moz-border-radius: 6px;
  2079. border-radius: 6px;
  2080. -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  2081. -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  2082. box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  2083. -webkit-background-clip: padding-box;
  2084. -moz-background-clip: padding-box;
  2085. background-clip: padding-box;
  2086. }
  2087. .modal .close {
  2088. margin-top: 7px;
  2089. }
  2090. .modal.fade {
  2091. -webkit-transition: opacity .3s linear, top .3s ease-out;
  2092. -moz-transition: opacity .3s linear, top .3s ease-out;
  2093. -ms-transition: opacity .3s linear, top .3s ease-out;
  2094. -o-transition: opacity .3s linear, top .3s ease-out;
  2095. transition: opacity .3s linear, top .3s ease-out;
  2096. top: -25%;
  2097. }
  2098. .modal.fade.in {
  2099. top: 50%;
  2100. }
  2101. .modal-header {
  2102. border-bottom: 1px solid #eee;
  2103. padding: 5px 15px;
  2104. }
  2105. .modal-body {
  2106. padding: 15px;
  2107. }
  2108. .modal-footer {
  2109. background-color: #f5f5f5;
  2110. padding: 14px 15px 15px;
  2111. border-top: 1px solid #ddd;
  2112. -webkit-border-radius: 0 0 6px 6px;
  2113. -moz-border-radius: 0 0 6px 6px;
  2114. border-radius: 0 0 6px 6px;
  2115. -webkit-box-shadow: inset 0 1px 0 #ffffff;
  2116. -moz-box-shadow: inset 0 1px 0 #ffffff;
  2117. box-shadow: inset 0 1px 0 #ffffff;
  2118. zoom: 1;
  2119. margin-bottom: 0;
  2120. }
  2121. .modal-footer:before, .modal-footer:after {
  2122. display: table;
  2123. content: "";
  2124. zoom: 1;
  2125. *display: inline;
  2126. }
  2127. .modal-footer:after {
  2128. clear: both;
  2129. }
  2130. .modal-footer .btn {
  2131. float: right;
  2132. margin-left: 5px;
  2133. }
  2134. .twipsy {
  2135. display: block;
  2136. position: absolute;
  2137. visibility: visible;
  2138. padding: 5px;
  2139. font-size: 11px;
  2140. z-index: 1000;
  2141. filter: alpha(opacity=80);
  2142. -khtml-opacity: 0.8;
  2143. -moz-opacity: 0.8;
  2144. opacity: 0.8;
  2145. }
  2146. .twipsy.fade.in {
  2147. filter: alpha(opacity=80);
  2148. -khtml-opacity: 0.8;
  2149. -moz-opacity: 0.8;
  2150. opacity: 0.8;
  2151. }
  2152. .twipsy.above .twipsy-arrow {
  2153. bottom: 0;
  2154. left: 50%;
  2155. margin-left: -5px;
  2156. border-left: 5px solid transparent;
  2157. border-right: 5px solid transparent;
  2158. border-top: 5px solid #000000;
  2159. }
  2160. .twipsy.left .twipsy-arrow {
  2161. top: 50%;
  2162. right: 0;
  2163. margin-top: -5px;
  2164. border-top: 5px solid transparent;
  2165. border-bottom: 5px solid transparent;
  2166. border-left: 5px solid #000000;
  2167. }
  2168. .twipsy.below .twipsy-arrow {
  2169. top: 0;
  2170. left: 50%;
  2171. margin-left: -5px;
  2172. border-left: 5px solid transparent;
  2173. border-right: 5px solid transparent;
  2174. border-bottom: 5px solid #000000;
  2175. }
  2176. .twipsy.right .twipsy-arrow {
  2177. top: 50%;
  2178. left: 0;
  2179. margin-top: -5px;
  2180. border-top: 5px solid transparent;
  2181. border-bottom: 5px solid transparent;
  2182. border-right: 5px solid #000000;
  2183. }
  2184. .twipsy-inner {
  2185. padding: 3px 8px;
  2186. background-color: #000000;
  2187. color: white;
  2188. text-align: center;
  2189. max-width: 200px;
  2190. text-decoration: none;
  2191. -webkit-border-radius: 4px;
  2192. -moz-border-radius: 4px;
  2193. border-radius: 4px;
  2194. }
  2195. .twipsy-arrow {
  2196. position: absolute;
  2197. width: 0;
  2198. height: 0;
  2199. }
  2200. .popover {
  2201. position: absolute;
  2202. top: 0;
  2203. left: 0;
  2204. z-index: 1000;
  2205. padding: 5px;
  2206. display: none;
  2207. }
  2208. .popover.above .arrow {
  2209. bottom: 0;
  2210. left: 50%;
  2211. margin-left: -5px;
  2212. border-left: 5px solid transparent;
  2213. border-right: 5px solid transparent;
  2214. border-top: 5px solid #000000;
  2215. }
  2216. .popover.right .arrow {
  2217. top: 50%;
  2218. left: 0;
  2219. margin-top: -5px;
  2220. border-top: 5px solid transparent;
  2221. border-bottom: 5px solid transparent;
  2222. border-right: 5px solid #000000;
  2223. }
  2224. .popover.below .arrow {
  2225. top: 0;
  2226. left: 50%;
  2227. margin-left: -5px;
  2228. border-left: 5px solid transparent;
  2229. border-right: 5px solid transparent;
  2230. border-bottom: 5px solid #000000;
  2231. }
  2232. .popover.left .arrow {
  2233. top: 50%;
  2234. right: 0;
  2235. margin-top: -5px;
  2236. border-top: 5px solid transparent;
  2237. border-bottom: 5px solid transparent;
  2238. border-left: 5px solid #000000;
  2239. }
  2240. .popover .arrow {
  2241. position: absolute;
  2242. width: 0;
  2243. height: 0;
  2244. }
  2245. .popover .inner {
  2246. background-color: #000000;
  2247. background-color: rgba(0, 0, 0, 0.8);
  2248. padding: 3px;
  2249. overflow: hidden;
  2250. width: 280px;
  2251. -webkit-border-radius: 6px;
  2252. -moz-border-radius: 6px;
  2253. border-radius: 6px;
  2254. -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  2255. -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  2256. box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  2257. }
  2258. .popover .title {
  2259. background-color: #f5f5f5;
  2260. padding: 9px 15px;
  2261. line-height: 1;
  2262. -webkit-border-radius: 3px 3px 0 0;
  2263. -moz-border-radius: 3px 3px 0 0;
  2264. border-radius: 3px 3px 0 0;
  2265. border-bottom: 1px solid #eee;
  2266. }
  2267. .popover .content {
  2268. background-color: #ffffff;
  2269. padding: 14px;
  2270. -webkit-border-radius: 0 0 3px 3px;
  2271. -moz-border-radius: 0 0 3px 3px;
  2272. border-radius: 0 0 3px 3px;
  2273. -webkit-background-clip: padding-box;
  2274. -moz-background-clip: padding-box;
  2275. background-clip: padding-box;
  2276. }
  2277. .popover .content p, .popover .content ul, .popover .content ol {
  2278. margin-bottom: 0;
  2279. }
  2280. .fade {
  2281. -webkit-transition: opacity 0.15s linear;
  2282. -moz-transition: opacity 0.15s linear;
  2283. -ms-transition: opacity 0.15s linear;
  2284. -o-transition: opacity 0.15s linear;
  2285. transition: opacity 0.15s linear;
  2286. opacity: 0;
  2287. }
  2288. .fade.in {
  2289. opacity: 1;
  2290. }
  2291. .label {
  2292. padding: 1px 3px 2px;
  2293. background-color: #bfbfbf;
  2294. font-size: 9.75px;
  2295. font-weight: bold;
  2296. color: #ffffff;
  2297. text-transform: uppercase;
  2298. white-space: nowrap;
  2299. -webkit-border-radius: 3px;
  2300. -moz-border-radius: 3px;
  2301. border-radius: 3px;
  2302. }
  2303. .label.important {
  2304. background-color: #c43c35;
  2305. }
  2306. .label.warning {
  2307. background-color: #f89406;
  2308. }
  2309. .label.success {
  2310. background-color: #46a546;
  2311. }
  2312. .label.notice {
  2313. background-color: #62cffc;
  2314. }
  2315. .media-grid {
  2316. margin-left: -20px;
  2317. margin-bottom: 0;
  2318. zoom: 1;
  2319. }
  2320. .media-grid:before, .media-grid:after {
  2321. display: table;
  2322. content: "";
  2323. zoom: 1;
  2324. *display: inline;
  2325. }
  2326. .media-grid:after {
  2327. clear: both;
  2328. }
  2329. .media-grid li {
  2330. display: inline;
  2331. }
  2332. .media-grid a {
  2333. float: left;
  2334. padding: 4px;
  2335. margin: 0 0 20px 20px;
  2336. border: 1px solid #ddd;
  2337. -webkit-border-radius: 4px;
  2338. -moz-border-radius: 4px;
  2339. border-radius: 4px;
  2340. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  2341. -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  2342. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  2343. }
  2344. .media-grid a img {
  2345. display: block;
  2346. }
  2347. .media-grid a:hover {
  2348. border-color: #0069d6;
  2349. -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  2350. -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  2351. box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  2352. }