/* report tabs */

.tabs ul {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0 10px;
  border-bottom: 1px solid #ccc;
  float:none !important;
  width:inherit;
}

.tabs ul li {
  /* display: inline-block; */
  margin:0 !important;
  float: left;
  border-top: 5px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top-left-radius: 4px; 
  border-top-right-radius: 4px;
  -webkit-border-left-radius: 4px; 
  -webkit-border-right-radius: 4px;
  -moz-border-left-radius: 4px; 
  -moz-border-right-radius: 4px;
  -o-border-left-radius: 4px; 
  -o-border-right-radius: 4px;
  -khtml-border-left-radius: 4px;
  -khtml-border-right-radius: 4px;
}



.tabs ul li a, .tabs ul li a:link, .tabs ul li a:hover, .tabs ul li a:active {
  display: block;
  padding: 12px;
}


.tabs-content { position: relative; }

.tabs-content .tab {position: absolute; top: 0; left: 0; right:0; visibility: hidden; }

.tabs-content .tab.active { visibility: visible; }

/* specific styles */
/* exception */

.tabs-content.charts { height: 850px; }
.tabs-content.ranked-tab { height: auto; padding-bottom: 20px; }
.tabs-loading { height: 100px; }


/* api explorer */

/* #api-tabs ul {border:none;} */

/* .tabs-content.apiexplorer .tab {position:static; display:none; background:#fafafa; border: 1px solid #ccc;  padding: 0 2em 2em;
  border-radius: 4px; 
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  -o-border-radius: 4px; 
  -khtml-border-radius: 4px;
} */

.tabs-content.apiexplorer {}

.tabs-content.apiexplorer .tab {position:static; display:none; padding:1em 2em 2em; background:#fafafa; }
.tabs-content.apiexplorer .tab h3 {margin-top:0;}

.tabs-content.apiexplorer .tab.active { display:block; }
/* #api-tabs ul li.active a { background:#fdfdfd; } */

#select-api,
#select-method,
#select-resource {width:380px !important;}


.authentication-button {margin:18px auto 18px auto;}
#execute-button {margin:0 auto;}

.action-area { width:300px; height:117px; position:absolute; top:23px; right:17px; background:#eee; border:1px solid #ccc; margin:0 auto; text-align:center;
  border-radius: 4px; 
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  -o-border-radius: 4px; 
  -khtml-border-radius: 4px;
}

#response-wrapper {width:670px;}
#code {padding:1em; background:#fff;}

#parameters-table td {padding:5px 10px !important; vertical-align:middle !important;}
#parameters-table .leftblock {float:left; margin-right:1em;}

#select-apikey {
  width:300px;
}

#apikey-unavailable-message {
  margin-left:5px;
}

.select-apikey-area {
  text-align:left;
  margin-left: 12px;
}

.authentication-button-apikeys {
  margin: 18px auto 18px auto;
}
.action-area-apikeys { 
  width: 320px;
  height: 165px;
  position: absolute;
  top: 9px;
  right: 13px;
  background: #eee;
  border: 1px solid #ccc;
  margin: 0 auto;
  text-align: center;
  border-radius: 4px; 
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  -o-border-radius: 4px; 
  -khtml-border-radius: 4px;
}


/* Fix 100% width */
.action-area .chzn-container, .chzn-drop, .chzn-drop .chzn-search, .chzn-drop .chzn-search input {
  width: 100% !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Override width */
.action-area .chzn-container { width:300px !important; }