/*********** STYLED HTML ELEMENTS *******/
html {
	background-color: #003300;
}
body {
	font-family: Georgia,Serif;
	color: #000000;
}

h1 {
	font-size: 161.6%;  /* 21px default */
	font-weight: bold;
}
h2 {
	font-size: 138.5%;	/* 18px default */
	font-weight: bold;
}
h3 {
	font-size: 123.1%;	/* 16px default */
	font-weight: bold;
}
h4 {
	font-size: 108%;	/* 14px default */
	font-weight: bold;
}

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

p {
	line-height: 138.5%;	/* 18px default */
	margin-bottom: 18px;
}
p.last {
	margin-bottom: 0px;
}
strong {
	font-weight: bold;
}

code {
	color: #444444;
}
p code, li code, dd code {
	margin: 0px 3px;
}
dl,blockquote {
	margin: 20px;
}
dl {
	margin-left: 10px;
	margin-right: 10px;
}

dt{
	margin-top: 3px;
	font-weight: bold;
}
dd{
	margin: 0 10px;
}

/************* TEMPLATE PARTS **************/
/*.clearfloat:after{content:'.';display:block;height:0;clear:both;visibility:hidden;} */
div.clearfloat {
/* force hasLayout for IE, clear floats contained in this div class */
	height:100%;
	overflow: auto;
}
#doc2 {
	background-color: white;
	-webkit-box-shadow: 5px 5px 10px #001100;
	-moz-box-shadow: 5px 5px 10px #001100;
}
#page {
}

/* HEADER */
#hd {
	width:930px;
	margin: 0 10px;
	margin-bottom:20px;
}
#hd, #ft, #section-sidebar, #blog-sidebar {
	font-family: Helvetica, Arial, Sans-serif;
}
#hd .outer-border {
	border: 1px solid #006600;
	border-top-width: 0px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
}
#hd .inner-border {
	border: 1px solid #B6CF6D;
	border-top-width: 0px;
	background: url(../img/header_bg.png) repeat-x #9fbf5a;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
}
#hd .brand-logo {
	height:94px;
	background: url(../img/logo_mark_grd.png) no-repeat;
	background-position: 1px -8px;
}
#super-nav {
	padding-top: 10px;
	text-align: right;
	font-size: 85%;  /* 11px base */
	margin: 0 20px;
}
#super-nav a {
	color: #003300;
}
#super-nav li {
	display: inline;
}
#super-nav li.sep {
	padding: 0 10px;
	color: #006600;
}
#site-title {
	float:left;
	text-transform: uppercase;
	padding: 11px 0 0 120px;
	font-size:50px;
	font-weight: bold;
	color:#E6EECE;
}
#site-title a{
	color: #E6EECE;
	text-decoration: none;
}
#site-nav {
	position: relative; /* allows absolutely positioned sub menus */
	float:right;
	margin-top: 45px;
	margin-right: 20px;
	font-size: 16px;
}
#site-nav, #site-nav a {
	color: white;
}
#site-nav a:hover{
	color:#006600;
}
#site-nav .selected a:hover {
	text-decoration: none;
	color:white;
}
#site-nav li {
	display: inline;
	padding: 8px 0px;
	margin:0 15px;
}
#site-nav li.last {
	margin-right: 0;
}
#site-nav .menu {
	font-size:75%;
}
#site-nav li.selected {
	font-weight:bold;
}

/* BODY STYLES */
#bd {
	margin: 0 10px;
}
#front-col1 {
	width:435px;
	margin-right: 20px;
	float:left;
}
#front-col2 {
	width:470px;
	float:right;
}
#section-sidebar, #blog-sidebar {
	width:260px;
	float:left;
}
#section-content {
	width:640px;
	float:right;
	margin-right:5px;
}
h1.breadcrumb {
	padding-bottom: 3px;
}
.breadcrumb .sep {
	font-weight: normal;
}
ul.traditional-list {
	margin-left: 15px;
	margin-bottom: 18px; /* equivalent to standard p element */
}
.traditional-list li{
	margin-bottom: 5px;
}

/* FOOTER STYLES */
#ft {
	margin-top: 20px;
	padding: 3px 10px 10px 10px;
	font-size: 85%;
	border-top: 1px solid #006600; /*rgb(204,221,160); */
	background: url(../img/footer_bg.png) repeat-x;
	overflow: hidden;
}
#ft a {
	color:white;
}
#ft .brand {
	display: inline;
	float:right;
}
#ft ul {
	float: left;
	margin-top: 12px;
	color:rgb(204,221,160);
}
#ft li {
	display: inline;
	margin-right: 10px;
}

/************* NAV MENUS **************/

/* HORIZONTAL - SITE */
#site-nav .kvb-menu {
	position: absolute;
	font-size: 80%;
	color: black;
	border: 1px solid #003300;
	background-color: white;
	-webkit-box-shadow: 2px 2px 10px #AAAAAA;
	-moz-box-shadow: 2px 2px 10px #AAAAAA;
}
#site-nav .kvb-menu {
	margin: 0px;
	padding: 5px 0px;
}
#site-nav .kvb-menu li {
	display: block;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
#site-nav .kvb-menu li.sep {
	border-bottom: 1px solid #CCCCCC;
  margin:4px 0px;
	line-height: 0px;
	font-size: 1%;
}
#site-nav .kvb-menu span.sep {
	visibility: hidden;
}
#site-nav .kvb-menu a {
	display: block;
	color: #006600;
	padding: 2px 20px 1px 8px;
	border-bottom: 1px solid white;
}
#site-nav .kvb-menu a:hover {
	text-decoration: none;
	color: #006600;
	background-color: #E0EBC6;
	border-bottom: 1px solid #9FBF5A;
}
.kvb-menu-marker {
	cursor:pointer;
	font-size:75%;
}
.kvb-menu-bar ul {
  display: none;
}
.kvb-menu-bar li:hover > ul {
  display: block;
}
.kvb-menu-bar ul.parent_hover {
  display: block;
}

/* VERTICAL - SIDEBAR : GENERAL */
ul.kvb-vertical-menu {
	border: 1px solid #006600;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
ul.kvb-vertical-menu>li {
	font-size: 16px;
	border-top: 1px solid white;
	border-bottom: 1px solid #006600;
}
ul.kvb-vertical-menu>li.selected{
	border-bottom: 1px solid #006600;
}
ul.kvb-vertical-menu>li.last {
	border-bottom: none;
}
ul.kvb-vertical-menu a{
	color: black;
	display: block;
	padding: 5px 10px;
}

/* VERTICAL - SIDEBAR : DOCS */
ul.kvb-vertical-menu.docs {
	background-color: #e0ebc6;
	border: 1px solid #006600;
}
ul.kvb-vertical-menu.docs>li {
	font-weight: bold;
	font-size: 16px;
	border-top: 1px solid white;
	border-bottom: 1px solid #006600;
}
ul.kvb-vertical-menu.docs>li.selected{
	border-top: solid 1px #d4e1ab;
	border-bottom: 1px solid #006600;
}
ul.kvb-vertical-menu.docs>li.last {
	border-bottom: none;
}
ul.kvb-vertical-menu.docs>li.selected>a{
	background: url(../img/sidebar_sel_bg.png) repeat-x;
	background-position: bottom center;
}
ul.kvb-vertical-menu.docs li ul{
	padding-bottom: 5px;
}
ul.kvb-vertical-menu.docs>li.selected ul{
	border-top: 1px solid #999;
	background-color: white;
	padding-top:5px;
}
ul.kvb-vertical-menu.docs>li.selected ul a{
	padding-left:25px;
}
ul.kvb-vertical-menu.docs li ul li.selected{
	background-color: #669900;
	border-top:1px solid #006600;
	border-bottom:1px solid #006600;
}
ul.kvb-vertical-menu.docs li ul li.selected a{
	color: white;
	font-weight: bold;
	text-decoration: none;
}
ul.kvb-vertical-menu.docs a{
	color: black;
	display: block;
	padding: 5px 10px;
}
ul.kvb-vertical-menu.docs li.selected a{
	padding-left:20px;
}
ul.kvb-vertical-menu.docs li ul li a {
	padding:2px 0;
	padding-left: 15px;
	font-weight: normal;
	font-size:13px;
}

/* VERTICAL - SIDEBAR : DEVELOPER */

#section-sidebar.apps {
	min-height: 400px;
}
div.apps-vertical-menu {
	border-top: 3px solid green;
}
div.apps-vertical-menu.disabled {
	opacity:.3;
}
div.vm-header {
	display: none;
	color: black;
	background-color: white;
	font-size: 138%;
	font-weight: normal;
	padding: 0 10px;
	padding-bottom: 3px;
	font-family:"Georgia", serif;
	border-bottom: 3px solid green;
}
div.vm-item {
	border-top:1px solid white;
	border-bottom:1px solid white;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;	
}
div.vm-basic-item {
	font-size: 108%;
	padding: 10px;
}
div.vm-app-item {
	padding: 7px 5px;
	height: 56px;
	overflow:hidden;
}
div.vm-item.selected {
	background-color: rgb(255,255,215); /* #EBE4D9; */
	border-top:1px solid #008800;
	border-bottom:1px solid rgb(210,223,195);
	background-color: rgb(230,243,204);
}
div.vm-item.selected, div.vm-item.disabled{
	cursor:default;
}
div.vm-divider {
	font-size: 108%;
	padding: 3px;
	border-top: 10px solid white;
	border-bottom: 2px solid #444;
	font-family:"Georgia", serif;
	color: black;
	background-color: white;
	-webkit-user-select:none;
	-moz-user-select:none;	
}
div.vm-empty {
	height: 70px;
	padding: 10px;
	font-style: italic;
	font-family: "Georgia", serif;
	text-align: center;
	border: none;
	color: #808080;
}
.apps-vertical-menu .kv-app-icon {
	height: 54px;
	width:  54px;
	border: 1px solid #666666;
	float: left;
}
.apps-vertical-menu .kv-app-details {
	margin-left: 60px;
	display: block;
}
.apps-vertical-menu .kv-app-title {
	font-size: 100%;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
.apps-vertical-menu .kv-app-description {
	font-size: 85%;
	height: 20pt;
	overflow:hidden;
	line-height:9pt;
 }
.apps-vertical-menu .kv-app-created {
	font-size: 85%;
	font-style: italic;
	text-align: right;
	font-family: "Georgia", serif;
	margin-top:5px;
}


/************* APPS PANELS ******************/
div.apps-panel {
	margin-bottom: 50px;
}
div.apps-panel-form {
	border: 1px solid rgb(102,51,0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: url(../img/notice_yellow_bg.png) repeat-x bottom rgb(255,255,215);
}
div.apps-panel-form .hd {
/*	background-color: rgb(102,51,0);
	color: rgb(255,255,215);*/
	font-size: 138%;
	padding: 5px 10px;
	font-weight: bold;
	border-bottom: 1px solid rgb(102,51,0);
	margin-top: 1px;
	background: url(../img/notice_yellow_bg.png) repeat-x bottom rgb(255,255,215);
}

div.apps-panel-form .content.dialog {
	padding: 0 10px 10px 10px;
}

div.apps-panel-form .content.dialog h2 {
	margin:5px 0;
}

#apps_panel_loading {
	width:200px;
	margin:auto;
	margin-top:120px;
	text-align: center;
}
#apps_panel_loading .load-status {
	font-size: 125%;
	color: gray;
}

/*********** DIALOG BUTTONS ****************/
div.button-options {
	text-align:center;
	margin-bottom:20px
}
button.cta {
	font-family:inherit;
	font-size: 161.6%;
	background-color: #FBDF92;
	border: solid 3px rgb(102,51,0);
	padding: 10px 20px;
	margin: 0px 30px;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
button.cta:hover {
	background-color: #FAED99;
}

/********** APPS PANELS: FORMS  **************/

div.apps-panel fieldset {
	border-bottom: 1px dashed rgb(197,151,0);
	padding: 10px;
}
div.apps-panel fieldset.submission {
	border-bottom: none;
	padding: 10px;
}
form.my-apps th {
	width: 135px;
	vertical-align: top;
	padding: 10px 10px 10px 0;
}
form.my-apps th {
	font-size: 125%;
	font-weight: normal;
}
form.my-apps td {
	font-size: 108%;
	padding: 10px 10px 15px 10px;
}
form.my-apps input, form.my-apps textarea {
	border: 1px solid #CECECE;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
form.my-apps input {
	font-size: 125%;
}
form.my-apps input.invalid, form.my-apps textarea.invalid {
	border-color: #CC3300;
	background-color: #FEEADD;
}
form.my-apps td label.invalid {
	color: #CC3300;
	margin:5px;
	display:block;
	font-size: 77%;
}
textarea {
	resize: both;
}
form.my-apps label.radio {
	margin-right: 15px;
}
form.my-apps .tip {
	color: #808080;
	margin: 5px 20px 10px 0;
}
form.my-apps .tip.tiny {
	font-size: 85%;
	margin: 5px 20px 5px 0;
}
form.my-apps .radio-button-group {
	margin-bottom:15px;
}

code#appedit-appId {
	font-size:130%;
}

/********** DEVELOPER: APP VIEW ************/
#apps_panel_view .hd {
	border-top: solid 3px #008800;
	padding: 5px 0 10px 0;
}
#apps_panel_view h2 {
	font-size: 161.1%;
	display: inline;
	overflow:hidden;
	text-overflow:ellipsis;
}
#apps_panel_view #appview-statusDate {
	text-align:right;
	font-style: italic;
	float: right;
	padding-right: 5px;
	border-right: 4px solid #FF9900; /*orange; */
 }
#apps_panel_view #appview-statusDate.published-state { border-right:4px solid #008800; }
#apps_panel_view #appview-statusDate.disabled-state { border-right:4px solid #CC3300; }
#apps_panel_view #appview-website { font-size:116%; pointer:cursor; margin-top:1px}
button.sm {
	border: solid 1px #663300;
	background: url(../img/button_bg_sm_orange.png) repeat-x white bottom;
	color: #663300;
	cursor:pointer;
	padding:3px 10px;
	min-width: 80px;
	min-width: 100px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:block;
	-webkit-user-select:none;
	-moz-user-select:none;	
}
button.sm:hover, button.sm.green:hover {
	text-decoration:underline;
	background-position:7px 0px;
}
button.sm:disabled {
	text-decoration:none;
	background: #FEF3D2;
	color:#AA9966;
	border-color: #AA9966;
	cursor: default;
}
button.sm.green {
	border: solid 1px #003300;
	background: url(../img/button_bg_sm_green.png) repeat-x white bottom;
	color: #003300;
}

button.hyperlink {
	text-decoration: underline;
	border: none;
	background: none;
	cursor: pointer;
	color: #003399;
}

#apps_panel_view div.actions {
	float: right;
	text-align:right;
	margin-left: 10px;
	alignment-baseline:;
}
#apps_panel_view div.actions button{ margin-bottom: 10px;}
#apps_panel_view .essentials img {
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #808080;
	height:73px;
	width:73px;
}
#apps_panel_view .quickstats {
	margin: 30px 0;
}
#apps_panel_view .quickstats .stat{
	float: left;
	width: 210px;
	text-align:center;
}
#apps_panel_view .quickstats .figure{ font-size: 380%; }
#apps_panel_view .quickstats .label{ font-size: 123.1%; }

#apps_panel_view .oauth-details h3 { 
	margin: 40px 0 5px 0; font-size: 123.1%; border-bottom:2px solid #CECECE;}
#apps_panel_view .oauth-details div.actions {
	margin-top: 20px;
}
#apps_panel_view .oauth-details div.actions button.sm {
	min-width:130px;
}
#apps_panel_view .oauth-details h4 { font-weight: bold; font-size: 100%; margin-top:15px;}
#apps_panel_view .oauth-details code{
	font-size:123.5%;
	color: #808080;
}
#apps_panel_view #appview-noSecret {
	font-style: italic;
}
#apps_panel_view #appview-consumerSecret {
	margin: 5px;
	padding: 3px;
	background-color: #fafafa;
	border: #808080 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:block;
}
#apps_panel_view .destructive-actions {
	margin-top: 30px;	
}
#apps_panel_view .destructive-action {
	font-size:123.5%;
	color: #CC3300;
}

/*********** MISC APPS STYLES ****************/
div.easy-steps {
	margin: 20px 0 20px 0px;
}

div.easy-steps div.step {
	margin-bottom:10px;
}

div.easy-steps div.marker {
	float: left;
	width: 40px;
	font-size: 400%;
	text-align: right;
	color: rgb(102,51,0);
	margin-right: 15px;
	margin-top: -17px;
}

div.easy-steps div.content {
	float: right;
	width: 550px;
}

/*********** INLINE NOTICES ****************/
.inline-notice {
	font-size: 108%;	/* 14px default */
	border: solid 1px #FF9900;
	background-color: #FFFFCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	min-height:26px;
	margin-bottom: 20px;
}
.inline-notice>.dismiss {
	float: right;
	height: 16px;
	width: 16px;
	margin: 5px;
	cursor: pointer;
	background-image:url(../img/close_button_sm_yellow.png);
}
.inline-notice>.content {
	display: block;
	margin: 10px 35px 10px 20px;
}
.inline-notice.success {
	border: solid 1px #009900;
	background-color: #CFECCF;
}
.inline-notice.success>.dismiss {
	background-image:url(../img/close_button_sm_green.png);
}
.inline-notice>.content {
	display: block;
	margin: 10px 35px 10px 20px;
}
.inline-notice.failure {
	border: solid 1px #CC3300;
	background-color: #F4D1C6;
}
.inline-notice.failure>.dismiss {
	background-image:url(../img/close_button_sm_red.png);
}

/*********** CLASS STYLES ****************/

.doc-rss-method {
	border-top: 1px solid rgb(204,221,160);
	padding-top:10px;
}
.doc-rss-method dt {
	font-style: italic;
	font-weight:normal;
}

code.hilite {
	color:rgb(255,102,0);
}

div.flash-confirmation, div.doc-warning, div.doc-hint {
	color:#CC3300;
	font-size:111%;
	margin-bottom: 20px;
	margin-top: 10px;
	border: 1px solid #CC3300;
	background-color: #F4D1C6;
	padding: 5px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
div.flash-confirmation, div.doc-hint {
	color:black;
	border: 1px solid #009900;
	background-color: #CFECCF;
}
div.doc-warning, div.doc-hint {
	font-weight: bold;
}

div.code {
	color:#333333;
	font-family: monospace;
	margin: 20px 10px;
	white-space: pre;
	padding:5px 10px;
	overflow-x: auto;
	border:1px solid rgb(102, 51, 0);
	background-color: rgb(255,255,215);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

code.method-name {
	font-weight: bold;
}

.documentation ul {
	margin: 0 20px 0 25px;
}
.documentation li {
	list-style: square;
}

#section-content .documentation ul {
	margin-left:20px;
	margin-right:20px;
}
#section-content .documentation li {
	margin-bottom: 5px;
}


.col_section, .col-section {
	margin-bottom: 15px;
}

.col_section h2, .col-section h2,  h1.breadcrumb {
	border-bottom: 3px solid rgb(204,221,160);
	padding-bottom: 1px;
	margin-bottom: 6px;
}
h1.breadcrumb {
	padding-bottom: 3px;
}
.breadcrumb .sep {
	font-weight: normal;
	margin:0 5px;
}
.doc-section {
	margin-bottom: 40px;
}
.promo_intro {
	margin-bottom: 10px;
	margin-right: 30px
}

.conspicuous_warning {
	display:block;
	border:1px solid #600;
	background-color:#fbb;
	padding:10px 10px 10px 10px;
	margin:10px;
}

/* api explorer */
#api-reference .toc li {
	list-style: none;
}
#api-reference .toc .group-header {
	font-weight: bold;
	font-size: 111%;
	margin-top: 10px;
}
#api-reference .method-reference {
	border-top: 1px solid rgb(204,221,160);
	margin-top: 15px;
	padding: 10px 0 0 10px;
}
#api-reference dl {
	margin: 10px;
}
#api-reference dt {
	font-weight:normal;
	font-style:underline;
	margin-top: 10px;
}
#api-reference .arg-name-meta {
	font-weight:normal;
	color:#777;
	margin-left: 5px;
}

/* generally front page stuff */
.promo_intro img {
	float:left;
	margin-right: 7px;
}
.promo_intro p {
	font-style: italic;
	font-size: 120%;
}

.promo-teaser {
	margin-bottom: 15px;
}

.promo-billboard {
/*	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFF0), to(#FFE598) ); */
	margin-bottom: 15px;
	text-align: center;
}

.promo-billboard img {
	margin-top: 5px;
}
.promo-billboard .outer-border, .promo-teaser .outer-border {
	border: 1px solid rgb(102,51,0);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.promo-billboard .inner-border, .promo-teaser .inner-border {
	border: 1px solid white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.promo-billboard .inner-border {
	padding: 10px;
	background: url(../img/billboard_bg.png) repeat-x #FFE598;
}

.promo-garage {
	color:#FFFFFF;
	font-size:150%;
	border: 1px solid #009900;
	background-color: #CFECCF;
	background: url(../img/warehouse.jpg) no-repeat;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px 10px;
	margin-bottom: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.promo-garage a {
	color: white;
}

.promo-teaser .inner-border {
	padding: 5px;
	background: url(../img/compass_bg.png) repeat-x #FBDF92;	
}

.promo-teaser img {
	float:left;
	margin:0 30px;
}
.promo-teaser .content {
	float:right;
	width:300px;
}

.promo-teaser .content .hd {
	height:10px;
	overflow: hidden;
	background: url(../img/teaser_post_it.png) no-repeat;
	background-position: center top;
}

.promo-teaser .content .bd {
	background: url(../img/teaser_post_it.png) no-repeat;
	background-position: center -10px;
	padding: 0 10px 10px 10px;
}

.promo-teaser .content .ft {
	border-bottom:1px solid #EDBD60;
}

.article-meta, .api-tryit, .dl-meta {
	font-size: 93%;  /* 12px base */
	color: #808080;
}
.article-meta {
	margin-top: 2px;
	font-style: italic;
	margin-bottom: 5px;
}
.api-tryit {
	margin-top: -15px;
	margin-bottom: 15px;
}
.dl-file-title {
	font-size: 108%;
	font-weight: bold;
	margin: 0 3px;
}
.dl-icon {
	margin-right: 7px;
}
.discussion-topic {
	margin-bottom:10px;
}

.bb-section {
	width:241px;
	float: left;
	padding:0px 30px;
}

/* These styles belong at the end to override all others */
a.anchor-target, a:hover.anchor-target {
	color: black;
	text-decoration: none;
}