/* =============================================================
    Theme Name: ClickMeeting Developer Zone
    Theme URI: http://dev.ClickMeeting.com
    Description: ClickMeeting Developer Zone theme based on Khalesi
    Version: 1.13
    Author: Implix
    Author URI: http://implix.com
================================================================ */

/* ===[ Reset ]=== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { /* remember to define focus styles! */ outline: 0; }
body {line-height: 1;}
ol, ul, li { list-style: none }
table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }

/* ===[ Structure ]=== */

body {
    background: #e4e4e4;
    color: #373737;
    font-family: "Helvetica light",Helvetica,sans-serif;
    font-size: 75%;
    -webkit-font-smoothing: antialiased;
}


/* ===[ Headers ]=== */
h1, h2, h3, h4, h5, h6 {
    font-family: "clickmeeting_pro_lightregular", Helvetica, sans-serif;
    font-weight: normal;
}

h1 {
    color: #fff;
    font-size: 6em;
    letter-spacing: -2px;
    margin: 0;
    padding: 19px 0;
}

h2 {
    font-size: 2em;
    line-height: 1.4;
    margin: 0 0 20px 0;
}

h2.cnt {
    color: #fff;
    font-size: 6em;
    letter-spacing: -2px;
    margin: 0;
    padding: 19px 0;
    line-height: 1;
}

h2.pagetitle {
    font-size: 2.45em;
    text-align: center;
    padding: 20px;
}

h1.pagetitle {
    font-size: 2.45em;
    padding: 20px;
    text-align: center;
    color: #373737;
    line-height: 1.4;
    margin: 0 0 20px 0;
    letter-spacing: 0px;
}

h3 {
    font-size: 1.8em;
    margin: 30px 0 0;
}

h3.comments {
    margin: 40px auto 20px;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 0 0;
}


/* ===[ Text elements ]=== */
p, 
ul{
    font-size:1.15em;
    line-height: 1.6em;
    margin-bottom: 1em;
}
strong, b { font-weight: normal; font-family: Helvetica, sans-serif; }
cite, em, i { font-style: italic }
ol strong {
    font-size: 1.2em;
}

ul p{
    font-size:.95em;
}
ol p {
    margin-top:1em;
}

small,
#sidebar ul ul li,
#sidebar ul ol li,
.nocomments,
.postmetadata,
blockquote,
strike {
    color: #777
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
}

code {
    font: 1.1em 'Courier New', Courier
}

acronym,
abbr,
span.caps {
    font-size: 0.9em;
    letter-spacing: .07em;
}

a {
    color: #00aeef;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #ff7407;
}

h3 a {
    color:#61ae48;
}
#content {
    line-height: 1.5em;
    margin: 20px 40px 40px 40px;
}

.thread-alt {
    background-color: #f8f8f8
}

.thread-even {
    background-color: white
}

.depth-1 {
    border: 1px solid #ddd
}

.even,
.alt {
    border-left: 1px solid #ddd
}

.cnt {
    text-align: center
}

.slogan {
    background: #60a235 url(/wp-content/themes/cmdevzone/images/bg_head.gif) repeat-x 0 0;
    min-height: 111px;
    height: 111px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

#footer {
    border: none
}


/* ===[ Begin Structure ]=== */

#page {
    background: url('/wp-content/themes/cmdevzone/images/pageBg.png') no-repeat center bottom;
    min-height: 500px;
    width: 819px;
    margin: 0 auto;
    overflow: hidden;
}

.allBg {
    background: url('/wp-content/themes/cmdevzone/images/allBg.gif') repeat-y center bottom;
    width: 819px;
    margin: 0 auto;
}

.post hr {
    display: block;
    color: #e4e4e4;
    border: none;
    background-color: #e4e4e4;
    height: 1px;
}

.widecolumn .post {
    margin: 0
}

.narrowcolumn .postmetadata {
    padding-top: 5px
}

.widecolumn .postmetadata {
    margin: 30px 0
}

.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}

.postmetadata {
    clear: both
}

.clear {
    clear: both
}









/* =Footer
----------------------------------------------- */
.t-right {
    text-align: right
}

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.footer .row:after,
.footer .col:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "";
}

/* DEFAULT ROW STYLES */

.footer .row {
    margin: 0 auto 75px;
    max-width: 924px;
    zoom: 1
}
/* set according to preference*/

/* DEFAULT COLUMN STYLES */

.footer .col {
    display: block;
    float: left;
    width: 100%;
}

@media (min-width:480px) { 
    .footer .col {
        margin-left: 2%
    }
}

/* RESET MARGINS */

.footer .col:first-child {
    margin-left: 0
}

/* COLUMN WIDTH ON DISPLAYS +768px */

@media (min-width:480px) { 
    
    .footer .span-3 {
        width: 23.5%
    }

    .footer .span-4 {
        width: 32.0%
    }

    .footer .span-6 {
        width: 49.0%
    }

    .footer .span-7 {
        width: 57.5%
    }

    .footer .span-8 {
        width: 66.0%
    }

    .footer .span-12 {
        width: 100%
    }
}

/*---------------------------------------------------------------------------------------------
[ footer ]
*/

.footer .sprite {
    background: url(/wp-content/themes/cmdevzone/images/sprite-footer.png) no-repeat
}

.footer {
    float: left;
    width: 100%;
    margin-top: 100px;
    padding: 70px 0 0 0;
    background: #fff;
    background: rgb(244,244,244);
    background: -moz-linear-gradient(left,  rgba(244,244,244,1) 0%, rgba(255,255,255,0) 50%, rgba(244,244,244,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,244,244,1)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(244,244,244,1)));
    background: -webkit-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(255,255,255,0) 50%,rgba(244,244,244,1) 100%);
    background: -o-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(255,255,255,0) 50%,rgba(244,244,244,1) 100%);
    background: -ms-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(255,255,255,0) 50%,rgba(244,244,244,1) 100%);
    background: linear-gradient(to right,  rgba(244,244,244,1) 0%,rgba(255,255,255,0) 50%,rgba(244,244,244,1) 100%);
    font: 14px/32px 'Helvetica Neue', Helvetica;
}

.footer h3 {
    margin: 0 0 22px;
    letter-spacing: -1px;
    font-size: 20px;
    color:#1f2021
}

.footer ul {

}

.footer ul li {
    color: #737373;
    font: 14px/32px 'Helvetica Neue', Helvetica;
}

.footer ul li a {
    color: #737373;
    text-decoration: none;
}

.footer ul li a:hover {
    color: #ff7407;
    text-decoration: none;
}

.footer ul li .arrow:before,
.footer ul li .arrow:after {
    content:'';
    width:0;
    height:0;
    font-size:0;
    line-height:0;
    display:inline-block;
    position:relative;
}

.footer ul li .arrow.right-side:after {
    right:-5px;
    top:-2px;
    border-color:transparent transparent transparent #00aeef;
    border-style:solid;
    border-width:3px;
}

.footer ul li .arrow.right-side:hover:after {
    border-color:transparent transparent transparent #ff7407
}

.footer ul li .arrow.left-side:before {
    left:-5px;
    top:-2px;
    border-color:transparent transparent transparent #c1c3c6;
    border-style:solid;
    border-width:3px;
}

.footer ul li .arrow.left-side:after {
    border-color: transparent;
}

.footer ul li .arrow.left-side:hover:before {
    border-color:transparent transparent transparent #ff7407
}

.footer .col ul li a {
    padding-left:7px;
}

.footer .connect ul li a {
    padding-left:0px;
}

.footer .connect ul {
    white-space:nowrap;    
}

.footer .connect ul li {
    font-size:13px;
    display:inline-block;
}

.footer .contact * {
    display: inline
}

.footer .contact ul {
    position: relative;
    padding-left: 10px;
}

.footer .contact li {
    color: #1f2021;
    font-size: 14px;
}

.footer .contact li.sep {
    padding: 0 2px;
    color: #ddd;
    font-size: 10px;
}

.footer .contact ul li a {
    color: #00aeef;
    text-decoration: underline;
}

.footer .social {
    text-align: right
}

.footer .social ul {
    top: 5px;
    float: right;
}

.footer .social li {
    display: inline-block;
    margin-left: 8px;
    text-indent: -999em;
}

.footer .social ul :first-child li {
    margin: 0
}

.footer .social li a {
    text-align: left;
    display: block;
    width: 21px;
    height: 21px;
    padding-left: 0 !important;
}

.footer .social .fb-ico {
    background-position: 0 0
}

.footer .social .t-ico {
    background-position: -30px 0
}

.footer .social .google-ico {
    background-position: -60px 0
}

.footer .social .blog-ico {
    background-position: -90px 0
}

.footer .copyright * {
    color: #1f2021;
    line-height: 27px;
}

.footer .logotype {
    background:url(/wp-content/themes/cmdevzone/images/footer/logotype_dark.svg) no-repeat;
    display: inline-block;
    margin:-4px 10px 0 0;
    vertical-align:middle;
    width: 142px;
    height: 28px;
    text-indent: -999em;
}


.footer .hr {
    position: relative;
    top: -35px;
    margin-bottom: 20px;
}

.footer hr {
    height: 1px;
    border: 0;
    display:block;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(196,196,196,0.75) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(196,196,196,0.75)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(196,196,196,0.75) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(196,196,196,0.75) 50%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(196,196,196,0.75) 50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(196,196,196,0.75) 50%,rgba(255,255,255,0) 100%);
}

/* 
   Language selection 
   this code is awesome
   fap fap fap
*/

.dropdown-wrapper {
    float:right;
    position:relative;
    width:120px;
    padding-left:12px;
    margin-left:20px;
    color: #363A3D;
    background: #F3F3F3;
    background: -webkit-linear-gradient(top, #FFF 0%,#F3F3F3 100%);
    background: linear-gradient(to bottom, #FFF 0%,#F3F3F3 100%);
    box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.46), 0 2px 0 rgba(0, 0, 0, 0.1);
    border-radius:30px;
    letter-spacing:-1px;
    cursor:pointer;
    font-family:Helvetica,Arial,sans-serif;
    text-align: left;
    font-size:14px;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.dropdown-wrapper:hover {
    color:#00AFEC;
    background: #EEE;
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#EEE 100%);
    background: linear-gradient(to bottom, #FAFAFA 0%,#EEE 100%);    
}
.dropdown-wrapper .dropdown {
    display:block;
    position:absolute;
    background:white;
    bottom: 100%;
    top: auto;
    left: 0;
    right: 0;
    
    margin-bottom: 0.6em;
    border-radius:7px;
    box-shadow:0 1px 2px 0 rgba(50, 50, 50, 0.4);
    font-weight:normal;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
    /* Hiding */
    opacity:0;
    visibility: hidden;

    width:100%;
}

.dropdown-wrapper:after {
    content:"";
    width:0;
    height:0;
    position:absolute;
    right:12px;
    top:51%;
    margin-top:-3px;
    border-width:3px 3px 0 3px;
    border-style:solid;
    border-color:#a7a7a7 transparent;
}

.dropdown-wrapper .dropdown:after {
    content:"";
    width:0;
    height:0;
    position:absolute;
    top:100%;
    border-style:solid;
}


/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.dropdown-wrapper .dropdown:before {
    content: "";
    display: block;

    position: absolute;
    bottom: -1em;
    left: 0;§
    height: 100%;
    width: 1em;
}  

.dropdown-wrapper .dropdown:after {
    right:11px;
    border-width:3px 3px 0 3px;
    border-color:#fff transparent;
}

.dropdown-wrapper:hover .dropdown {
    opacity: 1;
    visibility: visible;
    margin-bottom: 0.6em;
    -webkit-transform: translateX(0px) translateY(0px);
       -moz-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
         -o-transform: translateX(0px) translateY(0px);
            transform: translateX(0px) translateY(0px);
}

/*.dropdown-wrapper .dropdown:before {
    right:9px;
    border-width:5px 5px 0 6px;
    border-color:#d2d2d2 transparent;
}*/

.dropdown-wrapper .dropdown li a {
    display:block;
    padding:4px 4px 4px 12px;
    text-decoration:none;
    color:#303030;
    border:1px solid rgba(255, 255, 255, 0.2);
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}

.dropdown-wrapper i {
    position:relative;
    display:inline-block;
    height:14px;
    width:17px;
    margin-right:8px;
    top:2px;
}

.dropdown-wrapper i.ico-en {
    background-position:0 -61px
}

.dropdown-wrapper i.ico-pl {
    background-position:-18px -61px
}

.dropdown-wrapper i.ico-de {
    background-position:-37px -61px
}

.dropdown-wrapper i.ico-fr {
    background-position:-55px -61px
}

.dropdown-wrapper i.ico-ru {
    background-position:-73px -61px
}

.dropdown-wrapper .dropdown li:first-of-type a {
    border-radius:6px 6px 0 0
}

.dropdown-wrapper .dropdown li:last-of-type a {
    border:none;
    border-radius:0 0 6px 6px;
}

/* Hover state */

.dropdown-wrapper .dropdown li:hover a {
    background:#f6f6f6
}
/* ===[ End Structure ]=== */



/* ===[ Begin Images ]=== */

p img {
    padding: 0;
    max-width: 100%;
}

/**    Using 'class="alignright"' on an image will (who would've
 *     thought?!) align the image to the right. And using 'class="centered',
 *     will of course center the image. This is much better than using
 *     align="center", being much more futureproof (and valid) 
 */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

/* ===[ End Images ]=== */

/** Begin Lists
 * 
 *     Special stylized non-IE bullets
 *     Do not work in Internet Explorer, which merely default to normal bullets. 
 */

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
}

.entry ol li {
    margin: 0;
    padding: 0;
}

.postmetadata ul,
.postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}

#sidebar ul,
#sidebar ul ol {
    margin: 0;
    padding: 0;
}

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 5px;
}

#sidebar ul p,
#sidebar ul select {
    margin: 5px 0 8px
}

#sidebar ul ul,
#sidebar ul ol {
    margin: 5px 0 0 10px
}

#sidebar ul ul ul,
#sidebar ul ol {
    margin: 0 0 0 10px
}

ol li,
#sidebar ul ol li {
    list-style: decimal outside
}

#sidebar ul ul li,
#sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
}

/* ===[ End Entry Lists ]=== */

/* ===[ Begin Form Elements ]=== */

.entry form {
    /* This is mainly for password protected posts, makes them look better. */ text-align: center; 
}

select {
    width: 130px
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform {
    margin: 5px 10px 0 0
}

#commentform textarea {
    width: 100%;
    padding: 2px;
}

#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
}

/* ===[ End Form Elements ]=== */

/* ===[ Begin Comments ]=== */

.alt {
    margin: 0;
    padding: 10px;
}

.commentlist {
    padding: 0;
    text-align: justify;
}

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;
}

.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0
}

.children {
    padding: 0
}

#commentform p {
    margin: 5px 0
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.commentmetadata {
    margin: 0;
    display: block;
}

/* ===[ End Comments ]=== */

/* ===[ Begin Calendar ]=== */

#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

#wp-calendar td.pad:hover {
    /* Doesn't work in IE */ background-color: #fff; 
}

/* ===[ End Calendar ]=== */

/* ===[ Begin Various Tags & Classes ]=== */

acronym,
abbr,
span.caps {
    cursor: help
}

acronym,
abbr {
    border-bottom: 1px dashed #999
}

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
}

.center {
    text-align: center
}

.hidden {
    display: none
}

.screen-reader-text {
    position: absolute;
    left: -1000em;
}

hr {
    display: none
}

a img {
    border: none
}

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
}

/* ===[ End Various Tags & Classes ]=== */

/* ===[ Captions ]=== */

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

/* ===[ End captions ]=== */

html,
body {
    height: 100%
}

#header {
    background: #4a4a4a;
    background: -moz-linear-gradient(top, #4a4a4a 94%, #343434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(94%,#4a4a4a), color-stop(100%,#343434));
    background: -webkit-linear-gradient(top, #4a4a4a 94%,#343434 100%);
    background: -o-linear-gradient(top, #4a4a4a 94%,#343434 100%);
    background: -ms-linear-gradient(top, #4a4a4a 94%,#343434 100%);
    background: linear-gradient(top, #4a4a4a 94%,#343434 100%);
    margin: 0;
    padding: 0;
    height: 120px;
    width: 100%;
}

#menuLogo {
    width: 750px;
    margin: 0 auto;
}

#menuLogo .logo {
    float: left;
    width: 175px;
    height: 33px;
    margin: 7px 0 0 0;
    background: url(/wp-content/themes/cmdevzone/images/logo.gif) left top no-repeat;
    text-indent: -999em;
    padding: 0;
    margin: 33px 0 28px 0;
}

#menuLogo .logo a {
    display: block;
    width: 163px;
    height: 57px;
    outline: none;
}

#menuTop li {
    background: none;
    display: block;
    float: right;
    margin: 0;
}

#menuTop li a {
    display: block;
    float: left;
}

.menu ul {
    float: left;
    clear: both;
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
}

.menu li,
.menu li a {
    float: left;
    color: #fff;
    display: block;
    margin: 0;
    padding: 0;
}

.menu li {
    margin-right: 2px
}

.menu li a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #878787;
    background: -moz-linear-gradient(top, #878787 75%, #5e5e5e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#878787), color-stop(100%,#5e5e5e));
    background: -webkit-linear-gradient(top, #878787 75%,#5e5e5e 100%);
    background: -o-linear-gradient(top, #878787 75%,#5e5e5e 100%);
    background: -ms-linear-gradient(top, #878787 75%,#5e5e5e 100%);
    background: linear-gradient(top, #878787 75%,#5e5e5e 100%);
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 14px;
    font-size: 1.1em;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 26px;
    text-shadow: 0 1px 1px #444444;
}

.menu li:hover a,
.menu li.inactive:hover a,
.menu .current_page_item a {
    background-color: #fff;
    color: #7cb838;
    text-shadow: none;
}

/* ===[ Staff ]=== */

pre {
    border: 1px solid #e4e4e4;
    padding: 2px;
    background-color: #ebebeb;
    font-family: Consolas,Monaco,"Courier New",Courier,monospace;
    font-size: 0.9em;
}

.spacer {
    height: 20px
}

/* new - Main Page  */

#allColl {
    width: 738px;
    margin: auto;
    background-color: #F1F3F3;
    padding: 0px 0 10px 0px;
    margin-top: 30px;
}

.floatCol,
.floatCol li,
.floatCol ul,
.floatCol p {
    margin: 0;
    padding: 0;
}

.floatCol {
    width: 690px;
    overflow: hidden;
    margin: auto;
}

.floatCol li {
    width: 300px;
    float: left;
    list-style-type: none;
    padding: 10px 15px 10px 15px;
}

.floatCol h3 {
    margin: 12px 0 20px 0
}

.icnLnk {
    background: transparent url(/wp-content/themes/cmdevzone/images/icons.gif) no-repeat left top;
    display: block;
    float: left;
    height: 37px;
    margin: 0 10px 0 0;
    text-indent: -999em;
    width: 37px;
}

.api {
    background-position: left -194px
}

.dc {
    background-position: left -491px
}

.examples {
    background-position: left 2px
}

.plugins {
    background-position: left -97px
}

.faq {
    background-position: left -391px
}

.integration {
    background-position: left -290px
}

/* ===[ Plugins ]=== */

hr {
    border: 0;
    border-bottom: 1px solid #E2E5E6;
    clear: both;
}

.space {
    padding-bottom: 20px
}

#wpml_credit_footer {
    display: none
}

/* =FONT FACE
-----------------------------------------------
   ================================================== */

@font-face {
    font-family: "Helvetica light";
    src: url("fonts/helvetica_light/helvetica_light.eot?#iefix");
    src: url("fonts/helvetica_light/helvetica_light.eot?#iefix") format("eot"), url("fonts/helvetica_light/helvetica_light.woff") format("woff"), url("fonts/helvetica_light/helvetica_light.ttf") format("truetype"), url("fonts/helvetica_light/helvetica_light.svg#helvetica_light") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fontHelveticaLight {
    font-family: "Helvetica light"
}

@font-face {
    font-family: 'clickmeeting_pro_lightregular';
    src: url('fonts/clickmeeting_pro_light/clickmeeting_pro_light.eot');
    src: url('fonts/clickmeeting_pro_light/clickmeeting_pro_light.eot?#iefix') format('embedded-opentype'), url('fonts/clickmeeting_pro_light/clickmeeting_pro_light.woff') format('woff'), url('fonts/clickmeeting_pro_light/clickmeeting_pro_light.ttf') format('truetype'), url('fonts/clickmeeting_pro_light/clickmeeting_pro_light.svg#clickmeeting_pro_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fontClickProLight {
    font-family: clickmeeting_pro_lightregular !important
}

pre, table.pre {
    background-color: #f8f8f8;
    border: 1px dashed #e4e4e4;
    border-radius: 4px;
    font-family:"Courier New",Courier,monospace;
    font-size: 0.9em;
    padding: 10px;
}
table.pre td {
    padding:2px 5px 2px 0;
}
table.pre table {
    margin:5px 0 0;
}



/*---------------------------------------------------------------------------------------------
[ CM Header structure ]
*/
    .main-header {
        width:100%;
        height:58px;
        background:#222324;
        background:-moz-linear-gradient(top,  rgba(42,43,45,1) 0%, rgba(37,38,40,1) 50%, rgba(33,34,36,1) 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,43,45,1)), color-stop(50%,rgba(37,38,40,1)), color-stop(100%,rgba(33,34,36,1)));
        background:-webkit-linear-gradient(top,  rgba(42,43,45,1) 0%,rgba(37,38,40,1) 50%,rgba(33,34,36,1) 100%);
        background:-o-linear-gradient(top,  rgba(42,43,45,1) 0%,rgba(37,38,40,1) 50%,rgba(33,34,36,1) 100%);
        background:-ms-linear-gradient(top,  rgba(42,43,45,1) 0%,rgba(37,38,40,1) 50%,rgba(33,34,36,1) 100%);
        background:linear-gradient(to bottom,  rgba(42,43,45,1) 0%,rgba(37,38,40,1) 50%,rgba(33,34,36,1) 100%);
    }
    .main-header .page-wrap {
        width:980px;
        margin:0 auto;
        padding:0;
    }
    .main-header ul,
    .main-header li {
        margin:0;
        padding:0;
        list-style:none
    }

    /* [ Products menu ] */
    .nav-products {
        float:left;
        
    }
    .nav-products li {
        display:inline-block;
        vertical-align:top;
    }
    .nav-products a {
        display:block;
        height:60px;
        padding:0 14px;
        margin-bottom:-2px;
        position:relative;
        z-index:9998;
        border-radius:0 0 6px 6px;
    }
    .nav-products a:hover {
        background:#313537;
        background:-webkit-linear-gradient(top,  #363b3d 0%,#313537 100%);
        background:linear-gradient(to bottom,  #363b3d 0%,#313537 100%);
        border-radius:0 0 6px 6px;
        box-shadow:inset 0 -2px 0 rgba(0,0,0,.63), 0 2px 0 rgba(0,0,0,.11);
    }
    .nav-products .active a,
    .nav-products .active a:hover {
        background:#6ebe3b;
        background:-webkit-linear-gradient(top,  #79cb45 0%,#6ebe3b 100%);
        background:linear-gradient(to bottom,  #79cb45 0%,#6ebe3b 100%);
        box-shadow:inset 0 -2px 0 rgba(0,0,0,.16), 0 2px 0 rgba(0,0,0,.11);
    }
    .nav-products span,
    .main-header label,
    .nav-products a:before {
        display:inline-block;
        overflow:hidden;
        text-indent:-999em;
    }
    .nav-products a:before {
        content:'';
        position:absolute; 
        z-index:9999;
        top:0;
        bottom:6px;
        left:1px;
        width:1px;
        height:60px;
        background-image:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0)));
        background-image:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
        background-image:-o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
        background-image:-ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
        background-image:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
    }
    .nav-products .product-hp a:before {
        display:none;
    }
    .nav-products span {
        height:60px;
        background-repeat:no-repeat;
        background-position:50% 50%;
    }
    .product-hp span {
        width:28px;
        background-image:url(/wp-content/themes/cmdevzone/images/header/cm_logo.svg);
    }
    .product-cm span {
        width:118px;
        background-image:url(/wp-content/themes/cmdevzone/images/header/cm_type.svg);
        background-position:50% 50%;
    }
    .product-cw span {
        width:120px;
        background-image:url(/wp-content/themes/cmdevzone/images/header/cw_type.svg);
        background-position:50% 46%;
    }


    /* [ Page menu ] */
    .nav-page {
        font:13px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif;
        float:right;
        position:relative;
        top:18px;
    }
    .nav-page li {
        float:left;
        margin-left:20px;
    }
    .nav-page li:first-child {
        margin-left:0;
    }
    .nav-page .highlight {
        padding:0 10px;
        border-radius:30px;
        background:#141414;
        box-shadow:1px 1px 0 rgba(255,255,255,.1);
    }
    .nav-page li.highlight:hover {
        background:#73c145;
    }
    .nav-page a,
    .nav-page a:hover {
        text-decoration:none;
    }
    .nav-page a,
    .nav-page li.highlight:hover a {
        color:#fff;
    }
    .nav-page a:hover {
        color:#73c145;
    }
    .nav-page .join-now a {
        color:#00aeef;
    }
    .nav-page .join-now a:hover {
        color:#ff7407;
    }


    .main-header [type='checkbox'],
    .main-header label {
        display:none;
        -webkit-user-select:none;
           -moz-user-select:none;
            -ms-user-select:none;
             -o-user-select:none;
                user-select:none;
    }


    /*---------------------------------------------------------------------------------------------
    [ Lang specific ]
    */
        /*.pl .nav-page {
            font-size:13px;
        }
        .pl .nav-page li {
            margin-left:7px
        }
        .pl .nav-page li.highlight {
            padding:0 8px;
            margin-left:10px;
        }

        .de .nav-page,
        .ru .nav-page {
            font-size:12px;
        }
        .ru .nav-page li {
            margin-left:10px;
        }*/