/* ========================================
 * Colors */
/* ========================================
 * Core elements */
#content.homepage em, .main.contact_us em, .main.faq em, .main.api_documentation em {
  background-color: #FFEEBB;
  font-style: normal;
  font-weight: normal; }

b, strong {
  font-weight: bolder; }

small {
  font-size: smaller; }

/* ========================================
 * Main Content */
#content .main {
  padding: 20px 40px;
  min-height: 260px; }
  #content .main.terms h3 {
    margin-top: 12px; }
  #content .main.terms ol {
    list-style-type: decimal; }
  #content .main.plans {
    padding: 20px 0; }
  #content .main h3#heading {
    margin-top: 12px; }
    #content .main h3#heading.restrictions {
      margin-top: 45px; }

table#users, table#stats, table#subscriptions, table#subscription, table#transactions, table#accounts, table#account, table#plans, table#subscription_plan, table#discounts, table#subscription_discount, table#affiliates, table#subscription_affiliate, table#jobs {
  width: 100%; }
  table#users th, table#stats th, table#subscriptions th, table#subscription th, table#transactions th, table#accounts th, table#account th, table#plans th, table#subscription_plan th, table#discounts th, table#subscription_discount th, table#affiliates th, table#subscription_affiliate th, table#jobs th {
    font-weight: bolder; }

table#general_stats th {
  font-weight: bolder;
  padding: 0em 1em; }

table#jobs th {
  padding: 5px; }
table#jobs td {
  padding: 5px; }

.hidden {
  display: none; }

#bookmarklet {
  position: absolute;
  top: 38px;
  right: 0;
  float: left;
  display: block;
  width: 180px;
  height: 38px;
  padding: 0 0 0 70px;
  font-size: 10px;
  line-height: 14px;
  text-decoration: none;
  background: url(../images/logo_switch_small.jpg) 0 6px no-repeat; }

#bookmarklet span {
  color: #777; }

.help {
  margin: 10px; }
  .help h4 {
    padding-top: 50px; }

.help_image {
  float: right;
  margin: 5px 10px 5px 20px; }

/* ========================================
 * Details */
#results .details {
  margin: 10px 0;
  float: left; }

/* ========================================
 * Flash messages */
#flash {
  margin: 20px 50px -20px 50px;
  padding: 1em 1em 1em 2.4em;
  font-size: 1.4em;
  text-align: left;
  border: 2px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  #flash h2 {
    font-size: 100%;
    padding-bottom: 1em;
    font-weight: bold; }
  #flash.error {
    background: url(../icons/icon_error.png) 15px center no-repeat #f6cbca;
    color: #ce2027;
    border-color: #cb2026; }
  #flash.warning {
    background: url(../icons/icon_warning.png) 15px center no-repeat #fcf9ce;
    color: #43433c;
    border-color: #dfdfde; }
  #flash.notice {
    background: url(../icons/icon_notice.png) 15px center no-repeat #cee6c3;
    color: #168a43;
    border-color: #359545; }
    #flash.notice li {
      list-style: disc; }
    #flash.notice p {
      margin-bottom: 0.5em; }
    #flash.notice ul {
      margin: 0 1.5em 0.5em; }

/* ========================================
 * Allowed Hosts */
select#hosts {
  width: 300px;
  font-size: 14px; }

form#new_allowed_host label[disabled=true], form#new_allowed_host label[disabled=disabled] {
  color: #AAA; }
form#new_allowed_host label.disabled {
  color: #AAA; }
form#new_allowed_host input#new_host {
  width: 293px; }

form#toggle_restrict_hosts {
  padding-bottom: 20px; }

span#restricted {
  font-weight: bold;
  color: red; }

span#unrestricted {
  font-weight: bold;
  color: green; }

/* ========================================
 * iFrame */
#toolbar {
  border-bottom: 1px solid #666;
  left: 0;
  min-width: 950px;
  overflow: hidden;
  /* position: absolute */
  /* top: 0 */
  width: 100%;
  z-index: 100; }
  #toolbar ul#left {
    float: left;
    padding: 10px 0px 0px 40px; }
  #toolbar ul#right {
    float: right;
    padding: 10px 40px 0px 0px; }
  #toolbar #disclaimer {
    margin: 10px 50px; }
    #toolbar #disclaimer p {
      text-align: left; }

iframe#ssiframe {
  width: 100%;
  height: 96%; }

/* ========================================
 * Forms */
.sessions, .billing {
  text-align: left; }
  .sessions label, .billing label {
    font-weight: bold;
    display: block;
    margin: .5em 0 .2em; }
  .sessions fieldset, .billing fieldset {
    padding: 1.4em;
    margin: 0 0 1.5em 0; }
  .sessions legend, .billing legend {
    font-weight: bold;
    font-size: 1.2em; }
  .sessions input.text, .sessions input.title, .sessions input[type=text], .sessions input[type=password], .billing input.text, .billing input.title, .billing input[type=text], .billing input[type=password] {
    margin: 0.5em 0;
    background-color: #fff;
    padding: 5px; }
  .sessions input.title, .billing input.title {
    font-size: 1.5em; }
  .sessions input[type=checkbox], .sessions input.checkbox, .billing input[type=checkbox], .billing input.checkbox,
  .sessions input[type=radio], .sessions input.radio, .billing input[type=radio], .billing input.radio {
    position: relative;
    top: 0.25em; }
  .sessions textarea, .billing textarea {
    margin: 0.5em 0;
    padding: 5px; }
  .sessions select, .billing select {
    margin: 0.5em 0;
    min-width: 16em; }
  .sessions #submit_or_cancel, .billing #submit_or_cancel {
    margin-top: 1em; }
  .sessions fieldset, .billing fieldset {
    border: 1px solid #cccccc;
    /* Mozilla (FireFox) */
    -moz-border-radius: 5px;
    /* Webkit (Safari, Chrome) */
    -webkit-border-radius: 5px;
    /* CSS3 */
    border-radius: 5px; }
  .sessions textarea, .billing textarea,
  .sessions select, .billing select {
    border: 1px solid #bbbbbb; }
    .sessions textarea:focus, .billing textarea:focus,
    .sessions select:focus, .billing select:focus {
      border: 1px solid #666666; }
  .sessions input.text, .sessions input.title, .sessions input.password, .billing input.text, .billing input.title, .billing input.password {
    width: 300px; }
  .sessions textarea, .billing textarea {
    width: 390px;
    height: 250px; }

form.edit_user label, form.new_user label, form.new_account label, form.edit_account label, form.cancel_account label, form.edit_plan label, form.edit_link label {
  font-weight: bold;
  display: block;
  margin: .5em 0 .2em; }
form.edit_user fieldset, form.new_user fieldset, form.new_account fieldset, form.edit_account fieldset, form.cancel_account fieldset, form.edit_plan fieldset, form.edit_link fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0; }
form.edit_user legend, form.new_user legend, form.new_account legend, form.edit_account legend, form.cancel_account legend, form.edit_plan legend, form.edit_link legend {
  font-weight: bold;
  font-size: 1.2em; }
form.edit_user input.text, form.edit_user input.title, form.edit_user input[type=text], form.edit_user input[type=password], form.new_user input.text, form.new_user input.title, form.new_user input[type=text], form.new_user input[type=password], form.new_account input.text, form.new_account input.title, form.new_account input[type=text], form.new_account input[type=password], form.edit_account input.text, form.edit_account input.title, form.edit_account input[type=text], form.edit_account input[type=password], form.cancel_account input.text, form.cancel_account input.title, form.cancel_account input[type=text], form.cancel_account input[type=password], form.edit_plan input.text, form.edit_plan input.title, form.edit_plan input[type=text], form.edit_plan input[type=password], form.edit_link input.text, form.edit_link input.title, form.edit_link input[type=text], form.edit_link input[type=password] {
  margin: 0.5em 0;
  background-color: #fff;
  padding: 5px; }
form.edit_user input.title, form.new_user input.title, form.new_account input.title, form.edit_account input.title, form.cancel_account input.title, form.edit_plan input.title, form.edit_link input.title {
  font-size: 1.5em; }
form.edit_user input[type=checkbox], form.edit_user input.checkbox, form.new_user input[type=checkbox], form.new_user input.checkbox, form.new_account input[type=checkbox], form.new_account input.checkbox, form.edit_account input[type=checkbox], form.edit_account input.checkbox, form.cancel_account input[type=checkbox], form.cancel_account input.checkbox, form.edit_plan input[type=checkbox], form.edit_plan input.checkbox, form.edit_link input[type=checkbox], form.edit_link input.checkbox,
form.edit_user input[type=radio], form.edit_user input.radio, form.new_user input[type=radio], form.new_user input.radio, form.new_account input[type=radio], form.new_account input.radio, form.edit_account input[type=radio], form.edit_account input.radio, form.cancel_account input[type=radio], form.cancel_account input.radio, form.edit_plan input[type=radio], form.edit_plan input.radio, form.edit_link input[type=radio], form.edit_link input.radio {
  position: relative;
  top: 0.25em; }
form.edit_user textarea, form.new_user textarea, form.new_account textarea, form.edit_account textarea, form.cancel_account textarea, form.edit_plan textarea, form.edit_link textarea {
  margin: 0.5em 0;
  padding: 5px; }
form.edit_user select, form.new_user select, form.new_account select, form.edit_account select, form.cancel_account select, form.edit_plan select, form.edit_link select {
  margin: 0.5em 0;
  min-width: 16em; }
form.edit_user #submit_or_cancel, form.new_user #submit_or_cancel, form.new_account #submit_or_cancel, form.edit_account #submit_or_cancel, form.cancel_account #submit_or_cancel, form.edit_plan #submit_or_cancel, form.edit_link #submit_or_cancel {
  margin-top: 1em; }
form.edit_user fieldset, form.new_user fieldset, form.new_account fieldset, form.edit_account fieldset, form.cancel_account fieldset, form.edit_plan fieldset, form.edit_link fieldset {
  border: 1px solid #cccccc;
  /* Mozilla (FireFox) */
  -moz-border-radius: 5px;
  /* Webkit (Safari, Chrome) */
  -webkit-border-radius: 5px;
  /* CSS3 */
  border-radius: 5px; }
form.edit_user textarea, form.new_user textarea, form.new_account textarea, form.edit_account textarea, form.cancel_account textarea, form.edit_plan textarea, form.edit_link textarea,
form.edit_user select, form.new_user select, form.new_account select, form.edit_account select, form.cancel_account select, form.edit_plan select, form.edit_link select {
  border: 1px solid #bbbbbb; }
  form.edit_user textarea:focus, form.new_user textarea:focus, form.new_account textarea:focus, form.edit_account textarea:focus, form.cancel_account textarea:focus, form.edit_plan textarea:focus, form.edit_link textarea:focus,
  form.edit_user select:focus, form.new_user select:focus, form.new_account select:focus, form.edit_account select:focus, form.cancel_account select:focus, form.edit_plan select:focus, form.edit_link select:focus {
    border: 1px solid #666666; }
form.edit_user input.text, form.edit_user input.title, form.edit_user input.password, form.new_user input.text, form.new_user input.title, form.new_user input.password, form.new_account input.text, form.new_account input.title, form.new_account input.password, form.edit_account input.text, form.edit_account input.title, form.edit_account input.password, form.cancel_account input.text, form.cancel_account input.title, form.cancel_account input.password, form.edit_plan input.text, form.edit_plan input.title, form.edit_plan input.password, form.edit_link input.text, form.edit_link input.title, form.edit_link input.password {
  width: 300px; }
form.edit_user textarea, form.new_user textarea, form.new_account textarea, form.edit_account textarea, form.cancel_account textarea, form.edit_plan textarea, form.edit_link textarea {
  width: 390px;
  height: 250px; }

.errorExplanation {
  margin: 20px 10px;
  background: #FBE3E4 none repeat scroll 0 0;
  border: 2px solid #FBC2C4;
  color: #8A1F11;
  padding: 0.8em; }
  .errorExplanation h2 {
    font-size: 1.5em;
    margin-bottom: 10px; }

/* ========================================
 * Miscellaneous - overrides of design */
#results div.date .month {
  height: 14px;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase; }
#results div.date .day {
  height: 25px;
  font-size: 20px;
  line-height: 26px;
  color: #7d7d7d; }

/* ========================================
 * Pagination for will paginate */
.pagination {
  float: right;
  padding: 0 40px;
  text-align: right; }
  .pagination a:link, .pagination a:visited {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin: 0 3px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    color: #1891c8;
    background: url(../images/pagination_link_bg.jpg) top left no-repeat; }
  .pagination a:hover {
    color: #fff;
    background-position: bottom left; }
  .pagination a.prev_page:hover, .pagination a.next_page:hover {
    text-decoration: underline;
    color: #1891c8; }
  .pagination a.prev_page:link, .pagination a.prev_page:visited, .pagination a.next_page:link, .pagination a.next_page:visited {
    width: auto; }
  .pagination .prev_page, .pagination .next_page {
    width: auto;
    font-size: 10px;
    background: none !important;
    color: #1891c8; }
  .pagination .prev_page {
    margin: 0 10px 0 0; }
  .pagination .next_page {
    margin: 0 0 0 10px; }
  .pagination span.disabled {
    color: #1891c8; }
  .pagination span.current {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin: 0 3px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    background-color: #1891c8;
    color: #fff;
    background: url(../images/pagination_link_bg.jpg) top left no-repeat;
    background-position: bottom left; }

/* ========================================
 * Stats page */
#hits_by_hour_of_day, #hits_by_day_of_week {
  margin: 15px;
  width: 400px;
  height: 200px; }

/* ========================================
 * Content pages */
.main.api_documentation blockquote {
  padding: 5px 0 15px 35px; }
.main.api_documentation h2 {
  margin: 30px 0 20px 0;
  font-size: 26px;
  font-weight: bold;
  line-height: 26px;
  color: #464c4e; }
.main.api_documentation h4 {
  margin: 3px 3px 20px 0px;
  font-size: 15px;
  font-weight: bold; }
.main.api_documentation .api_section {
  border-bottom: 1px solid black;
  margin-bottom: 15px; }
  .main.api_documentation .api_section:last-child {
    border-bottom: 0px;
    margin-bottom: 0px; }
  .main.api_documentation .api_section .examples {
    margin-bottom: 15px; }
    .main.api_documentation .api_section .examples:last-child {
      margin-bottom: 0px; }
.main.api_documentation ul {
  padding-left: 40px;
  list-style-type: disc; }
.main.api_documentation p {
  margin-bottom: 10px; }

/* ========================================
 * Links pages */
.link_content {
  float: left;
  border-left: 1px solid #F0F0F0;
  padding-left: 20px; }

#results div.tools span.copyurl {
  float: left; }

#results div.tools a.delete, #results div.tools a.hitstats, #results div.tools a.edit, #results div.tools a.qrcode {
  float: left;
  padding: 0;
  text-decoration: none;
  color: #0078d0;
  background: url(../images/stats_btn_left_bg.jpg) center left no-repeat !important; }
  #results div.tools a.delete span, #results div.tools a.hitstats span, #results div.tools a.edit span, #results div.tools a.qrcode span {
    float: left;
    display: block;
    height: 29px;
    padding: 0 15px 0 15px;
    font-size: 20px;
    font-weight: bold;
    line-height: 33px;
    background: url(../images/blue_btn_right.jpg) center right no-repeat; }

#results div.tools a.edit span, #results div.tools a.qrcode span {
  font-size: 15px; }

#results div.info {
  border-left: 0;
  padding-left: 0px; }

.mentions {
  border-top: 1px solid #F0F0F0;
  padding-top: 10px;
  float: left; }
  .mentions .client h4 {
    margin-top: 4px; }
    .mentions .client h4 img {
      vertical-align: text-bottom; }
  .mentions .client .client_mentions {
    float: left;
    margin-left: 30px; }
    .mentions .client .client_mentions .client_mention {
      border-top: 1px solid #E3E3E3;
      padding: 3px 2px 2px 2px;
      margin-top: 3px;
      max-width: 675px; }

.qr_pop {
  text-align: center; }

/* ========================================
 * Error pages */
.error_page {
  padding: 10px; }
  .error_page h1 {
    color: red; }

/* ======================================= */
pre.account {
  font-family: Consolas,Monaco,"Courier New",Courier,monospace;
  font-size: 12px;
  font-weight: inherit;
  margin-bottom: 22px;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: none repeat scroll 0 0 #F0F0F0;
  color: #000000;
  border: 1px solid #DADADA;
  line-height: 1.3em;
  overflow: auto;
  padding: 11px; }