.custom-popup.no-map {
    margin-left: 25%;
    width: 24em
}
.custom-popup {
    margin-left: 530px;
    overflow: hidden
}
.custom-popup .ct-icon {
    background: #61b11c url('images/icon.png') 5px 7px no-repeat;
    float: left;
    width: 20%;
    height: 70px
}
.custom-popup .ct-link {
    background: #549f11;
    float: left;
    width: 70%;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    height: 60px
}
.custom-popup .ct-link a,
.custom-popup .ct-link a:hover,
.custom-popup .ct-link a:visited {
    display: block;
    color: #fff;
    text-decoration: none;
    margin-top: 10px
}
.custom-popup .popup-element-title {
    background: #549f11
}
.popup-close-button {
    color: #fff;
    text-decoration: none;
    font-size: 17px
}
.popup-element-wrapper .title {
    background: #20739f
}
.popup-element-wrapper .title,
.popup-element-wrapper .title a,
.popup-element-wrapper .title a:hover,
.popup-element-wrapper .title a:visited,
.popup-close-button {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    padding: 10px;
    margin: 0
}
.popup-element-wrapper .inner {
    border: 5px solid #a5a5a5
}
.popup-element-wrapper .content,
.mfp-content #block-webform-client-block-168 .content {
    overflow: hidden;
    background: #fff url('images/contact.jpg') 0 center no-repeat
}
.popup-element-wrapper .content p {
    margin: 5px 15px
}
.popup-element-wrapper .content form,
.mfp-content #block-webform-client-block-168 .content form {
    width: 65%;
    float: right
}
.popup-element-wrapper .content form .form-text,
.mfp-content form .form-text {
    width: 260px;
    border: 1px solid #a5a5a5;
    color: #444;
    padding: 5px
}
.popup-element-wrapper .content form .form-textarea,
.mfp-content form .form-textarea {
    border: 1px solid #a5a5a5;
    color: #444;
    padding: 5px
}
.popup-element-wrapper .content form .form-submit,
.mfp-content form .form-submit {
    text-transform: uppercase;
    background: #20739f;
    padding: 3px 18px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #20739f
}
#block-webform-client-block-168 {
    display: none
}
.mfp-content #block-webform-client-block-168 {
    border: 5px solid #a5a5a5;
    display: block;
    background: #FFF;
    text-align: left;
    max-width: 580px;
    margin: 40px auto;
    position: relative
}
.mfp-content #block-webform-client-block-168 h2 {
    display: block;
    background: #20739f;
    padding: 10px;
    color: #fff
}
.mfp-content .mfp-close {
    color: #fff
}
.mfp-content .content {
    margin: 10px
}
@media all and (min-width: 320px) and (max-width: 768px) {
    .mfp-content #block-webform-client-block-168 .content form {
        width: 99%;
        float: left;
        background: #fff
    }
    .mfp-content .content {
        background: #fff
    }
    .mfp-content .content form {
        width: 98%
    }
    .mfp-content .content form .form-text {
        width: 240px
    }
    .example .map_data {
        margin-top: 0;
        margin-left: 0
    }
    .example .map {
        width: auto;
        height: 250px !important;
        float: none
    }
    .custom-popup {
        margin-left: 0;
        clear: both
    }
    .jumbo-banner-left h1 {
    text-align: center !important;
    }
    .pt40 {
    text-align: center;
    margin-bottom: 20px;
    }  
}
.ic_box {
    padding: 8px;
    text-align: center
}
.ic_module_title {
    padding-top: 8px;
    font-size: 12px
}
.ic_module_price {
    padding-top: 5px
}
.star {
    width: 75px;
    height: 15px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top
}
.star5 {
    background: url(http://coggno.com/images/stars.gif) no-repeat 0 0
}
.star4 {
    background: url(http://coggno.com/images/stars.gif) no-repeat 0 -15px
}
.star3 {
    background: url(http://coggno.com/images/stars.gif) no-repeat 0 -30px
}
.star2 {
    background: url(http://coggno.com/images/stars.gif) no-repeat 0 -45px
}
.star1 {
    background: url(http://coggno.com/images/stars.gif) no-repeat 0 -60px
}
.star0 {
    background: url(http://coggno.com/images/stars.gif) no-repeat 0 -75px
}
.submitted {
    display: none
}
tbody {
    border: 0
}
#main_content {
    width: 1200px;
    margin: auto;
    overflow: hidden
}
#content-wrapper {
    margin: 10px;
    overflow: hidden
}
#wrapper {
    width: 1024px;
    margin-left: auto;
    margin-right: auto
}
#header {
    width: 1014px;
    margin: 0 auto
}
#header_bottom {
    height: 45px
}
.header_top_left {
    width: 28%;
    float: left;
    padding-top: 10px
}
#top_nav_small_group {
    float: right;
    margin-top: 10px
}
#top_nav_small_group div,
#header ul,
#header li {
    float: left
}
#big_group {
    float: right;
    margin-top: 14px
}
#big_group ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
#big_group ul li {
    margin: 0;
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 12pt;
    line-height: 50px;
    height: 50px
}
#big_group ul li:first-child {
    margin-left: 0
}
#big_group ul#top_menu li a {
    color: #5f5f5f;
    height: 50px
}
#big_group ul li a:hover {
    background: url(images/topnavbg.jpg) no-repeat top center
}
.cgn_web_btn_01 a {
    background: url(images/cgn_signup.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 168px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    display: block
}
#big_group ul#top_menu li.menu-337 a {
    color: #f89b1d
}
.btn_appear01 {
    float: right;
    margin-top: 8px
}
.sidebar {
    background-color: #efefef;
    background-image: url(../../../../images/sidebar-bttm.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0
}
.cgn_web_btn_01 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 168px;
    height: 42px;
    margin: 8px 0 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px
}
#left_sidebar {
    float: left;
    margin: 3px 20px 8px
}
#right_sidebar {
    float: right;
    margin: 3px 20px 8px
}
#content {
    margin-left: 195px;
    margin-right: 195px;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px
}
.div-clear {
    clear: both
}
.div-clear-footer-force {
    clear: both;
    margin-bottom: 200px
}
#bread-trail {
    margin: 5px 0 10px;
    padding: 0
}
.community-course-title {
    padding: 0;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}
.community-course-description {
    padding: 5px;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}
.heading-box {
    margin: 15px 0;
    padding: 5px;
    background-color: #ee9d3c;
    width: auto;
    text-align: left
}
.heading-box-grey {
    padding: 5px;
    background-color: #efefef;
    width: auto;
    text-align: left;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0
}
.comm-course-des {
    padding: 5px;
    background-color: #FFF;
    width: auto;
    text-align: left;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0
}
.btop-box {
    padding: 5px;
    background-image: url(../../../../images/btop-box-dec.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #ee9d3c;
    width: auto;
    text-align: right;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0
}
.form-table {
    margin: 0 0 35px;
    padding: 5px
}
.sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.sidebar ul li {
    margin: 0;
    border-bottom: #fff 1px solid;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 0
}
.sidebar ul li.no-list-line {
    margin: 0;
    padding: 4px 0 4px 15px;
    border-bottom: 0
}
ul.form-list {
    margin: 20px 0 20px 10px;
    padding: 0
}
li.form-list-space-border {
    margin: 5px 0 15px;
    padding: 5px 10px 10px
}
ul.form-list textarea {
    border: #a7a6aa 1px solid;
    background-image: url(../../../../images/textarea-bg.jpg);
    background-position: center;
    background-repeat: no-repeat
}
li.form-list-space-border input,
textarea {
    width: 99%
}
#sidebar-rt {
    margin: 0;
    width: 175px;
    float: right;
    background-color: #efefef;
    background-image: url(../../../../images/sidebar-bttm.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 100px;
    padding-left: 0
}
#sidebar-rt ul {
    margin: 0;
    padding: 0;
    list-style: none
}
#sidebar-rt ul li {
    margin: 0;
    padding: 4px 0 4px 15px;
    border-bottom: #fff 1px solid
}
#sidebar-rt ul li.no-list-line {
    margin: 0;
    padding: 4px 0 4px 15px;
    border-bottom: 0
}
.author-more {
    font-size: x-small;
    color: #0693c8;
    text-decoration: underline;
    text-align: left;
    vertical-align: top
}
.author-text {
    font-size: x-small;
    line-height: 15px;
    color: #333
}
.author-title {
    font-size: small;
    font-weight: 700;
    color: #0693c8;
    text-decoration: underline
}
.body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: 400;
    color: #000
}
.course-price {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 38px;
    padding-left: 5px;
    color: #333
}
.community-course-title h1 {
    line-height: 38px;
    margin: 0
}
.price_table li.header {
    font-weight: 700
}
.price_table p.label {
    float: left;
    width: 35%
}
.price_table p.value {
    float: left;
    width: 35%
}
.top-login-area {
    position: absolute;
    right: 50px;
    top: 5px
}
.fl {
    float: left
}
.fr {
    float: right
}
.c {
    clear: both
}
#login {
    width: 595px;
    border: 1px solid #CCC;
    background: #fcfcfc url(../../../../images/login-bg.jpg) repeat-x bottom;
    float: center;
    margin-bottom: 40px
}
.login-btop-box {
    padding: 0;
    background-image: url(../../../../images/btop-box-dec.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #ee9d3c;
    width: 594px;
    text-align: right;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
    height: 30px
}
.login-btop-box-long {
    padding: 0;
    background-image: url(../../../../images/btop-box-dec.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #ee9d3c;
    width: 1000px;
    text-align: right;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
    height: 30px
}
.login-btop-box-wrong {
    padding: 0;
    background: #F30 url(../../../../images/btop-box-dec-wrong.jpg) no-repeat left;
    width: 594px;
    text-align: center;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: 700;
    color: #FFF;
    vertical-align: middle
}
.login-btop-box-long-wrong {
    padding: 0;
    background: #F30 url(../../../../images/btop-box-dec-wrong.jpg) no-repeat left;
    width: 1000px;
    text-align: center;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
    height: 30px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: 700;
    color: #FFF;
    vertical-align: middle
}
.login-btop-box-good {
    padding: 0;
    background: #0f6e03 url(../../../../images/btop-box-dec-good.jpg) no-repeat left;
    width: 594px;
    text-align: center;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
    height: 30px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: 700;
    color: #FFF;
    vertical-align: middle
}
.login-title {
    width: auto;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color: #2284b7;
    text-align: center;
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 20px;
    font-weight: 700;
    vertical-align: middle;
    padding-left: 0;
    margin: 0
}
.login-subtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #2284b7;
    text-align: left;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
    font-weight: 700;
    padding-left: 120px;
    margin: 0;
    height: auto;
    width: auto
}
fieldset ol,
fieldset legend {
    margin: 10px 30px !important
}
fieldset ol li label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #2284b7;
    text-align: left;
    font-weight: 700;
    padding-bottom: 5px
}
fieldset ol li {
    margin-bottom: 5px
}
fieldset ol li * {
    vertical-align: baseline !important
}
.login-btn {
    height: auto;
    text-align: right;
    width: auto;
    padding-right: 120px;
    padding-bottom: 40px;
    padding-top: 15px
}
.login-btn2 {
    height: auto;
    text-align: right;
    width: auto;
    padding-right: 220px;
    padding-bottom: 40px;
    padding-top: 15px
}
.login-body-field {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: 400;
    color: #333;
    height: auto;
    width: auto;
    padding-left: 120px
}
.login-body-field-small input[type=text],
.login-body-field-small input[type=password] {
    width: 320px
}
.login-body-field input[type=text],
.login-body-field input[type=password] {
    width: 380px
}
.login-body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: 400;
    color: #333;
    height: auto;
    width: auto;
    padding-left: 120px;
    padding-bottom: 10px
}
.login-body-it {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: 400;
    color: #333;
    height: auto;
    width: auto;
    font-style: italic;
    text-decoration: underline;
    padding-left: 120px;
    padding-bottom: 5px
}
fieldset li.tip,
#simple_captcha p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: 400;
    color: #666;
    height: auto;
    width: auto;
    font-style: italic;
    text-decoration: underline;
    padding-bottom: 5px
}
.login-body-it a,
.login-body-it a:hover,
.login-body-it a:visited {
    color: #666
}
.login-body-bd {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: 700;
    color: #333;
    height: auto;
    width: auto;
    font-style: normal;
    padding-left: 120px;
    padding-bottom: 5px
}
.login-po {
    height: auto;
    width: 1024px;
    padding-left: 270px
}
.login-bar {
    background-color: #CCC;
    height: 2px;
    width: 500px;
    margin-left: 40px
}
.errorexplanation h2 {
    display: none
}
.fieldwitherrors {
    display: inline
}
.errorexplanation {
    background: #fdd;
    border: 1px solid #c88;
    padding: 10px;
    margin: 10px
}
table th.footer {
    text-align: right;
    padding-right: 15px;
    background: #ee9d3c url(../../../../images/btop-box-dec.jpg) no-repeat
}
table tr.alt {
    background: #f0f0f0
}
.notice {
    background: #df8;
    border: 1px solid #cf0;
    padding: 10px;
    text-align: center;
    margin: 10px 30%
}
input[type=submit].b {
    background: url(../../../../images/smallbtn.jpg) no-repeat;
    color: #fff;
    text-align: center;
    height: 25px;
    width: 92px;
    border: 0;
    font-size: 11px;
    font-family: Verdana, arial;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: top;
    padding: 0
}
a.smallbtnlink,
a.smallbtnlink:visited,
span.smallbtnlink,
span.smallbtnlink:visited {
    background: url(../../../../images/smallbtn.jpg) no-repeat;
    width: 92px;
    height: 25px;
    vertical-align: middle;
    display: 0;
    display: 0;
    display: inline-block;
    line-height: 25px;
    color: #FFF !important;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0 5px;
    text-decoration: none !important;
    font-family: Verdana, sans !important;
    font-weight: 700 !important;
    font-size: 11px !important
}
a.smallbtnlink:hover {
    text-decoration: none !important
}
.smallbtnlink span {
    text-align: center;
    display: block;
    width: 92px;
    line-height: 25px;
    font-style: normal
}
a.largebtnlink,
a.largebtnlink:visited,
span.largebtnlink,
span.largebtnlink:visited {
    background: url(../../../../images/button120.gif) no-repeat;
    width: 120px;
    height: 25px;
    vertical-align: middle;
    display: 0;
    display: 0;
    display: inline-block;
    line-height: 25px;
    color: #FFF !important;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0 5px;
    text-decoration: none !important;
    font-family: Verdana, sans !important;
    font-weight: 700 !important;
    font-size: 11px !important
}
a.largebtnlink:hover {
    text-decoration: none !important
}
.largebtnlink span {
    text-align: center;
    display: block;
    width: 120px;
    line-height: 25px;
    font-style: normal
}
input[type=submit].bb {
    background: url(../../../../images/button120.gif) no-repeat;
    color: #fff;
    text-align: center;
    height: 25px;
    width: 120px;
    border: 0;
    font-size: 11px;
    font-family: Verdana, arial;
    font-weight: 700
}
input[type=radio] {
    vertical-align: 50%
}
.pagelayout {
    background-image: url(../../../../images/bg-grey.jpg);
    padding: 20px;
    border: 1px solid #999;
    background-repeat: repeat-x;
    background-position: left bottom
}
.title-blue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: 700;
    color: #0bb1eb
}
.body-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 19px;
    color: #3f4041
}
.index_button {
    width: 283px;
    height: 148px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 20px
}
.index_button:hover {
    background-position: 0 -188px;
    text-decoration: none !important
}
.index_button:hover h2 {
    color: #da4d10;
    text-decoration: none !important
}
.index_button h2 {
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 26px;
    line-height: 30px;
    color: #ff8000
}
.index_button p {
    padding-top: 5px;
    color: #3f4041;
    font-size: 14px
}
.index_button p:hover {
    text-decoration: none !important
}
.index_button .blue {
    color: #2284b7
}
.index_button .org {
    color: #F80
}
.create_class2 {
    background-image: url(../../../../images/btn-1.gif)
}
.take_class {
    background-image: url(../../../../images/btn-2.gif)
}
$#fileformats-table td {
    height: 22px
}
#old_style table th {
    font-weight: 400;
    color: #FFF;
    background: #ee9d3c;
    padding: 5px
}
#old_style table td {
    height: 35px
}
#old_style table th.footer {
    text-align: right;
    padding-right: 15px;
    background: #ee9d3c url(../../../../images/btop-box-dec.jpg) no-repeat
}
#old_style table tr.alt {
    background: #f0f0f0
}
#authorslisttable th {
    background-color: #ccc;
    height: 30px;
    color: #FFF;
    color: #2284b7;
    text-align: left;
    padding-left: 5px
}
#authorslisttable td {
    padding: 5px;
    height: 30px
}
#authorslisttable tr.even td {
    background-color: #f0f0f0
}
#author_space {
    border: 1px solid #ccc
}
#author_space #sub_banner {
    height: 60px
}
#author_space #sub_banner #name_tag {
    font-size: 20px;
    position: relative;
    top: -35px;
    left: 150px
}
#author_space #sub_content {
    padding: 15px
}
.projectfeedbacktitle {
    background-color: #efefef;
    margin: 5px 0;
    padding: 5px 5px 5px 10px
}
.description_text {
    padding: 5px
}
#nested_documents table {
    border: 0;
    padding-left: 20px
}
#nested_documents table td {
    padding: 0 5px
}
.redbox {
    width: 400px;
    border-top: 5px solid #ee9d3c;
    height: 300px;
    padding: 15px
}
.redbox h1 {
    font-size: 1.3em;
    padding: 2px
}
.redbox_buttons {
    padding-bottom: 3px;
    padding-top: 3px;
    vertical-align: middle
}
.redbox_buttons a,
.redbox_buttons a:visited {
    font-weight: 700;
    color: #2284b7;
    font-size: 14px
}
.redbox_buttons #spinner {
    position: relative;
    top: -32px;
    left: 15px;
    vertical-align: bottom;
    font-size: 12px;
    line-height: 32px;
    height: 32px
}
.redbox_buttons #spinner * {
    vertical-align: middle
}
.redbox .errorexplanation h2 {
    display: none
}
#top_menu {
    text-decoration: none;
    margin-right: 4px
}
#top_menu a {
    color: #5f5f5f;
    display: block;
    font-size: 15pt;
    height: 50px;
    line-height: 50px;
    min-width: 64px;
    text-decoration: none;
    text-transform: uppercase
}
#top_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
#top_menu ul li {
    list-style: none;
    float: left;
    margin-left: 20px;
    display: block;
    font-family: arial, helvetica, sans-serif;
    font-weight: 700;
    height: 50px;
    margin: 0;
    min-width: 64px;
    padding: 0;
    line-height: 20px;
    position: relative;
    text-align: center;
    white-space: nowrap
}
#top_menu a.active {
    background: url(images/topnavbg.jpg) no-repeat;
    background-position: top
}
#tooltip {
    position: absolute;
    background: #fff;
    width: 500px;
    border: 1px solid #ececec;
    border-radius: 30px;
    -moz-border-radius: 30px;
    padding: 20px
}
#tooltip .url {
    display: none !important
}
.clear {
    clear: both
}
.integration_radio {
    vertical-align: middle !important;
    margin-top: 3px;
    margin-bottom: 3px
}
integration_label {
    vertical-align: middle !important
}
p {
    margin: 0;
    padding: 0;
    text-align: justify;
    line-height: 18px
}
h3 {
    font-size: 14px;
    font-weight: normal
}
h2,
h3,
h4 {
    margin: 2px 0;
    padding: 0;
    font-weight: normal
}
.sidebar ul li {
    color: #464646
}
.sidebar .greeting-txt {
    color: #0ba0e1;
    font-size: small;
    font-weight: 700;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.sidebar .greeting-txt2 {
    color: #0ba0e1;
    font-size: small;
    font-weight: 700;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #e4e4e4
}
.heading-box {
    color: #fff;
    line-height: 18px
}
.btop-box {
    color: #fff;
    line-height: 18px
}
.form-table {
    color: #ee9d3c;
    font-size: 12px;
    font-weight: 700
}
.form-list {
    color: #ee9d3c;
    font-size: 12px;
    font-weight: 700;
    list-style: none
}
.reportsearch-form-list {
    color: #ee9d3c;
    font-size: 12px;
    font-weight: 700;
    list-style: none
}
.form-table-small-txt {
    color: #959595;
    font-size: 12px;
    font-weight: 400
}
.data-row-gray {
    background-color: #efefef;
    color: #959595
}
.data-row-white {
    background-color: #fff;
    color: #959595
}
.data-row-padding,
.data-row-white,
.data-row-gray {
    padding: 10px
}
.data-row-padding-bttn {
    padding: 15px
}
#content a:link {
    color: #0693c8;
    text-decoration: none
}
#content a:visited {
    color: #0693c8;
    text-decoration: none
}
#content a:hover {
    color: #0693c8;
    text-decoration: underline
}
#content a:active {
    color: #0693c8;
    text-decoration: underline
}
.sidebar ul li a:link {
    padding: 0 0 0 15px;
    color: #464646;
    text-decoration: none;
    background-image: url(../images/list-arrow.jpg);
    background-repeat: no-repeat;
    background-position: left
}
.sidebar ul li a:visited {
    padding: 0 0 0 15px;
    color: #464646;
    text-decoration: none;
    background-image: url(../images/list-arrow.jpg);
    background-repeat: no-repeat;
    background-position: left
}
.sidebar ul li a:hover {
    padding: 0 0 0 15px;
    color: #464646;
    text-decoration: underline;
    background-image: url(../images/list-arrow-hor.jpg);
    background-repeat: no-repeat;
    background-position: left
}
.sidebar ul li a:active {
    padding: 0 0 0 15px;
    color: #464646;
    text-decoration: none;
    background-image: url(../images/list-arrow.jpg);
    background-repeat: no-repeat;
    background-position: left
}
#content .btop-box a:link,
#content .heading-box a:link {
    color: #fff;
    text-decoration: none;
    background-image: url(../images/btop-box-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px
}
#content .btop-box a:visited,
#content .heading-box a:visited {
    color: #fff;
    text-decoration: none;
    background-image: url(../images/btop-box-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px
}
#content .btop-box a:hover,
#content .heading-box a:hover {
    color: #fff;
    text-decoration: underline;
    background-image: url(../images/btop-box-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px
}
#content .btop-box a:active,
#content .heading-box a:active {
    color: #fff;
    text-decoration: none;
    background-image: url(../images/btop-box-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px
}
.form-table a:link {
    color: #aecfea;
    text-decoration: none
}
.form-table a:visited {
    color: #aecfea;
    text-decoration: none
}
.form-table a:hover {
    color: #aecfea;
    text-decoration: underline
}
.form-table a:active {
    color: #aecfea;
    text-decoration: none
}
#nav-01 a:link,
#nav-02 a:link,
#nav-03 a:link,
#nav-04 a:link,
#nav-05 a:link {
    color: #48719f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}
#nav-01 a:visited,
#nav-02 a:visited,
#nav-03 a:visited,
#nav-04 a:visited,
#nav-05 a:visited {
    color: #48719f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}
#nav-01 a:hover,
#nav-02 a:hover,
#nav-03 a:hover,
#nav-04 a:hover,
#nav-05 a:hover {
    color: #48719f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: underline
}
#nav-01 a:active,
#nav-02 a:active,
#nav-03 a:active,
#nav-04 a:active,
#nav-05 a:active {
    color: #48719f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}
#nav-01 a.current-page:link,
#nav-02 a.current-page:link,
#nav-03 a.current-page:link,
#nav-04 a.current-page:link,
#nav-05 a.current-page:link {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}
#nav-01 a.current-page:visited,
#nav-02 a.current-page:visited,
#nav-03 a.current-page:visited,
#nav-04 a.current-page:visited,
#nav-05 a.current-page:visited {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}
#nav-01 a.current-page:hover,
#nav-02 a.current-page:hover,
#nav-03 a.current-page:hover,
#nav-04 a.current-page:hover,
#nav-05 a.current-page:hover {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: underline
}
#nav-01 a.current-page:active,
#nav-02 a.current-page:active,
#nav-03 a.current-page:active,
#nav-04 a.current-page:active,
#nav-05 a.current-page:active {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}
#footer {
    margin: 0;
    background-color: #eaeaea;
    clear: both;
    overflow: hidden
}
#footer_content {
    width: 1014px;
    margin: 0 auto;
    color: #8b8b8b
}
#footer_content ul {
    float: none;
    padding: 0;
    margin: 0;
    list-style-type: none
}
#footer_content ul li {
    float: none;
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-transform: capitalize;
    margin-bottom: 5px
}
#footer_content ul li a {
    color: #8b8b8b
}
#footer_content .column {
    float: left;
    width: 233px;
    padding: 10px;
    height: 222px;
    background-image: url(images/vert_divider.jpg);
    background-repeat: no-repeat;
    background-position: right center
}
#footer_content .col_end {
    background-image: none
}
.quicklink_col {
    float: left;
    width: 46%
}
.heading-box-grey {
    color: #333;
    line-height: 18px
}
.login-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color: #2284b7;
    background-position: center
}
.author-subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bolder;
    color: #11b0e8;
    letter-spacing: -1px;
    text-align: left
}
.author-subtitle-orange {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bolder;
    color: #ee9d3c;
    letter-spacing: -1px;
    text-align: left
}
.author-bullets {
    list-style-image: url(../images/bull.gif);
    list-style-type: circle;
    line-height: 18px;
    text-align: left
}
.author-pagelayout {
    background-image: url(../images/bg-grey.jpg);
    border: 1px solid #999;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 50px
}
.author-date {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bolder;
    color: #ee9d3c;
    text-align: left
}
.author-more {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #1879ac;
    text-decoration: underline
}
.author-title-orange {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bolder;
    color: #F90;
    text-align: left;
    padding-top: 10px
}
.author-title-blue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bolder;
    color: #09afed;
    padding-bottom: 5px;
    text-align: left;
    padding-top: 10px
}
.author-bg {
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 12px
}
.author-pagelayout {
    background-image: url(../images/bg-grey.jpg);
    border: 1px solid #999;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 10px 1%;
    margin-bottom: 10px
}
.author-pagelayout-bottom {
    background-image: url(../images/bg-grey.jpg);
    border: 1px solid #999;
    background-repeat: repeat-x;
    width: 482px;
    background-position: left bottom;
    margin-bottom: 10px
}
.author-rite-col {
    width: 240px;
    padding-top: 3px;
    padding-left: 10px;
    text-align: left
}
.author-article {
    background-image: url(../images/bg-grey.jpg);
    border: 1px solid #999;
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 737px;
    margin-bottom: 10px
}
a {
    color: #2284b7;
    text-decoration: none
}
a:hover {
    color: #2284b7;
    text-decoration: underline
}
a:hover {
    text-decoration: none
}
#customers {
    width: 986px;
    min-height: 600px;
    background-image: url(images/content_bg.jpg);
    background-repeat: repeat-y
}
.cust_left {
    float: left;
    width: 276px;
    padding-top: 25px;
    min-height: 600px;
    background-image: url(images/content_bg.jpg);
    background-repeat: repeat-y;
    margin-top: 0
}
.cust_right {
    float: left;
    width: 710px;
    padding-top: 25px
}
.cust_right2 {
    float: left;
    width: 470px;
    padding-top: 25px
}
.cust_right3col {
    float: left;
    width: 240px;
    padding-top: 25px
}
.cust_box {
    border: 1px solid #f0f0f0;
    background-color: #FFF;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    height: 200px;
    width: 220px;
    text-align: center
}
.cust_box img {
    margin-top: 6px
}
.cust_info_area {
    background-color: #f4f4f4;
    margin: 0 auto;
    width: 190px;
    height: 80px;
    margin-top: 6px;
    padding: 10px 5px
}
.cust_info_area a {
    color: #2e7db2
}
.cust_info_area a:hover {
    text-decoration: none
}
.textstyle1 {
    color: #656565;
    font-size: 12pt;
    margin: 15px 0
}
.textstyle2 {
    color: #646464;
    font-size: 12pt
}
.textstyle3 {
    color: #656565;
    font-size: 9pt;
    margin-top: 8px
}
.textstyle5 {
    color: #656565;
    font-size: 10pt;
    margin: 15px 0;
    text-align: justify
}
.textstyle6 {
    color: #595959;
    font-size: 9.5pt;
    margin-top: 10px
}
p {
    margin-bottom: 10px;
    font-size: 12px
}
h2 {
    margin-bottom: 10px
}
.underline {
    border-bottom: 1px solid #f2f2f2
}
.underline2 {
    border-bottom: 1px solid #d7d7d7
}
#block-menu-menu-leftsidebar ul li,
.cust_btn_1 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 242px;
    height: 65px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-indent: 15px
}
#block-menu-menu-leftsidebar ul {
    margin: 0;
    padding: 0
}
#block-menu-menu-leftsidebar ul li a {
    background: url(images/lhsMenu_inact.jpg) no-repeat;
    color: #939393;
    font-size: 20px;
    width: 242px;
    height: 65px;
    line-height: 63px;
    text-decoration: none;
    display: block
}
.cust_btn_1 a {
    background: url(images/lhsMenu_inact.jpg) no-repeat;
    color: #939393;
    display: block;
    font-size: 20px;
    height: 53px;
    padding-top: 12px;
    text-decoration: none;
    width: 242px
}
.cust_btn_1 a:hover {
    background-position: 0 -65px
}
#block-menu-menu-leftsidebar ul li a.active {
    background: url(images/lhsMenu_act.jpg) no-repeat;
    color: #fff;
    font-size: 20px;
    width: 266px;
    height: 65px;
    line-height: 63px;
    text-decoration: none;
    display: block
}
.cust_btn_1 a.active {
    background: url(images/lhsMenu_act.jpg) no-repeat scroll 0 0 transparent;
    color: #FFF;
    display: block;
    font-size: 20px;
    height: 53px;
    padding-top: 12px;
    text-decoration: none;
    width: 266px
}
#customers {
    width: 986px;
    min-height: 600px;
    background-image: url(images/content_bg.jpg);
    background-repeat: repeat-y
}
.cust_left {
    float: left;
    width: 276px;
    padding-top: 12px
}
.cust_right {
    float: left;
    width: 710px;
    padding-top: 25px
}
.cust_right2 {
    float: left;
    width: 470px;
    padding-top: 25px
}
.cust_right3col {
    float: left;
    width: 240px;
    padding-top: 25px
}
.cust_box {
    border: 1px solid #f0f0f0;
    background-color: #FFF;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    height: 200px;
    width: 220px;
    text-align: center
}
.cust_box img {
    margin-top: 6px
}
.cust_info_area {
    background-color: #f4f4f4;
    margin: 0 auto;
    width: 190px;
    height: 80px;
    margin-top: 6px;
    padding: 10px 5px
}
.cust_info_area a {
    color: #2e7db2
}
.rndcorner_width1 {
    width: 220px
}
.css_angles {
    background: url(images/angoli_arrotondati_1.png) no-repeat;
    height: 10px
}
.angle_top_left {
    background-position: top left
}
.angle_top_right {
    background-position: top right
}
.angle_bot_left {
    background-position: bottom left
}
.angle_bot_right {
    background-position: bottom right
}
.background_color {
    background-color: #f4f4f4;
    height: 10px;
    margin: -10px 10px 0
}
.rndcornercontent {
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    padding: 0 8px
}
.rndcornercontent_extrapadding a {
    display: block;
    text-align: center
}
.rndcornercontent * {
    margin: 0
}
.rndcornercontent_extrapadding * {
    margin-bottom: 5px
}
a.link01 {
    color: #797979;
    font-size: 13px;
    text-decoration: none
}
a.link02 {
    color: #2e7db2;
    font-size: 13px;
    text-decoration: none
}
.tabs {
    overflow: hidden;
    clear: both
}
.rndcornercontent ul li {
    color: #595959;
    font-size: 9.5pt;
    clear: both
}
.rndcornercontent a {
    text-decoration: none;
    font-size: 13px
}
strong {
    font-weight: bolder
}
.cust_right2 p {
    color: #656565;
    font-size: 10pt;
    margin: 15px 0;
    text-align: justify
}
#block-block-1 h2 {
    display: none
}
.customer_wrapper {
    margin: -10px 0 0
}
.cust_right2 p.textstyle4 {
    color: #656565;
    font-size: 12pt;
    margin: 5px 0 15px
}
#coggnotour .newrow {
    margin: 30px 0 0
}
#coggnotour .newrow {
    margin: 30px 0 0
}
.orange_bubble {
    background: url(images/orangebubble.jpg) no-repeat;
    width: 697px;
    height: 99px;
    margin: 0 auto
}
.orange_bubble p {
    color: #f89b1d;
    font-size: 22px;
    padding: 7px;
    text-align: center
}
.orange_bubble p.bub2liner {
    padding-top: 22px
}
.orange_bubble p.bub3liner {
    padding-top: 10px
}
.tour_btn_1 a:hover,
.tour_btn_1 a.active:hover {
    background-position: 0 -65px
}
.arrow_or_l {
    background: url(images/arrow_or_01.jpg) no-repeat;
    float: left;
    width: 34px;
    height: 40px;
    margin-bottom: 6px
}
.arrow_or_m {
    background: url(images/arrow_or_02.jpg) repeat-x;
    float: left;
    height: 40px;
    line-height: 40px
}
.arrow_or_r {
    background: url(images/arrow_or_03.jpg) no-repeat;
    float: left;
    width: 32px;
    height: 40px
}
.arrow_or_m p img {
    vertical-align: middle
}
.arrow_or_m p {
    color: #f89b1d;
    font-size: 18px;
    text-align: left
}
.arrow_bl_l {
    background: url(images/arrow_bl_01.jpg) no-repeat;
    float: left;
    width: 34px;
    height: 40px;
    margin-bottom: 6px
}
.arrow_bl_m {
    background: url(images/arrow_bl_02.jpg) repeat-x;
    float: left;
    height: 40px;
    line-height: 40px
}
.arrow_bl_r {
    background: url(images/arrow_bl_03.jpg) no-repeat;
    float: left;
    width: 32px;
    height: 40px
}
.arrow_bl_m p img {
    vertical-align: middle
}
.arrow_bl_m p {
    color: #65bcdc;
    font-size: 18px;
    text-align: left;
    line-height: 40px
}
.tour-node .newrow {
    margin: 30px 0 0
}
.btn_appear01 {
    float: right;
    margin-top: 8px
}
.btn_appear02 {
    float: left;
    margin-left: 20px
}
.cgn_web_btn_01 a:hover {
    background-position: 0 -44px
}
.tour-node .cgn_web_btn_01 {
    margin: 0
}
.homepage_div {
    width: 990px;
    background: url(images/bodybg.png) no-repeat 0 0
}
.home_banner {
    height: 320px
}
.home_banner_left {
    width: 651px;
    float: left;
    margin-top: 17px
}
.home_banner_right {
    width: 339px;
    float: left;
    margin-top: 7px
}
.animationarea {
    height: 160px;
    position: relative;
    overflow: hidden
}
.home_banner_right_col1 {
    width: 175px;
    float: left;
    margin-top: 3px
}
.home_banner_right_col2 {
    width: 162px;
    float: left;
    margin-top: 7px
}
.home_h1 {
    text-indent: -99999px;
    background-image: url(images/great-learning-management.png);
    width: 525px;
    height: 42px;
    background-repeat: no-repeat
}
.home_banner_sub {
    color: #9ecffa;
    font-size: 16pt;
    font-style: italic;
    text-indent: -99999px;
    background-image: url(images/world-class-training.png);
    width: 231px;
    height: 39px;
    background-repeat: no-repeat
}
.panelthree {
    background-image: url(images/courses-lms-ecommerce.png);
    width: 650px;
    height: 104px;
    text-indent: -99999px;
    background-repeat: no-repeat
}
.home_banner_signup_area {
    margin-top: 25px
}
.home_signup {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 220px;
    height: 64px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px
}
.home_signup a {
    background: url(images/cgn_signup_big.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 220px;
    height: 64px;
    text-decoration: none;
    display: block
}
.home_signup a:hover {
    background-position: 0 -77px
}
.home_signup_box {
    float: left;
    width: 220px
}
.home_signup_arrow {
    float: left;
    width: 45px
}
.home_signup_description {
    float: left;
    width: 224px
}
.home_white_text {
    color: #FFF;
    font-size: 14pt
}
.home_white_text_small {
    color: #FFF;
    font-size: 10pt
}
.home_small_blue_text {
    color: #9ecffa;
    font-size: 10pt
}
.home_mid_section {
    margin-top: 35px;
    overflow: hidden;
    clear: both
}
.home_mid_left {
    float: left;
    width: 482px;
    margin-top: 30px;
    padding-right: 15px
}
.home_mid_right {
    float: left;
    width: 488px
}
.home_howcoggnoworks {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 109px;
    height: 126px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px;
    margin-left: 30px
}
.home_howcoggnoworks a {
    background: url(images/how-coggno-works.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 109px;
    height: 126px;
    text-decoration: none;
    display: block
}
.home_howcoggnoworks a:hover {
    background-position: 0 -135px
}
.sexylinks {
    margin-top: 10px
}
.home_browsecourses {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 138px;
    height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px;
    margin-left: 20px;
    float: left
}
.home_browsecourses a {
    background: url(images/browse-courses.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 138px;
    height: 26px;
    text-decoration: none;
    display: block
}
.home_browsecourses a:hover {
    background-position: 0 -34px
}
.home_intuitivelms {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 151px;
    height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px;
    margin-left: 110px;
    float: left
}
.home_intuitivelms a {
    background: url(images/the-intuitive-lms.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 151px;
    height: 26px;
    text-decoration: none;
    display: block
}
.home_intuitivelms a:hover {
    background-position: 0 -34px
}
.home_ecommerce {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 115px;
    height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px;
    margin-left: 82px;
    float: left
}
.home_ecommerce a {
    background: url(images/sell-courses.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 115px;
    height: 26px;
    text-decoration: none;
    display: block
}
.home_ecommerce a:hover {
    background-position: 0 -34px
}
.what_is_coggno {
    color: #3b8ac8;
    font-size: 18pt
}
.what_is_coggno_text {
    color: #a1a1a1;
    font-size: 12.5pt;
    line-height: 17pt
}
.what_is_coggno_text strong {
    color: #6e6e6e
}
#home_cust_top p {
    float: left
}
#home_cust_top p.home_cust_toptxt {
    color: #a1a1a1;
    font-size: 9pt;
    margin-left: 10px
}
#home_cust_top p.home_cust_arrow {
    float: right;
    margin-right: 20px
}
#home_cust_top a {
    color: #a1a1a1;
    text-decoration: none
}
.home_cust_rotate_box {
    background-image: url(images/customerscrollbg.png);
    width: 486px;
    height: 136px;
    background-repeat: repeat
}
.home_cust_info {
    width: 243px;
    text-align: center;
    float: left;
    margin-top: 25px;
    color: #666
}
.home_cust_info p {
    text-align: center;
    font-size: 11px
}
#home_cust_seemore {
    text-align: right
}
#home_cust_seemore a {
    color: #4393ca;
    font-size: 9pt;
    padding-right: 20px;
    margin-top: 10px
}
#home_features {
    margin-top: 35px;
    margin-bottom: 35px
}
.home_feature_icon {
    float: left;
    width: 64px;
    text-align: center;
    margin-top: 30px
}
.home_feature_text {
    float: left;
    text-align: left;
    margin-top: 20px;
    width: 160px
}
.home_feature_text p {
    margin: 0;
    margin-bottom: 4px
}
.home_feature_text a {
    color: #4393ca
}
.home_feature_text ul {
    margin-left: 0;
    padding-left: 1em;
    list-style-type: none;
    list-style-image: url(images/ulimage.png)
}
.home_feature_text ul li {
    margin: 0;
    padding: 0;
    float: none
}
.home_feature_text_cap {
    color: #6e6e6e;
    font-size: 14pt
}
.home_feature_text_info {
    color: #7c7c7c;
    font-size: 9pt
}
.home_feature_link_box {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 247px;
    height: 140px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    float: left
}
.home_feature_link_box a {
    background: url(images/home_feature_box_hover.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 247px;
    height: 140px;
    text-decoration: none;
    display: block
}
.home_feature_link_box a:hover {
    background-position: 0 -144px
}
.home_faq_box {
    float: left;
    width: 247px;
    height: 70px;
    padding-top: 15px;
    margin-bottom: 30px
}
.home_faq_question {
    color: #3b8ac8;
    font-size: 11pt;
    padding-right: 20px
}
.home_faq_answer {
    color: #7c7c7c;
    font-size: 9pt;
    padding-right: 20px;
    margin-top: 10px
}
.home_faq_answer p {
    margin: 0;
    margin-bottom: 4px
}
.home_faq_box a {
    color: #4393ca
}
.home_faq_box a:hover {
    color: #f89b1d
}
#faqcontent {
    width: 986px;
    min-height: 600px;
    background-image: url(images/content_bg.jpg);
    background-repeat: repeat-y
}
.faq_left {
    float: left;
    width: 276px;
    padding-top: 25px
}
.faq_right {
    float: left;
    width: 710px;
    padding-top: 25px
}
.faq_right ul {
    margin-left: 0;
    padding-left: 1em;
    list-style-type: none;
    list-style-image: url(images/ulimage.png)
}
.faq_right ul li {
    margin: 0;
    padding: 0;
    float: none;
    margin-bottom: 6px
}
#faqcontent .newrow {
    margin: 30px 0 0
}
.faq_btn_1 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 242px;
    height: 65px;
    margin: 0;
    padding: 0;
    font-weight: 400
}
.faq_btn_1 a {
    background: url(images/lhsMenu_inact.jpg) no-repeat;
    color: #939393;
    font-size: 12pt;
    width: 227px;
    height: 53px;
    text-decoration: none;
    display: block;
    padding-top: 12px;
    padding-left: 15px
}
.faq_btn_1 a:hover {
    background-position: 0 -65px
}
.faq_btn_2 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 266px;
    height: 65px;
    margin: 0;
    padding: 0;
    font-weight: 400
}
.faq_btn_2 a {
    background: url(images/lhsMenu_act.jpg) no-repeat;
    color: #fff;
    font-size: 12pt;
    width: 251px;
    height: 53px;
    text-decoration: none;
    display: block;
    padding-top: 12px;
    padding-left: 15px
}
.faq_btn_2 a:hover {
    background-position: 0 -65px
}
.faq_gen_link {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 450px;
    height: 42px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-align: center
}
.faq_gen_link a {
    background: url(images/faqgenlink.jpg) no-repeat;
    color: #2e7cb1;
    font-size: 12pt;
    width: 450px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    display: block;
    text-align: center
}
.faq_gen_link a:hover {
    background-position: 0 -44px;
    color: #f89b1d
}
.faq_content_left50 {
    float: left;
    width: 300px;
    margin-right: 15px
}
.faq_content_right50 {
    float: left;
    width: 300px
}
.faq_content_right50 ul {
    list-style-type: decimal;
    list-style-image: none;
    margin-left: 10px
}
.faqarrowbox {
    background-image: url(images/faqarrowbg.jpg);
    height: 73px;
    width: 300px
}
.faqarrowbox p {
    color: #65bcdc;
    font-size: 18px;
    text-align: left;
    text-align: center;
    padding-top: 15px
}
.tour_left {
    float: left;
    width: 276px;
    padding-top: 25px
}
.tour_right {
    float: left;
    width: 710px;
    padding-top: 25px
}
#cont_left {
    padding-left: 20px;
    color: #656565
}
#cont_left a {
    color: #0064a6
}
#cont_left div {
    margin-top: 0;
    padding: 0;
    padding-bottom: 10px
}
.txt_dark {
    color: #585858
}
.contform {
    width: 600px;
    padding: 15px;
    background-color: #fcfcfc;
    border: 1px solid #ebebeb;
    font-size: 9pt
}
.contform h2 {
    margin: 0;
    line-height: normal;
    margin-bottom: 6px
}
.contform input[type=text],
.contform textarea,
.contform select {
    width: 330px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #dbdbdb
}
.contform input[type=submit] {
    padding: 2px 5px;
    background-color: #2e7cb1;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    margin-right: 5px;
    margin-left: 209px;
    margin-top: 20px
}
.contform input[type=reset] {
    padding: 2px 5px;
    background-color: #868686;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 700
}
.contformfieldblock {
    clear: both;
    margin: 20px 0 10px
}
.contformfieldblock_l {
    float: left;
    width: 200px;
    text-align: right
}
.contformfieldblock_l * {
    padding-right: 10px
}
.contformfieldblock_r {
    float: left;
    width: 400px
}
.contformfieldblock_r * {
    padding-left: 10px
}
.inputtitle {
    color: #3a3a3a;
    font-weight: 700
}
#contactus {
    width: 986px;
    min-height: 600px;
    background-image: url(images/content_bg.jpg);
    background-repeat: repeat-y
}
.leftabout {
    float: left;
    width: 200px;
    text-align: right;
    padding: 0 20px 0 0;
    margin: -2px 0 0
}
.contform .form-item {
    margin: 0
}
.contform .clear {
    height: 12px
}
.contform #edit-message {
    width: 330px
}
.contform .grippie {
    display: none
}
.contform {
    color: #656565
}
.tourtextgrey {
    color: #939393
}
.underline3 {
    border-bottom: 1px solid #f2f2f2;
    height: 1px;
    width: 97%
}
.articlebox {
    color: #929292
}
.articlebox .col1,
.col2 {
    float: left;
    padding: 10px 20px 10px 0;
    text-align: justify
}
.articlebox .col2 {
    padding-right: 0
}
.arttitle {
    color: #4393ca;
    font-size: 11pt
}
#cgabout_ularea01,
#cgabout_ularea02,
.cgabout_td03 div {
    width: 330px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #ececec
}
.cgabout_ularea0 {
    width: 460px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #ececec;
    margin: 10px 0;
    padding: 10px 10px 10px 0
}
.block_header {
    margin: 10px auto 0;
    padding: 0 0 0 5px;
    border-bottom: 1px solid #ececec;
    width: 315px
}
.cgabout_ularea0 .block_header {
    width: 410px
}
.cgabout_ularea0 .cgabout_td06 {
    padding: 0 20px
}
#cgabout_ularea02 p {
    padding: 12px 15px 0 25px
}
#cgabout_ularea01 ul {
    padding: 12px 15px 0 40px
}
.hidden_events {
    display: none
}
.cgabout_abt_gray {
    color: #939393
}
.cbox {
    float: left
}
.cboxl {
    float: left;
    width: 10px;
    height: 292px;
    overflow: hidden;
    background-image: url(images/cboxlshadow.jpg)
}
.cboxr {
    float: left;
    width: 10px;
    height: 292px;
    overflow: hidden;
    background-image: url(images/cboxrshadow.jpg)
}
.cboxm {
    float: left;
    width: 210px;
    height: 640px;
    border: 1px solid #e1e1e1
}
.cbox_inside {
    padding: 10px
}
.cbox_title {
    color: #2e7cb1;
    margin: 6px 0;
    font-size: 14pt;
    text-align: center;
    font-weight: 700
}
.cbox_desc {
    color: #939393;
    font-size: 9pt;
    text-align: left
}
.cbox_desc ul {
    float: none;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    list-style-type: circle
}
.cbox_desc ul li {
    float: none;
    padding: 0;
    margin: 0;
    list-style-type: circle;
    margin-bottom: 5px;
    line-height: 14px
}
.cbox_desc ul li a {
    color: #8b8b8b
}
.cbox2 {
    float: left;
    width: 450px;
    height: 292px;
    color: #939393
}
.cbox2 h2 {
    color: #2e7cb1
}
.cbox3 {
    float: right;
    width: 240px;
    border: 1px solid #e1e1e1;
    background-color: #fbfbfb;
    color: #939393;
    font-size: 9pt
}
.cbox3_title {
    color: #f89b1d;
    margin: 6px 0;
    font-size: 14pt;
    text-align: center
}
.cbox3 ul {
    float: none;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    list-style-type: none
}
.cbox3 ul li {
    float: none;
    padding: 0;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px dotted #e1e1e1
}
.cbox3 ul li a {
    color: #2e7cb1
}
.cbox3 ul li a:hover {
    text-decoration: underline
}
.cbox3 ul li:last-child {
    border-bottom: 0
}
.tour_btn_1 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 242px;
    height: 65px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-indent: 15px
}
.tour_btn_1 a {
    background: url(images/lhsMenu_inact.jpg) no-repeat;
    color: #939393;
    font-size: 20px;
    width: 242px;
    height: 53px;
    text-decoration: none;
    display: block;
    padding-top: 12px
}
.tour_btn_1 a:hover {
    background-position: 0 -65px
}
.tour_btn_2 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 266px;
    height: 65px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-indent: 15px
}
.tour_btn_2 a {
    background: url(images/lhsMenu_act.jpg) no-repeat;
    color: #fff;
    font-size: 20px;
    width: 266px;
    height: 53px;
    text-decoration: none;
    display: block;
    padding-top: 12px
}
.tour_btn_2 a:hover {
    background-position: 0 -65px
}
#coggnotour {
    background-image: url(images/content_bg.jpg);
    background-repeat: repeat-y;
    min-height: 600px;
    width: 986px
}
a.link04 {
    color: #f89b1d
}
#coggnotour .link03 {
    color: #2e7db2;
    font-size: 11pt;
    font-weight: 400
}
.newsbox {
    font-size: 10pt;
    color: #939393
}
.newsdetails {
    margin-top: 5px
}
.newscatbg {
    background-image: url(images/newscatbg.jpg);
    height: 60px;
    margin-bottom: 10px
}
.newscatbg p {
    padding: 0;
    margin: 0;
    padding-top: 8px;
    padding-left: 10px;
    font-size: 14pt;
    color: #666;
    font-style: italic
}
.prc_table_head {
    width: 996px;
    margin: 5px auto;
    padding: 5px
}
.prc_table_head h1 {
    margin-top: 10px
}
.prc_table_head * {
    float: left
}
.prc_table {
    width: 996px;
    border: 1px solid #dfdfdf;
    margin: 10px auto;
    padding: 10px
}
.prc_tabs {
    width: 165px;
    float: left;
    margin-right: 1px
}
.prc_tabs .inside {
    padding: 8px;
    height: 330px;
    text-align: center;
    overflow: hidden
}
.prc_tabs .inside p {
    font-size: 12px;
    color: #717171;
    margin: 0 0 22px;
    padding: 0;
    text-align: center
}
.prc_tabs .inside p strong {
    color: #515151
}
.prc_tabs .inside a {
    color: #265fa8;
    font-weight: 700
}
.prc_tabs .inside a:hover {
    color: #ff8f00
}
.prc_tabs_end_1 {
    width: 165px;
    height: 50px;
    padding-top: 16px;
    background-image: url(images/tab_end_type1.jpg);
    background-repeat: no-repeat;
    text-align: center
}
.prc_tabs_end_2 {
    width: 165px;
    height: 50px;
    padding-top: 16px;
    background-image: url(images/tab_end_type2.jpg);
    background-repeat: no-repeat;
    text-align: center
}
.prc_tabs_end_3 {
    width: 165px;
    height: 50px;
    padding-top: 16px;
    background-image: url(images/tab_end_type3.jpg);
    background-repeat: no-repeat;
    text-align: center
}
#prc_expander {
    margin: 10px auto;
    text-align: center
}
#prc_expander a {
    color: #818181;
    font-size: 14px
}
#prc_expander a:hover {
    text-decoration: none
}
#prc_shorten {
    margin: 10px auto;
    text-align: center;
    display: none
}
#prc_shorten a {
    color: #818181;
    font-size: 14px
}
#prc_shorten a:hover {
    text-decoration: none
}
#tooltip {
    padding: 5px 10px;
    max-width: 250px;
    border: 1px solid #f9a33e;
    background: #fffedb repeat-x;
    color: #4c4c4c;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 8px #9b9b9b;
    -webkit-box-shadow: 0 0 8px #9b9b9b;
    box-shadow: 0 0 8px #9b9b9b
}
#tooltip a {
    color: #ff8f00
}
#tooltip h3 {
    font-size: 12px;
    font-weight: 400
}
.tabs {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0
}
.tabs li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
    float: none
}
.tabs a {
    padding: 0;
    display: inline-block
}
.tabs a.active {
    color: #000
}
.tab1_btn {
    width: 144px;
    height: 128px;
    text-decoration: none;
    background-image: url(images/tab_private.jpg);
    text-indent: -5000px;
    outline: 0
}
.tab1_btn.active {
    background-image: url(images/tab_private.jpg);
    background-position: 0 -133px;
    color: #000
}
.tab2_btn {
    width: 144px;
    height: 128px;
    text-decoration: none;
    background-image: url(images/tab_sell.jpg);
    text-indent: -5000px;
    outline: 0
}
.tab2_btn.active {
    background-image: url(images/tab_sell.jpg);
    background-position: 0 -133px;
    color: #000
}
.tab3_btn {
    width: 144px;
    height: 128px;
    text-decoration: none;
    background-image: url(images/tab_earn.jpg);
    text-indent: -5000px;
    outline: 0
}
.tab3_btn.active {
    background-image: url(images/tab_earn.jpg);
    background-position: 0 -133px;
    color: #000
}
.tab4_btn {
    width: 144px;
    height: 128px;
    text-decoration: none;
    background-image: url(images/tab_train.jpg);
    text-indent: -5000px;
    outline: 0
}
.tab4_btn.active {
    background-image: url(images/tab_train.jpg);
    background-position: 0 -133px;
    color: #000
}
#tab1,
#tab2,
#tab3,
#tab4 {
    background-image: url(images/tab_body_bg.gif);
    width: 735px;
    height: 291px;
    background-repeat: no-repeat;
    margin-top: 20px
}
#tab1 .inside,
#tab2 .inside,
#tab3 .inside,
#tab4 .inside {
    padding: 10px
}
.tab_col_l {
    float: left;
    width: 380px;
    padding-right: 10px;
    padding-left: 30px;
    padding-top: 30px
}
.tab_col_r {
    float: left;
    width: 276px;
    margin-top: 20px
}
.tab_headline {
    color: #2e7cb1;
    margin: 0 0 10px;
    font-size: 24pt
}
.tab_desc {
    color: #656565;
    margin: 0 0 10px;
    font-size: 10pt
}
.tab_get_started {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 216px;
    height: 58px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px
}
.tab_get_started a {
    background: url(images/tab_getstarted.jpg) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 216px;
    height: 58px;
    line-height: 42px;
    text-decoration: none;
    display: block
}
.tab_get_started a:hover {
    background-position: 0 -59px
}
body * {
    margin: 0;
    color: 0
}
a img {
    border: 0
}
a {
    text-decoration: none;
    outline: 0
}
p {
    margin-bottom: 10px;
    font-size: 16px
}
h2 {
    margin-bottom: 10px
}
.underline {
    border-bottom: 1px solid #f2f2f2
}
.underline2 {
    border-bottom: 1px solid #d7d7d7
}
#container {
    margin: 0 auto
}
.row-m {
    display: inline-block;
    width: 20%
}
.row-m li a {
    padding: 0 5px !important;
    text-transform: inherit !important
}
.row-m li {
    line-height: 35px !important;
    border-radius: 5px !important;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    margin: 5px 0 !important
}
.row-m li:hover a {
    background-color: #f67118 !important;
    border-radius: 0;
    text-transform: inherit !important
}
#header {
    margin: 0 auto;
    position: relative;
    width: 100%
}
.cs-memu-right ul {
    top: 57px;
    margin: auto;
    position: absolute;
    background: none repeat scroll 0 0 rgba(8, 67, 104, 0.9);
    border-radius: 2px;
    left: 0;
    margin-top: 10px;
    max-width: 960px;
    padding: 15px;
    right: -277px !important;
    width: 100%;
    z-index: 1000
}
ul.cs-sub-menu::before {
    border-bottom: 5px solid #084368;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: 110px;
    top: -5px;
    width: 0
}
ul.cs-sub-menu li a{
	font-weight: normal;
	color: #fff;
}
.header_top_left {
    width: 28%;
    float: left;
    padding: 10px 0 0 10px;
    margin: 10px 0
}
#top_nav_small_group {
    float: right;
    margin-top: 10px
}
.top_nav_small_links {
    float: left;
    margin-left: 20px
}
#top_nav_big_group {
    float: right;
    margin-top: 10px;
    margin-right: 26px
}
#top_nav_big_group div {
    float: left
}
#top_nav_big_group ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
#top_nav_big_group ul li {
    margin: 0;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 12pt;
    line-height: 50px;
    height: 50px
}
#top_nav_big_group ul li:first-child {
    margin-left: 0
}
#top_nav_big_group ul li a {
    color: #939393;
    height: 50px
}
#top_nav_big_group ul li a:hover {
    background-image: url(images/topnavbg.jpg)
}
#content_holder {
    width: 1014px;
    margin: 0;
    background-color: #fff
}
#shadowl {
    width: 37px;
    float: left
}
#content_main {
    width: 938px;
    float: left;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
    overflow: hidden
}
#content_main div {
    float: left;
    margin-bottom: -20000px;
    padding-bottom: 20000px
}
#content_main .col1 {
    width: 687px
}
#content_main .col2 {
    margin-right: 0;
    width: 250px;
    border-left: 1px solid #efefef
}
#lhs_content {
    width: 687px;
    float: left;
    margin: 0;
    position: relative
}
#rhs_bar {
    width: 250px;
    float: right;
    position: relative
}
#shadowr {
    width: 37px;
    float: left
}
.front .content {
    width: 930px;
    margin: 0 auto
}
#footer {
    margin: 0;
    background-color: #eaeaea
}
#footer_content {
    width: 930px;
    margin: 0 auto;
    color: #8b8b8b;
    padding-top: 20px
}
#footer_content ul {
    float: none;
    padding: 0;
    margin: 0;
    list-style-type: none
}
#footer_content ul li {
    float: none;
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-transform: capitalize;
    margin-bottom: 5px
}
#footer_content ul li a {
    color: #8b8b8b
}
#footer_content .column {
    float: left;
    width: 233px;
    padding: 10px;
    height: 222px;
    background-image: url(images/vert_divider.jpg);
    background-repeat: no-repeat;
    background-position: right center
}
#footer_content .col_end {
    background-image: none
}
.quicklink_col {
    float: left;
    width: 46%
}
.cgn_web_btn_01 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 174px;
    height: 38px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px
}
.cgn_web_btn_01 a {
    background: url(images/whatiscoggno.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 174px;
    height: 38px;
    line-height: 36px;
    text-decoration: none;
    display: block
}
.cgn_web_btn_01 a:hover {
    background-position: 0 -41px
}
.cgn_web_btn_02 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    min-width: 64px;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700
}
.cgn_web_btn_02 a {
    color: #5f5f5f;
    font-size: 15pt;
    min-width: 64px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    display: block;
    text-transform: uppercase
}
.cgn_web_btn_02 a:hover {
    background: url(images/topnavbg.jpg) no-repeat;
    background-position: bottom
}
.cgn_web_btn_02_selected {
    background: url(images/topnavbg.jpg) no-repeat;
    background-position: bottom
}
.cgn_web_btn_02_orange {
    color: #5f5f5f
}
.btn_appear01 {
    float: right;
    margin-top: 1px;
    padding-right: 6px
}
.btn_appear02 {
    float: left;
    margin-left: 20px
}
.btn_appear03 {
    float: left
}
.clear {
    clear: both
}
#customers {
    width: 986px;
    min-height: 600px;
    background-image: url(images/content_bg.jpg);
    background-repeat: repeat-y
}
.cust_left {
    float: left;
    width: 276px;
    padding-top: 25px
}
.cust_right {
    float: left;
    width: 710px;
    padding-top: 25px
}
.cust_right2 {
    float: left;
    width: 470px;
    padding-top: 25px
}
.cust_right3col {
    float: left;
    width: 240px;
    padding-top: 25px
}
.cust_box {
    border: 1px solid #f0f0f0;
    background-color: #FFF;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    height: 200px;
    width: 220px;
    text-align: center
}
.cust_box img {
    margin-top: 6px
}
.cust_info_area {
    background-color: #f4f4f4;
    margin: 0 auto;
    width: 190px;
    height: 80px;
    margin-top: 6px;
    padding: 10px 5px
}
.cust_info_area a {
    color: #2e7db2
}
.cust_btn_1 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 242px;
    height: 65px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-indent: 15px
}
.cust_btn_1 a {
    background: url(images/lhsMenu_inact.jpg) no-repeat;
    color: #939393;
    font-size: 20px;
    width: 242px;
    height: 65px;
    line-height: 63px;
    text-decoration: none;
    display: block
}
.cust_btn_1 a:hover {
    background-position: 0 -65px
}
.cust_btn_2 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 266px;
    height: 65px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-indent: 15px
}
.cust_btn_2 a {
    background: url(images/lhsMenu_act.jpg) no-repeat;
    color: #fff;
    font-size: 20px;
    width: 266px;
    height: 65px;
    line-height: 63px;
    text-decoration: none;
    display: block
}
.cust_btn_2 a:hover {
    background-position: 0 -65px
}
.textstyle1 {
    color: #656565;
    font-size: 12pt;
    margin: 15px 0
}
.textstyle2 {
    color: #646464;
    font-size: 12pt
}
.textstyle3 {
    color: #656565;
    font-size: 9pt;
    margin-top: 8px
}
.textstyle4 {
    color: #656565;
    font-size: 12pt;
    margin: 5px 0 15px
}
.textstyle5 {
    color: #656565;
    font-size: 10pt;
    margin: 15px 0;
    text-align: justify
}
.textstyle6 {
    color: #595959;
    font-size: 9.5pt;
    margin-top: 10px
}
.textstyle6 {
    color: #2e7cb1;
    font-size: 18pt
}
.rndcorner_width1 {
    width: 220px
}
.css_angles {
    background: url(images/angoli_arrotondati_1.png) no-repeat;
    height: 10px
}
.angle_top_left {
    background-position: top left
}
.angle_top_right {
    background-position: top right
}
.angle_bot_left {
    background-position: bottom left
}
.angle_bot_right {
    background-position: bottom right
}
.background_color {
    background-color: #f4f4f4;
    height: 10px;
    margin: -10px 10px 0
}
.rndcornercontent {
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    padding: 0 8px
}
.rndcornercontent * {
    margin: 0
}
.rndcornercontent_extrapadding * {
    margin-bottom: 5px
}
a.link01 {
    color: #797979
}
a.link02 {
    color: #2e7db2
}
.ul01 {
    list-style-type: disc
}
.ul01 li {
    margin-left: 0;
    float: none;
    list-style-type: disc
}
#coggnotour {
    width: 986px;
    min-height: 600px;
    background-image: url(images/content_bg.jpg);
    background-repeat: repeat-y
}
.tour_left {
    float: left;
    width: 276px;
    padding-top: 25px
}
.tour_right {
    float: left;
    width: 710px;
    padding-top: 25px
}
#coggnotour .newrow {
    margin: 30px 0 0
}
.tour_btn_1 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 242px;
    height: 65px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-indent: 15px
}
.tour_btn_1 a {
    background: url(images/lhsMenu_inact.jpg) no-repeat;
    color: #939393;
    font-size: 20px;
    width: 242px;
    height: 53px;
    text-decoration: none;
    display: block;
    padding-top: 12px
}
.tour_btn_1 a:hover {
    background-position: 0 -65px
}
.tour_btn_2 {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 266px;
    height: 65px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-indent: 15px
}
.tour_btn_2 a {
    background: url(images/lhsMenu_act.jpg) no-repeat;
    color: #fff;
    font-size: 20px;
    width: 266px;
    height: 53px;
    text-decoration: none;
    display: block;
    padding-top: 12px
}
.tour_btn_2 a:hover {
    background-position: 0 -65px
}
.orange_bubble {
    background: url(images/orangebubble.jpg) no-repeat;
    width: 697px;
    height: 99px;
    margin: 0 auto
}
.orange_bubble p {
    color: #f89b1d;
    font-size: 22px;
    padding: 7px;
    text-align: center
}
.orange_bubble p.bub2liner {
    padding-top: 22px
}
.orange_bubble p.bub3liner {
    padding-top: 10px
}
.arrow_or_l {
    background: url(images/arrow_or_01.jpg) no-repeat;
    float: left;
    width: 34px;
    height: 40px;
    margin-bottom: 6px
}
.arrow_or_m {
    background: url(images/arrow_or_02.jpg) repeat-x;
    float: left;
    height: 40px;
    line-height: 40px
}
.arrow_or_r {
    background: url(images/arrow_or_03.jpg) no-repeat;
    float: left;
    width: 32px;
    height: 40px
}
.arrow_or_m p img {
    vertical-align: middle
}
.arrow_or_m p {
    color: #f89b1d;
    font-size: 18px;
    text-align: left
}
.arrow_bl_l {
    background: url(images/arrow_bl_01.jpg) no-repeat;
    float: left;
    width: 34px;
    height: 40px;
    margin-bottom: 6px
}
.arrow_bl_m {
    background: url(images/arrow_bl_02.jpg) repeat-x;
    float: left;
    height: 40px;
    line-height: 40px
}
.arrow_bl_r {
    background: url(images/arrow_bl_03.jpg) no-repeat;
    float: left;
    width: 32px;
    height: 40px
}
.arrow_bl_m p img {
    vertical-align: middle
}
.arrow_bl_m p {
    color: #65bcdc;
    font-size: 18px;
    text-align: left
}
.homepage_div {
    background-image: url(images/coursedisp_bg.gif);
    background-repeat: no-repeat;
    width: 1022px
}
.home_banner {
    height: 320px
}
.home_banner_left {
    width: 200px;
    float: left;
    margin-left: 25px;
    padding-top: 4px
}
.home_banner_right {
    width: 750px;
    float: left;
    margin-left: 36px;
    padding-top: 20px
}
.home_banner_left_link a {
    color: #5e5e5e;
    height: 20px;
    font-size: 14px;
    line-height: 22px
}
.home_banner_left_link a:hover,
.home_banner_left_link.active a {
    color: #ff8a00
}
.home_banner_link_title {
    color: #1b72ad;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px
}
.home_banner_caraousel_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    padding-bottom: 9px
}
.animationarea {
    height: 160px;
    position: relative;
    overflow: hidden
}
.home_banner_right_col1 {
    width: 175px;
    float: left;
    margin-top: 3px
}
.home_banner_right_col2 {
    width: 162px;
    float: left;
    margin-top: 7px
}
.home_h1 {
    text-indent: -99999px;
    background-image: url(images/great-learning-management.png);
    width: 525px;
    height: 42px;
    background-repeat: no-repeat
}
.home_banner_sub {
    color: #9ecffa;
    font-size: 16pt;
    font-style: italic;
    text-indent: -99999px;
    background-image: url(images/world-class-training.png);
    width: 231px;
    height: 39px;
    background-repeat: no-repeat
}
.panelthree {
    background-image: url(images/courses-lms-ecommerce.png);
    width: 650px;
    height: 104px;
    text-indent: -99999px;
    background-repeat: no-repeat
}
.home_banner_signup_area {
    margin-top: 25px
}
.home_signup {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 209px;
    height: 65px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px
}
.home_signup a {
    background: url(images/cgn_signup_big.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 209px;
    height: 65px;
    text-decoration: none;
    display: block
}
.home_signup a:hover {
    background-position: 0 -77px
}
.home_howcoggnoworks {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 109px;
    height: 126px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px;
    margin-left: 30px
}
.home_howcoggnoworks a {
    background: url(images/how-coggno-works.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 109px;
    height: 126px;
    text-decoration: none;
    display: block
}
.home_howcoggnoworks a:hover {
    background-position: 0 -135px
}
.sexylinks {
    margin-top: 10px
}
.home_browsecourses {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 138px;
    height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px;
    margin-left: 20px;
    float: left
}
.home_browsecourses a {
    background: url(images/browse-courses.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 138px;
    height: 26px;
    text-decoration: none;
    display: block
}
.home_browsecourses a:hover {
    background-position: 0 -34px
}
.home_intuitivelms {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 151px;
    height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px;
    margin-left: 110px;
    float: left
}
.home_intuitivelms a {
    background: url(images/the-intuitive-lms.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 151px;
    height: 26px;
    text-decoration: none;
    display: block
}
.home_intuitivelms a:hover {
    background-position: 0 -34px
}
.home_ecommerce {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 115px;
    height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px;
    margin-left: 82px;
    float: left
}
.home_ecommerce a {
    background: url(images/sell-courses.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 115px;
    height: 26px;
    text-decoration: none;
    display: block
}
.home_ecommerce a:hover {
    background-position: 0 -34px
}
.home_signup_box {
    float: left;
    width: 220px
}
.home_signup_arrow {
    float: left;
    width: 45px
}
.home_signup_description {
    float: left;
    width: 224px
}
.home_white_text {
    color: #FFF;
    font-size: 14pt
}
.home_white_text_small {
    color: #FFF;
    font-size: 10pt
}
.home_small_blue_text {
    color: #9ecffa;
    font-size: 10pt
}
.home_mid_section {
    margin-top: 35px;
    background-repeat: no-repeat;
    width: 1022px;
    min-height: 400px
}
.what_is_coggno {
    color: #3b8ac8;
    font-size: 18pt
}
.what_is_coggno_text {
    color: #a1a1a1;
    font-size: 12.5pt;
    line-height: 17pt
}
.what_is_coggno_text strong {
    color: #6e6e6e
}
#home_cust_top p {
    float: left;
    padding: 0;
    margin: 0;
    padding-bottom: 10px
}
#home_cust_top p.home_cust_toptxt {
    color: #a1a1a1;
    font-size: 9pt;
    margin-left: 10px
}
#home_cust_top p.home_cust_arrow {
    float: right;
    margin-right: 20px
}
#home_cust_top a {
    color: #a1a1a1;
    text-decoration: none
}
.home_cust_rotate_box {
    background-image: url(images/customerscrollbg.png);
    width: 486px;
    height: 136px;
    background-repeat: repeat
}
.home_cust_info {
    width: 243px;
    text-align: center;
    float: left;
    margin-top: 25px;
    color: #666
}
#home_cust_seemore {
    text-align: right
}
#home_cust_seemore a {
    color: #4393ca;
    font-size: 9pt;
    padding-right: 20px;
    margin-top: 10px
}
#home_features {
    margin-top: 35px;
    margin-bottom: 35px
}
.home_feature_icon {
    float: left;
    width: 64px;
    text-align: center;
    margin-top: 30px
}
.home_feature_text {
    float: left;
    text-align: left;
    margin-top: 20px;
    width: 160px
}
.home_feature_text p {
    margin: 0;
    margin-bottom: 4px
}
.home_feature_text a {
    color: #4393ca
}
.home_feature_text ul {
    margin-left: 0;
    padding-left: 1em;
    list-style-type: none;
    list-style-image: url(images/ulimage.png)
}
.home_feature_text ul li {
    margin: 0;
    padding: 0;
    float: none
}
.home_feature_text_cap {
    color: #6e6e6e;
    font-size: 14pt
}
.home_feature_text_info {
    color: #7c7c7c;
    font-size: 9pt
}
.home_feature_link_box {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 247px;
    height: 140px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    float: left
}
.home_feature_link_box a {
    background: url(images/home_feature_box_hover.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 247px;
    height: 140px;
    text-decoration: none;
    display: block
}
.home_feature_link_box a:hover {
    background-position: 0 -144px
}
.home_faq_box {
    float: left;
    width: 247px;
    height: 70px;
    padding-top: 15px;
    margin-bottom: 30px
}
.home_faq_question {
    color: #3b8ac8;
    font-size: 11pt;
    padding-right: 20px
}
.home_faq_answer {
    color: #7c7c7c;
    font-size: 9pt;
    padding-right: 20px;
    margin-top: 10px
}
.home_faq_answer p {
    margin: 0;
    margin-bottom: 4px
}
.home_faq_box a {
    color: #4393ca
}
.home_faq_box a:hover {
    color: #f89b1d
}
.underline3 {
    border-bottom: 1px solid #f2f2f2;
    height: 1px;
    width: 97%
}
.articlebox {
    color: #929292
}
.articlebox .col1,
.col2 {
    width: 467px;
    float: left;
    padding: 10px 20px 10px 0;
    text-align: justify
}
.articlebox .col2 {
    padding-right: 0
}
.arttitle {
    color: #4393ca;
    font-size: 11pt
}
.search_left {
    float: left;
    width: 386px;
    height: 34px;
    border: 2px solid orange;
    border-radius: 10px 0 0 10px
}
.search_btn {
    float: left;
    width: 42px;
    height: 38px
}
.top_search_bar {
    width: 350px;
    height: 26px;
    margin-top: 6px;
    margin-left: 6px;
    border: 0;
    outline: 0;
    color: #b3b3b3;
    font-style: italic;
    font-size: 18px;
    padding-left: 4px;
    font-family: Arial, Helvetica, sans-serif
}
#nav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 25px;
    position: absolute
}
#nav li {
    float: left;
    display: block;
    width: 167px;
    position: relative;
    z-index: 500;
    margin: 0 1px
}
#nav li a {
    display: block;
    padding: 0;
    height: 25px;
    text-decoration: none;
    color: #3a3a3a;
    text-align: left
}
#nav a.selected {
    color: #fff;
    background: #111
}
#nav ul {
    position: absolute;
    left: 0;
    display: none;
    margin: 3px 0 0 -1px;
    padding: 0;
    list-style: none;
    background-color: #FFF;
    border: 4px solid #d6d6d6;
    -moz-box-shadow: 0 0 16px #383838;
    -webkit-box-shadow: 0 0 16px #383838;
    box-shadow: 0 0 16px #383838
}
#nav ul li {
    width: 165px;
    float: left;
    border-bottom: 1px solid #eaeaea
}
#nav ul li:last-child {
    border-bottom: 0
}
#nav ul li.underline {
    border-bottom: 1px solid #111
}
#nav ul a {
    display: block;
    height: 25px;
    padding: 0 0 0 10px;
    color: #111;
    background: url(../images/spacer.gif) repeat;
    outline: 0
}
#nav ul a:hover {
    background-color: #c30000;
    color: #fff;
    text-decoration: none
}
.start_coggno_group {
    width: 312px;
    float: left;
    margin-left: 15px
}
.start_coggno_group img {
    vertical-align: text-top
}
.start_coggno_title {
    font-size: 18pt;
    color: #1b72ad;
    line-height: 18pt;
    margin: 0;
    padding: 0
}
.start_coggno_subtitle {
    font-size: 11pt;
    color: #777;
    font-weight: 700;
    margin-top: 2px;
    height: 30px
}
.start_coggno_desc {
    color: #8b8b8b;
    margin-top: 20px;
    padding-bottom: 10px;
    height: 80px
}
.feat_text {
    line-height: 14pt
}
.spacer {
    margin: 30px
}
.start_selling {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 160px;
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px
}
.start_selling a {
    background: url(images/start_coggno.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 160px;
    height: 35px;
    line-height: 42px;
    text-decoration: none;
    display: block
}
.start_selling a:hover {
    background-position: 0 -51px
}
.start_earning {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 160px;
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px
}
.start_earning a {
    background: url(images/start_coggno.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 160px;
    height: 35px;
    line-height: 42px;
    text-decoration: none;
    display: block;
    background-position: -204px 0
}
.start_earning a:hover {
    background-position: -204px -51px
}
.start_training {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    display: block;
    width: 160px;
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-indent: -10000px
}
.start_training a {
    background: url(images/start_coggno.png) no-repeat;
    color: #6a2a05;
    font-size: 11px;
    width: 160px;
    height: 35px;
    line-height: 42px;
    text-decoration: none;
    display: block;
    background-position: -406px 0
}
.start_training a:hover {
    background-position: -406px -51px
}
.horz_ruler {
    margin: 40px auto
}
.front .horz_ruler {
    margin: 10px auto
}
.col_left {
    float: left;
    width: 470px;
    margin-left: 15px;
    color: #8b8b8b;
    padding-right: 0
}
.col_right {
    float: left;
    width: 480px;
    margin-left: 20px;
    color: #8b8b8b;
    padding: 0
}
#block-block-2 .column.col_end a>img {
    width: 60px
}
ul.dropdown li#pricing a {
    display: block;
    padding: 3px 8px;
    color: #ff7800
}
.quickLink_col {
    float: left;
    width: 46%
}
ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.front ul.dropdown {
    position: relative;
    font: 13px Helvetica, Sans-Serif;
    margin-right: 26px
}
ul.dropdown {
    position: relative;
    font: 13px Helvetica, Sans-Serif;
    margin-right: 6px
}
ul.dropdown li {
    float: left;
    text-transform: uppercase
}
ul.dropdown a:hover {
    color: #ff8a00
}
ul.dropdown a:active {
    color: orange
}
ul.dropdown li a {
    display: block;
    padding: 3px 8px;
    color: #b5b5b5
}
ul.dropdown li:first-child a {
    display: block;
    padding: 3px 8px;
    color: #ff7800
}
ul.dropdown li:last-child a {
    border-right: 0
}
ul.dropdown li.hover,
ul.dropdown li:hover {
    position: relative
}
ul.dropdown li.hover a {
    color: #ff8a00
}
ul.dropdown ul {
    width: 150px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    border: 3px solid #c8c8c8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    -moz-box-shadow: 4px 4px 4px #828282;
    -webkit-box-shadow: 4px 4px 4px #828282;
    box-shadow: 4px 4px 4px #828282
}
ul.dropdown ul li {
    font-weight: normal;
    color: #000;
    float: none
}
ul.dropdown ul li a {
    border-right: 0;
    width: 100%;
    display: inline-block
}
ul.dropdown ul ul {
    left: 100%;
    top: 0
}
ul.dropdown li:hover>ul {
    visibility: visible
}
#categories_menu {
    height: 258px;
    left: 35px;
    top: 8px;
    width: 558px;
    max-height: none;
    border-radius: 0 10px 10px 0;
    padding: 41px 10px 0 10px !important;
    background: none repeat scroll 0 0 white;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0 0 0 -18px;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    z-index: 10
}
#home_banner_left {
    z-index: 15
}
#hide1,
#hide2,
#hide3 {
    position: absolute;
    top: 41px
}
#hide2 {
    left: 175px
}
#hide3 {
    left: 369px
}
#categories_menu .cat_item a {
    color: #5e5e5e;
    height: 20px;
    font-size: 14px;
    line-height: 22px
}
#categories_menu .cat_item a:hover {
    color: #ff8a00
}
#clickHide {
    float: right;
    font-size: 20px;
    color: #2ac3ee;
    cursor: pointer;
    margin: 217px 55px 0 0
}
#clickHide:hover {
    text-shadow: 1px 1px 1px #b1e5f3
}
.home_banner {
    position: relative !important
}
#home_banner_link_title {
    left: 8px;
    position: absolute;
    top: 13px
}
.well h3 {
    color: #343434;
    font-size: 30px;
    font-weight: normal;
    line-height: normal;
    margin: 0
}
.well1 h2 {
    color: #343434;
    font-size: 30px;
    font-weight: normal;
    line-height: normal;
    margin: 0
}
.tp_spc {
    padding: 10px 0
}
.containerT {
    margin: 10px auto
}
.containerT>ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 59px;
    border-bottom: 1px solid #b9d8e9;
    border-left: 1px solid #999;
    width: 100%;
    overflow: inherit
}
.containerT>ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 66px;
    line-height: 31px;
    margin-bottom: -1px;
    background: url(images/tab.jpg) no-repeat top center;
    overflow: hidden;
    position: relative
}
.containerT>ul.tabs li a {
    text-align: center;
    line-height: 20px;
    height: 66px;
    font-family: 'myriad_prosemibold';
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 7px 0;
    outline: 0;
    width: 310px
}
.containerT>ul.tabs li a:hover {
    background: url(images/tab-active.jpg) no-repeat top center
}
.containerT>ul.tabs li.active,
.containerT>ul.tabs li.active a:hover {
    position: relative;
    background: url(images/tab-active.jpg) no-repeat top center
}
.containerT>.tab_container {
    height: 215px;
    border: 1px solid #b9d8e9;
    border-top: 0;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px
}
.tab_content {
    padding: 20px;
    font-size: 1.2em
}
.tab_content h3 {
    font-weight: normal;
    color: #477898;
    padding-bottom: 10px;
    font-size: 25px;
    margin: 0
}
.tab_content h3 a {
    color: #254588
}
.tab_content img {
    float: left;
    margin: 0 20px 20px 0;
    padding: 5px
}
.tab_arrow {
    position: absolute;
    width: 12px;
    height: 6px;
    border-bottom: -10px;
    background: url(images/blue-arrow.jpg) no-repeat bottom center
}
.containerT>.tab_container #tab1,
.containerT>.tab_container #tab2,
.containerT>.tab_container #tab3,
.containerT>.tab_container #tab4 {
    background: 0;
    height: inherit;
    margin-top: 0;
    width: auto
}
.tranning {
    padding: 20px 0 0
}
.tranning h3 {
    color: #343434;
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    margin: 0
}
.tranning_sub {
    color: #626262;
    font-size: 14px
}
.tranning1 {
    padding: 20px 0 0
}
.tranning1 h2 {
    color: #343434;
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    margin: 0
}
.tranning1_sub {
    color: #626262;
    font-size: 14px
}
.show_thumbs {
    padding: 20px 0
}
#mainwrapper {
    height: auto;
    text-align: center
}
#mainwrapper .box {
    border: 1px solid #ddd;
    cursor: pointer;
    float: left;
    height: 160px;
    margin: 12px;
    overflow: hidden;
    position: relative;
    width: 284px
}
#mainwrapper .box img {
    left: 0;
    position: absolute;
    transition: all 300ms ease-out 0
}
#mainwrapper .box abbr {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    left: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%
}
#mainwrapper .box .caption {
    background: none repeat scroll 0 0 #74bb2e;
    color: #fff;
    left: 0;
    position: absolute;
    transition: all 300ms ease-out 0;
    z-index: 100
}
#mainwrapper .box .caption h3 {
    color: #fff
}
#mainwrapper .box .caption p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: left
}
#mainwrapper .box .fade-caption,
#mainwrapper .box .scale-caption {
    height: 131px;
    opacity: 0;
    padding: 15px;
    text-align: left;
    width: 255px
}
.box h3 {
    font-size: 22px;
    font-weight: normal;
    text-align: center
}
.foot_box {
    float: left;
    width: 24%
}
.foot_box h3 {
    color: #8b8b8b;
    margin: 0;
    font-size: 18px;
    font-family: 'myriad_prosemibold';
    font-weight: normal
}
.foot_box p {
    color: #8b8b8b;
    font-size: 11.5px
}
.foot_box2 p {
    color: #8b8b8b;
    font-size: 14px;
    line-height: normal
}
.foot_box2 {
    float: left;
    padding: 0 0 0 21px;
    width: 23%
}
.foot_box2 h3 {
    color: #8b8b8b;
    font-size: 20px;
    font-family: 'myriad_prosemibold';
    font-weight: normal;
    margin: 0 0 10px 0
}
.foot_btn {
    background: #8cc22a;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 15px;
    margin-top: 10px;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#3c660a3c660a)";
    text-shadow: 0 1px 0 #3c660a;
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#3c660a);
    border: 1px solid #99b732;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: -moz-linear-gradient(90deg, #31850b 0, #bddd44 100%);
    background: -webkit-gradient(linear, 90deg, color-stop(0, #31850b), color-stop(100%, #bddd44));
    background: -webkit-linear-gradient(90deg, #31850b 0, #bddd44 100%);
    background: -o-linear-gradient(90deg, #31850b 0, #bddd44 100%);
    background: -ms-linear-gradient(90deg, #31850b 0, #bddd44 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#31850b', endColorstr='#bddd44', GradientType='0');
    background: linear-gradient(0, #31850b 0, #bddd44 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#585858)";
    -moz-box-shadow: 0 1px 0 #585858;
    -webkit-box-shadow: 0 1px 0 #585858;
    box-shadow: 0 1px 0 #585858;
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#585858)
}
.foot_btn:hover {
    color: #fff
}
.calc_container {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #dadada;
    background-color: #f4f4f4;
    width: 290px;
    height: 360px
}
.calc_container P {
    padding: 0;
    margin: 0;
    text-align: center
}
.calc_padding {
    padding: 22px
}
.calc_padding2 {
    padding-left: 26px;
    padding-right: 0;
    padding-top: 18px
}
p.calc_text1 {
    color: #1b72c9 !important;
    margin-bottom: 10px !important;
    font-size: 28pt !important;
    text-align: center !important
}
p.calc_text2 {
    color: #1b72c9 !important;
    margin-bottom: 20px !important;
    font-size: 18.2pt !important;
    line-height: 26pt !important;
    text-align: center !important
}
p.calc_text3 {
    color: #1b72c9 !important;
    margin-bottom: 26px !important;
    font-size: 42pt !important;
    line-height: 10pt !important;
    text-align: center !important
}
p.calc_text4 {
    color: #1b72c9 !important;
    margin-bottom: 10px !important;
    font-size: 32pt !important;
    line-height: 30pt !important;
    text-align: center !important
}
.calc_text5 {
    color: #1b72c9 !important;
    margin-bottom: 10px !important;
    font-size: 14pt !important;
    text-transform: uppercase !important
}
.calc_text6 {
    color: #1b72c9 !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    font-size: 12pt !important;
    line-height: 13pt !important
}
.calc_text7 {
    color: #1b72c9 !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    font-size: 42pt !important;
    line-height: 42pt !important
}
.gray_text {
    color: #a9a9a9 !important;
    margin-bottom: 10px !important;
    font-size: 8pt !important
}
.calcu_prant {
    width: 300px;
    margin: 0 auto 10px auto
}
.calc_calcnow_btn {
    background-image: url(images/calc_now_btn.gif);
    background-repeat: no-repeat;
    width: 208px;
    height: 53px;
    margin: 50px auto 0 auto
}
.calc_calcnow_btn:hover {
    background-position: 0 -56px;
    cursor: pointer
}
.calc_learnmore_btn {
    margin: 105px auto 10px auto;
    background-image: url(images/calc_now_btn.gif);
    background-repeat: no-repeat;
    width: 185px;
    height: 50px;
    background-position: 0 -111px
}
.calc_learnmore_btn:hover {
    background-position: 0 -163px;
    cursor: pointer
}
.calc_question {
    height: 60px;
    padding-left: 20px;
    padding-top: 10px;
    border-bottom: 1px solid #dadada
}
.calc_options {
    margin: 0 8px 12px 13px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #dadada;
    background-color: #e8e8e8;
    text-transform: uppercase;
    width: 204px;
    height: 45px;
    line-height: 45px;
    padding-left: 8px;
    color: #767676
}
.calc_options:hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #b8d4f1
}
.calc_options img {
    vertical-align: middle
}
a.calc_link {
    color: #1b72c9;
    font-size: .9em
}
.ct_left p {
    font-size: 14px
}
#fancybox-overlay {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    z-index: 1;
    display: none
}
.cs-memu-right a:hover,
.cs-what-platform a:hover {
    text-decoration: none;
    color: #f89b1d
}
.cs-memu-right li {
    line-height: 41px;
    margin: 1px;
    padding: 0 20px 0 0
}
.cs-memu-right li a:hover {
    opacity: .7
}
.cs-memu-right a {
    text-decoration: none;
    color: #797979;
    font-weight: bold;
}
.cs-memu-right i {
    border-radius: 15px;
    width: 25px;
    height: 25px;
    background: #f89b1d;
    margin: 0 10px
}
.cs-memu-right .subs {
    background: #fff;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px
}
.cs-memu-right .try {
    background: #8bc441
}
.cs-memu-right .shop {
    background: #fff
}
.cs-memu-right .sign {
    background: #fff;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px
}
.cs-memu-right .subs a i {
    color: #fff;
    margin-left: -2px;
}
.cs-memu-right .try a i {
    color: #8bc441
}
.cs-memu-right .shop a i {
    color: #fff
}
.cs-memu-right .sign a i {
    color: #fff
}

.cs-memu-right .shop a i{
background: #22a9e1;
}

.cs-memu-right .sign a i{
background: #b3b3b3;
}

.cs-memu-right .subs .fa:before {
    line-height: 25px;
    margin-left: 6px
}
.cs-memu-right .try .fa:before {
    line-height: 25px;
    margin-left: 7px
}
.cs-memu-right .shop .fa:before {
    line-height: 25px;
    margin-left: 5px
}
.cs-memu-right .sign .fa:before {
    line-height: 25px;
    margin-left: 5px
}
.cs-what-platform i {
    border-radius: 15px;
    width: 25px;
    height: 25px;
    background: #fff;
    margin: 0 10px
}
.cs-what-platform a {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff
}
.cs-what-platform .platform a i {
    color: #f5a369
}
.cs-what-platform .what a i {
    color: #8bc441
}
.cs-what-platform .platform {
    background: -moz-linear-gradient(270deg, #e76408 0, #f5a369 65%);
    background: -webkit-gradient(linear, 270deg, color-stop(0, #e76408), color-stop(65%, #f5a369));
    background: -webkit-linear-gradient(270deg, #e76408 0, #f5a369 65%);
    background: -o-linear-gradient(270deg, #e76408 0, #f5a369 65%);
    background: -ms-linear-gradient(270deg, #e76408 0, #f5a369 65%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e76408', endColorstr='#f5a369', GradientType='1');
    background: linear-gradient(180deg, #e76408 0, #f5a369 65%);
    border-radius: 15px
}
.cs-what-platform .what {
    background: -moz-linear-gradient(270deg, #66ab0d 0, #8bc441 65%);
    background: -webkit-gradient(linear, 270deg, color-stop(0, #66ab0d), color-stop(65%, #8bc441));
    background: -webkit-linear-gradient(270deg, #66ab0d 0, #8bc441 65%);
    background: -o-linear-gradient(270deg, #66ab0d 0, #8bc441 65%);
    background: -ms-linear-gradient(270deg, #66ab0d 0, #8bc441 65%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66ab0d', endColorstr='#8bc441', GradientType='1');
    background: linear-gradient(180deg, #66ab0d 0, #8bc441 65%);
    border-radius: 15px
}
.cs-what-platform li {
    line-height: 38px;
    margin: 3px 2px;
    padding: 0 15px 0 0
}
.cs-what-platform .what .fa:before {
    line-height: 25px;
    margin-left: 9px
}
.cs-what-platform .platform .fa:before {
    line-height: 25px;
    margin-left: 9px
}
.cs-what-platform li:hover {
    opacity: .8
}
.cs-memu-right,
.cs-memu-right * {
    margin: 0;
    padding: 0;
    list-style: none
}
.cs-memu-right>li {
    float: left
}
.cs-memu-right li:hover>ul,
.cs-memu-right li.sfHover>ul {
    display: block
}
.cs-memu-right a {
    display: block;
    position: relative
}
.cs-memu-right ul ul {
    top: 0;
    left: 100%
}
.cs-memu-right {
    float: left;
    margin-bottom: 1em
}
.cs-memu-right a {
    border: 0;
    padding: 0;
    text-decoration: none
}
.cs-memu-right a {
    color: #797979
}
.cs-memu-right li {
    background: #084368;
    white-space: nowrap
}
.cs-memu-right ul li a {
    width: 100%;
    clear: both;
    margin: 0;
    padding: 3px 8px
}
.cs-memu-right ul li {
    background: #084368;
    clear: both;
    margin: 0;
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    border-radius: 10px
}
.cs-memu-right ul ul li {
    background: #9aaedb
}
.cs-memu-right ul li a:hover,
.cs-memu-right ul li:hover,
.cs-memu-right ul li.sfHover {
    background: #f67118;
    color: #fff;
    text-decoration: none;
    opacity: 1;
}