@charset "utf-8";
/* CSS Document */
/* CSS Document for ConvergeHub API */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer-section, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border:0 none;
    font:inherit;
    margin:0;
    padding:0;
    vertical-align:baseline
}
article, aside, details, figcaption, figure, footer-section, header, hgroup, menu, nav, section {
    display:block
}

input, textarea, select, option {outline:none; resize:none;}
ul, li {margin:0px; padding:0px; list-style:none;}
img {max-width:100%; height:auto; }

body{font-family: 'Open Sans', sans-serif; font-weight: 400;}
.clr {
    clear: both;
    font-size: 0;
    height: 0;
}
a {
    color: #f12545;
    text-decoration: none;
    outline:none;
}
a:hover {
    /*color: rgb(224, 164, 32);*/
}

/*paragraph*/
p {
    color: rgb(136, 136, 136);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5em;
    margin-bottom:10px;
}

/*hgroup*/
h1, h2, h3, h4, h5, h6 {}
h1 {float: left;}
h2 {
    color: rgb(82, 85, 87);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 28px;
    letter-spacing: 0.045em;
    line-height: 1.286;
}

.wrapper {
    margin: 0 auto;
    width: 960px;
}

.top {
    background: #222a37;
    width: 100%;
    height:26px;
    line-height:22px;
}
.top li {
    display: inline;
    float: left;
    margin-right: 19px;
}
.top li span {
    background: url(../images/main_sprite.png) no-repeat 0 0;
    color: rgb(255, 255, 255);
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.02em;
    padding-left: 23px;
    text-decoration: none;
}
.top li a, .top span a {
    background: url(../images/main_sprite.png) no-repeat 0 0;
    color: rgb(255, 255, 255);
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.02em;
    padding-left: 23px;
    text-decoration: none;
}
.top li a:hover, .top span a:hover {color: #f12545;}
.top li span.icon1 {
    background-position: -1254px -99px;
}
.top li a.icon2 {
    background-position: -1254px -155px;
}

.navigation_area {margin:12px 12px 8px 12px;}

nav {float:right; margin-top:6px;}
nav li {float: left;}
nav li a {
    color: rgb(65, 65, 65);
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 0 13px 13px;
    text-transform: uppercase;
}
nav li a:hover {
    color: #f12545;
}

.heading-area {
    background: rgb(245, 245, 245);
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    width: 100%;
    padding:8px 0;
}
.heading-area span {
    color: rgb(82, 85, 87);
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 28px;
    letter-spacing: 0.045em;
    line-height: 1.286;
    float:left;
    display:block;
}

/*search_area*/
.search_area {float:right;}
.search_area input[type="text"] {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(242, 242, 242);
    color: rgb(27, 27, 27);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    width:200px;
    padding:8px 10px;
    float:left;
    margin-right:5px;
}
.search_area input[type="submit"], 
.search_area input[type="button"] {
    width:35px;
    height:35px;
    border: 0px;
    float:left;
    cursor:pointer;
    background:url(../images/search-icon.jpg) no-repeat left top;
}
.search_area input[type="submit"]:hover, 
.search_area input[type="button"]:hover {
    background:url(../images/search-icon.jpg) no-repeat left bottom;
}

/*left panel*/
.api_left_panel {
    float:left;
    width:195px;
}
.api_right_panel {
    float:right;
    width:728px;
    padding:30px 0 50px 35px;
    border-left:1px solid #f4f4f4;
}
.left_navigation {}
.left_navigation li {display:block;}
.left_navigation li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border-bottom: 1px solid rgb(229, 229, 229);
    box-shadow: 3px 0 3px rgb(239, 239, 239);
    color: rgb(72, 73, 101);
    font-size: 14px;
    font-weight: normal;
    padding: 10px 5px 10px 15px;
    display:block;
}
.left_navigation li a:hover {
    background: rgb(253, 253, 253);
    border-left: 2px solid rgb(231, 235, 238);
    color: #f12545;
    padding-left: 13px;
    text-decoration: none;
}
.left_navigation li.current a {
    background: rgb(248, 248, 248);
    border-left: 2px solid rgb(51, 51, 51);
    color: rgb(72, 73, 101);
    padding-left: 13px;
    text-decoration: none;
}
.left_navigation sup {
    color:#e30000;
    font-size:12px;
}

.api_right_panel h1 {
    border-bottom: 1px solid rgb(229, 229, 229);
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 30px;
    float: none;;
    color: rgb(82, 85, 87);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0.045em;
    line-height: 1.286;
}

.api_right_panel h2 {
    border-bottom: 1px solid rgb(229, 229, 229);
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

/*footer*/
.footer-section {
    background: #222a37;
    width: 100%;
    padding:8px 0;
    position: fixed;
    bottom:0;
}
.footer-section span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    float: left;
    font-size: 14px;
    text-align: center;
    color:#898989;
    line-height: 23px;
}
.footer-section span a {color: #898989;}
.footer-section span a:hover {
    color: #f12545;
}

.footer-section ul.links {float: right;}
.footer-section ul.links li {display:inline; margin-left:10px;}
.footer-section ul.links li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #898989;
    font-size: 14px;
}
.footer-section ul.links li a:hover {
    color: #f12545;
}
.fBold {
    font-weight: bold;
}
.navCurrent {
    color: #f12545;
}
.itemActive {
    border-left: 2px solid rgb(231, 235, 238);
    border-right: 2px solid;
    color: #f12545 !important;
    padding-left: 13px !important;
    text-decoration: none;
}
.code {
    background-color: rgb(230, 230, 230);
}
.parameter {
    color: rgb(136, 136, 136);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 20px;
}
table {
    border-collapse: collapse;
    margin-bottom:10px;
}

table, td, th {
    border: 1px dotted rgb(136, 136, 136);
    padding: 7px;
}
.soap{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 8px 0px 0px 15px;
    cursor: pointer;
    float: right;
}
.version{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 8px 0px 0px 15px;
    cursor: pointer;
    float: left;
}
.version li{
    float: left;
    padding-right: 10px;
}
.version li:hover{
    color: #f12545;
}
.vActive{
    color: #f12545;
}
.parameter tr:first-child td {
    font-weight: bold;
}

h2.api_code-exam {
    border-bottom: 1px solid #E5E5E5;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    display:block;
}
.top_page {
    float:right;
    font-size:14px;
}
ul.accordian {}
ul.accordian li {
    border: 1px solid #E5E5E5;
    padding:5px;
    margin-bottom:5px;
    display:block;
}
ul.accordian li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size:14px;
    color: #484965;
    font-weight: normal;
}
.accordian-details {
    margin-top:7px;	
}