/* General ----------------------*/
body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	background-color: #FFF;
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
}
a:link {color: #0081dc;text-decoration: underline;}
a:visited {text-decoration: underline; color: #0069B7}
a:hover {text-decoration:none; background:#0081dc; color:white;}
a:active {text-decoration: underline;}
a:focus {outline: 1px dotted invert;}
a.logo:hover {background:none;}

hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 30px;}
p, dl, hr, h1, h2, h3, h4, ol, ul, pre, table, address, fieldset, img { margin-bottom: 13px;}
h1, h1 a:link, h1 a:visited {text-decoration:none; font-size: 23px;}
h2 {font-weight: normal; font-size: 20px; margin-top: -2px; margin-bottom: 4px;}
h3 {font-weight: normal; font-size: 18px; margin-top: 35px; margin-bottom: 4px; color:#30b800;}
h4 {font-size: 16px; margin-top: 30px; margin-bottom: 4px;}

/* Other -------------------------*/
.lessGap {margin-top: 19px;};
.introBox .grey {color:#ccc;}
.instruct .grey {color:#67adcd;}
.circle {list-style-type: circle;}
.circle2 {margin-left: 60px;}

.spacer {height: 20px;}

#container {
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
	overflow: hidden;
}

#navigation h1 {
	color:#0081dc;
	margin-bottom: 0px;
	margin-top: 10px;
}

#navigation nl li {
	float: left;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 5px;
	color:#bbb;
}
#footer ul li {
	list-style-type: none;
	margin-left: 0px;
	font-size: 11px;
}
#footer a{
	color:#aaa;
}

#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E2E2E2;
	padding-top: 5px;
}

#footer a:hover {color:white; background:#000;}

#footer strong{
	color:#999;
}

/* makes rightside links on api.html bold */
#right li a {
	font-weight: bold;
}
#copyright {
	font-size: 11px;
	color:#aaa;
}

table.specificationTable{

	padding:0;
	background:#f3f3f3;
	margin:10px 0 20px;
	border:none;
	border-collapse:collapse;
}

table.specificationTable td{
	padding:6px 10px 4px;
	vertical-align:top;
	border:none;
	border-collapse:collapse;
	border-left:1px solid white;
	border-bottom:1px solid #e4e4e4;
}

table.specificationTable tr:hover td{
	background:#e9e9e9;
}

table.specificationTable th{
	text-align:left;
	padding:4px 10px 4px;
	white-space: nowrap;
	border:none;
	background:#c9c9c9;color:white;
	border-left:1px solid white;
	border-bottom:1px solid #999;
}
/* make first td bold */
.firstTd{
	font-weight:bold;
}
/* make "required tag" write required and grey */
.rqNote{
	color:#aaa;
	font-weight:normal!important;
}

/* blue instruct box */
.instruct{
	display:block;
	padding:7px 20px 5px 26px;
	overflow:auto;
	margin-bottom:20px;
	margin-left:20px;
	background-image: url(../img/instruct.png);
	background-repeat: repeat-y;
}

/* all code boxes */
.code{
	background:#f0f0f0;
	overflow:auto;
	font-family: "Consolas", "Courier New", "Monaco", monospace;
	white-space:pre;
	display:block;
	padding:7px 20px 5px 10px;
	border-left:2px solid #E5E6E7;
	margin-bottom:10px;
}

p .code{
	display:inline;
	padding: 1px 4px 2px 4px;
}

.introBox .code {
	background:#f3f3f3;
	font-weight: bold;
	color: #999;
	padding: 0px 0px 0px 0px;
	border-left:0px;
	display:inline;
}

.normalBox {
	background:#f3f3f3;
	padding: 10px;
}

td .code {
	background:#eaeaea;
	font-weight: bold;
	color: #777;
	border-left:2px solid #DEDFE0;
	display:inline;
	padding: 1px 4px 2px 4px;
}

pre, code{
	margin-bottom:20px;
	line-height: 16px;
}

.tabDiv{
	background:#eee;
	border:1px solid #999;
	margin-top:10px
}

.tabDiv ul{
	clear:both;
}

.tabDiv li{
	float:left;
	list-style:none;
	margin:5px 15px 5px 0; padding:2px 4px;
}

.tabDiv li a{
	color:#222;
	cursor:pointer;
}

.tabDiv div{
	border:2px solid #bbb;
	clear:both;
}

td {
	vertical-align: top;
}