@charset "utf-8";
/* CSS Document */

/* shortcode */
#Page {
}
#Content{
}
/*#Sidebar {
    width: 220px; top: 288px; position: fixed;
}*/
#navigation{
    padding: 0;
    margin: 0;
}
#navigation ol,ul{
    padding: 1px;
}

#navigation h3 {
    margin: 0;
    width: 227px;
}
#navigation h3 a {
    margin: 0;
    font-weight: bold !important;
    font-family: 'Droid Sans', sans-serif, 'Helvetica Neue', '​ Helvetica', '​ Arial' !important;
    }
.sidebar {
    background: none repeat scroll 0 0 #EAEAEA;
}

.sidebar ul li a {
    color: #666666;
    font-family: 'Droid Sans', sans-serif, 'Helvetica Neue', '​ Helvetica', '​ Arial';
    font-size: 14px;
    text-decoration: none;
}
.sidebar h3 a {
    background: none repeat scroll 0 0 #707070;
    color: #FFFFFF !important;
    display: block;
    font-weight: bold;
    font-family: 'Droid Sans', sans-serif, 'Helvetica Neue', '​ Helvetica', '​ Arial';
    margin: 0;
    padding: 10px 0 10px 14px;
    width: 93%;
}
.sidebar ul {
    margin: 0;
    padding:0;
    width:225px;
}
.sidebar ul li {
    list-style: none outside none;
    padding: 5px 0;
    margin: 0;
}
.sidebar ul li a {
    color: #666666;
    font-family: 'Droid Sans', sans-serif, 'Helvetica Neue', '​ Helvetica', '​ Arial';
    font-size: 14px;
    text-decoration: none;
}
.sidebar ul li a:hover {
    opacity: 0.8;
}
.sidebar ul li.currentSelected {
    background:url("/images/outside/selected-arrow.png") no-repeat scroll 215px center #9C9C9C;
}
.sidebar ul li.currentSelected a {
    color: #FFFFFF;
}
.sidebar ul li.currentSubSelected {
    background: url("/images/outside/selected-arrow.png") no-repeat scroll 153px center #B2B2B2;
}
.sidebar ul li.currentSubSelected a {
    color: #FFFFFF;
    font: 13px/15px 'Geogrotesque-Medium';
}
.active{
    color: #FFFFFF;
}

.displayNone{
    display: none;
}
.displayBlock{
    display: block;
}
.col-25{
    width: 25%;
}
.col-75 {
    width: 75%;
}
.col-79 {
    width: 80%;
}
.col-22{
    width: 22%;
}
.col-65 {
    width: 65%;
}
.col-23{
    width: 23%;
}

.col-76 {
    width: 76%;
}


.sidebarOverview {
    height: 100%;
    width: 225px;
}
.mainContent {
    color: #333333;
    font-family: 'Droid Sans', sans-serif, 'Helvetica Neue', '​ Helvetica', '​ Arial';
    font-size: 14px;
    padding: 0!important;
    width:100%;
}
/*
#navigation a:hover {
    color: #000000;
}
a.active{
    background: #9C9C9C;
    color:#FFFFFF!important;
}
.sidebar ul li {
    list-style:none;
    padding: 1px;!important;
}
.menuItem{
    margin-left:5px;
}*/
.apiContent{
    width: 100%;
}
.api-detail {
    height: auto;
    width: 100%;
    position: relative;
    padding: 0!important;
}
.api-detail table.blog-comparison {
    border-color: #808080;
    overflow: auto;
    width: 100%;
}
.api-detail table.blog-comparison th {
    font-weight: 700;
    font-family: 'Droid Sans', sans-serif, 'Helvetica Neue', '​ Helvetica', '​ Arial';
    color:#182951;
}
.api-detail table.blog-comparison th, table.blog-comparison td {
    border: 1px solid #DADADA;
    padding: 13px;
    vertical-align: top;
}
.api-detail table.blog-comparison tr {
    background-color: #FFFFFF;
    border-top: 1px solid #DADADA;
}
.api-detail table.blog-comparison td {
    border: 1px solid #DADADA;
    padding: 8px;
}

.api-detail .api-detail-body table.blog-comparison{
    table-layout: fixed;
    width: 100%;
    line-height: 20px;
}

.api-detail .api-detail-body table.blog-comparison tr:nth-child(2n) {
    background-color: #F9F9F9;
}
table.grid tr:nth-child(2n) {
    background-color: #FFFFFF!important;
}
.example{
    background-color: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-size: 14px;
    line-height: 19px;
    overflow: auto;
    padding: 0.1em 0.3em;
    vertical-align: middle;
    max-height: 300px;
}
.subMenuItem {
    color:#666666 !important;
    font-family: 'Droid Sans', sans-serif, 'Helvetica Neue', '​ Helvetica', '​ Arial'!important;
    font-size: 16px;
    padding-left: 15px;
}



.api-detail-title {
    background: none repeat scroll 0 0 #2CABE1;
    margin: 0;
    padding: 12px;
    color: #ffffff;
}

.sectionHelpContent p {
    font-size: 14px;
    font-family: 'Droid Sans', sans-serif, 'Helvetica Neue', '​ Helvetica', '​ Arial';
    font-weight: 400;
    margin-bottom:10px;
    line-height: 19px
}

.grid {
    width: 100%;
}

.mainMenuItem {
    padding: 0 !important;
}

.sidebar ul li.currentSelected {
    background: url("/images/outside/selected-arrow.png") no-repeat scroll 215px center #c1c1c1;
}
#navigation .active h3 a {
    background: #333333;
}

.apiDescSeparator {
    border-bottom: 1px solid #CCCCCC;
    color: #FF0000;
    height: 20px;
    left: -8px;
    margin-bottom: 20px;
    position: relative;
    width: 103%;
}

.questionSeparator {
    border-bottom: 1px solid #CCCCCC;
    color: #FF0000;
    height: 20px;
    left: -8px;
    position: relative;
    width: 103%;
}