/*COMMON*/
* {
margin:0;
padding:0;
}

html {
font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
font-size:62.5%;
text-align:center;
background-color:#fff;
}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

img {
border:none;
}

a {
color:#000;
outline-style:none;
}

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

h1,h2,h3,h4 {
color:#000;
font-weight:400;
margin:0;
padding:0;
}

h1 {
font-size:2.4em;
line-height:2em;
color:#0c0;
}

h2 {
font-size:1.7em;
color:#333;
line-height:2em;
}

h3 {
font-size:1.5em;
color:#333;
margin-bottom:10px;
}

h1 strong,h2 strong,h3 strong,h4 strong {
font-weight:inherit;
}

input,select,textarea {
font-size:1em;
}

p {
font-size:14px;
margin-top:5px;
margin-bottom:5px;
}

body {
font-size:12px;
text-align:left;
}

.hidden {
display:none;
}

.content {
margin:0 auto;
width:780px;
}

.column {
float:left;
width:245px;
margin-right:15px;
}

.clear-both {
clear:both;
}

#header {
background-color:#0c0;
height:50px;
}

#header-contents {
}

ul#menu-list {
height:50px;
padding:10px;
}

ul#menu-list li {
display:inline;
margin:10px;
padding:4px;
font-size:18px;
}

#menu {
display:inline;
text-align:right;
}

#logo {
font-size:40px;
color:#fff;
float:left;
display:inline;
width:173px;
height:50px;
}

#main {
background-color:#fff;
margin-bottom:20px;
}

#main-contents {
/*height:420px;*/
}

#sub-main {
background-color:#6c6;
}

#sub-main-contents {
}

#footer {
padding-top:6px;
padding-bottom:6px;
background-color:#0c0;
}

#footer-contents {
text-align:center;
}

form {
padding:10px;
background-color:#ccc;
border:1px solid #000;
}

.form-row {
margin-bottom:6px;
}

.form-row label {
float:left;
width:100px;
text-align:right;
margin-right:18px;
}

#try-it {
float:right;
border:2px dashed #333;
padding:5px;
width:350px;
margin-top:20px;
padding:10px;
}

#response-content {
}

#api-test-button {
margin-top:10px;
margin-bottom:10px;
font-size:24px;
}

table {
border-collapse:collapse;
font-size:16px;
text-align:center;
}

table td,#plan-table th {
padding:10px;
}

table th {
background-color:#ccc;
}

#api-table {
border-collapse:collapse;
font-size:14px;
}

#api-table td,#api-table th {
padding:10px;
}

#api-table th {
background-color:#ccc;
}

#examples-list li {
margin-left:40px;
font-size:16px;
font-weight:700;
}

#examples-list li {
list-style-type:disc;
height:40px;
}

#examples-list li .source {
margin-left:15px;
font-size:12px;
}

#api-url-structure {
margin-top:14px;
margin-bottom:14px;
padding:4px;
font-size:16px;
border:2px dotted #666;
}

#api-url-structure span.param {
color:blue;
}

#api-url-structure span.placeholder {
color:red;
}

#queryBlock {
margin:0 auto;
border:3px solid blue;
background-color:#ADD8E6;
}

form .invalid {
border:2px solid red;
}

form .valid {
border:2px solid #76b900;
}

form .field-error-msg {
color:red;
padding:5px;
text-align:center;
border:2px solid #3E3D40;
height:22px;
background-color:#161616;
position:absolute;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display:none;
}