/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


body {
  background: url('/images/tests/hp/ex2/bg-brown.jpg') left top repeat;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.main_header { background: url(/images/faq/bg-transition-brown-gray.png) left bottom repeat-x; }
.main_header a { color: #c93; }
footer { background: url(/images/faq/bg-transition-gray-brown.png) left top repeat-x; padding-top: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none;  }
footer ul, footer ul li { list-style-type: none;}
footer ul li { margin-left: 0; line-height: 1em; }

nav ul { list-style-type: none; margin: 0; padding: 0 0 20px 0;}
nav ul li { font-size: 18px; font-weight: bold; list-style-type: none; margin: 0 40px 0 0; padding: 0; float: left; }


.main_header div.container { padding-bottom: 50px; }
.main_header h1 { -moz-box-shadow: 0 0 15px rgba(255,255,255,0.4); -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.4); -ms-box-shadow: 0 0 15px rgba(255,255,255,0.4); box-shadow: 0 0 15px rgba(255,255,255,0.4); }
.main_header h1 a { width: 136px; text-indent: -9999px; }
.main_header h2 { font-size: 60px; font-family: League, arial, sans-serif; text-transform: uppercase; text-align: left; color: #ccc; margin-top: 40px; margin-bottom: 25px; padding-bottom: 0; line-height: 1em;}
.main_header p { font-size: 14px; color: #999; line-height: 1.3em; width: 525px; }

section#main { background: url(/images/tests/hp/ex2/bg-gray.jpg); padding: 20px 0; }

.container {
  margin: 0px auto;
  padding: 25px 0;
  width: 960px;
}

h1 {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 26px;
  line-height: 1.384615385;
  margin-bottom: 0.692307692em;
}

h3 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 0.6em;
}

h4 {
  font-size: 16px;
  line-height: 1.125;
  margin-bottom: 1.125em;
}

p, ol, ul, pre {
  line-height: 1.5;
  margin-bottom: 1.5em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li {
  margin-left: 2em;
}

pre, code {
  font-family: monospace;
}

pre {
  margin-bottom: 0;
  overflow: auto;
  white-space: pre;
}

em { font-style: italic; }

strong { font-weight: bold; }


/* @group API reference */
  .api-docs {
    margin-bottom: 50px;
  }

  .api-docs header {
    background: url('/images/faq/divider-dashed.png') center bottom no-repeat;
    padding-bottom: 10px;
    margin-bottom: 25px;
    overflow: auto;
    width: 100%;
  }

  .api-docs header h1 {
    font-size: 20px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold; 
    color: #3F382D;
    float: left;
    line-height: 1;
    text-transform: uppercase;
    -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; 
  }

  .api-docs header p {
    float: right;
    margin-bottom: 0;
    padding-top: 2px;
    font-size: 16px;
    color: #666;
  }

  .api-docs h2 {
    color: #444;
    font-size: 18px;
    line-height: 2.5;
    margin-bottom: 0;
  }

  .api-action {
  }

  .api-action + .api-action {
    border-top: none;
  }

  .api-action h1 {
    margin-bottom: 0;
    overflow: hidden;
  }
  
  .api-action .disclosure { 
    width: 20px;
    height: 20px;
    background: url('/images/api_docs/disclosure_buttons.png') no-repeat left top;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 4px;
    *display: inline;
  }
  
  .api-action.open .disclosure {
    background-position: left bottom;
  }

/* 
---------------------------------------- */


  .api-console {
    clear: both;
    padding: 15px;
    background: white -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
    background: white -moz-linear-gradient(#eee, #fff);
    background: white -ms-linear-gradient(#eee, #fff);
    background: white linear-gradient(#eee, #fff);
    background-color: white;
  }
  
  .api-action { clear: both; background: white; }
  .api-action h1 {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: bold;
    color: #3e372e;
    background: #ddd;
    background: #ddd -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc));
    background: #ddd -moz-linear-gradient(#ddd, #ccc);
    background: #ddd -ms-linear-gradient(#ddd, #ccc);
    background: #ddd linear-gradient(#ddd, #ccc);
  }
  
  .api-action.open h1 {
    color: #ccc;
    background: #3e372e;
    background: #3e372e -webkit-gradient(linear, left top, left bottom, from(#3e372e), to(#4d443a));
    background: #3e372e -moz-linear-gradient(#3e372e, #4d443a);
    background: #3e372e -ms-linear-gradient(#3e372e, #4d443a);
    background: #3e372e linear-gradient(#3e372e, #4d443a);
  }

  .api-action h1 code {
    float: right;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: normal;
    height: 45px;
    line-height: 43px;
  }
  
  .api-action h1 code strong {
    text-transform: uppercase;
		margin-right: 5px;
    color: white;
    font-size: 12px;
    padding: 4px 7px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; 
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 4px; -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 4px; -ms-box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 4px; box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 4px; 
  }
  
  .api-action.get h1 code strong { background: #090;}
  .api-action.post h1 code strong { background: #c90; }
  .api-action.put h1 code strong { background: #36f;}
  .api-action.delete h1 code strong { background: #c30; }


  .api-action h1,
  .api-action h1 code {
    cursor: pointer;
  }
/* @end */


/* @group API console */
  .api-console .param.required {
    font-weight: bold;
  }

  .api-console table {
    width: 100%;
  }

  .api-console th,
  .api-console td {
    padding: 6px 0;
    text-align: left;
    vertical-align: top;
  }

  .api-console th {
    color: #bbb;
    font-size: 11px;
    text-transform: uppercase;
  }

  .api-console td {
    border-top: 1px solid #ddd;
    line-height: 2;
  }
  
  .api-console td.description {
    font-size: 12px;
    color: #666;
  }

  .api-console tbody tr:hover td {
    background-color: #f6f6f6;
  }

  .api-console .param {
    font-size: 14px;
    color: #333;
    width: 225px;
  }

  .api-console .param.url-param em {
    color: #bbb;
    font-family: sans-serif;
    font-style: normal;
    font-weight: normal;
  }

  .api-console .value {
    width: 275px;
  }

  .api-console .value input[type=text] {
    padding: 3px;
    width: 215px;
    border: 1px solid #ccc;
    background: #eee;
    font-size: 14px;
    font-style: italic;
    color: #666;
  }

  .api-console .value textarea {
    height: 150px;
    width: 215px;
  }

  .api-console .value input.error {
    background-color: #fcc;
  }

  .api-console .api_token .value {
    font-size: 14px;
    font-style: italic;
    color: #666;
  }

  .api-console.disabled tfoot {
    display: none;
  }

  .api-console tfoot td {
    padding-left: 225px;
  }

  .api-console .loading {
    vertical-align: text-bottom;
  }

  .api-console .clear {
    color: #888;
    line-height: 1.5;
    text-decoration: none;
    position: relative; 
    top: 2px;
  }
  
  .api-console tfoot td { padding-top: 12px;}

  .api-console .clear strong {
    color: #777;
    font-size: 28px;
    font-weight: bold;
    line-height: 8px;
    position: relative;
    top: 3px;
  }

  .api-console .clear:hover strong {
    color: #444;
  }

  .api-console .loading,
  .api-console .clear {
    display: none;
    padding: 0 3px;
  }


  /* @group -API response */
    .api-response {
      background: url('/images/faq/divider-dashed.png') center top no-repeat;
      display: none;
      margin-top: 9px;
      padding-top: 25px;
    }

    .api-response ul {
      overflow: auto;
      width: 100%
    }

    .api-response li {
      font-size: 18px;
      list-style: none;
      margin: 0;
    }

    .api-response .request-url {
      float: left;
    }

    .api-response .response-code {
      float: right;
    }

    .api-response h2 {
      clear: both;
      font-size: 13px;
      font-weight: bold;
      margin-top: 1.846153846em;
    }

    .api-response pre {
      background: #eee;
      color: #333;
      max-height: 350px;
      padding: 15px;
    }
  /* @end */
/* @end */

.action_button { vertical-align: middle; }

.overview pre { margin: 1.5em 0; background: #ddd;
color: #333;
max-height: 350px;
padding: 15px; }
