/*#sheet { background: url(images/column.png) !important; } #main > div { background: url(images/column.png); } #box > div > div { background: url(images/column.png); }*/

/*body.public { background: url(images/column.png) !important; }*/

/*div.intro { background: url(images/column.png) -27px 0; }*/

/*

Grid is based on 9px square units, 18px baseline grid with 13px default font size, 108px wide colums with 27px gutter.

We’re supporting the most recent versions of Google Chrome, Firefox and Safari, and Internet Explorer from version 8.

*/

*
{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body
{
  -webkit-text-size-adjust: 100%;
}
a, input, button
{
  outline: none;
}
body, ul, ol, li, p, h1, h2, h3, h4
{
  margin: 0;
  padding: 0;
}
abbr, article, aside, figure, footer, header, hgroup, nav, section
{
  display: block;
}
li
{
  list-style-type: none;
}
img
{
  border: none;
}
span.premium {color: orange;}
#topbar ul:after,
#logo:after,
#topbar > div:after,
ul.nav:after,
div.job div.stats > div:after,
div.quote div.stats > div:after,
div.job:after,
div.quote:after
{
  content: "";
  display: block;
  clear: both;
}

a
{
  color: rgb(10,95,148);
}
a:hover
{
  color: rgb(9,85,133);
}
a:active
{
  color: rgb(35,111,159);
}
#topbar a,
footer a
{
  color: rgb(240,240,248);
  color: rgba(255,255,255,0.9);
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}
#topbar li a
{
  position: relative;
}
#topbar li a:hover,
footer li a:hover
{
  color: rgb(255,255,255);
  text-shadow: none;
}
body.public #topbar li a:hover,
body.modal #topbar li a:hover,
footer li a:hover
{
  text-decoration: underline;
}
#topbar li.current a span
{
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 30px;
  height: 10px;
  margin: 0 0 0 -15px;
  background: url(images/sprite.png) -340px -65px no-repeat;
}
#topbar li.highlight {font-size: 14px; font-weight: bold}
a.redo,
a.next,
a.previous
{
  color: rgb(128, 129, 132);
  text-decoration: none;
}
a.redo:hover,
a.next:hover,
a.previous:hover
{
  color: rgb(140, 142, 148);
}
a.next:after
{
  content: ' →';
}
a.previous:before
{
  content: '← ';
}
a.redo:before
{
  content: '☁ ';
}

body
{
  background-color: #fff;
}
body.public
{
  background: url(images/home-paper.png) left top repeat-x;
}
body.public #container
{
  background: url(images/home-background.png) 50% top no-repeat;
}
body.application
{
  background-color: #f4f6f8;
}
body.modal
{
  background: url(images/paper.png);
}
body, input, textarea
{
  font: 13px/18px "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

h1, body.public #logo h2 {
  position: relative;
  top: 3px;
  font-size: 19px;
  line-height: 27px;
  font-weight: bold;
  color: rgb(102,102,110);
  color: rgba(0,0,8,0.6);
}
h2, div.job h3 {
  font-size: 14px;
  line-height: 18px;
  color: rgb(102,102,110);
  color: rgba(0,0,8,0.6);
  font-weight: bold;
  padding-top: 0;
}
h3 {
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
}
.job h1, .job h1 a, h3, h3 a {
  color: rgb(102,102,110);
  color: rgba(0,0,8,0.6);
  text-decoration: none;
}
.job h1 a:hover, h3 a:hover {
  color: rgb(58,58,66);
  color: rgba(0,0,8,0.8);
}
.job h1 { margin-bottom: 10px; }

p.small {
  font-size: 10px;
  line-height: 12px;
}

hr
{
  border: none;
  height: 1px;
  background-color: #e0e0e6;
  margin: 18px 0 18px 0;
}

p.empty
{
  margin: 9px 0;
  color: rgb(120,120,120);
  color: rgba(0,0,0,0.53);
  font-style: italic;
}

strong
{
  color: rgb(25,25,25);
  color: rgba(0,0,0,0.9);
}

body,
html
{
  height: 100%;
}
#container
{
  position: relative;
  min-height: 100%;
}

#topbar
{
  background: url(images/shadow-bottom.png) left bottom repeat-x;
  background-color: rgb(10,95,148)
}
#topbar > div
{
  position: relative;
  width: 975px;
  margin: 0 auto;
  padding: 0 27px;
}
body.public #topbar > div
{
  width: 977px;
  padding: 3px 0;
}
body.modal #topbar > div
{
  width: 621px;
  padding: 3px 27px 3px 0;
}
#topbar ul
{
  margin: 0 -9px;
}
#topbar li
{
  float: right;
}
#topbar li a
{
  display: block;
  padding: 4px 9px 5px 9px;
}
#topbar li.info
{
  color: rgb(135,135,135);
  color: rgba(255,255,255,0.53);
  padding: 4px 9px 5px 9px;
}

#topbar li.cta { padding: 2px 0 0 10px }
#topbar li.cta label { color: white; }

#top
{
  position: relative;
  width: 980px;
  height: 58px;
  border-top: 1px solid #fff;
  margin: 0 auto;
  text-shadow: 0 1px 0 rgb(255,255,255);
}
#top p.numbers
{
  margin: 22px 0 0 0;
  color: rgb(4,30,46);
  color: rgba(5,48,76,0.6);
  font: 14px/18px handwriting;
}
#top p.call_to_action
{
  position: absolute;
  bottom: 5px;
  right: 0;
  color: rgb(58,58,66);
  color: rgba(0,0,8,0.8);
}
#top p a
{
  text-decoration: none;
}
#top p a:hover
{
  text-decoration: underline;
  text-shadow: none;
}

#sheet
{
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 4px 27px 0 27px;
  background: #fff;
}

#call_to_action > div
{
  position: absolute;
  top: 135px;
  left: 384px;
  height: 350px;
  margin-left: 50px;
  color: rgba(0, 0, 8, 0.6);
}

#call_to_action > div > .btn
{
  margin-left: 25%;
  margin-top: 10px;
}

#call_to_action > div > h3
{
  font-size: 25px;
  line-height: normal;
}

#call_to_action > div > ul
{
  padding-top: 25px;
  line-height: 180%;
}

#call_to_action > div > ul > li
{
  font-size: 14px;

}

#call_to_action > div > form { margin-top: 30px; padding: 15px; }

#call_to_action > div > form, .pagination, section.companies #dropdown_cta {
  background: rgba(214, 232, 247, 0.6);
  border: 1px solid rgba(10, 95, 148, 0.2);
}

#call_to_action .jobTypeReference input.submit, 
.search-box input[type=submit],
.companies #keyword_filter input[type=submit] {
  color: white;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  background-color: #0a5f94;
  border: none;
  margin-left: 20px;
  cursor: pointer;
  border-radius: 5px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.jobTypeReference input.submit {
  color: black;
}

#badge
{
  position: fixed;
  right: 50%;
  top: 0;
  z-index: 99;
}
#badge a
{
  position: absolute;
  left: 420px;
  top: 162px;
  display: block;
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;
}
#badge img
{
  display: block;
}
#badge span
{
  display: block;
  margin: -11px 0 0 81px;
  color: rgb(178,178,186);
  color: rgba(0,0,8,0.3);
}
#badge a:hover span
{
  text-decoration: underline;
  color: rgb(128,128,136);
  color: rgba(0,0,8,0.5);
}
body.ios #badge
{
  z-index: 99;
  position: absolute;
  right: -68px;
  top: 54px;
  width: 117px;
  height: 162px;
  overflow: hidden;
}
body.ios #badge a
{
  position: static;
  top: 54px;
}
body.ios #badge span
{
  font-size: 9px;
  line-height: 11px;
  margin: -11px 0 0 72px;
}

body.public #logo
{
  position: relative;
  padding: 18px 0;
/*  outline: 1px dashed red;*/
}
body.public #logo a {
  width: 165px;
  height: 65px;
  margin: 0 27px 0 0;
  text-indent: -9999px;
  background: url(images/small_logo.jpg) 0 3px no-repeat;
  display: block;
}
body.public #logo h2
{
  position: absolute;
  left: 190px;
  top: auto;
  bottom: 24px;
}
body.application #logo,
body.modal #logo
{
  z-index: 2;
  position: absolute;
  left: 0;
  top: 6px;
  width: 162px;
  height: 63px;
  background: url(images/tinylogo.png) left top repeat-x;
  text-indent: -9999px;
/*  outline: 1px dashed red;*/
}
body.application #logo a,
body.modal #logo a
{
  display: block;
  position: absolute;
  left: 18px;
  top: 0;
  width: 126px;
  height: 63px;
}

#main > div
{
  position: relative;
  padding: 49px 27px 18px 27px;
  width: 1029px;
  margin: 0 auto;
}

#main div.primary
{
  float: left;
  width: 648px;
}
#main div.secondary
{
  float: left;
  width: 300px;
  margin: 0 0 0 27px;
  color: #666;
}

#main div.secondary > div
{
  margin: 4px 0 0 0;
  padding: 4px 8px 5px 8px;
  border: 1px solid rgb(182,208,227);
  border: 1px solid rgba(10,95,148,0.2);
  background: rgb(225,237,247);
  background: rgba(214,232,247,0.6);
}
#main .secondary > div.addbox
{
  background: #f4f6f8;
  border: none;
  padding: 0px 0px 0px 0px;
}
#main div.secondary > div + div
{
  margin: 7px 0 0 0;
}
#main div.secondary > div h2
{
  margin: -4px -8px 14px -8px;
  padding: 4px 8px 4px 8px;
  background: rgb(203,222,237);
  background: rgba(10,95,148,0.1);
  color: rgb(10,95,148);
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
  font-weight: normal;
  text-align: center;
}
#main div.secondary p
{
  margin: 9px 0;
}
#main div.secondary p.premium {float: left}

body.modal #box 
{
  padding: 81px 0 36px 0;
}
body.modal #box > div
{
  margin: 0 auto;
  position: relative;
  padding: 27px 27px 0 27px;
  width: 621px;
  background: url(images/box-background.png) left top no-repeat;
}
body.modal #box > div:after
{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -54px;
  height: 54px;
  background: url(images/box-background.png) left bottom no-repeat;
}
body.modal #box > div > div
{
  padding: 22px 27px 8px 27px;
}
body.modal #box h1
{
  margin: 0 0 18px 0;
}
body.modal #box h1 + p  /* TODO */
{
  margin: 18px 0;
}

ul.nav li
{
  float: left;
}
ul.nav li+li
{
  margin-left: 18px;
}
ul.nav li a
{
/*  color: #c0c0c4;*/
  text-decoration: none;
}
ul.nav li a:hover
{
  text-decoration: underline;
}

footer
{
  position: absolute;
  bottom: 0;
  width: 100%;
}
footer.bottom
{
  position: absolute;
  bottom: 0;
}
body.public footer
{
  margin: 27px 0 0 0;
  background: url(images/shadow-top.png) left top repeat-x;
  background-color: rgb(10,95,148);
  background: url(images/shadow-top.png) left top repeat-x, -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.15))), rgb(10,95,148);
  background: url(images/shadow-top.png) left top repeat-x, -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.15)), rgb(10,95,148);
}
body.application footer
{
  background: #eee url(images/shadow-top.png) left top repeat-x;
  background: url(images/shadow-top.png) left top repeat-x, url(images/paper.png);
}
footer > div
{
  width: 933px;
  margin: 0 auto;
}
footer ul
{
  padding: 18px 0;
  width: 243px;
  width: 108px;
  float: left;
}
footer ul.wide { width: 155px }
footer ul + ul
{
  margin: 0 0 0 27px;
}
footer ul a
{
  display: block;
}
footer > div > div
{
  float: left;
  width: 357px;
  padding: 18px 0;
  color: rgb(178,178,178);
  color: rgba(0,0,0,0.3);
}
body.public footer > div > div
{
  color: rgb(157,190,211);
  color: rgba(255,255,255,0.6);
}
body.public footer > div > div b
{
  color: rgb(240,240,248);
  color: rgba(255,255,255,0.8);
}

footer p.copyright
{
  clear: both;
  padding: 9px 0;
  text-align: center;
  color: rgb(166,166,174);
  color: rgba(0,0,8,0.35);
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
body.public footer p.copyright
{
  color: rgb(18,44,64);
  color: rgba(0,0,8,0.6);
  text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

#bottom
{
  margin: 36px 0 0 0;
}
div.columns
{
  margin: 27px 0;
}
div.columns div.press
{
  float: left;
  width: 583px;
  color: rgba(0,0,8,0.4);
  padding-left: 50px;
/*  outline: 1px dashed red;*/
}
div.columns div.press b
{
  color: rgb(102,102,110);
  color: rgba(0,0,8,0.6);
}
div.columns div.join
{
  float: left;
  width: 243px;
  margin: 0 0 0 27px;
  color: rgb(102,102,110);
  color: rgba(0,0,8,0.6);
/*  outline: 1px dashed red;*/
}
div.columns div.join li
{
  margin: 9px 0;
/*  list-style-type: decimal;
  list-style-position: inside;*/
}
div.columns div.join div
{
  margin: 9px 0 0 0;
  float: left;
  width: 100%;
}
div.columns div.join div .button span.middle
{
  width: 224px;
}
div.columns div.join p
{
  padding: 18px 0 0 0;
}
div.columns div.press div
{
  display: block;
  float: left;
  width: 54px;
  height: 54px;
  margin: 0 0 0 27px;
  background-image: url(images/press-logos.png);
/*  outline: 1px dashed red;*/
}
div.columns div.press div + div
{
  margin: 0 0 0 81px;
}
div.columns div.press div.first  { background-position: 0 0; }
div.columns div.press div.second { background-position: -60px 0; }
div.columns div.press div.third  { background-position: -120px 0; }
div.columns div.press div.fourth  { background-position: -180px 0; }
div.columns div.press p
{
  clear: both;
  padding: 9px 0 0 0;
  margin: 0 0 18px 0;
  text-align: center;
}
div.columns div.press h2,
div.columns div.press li
{
  font-size: 16px;
  line-height: 27px;
  font-weight: bold;
}
div.columns div.press h2
{
  margin: 0 0 9px 0;
}

div.large_users
{
  margin: 36px 0 27px 0;
}
div.large_users p
{
  margin: 9px 0 0 0;
  text-align: center;
  color: rgb(116,116,124);
  color: rgba(0,0,8,0.55);
}
div.large_users li
{
  float: left;
}
div.large_users li + li
{
  margin: 0 0 0 50px;
}
div.large_users li a
{
  display: block;
  width: 108px;
  height: 63px;
  text-indent: -9999px;
  background-image: url(images/logos.png);
}
div.large_users li.first a  { background-position: 0 0; }
div.large_users li.second a { background-position: 0 -60px; }
div.large_users li.third a  { background-position: 0 -120px; }
div.large_users li.fourth a { background-position: 0 -180px; }
div.large_users li.fifth a  { background-position: 0 -240px; }
div.large_users li.sixth a  { background-position: 0 -300px; }
div.large_users li.first a:hover  { background-position: -110px 0; }
div.large_users li.second a:hover { background-position: -110px -60px; }
div.large_users li.third a:hover  { background-position: -110px -120px; }
div.large_users li.fourth a:hover { background-position: -110px -180px; }
div.large_users li.fifth a:hover  { background-position: -110px -240px; }
div.large_users li.sixth a:hover  { background-position: -110px -300px; }

#form
{
  margin: 5px -27px 0 -27px;
}

#classification
{
  position: relative;
  margin: 0 0 21px 0;
  background: url(images/shadow-top-light.png) left top repeat-x #f4f4f6;
  border-top: 1px solid #e0e0e4;
  border-bottom: 1px solid #e8e8ec;
}
#classification div.intro
{
  position: absolute;
  left: 270px;
  right: 27px;
  top: 0;
  padding: 4px 0 0 0;
  color: rgb(102,102,110);
  color: rgba(0,0,8,0.6);
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
  width: 710px;
  text-align: center;
}
#classification.unselected div.intro
{
  z-index: 5;
  opacity: 1;
}
#classification div.intro p
{
  width: 592px;
  margin: 0 0 5px 144px;
  padding: 15px 0 25px 41px;
  color: #fff;
  font-size: 14px;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
  background: url(images/sprite.png) -3px -425px no-repeat;
  /*  outline: 1px solid red;*/
  text-align: left;
}
#classification div.intro .video
{
  margin: 14px 0 0 0;
}
#classification > ul
{
  z-index: 1;
  position: relative;
  width: 270px;
  height: 100%;
  background: #fff;
  border-right: 1px solid #e0e0e4;
}
#classification a
{
  display: block;
  text-decoration: none;
  color: rgb(102,102,110);
  color: rgba(0,0,8,0.6);
}
#classification a:hover,
#classification a:hover b
{
  color: rgb(10,95,148);
}
#classification a:active
{
  color: rgb(9,85,133);
}
#classification > ul > li
{
  width: 269px;
}
#classification > ul > li > a
{
  position: relative;
  z-index: 2;
  height: 37px;
  margin: -1px 0 0 0;
  padding: 9px 0 8px 27px;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid #e0e0e4;
  border-bottom: 1px solid #f2f2f4;
}
#classification > ul > li + li > a
{
  border-top-color: #f2f2f4;
}
#classification:not(.adjusted) > ul > li:last-child > a
{
  height: 36px;
  border-bottom: none !important;
}
#classification > ul > li > a:hover
{
  z-index: 3;
  background: rgb(243,247,250);
  background: rgba(10,95,148,0.05);
  border-top: 1px solid #e0e0e4;
  border-bottom: 1px solid #e0e0e4;
}
#classification > ul > li > a:active
{
  background: #ebf2f8;
}
#classification > ul > li.selected > a
{
  z-index: 4;
}
#classification > ul > li.selected > a span
{
  display: block;
  position: absolute;
  top: -10px;
  left: -30px;
  width: 322px;
  height: 55px;
  padding: 19px 0 0 57px;
/*  background: rgb(10,95,148);*/
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
  background: url(images/sprite.png) 0 -1px no-repeat;
  border: none;
  -webkit-font-smoothing: antialiased;
/*  outline: 1px dashed red;*/
  pointer-events: none;
}
#classification > ul > li:last-child.selected > a span,
#classification > ul > li:nth-last-child(2).selected > a span,
#classification > ul > li:nth-last-child(3).selected > a span,
#classification > ul > li:nth-last-child(4).selected > a span,
#classification > ul > li:nth-last-child(5).selected > a span,
#classification > ul > li:nth-last-child(6).selected > a span
{
  background-position: 0 -61px;
}
#classification ul ul
{
  z-index: 0;
  position: absolute;
  left: 270px;
  top: 9px;
  width: 710px;
  opacity: 0;
  -webkit-transform: translateX(0);
  -webkit-transition: opacity .3s ease-in;
/*  outline: 1px solid red;*/
}
#classification.unselected ul ul
{
  -webkit-transform: translateX(-270px);
}
#classification li.selected ul
{
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
}
#classification ul ul a
{
  padding: 4px 0 3px 27px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  color: rgb(102,102,110);
  color: rgba(0,0,8,0.6);
/*  outline: 1px dashed red;*/
}
#classification ul ul a b, #classification ul ul li.description
{
  color: rgb(58,58,66);
  color: rgba(0,0,8,0.8);
  font-weight: normal;
}

#classification ul ul li.description {
  padding: 4px 40px 3px 27px;
}
#classification ul ul li.description p {
  margin: 10px 0 15px 0;
  text-align: justify;
}

#classification ul ul li.selected a
{
  background: rgb(0,145,199);
  background: rgb(38,169,224);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
  border-top-color: rgb(34,152,202);
  border-top-color: rgba(0,0,0,0.1);
  border-bottom-color: rgb(81,186,230);
  border-bottom-color: rgba(255,255,255,0.2);
}
#classification ul ul li.selected a,
#classification ul ul li.selected a b
{
  color: #fff;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}
#classification ul ul li.misc
{
/*  outline: 1px dashed red;*/
}
#classification ul ul li.misc a:after 
{
  content: "…";
}
#classification ul ul li.misc.selected a:after 
{
  content: ",";
}
#classification ul ul li.misc div
{
  visibility: hidden;
  padding: 6px 0 6px 27px;
}
#classification ul ul li.misc.selected div
{
  visibility: visible;
}
#classification ul ul li.misc label
{
  color: rgb(102,102,110);
  color: rgba(0,0,8,0.6);
}
#classification ul ul li.misc input
{
  width: 369px;
  /* TODO: Maybe use JS to fill remaining width? */
}

textarea,
input[type=text],
input[type=number],
input[type=email],
input[type=password]
{
  -webkit-appearance: none;
  margin: 0;
  padding: 2px;
  border: 1px solid #c0c0c4;
  border-color: #88888c #c0c0c4 #d8d8dc #c0c0c4;
  box-shadow: inset 0 1px 1px rgba(0,0,8,0.2);
}
label, input, textarea
{
  color: #606068;
}
label.disabled
{
  color: #c0c0c8;
}
:focus  /* TODO */
{
  outline: auto 5px rgb(38,169,224);
}

div.section
{
  margin: 18px 0;
}
div.section > p
{
  margin: 9px 0;
}
div.item
{
  position: relative;
  margin: 9px 0;
}
ul.error,
div.item.invalid p:first-child
{
  font-weight: bold;
  color: rgb(241,101,93);
}
div.item.invalid #description-additional
{
  color: #000;
  font-weight: normal;
}
div.item.invalid:before
{
  content: "";
  display: block;
  position: absolute;
  left: -23px;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(images/sprite.png) -330px 0 no-repeat;
}
div.submit
{
  margin: 9px 0;
}
p.help
{
  color: #a0a0a8;
}

#form div.section,
#form div.submit
{
  position: relative;
  margin: 0 27px 27px 297px;
/*  outline: 1px dashed red;*/
}
#form div.section h2
{
  position: absolute;
  left: -270px;
  top: -6px;
  top: 0;
}
#form div.section div.item
{
  margin: 0 0 27px 0;
}
#form div.section div.item.text
{
  min-height: 45px;
  margin: 0 0 18px 0;
}
#form div.section p.help
{
  position: absolute;
  left: -270px;
  top: 27px;
  width: 243px;
}
#form div.section div.item
{
  margin: 18px 0;
}
#form div.section div.item + div.item p.help
{
  top: 0;
/*  outline: 1px solid red;*/
}
#form div.section div.item div.options
{
  margin: 5px 0 -5px 0;
}
#form div.section div.item div.options label
{
  display: block;
  line-height: 27px;
}
#form div.section div.item div.options div.column
{
  float: left;
  width: 243px;
}
#form div.section div.item div.options div.column + div.column
{
  margin-left: 27px;
}
div.item textarea
{
  width: 513px;
  height: 122px;
}
div.item textarea.small
{
  height: 61;
}
textarea#feedback_explanation
{
  width: 513px;
  height: 81px;
}
textarea#quote_fee_description 
{
  width: 513px;
  height: 61px;
}
div.item textarea.large
{
  height: 176px;
}
div.item input[type=text],
div.item input[type=number],
div.item input[type=email],
div.item input[type=password]
{
  width: 243px;
  margin: 0 0 3px 0;
}
div.item input[type=text].small,
div.item input[type=number].small,
div.item input[type=email].small,
div.item input[type=password].small
{
  width: 108px;
}
div.item input[type=text].large,
div.item input[type=number].large,
div.item input[type=email].large,
div.item input[type=password].large
{
  width: 378px;
}
#form div.section + div.submit
{
  margin-top: -1px;
}
#form div.submit p
{
  margin: 9px 0 0 0;
  color: #606068;
}

div.job,
div.packages { padding: 17px 0 9px 0; }
div.quote { padding: 17px 10px 10px 10px; }
h2 abbr {display: inline-block;cursor: help;}
div.quote.premium { background: #f1f6f9; margin-bottom: 5px; }
div.quote.premium .content:before { 
  content: url('images/premium_badge.png');
  float: left;
  padding: 5px 5px 5px 0px; }

div.job div.stats,
div.quote div.stats
{
  float: left;
  width: 130px;
}
div.job div.content,
div.quote div.content
{
  float: left;
  width: 518px;
}
div.quote div.content.wide
{
  width: 650px;
}
div.package
{
  height: 100px;
}
div.package div.stats
{
  float: left;
  width: 160px;
  margin-right: 20px;
}
div.package div.content
{
  float: left;
  width: 368px;
}
div.package div.action
{
  float: left;
  width: 100px;
  margin-top: 20px;
}
div.job div.stats > div
{
  padding-bottom: 1em;
}
div.job div.stats > div:nth-child(1),
div.quote div.stats > div:nth-child(1),
div.package div.stats > div:nth-child(1),
{
  margin-bottom: 9px;
}
div.quote div.stats div.status
{
  margin-right: 18px;
  display: inline-block;
}
div.quote div.stats .winner
{
  color: #fff;
  background-color: #6eb336;
  padding: 2px 4px;
  border-radius: 2px;
}
div.quote div.stats .loser
{
  color: #fff;
  background-color: #009ad9;
  padding: 2px 4px;
  border-radius: 2px;
}
div.quote div.stats .closed
{
  color: #6c6d70;
}

div.job div.item em
{
  font-style: normal;
  color: rgb(120,120,128);
  color: rgba(0,0,8,0.53);
}
div.job p.meta,
div.quote p.meta
{
  color: rgb(120,120,128);
  color: rgba(0,0,8,0.53);
  padding-top: 1em;
}
div.job p.meta strong,
div.quote p.meta strong
{
  color: rgb(120,120,128);
  color: rgba(0,0,8,0.53);
}
div.job div.details
{
  margin: 9px 0;
}
div.job div.actions strong,
div.job div.section strong,
div.job div.details strong
{
  color: rgb(145,145,145);
  color: rgba(0,0,0,.43);
  font-weight: normal;
}
div.job div.description p
{
  margin-bottom: 9px;
}
div.quote p.status
{
  font-style: italic;
}
div.quote .file-details
{
  color: #C9CCCF;
}
div.quote p + p
{
  margin-top: 9px;
}

div.quote div.messages
{
  margin-top: 18px;
}
div.quote div.messages h4
{
  margin-top: 9px;
}
div.quote div.messages form.reply
{
  margin-top: 9px;
}

div.status
{
  margin: 9px 0 0 0;
}
div.status h2
{
  margin-bottom: 9px;
}
div.status h3
{
  margin-top: 9px;
}
div.status p + p
{
  margin-top: 9px;
}

div.status-bar
{
  color: #666;
  margin: 0 0 18px 0;
  padding: 4px 8px 5px 8px;
  border: 1px solid rgb(182,208,227);
  border: 1px solid rgba(10,95,148,0.2);
  background: rgb(225,237,247);
  background: rgba(214,232,247,0.6);
}

div.price > div.box
{
  width: 135px;
}
div.price > div
{
  float: left;
}
div.price p.help
{
  font-style: italic;
  color: #646464;
}

span.big-number
{
  float: left;
  font-size: 36px;
  line-height: 36px;
  vertical-align: top;
}

div.feedback blockquote
{
  font-style: italic;
  color: #646464;
  margin: 9px 18px;
}
div.feedback ul
{
  margin: 9px 18px;
}
div.feedback ul li
{
  font-style: italic;
  color: #646464;
  list-style-type: disc;
}

.actions
{
  float: left;
  width: 100%;
  margin-top: 1em;
}
.actions form,
.actions .button
{
  float: left;
  clear: none;
}
.actions form
{
  margin-right: 9px;
}
.actions .button + .button
{
  margin-left: 1px;
}
.actions .extra
{
  float: right;
}

.button
{
  clear: both;
  display: block;
  border: none;
  background: none;
  margin: 0 -9px;
  padding: 0;
  -webkit-appearance: none;
  text-decoration: none;
  cursor: pointer;
}
.button span
{
  display: block;
  float: left;
  min-width: 63px;
  height: 36px;
  padding: 0 9px;
  font-size: 13px;
  line-height: 37px;
  font-weight: bold;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  background: url(images/sprite.png) 50% -265px no-repeat;
}
.button.subtle span
{
  color: #0a5f94;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  background-position: 50% -385px;
}
.button span,
.button.subtle:hover span
{
  color: rgb(242,242,242);
  color: rgba(255,255,255,0.95);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.button.big span
{
  min-width: 108px;
  height: 45px;
  padding: 0 18px;
  font-size: 14px;
  line-height: 47px;
  background-position: 50% -115px;
}
.button span.left,
.button span.right
{
  min-width: 0;
  width: 18px;
  padding: 0;
}
.button span.left         { background-position: -1px -265px; }
.button span.right        { background-position: -600px -265px; }
.button.subtle span.left  { background-position: -1px -385px; }
.button.subtle span.right { background-position: -600px -385px; }
.button:hover span        { background-position: 50% -305px; }
.button:hover span.left   { background-position: -1px -305px; }
.button:hover span.right  { background-position: -600px -305px; }
.button:active span       { background-position: 50% -345px; }
.button:active span.left  { background-position: -1px -345px; }
.button:active span.right { background-position: -600px -345px; }

.button.big span.left         { background-position: -1px -115px; }
.button.big span.right        { background-position: -600px -115px; }
.button.big:hover span        { background-position: 50% -165px; }
.button.big:hover span.left   { background-position: -1px -165px; }
.button.big:hover span.right  { background-position: -600px -165px; }
.button.big:active span       { background-position: 50% -215px; }
.button.big:active span.left  { background-position: -1px -215px; }
.button.big:active span.right { background-position: -600px -215px; }

#sections,
.section
{
  display: block;
}
#sections.hidden,
.section.hidden,
#fee .hidden
{
  display: none;
}
#main div.section
{
  margin: 18px 0;
}

div.subnav
{
  margin: 0 0 18px 0;
}
div.subnav ul
{
  margin: 9px 0 0 0;
}
div.subnav ul a
{
  color: rgb(153,153,156);
  color: rgba(0,0,8,0.4);
}

ul.checkmarks li:before
{
  content: "✓";
  margin-right: .75em;
}

table.invoice
{
  border-collapse: collapse;
}

table.invoice th,
table.invoice td
{
  padding: 2px 2em 2px 0;
  text-align: right;
  font-weight: normal;
}
table.invoice td
{
  padding-right: 1px;
http://premailer.dialect.ca/}
table.invoice tr.total th,
table.invoice tr.total td
{
  border-top: 1px solid #666;
  font-weight: bold;
}

#companies,
#mutations,
#credit-packages,
div.jobs,
div.quotes
{
  border-top: 1px solid #e0e0e4;
}
div.jobs,
div.quotes
{
  margin: 18px 0 18px 0;
}
#companies > div,
#mutations > div,
#credit-packages > div,
div.jobs > div,
div.quotes > div
{
  border-bottom: 1px solid #e0e0e4;
}
#companies > div,
#mutations > div,
#credit-packages > div
{
  margin: 9px 0;
  padding: 8px 0 9px 0;
  width: 100%;
}
#companies > div
{
  position: relative;
  min-height: 117px;
}
#companies .section
{
  margin: 9px 0;
}
#companies .buttons
{
  position: absolute;
  right: 0;
  top: 0;
}
#companies .buttons a
{
  float: right;
  clear: both;
}
#companies h2,
#credit-packages h2
{
  margin: 0 0 9px 0;
}
#credit-packages a
{
  margin: 0 0 9px 0;
  display: block;
  text-decoration: none;
}
#credit-packages a:hover p
{
  text-decoration: underline;
}

.link_rows {
  position: relative;
  height: 120px;
  margin-top: 5px;
}

.link_rows > ul {
  list-style: circle;
  float: left;
  width: 306px;
}

.link_rows > ul > li > a {
  text-decoration: none;
}

div.clear
{
  clear: both;
}
div#companies .section.description {width: 75%;}
/* Style for companies guide */
section.companies { 
  background-color: white; 
  border-top: 1px solid #E0E0E4;
  margin: 5px -27px 5px -28px;
}
.companies #welcome { padding: 27px 27px 10px 27px; border-bottom: 1px solid #E0E0E4; background: #F4F4F6 }
.companies #welcome .content { margin-left: 250px }
.companies #welcome #keyword_cta { margin: 25px auto 10px auto; height: 40px; }
.companies #keyword_cta .button { float: right }
.companies #keyword_cta > span { display: inline-block; color: #176198; line-height: 20px; height: 35px;}
.companies #keyword_cta > span.dropdown { width: 220px; }
.companies #keyword_cta > span.dropdown { float: right }
.companies #keyword_cta > span.with_arrow {background: url('/images/arrow.png') no-repeat 0px 12px; width: 350px;}
.companies > .container > .content, .companies > .container > .sidebar { 
  padding: 20px 35px 20px 30px; 
  display: inline-block;
}
.companies > .container > .sidebar { width: 210px; padding: 5px 0px 0px 0px;}
.companies > .container > .content { width: 750px; min-height: 500px }
.companies > .container .sidebar { vertical-align: top }
.companies #dropdown_cta { width: 470px; margin: 25px auto 10px auto; padding: 15px;}
.companies #welcome img.map { float: left; margin-right: 30px; width: 220px }
.companies ul.checkmarks li { font-weight: bold; color: #666; margin: 7px 0; }
.companies .sidebar .btn {margin-top: 40px; text-align: center; text-decoration: none}
.companies .search-box {
  padding: 15px 10px; width: 100%;
  background: rgba(214, 232, 247, 0.6);
  border: 1px solid rgba(10, 95, 148, 0.2); 
  margin: 15px 0;
}
.companies .search-box .dropdown-toggle { margin-top: 15px }
.companies .search-box h2 { font-size: 11px }
.companies #welcome p { margin: 15px auto; color: #333; line-height: 20px }
.companies ul.companies li {
  border-bottom: 1px solid #e1e1e1;
  min-height: 80px;
  padding: 10px 7px;
  position: relative;
}
.companies ul.companies li h2 {line-height: 25px;}
.companies ul.companies li.verified { 
  background: #F1F6F9;
  margin-bottom: 5px;
  border-top: 1px solid #e1e1e1;
}
.companies ul.companies li.verified h2:before { content: url('images/badge_small.png'); margin-right: 3px}
.companies ul.companies li p.description { font-size: 13px; padding: 7px 0 }
.companies ul.companies li a.button { position: absolute; top: 5px; right: 7px }
.companies .content ul.companies li:first-child { border-top: 1px solid #e1e1e1 }
.companies .pagination { margin: 15px 0; padding: 5px; font-style: normal }
.companies .pagination a { font-style: normal; color: #146499; text-decoration: none }
.companies .pagination a.current,
.companies .pagination span.disabled { color: #64646A; font-style: normal }
.companies .pagination a.new_company {float: right; font-weight: bold}
.companies .pagination a.new_company:before { 
  content: '+ ';
  color: #8DC843;
  font-weight: bold;
  font-size: 20px;
  line-height: 13px;
}
.company .description { margin: 15px auto; min-height: 180px }
.company .description img {margin: 0 15px 15px 0; float: left; min-width: 144px;}
.company ul.nav > li > a.active { color: black }
.company header h2 a {
  display: block;
  margin: 10px 0;
  background: url('images/banner-company.jpg') no-repeat;
  height: 170px;
  background-size: 100%;
  padding-left: 15px;
  text-decoration: none;
  font-size: 16px;
  color: #196b9c;
}
.company .tabs, .company .post_job_btn {display: inline-block;}
.company .tabs {min-height: 130px; width: 570px;}
.company .tabs section { margin-top: 15px }
.company .post_job_btn { float: right }
.company .post_job_btn small a { 
  font-size: 11px; 
  color: gray; 
  margin-bottom: 40px;
  display: block; 
  text-decoration: none;
  clear: both;
}
.company .tabs div.verified {vertical-align: top;}
.company .tabs div.verified:after {content: url('images/verified_badge.png')}
.company h2 {line-height: 28px;}
.breadcrumbs { color: #666; margin-bottom: 10px }
.breadcrumbs a:after {content: '  > '; color: #666;}
.breadcrumbs a:last-child {color: #666;}
.breadcrumbs a:last-child:after {content: none}
.company .breadcrumbs { margin-bottom: 20px }
.breadcrumbs a { text-decoration: none }
.postnltop { display: block; margin-left: auto; margin-right: auto;}
.alert {
  padding: 5px 35px 5px 14px;
  margin: 4px 0 10px 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  display: block;
}
.alert abbr {display: inline-block; vertical-align: middle; cursor: help;}
.alert.alert-warning {color: #b94a48; background-color: #f2dede; border-color: #eed3d7;}

.sidebar .dropdown-menu {width: 188px;}
.dropdown{position:relative;}
.dropdown-toggle{*margin-bottom:-3px;}
.dropdown-toggle {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b71a0", endColorstr="#235a80");
  background-image: -moz-linear-gradient(top, #2b71a0, #235a80);
  background-image: -webkit-linear-gradient(top, #2b71a0, #235a80);
  background-image: -o-linear-gradient(top, #2b71a0, #235a80);
  background-image: linear-gradient(#2b71a0, #235a80);
  border-color: #235a80 #235a80 hsl(204, 57%, 30%);
  color: #fff !important; 
}
.dropdown-toggle:active,.open .dropdown-toggle{outline:0; border-color: #ccc;}
.dropdown-toggle {background-color:#0D5583;display: block;text-align: center;padding: 8px; text-decoration: none;color: #333;font-size: 1.1em;}
.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid white;border-right:4px solid transparent;border-left:4px solid transparent;content:"";}
.dropdown .caret{margin-top:8px;margin-left:2px;}
.dropdown-menu{height: 420px; overflow: auto; width: 100%; position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 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:2px;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-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-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:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
.dropdown-menu li.heading {padding:3px 20px;line-height:20px;}
.dropdown-menu li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;white-space:nowrap;text-decoration: none}
.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{text-decoration:none;color:#333;background-color:#e1ecf6;}
.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;outline:0;background-color:#0081c2;background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(to bottom, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);background-color:#0081c2;background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(to bottom, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);}
.open{*z-index:1000;}.open >.dropdown-menu{display:block;}
.caret.light-blue {border-top: 4px solid #333;}
.dropdown-toggle.light-blue {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b71a0", endColorstr="#235a80");
  background-image: -moz-linear-gradient(top, #B9D3E5, #9DBFD4);
  background-image: -webkit-linear-gradient(top, #B9D3E5, #9DBFD4);
  background-image: -o-linear-gradient(top, #B9D3E5, #9DBFD4);
  background-image: linear-gradient(#B9D3E5, #9DBFD4);
  border: 1px solid #9DBFD4;
  color: #333 !important;
}
.dropup .caret{border-top:0;border-bottom:4px solid white;content:"";}
.dropup .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}

/* Style for new-job page */
#category_job_type_select { margin-left: -1px; }
#category_job_type_select header {
  background: url('images/blured-header.jpg') no-repeat top; width: 100%; padding-top: 190px;
}
#category_job_type_select header ul.checkmarks { margin-left: 25%; }
#category_job_type_select header ul.checkmarks li:before {content: ''}
#category_job_type_select header ul.checkmarks li {
  list-style-image: url('images/checkmark.png');
  margin-left: 25px;
  color: #67676C;
  font-size: 14px; line-height: 24px;
}
#category_job_type_select header h2 {text-align: center; font-size: 1.4em; font-style: italic;color: #105890; padding: 20px;}
#category_job_type_select header h2:before { content: url('images/start-form-left.png'); float: left; }
#category_job_type_select header h2:after { content: url('images/start-form-right.png'); float: right; }

#category_job_type_select nav { 
  background: url("images/nav_gradient.png"); 
  height: 247px; padding: 10px 40px;
  position: relative;
}
#category_job_type_select nav:before {content: url('images/bookmark-arrow.png'); position: absolute;left: -20px;}
#category_job_type_select nav h2 { margin: 15px 0 5px 0; color: #105992;}
#category_job_type_select nav .badge {margin-top: 25px;}
#category_job_type_select nav .badge:before { content: url('images/badge.png'); float: left; margin: 5px 10px 0px 0px }
#category_job_type_select nav .badge small {font-size: 12px; color: #6a6a6a; font-style: italic; height: 50px; }

.premium-packages {display: block; width: 100%; margin-bottom: 20px; float: left;}
.premium-packages ul {float: left; display: block; margin-right: 30px;}
.premium-packages ul li {padding: 10px}
.premium-packages ul li h2 {font-size: 14px; line-height: 20px; margin: 0}
.premium-packages ul li.price {font-size: 1.1em; color: #333; font-weight: bold}
.premium-packages ul li:first-child {height: 60px;}
.premium-packages ul.premium li.header {background: #0A5F94; padding-left: 20px;}
.premium-packages ul.premium li.header h2 {color: white;}
.premium-packages .standard li.header h2 {line-height: 30px}
.premium-packages .feature-list {width: 260px; margin-top: 60px}
.premium-packages .feature-list li { color: #0A5F94; font-weight: bold; padding-left: 0px; padding-right: 0px}
.premium-packages .feature-list li.short {line-height:40px}
.premium-packages .feature-list li small.premium {color: orange; display: block}
.premium-packages li.missing, 
.premium-packages li.included, .premium-packages li.price {text-align: center; line-height: 30px; margin: 0px 20px}
.premium-packages .feature-list li { height: 75px; }
.premium-packages li.missing:before { content: '-'; }
.premium-packages li.included:before { content: url('images/large_checkmark.png'); display: block; margin-top: 10px; }
.premium-packages li.missing,
.premium-packages li.included,
.premium-packages .feature-list li { border-bottom: 1px solid #ccc; height: 60px; } 
.premium-packages ul.premium { background: #E1EDF6; border: 1px solid #B5CFE2; width: 150px; }
.premium-purchase-button {padding-left: 360px;text-align: center; margin-bottom: 15px;}
.premium-purchase-button .button_to {margin: 10px 0}
/*! Bootstrap v2.3.0 */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.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:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-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(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover,.btn:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-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-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px;}
.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0;}
.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px;}
.btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-block+.btn-block{margin-top:5px;}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%;}
.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-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(to bottom, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;}
.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}
.btn-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#faa732;background-image:-moz-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(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);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);*background-color:#f89406;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#ffffff;background-color:#f89406;*background-color:#df8505;}
.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;}
.btn-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#da4f49;background-image:-moz-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:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);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);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#ffffff;background-color:#bd362f;*background-color:#a9302a;}
.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
.btn-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5bb75b;background-image:-moz-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:linear-gradient(to bottom, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);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);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#ffffff;background-color:#51a351;*background-color:#499249;}
.btn-success:active,.btn-success.active{background-color:#408140 \9;}
.btn-info{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#49afcd;background-image:-moz-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:linear-gradient(to bottom, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);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);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#ffffff;background-color:#2f96b4;*background-color:#2a85a0;}
.btn-info:active,.btn-info.active{background-color:#24748c \9;}
.btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#363636;background-image:-moz-linear-gradient(top, #444444, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));background-image:-webkit-linear-gradient(top, #444444, #222222);background-image:-o-linear-gradient(top, #444444, #222222);background-image:linear-gradient(to bottom, #444444, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);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);*background-color:#222222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#ffffff;background-color:#222222;*background-color:#151515;}
.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;}
button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px;}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-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-link{border-color:transparent;cursor:pointer;color:#0088cc;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.btn-link:hover,.btn-link:focus{color:#005580;text-decoration:underline;background-color:transparent;}
.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#333333;text-decoration:none;}