/* fixes to messages */


/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Creative Commons Attribution-Share Alike 3.0 License
version 0.5

text-align: left;
removed 'base' of background: transparent as it broke ie7 for lots of things, since it doesn't support transparent?  Hmm.
removed 'td' from the list
*/

/******************** Reset ********************/

html,
body,
div,
span,
a,
img,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
dl,
dialog,
dt,
dd,
ol,
ul,
li,
abbr,
acronym,
address,
b,
big,
blockquote,
cite,
code,
del,
dfn,
em,
i,
ins,
kbd,
q,
samp,
tt,
var,
small,
strong,
sub,
sup,
object,
iframe,
form,
fieldset,
label,
legend,
caption,
table,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
footer,
header,
nav,
section,
figure,
menu,
time,
mark,
audio,
video {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/* who knows WTF white-space: normal;  does, but it fucks up some PC users */
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

article,
aside,
footer,
header,
nav,
section,
dialog,
figure,
hgroup,
menu {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

del,
ins {
  text-decoration: none;
}

ol,
ul {
  list-style: none;
}

nav ul {
  list-style-type: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  background-color: transparent;
  width: auto;
  height: auto;
}

:focus {
  outline: 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

input {
  margin: 0;
}


/********** Deprecated and obsolete elements kevin removed font, u from this. white-space: normal; **********/
applet,
basefont,
dir,
isindex,
menu,
s,
strike {
  font-family: inherit;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

dir,
menu {
  list-style: none;
}

/*nobr                            { white-space: normal; }*/
blink {
  text-decoration: none;
}

marquee {
  overflow: visible;
}

/*!
 * Bootstrap v2.0.3
 *
 * Copyright 2012 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.
 */


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;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  /* KEVIN:  really strange effects.. i like it in some places but causing problems with IE emnubars, and overriding inline styling of width!*/
  /*  max-width: 100%;*/
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff;
}

a {
  color: #0088cc;
  text-decoration: none;
}

a:hover {
  color: #005580;
  text-decoration: underline;
}

.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  content: "";
}

.row:after {
  clear: both;
}

/*Kevin: what the FUCK was bootstrap thinking? problems with apple-style-span added by paste*/
/*[class*="span"] {
  float: left;
  margin-left: 20px;
}
*/
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.span12 {
  float: left;
  margin-left: 20px;
  width: 940px;
}

.span11 {
  float: left;
  margin-left: 20px;
  width: 860px;
}

.span10 {
  float: left;
  margin-left: 20px;
  width: 780px;
}

.span9 {
  float: left;
  margin-left: 20px;
  width: 700px;
}

.span8 {
  float: left;
  margin-left: 20px;
  width: 620px;
}

.span7 {
  float: left;
  margin-left: 20px;
  width: 540px;
}

.span6 {
  float: left;
  margin-left: 20px;
  width: 460px;
}

.span5 {
  float: left;
  margin-left: 20px;
  width: 380px;
}

.span4 {
  float: left;
  margin-left: 20px;
  width: 300px;
}

.span3 {
  float: left;
  margin-left: 20px;
  width: 220px;
}

.span2 {
  float: left;
  margin-left: 20px;
  width: 140px;
}

.span1 {
  float: left;
  margin-left: 20px;
  width: 60px;
}

.offset12 {
  margin-left: 980px;
}

.offset11 {
  margin-left: 900px;
}

.offset10 {
  margin-left: 820px;
}

.offset9 {
  margin-left: 740px;
}

.offset8 {
  margin-left: 660px;
}

.offset7 {
  margin-left: 580px;
}

.offset6 {
  margin-left: 500px;
}

.offset5 {
  margin-left: 420px;
}

.offset4 {
  margin-left: 340px;
}

.offset3 {
  margin-left: 260px;
}

.offset2 {
  margin-left: 180px;
}

.offset1 {
  margin-left: 100px;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}

.row-fluid:after {
  clear: both;
}

/*grr, still overly strong.  i hate bootstrap!  Not working for my custom environment without a full template rewrite */
.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 28px;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}

.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}

.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}

.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}

.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}

.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}

.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}

.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}

.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  content: "";
}

.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}

.container-fluid:after {
  clear: both;
}

p {
  margin: 0 0 9px;
  /*  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;*/
}

p small {
  font-size: 11px;
  color: #999999;
}

.lead {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  color: #999999;
}

h1 {
  font-size: 30px;
  line-height: 36px;
}

h1 small {
  font-size: 18px;
}

h2 {
  font-size: 24px;
  line-height: 36px;
}

h2 small {
  font-size: 18px;
}

h3 {
  font-size: 18px;
  line-height: 27px;
}

h3 small {
  font-size: 14px;
}

h4,
h5,
h6 {
  line-height: 18px;
}

h4 {
  font-size: 14px;
}

h4 small {
  font-size: 12px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 11px;
  color: #999999;
  text-transform: uppercase;
}

.page-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #eeeeee;
}

.page-header h1 {
  line-height: 1;
}

ul,
ol {
  padding: 0;
  margin: 0 0 9px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li {
  line-height: 18px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

dl {
  margin-bottom: 18px;
}

dt,
dd {
  line-height: 18px;
}

dt {
  font-weight: bold;
  line-height: 17px;
}

dd {
  margin-left: 9px;
}

.dl-horizontal dt {
  float: left;
  width: 120px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 130px;
}

hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.muted {
  color: #999999;
}

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #ddd;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
}

blockquote small {
  display: block;
  line-height: 18px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

address {
  display: block;
  margin-bottom: 18px;
  font-style: normal;
  line-height: 18px;
}

small {
  font-size: 100%;
}

cite {
  font-style: normal;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

/*kevin*/
/*pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}*/

pre.prettyprint {
  margin-bottom: 18px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

form {
  margin: 0 0 18px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 19.5px;
  line-height: 36px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #eee;
}

legend small {
  font-size: 13.5px;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  /*  line-height: 18px; we override but dont change line-height */
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
  color: #333333;
}

/* makes default submit buttons look stupid.  strange, and fixed height, line-height, and font-size cause problems sometimes elsewhere? */
input[type=text],
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  /*  height: 18px; so strange*/
  /*  line-height: 18px;*/
  font-size: 13px;

  padding: 4px;
  margin-bottom: 9px;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/*input[type=submit] {
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}*/

.uneditable-textarea {
  width: auto;
  height: auto;
}

label input,
label textarea,
label select {
  display: block;
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */

  line-height: normal;
  cursor: pointer;
  background-color: transparent;
  border: 0 \9;
  /* IE9 and down */

  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

input[type="image"] {
  border: 0;
}

input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  background-color: #ffffff;
  background-color: initial;
  border: 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: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 28px;
}

input[type="file"] {
  line-height: 18px \9;
}

select {
  width: 220px;
  background-color: #ffffff;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="image"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

textarea {
  height: auto;
}

input[type="hidden"] {
  display: none;
}

.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}

.controls>.radio:first-child,
.controls>.checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
  margin-left: 10px;
}

input,
textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -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;
}

input:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 930px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 850px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 770px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 690px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 610px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 530px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 450px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 370px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 290px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 210px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 130px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 50px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #ddd;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning>label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
  border-color: #c09853;
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: 0 0 6px #dbc59e;
  -moz-box-shadow: 0 0 6px #dbc59e;
  box-shadow: 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error>label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48;
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success>label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
}

.form-actions:after {
  clear: both;
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: #ffffff;
  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);
}

:-moz-placeholder {
  color: #999999;
}

::-webkit-input-placeholder {
  color: #999999;
}

.help-block,
.help-inline {
  color: #555555;
}

.help-block {
  display: block;
  margin-bottom: 9px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.input-prepend,
.input-append {
  margin-bottom: 5px;
}

.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: middle;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  z-index: 2;
}

.input-prepend .uneditable-input,
.input-append .uneditable-input {
  border-left-color: #ccc;
}

.input-prepend .add-on,
.input-append .add-on {
  display: inline-block;
  width: auto;
  height: 18px;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-prepend .active,
.input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-append .uneditable-input {
  border-right-color: #ccc;
  border-left-color: #eee;
}

.input-append .add-on:last-child,
.input-append .btn:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 9px;
}

legend+.control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 18px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 160px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 160px;
}

.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0;
}

.form-horizontal .form-actions {
  padding-left: 160px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 18px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody+tbody {
  border-top: 2px solid #dddddd;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption+thead tr:first-child th,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+tbody tr:first-child td,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child 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;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}

table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0;
}

table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0;
}

table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0;
}

table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0;
}

table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0;
}

table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0;
}

table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0;
}

table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0;
}

table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0;
}

table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0;
}

table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0;
}

table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/images/sprites/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}

.icon-white {
  background-image: url("/images/sprites/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0 0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle {
  *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
  /*      border-color: #666;*/
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown:hover .caret,
.open .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu li>a:hover,
.dropdown-menu .active>a,
.dropdown-menu .active>a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;

}

.open {
  *z-index: 1000;
}

.open .dropdown-menu {
  display: block;
}

.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "\2191";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  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);
}

.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -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;
}

.fade.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -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);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.btn-large [class^="icon-"] {
  margin-top: 1px;
}

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}

.btn-small [class^="icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}

.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  background-color: #0074cc;
  *background-color: #0055cc;
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}

.btn-warning {
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  background-color: #414141;
  *background-color: #222222;
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-group {
  position: relative;
  *margin-left: .3em;
  *zoom: 1;
}

.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}

.btn-group:after {
  clear: both;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group+.btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 9px;
  margin-bottom: 9px;
}

.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group>.btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.btn-group>.btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group>.btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group>.btn.large:last-child,
.btn-group>.large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group>.dropdown-toggle {
  *padding-top: 4px;
  padding-right: 8px;
  *padding-bottom: 4px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group>.btn-mini.dropdown-toggle {
  padding-right: 5px;
  padding-left: 5px;
}

.btn-group>.btn-small.dropdown-toggle {
  *padding-top: 4px;
  *padding-bottom: 4px;
}

.btn-group>.btn-large.dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0055cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 7px;
  margin-left: 0;
}

.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn-mini .caret {
  margin-top: 5px;
}

.btn-small .caret {
  margin-top: 6px;
}

.btn-large .caret {
  margin-top: 6px;
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}

.dropup .btn-large .caret {
  border-top: 0;
  border-bottom: 5px solid #000000;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.alert-heading {
  color: inherit;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block>p,
.alert-block>ul {
  margin-bottom: 0;
}

.alert-block p+p {
  margin-top: 5px;
}

.nav {
  margin-bottom: 18px;
  margin-left: 0;
  list-style: none;
}

.nav>li>a {
  display: block;
}

.nav>li>a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav>.pull-right {
  float: right;
}

.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #999999;
  /*  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
  text-transform: uppercase;
}

.nav li+.nav-header {
  margin-top: 9px;
}

.nav-list {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.nav-list>li>a,
.nav-list .nav-header {
  margin-right: -15px;
  margin-left: -15px;
  /*  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
}

.nav-list>li>a {
  padding: 3px 15px;
}

/* last added by kevin for .rem_current auto .active inside navbar */
.nav-list>.active>a,
.nav-list>.active>a:hover,
.nav-list a.rem_current,
.nav-list a.rem_current:hover {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.nav-list [class^="icon-"] {
  margin-right: 2px;
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs>li,
.nav-pills>li {
  float: left;
}

.nav-tabs>li>a,
.nav-pills>li>a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
  margin-bottom: -1px;
}

.nav-tabs>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
  border-color: #555;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-pills>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover {
  color: #ffffff;
  background-color: #0088cc;
}

.nav-stacked>li {
  float: none;
}

.nav-stacked>li>a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
}

.nav-tabs.nav-stacked>li>a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.nav-tabs.nav-stacked>li:first-child>a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.nav-tabs.nav-stacked>li:last-child>a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.nav-tabs.nav-stacked>li>a:hover {
  z-index: 2;
  border-color: #ddd;
}

.nav-pills.nav-stacked>li>a {
  margin-bottom: 3px;
}

.nav-pills.nav-stacked>li:last-child>a {
  margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
  margin-top: 6px;
  border-top-color: #333;
  border-bottom-color: #333;
}

.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #000;
  border-bottom-color: #000;
}

.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.nav>.dropdown.active>a:hover {
  color: #000000;
  cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open>a:hover {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
}

.tabs-below>.nav-tabs,
.tabs-right>.nav-tabs,
.tabs-left>.nav-tabs {
  border-bottom: 0;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
  display: none;
}

.tab-content>.active,
.pill-content>.active {
  display: block;
}

.tabs-below>.nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below>.nav-tabs>li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below>.nav-tabs>li>a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.tabs-below>.nav-tabs>li>a:hover {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
  float: none;
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.tabs-left>.nav-tabs>li>a:hover {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right>.nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right>.nav-tabs>li>a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.tabs-right>.nav-tabs>li>a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.navbar {
  *position: relative;
  *z-index: 2;
  /*  margin-bottom: 18px;*/
  overflow: visible;
}

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background: transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*  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);*/
}

.navbar .container {
  width: auto;
}

.nav-collapse.collapse {
  height: auto;
}

.navbar {
  color: #999999;
}

.navbar .brand:hover {
  text-decoration: none;
}

.navbar .brand {
  display: block;
  float: left;
  padding: 8px 20px 12px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  color: #999999;
}

.navbar .navbar-text {
  margin-bottom: 0;
  line-height: 40px;
}

.navbar .navbar-link {
  color: #999999;
}

.navbar .navbar-link:hover {
  color: #ffffff;
}

.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}

.navbar .btn-group .btn {
  margin: 0;
}

.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}

.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
}

.navbar-form:after {
  clear: both;
}

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}

.navbar-form input,
.navbar-form select {
  display: inline-block;
  margin-bottom: 0;
}

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}

.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 6px;
  white-space: nowrap;
}

.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}

.navbar-search {
  position: relative;
  float: left;
  margin-top: 6px;
  margin-bottom: 0;
}

.navbar-search .search-query {
  padding: 4px 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #888;
  background-color: #dedede;
  border: 1px solid #aaa;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -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);
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
  float: right;
}

.navbar .nav>li {
  display: block;
  float: left;
}

.navbar .nav>li>a {
  float: none;
  padding: 9px 10px 11px;
  line-height: 19px;
  color: #999999;
  text-decoration: none;
  /*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
}

.navbar .btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin: 5px 5px 6px;
  line-height: 18px;
}

.navbar .btn-group {
  padding: 5px 5px 6px;
  margin: 0;
}

.navbar .nav>li>a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
}

.navbar .nav .active>a,
.navbar .nav .active>a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #222222;
}

.navbar .divider-vertical {
  width: 1px;
  height: 40px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #222222;
  border-right: 1px solid #333333;
}

.navbar .nav.pull-right {
  margin-right: 0;
  margin-left: 10px;
}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  background-color: #2c2c2c;
  *background-color: #222222;
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  background-color: #222222;
  *background-color: #151515;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #080808 \9;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar+.icon-bar {
  margin-top: 3px;
}

.navbar .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.navbar-fixed-bottom .dropdown-menu:before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.navbar-fixed-bottom .dropdown-menu:after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.navbar .nav li.dropdown .dropdown-toggle .caret,
.navbar .nav li.dropdown.open .caret {
  border-top-color: #111;
  border-bottom-color: #111;
}

.navbar .nav li.dropdown.active .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
  background-color: transparent;
}

.navbar .nav li.dropdown.active>.dropdown-toggle:hover {
  color: #ffffff;
}

.navbar .pull-right .dropdown-menu,
.navbar .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.navbar .pull-right .dropdown-menu:before,
.navbar .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}

.navbar .pull-right .dropdown-menu:after,
.navbar .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}

.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  list-style: none;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  -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-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
}

.breadcrumb .active a {
  color: #333333;
}

/*
.pagination {
  height: 36px;
  margin: 18px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  *zoom: 1;
  -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;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}

.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}

.pagination .active a {
  color: #999999;
  cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}
*/
.pager {
  margin-bottom: 18px;
  margin-left: 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next a {
  float: right;
}

.pager .previous a {
  float: left;
}

.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

.modal-open .dropdown-menu {
  z-index: 2050;
}

.modal-open .dropdown.open {
  *z-index: 2050;
}

.modal-open .popover {
  z-index: 2060;
}

.modal-open .tooltip {
  z-index: 2070;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin: -250px 0 0 -280px;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -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.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 50%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-body {
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  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;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px;
}

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -2px;
}

.tooltip.right {
  margin-left: 2px;
}

.tooltip.bottom {
  margin-top: 2px;
}

.tooltip.left {
  margin-left: -2px;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #000000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
  border-left: 5px solid transparent;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #000000;
  border-bottom: 5px solid transparent;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
}

.popover.top {
  margin-top: -5px;
}

.popover.right {
  margin-left: 5px;
}

.popover.bottom {
  margin-top: 5px;
}

.popover.left {
  margin-left: -5px;
}

.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #000000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #000000;
  border-bottom: 5px solid transparent;
}

.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
  border-left: 5px solid transparent;
}

.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 {
  width: 280px;
  padding: 3px;
  overflow: hidden;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  -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 {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.popover-content {
  padding: 14px;
  background-color: #ffffff;
  -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;
}

.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
}

.thumbnails:after {
  clear: both;
}

.row-fluid .thumbnails {
  margin-left: 0;
}

.thumbnails>li {
  float: left;
  margin-bottom: 18px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1;
  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);
}

a.thumbnail:hover {
  border-color: #0088cc;
  -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);
}

.thumbnail>img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
}

.label,
.badge {
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  padding: 1px 4px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

a.label:hover,
a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  height: 18px;
  margin-bottom: 18px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  width: 0;
  height: 18px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}

.progress-danger.progress-striped .bar {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}

.progress-success.progress-striped .bar {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}

.progress-info.progress-striped .bar {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
}

.progress-warning.progress-striped .bar {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.accordion {
  margin-bottom: 18px;
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.carousel {
  position: relative;
  margin-bottom: 18px;
  line-height: 1;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -ms-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel .item>img {
  display: block;
  line-height: 1;
}

.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}

.carousel .active {
  left: 0;
}

.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel .next {
  left: 100%;
}

.carousel .prev {
  left: -100%;
}

.carousel .next.left,
.carousel .prev.right {
  left: 0;
}

.carousel .active.left {
  left: -100%;
}

.carousel .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: 15px;
  left: auto;
}

.carousel-control:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  color: #ffffff;
}

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  background-color: #eeeeee;
  -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;
  color: inherit;
}

.hero-unit p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
  color: inherit;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

/*!
 * Bootstrap Responsive v2.0.3
 *
 * Copyright 2012 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.
 */
/*@media (max-width: 480px) {  }*/

/* Landscape phone to portrait tablet */
/*  @media (max-width: 767px) {  }*/

/* Portrait tablet to landscape and desktop */
/*  @media (min-width: 768px) and (max-width: 979px) {  }*/

/* Large desktop */
/*  @media (min-width: 1200px) {  }*/

/*geesus, ahrd ot customize nav-collapse for right sizing, idiots! disabling for now  */


.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* causes problems! .hidden {
  display: none;
  visibility: hidden;
}*/

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

/* Landscape phone up to (not including) portrait tablet */
@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

/*<768px (aka: smaller than iPad portrait)*/
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }

  .page-header h1 small {
    display: block;
    line-height: 18px;
  }

  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }

  .form-horizontal .control-group>label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }

  .form-horizontal .controls {
    margin-left: 0;
  }

  .form-horizontal .control-list {
    padding-top: 0;
  }

  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }

  .modal {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    width: auto;
    margin: 0;
  }

  .modal.fade.in {
    top: auto;
  }

  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }

  .carousel-caption {
    position: static;
  }
}


@media (max-width: 767px) {

  /*was 20*/
  /*  body {
    padding-right: 12px; 
    padding-left: 12px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    margin-right: -12px;
    margin-left: -12px;
  }
*/
  .container-fluid {
    padding: 0;
  }

  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }

  .dl-horizontal dd {
    margin-left: 0;
  }

  .container {
    width: auto;
  }

  .row-fluid {
    width: 100%;
  }

  .row,
  .thumbnails {
    margin-left: 0;
  }

  [class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }

  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }

  .row:before,
  .row:after {
    display: table;
    content: "";
  }

  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    margin-left: 20px;
  }

  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }

  .span12 {
    width: 724px;
  }

  .span11 {
    width: 662px;
  }

  .span10 {
    width: 600px;
  }

  .span9 {
    width: 538px;
  }

  .span8 {
    width: 476px;
  }

  .span7 {
    width: 414px;
  }

  .span6 {
    width: 352px;
  }

  .span5 {
    width: 290px;
  }

  .span4 {
    width: 228px;
  }

  .span3 {
    width: 166px;
  }

  .span2 {
    width: 104px;
  }

  .span1 {
    width: 42px;
  }

  .offset12 {
    margin-left: 764px;
  }

  .offset11 {
    margin-left: 702px;
  }

  .offset10 {
    margin-left: 640px;
  }

  .offset9 {
    margin-left: 578px;
  }

  .offset8 {
    margin-left: 516px;
  }

  .offset7 {
    margin-left: 454px;
  }

  .offset6 {
    margin-left: 392px;
  }

  .offset5 {
    margin-left: 330px;
  }

  .offset4 {
    margin-left: 268px;
  }

  .offset3 {
    margin-left: 206px;
  }

  .offset2 {
    margin-left: 144px;
  }

  .offset1 {
    margin-left: 82px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.762430939%;
    *margin-left: 2.709239449638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
    *width: 99.9468085036383%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
    *width: 91.38327259263829%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
    *width: 82.8197366816383%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
    *width: 74.25620077063829%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
    *width: 65.6926648596383%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
    *width: 57.129128948638304%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
    *width: 48.5655930376383%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
    *width: 40.0020571266383%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
    *width: 31.4385212156383%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
    *width: 22.874985304638297%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
    *width: 14.311449393638298%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
    *width: 5.747913482638298%;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 714px;
  }

  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 652px;
  }

  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 590px;
  }

  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 528px;
  }

  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 466px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 404px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 342px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 280px;
  }

  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 218px;
  }

  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 156px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 94px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 32px;
  }
}

/* Large desktop */
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }

  .row:before,
  .row:after {
    display: table;
    content: "";
  }

  .row:after {
    clear: both;
  }

  /*  cruelly overpowerful, moving inside spans below */
  /*  [class*="span"] {
    float: left;margin-left: 30px;
  }*/
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }

  .span12 {
    float: left;
    margin-left: 30px;
    width: 1170px;
  }

  .span11 {
    float: left;
    margin-left: 30px;
    width: 1070px;
  }

  .span10 {
    float: left;
    margin-left: 30px;
    width: 970px;
  }

  .span9 {
    float: left;
    margin-left: 30px;
    width: 870px;
  }

  .span8 {
    float: left;
    margin-left: 30px;
    width: 770px;
  }

  .span7 {
    float: left;
    margin-left: 30px;
    width: 670px;
  }

  .span6 {
    float: left;
    margin-left: 30px;
    width: 570px;
  }

  .span5 {
    float: left;
    margin-left: 30px;
    width: 470px;
  }

  .span4 {
    float: left;
    margin-left: 30px;
    width: 370px;
  }

  .span3 {
    float: left;
    margin-left: 30px;
    width: 270px;
  }

  .span2 {
    float: left;
    margin-left: 30px;
    width: 170px;
  }

  .span1 {
    float: left;
    margin-left: 30px;
    width: 70px;
  }

  .offset12 {
    margin-left: 1230px;
  }

  .offset11 {
    margin-left: 1130px;
  }

  .offset10 {
    margin-left: 1030px;
  }

  .offset9 {
    margin-left: 930px;
  }

  .offset8 {
    margin-left: 830px;
  }

  .offset7 {
    margin-left: 730px;
  }

  .offset6 {
    margin-left: 630px;
  }

  .offset5 {
    margin-left: 530px;
  }

  .offset4 {
    margin-left: 430px;
  }

  .offset3 {
    margin-left: 330px;
  }

  .offset2 {
    margin-left: 230px;
  }

  .offset1 {
    margin-left: 130px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1160px;
  }

  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1060px;
  }

  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 960px;
  }

  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 860px;
  }

  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 760px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 660px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 560px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 460px;
  }

  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 360px;
  }

  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 260px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 160px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 60px;
  }

  .thumbnails {
    margin-left: -30px;
  }

  .thumbnails>li {
    margin-left: 30px;
  }

  .row-fluid .thumbnails {
    margin-left: 0;
  }
}

@media (max-width: 979px) {
  body {
    padding-top: 0;
  }

  .navbar-fixed-top {
    position: static;
    margin-bottom: 18px;
  }

  .navbar-fixed-top .navbar-inner {
    padding: 5px;
  }

  .navbar .container {
    width: auto;
    padding: 0;
  }

  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }

  .nav-collapse {
    clear: both;
  }

  .nav-collapse .nav {
    float: none;
    margin: 0 0 9px;
  }

  .nav-collapse .nav>li {
    float: none;
  }

  .nav-collapse .nav>li>a {
    margin-bottom: 2px;
  }

  .nav-collapse .nav>.divider-vertical {
    display: none;
  }

  .nav-collapse .nav .nav-header {
    color: #999999;
    text-shadow: none;
  }

  .nav-collapse .nav>li>a,
  .nav-collapse .dropdown-menu a {
    padding: 6px 15px;
    font-weight: bold;
    color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  .nav-collapse .dropdown-menu li+li a {
    margin-bottom: 2px;
  }

  .nav-collapse .nav>li>a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: #222222;
  }

  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }

  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: block;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }

  .nav-collapse .dropdown-menu .divider {
    display: none;
  }

  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 9px 15px;
    margin: 9px 0;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }

  .navbar .btn-navbar {
    display: block;
  }

  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

/* instead of right/middle/left cols and right/left_half, could use a grid system.  or a full one like baseline, though it failed miserably when I tried it last time
set content-secondary to height: screen-height in JS then give it a background-color: rgba(50, 50, 50, 0.2);
rgba(70, 28, 86, 0.2) = pretty awesome
 */

.o:hover .x {
  display: inline
}

/* ins {padding: 15px;} testing argh.  makes sidebar too narrow I think for ads though */
.sidebar ins {
  margin-right: -11px;
}

.act_like {
  margin-top: 4px;
}

.act_like.active {
  border: 1px solid #444;
}

/* need to use color of body, not link... */
a.nocolor {
  color: inherit !important;
}

.homework_list li {
  clear: both;
  min-height: 68px;
  padding: 13px 0px !important;

}


.quiz_answer {
  display: inline;
  padding-left: 11px;
}

.thumb {
  float: left;
}

.thumb img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.body {
  margin-left: 85px;
}

.size_50 .body {
  margin-left: 59px;
}

.big .body,
.sub_bio {
  margin-left: 172px;
}

.med .body {
  margin-left: 85px;
}

.tiny .body {
  margin-left: 45px;
}

.thumb img {
  width: 72px;
  height: 72px;
}

.size_50 .thumb img {
  width: 50px;
  height: 50px;
}

.med .thumb img {
  width: 72px;
  height: 72px;
}

.big .thumb img {
  width: 150px;
  height: 150px;
}

.tiny .thumb img {
  width: 32px;
  height: 32px;
}



/* new messages style from pro */
ul.messages .reply_form {
  padding-bottom: 0;
}

ul.messages .well {
  margin-top: 7px;
}

label input {
  display: inline-block;
}

/* let us customize for one or the other inside internal messages*/
.pro_only {
  display: none;
}

/*.beta header #messages {
  padding-right:0; padding-left:0
}
.beta header #messages.opened {
  padding-right:inherit; padding-left:inherit;
}*/

/*.hover_shadow:hover {
  box-shadow: 0 0 15px 2px #888;
}
*/

/*.has_hero .outer {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none !important;
  border:0;
}*/

#hnyname {
  display: none;
}

/*blah*/
.beta .show-inline.rem_current,
.beta2 .show-inline.rem_current {
  border: 1px solid #333;
}

.beta .has_new,
.beta2 .has_new {
  border: 1px solid #333 !important;
  /*  background-color: rgba(0, 0, 0, 0.05);*/
}

/*.mynew {font-weight: bold}*/

/* these are both .no_banner only already..*/

.beta2 header.no_banner .navbar .nav .active>a,
.beta2 header.no_banner .navbar .nav .active>a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}


/*want NOT no_banner, which is nearly impossible to manage*/
/*  background-color: rgba(175, 175, 175, 0.1);  = wierdness soem bug with rgba over transparent png perhaps? */
/*  on an un-customized page, #ddd looks better*/

.beta2 header .navbar .nav li.active_grey a,
.beta2 header .navbar .nav>li.active_grey>a:visited {
  background-color: #ddd;
  border-bottom: #ccc 1px solid;
}



/* highlight usernames of gold members in feature box */
#featured_box .hi {
  font-weight: bold
}

#featured_box .hi a {
  font-weight: normal
}

.bigModal {
  width: 940px;
  margin-left: -470px;
}


.nav {
  padding-bottom: 0
}

#footer h4 {
  font-size: 15px;
  display: inline;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

#footer h4 a {
  color: #000;
}

.step2 {
  margin-top: 26px;
  margin-left: -65px;

  -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.4);
}

/*min-width: 605px*/
/*.cke_dialog_contents input { max-width: 400px } */
/*.cke_dialog_ui_text { max-width: 400px } */
.ci_tr {
  padding-right: 10px;
  float: left;
  margin-top: -3px;
}

.extra_top {
  /*  float: right;*/
  margin-top: 12px;
  margin-bottom: 15px;
}

/*caused soem problems?  prob with .hidden .p's, hmm. */
.bbgap.p {
  display: block
}

.cke_dialog_contents {
  min-width: 605px;
}

/*.likes { margin-left: -21px; }*/
.sub_item .sidebar {
  width: 274px
}

/*  move comment box more towards right on read inline. why is there a fixed width on the sidebar portion? ckeditor ends up fixed anyways b/c of max-width, this makes it a bit tighter is all*/


.sub_item .avatar {
  width: auto
}

.book_thumb {
  max-height: 66px;
  max-width: 45px;
  height: auto;
  margin-top: -3px;
  /*  padding-right: 10px;*/
}

.user_book {
  max-width: 200px;
  max-height: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #000;
}

h1 .avatar_f {
  font-weight: normal !important;
}

.profile_link .avatar_f {
  font-size: 29px;
  line-height: inherit;
  position: relative;
  top: 5px;
}

.av_subitem {
  float: left;
  margin-left: 6px;
  width: 52px;
}

.av_group {
  height: 22px;
  width: 30px;
  padding-left: 3px;
}

.av_contest {
  height: 22px;
  width: 22px;
  padding-left: 7px;
}

/*user type shown at comments*/
.avatar_mtype {
  padding-left: 3px;
  margin-top: -4px;
  height: 16px;
  width: 12px;
}

body.has_hero {
  padding-left: 0
}

body.has_hero .outer,
body.has_hero footer {
  max-width: 876px;
}

.has_hero header .inner {
  background-image: none;
}


/*sidebar now floating a bit over - old code in old_sidebar.css*/
.sidebar-nav {
  padding: 26px 26px 0 0;
  width: 100%;
}

.nav-header {
  padding-bottom: 11px;
}

.row-fluid .left_sidebar {
  margin-left: -27px;
  margin-top: 8px;
}

.sidebar-nav {
  padding-right: 13px;
}

.left_sidebar ul.nav-list li a,
.left_sidebar ul.nav-list li.nav-header,
.left_sidebar ul.nav-list li.sub_li {
  padding-right: 17px;
  padding-left: 21px;
  margin-right: -29px;

  padding-top: 7px;
  padding-bottom: 7px;
  border-top: 1px solid #aaa;
}

.left_sidebar ul.nav-list li.nav-header {
  font-weight: bold;
  font-size: 14px;
  padding-top: 18px;
}

.left_sidebar ul.nav-list li:first-child a,
.left_sidebar ul.nav-list li:first-child a:visited {
  padding-top: 17px;
  border-top: 0;
}

.left_sidebar ul.nav li.nav-header:first-child {
  border-top: 0;
}





.left_sidebar .well {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.035);
  padding-top: 0;
}


/*not taking precedence though, why not? needs hte first oen, strangely .sidebar_nav > .nav-list > .active > a, .left_sidebar > .nav-list > .active > a, */

.nav-list>.active>a,
.nav-list>.active>a:hover,
.nav-list a.rem_current,
.nav-list a.rem_current:hover {
  background-color: #668;
}

.well_div {
  padding-right: 13px;
  padding-left: 21px;

  margin-right: -19px;

  line-height: 1.25em;
  margin-top: -11px;
  padding-bottom: 17px
}

.well.sidebar-nav {
  padding-top: 0 !important;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.25);
}


.fb_about_me {
  right: -10px;
  /*-39px;*/
  top: -1px;
  position: relative;
  float: right;
  border: none;
  overflow: hidden;
  width: 88px;
  height: 21px;
}

/*do i realy want this?*/
.beta .items.oneline li .itembody {
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  /*  this shouldn't be nessary but i can't get it working*/
  height: 16px;
  padding-bottom: 2px;
}

.user_side span.badge {
  float: right
}

img.inline {
  margin-top: -4px;
}

.about_me {
  list-style-type: none;
  padding: 0;
  margin-right: -26px;
}

.about_me li {
  margin-bottom: 5px;
}

.about_me .badge {
  float: none;
  margin-top: -2px;
}

/*fix large images covering sidebar @ narrow screens, hmm.  also breaks padding in comments and wide advertiesments under the sidebar though, arg! on list pages... */
.sidegap {
  /*  overflow: hidden;*/
}

/*sexy*/
.beta .navbar .nav>li>a.rem_current[href='/poems/featured'],
.beta .navbar .nav>li>a.rem_current[href='/poems'] {
  border-color: #000;
  color: #ddd !important;
  background-color: #000;
}

.beta .navbar .nav>li>a.rem_current[href='/contest'] {
  background-color: #FFF;
  border-color: #000;
  border-bottom-color: #FFF;
}

.beta .navbar .nav>li>a.rem_current[href='/group'] {
  background-color: #447fc0;
  border-color: #000;
  border-bottom-color: #447fc0;
  color: #fff !important;
}

.beta .navbar .nav>li>a.rem_current[href='/topic'] {
  background-color: #447fc0;
  border-color: #000;
  border-bottom-color: #447fc0;
  color: #fff !important;
}

/*what is this for?*/
.nav-list a.rem_current[href='/poems'] {
  background-color: #766 !important;
}

/* automatic active tabs in non-header by rem-current */
/* unfortunately the 'clever' bootstrap code only works with set-color bgs, which means we know the color of the bottom border too anyways */
section .nav-tabs {
  border-color: #999;
}

section .nav-tabs li a {
  border-color: #999 !important;
  border-bottom-color: transparent !important;

  background-color: #ccc;
  color: #444;
  margin-right: 6px;
}

/*
section .nav-tabs li a.rem_current {
  background-color: #EBEBE9;
  border-bottom-color: #EBEBE9;
  color: #000;
}
*/
/* leaves a border-color problem at the bottom unfortunately, we'll set in _theme */
.nav-tabs>.active>a,
.nav-tabs>li>a.rem_current {
  background-color: transparent;
  border-bottom-color: transparent;
}


/*
section .nav-tabs li a.rem_current {
  background-color: transparent;
  color: inherit !important;
  border: 1px solid #aaa;
  border-bottom-color: transparent;
}*/




.nav .nav-header,
.nav .sub_li {
  color: inherit;
  margin-left: -15px;
}

.oldgroup,
.oldforum {
  /*  padding-left: 14px;*/
  border-left: 2px solid #ccc;
}

blockquote {
  border-left: 0 !important;
  /*wtf bootstrap*/
}


/*, .beta h1.banner.light*/
/*.beta .playful h2, .beta .playful h3, .beta h2.playful, .beta h3.playful, .beta h1.banner.light, .beta h1.banner.dark {
  font-weight: normal !important;
  font-family: "pointy solid", "green piloww";
  letter-spacing: -3px;
  word-spacing: 10px;

  font-size: 42px;
  line-height: 48px;

  color: #333;
}*/

/*
GOOD PLAYFUL FONT FROM BETA
.beta .playful h2, .beta .playful h3,.beta h2.playful, .beta h3.playful {
  padding-top: 15px;
}
.beta .playful h2, .beta .playful h3, .beta h2.playful, .beta h3.playful{
  font-weight: normal !important;
  font-family: "green piloww2";
  text-transform: lowercase;
  padding-top: 0px;
  font-size: 58px;
  line-height: 58px;
  padding-bottom: 13px;
}
*/



/*, .beta h1.banner.light, .beta h1.banner.dark */
/*disable headers with bad chars, replace bad chars with alt font*/
/*.beta h1.banner.no_playful {
  font-family: "trebuchet ms", Verdana;
  font-size: 27px;
  line-height: 39px;
  text-transform: none;
  padding-top: 10px;
}
.beta h1.banner span.no_playful {
  font-family: "pointy solid";
  font-size: 34px;
  top: 2px;
  position: relative;
}
*/

/*
.beta h1.banner.light:first-letter {
  font-size: 75px;
  position: relative;
  margin-top: -19px;
}*/

/* getting size right is tricky? */
/*.beta .big_header .title_link, .beta section h2 .title_link {
  font-family: "trebuchet ms", tahoma, sans-serif;
  font-size: 17px;
}*/

/*.user_dropdown {height: 33px;overflow: hidden}*/
.right_link,
.title_link {
  font-family: "trebuchet ms", tahoma, sans-serif !important;
  float: right;
  font-weight: normal;
  /*  font-size: 16px !important;*/
  font-size: 19px !important;

  letter-spacing: normal;
  word-spacing: normal;
}

.wizard .title_link {
  font-size: inherit;
}

.title_link {
  margin-right: 20px;
  margin-top: 4px;
  /*
        float:  right;
        font-weight: normal;
        font-size:  75%;*/
}


/*.regular_font {
  font-family: "trebuchet ms", tahoma, sans-serif !important;
  font-size: 0.8em;
}*/


.hero {
  /*  font: "green pillow";*/
  margin-left: -27px;
  margin-right: -27px;
  padding-top: 2px;
  /*annoyign but needed for ie and chrome to agree*/
  margin-bottom: 10px;
  border-color: #000 !important;
}

/*ie likes neg margin-top here instead*/
.hero img {
  max-width: 100%;
  width: auto;
  margin-top: -2px;
  border-bottom: 1px solid;
  border-top: 1px solid;
}

/*might help ie slow-typing bug.  causes problems with captcha */
/*table { table-layout:fixed; } */

.nav li+.nav-header {
  margin-top: 0;
}

select {
  width: auto !important
}

/*textarea - this was breaking autoexpand */
input[type="text"],
select,
.uneditable-input {
  height: auto !important;

  /*padding-top: 3px !important;*/
  /* ie only? 3 is max chrome can handle.  looks stupid in many places like search, color input @ IE, where were we trying to fix orig?*/
}

p {
  font-size: inherit;
  line-height: default;
  /* better than inherit? */
  font-family: inherit;
}

.pagination {
  height: auto;
  margin-left: 0;
}

.pagination a {}

/* custom colors for colored header heros */
.beta a#contests.rem_current,
li.active a#contests {
  background-color: #fff !important;
  border-bottom-color: #fff !important;
  /*  border-bottom: 2px solid;*/
}

/*, .beta #messages*/
.user_dropdown a {
  padding-right: 0 !important;
}

#messages.opened {
  border-bottom: 2px solid #F1F1F1;
  /*  padding-left: 5px;
  margin-left: 8px;
  padding-right: 5px !important;*/
}

#messages {

  padding-left: 6px;
  padding-right: 6px;

}

strike {
  text-decoration: line-through;
}

header .navbar .nav.pull-right {
  margin-left: 0;
  padding-left: 0;
}

.icon_comments {
  max-height: 13px;
  padding-left: 4px;
  margin-bottom: 2px;
}

.beta p {
  font-size: inherit;
  line-height: inherit;
}

.beta textarea,
.beta input[type=text] {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.375);
}

/*why was this required?  breaks button color white */
/*.btn, .btn:visited, .btn:active {
  color: #000;
}
*/

/*dangerous?  WTF was this for? breaks inline buttons on things like messages page */
.btn {
  /*  margin-right: 12px;
  margin-bottom: 8px;*/
}

a.btn.btn-primary,
a.btn.btn-primary:visited,
a.btn.btn-primary:hover,
a.btn.btn-warning,
a.btn.btn-warning:hover,
a.btn.btn-danger,
a.btn.btn-danger:hover,
a.btn.btn-success,
a.btn.btn-success:hover,
a.btn.btn-info:link,
a.btn.btn-info:visited,
a.btn.btn-info:hover,
a.btn.btn-inverse,
a.btn.btn-inverse:hover {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


label {
  display: inline;
  margin-bottom: 5px;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/*was 28, -7px*/
.userpic_dropdown {
  /*  max-height: 28px;  margin-top: -7px;*/
  max-height: 31px;
  margin-top: -6px;
  margin-bottom: -3px;
  /*  padding-left: 0;*/
}

/* for now, it's inside my existing containers */
.container-fluid {
  padding: 0;
  clear: both;
}


ul.nav li {
  padding-top: 0;
}


/* moving back to right side */
.left_sidebar {
  float: right !important;
  margin-right: -11px;

  margin-left: 0;
}

.right_content {
  /*why did this need to be important?*/
  float: left !important;
  /*    margin-left:auto;*/
  /*    margin-right:auto;*/
}


@media (max-width: 767px) {
  .left_sidebar {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
  }

  .right_content {
    float: none !important;
    margin-left: 0;
  }
}


#search2 {
  /*   font-size: 0.76em; */
  margin: 0;
  width: 95px;

  position: relative;
  bottom: 2px;

  background-color: #fff;
  color: #000;
  border: 0;
  margin-top: 15px;
  padding: 4px;
}


/*.beta .banner {margin-top: -2px}*/

header ul {
  margin-bottom: 0;
  padding-bottom: 0
}

header .inner {
  padding-top: 30px;
  padding-bottom: 0 !important;
  text-align: left;
}


.navbar .nav {
  margin-top: 8px;
  /* 5px was decent */
  border-bottom: 0;
  padding-left: 0;
}

/* grr, or 5px margin-top: @ navbar nav with -5px margin=bottom on .navbar
but this shouldn't be quired, shouldn't padding push this down enough?  aah floated elements.  fixed height for .nav then?  vertical-align: bottom
*/
.navbar {
  /*  margin-bottom: -5px;*/
  /*margin-bottom: -2px;*/
}

/*move down so it overlaps the title bar - will it still be on top?  much better than neg. margins .. */
.navbar .nav-tabs {
  top: 2px;
}

.navbar .brand {
  padding-bottom: 3px;
  padding-right: 0;
  /*margin-top: -8px;*/

  /*  putting in a tab now*/
  margin-top: -12px;
  margin-left: -6px;
  /*margin-right: 0 !important;*/
  margin-right: 21px !important;
}

/* tabs along the top */
.navbar .nav>li>a:hover,
.sidebar-nav a:hover {
  color: #000;
}

/* Drop down menus & Tabs*/
.navbar .brand,
.navbar .nav>li>a,
.navbar .nav>li>a:visited {
  color: #666;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar .nav-tabs>li:hover>a,
.navbar .nav-tabs>li:hover>a:visited {
  background-color: #fff;
  color: #000;
}

.navbar .nav .active>a,
.navbar .nav .active>a:hover {
  background-color: #f1f1f1;
  /* !important; - want it to force on poem/contest pages or not? */
  color: #000 !important;
  /*  border-color: #ccc;*/
  border-color: #666;
  /*not strong enough when 'active'?*/
  border-bottom-color: #f1f1f1;
}



header.no_banner .navbar .nav .active>a,
.navbar .nav .active>a:hover {
  background-color: transparent;
  /* !important; - want it to force on poem/contest pages or not? */
  border-color: inherit;
  /*  border-bottom-color: inherit;*/
}



.kill_sides {
  margin-right: -26px;
  margin-left: -26px;
  padding-right: 26px;
  padding-left: 26px;
}

/*.navbar-inner { background: transparent; }  what was this for? */

/* fix bootstrap.css to not touch rest of site */
input {
  margin-bottom: 0
}


/* old stuff */
html {
  height: 100%;
  width: 100%
}

body {
  font-family: "trebuchet ms", tahoma, sans-serif;
  word-wrap: break-word;
  font-size: 16px;
  line-height: 22px;
}

/*too dark: 1f5db9, , #1984c1, #354FADnice light blue, tara says too easter eggy. #1984c1;425e9d  */
A:link,
A:active,
A:visited {
  color: #2e70b2;
  text-decoration: none;
}

A:visited {
  color: #205b9c;
}

A:hover {
  text-decoration: underline;
}

.outer,
footer {
  max-width: 876px;
  margin: 0 auto 0 auto;
  padding: 26px;
  padding-top: 0;
  clear: both;
  position: relative;
}

header {
  margin: 0 -26px 0 -26px;

  text-align: right;
  background-position: left bottom;

  /*overflow: hidden; */
  /* what needs this?  it causes problem with bootstrap's drop menu's */
  /*  position: relative;  makes it not be able to float */
}

header .inner {
  /* background-image: url(//allpoetry-classic.com/images/header_fade2.png); */
  background-position: bottom left;
  background-repeat: repeat-x;
  padding: 36px 26px 4px 26px;
}

/* just color specially for light_text?  Hmm .light_text header > .inner a:link, .light_text header > .inner a:visited {*/
header a:link,
header a:visited {
  color: #666;
}

header .rem_current {
  color: #000 !important
}

header .nav-tabs .active a {
  cursor: pointer !important
}

#messages {
  margin-left: 6px
}

/*why did I have footer outside the main container again? so I can fade through the body background for site pages */
footer {
  /* background-image: url(//allpoetry-classic.com/images/trans20w.png); */
  /*padding-bottom: 34px;*/
  padding-bottom: 15px;
}

section {
  width: 100%;
}


#logo2:hover {
  border-bottom: 1px solid #333C6A;
}

#logo2 {
  margin-top: -6px;
  float: left;
}

.skip_nav {
  position: absolute;
  left: -2000px;
}


/* ****** sidebars and layouts ****** */
.sidebar {
  float: right;
  width: 289px;
  border-left: 1px solid #888;
  padding: 0 9px 9px 26px;
  margin: 0 0 9px 9px;
}

.dark_text .sidebar {
  background-color: rgba(50, 50, 50, 0.05);
  margin-top: -11px;
  margin-right: -26px;
  /*  padding-right: 26px;   removed 7/7/12, check regular contest read all */
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(50, 50, 50, 0.2);
}

/* used to be nonsidebar */
/*this is causing problems now with twitter_bootstrap - sidebars are floated right so don't seem to need margin on webkit/safari */
/*.sidegap { margin-right: 328px;}*/

.classic_dash .col_left,
.classic_dash .col_middle,
.classic_dash .col_right {
  width: 31.5%;
  float: left;
}

/*   #main .col_middle {margin-top: -13px;}*/
/* are there .col middles i dont want liket his inside sectino? */
section .col_middle {
  background-color: #ddd;
}

section .col_middle,
footer .col_middle {

  background-color: rgba(0, 0, 0, 0.05);

  padding-top: 12px;
  /* sometimes needs 13 vs 12 still... not sure why? */
  margin-top: -12px;

  margin-left: 1.3%;
  padding-left: 1.3%;

  margin-right: 1.3%;
  padding-right: 1.3%;
  padding-bottom: 12px;

  /*  margin-bottom: 12px;*/

}

footer .col_middle {
  margin-top: 0;
  padding-top: 0;
}

.left_half {
  float: left;
  width: 49%;
  margin-right: 4px;
}

.right_half {
  float: right;
  width: 49%;
  margin-left: 4px;
}

/* ****** navigation ****** */

.banner {
  border: 1px solid #555555;
  border-left: 0;
  border-right: 0;
  margin: 0 -26px 10px -26px;
  padding: 10px 7px 10px 26px;
  /* why does R need less padding? */
  font-size: 25px;
  font-weight: bold;
}

.banner a:hover {
  background-color: #f8f8f8;
  color: #be0624 !important;
}

.banner.light {
  background-color: #F1F1F1;
  border-color: #CCC;
  color: #000
}

.banner.light a:link,
.banner.light a:visited {
  color: #090DB9;
}

/* needed? !important */

/*.light_text .banner.light { }*/


/*#nav_outer {
  margin-left: -26px; margin-right: -26px;
  padding-top: 14px;
}*/
/*can we move into navigation?  hmm... */

.a_app:hover {
  text-decoration: none;
}

.a_app:focus {
  border: 2px solid #ccf;
  margin-bottom: -2px;
  margin-top: -2px
}

/* FIXES */
/* flash sizing still gets too wide for typical left-edge & pushes past right margin
er this screws up advetisements, add an example enxt time i see
*/

/*.sidegap iframe, .sidegap object {
  max-width: 550px;
}
*/
.col_left img,
.col_middle img,
.col_right img {
  max-width: 250px;
}

/* TESTING 8/23/12, since we removed overflow: auto */
.richp img {
  max-width: 300px;
  /* probs with profile images too big?  540px;*/
  height: auto;
}

/* contests use left/right half */
.user_img,
.rich_other img {
  max-width: 400px;
  height: auto;
}

.span9 .user_img {
  max-width: 365px;
}

/* details */
/*stupid bootstrap visibility: visible !important;*/
.hidden,
.mobile,
.n {
  display: none;
}

.applause img {
  padding-top: 3px;
}

.applauded {
  float: left;
  padding-right: 9px;
}

.applauded_me {
  padding-top: 3px;
}

.sub_item .applause {
  height: 51px;
}

.reply_form {
  padding-left: 16px;
  padding-bottom: 30px;
}

.dfp {
  padding-bottom: 10px;
  text-align: left;
}

.items .dfp,
.comments .dfp,
.comment_list .dfp {
  padding-top: 10px;
  padding-bottom: 5px
}

.user_img {
  margin-bottom: 10px;
}

/* same as editor? */
.rich_user {
  margin: 0;
  margin-left: 0;
  margin-bottom: 0.7em;
}

.rich_user p {}

/* want comments single-spaced? */
.richp p,
.comment_main p {
  margin: 0;
  padding: 0;
  max-width: 600px;
  word-wrap: break-word;
}

.deleted {
  display: none;
  background: #333;
  color: #ccc !important;
}

.deleted:before {
  content: "Deleted:";
}

.deleted a:link,
.deleted a:visited {
  color: #aaa !important;
}


/* *************** typography *************** */
h1,
h2,
h3,
h4,
h5 {
  padding-top: 0.75em;
  padding-bottom: 0.5em;
}

h1 {
  font-size: 25px;
  font-weight: bold;
}

h2 {
  font-size: 25px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal
}

h3 {
  font-size: 1.25em;
  font-weight: normal
}

h4 {
  font-size: 16px;
  font-weight: bold;
}

h5 {
  font-size: 1.1em;
  font-weight: bold;
}

.sidebar h3,
.sidebar h4,
#dashboard h4 {
  font-weight: normal;
  font-size: 1em;
  border-bottom: 1px solid #888;
  margin-bottom: 0.5em;
  padding-bottom: 0;
}

ul:first-child,
li:first-child {
  margin-top: 0;
}

ul,
ol {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0em 0em 1em 1.2em;
  margin: 0;
}

ol {
  list-style-type: decimal;
}


ul li,
ol li {
  padding-top: 5px;
}

header ul li {
  padding-top: 0
}

ul li:first-child,
ol li:first-child {
  padding-top: 0;
}

/* not super sure i like this */
div.p,
p,
.p {
  margin-top: 0em;
  margin-bottom: 1em;
}

span.p {
  display: block;
}

.name_color {
  color: #000 !important;
}

/* *************** forms *************** */
form {
  display: inline;
}

/* keivn removed from bootstrap interactions 6/30/12 */
/*textarea { font-size: 0.9em; }*/

/* 515 looks like old but doesnt fit full editor, so upping to 535 */
/*frustrating in many places, don't really want it that big as it is too big?  loweirng max to 435 to see if it helps? hmm, the oneline comment box will want bigger though? */
textarea,
input[type="text"] {
  width: 99%;
  max-width: 532px;
}

/* this may cause ie8 problems .align_labels input, input[type="submit"]  {width: auto;} */
.sidebar textarea {
  max-width: 270px;
}

.sidebar input[type="text"] {
  max-width: 127px;
}

/* rhyme/synonym */
input.sm,
.sm input {
  width: auto
}

input.big,
.big input,
.big select {
  font-size: 20px;
  padding: 3px;
}

/*big buttons need more padding b/c of bootstrap, strange*/
input.big[type=submit] {
  padding: 8px
}

/* hmm, 1px looks really small @ IE.  and really 4px margin always ?  No wonder things don't line up!!!! */
/*input[type="text"],textarea,iframe, select, .cke_skin_v2 {  margin-top: 4px; }*/
/*input[type="text"],textarea {    padding: 1px;}*/


/*select {  margin-top: 7px;} bad after bootstrap */

.align_labels label {
  display: block;
  float: left;
  width: 135px;
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
}

.align_labels input[type="text"] {
  width: 100px;
}

.align_labels br {
  display: none;
}

.align_labels p {
  margin-bottom: 0.5em
}


/* *************** generic *************** */
blockquote {
  padding-left: 20px;
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

table tr td {
  padding: 5px;
}

/* why no elft padding?  cus it doesnt line up with everything else! */
table {
  margin-left: -5px
}

.notu,
.admin_only,
.greeter_only,
.navbar .nav>li.admin_only,
.navbar .nav>li.greeter_only {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.dot {
  padding: 3px;
  color: #666;
}

.banner3 .dot,
.banner4 .dot {
  padding: 5px;
  visibility: hidden;
}

.bgap {
  margin-bottom: 0.5em;
}

.bbgap {
  margin-bottom: 1em;
}

.notop {
  margin-top: 0;
  padding-top: 0 !important;
}

.nobottom {
  margin-bottom: 0;
  padding-bottom: 0;
}


.pgap {
  padding-top: 0.5em !important;
}

.ppgap {
  padding-top: 1em !important;
}

.pppgap {
  padding-top: 2em !important;
}

.tgap {
  margin-top: 0.5em !important;
}

.ttgap,
.tgapp {
  margin-top: 1em !important;
}

.tttgap,
.tgappp {
  margin-top: 2em !important;
}


.clear {
  line-height: 1px;
  clear: both;
  overflow: hidden;
  height: 0%;
}

/* *************** lists *************** */

ul.nobull {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
}


ul.items,
ul.nitems,
ul.messages {
  list-style-type: none;
  padding: 0;
}

ul.items li,
ul.nitems li,
ul.user_list li,
ul.messages li {
  padding: 7px 0 7px 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}

ul.messages li {
  padding: 12px 0 12px 7px;
  position: relative;
  left: -7px;
}

/* only use -7left when doign alternation */
ul.alternate li,
ul.alternate_even li,
ul.with_odd li {
  padding: 7px;
  position: relative;
  left: -7px;
}

ul.items li:last-child,
ul.user_list li:last-child {
  border-bottom: 0;
}

/*overflow hidden causes some probs with this*/
ul.messages .others textarea {
  max-width: 405px;
}

.odd {
  color: black;
  background-color: #EEEEF9;

  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.odd .name_color {
  color: #000 !important;
}

.alternate .odd {
  border-top: 0;
}

.odd a:link,
.odd a:visited {
  color: #3273b5;
}

.odd .comment_by A:link,
.odd .comment_by A:active {
  color: #3273b5;
}

.comment {
  max-width: 554px;
  clear: left;
}

.comment .c_body {
  padding: 12px;
}

/*instead of 120w+12 padding, just make it 132w, lets max-size names fit.  hmm, i think i change smth else! */
.comment_by {
  float: left;
  width: 132px;
  /* 114 b4 */
  border-right: 1px solid #aaa;
  margin-right: 12px;
  padding: 12px;
  padding-right: 0;
}

.comment.odd .comment_by {
  border-color: #bbb;
}

.replies .comment {
  max-width: 525px;
}

.comment_list {
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

ul.comment_list li {
  padding-top: 0;
  padding-left: 10px;
  margin-left: -10px;
}

ul.replies {
  margin-left: 25px;
  padding-bottom: 0;
}

.messages {
  padding-left: 0;
  list-style-type: none;
}

.msgbody {
  display: table-cell;
  max-width: 491px;
}

/* why 455?  does it cause problems otherwise? if i could i'd just have the header info @ messages max-width, the body paragraphs still smaller */
.msgbody .info,
.msgbody .info .x a,
.msgbody .info a.hist {
  color: #888;
}

.msgbody .info {
  padding-bottom: 7px
}

/*removing padding b/c there's already ' * ' with the spaces?, at messages at least padding-left: 6px; */
.x {
  display: none;
}

.messages li.im {
  background-color: #f1f1f1;
  background-color: rgba(50, 50, 50, 0.05);
}

/* causing problems with IE.. what was the reason for doing this?  are short msgs stranger? */
/*.messages li { width: 100% }*/

.tprev {
  width: 99%;
  max-width: 515px;
  min-width: 400px;
  margin-top: 3px
}

.im_reply {
  display: none;
  float: right;
}

/* errors */
.notice,
.error,
.wizard {
  border: 1px solid #CCC;
  color: #000;
  padding: 6px 5px 6px 26px;
  margin-bottom: 10px;
}

.notice {
  background: #e6efc2;
  border-color: #178b39;
}

.error {
  background: #fbe3e4;
  border-color: #e74751;
}

.wizard {
  /*  background-color: #fefefe;
  background-color: rgba(255,255,255,0.6);*/
  /*  border-color: #c99;  */
  background-color: #EEF;
}

/*.sticky .x {
  float: right;
  display: block;
}*/


.error a {
  color: #8a1f11 !important;
}

.notice a {
  color: #106d0d !important;
}

#flash_here .error,
#flash_here .notice,
#flash_here .wizard {
  border-left: 0;
  border-right: 0;
  margin-left: -26px;
  margin-right: -26px;
  padding-left: 26px;
  margin-top: -11px;
}

form .error {
  position: relative;
  overflow: hidden;
  right: 26px;

  border-left: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 6px;
  margin-top: 5px;
  border: 1px solid #900 !important;
}

#updates_bottom {
  display: none;
  color: black;
  /*#2e70b2;*/
  border: 1px solid #000;
  border-right: 0;

  background-color: #ddd;
  padding: 6px 16px 5px 16px;
  height: 22px;

  cursor: pointer;
  margin-bottom: -5px;
  /*why?*/
  z-index: 40;
  position: fixed;
  bottom: 0;
  right: 0;
}

/* messages */
.others_old_dis {
  border-top: 1px dashed #999;
  margin-top: 8px;
  padding-top: 8px;
  overflow: hidden;
  clear: left;
}

.brief {
  font-style: italic;
  padding-top: 3px;
  font-size: 0.9em;
  overflow: hidden;
}

.clearf {
  zoom: 1;
}

.clearf:after {
  clear: both;
  content: "";
  display: block;
}


/* images.  CSS is served from a.allpoetry, so therefore so are relative urls.  this font file has some bugs that cause osx to see it bold, not sure about win. safari fixes avail but not FF. causes SSL errors still with the direct url, so goign back to relative URL?  oi forgota bout this nightmare, screw it
 */
@font-face {

  font-family: royal;
  src: url(/images/royal.eot );
  /* IE */
  src: url(/images/royal_grr.ttf ) format("truetype");
  font-weight: normal !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  /*  opacity: 0.99; not helping, arg*/
}

.avatar_f {
  font-size: 50px;
  line-height: 54px;
  font-weight: normal !important;
  margin-top: -5px;
  /*needed for comment/read_all*/
  /*margin-top: 14px;*/

  /* fix @font-face bold bug with safari/firefox. doesn't work though  */
  opacity: 0.7;
  /*-webkit-font-smoothing: antialiased;*/

  font-family: royal, "comic sans", helvetica, sans-serif;
}

ul.user_list li img {
  max-height: 40px;
  max-width: 40px;
  padding-right: 10px;
  float: right;
}

ul.user_list li .avatar {
  width: 41px;
}

img.avatar {
  max-width: 65px;
  max-height: 65px;
}

div.avatar {
  float: left;
  width: 79px;
  padding-top: 2px;
}

.comment_by div.avatar {
  float: none;
}

.items img.avatar,
.messages img.avatar {
  max-width: 50px;
  max-height: 54px;
  margin-top: -3px;
}

.items div.avatar,
.messages div.avatar {
  width: 58px;
}


ul.user_list li .avatar_f {
  font-size: 40px;
}

.avatar_tiny img.avatar {
  max-width: 35px;
  max-height: 38px;
  margin-top: -3px;
}

.avatar_tiny div.avatar {
  width: 45px;
  display: inline-block;
}

.avatar_tiny .avatar_f {
  font-size: 32px;
}


/*put it back for here, the userpic menu with char-avatar has probs*/
.dropdown-menu {
  -webkit-font-smoothing: subpixel-antialiased;
}


/*.msgbody .avatar_f {*/
.msgbody .avatar_f {}

/*is this needed everywhere?*/
.itembody .avatar_f {
  /*  padding-bottom: 5px;*/
  /*  margin-top: 9px;*/
}

/*
.banner .avatar_f {
  margin-top: -10px;
}
*/
/* thumbs */
/* @extend .nobull; */
ul.thumbs {
  list-style-type: none;
  padding: 0;
}

.thumb_label .pagination {
  padding: 0;
}

ul.thumbs li {
  width: 58px;
  height: 58px;
  margin: 0 8px 8px 0;
  padding: 0;
  float: left;
  cursor: pointer;
  border: 1px solid #999;
}

ul.thumbs li:hover,
ul.thumbs li.bg_chosen {
  border: 4px solid #2626B0;
  margin: -3px 5px 5px -3px;
}

ul.thumbs li.thumb_label {
  border: 0 !important;
  margin: 12px 0 0 0 !important;
  height: 35px;
  width: 99%;
  clear: both;
  border: 0;

}

.thumb_innner {
  height: 54px;
  margin: 0 11px 0 11px;
  padding: 2px;
  font-size: 11px;
  line-height: 12px;
}

.sidegap hr {
  border: 0;
  height: 1px;
  color: #ccc;
  background-color: #ccc;
  margin: 0;
  margin-left: -27px;
  margin-right: -12px;

  margin-bottom: 1em;
}

/* mnav = pop-up notifications */

#my_nav {
  display: none;
}

#mnav,
#my_nav {
  overflow: auto;
  /*  max-height: 600px;*/
  /* gets a bit off when there's a top-image.  avoiding this at all now, just scroll down the screen? */
  /*  max-height: 80%; */

  position: absolute;
  z-index: 20;
  /*  top: 58px; doesn't seem to be needed anymore with header4, strange... */

  /* 27 if inside #messages_span.  hmm, 63 -> 58 w/new css.  right 11 -> 26 */
  /* right:14px;  26 lines up.  liked 38 better but needs to line up? */
  right: -7px;

  margin: 0;
  padding: 0;
  /*  margin-right: -26px;*/
  margin-right: 6px;

  background-color: #F1F1F1;
  color: #000;
  border: 1px solid #aaa;
  /* 000 is better @ dark */
  /*  border-top:0; causes align problems*/
  /*  border-right:0;*/

  -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.7);
  text-align: left;

  max-width: 660px;
  min-width: 300px;
}

#messages:hover {
  background-color: #f1f1f1;
  border-color: #666;
}

#mnav ul.messages li {
  left: 0;
  padding-left: 23px;
}

#mnav .top_m {
  font-size: 19px;
  padding-top: 15px;
}

/*
.beta #mnav, .beta #mynav {
  top: 71px;
}
 */

.mark_as_read {
  margin-top: -6px;
  font-size: 15px;
}

#mnav .new_edge {
  border-top: 3px solid #666;
}

#mnav .reply_form {
  padding-bottom: 0;
}

/*#mnav ul {list-style-type: none; margin:0; padding: 0}*/
#mnav ul li {
  padding: 10px 29px 10px 29px;
  border-color: #aaa;
}

#mnav li.seen {
  background-color: #dfdfdf;
}

/* hide seen ones in the bottom 'new IM' notification */
#mnav.bottom .seen {
  display: none;
}

/*removing important! as it's causign havoc with my bootstrap buttons*/
#mnav a:link,
#mnav a:visited {
  color: #1D2D72;
}

#mnav a.name_color,
#mnav a.name_color:visited {
  color: #000 !important;
}

#mnav.bottom {
  position: fixed;
  top: auto;
  bottom: 29px;
  right: 26px;
  /*  else we can't see new messages */
  max-height: 600px;
}

#mnav .t {
  font-size: 19px;
  font-weight: bold;
}

#mnav .tprev {
  /*  width: 320px; why so small? */
  width: 435px;
  min-width: none;
}

/* WTF man this is causing serious probs, missed messages/etc, arg #mnav .others { display:none; }*/

.open #messages_num {
  display: none;
}

#updates_bottom.opened {
  background-color: #F1F1F1;
  padding: 6px 16px 5px 16px;

  border-right: 1px solid;
  margin-right: 31px;
  border-top: 1px solid #CCC;
}

/* needed anymore?  Hmm. */
.opened {
  position: relative;
  z-index: 30;
  background-color: #F1F1F1;
  padding: 6px;
  margin-left: -6px;
  margin-right: -6px;
  padding-bottom: 4px;

  border: 1px solid #aaa;
  border-bottom: 1px solid #F1F1F1;
}



/* no more mobile mode, pretty sweet.  do JS changes based on screen-width too. @media handheld, screen and (max-width: 500px) {*/
@media (max-width: 768px) {

  body {
    padding-left: 0 !important;
    background-position: -150px 0 !important;
    /*just on ljust, but ok all?*/
  }

  body .topics_table td {
    width: auto
  }

  body h1,
  body h2,
  body h3,
  body h4 {
    font-weight: bold
  }

  body h2 {
    font-size: 1em
  }

  body .messages .cmt_button,
  body .im_reply {
    display: inline;
  }

  body #flash_here .error,
  body #flash_here .notice {
    margin-right: -8px;
    margin-left: -8px;
  }

  body .mobile {
    display: inline
  }

  body div.mobile {
    display: block
  }

  body .not_mobile,
  body .mobile_toggle,
  body #chat_area_click,
  body .salute {
    display: none;
  }

  body .big_chat#chat_area_click {
    display: block
  }

  body #updates_bottom {
    display: none !important;
  }

  body span.mobile {
    display: inline;
  }

  body .col_middle {
    margin: 0;
    padding: 0;
    background-color: transparent
  }

  body .col_left,
  body .col_right,
  body .col_middle,
  body .left_half,
  body .right_half {
    width: 100%;
    padding-bottom: 20px;
    float: none;
    margin-left: 0
  }

  body .sidebar {
    float: none;
    border: 0;
    width: auto;
    margin-bottom: 12px;
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 24px;
    padding-top: 1px;
  }

  body .sidegap {
    margin-right: 0
  }

  body .navbar .nav {
    margin-right: 0
  }

  body .navbar .brand,
  .navbar .nav>li>a,
  body .navbar .nav>li>a:visited {
    padding-right: 3px;
    padding-left: 3px;
  }

  body #search2 {
    display: none
  }

  body .brand {
    margin-right: 0;
    left: 55px;
    top: -22px;
    padding: 0 !important;
    position: absolute;
  }

  body header .navbar .nav.pull-right {
    top: 0;
    right: 0;
    left: auto;
    position: absolute;
    float: none;
  }

  body header .kill_sides {
    padding: 0;
    margin: 0;
  }

  body header {
    padding-top: 30px;
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.5);
    /* faze doesn't doesn't cover enough*/
    margin-left: -8px;
    margin-right: -8px;
    /*border on h1?*/
    padding-left: 9px;
    padding-right: 0px;
  }

  body .outer,
  body footer {
    padding: 8px;
    padding-top: 0
  }

  body header .inner {
    background-image: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0
  }

  body section>h1.banner {
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 8px;
    padding-right: 0px;
  }

  body footer {
    background-image: none
  }

  body #item_edit,
  body #user_edit {
    max-height: 300px;
    max-width: '+w+' px !important;
  }

  body #logo2 {
    width: 110px;
    height: 23px;
    margin-top: -2px;
  }

  body #search2 {
    width: 55px;
  }

  body .tprev {
    min-width: 220px
  }

  .dfp {
    margin-left: -8px;
    margin-right: -8px
  }

  .message_tabs {
    margin-right: 0;
    padding: 0;
    height: auto
  }

  .message_tabs li a {
    padding-right: 7px;
    padding-left: 7px
  }

  /*.mobl iframe {width: 220px !important;} */
}






/* quick comment */
.fixed {
  position: fixed;
  bottom: 155px;
  right: 0px
}

#comment_area.fixed {
  background-color: #ddd;
  background-color: rgba(250, 250, 250, 0.9);
  color: #000;
  padding: 12px;
  padding-top: 0;
  padding-right: 24px;
  border: 1px solid #000;
  /* hmm, better @ dark */
  /*  margin-right: -11px;*/

  width: 305px;
}

#comment_area.fixed .x {
  display: inline;
}

#comment_area.fixed h3 {
  margin-top: 0 !important;
}

#comment_area.fixed a:link,
#comment_area.fixed a:visited {
  color: #000;
}

#comment_area.fixed .right {
  display: none;
}

#comment_area.fixed .applause {
  height: 55px;
}

/*disable for ipad/iphone, strange bugs */
/*@media (max-width: 767px) {
  #comment_area.fixed {position: static !important}
}
*/

.sub_item {
  position: relative;
  padding-bottom: 10px
}

.sub_item .sidebar {
  background-color: transparent;
  border: 0;
  padding-right: 26px;
}

/*when doing read_all and we have a left_sidebar*/
.right_content .sub_item .sidebar {
  padding-right: 0;
}


/*.msgbody .info {
  color: #888;
}

.msgbody .info .x a, .msgbody .info a.hist {
  color: #888;
}*/

.dark_text .outer,
footer.dark_text {
  -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.4);
}

.light_text .outer,
footer.light_text {
  -moz-box-shadow: 0 0 25px 0px rgba(180, 180, 180, 0.4);
  -webkit-box-shadow: 0 0 25px 0px rgba(180, 180, 180, 0.4);
  box-shadow: 0 0 25px 0px rgba(180, 180, 180, 0.4);
}

/* any reason to be div, ul li vs. just base element, sicne it should be inherited? */
.dark_text div,
.dark_text ul li,
.messages ul li .others {
  border-color: #ccc;
  border-color: rgba(50, 50, 50, 0.2);
}


.light_text div,
.light_text ul li {
  border-color: #888;
  border-color: rgba(250, 250, 250, 0.2);
}

.dark_text h1.no_banner {
  background-image: url(//allpoetry-classic.com/images/black6.png);
  background-color: rgba(0, 0, 0, 0.06);
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #333 !important;
  border-color: rgba(50, 50, 50, 0.2) !important;
}

.light_text h1.no_banner {
  border-top: 1px solid;
  border-bottom: 1px solid;

  background-image: url(//allpoetry-classic.com/images/white6.png);
  border-color: #bbb !important;

  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(250, 250, 250, 0.3) !important;
}


.ui-tabs .ui-tabs-nav li {
  border-bottom: 1px solid rgba(50, 50, 50, 0.2) !important;
}

.ui-tabs-nav {
  background-image: none !important;
  background-color: transparent !important;
  border-bottom: 0;
}

@-o-viewport {
  width: device-width;
}


/* will this screw up commenting? or just do it inisde .reply_form?  Hmm.*/
.cmt_button {
  float: right
}

.messages .cmt_button {
  display: none;
}

/*ugly when there are lot sof them, limit with :first?  why just odd vs. even? */
/*regular li padding is better: padding: 3px;  , .comment.odd.newer, .comment.even.newer */
.newer {
  border: 3px solid #000 !important;
  border-color: rgba(0, 0, 0, 1) !important;
}

/* smiley scrollbars */
.cke_dialog_ui_html {
  max-height: 470px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#my_nav {
  background-color: #EFEFEF;
  padding: 10px;
  padding-top: 10px;
  right: 7px;
}

#my_nav_alt {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #ccc;
  border-top: 0;
  border-right: 0;
  padding: 6px;
}

.login_button {
  position: relative;
  top: -2px;
}

/* fixes for shirt ordering with align_lables, will this break othes? */
.align_labels .error {
  position: inherit;
  display: inline;
  float: left;
  padding-right: 25px;
  margin-right: 20px;
}

.error ul {
  padding-bottom: 0;
}

.clap {
  height: 17px;
  width: 15px;
  margin-top: -5px;
}

/*what is this for?  its causing prbolems with inline applause,etc.*/
/*ul.items img {
  float: left;
  padding-right: 10px;
  max-height: 66px;
  margin-top: -3px;
}*/

/* fixes error message covering 'check, money order' */
.field_with_errors #billing_card_number {
  margin-bottom: 23px;
}



.beta input[type=submit] {
  margin-left: 2px;
  margin-right: 5px;
}

input[type='text'] {
  padding: 4px;
  margin-top: 0;
  padding-bottom: inherit;
}

/*ul.nav .sub_li {
padding-right: 17px;
padding-left: 21px;
margin-right: -29px;
padding-top: 7px;
padding-bottom: 7px;
border-top: 1px solid #aaa;
}*/

.left_sidebar ul.nav-list .sub_li a {
  padding: 0;
  margin: 0;
  display: inline;
  border: 0;
}


.left_sidebar .well.sidebar-nav {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

body.hidden_bg {
  color: black;
  background-color: #454F7E;
  background-image: none;
  padding-left: 0;
}

.hidden_bg .outer,
.hidden_bg .no_banner #footer {
  background-image: none;
  background-color: #ccc;
  border-left: 1px solid black;
  border-right: 1px solid black;
  /*  max-width: 876px !important;*/
}

.hidden_bg a:visited,
.hidden_bg a:link,
.hidden_bg a:active {
  color: #172C64;
}

.hidden_bg a.name_color {
  color: black !important
}

.hidden_bg #main,
.hidden_bg #header,
.hidden_bg #footer .outer {
  margin-left: 0px !important;
  width: auto !important;
}

/* -moz-box-shadow: 0 0 25px 0px rgba(255,255,255,0.7);  -webkit-box-shadow: 0 0 25px 0px rgba(255,255,255,0.7);  box-shadow: 0 0 25px 0px rgba(255,255,255,0.7);  */

/*stupid firefox sets placeholder text when we set normal text?.  and bootstrap, wf is with #555 default? */
input[type="text"],
textarea,
select,
.uneditable-input {
  color: #000
}

::-webkit-input-placeholder {
  color: #777;
}

:-moz-placeholder {
  color: #777;
}

:-ms-input-placeholder {
  color: #777;
}

.placeholder-text {
  color: #777;
}

/* look like its in a key */
kbd {
  white-space: nowrap;
  color: black;
  background: #EEE;
  border-style: solid;
  border-color: #CCC #AAA #888 #BBB;
  padding: 2px 6px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #ffffff inset;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px white inset;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px white inset;
  background-color: #FAFAFA;
  border-width: 1px 1px medium;
  color: #444;
  font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 5px;
}

#browse_list kbd {
  margin-right: 5px
}

#add_lists {
  margin-bottom: 22px;
  border-bottom: 1px solid #666;
}

/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ui-helper-clearfix {
  display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-clearfix {
  display: block;
}

/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}


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


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

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


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

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


/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(/stylesheets/jquery-ui-smoothness-images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(/stylesheets/jquery-ui-smoothness-images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(/stylesheets/jquery-ui-smoothness-images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(/stylesheets/jquery-ui-smoothness-images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(/stylesheets/jquery-ui-smoothness-images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(/stylesheets/jquery-ui-smoothness-images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(/stylesheets/jquery-ui-smoothness-images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

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

/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(/stylesheets/jquery-ui-smoothness-images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
  background-image: url(/stylesheets/jquery-ui-smoothness-images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(/stylesheets/jquery-ui-smoothness-images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(/stylesheets/jquery-ui-smoothness-images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(/stylesheets/jquery-ui-smoothness-images/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(/stylesheets/jquery-ui-smoothness-images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(/stylesheets/jquery-ui-smoothness-images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/stylesheets/jquery-ui-smoothness-images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}


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

/* Corner radius */
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ui-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ui-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(/stylesheets/jquery-ui-smoothness-images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(/stylesheets/jquery-ui-smoothness-images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/*
 * jQuery UI Resizable @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/*
 * jQuery UI Selectable @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/*
 * jQuery UI Autocomplete @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
  position: absolute;
  cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}

/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}

.ui-menu .ui-menu {
  margin-top: -3px;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

/*
 * jQuery UI Dialog @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .5em 1em .3em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .2em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/*
 * jQuery UI Slider @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*
 * jQuery UI Tabs @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

/* KEVIN: removed border-bottom.  border-bottom: 0 !important;  */
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

/*
 * jQuery UI Datepicker @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display
  /**/
  : block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}

@media (min-width: 768px) {
  .msg>img {
    position: absolute;
  }

  .grp_msg .m_header {
    margin: 0 0 10px 85px !important;
  }
}

.msg .group_toggle {
  display: none;
}

.msg .closed {
  min-height: 0;
  padding-bottom: 0;
}

.msg .closed .m_header {
  background-color: transparent !important;
}

.msg .closed .g_inner {
  display: none;
}

.msg .closed .thumb {
  zoom: 0.5;
}

.gm {
  min-height: 35px;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
}

.gm .thumb {
  margin-top: -4px;
}

.gm .avatar {
  display: none;
}

.gm iframe {
  max-width: 320px;
}

.gm:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.multi_msg>.hidden-xs>.thumb {
  border-top: 1px solid #ccc;
  margin-top: -7px;
}

@media (min-width: 768px) {
  .messages>div>.inner {
    margin-left: 85px;
  }
}

.messages-new .group_outer {
  min-height: 0;
  border: 1px solid rgba(204, 204, 204, 0.55);
  padding: 0;
  margin: 0 15px;
  max-width: 750px;
}

.messages-new .group_outer.closed {
  margin-left: 89px;
  max-width: 542px;
}

.messages-new .group_outer .others.inner {
  margin-left: 95px;
}

.messages-new .group_inner {
  padding: 15px;
  padding-bottom: 0;
}

.messages-new .gact_item {
  position: relative;
  padding-bottom: 15px;
}

.messages-new .gact_item .hidden-xs {
  position: relative;
  top: -12px;
  left: 0px;
}

body .messages div .m_header {
  padding: 6px;
  margin-left: -10px;
  margin-bottom: 0.5em;
  padding-left: 10px;
  background-color: rgba(0, 0, 0, 0.07);
}

.messages-new>div {
  padding: 15px;
  border-bottom: 0;
}

.messages-new>div.one_msg {
  border-top: 1px solid #ccc;
}

.messages-new>div .h-area {
  padding-top: 10px;
}

.messages-new>div .say_form {
  display: block;
  margin-right: 75px;
}

.messages-new>div .thumb {
  margin-top: -5px;
}

.messages-new>div .rate_inline {
  padding-left: 8px;
}

.messages-new>div .type_cmt:hover {
  cursor: alias;
}

.messages>div {
  clear: both;
  min-height: 86px;
  position: relative;
  padding: 10px 15px;
  border-color: rgba(81, 81, 81, 0.39);
}

.messages>div .hidden-xs>.thumb {
  position: absolute;
  top: 17px;
}

.messages>div .message_history,
.messages>div .dim {
  color: #91684c;
}

.messages>div .hover_only {
  visibility: hidden;
}

.messages>div:hover .hover_only {
  visibility: visible !important;
}

.messages>div:hover .hover_only .x {
  display: inline-block;
}

.messages>div .others>.o {
  clear: both;
  padding: 7px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  min-height: 39px;
}

.messages>div .others>.o:first-child .thumb {
  display: none;
}

.messages>div .others>.o:first-child .body {
  margin-left: 0;
}

.messages>div .others>.o:first-child.type_cmt .well {
  margin-left: 0;
}

.messages>div .others>.o:last-child {
  border-bottom: 0;
}

.messages>div .others>.o abbr {
  padding-left: 8px;
}

.messages>div .tprev {
  margin-top: 8px;
  margin-bottom: 3px;
}

.messages>div .well {
  margin: 10px 0;
}

.messages>div .cmt_button {
  display: none;
}

.messages>div .reply_form {
  text-align: right;
}

.messages>div .applause>img {
  width: 20px;
  height: 20px;
}

.messages>div abbr {
  font-size: 13px;
  color: #868686;
}

body #msg-window {
  z-index: 99;
  color: #141823;
  text-shadow: 0 1px 0 #f5e4d8;
  background-color: #f1e8d1 !important;
  max-width: 900px;
  position: absolute;
  right: -9999;
  top: 0;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-color: rgba(0, 0, 0, 0.2);
  margin-left: 45px;
  padding: 25px 25px 25px 25px;
  background-color: #f1f1f1 !important;
  /* max-width: 765px; */
  min-width: 50%;
  padding: 0px 25px 25px 25px;
  margin-left: 0;
  padding-left: 0;
  /* new convo */
}

body #msg-window a:link,
body #msg-window a:visited {
  color: #205b9c;
  text-shadow: none;
}

body #msg-window .nav-pills>li>a:link,
body #msg-window .nav-pills>li>a:visited {
  color: #141823;
  text-shadow: none;
}

body #msg-window .well {
  color: $dark_text;
  text-shadow: $dark_text_shadow;
}

body #msg-window .close_window {
  background-color: #2d2523;
  border-radius: 8px;
}

body #msg-window .close_window a,
body #msg-window .close_window a:visited {
  color: #f1e1df !important;
}

#modal_join,
#loading {
  display: none;
}

.icon_num {
  position: absolute;
  right: -1px;
  top: -1px;
}

.icon_num span {
  display: block;
  background-color: #c0311e;
  border: 1px solid #d83722;
  background: -webkit-linear-gradient(top, #fd3300, #c04747);
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  font-size: 11px;
  height: 14px;
  line-height: 14px;
  padding: 0 3px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid #c0311e;
  border-top: 1px solid #e23923;
  color: #fff;
}

.icon_num span.none {
  background: #666;
  border-color: #666;
  border-color: rgba(0, 0, 0, 0.4);
}

#msg-preview {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 9px 20px 2px 14px;
  cursor: pointer;
  color: #5e5c56;
  text-shadow: 0 1px 0 #f5e4d8;
  background-color: #f1e8d1 !important;
  border: 1px solid #ccc;
}

#msg-preview .x {
  padding: 7px;
  float: right;
  margin-right: -11px;
  margin-top: -7px;
}

html body textarea.closed {
  height: 2.2em !important;
  padding: 5px 10px;
  overflow: hidden;
}

.messages textarea {
  padding: 3px 5px;
}

.messages textarea.open {
  padding: 10px 10px;
}

@media (min-width: 768px) {
  .messages>div>.inner {
    margin-left: 85px;
  }
}

.messages-new .group_outer {
  min-height: 0;
  border: 1px solid rgba(204, 204, 204, 0.55);
  padding: 0;
  margin: 0 15px;
  max-width: 750px;
}

.messages-new .group_outer.closed {
  margin-left: 89px;
  max-width: 542px;
}

.messages-new .group_outer .others.inner {
  margin-left: 95px;
}

.messages-new .group_inner {
  padding: 15px;
  padding-bottom: 0;
}

.messages-new .gact_item {
  position: relative;
  padding-bottom: 15px;
}

.messages-new .gact_item .hidden-xs {
  position: relative;
  top: -12px;
  left: 0px;
}

body .messages div .m_header {
  padding: 6px;
  margin-left: -10px;
  margin-bottom: 0.5em;
  padding-left: 10px;
  background-color: rgba(0, 0, 0, 0.07);
}

.messages-new>div {
  padding: 15px;
  border-bottom: 0;
}

.messages-new>div.one_msg {
  border-top: 1px solid #ccc;
}

.messages-new>div .h-area {
  padding-top: 10px;
}

.messages-new>div .say_form {
  display: block;
  margin-right: 75px;
}

.messages-new>div .thumb {
  margin-top: -5px;
}

.messages-new>div .rate_inline {
  padding-left: 8px;
}

.messages-new>div .type_cmt:hover {
  cursor: alias;
}

.messages>div {
  clear: both;
  min-height: 86px;
  position: relative;
  padding: 10px 15px;
  border-color: rgba(81, 81, 81, 0.39);
}

.messages>div .hidden-xs>.thumb {
  position: absolute;
  top: 17px;
}

.messages>div .message_history,
.messages>div .dim {
  color: #91684c;
}

.messages>div .hover_only {
  visibility: hidden;
}

.messages>div:hover .hover_only {
  visibility: visible;
}

.messages>div .others>.o {
  clear: both;
  padding: 7px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  min-height: 39px;
}

.messages>div .others>.o:first-child .thumb {
  display: none;
}

.messages>div .others>.o:first-child .body {
  margin-left: 0;
}

.messages>div .others>.o:first-child.type_cmt .well {
  margin-left: 0;
}

.messages>div .others>.o:last-child {
  border-bottom: 0;
}

.messages>div .others>.o abbr {
  padding-left: 8px;
}

.messages>div .tprev {
  margin-top: 8px;
  margin-bottom: 3px;
}

.messages>div .well {
  margin: 10px 0;
}

.messages>div .cmt_button {
  display: none;
}

.messages>div .reply_form {
  text-align: right;
}

.messages>div .applause>img {
  width: 20px;
  height: 20px;
}

.messages>div abbr {
  font-size: 13px;
  color: #868686;
}

#msg-new {
  border-bottom: 5px solid #aaa;
  margin-bottom: 52px;
  padding-bottom: 22px;
}

.o {
  position: relative;
  padding: 8px 0;
  min-height: 24px;
}

.o>.inner {
  margin-left: 42px;
}

img.media-figure {
  border-radius: 8px;
  /* position: absolute; */
}

abbr {
  text-decoration: none;
}

/* @override http://localhost:3000/stylesheets/plugins.css */

/* ****************************  PLUGINS  ****************************  */



/* dropdowns on hover */

ul.nav li.dropdown:hover ul.dropdown-menu {
  display: block;
}

.navbar .dropdown-menu {
  margin-top: 0px;
}


/* subscription table  - treating as a plugin since i dont mess with it */

table.signup {
  margin: 5px 0;
  padding: 0px;
  border: 2px solid #444;
}

table.signup tr {
  /*padding-top: 15px;*/
  margin: 10px;
}

table.signup th img {
  margin-top: 3px;
  background-color: #fff;
  border: none;
}

table.signup small {
  color: #999;
}

table.signup th,
table.signup th.personal {
  font-size: 16px;
  padding: 3px 7px 3px 7px;
  text-align: center;
  vertical-align: bottom;
  border-bottom: 1px solid #999;
  border-right: 1px solid #E3DFDF;
  border-left: 1px solid #E3DFDF;
}

table.signup th.biz {
  background-image: url(/images/topfadepurple.gif);
  background-repeat: repeat-x;
  font-size: 22px;
}

table.signup th.personal {
  font-size: 12px;
}

table.signup th.details {
  font-size: 10px;
  color: #666;
  text-align: right;
  font-weight: normal;
}

table.signup th.details strong {
  color: #000;
}

table.signup th.personal span {
  font-weight: normal;
}

table.signup td.select {
  font-size: 10px;
  font-weight: bold;
  background-color: #ffc;
}

table.signup td.shaded {
  background-color: #ffc;
}

table.signup td.projectnumber {
  font-size: 14px;
}

table.signup td.bigend,
table.signup th.bigend {
  border-right: 2px solid #0c0;
}

/* this is for the samll numbers */
table.signup td {
  border-bottom: 1px solid #E3DFDF;
  padding: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;

  border-right: 1px solid #E3DFDF;
  border-left: 1px solid #E3DFDF;
  text-align: center;
}

table.signup th div {
  text-align: center;
}

table.costmatrix td {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
}

table.signup td.smallnumber {
  font-size: 9px;
}

table.signup td.banner {
  background-color: #333;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
}

table.signup td.plancatper,
table.signup td.plancatbiz {
  background-color: #fff;
  font-size: 12px;
  font-weight: bold;
}

table.signup td.plancatbiz {
  background-color: #cfc;
  border-bottom: 1px solid #0c0;
}

table.signup td.item {
  text-align: right;
  vertical-align: top;
  font-size: 13px;
  /* used to be 11. border-right: 1px solid #ccc;*/

  white-space: nowrap;
  margin-right: 12px;
  padding-right: 8px;

}

table.signup span.price {
  font-size: 12px;
  color: #f60;
  letter-spacing: -0.5px;
  margin-bottom: 2px;
}

table.signup .topstoreline {
  border-top: 1px solid #999;
  padding-top: 10px;
}

.payment_option {
  font-size: 16px;
}

/* **************************  http://www.pageaffairs.com/web/css/containing-floats/ */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  font-size: 0;
}

/*.clearfix {display: inline-block;}
*/
/* jquery autocomplete */
.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
  line-height: 16px;
  overflow: hidden;
}

.ac_loading {
  background: white url('/images/wait.gif') right center no-repeat;
}

.ac_odd {
  background-color: #eee;
}

.ac_over {
  background-color: #0A246A;
  color: white;
}


/* jquery styledselect */
.styledSelect {
  width: 202px;
  font-size: 14px;
  height: 22px;
  margin: 0;
  padding: 0;
  position: relative;
  background: #FFF url(/images/styled_select.png) top left no-repeat;
}

.styledSelect ul {
  list-style: none;
  padding: 1px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.styledSelect.open ul {
  border: 1px solid #069;
  padding: 0px;
}

.styledSelect ul li {
  font-family: sans-serif;
  margin: 0;
  padding: 2px 25px 3px 10px;
  display: block;
}

.styledSelect.open ul li {
  background-color: #FFF;
}

.styledSelect.open ul li.selected {
  background-color: #A4D9F9;
}

.styledSelect.open ul li:hover {
  background-color: #EEE;
}

/* jquery timestamps */
abbr,
acronym {
  font-size: 100%;
  text-transform: none;
  letter-spacing: inherit;
}

abbr[title],
acronym[title],
dfn[title] {
  border: 0;
  cursor: auto;
}

.placeholder {
  color: #aaa;
}

/* for acts as taggable helper */

.hTagcloud .popularity {
  margin: 0;
  padding: 0;
}

.hTagcloud .popularity li {
  display: inline;
  text-decoration: none;
}

.hTagcloud .popularity .popular {
  font-size: 1em;
}

.hTagcloud .popularity .v-popular {
  font-size: 1.2em;
}

.hTagcloud .popularity .vv-popular {
  font-size: 1.4em;
}

.hTagcloud .popularity .vvv-popular {
  font-size: 1.6em;
}

.hTagcloud .popularity .vvvv-popular {
  font-size: 1.8em;
}

/*  will_paginate apple style */

p.pageinfo {
  padding-top: 1em;
}

/*.pageinfo {font-weight: bold;}*/

.pagination {
  /*  background: #f1f1f1;
  border: 1px solid #e5e5e5;*/
  padding: 1em;
  text-align: center;
}

.pagination a,
.pagination span {
  padding: 0.2em 0.3em;
}

.digg_pagination em {
  padding: 0.2em 0.3em;
}

.pagination span.disabled {
  color: #aaaaaa;
}

.pagination em {
  /* was supposed to go to edges of screen but isn't?*/
  /*background: transparent url(/images/apple-circle.gif) no-repeat 50% 50%;*/
  font-weight: normal;
  font-style: normal;
}

.pagination a {
  color: black;
  text-decoration: none;
}

.pagination a:hover,
.pagination a:focus {
  text-decoration: underline;
}

/* drop menus, maybe killing.  right click menus = 500 */

#dropmenudiv {
  color: black;
  Z-INDEX: 450;
  position: absolute;
  border: 1px solid #222;
  visibility: hidden;
  background-color: #EFEFEF;
}

#dropmenudiv a:link,
#dropmenudiv a:visited {
  display: block;
  padding: 4px;
  border-bottom: 1px solid #cccccc;
  color: #2e70b2;
  /*padding-left: 14px; */
}

#dropmenudiv a.in {
  display: inline
}

#dropmenudiv a:hover {
  background-color: #ddddee;
  text-decoration: none;
}


/*   COLOR SELECT  http://www.daltonlp.com/view/174 */
.color_select_icon {
  border: outset 2px;
  line-height: 18px;
  height: 18px;
  width: 20px;
  margin: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(color_select_icon.jpg);
}

.color_select_icon:active {
  border: inset 2px;
}

.color_select_box {
  position: absolute;
  width: 290px;
  line-height: 290px;
  border: outset 2px;
  background-color: #cccccc;
  padding: 2px;
  z-index: 100000;
}

.sv_select_box_bg {
  width: 256px;
  line-height: 256px;
  border: solid 1px #000;
  padding: 0px;
  float: left;
}

.sv_select_box {
  width: 256px;
  line-height: 256px;
  border: solid 0px #000;
  padding: 0px;
  float: left;
  /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='sv_blend.png');
}

/* IE ignores css styles with [attributes], so it will skip the following. */
.sv_select_box[class] {
  background: url(sv_blend.png) top left no-repeat;
}

.h_select_box {
  width: 20px;
  height: 256px;
  line-height: 256px;
  border: solid 1px #000;
  padding: 0px;
  margin: 0px;
  margin-left: 5px;
  float: left;
  background-image: url(hue_blend.png);
}

.hue_cursor {
  position: absolute;
  border: solid 1px #000;
  height: 2px;
  line-height: 2px;
  width: 22px;
  padding: 0px;
  margin-left: -2px;
}

.sv_crosshair_horiz_cursor {
  position: absolute;
  border: solid 0px #000;
  border-top-width: 1px;
  background-color: transparent;
  height: 0px;
  line-height: 0px;
  width: 257px;
  padding: 0px;
}

.sv_crosshair_vert_cursor {
  position: absolute;
  border: solid 0px #000;
  background-color: #000;
  height: 257px;
  _margin-top: -257px;
  /* Needed because IE sucks */
  width: 1px;
  padding: 0px;
}

.sv_crosshair_center_cursor {
  position: absolute;
  border: solid 1px #000;
  background-color: #ffffff;
  height: 7px;
  line-height: 7px;
  width: 7px;
  padding: 0px;
  z-index: 100002;
}

.color_box {
  float: left;
  clear: left;
  margin-top: 5px;
  border: solid 1px #000;
  width: 256px;
  height: 20px;
  line-height: 30px;
}

.color_value_box {
  float: right;
  border: solid 1px #000;
  margin: 2px;
  vertical-align: middle;
  padding-left: 2px;
  height: 15px;
  line-height: 15px;
  font-family: courier, fixed;
  font-size: 8pt;
  background-color: #ffffff;
  width: 11ex;
}

.ok_button {
  float: right;
  text-align: center;
  vertical-align: middle;
  border: outset 1px #000;
  margin-top: 5px;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-family: helvetica, sans-serif;
  font-size: 8pt;
  cursor: pointer;
  cursor: hand;
}

/*! qTip2 - Pretty powerful tooltips - v2.0.0 - 2012-07-24
* http://craigsworks.com/projects/qtip2/
* Copyright (c) 2012 Craig Michael Thompson; Licensed MIT, GPL */

/* Core qTip styles */
.ui-tooltip,
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;

  max-width: 280px;
  min-width: 50px;

  font-size: 10.5px;
  line-height: 12px;

  border-width: 1px;
  border-style: solid;
}

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid {
  display: block;
  visibility: hidden;
  position: static !important;
  float: left !important;
}

.ui-tooltip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;

  text-align: left;
  word-wrap: break-word;
}

.ui-tooltip-titlebar {
  position: relative;
  min-height: 14px;
  padding: 5px 35px 5px 10px;
  overflow: hidden;

  border-width: 0 0 1px;
  font-weight: bold;
}

.ui-tooltip-titlebar+.ui-tooltip-content {
  border-top-width: 0 !important;
}

/* Default close button class */
.ui-tooltip-titlebar .ui-state-default {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -9px;

  cursor: pointer;
  outline: medium none;

  border-width: 1px;
  border-style: solid;
}

* html .ui-tooltip-titlebar .ui-state-default {
  top: 16px;
}

/* IE fix */

.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.ui-tooltip-icon,
.ui-tooltip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.ui-tooltip-icon .ui-icon {
  width: 18px;
  height: 14px;

  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;

  color: inherit;
  background: transparent none no-repeat -100em -100em;
}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus {}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover {}

/* Default tooltip style */
.ui-tooltip-default {
  border-color: #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.ui-tooltip-default .ui-tooltip-titlebar {
  background-color: #FFEF93;
}

.ui-tooltip-default .ui-tooltip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
  border-color: #AAA;
  color: #111;
}


/* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-tipsy,
.ui-tooltip-bootstrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* Youtube tooltip style */
.ui-tooltip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;

  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;

  color: white;
  border-width: 0;

  background: #4A4A4A;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black));
  background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%);
}

.ui-tooltip-youtube .ui-tooltip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0, 0, 0, 0);
}

.ui-tooltip-youtube .ui-tooltip-content {
  padding: .75em;
  font: 12px arial, sans-serif;

  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.ui-tooltip-youtube .ui-tooltip-icon {
  border-color: #222;
}

.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-linear-gradient(top, #717171, #232323);
  background-image: -ms-linear-gradient(top, #717171, #232323);
  background-image: -o-linear-gradient(top, #717171, #232323);

  border: 2px solid #ddd;
  border: 2px solid rgba(241, 241, 241, 1);

  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;

  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}

/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.ui-tooltip-jtools .ui-tooltip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.ui-tooltip-jtools .ui-tooltip-titlebar,
.ui-tooltip-jtools .ui-tooltip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}

.ui-tooltip-jtools .ui-tooltip-icon {
  border-color: #555;
}

.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
  border-color: #333;
}


/* Cluetip style */
.ui-tooltip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-titlebar {
  background-color: #87876A;
  color: white;
  border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-icon {
  border-color: #808064;
}

.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}


/* Tipsy style */
.ui-tooltip-tipsy {
  background: black;
  background: rgba(0, 0, 0, .87);

  color: white;
  border: 0 solid transparent;

  font-size: 11px;
  font-family: 'Lucida Grande', sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px black;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar {
  padding: 6px 35px 0 10;
  background-color: transparent;
}

.ui-tooltip-tipsy .ui-tooltip-content {
  padding: 6px 10;
}

.ui-tooltip-tipsy .ui-tooltip-icon {
  border-color: #222;
  text-shadow: none;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}


/* Tipped style */
.ui-tooltip-tipped {
  border: 3px solid #959FA9;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

  background-color: #F9F9F9;
  color: #454545;

  font-weight: normal;
  font-family: serif;
}

.ui-tooltip-tipped .ui-tooltip-titlebar {
  border-bottom-width: 0;

  color: white;
  background: #3A79B8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}

.ui-tooltip-tipped .ui-tooltip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.ui-tooltip-bootstrap {
  font-size: 13px;
  line-height: 18px;

  color: #333333;
  background-color: #ffffff;


  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);

  *border-right-width: 2px;
  *border-bottom-width: 2px;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.ui-tooltip-bootstrap .ui-tooltip-titlebar {
  font-size: 18px;
  line-height: 22px;

  border-bottom: 1px solid #ccc;
  background-color: transparent;
}

.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default {
  right: 9px;
  top: 49%;
  border-style: none;
}

.ui-tooltip-bootstrap .ui-tooltip-icon {
  background: white;
}

.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}


/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
  filter: none;
  -ms-filter: none;
}


/* Tips plugin */
.ui-tooltip .ui-tooltip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip * {
  position: absolute;

  line-height: 0.1px !important;
  font-size: 0.1px !important;
  color: #123456;

  background: transparent;
  border: 0 dashed transparent;
}

.ui-tooltip .ui-tooltip-tip canvas {
  top: 0;
  left: 0;
}



/* Modal plugin */
#qtip-overlay {
  position: fixed;
  left: -10000em;
  top: -10000em;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  background-color: black;

  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* @override 
	http://localhost:3001/stylesheets/print.css?1282434170
	http://localhost:3001/stylesheets/print.css?1297193077
*/

/* hide the sidebar, background, reset the text colors,etc for printing.  lots of !important definitions I expect to get around custom coloring */


@media print {
  .lower_by_user {
    display: block;
  }

  /* what to hide?  sidebar doesn't always make sense to hide.. will it be wide enough? .comment_list .sidebar*/
  header .inner,
  .title_link,
  #comment_area,
  #footer,
  #updates_bottom {
    display: none !important;
  }

  /*  combine?*/
  body {
    background-color: #FFF;
    color: #000;
    background-image: none;
    margin-left: 0 !important;
    width: auto;
  }

  .outer {
    background-color: #FFF;
    color: #000;
    background-image: none;
    border: 0;
    max-width: none;
  }

  a.name_color,
  a:link,
  a:active,
  a:visited {
    color: black !important;
  }

  /*   max-width: 876px !important; */


  /*  -moz-box-shadow: 0 0 25px 0px rgba(255,255,255,0.7);  
  -webkit-box-shadow: 0 0 25px 0px rgba(255,255,255,0.7);  
  box-shadow: 0 0 25px 0px rgba(255,255,255,0.7);*/

  h1.banner span {
    margin-right: 0
  }

  /*.comment {max-width: none}*/
  .sidebar {
    float: none;
    margin: 0 auto 0 auto;
  }

  .sidebar>* {
    display: none
  }

  .sidebar ul.user_info {
    display: block !important;
  }

  .sidegap {
    margin-right: 0
  }

  #updates_bottom {
    display: none
  }
}

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.

*/